@charset "euc-kr";

body, html {height:100%;}
body {font-family:'Nanumgothic',sans-serif;}

.mobile_screen .inner .depth01_wrap .depth01 li:last-child {padding:0}
.mobile_screen .inner .depth01_wrap .depth01 li:last-child a {display: block; width: 100%; padding:25px 0}

/* intro */
.intro {width:100%; min-width:1360px; height:100%; background:#f6f6f8 url(../images/login_bg.png) 50% 50% no-repeat; background-size:100% auto; padding:170px 0; text-align:center; box-sizing:border-box;}
.intro h1 {font-family:'NanumSquareR',sans-serif; font-size:43px; font-weight:700; letter-spacing:-0.075rem; color:#574742;}
.intro .main_logo {display:inline-block; width:129px; height:43px; background:url(../images/main_logo.png) no-repeat; vertical-align:middle; margin-right:6px;}
.intro .login_area {min-width:1360px; max-width:1360px; margin:70px auto 0; padding:0 50px; box-sizing:border-box;}
.intro .login_area .login_box {float:left; width:32%; max-width:401px; height:558px; background:#fff; border:1px solid #d3d3d3; margin-right:26px; text-align:center; box-sizing:border-box;}
.intro .login_area .login_box:last-child {margin-right:0;}

.intro .type_box {margin:70px auto 55px;}
.intro .type_box .circle {width:127px; height:127px; border:1px solid #e7e7e7; background:#f8f8f8 url(../images/ico/login_ico1.png) 50% 50% no-repeat; border-radius:50%; margin:0 auto 16px; overflow:hidden; box-sizing:border-box; }
.intro .login_box:nth-child(2) .circle {background-image:url(../images/ico/login_ico2.png); background-position:65% 50%;}
.intro .login_box:nth-child(3) .circle {background-image:url(../images/ico/login_ico3.png);}
.intro .type_box h3 {font-family:'NanumSquareR',sans-serif; font-size:25px; font-weight:600; letter-spacing:-0.075rem; color:#353639;}
.intro .type_box h3 strong {color:#d9371e;}

.intro .login_info {width:335px; margin:58px auto 30px;}
.intro .login_info .input_box {float:left; width:206px;}
.intro .login_info .input_box input {width:206px; height:50px; line-height:50px; border:1px solid #e2e2e2; font-size:17px; letter-spacing:-0.05rem; color:#878787; padding-left:24px; box-sizing:border-box;}
.intro .login_info .input_box input:first-child {margin-bottom:10px;}
.intro .login_info .btn_box {float:right; width:118px;}
.intro .login_info .btn_box button {width:118px; height:108px; line-height:108px; font-size:18px; letter-spacing:-0.075rem; color:#fff; background:#d9371e; text-align:center; outline-color:#e8614c; box-sizing:border-box;}
.intro .idpw_lnk {width:335px; height:66px; margin:0 auto;}
.intro .idpw_lnk a {display:block; width:335px; height:66px; line-height:66px; font-size:19px; color:#dc442d; border:1px solid #d9371e; text-align:center; box-sizing:border-box; transition:all 0.4s;}
.intro .idpw_lnk:hover a {background:#dc442d; color:#fff;}


/* Main CSS */
.column_left div[class^=column] {width:100%; border:1px solid #d9d9d9; margin-bottom:20px; box-sizing:border-box;}
.column_login .login_before {height:215px; padding:26px 24px 18px 25px; box-sizing:border-box;}
.column_login .login_after {height:215px; padding:21px 24px 18px; box-sizing:border-box;}
.login_before .login_box .input_box {float:left; width:147px;}
.login_before .login_box input {
    width:147px; 
    height:35px;
    border:1px solid #e2e2e2;
    font-size:14px;
    letter-spacing:-0.05rem;
    line-height:35px;
    color:#878787;
    padding-left:12px;
    margin-bottom:7px;
    box-sizing:border-box;
}
.login_before .login_box button {
    float:right;
    width:84px;
    height:77px;
    border:1px solid #bb341f;
    background:#da3f27;
    text-align:center;
    font-size:13px;
    font-family:'Dotum',sans-serif;
    letter-spacing:-0.075rem;
    color:#fff;
    margin-bottom:7px;
    box-sizing:border-box;
}
.login_before .type_box {
    height:39px; 
    line-height:39px;
}
.login_before .type_box input {
    margin:0;
    vertical-align:middle;
}
.login_before .type_box label {
    font-family:'Nanumgothic',sans-serif;
    font-size:14px;
    letter-spacing:-0.025rem;
    color:#868686;
    vertical-align:middle;
    cursor:pointer;
}
.login_before .lnk_box {
    width:100%; 
    height:47px; 
    line-height:47px;
    border:1px solid #d9371e; 
    text-align:center; 
    box-sizing:border-box;
}
.login_before .lnk_box a {
    display:inline-block; 
    line-height:45px; 
    font-size:14px; 
    letter-spacing:-0.075rem; 
    color:#da3f27; 
    vertical-align:top;
}
.login_before .lnk_box a:first-child:after {
    content:''; 
    display:inline-block; 
    width:1px;
    height:13px; 
    line-height:47px; 
    background:#d9371e;
    margin:0 14px; 
    vertical-align:middle;
}
.login_before .lnk_box a:hover {color:#a11d09;}
.login_after .thumb_box {float:left; margin-right:9px;}
.login_after .thumb_box a {
    display:block;
    width:92px;
    height:92px;
    line-height:92px;
    text-align:center;
    border:1px solid #e2e2e2;
    border-radius:50%;
    overflow:hidden;
    box-sizing:border-box;
}
.login_after .thumb_box a img {
    width:100%;
    height:auto;
    vertical-align:top;
}
.login_after .info {
    float:left; 
    width:138px;
    font-size:14px;
    letter-spacing:-0.05rem;
    line-height:1.4;
}
.login_after .info dt {
    font-family:'Nanumgothic',sans-serif;
    color:#3f3f3f;
}
.login_after .info dt strong {
    font-weight:700;
    color:#333;
}
.login_after .info .id {
    color:#da3f27;
}
.login_after .info dd span, .login_after .info .career {
    display:inline-block;
    padding:2px 4px;
    background:#eee;
    font-size:14px;
    color:#5d5d5d;
    line-height:1.4;
    margin:3px 0;
}
.login_after .lnk_box {
    width:100%;
    height:47px;
    line-height:47px;
    border:1px solid #d9371e;
    text-align:center;
    margin-top:14px;
    box-sizing:border-box;
}
.login_after .lnk_box a {
    display:inline-block; 
    line-height:45px; 
    font-size:14px; 
    letter-spacing:-0.075rem; 
    color:#da3f27; 
    vertical-align:top;
}
.login_after .lnk_box a:hover {color:#a11d09;}
.login_after .lnk_box a:first-child:after {
    content:''; 
    display:inline-block; 
    width:1px;
    height:13px; 
    line-height:47px; 
    background:#d9371e;
    margin:0 28px; 
    vertical-align:middle;
}
.column_left div.column_login {border:none;}
.login_wrap {
    box-shadow: 0 4px 10px 2px rgb(0 0 0 / 10%);
    overflow: hidden;
    border-radius: 20px;
    margin-bottom: 30px;
}
.login_wrap .top {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    padding:20px;
}
.login_wrap .top .img_box {
    display: block;
    width: 65px;
    height: 65px;
    line-height: 65px;
    text-align: center;
    border: 1px solid #e2e2e2;
    border-radius: 50%;
    overflow: hidden;
    box-sizing: border-box;
    margin-right:15px;
}
.login_wrap .top .img_box img {
    width: 100%;
    height: auto;
    vertical-align: top;
}
.login_wrap .top .info {
    width: calc(100% - 80px);
    font-size: 0.9375rem;
    color:#000;
    letter-spacing: -0.05em;
}
.login_wrap .top .info b {
    font-size: 1.125rem;
    font-weight: 500;
}
.login_wrap .top .info strong {font-weight: 500;}
.login_wrap .top .info .user_id {
    color:#e95a2f;
    font-weight: 500;
    margin-top:3px;
    font-size: 0.9375rem;
}
.login_wrap .top .info .user_hp{
    color:#999;
    margin-top:3px;
    font-size: 0.875rem;
}
.login_wrap .top .info ul {
    display: flex;
    flex-wrap:wrap;
    margin-top:8px;
}
.login_wrap .top .info ul li:not(:last-child) {
    margin-right:5px
}
.login_wrap .top .info ul li a {
    display: block;
    color:#666;
    border:1px solid #d2d2d2;
    padding:5px 8px;
    font-size: 0.75rem;
    font-weight: 500;
    margin:0;
}
.login_wrap .top .info ul li:last-child a {background:#eee;}
.login_wrap .bot .box_wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: rgba(236,236,236,0.5);
    border-top: 1px solid rgba(210,210,210,0.5);
    padding:15px 20px;
    font-size: 0.9375rem;
    font-weight: 500;
}
.login_wrap .bot .box_wrap a {
    font-size: 1.125rem;
    border: 1px solid #959595;
    border-radius: 5px;
    background:#fff;
    line-height: 1;
}
#s_ban {margin-top:25px;}

#s_ban li {
    height: auto;
    border:1px solid #d2d2d2;
    border-radius:10px;
    padding:27px 20px;
    overflow: hidden;
}
#s_ban li:not(:last-child) {margin-bottom: 25px;}
#s_ban li.no_img {
    text-align: center;
}
#s_ban li.no_img strong {
    font-size: 1.375rem;
    font-weight: 900;
    line-height: 1.15;
    word-break: keep-all;
}
#s_ban li.no_img span {
    font-size: 1.125rem;
    font-weight: 500;
    letter-spacing: -0.05em;
    margin:0;
}
#s_ban li.no_img a {
    display: inline-block;
    font-size: 1rem;
    font-weight: 500;
    border-radius:5px;
    padding:5px 20px;
    margin-top:7px;
}
#s_ban li.no_img:last-child {background: linear-gradient(90deg, rgb(107 113 223) 0%, rgb(87 132 222) 100%);}
#s_ban li.no_img:last-child strong {color:#fff;}
#s_ban li.no_img:last-child span {display: block; color: #ffde00; padding-bottom:10px;}
#s_ban li.no_img:last-child a {background:#5eeade; color:#6973df; display:inline; margin:2px; padding:5px 32px;}
#s_ban li.no_img:last-child a:last-child {background:#ffffff; color:#6973df;}

#s_ban li.no_img:first-child {background: #fefaf3;}
#s_ban li.no_img:first-child strong {color:#e95a2f;}
#s_ban li.no_img:first-child a {background:#e95a2f; color:#fff;}


#s_ban li:not(.no_img){
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
#s_ban li:not(.no_img) .txt_box {
    width: 65%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    letter-spacing: -0.05em;
}
#s_ban li:not(.no_img) .txt_box span {
    font-size: 1.125rem;
    font-weight: 500;
    letter-spacing: -0.05em;
    word-break: keep-all;
    line-height: 1.34;
    margin:0;
}
#s_ban li:not(.no_img) .txt_box a {
    display:inline-block;
    font-size: 1rem;
    border:1px solid #d2d2d2;
    color:#666;
    padding:5px 20px;
    border-radius: 5px;
    margin-top:20px;
    letter-spacing: -0.05em;
}
#s_ban li:not(.no_img):last-child .txt_box {width: 53%;}

#s_ban li:not(.no_img) .img_box {width: 30%;}
#s_ban li:not(.no_img):last-child .img_box {width: 42%;}
#s_ban li:not(.no_img) .img_box img {max-width: 100%;}
.column_left div.column_login .login_wrap {margin-bottom: 0;}
.column_left div.column_board {
    border-top:none;
}
.column_board .tabBtn li {
    float:left;
    width:96px;
    height:41px;
    line-height:41px; 
    border-width:1px 1px 1px 0;
    border-style:solid;
    border-color:#ddd;
    background:#f4f4f4;
    font-size:14px;
    letter-spacing:-0.1rem;
    color:#5a5a5a;
    text-align:center;
    box-sizing:border-box;
    cursor:pointer;
}
.column_board .tabBtn li:last-child {
    border-right:none;
}
.column_board .tabBtn li.on {
    border-top-color:#dd3020;
    border-bottom-color:#fff;
    background:#fff;
    color:#dd3020;
}
.column_board .tabCont {
    width:100%;
    height:104px;
    padding:11px;
    box-sizing:border-box;
}
.column_board .board_list li:after {
    content:'';
    display:block;
    clear:both;
}
.column_board .board_list li a {
    display:inline-block;
    max-width:170px;
    font-size:13px;
    line-height:22px;
    letter-spacing:-0.05rem;
    color:#787878;
    vertical-align:middle;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
}
.column_board .board_list li a:hover {
    text-decoration:underline;
}
.column_board .board_list li a:before {
    content:'';
    display:inline-block;
    width:2px; 
    height:2px;
    background:#000;
    vertical-align:middle;
    margin-right:4px;
}
.column_board .board_list li .new {
    display:inline-block;
    width:14px;
    height:13px;
    line-height:13px;
    letter-spacing:0.05rem;
    background:#ff5645;
    color:#fff;
    font-weight:700;
    font-family:'Dotum',sans-serif;
    font-size:10px;
    text-align:center;
    vertical-align:middle;
    margin:0 4px;
}
.column_board .board_list li .date {
    float:right;
    font-size:12px;
    line-height:22px;
    letter-spacing:-0.05rem;
    color:#b9b9b9;
}
.column_guide {
    height:145px;
    background:url(../images/record_img.jpg) no-repeat;
    padding:36px 0 0 25px;
}
.column_guide a {
    display:block;
    width:100%;
    height:100%;
}
.column_guide h3 {
    font-family:'Nanumsquare',sans-serif;
    font-size:20px;
    letter-spacing:-0.05rem;
    line-height:27px;
    color:#272727;
    margin-bottom:14px;
}
.column_guide .go_btn {
    font-size:15px;
    font-weight:700;
    color:#ff5645;
    letter-spacing:-0.05rem;
}
.column_lnk a {display:block; width:100%; height:98px; overflow:hidden;}
.column_lnk a:first-child {border-bottom:1px solid #ddd;}
.column_lnk img {width:100%; height:auto;}

/* main myinfo table CSS */
.myinfo th:first-child {width:128px;}
.myinfo th:nth-child(3) {width:152px;}
.myinfo th[rowspan="4"] {width:180px;}
.myinfo td {font-size:15px; padding-left:16px;}
.myinfo td p {line-height:26px;}
.myinfo td p span {display:inline-block; font-size:16px; color:#747474; margin-right:4px;}
.myinfo .my_pic {width:117px; height:152px; border:1px solid #d9d9d9; margin:0 auto; overflow:hidden; box-sizing:border-box;}
.myinfo .my_pic img {width:117px; height:152px;}

.counsel_info td {font-size:1rem; line-height:21px; letter-spacing:-0.075rem; text-align:center; padding:8px; word-break:keep-all; }
.counsel_info th.bor_b {border-bottom-color:#585858;}
.counsel_info .bor_b td {border-bottom-color:#585858;}
.counsel_info .list {padding:0 12px;}
.counsel_info .list li, .counsel_info .no_list li {
    font-size:14px;
    line-height:25px;
    letter-spacing:-0.075rem;
    text-align:left;
    color:#3c3c3c;
    word-break:keep-all;
}
.counsel_info .list > li:before {
    content:'';
    display:inline-block;
    width:3px;
    height:3px;
    background:#d9371e;
    vertical-align:middle;
    margin-right:6px;
}
.counsel_info .list li .depth_list {
    margin-left:12px;
}
.counsel_info .list .depth_list li:before {
    content:'-';
    display:inline-block;
    margin-right:4px;
    vertical-align:middle;
}
.counsel_info .no_list {
    padding-left:18px;
}
.btn_box {text-align:center; }




/* »σΕΒΌ³Έν */

.summary caption p:first-child{font-size: 1.333rem;  margin: 50px 0px 20px 0px;}
.summary caption p > span{border:1px solid #ddd; border-radius: 5px; 
    margin: 7px 10px 0px 0px;
    line-height: 24px;
    width: 74px;
    display: inline-block;
    text-align: center;
    color: #666;
}


/* internal CSS */
.summary caption {font-size:1rem; letter-spacing:-0.065rem; font-weight:400; color:#3c3c3c; caption-side:bottom; 
    background:none; padding:6px 0 0; line-height:21px;
}
.summary thead th {height:55px; text-align:center;}
.summary th, .summary td {border-right:1px solid #ddd; padding:6px 0; text-align:center;}
.summary td {font-size:14px; letter-spacing:-0.05rem;}
.summary select {min-width:60px; width:60px;}
.summary th:last-child, .summary td:last-child {border-right:none;}
.summary th:first-child {width:51px;}
.summary th:nth-child(2) {width:136px;}
.summary th:nth-child(3) {width:309px;}
.summary th:nth-child(4) {width:155px;}
.summary th:nth-child(5) {width:107px;}
/* .summary th:nth-child(6) {width:107px;} */
/* .summary th:last-child {width:56px;} */
.summary td:nth-child(2) .input {width:120px;}
.summary .from_sel {margin-bottom:3px;}
.summary .from_sel, .summary .until_sel {float:left; margin-left:6px;}

.sub_table .datepick_box {position:relative; display:inline-block;}
.sub_table .datepick_box .ui-datepicker-trigger {position:absolute; top:15px; left:173px; cursor:pointer;}

.sub_table.write {margin:20px auto;}
.sub_table.write caption {font-size:15px; letter-spacing:-0.065rem; font-weight:400; color:#3c3c3c; caption-side:bottom; background:none; padding:6px 0 0;}

.super_satis {
    width:100%;
    height:260px;
    padding:35px 0;
    margin-bottom:120px;
    border:1px solid #ddd;
    border-top:1px solid #d9371e;
    text-align:center;
    box-sizing:border-box;
}
.super_satis h3 {
    font-size:16px;
    letter-spacing:-0.075rem;
    margin-bottom:12px;
}
.super_satis .open_box {
    margin-bottom:50px;
}
.super_satis span {
    font-size:14px;
    letter-spacing:-0.065rem;
    color:#3c3c3c;
}
.super_satis .satis_box {
    margin-bottom:30px;
}
.super_satis .satis_box label {
    margin-right:50px;
}
.super_satis .satis_box label:last-child {
    margin-right:0;
}
.super_satis .input {
    width:50%;
}
/* .super_satis .input {
    width:580px;
} */

/* training CSS */
.train_area .sub_table td {font-size:14px; line-height: 1.34;}
.sub_table .center {text-align:center; padding:7px 0;}
/* .sub_table.group thead th:first-child, .group.sub_table tbody th:first-child {width:150px;}
.sub_table.group thead th:nth-child(2), .group.sub_table tbody td:nth-child(2) {width:275px;}
.sub_table.group thead th:nth-child(3), .group.sub_table tbody td:nth-child(3) {width:480px;} */
.myinfo_record_cancel:hover {
    font-weight: 500;
}
.myinfo_record_search:hover {
    font-weight: 500;
    background-color: #f76030;
    color:#fff;
}
.myinfo_record_search{
    display: inline-block;
    height: 32px;
    line-height: 31px;
    text-align: center;
    padding: 0 8px;
    color: #333;
    font-style: normal;
    border: 1px solid #d2d2d2;
    border-radius: 5px;
    font-size: 1rem;
    box-sizing: border-box;
    background: #fff;
}
.myinfo_record_cancel {
    display: inline-block;
    height: 32px;
    line-height: 31px;
    text-align: center;
    padding: 0 8px;
    color: #333;
    font-style: normal;
    border: 1px solid #d2d2d2;
    border-radius: 5px;
    font-size: 1rem;
    box-sizing: border-box;
    background: #fff;
}
.sub_table.group .vert {margin:0 100px;}
.sub_table.group .etc_sel {
    margin-bottom:4px;
}

/* counselor CSS */
.counsel_area .summary {
    width:100%;
}
.counsel_area .summary th:first-child {width:41px;}
.counsel_area .summary th:nth-child(2) {width:387px;}
.counsel_area .summary th:nth-child(3) {width:218px;}
.counsel_area .summary th:nth-child(4) {width:138px;}
.counsel_area .summary th:last-child {width:140px;}
.counsel_area .summary input.datepicker {width:170px; text-align:center;}
.counsel_area .summary input.datepicker + .ui-datepicker-trigger {margin-left:-22px; cursor:pointer;}
.counsel_area .summary input.datepicker ~ span {display:inline-block; margin:0 7px 0 11px;}

/* supervision CSS */
.super_area .summary {
    width:100%;
}
.super_area .summary th:first-child {width:42px;}
.super_area .summary th:nth-child(2) {width:42px;}
.super_area .summary th:nth-child(3) {width:155px;}
.super_area .summary th:nth-child(4) {width:218px;}
.super_area .summary th:nth-child(5) {width:110px;}
.super_area .summary th:nth-child(6) {width:219px;}
.super_area .summary th:last-child {width:140px;}
.super_area .summary input.datepicker {width:198px; text-align:center;}
.super_area .summary input.datepicker + .ui-datepicker-trigger {margin-left:-22px; cursor:pointer;}

/* pre_record CSS */
.pre_record_area select {width:70px; min-width:70px;}
.pre_record_area .sub_table td select + span {margin:0 6px;}
.pre_record_area .sub_table .fromto {display:inline-block; margin:0 20px;}
.pre_record_area .sub_table td {padding:7px 16px; font-size:14px;}

/* presentation CSS */
.presen_area .summary th:first-child {width:52px;}
.presen_area .summary th:nth-child(2) {width:134px;}
.presen_area .summary th:nth-child(3) {width:133px;}
.presen_area .summary th:nth-child(4) {width:154px;}
.presen_area .summary th:nth-child(5) {width:193px;}
.presen_area .summary th:nth-child(6) {width:153px;}
.presen_area .summary th:last-child {width:106px;}
.presen_area .summary .date_box input {margin-left:-6px; margin-bottom:3px; text-align:center;}
.presen_area .summary input.datepicker + .ui-datepicker-trigger {margin-left:-22px; cursor:pointer;}
.presen_area .summary select {width:80px;}
.presen_area .summary select + span {margin:0 4px;}

.pre_record_area input.datepicker + .ui-datepicker-trigger {margin:0 12px 0 -22px; cursor:pointer;}


/* interview CSS */
.inter_area .sub_table td {font-size:14px;}
.inter_area table.record th, .inter_area table.record td {border-right:1px solid #ddd; padding:7px 0; text-align:center;}
.inter_area table.record th:last-child, .inter_area table.record td:last-child {border-right:none;}
.inter_area table.record th:first-child {width:42px;}
.inter_area table.record th:nth-child(2) {width:110px;}
.inter_area table.record th:nth-child(3) {width:80px;}
.inter_area table.record th:nth-child(4) {width:126px;}
.inter_area table.record th:nth-child(5) {width:290px;}
.inter_area table.record th:nth-child(6) {width:139px;}
.inter_area table.record th:last-child {width:139px;}

.inter_area input.datepicker {width:110px;}
.inter_area .datepick_box .ui-datepicker-trigger {left:97px;}
.inter_area .record tr:last-child th {border-right:none;}
.inter_area .record th strong {font-weight:700;}
.inter_area .record .float_r {margin-right:28px;}
.inter_area .record .float_r strong:nth-child(2) {display:inline-block; margin-right:6px;}

/* leader CSS */
.lead_area .summary th:first-child {width:82px;}
.lead_area .summary th:nth-child(2) {width:283px;}
.lead_area .summary th:nth-child(3) {width:145px;}
.lead_area .summary th:nth-child(4) {width:138px;}
.lead_area .summary th:nth-child(5) {width:119px;}
.lead_area .summary th:last-child {width:159px;}

.lead_area .summary input.datepicker + .ui-datepicker-trigger {margin:0 12px 0 -22px; cursor:pointer;}
.lead_area .summary input.datepicker + .ui-datepicker-trigger:last-child {margin-right:4px;}
.lead_area .summary input[type="radio"] {margin-right:3px;}
.lead_area .summary input[type="radio"]:first-child {margin-left:-13px;}

/* coun_record CSS */
.coun_area select {min-width:70px;}
.coun_area .inst_box {margin-top:6px;}
.coun_area .w365 {width:365px;}
.coun_area .sub_table td {padding:7px 16px;}

/* group_mem CSS */
.gmem_area .w186 {width:186px;}
.gmem_area .sub_table th:first-child {width:42px;}
.gmem_area .sub_table th:nth-child(2) {width:260px;}
/* .gmem_area .sub_table th:nth-child(3) {width:209px;} */
/* .gmem_area .sub_table th:nth-child(4) {width:138px;} */
/* .gmem_area .sub_table th:nth-child(5) {width:119px;} */
/* .gmem_area .sub_table th:last-child {width:159px;} */
.gmem_area .sub_table input.datepicker {width:110px;}
.gmem_area .sub_table input.datepicker + .ui-datepicker-trigger {margin:0 12px 0 -22px; cursor:pointer;}
.gmem_area .sub_table input.datepicker + .ui-datepicker-trigger:last-child {margin-right:4px;}

/* group_record CSS */
.group_record_area .sub_table input.datepicker + .ui-datepicker-trigger {margin:0 12px 0 -22px; cursor:pointer;}
.group_record_area .sub_table input.datepicker + .ui-datepicker-trigger:last-child {margin-right:4px;}

/* aca_record CSS */
.group_record_area .sub_table td {padding:7px 16px;}
.group_record_area .sub_table input.datepicker {text-align:center;}

@media all and (max-width:1180px){
    #Header h1 img {width: auto !important; height: 31px;}
    
    .mobile_screen .inner .depth01_wrap .depth01 li:last-child a {padding:20px 0;}
}

@media all and (max-width:1024px){
    #s_ban {display: flex; flex-wrap: wrap; justify-content: space-between;}
    #s_ban li {width: 32%;}
    #s_ban li:nth-child(1), #s_ban li:nth-child(2) {width: 48%;}
}

@media all and (max-width:768px){
    #s_ban li {width: 100%; height: auto;}
    #s_ban li:not(:last-child) {margin-bottom: 15px;}
    #s_ban li:not(.no_img) .img_box {text-align: right;}
    #s_ban li.no_img:nth-child(2) a {margin-top:auto;}
}

@media (max-width: 382px){
    .myinfo_record_search{width: 100%;}
}