@charset "utf-8";


/* LOGIN */
#login_wrap {width:100%; text-align:center;}
#login_wrapper {width:960px; margin:0 auto;}
#login_wrapper > .inner {overflow:hidden; border:1px solid #ddd; margin-top:103px;}

#login_wrapper > .inner > p {float:left; width:563px;}
#login_wrapper > .inner .login_content {float:right; width:395px; text-align:center;}
#login_wrapper > .inner .login_content h1 {padding:120px 0 40px;}
#login_wrapper > .inner .login_content > .inner {width:267px; margin:0 auto;}

.login_content .inner .select_01 {height:38px; margin-bottom:10px;}

#login_wrapper .btn_login {margin-top:30px; }
#login_wrapper .copyright {padding-top:93px; text-align:center; color:#595959; font-size:12px;}
#login_wrapper .copyright span {color:#0f5bbc; font-weight:bold;}

/* SUB */
.btn_category {display:block; cursor:pointer; padding:0 45px 0 19px}
.hide-snb { margin-left: -230px; }
.full-content { margin-left: -230px;}

#wrap {min-width:1024px;}
#wrap .content_wrap > .contents > .inner .tabSheet_wrap > div.navBar .full-navBar {right:0 !important}

#wrap .header {width:100%; height:55px; background:#4267bb; display:flex;}
#wrap .header > .inner {height:55px; background:#4063a4}
#wrap .header ul.global_menu {-ms-flex-direction: row; flex-direction: row; -ms-flex-align: center; align-items: center; display:flex; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#wrap .header ul.global_menu li {padding:0 15px;}
#wrap .header ul.global_menu li a {color:#fff; font-size:14px; display:block; border-bottom:2px solid #4267bb; height:55px; line-height:55px; box-sizing:border-box}
#wrap .header ul.global_menu li a:hover {color:#ffffff; border-bottom:2px solid #ffffff}
#wrap .header ul.global_menu li a.selected {color:#ffffff; border-bottom:2px solid #ffffff} /*1depth menu click style 순호*/
#wrap .header ul.global_menu li.selected a {}
#wrap .header ul.navbar { -ms-flex-direction: row; flex-direction: row; -ms-flex-align: center; align-items: center; display:flex; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left:auto; margin-right:22px;}
#wrap .header ul.navbar > li {padding:0 8px}
#wrap .header ul.navbar a {color:#fff;}
#wrap .header ul.navbar li.name a {display:inline-block; padding:5px 16px 7px; background:#2b4471; border-radius:30px; font-size:12px}
#wrap .header ul.navbar a i {font-size:16px}
#wrap .content_wrap {position:absolute; top:0; bottom:0; left:0; right:0; overflow: hidden; margin: 0; zoom:1; min-height: 0;}
#wrap .content_wrap > .aside {position:absolute; top:0; bottom: 0; left: 0; float: none; z-index: 20; line-height: normal; border:0; overflow-y:hidden; overflow-x:hidden; zoom: 1;  width:230px; height:100%; background:#2c303a;}
#wrap .content_wrap > .aside h1 {padding-left:32px; padding-top:19px; margin-bottom:16px}
#wrap .content_wrap > .aside .footer {width:230px; left:0; bottom:0; font-size:12px; color:#acacac; line-height:1.5; background:#252525;}
#wrap .content_wrap > .aside .footer p {padding:20px}
#wrap .content_wrap > .contents {float:left; z-index: 10; margin: 0 0 0 -230px; position:absolute; margin-left: 0px; left: 0; right: 0; top: 0; bottom: 0; width: auto;}

/*20181214 이종복
overflow-> hidden에서 auto로 변경*/
#wrap .content_wrap > .contents > .inner {position: absolute; left:230px; top:0; bottom:0; right:0; width: auto; background:#ffffff}

#wrap .content_wrap > .contents > .inner .contents_box {padding:20px 22px 0 22px; }
#wrap .content_wrap > .contents > .inner .contents_box .top h1 {color:#222; font-size:20px; font-weight:bold; padding-bottom:15px;}
#wrap .content_wrap > .contents > .inner .contents_box .top .tr_btns {position:absolute; right:27px; top:18px;}
/* .top .tr_btns button {color:#ffffff; cursor:pointer; border:1px solid #2b5a92; background:#2b5a92; padding:9px 12px; display:inline-block; font-size:13px; font-weight:400; line-height:1.2; border-radius:4px; text-align:center;}

.top .tr_btns button.jr_btn span {margin-left:6px;}
.top .tr_btns button.blue {background:#64a4d9; border:1px solid #64a4d9; color:#fff;}
.top .tr_btns button.pink {background:#b76ba3; border:1px solid #9a4784; color:#fff;}
.top .tr_btns button.green {background:#439445; color:#fff;} */

#wrap .content_wrap > .contents > .inner .tabSheet_wrap {overflow:hidden; height:38px; width:100%; box-sizing:border-box; background:url(../../images/main/tabsheetwrap_bg.gif) repeat-x 0 bottom;}
#wrap .content_wrap > .contents > .inner .tabSheet_wrap > p  {float:left; padding:9px 23px 0 12px;}
#wrap .content_wrap > .contents > .inner .tabSheet_wrap > div.navBar {position:absolute; right:230px}

#wrap .content_wrap > .contents > .inner .tabSheet_wrap .tabSheet > span {display:block; color:#343f8c; line-height:3.5; padding:0 15px; background:url(../../images/login/tab_sheet_line.gif) no-repeat 0 13px; cursor:pointer}
#wrap .content_wrap > .contents > .inner .tabSheet_wrap .tabSheet li.on > a {height:38px; background:url(../../images/login/tab_sheet_bg_on.gif) repeat-x 0 0; border-left:1px solid #ced3dd; border-right:1px solid #ced3dd; color:#4351b3; padding:0 15px; font-weight:bold; line-height:2.8}
#wrap .content_wrap > .contents > .inner .tabSheet_wrap .tabSheet li.on span.close {display:inline-block; padding-left:10px; cursor:pointer; font-weight:300; line-height:inherit; text-shadow:0 1px 0 #fff; font:400 16px Arial;}

#wrap .content_wrap > .contents > .inner .tabSheet_wrap .navBar {overflow:hidden; border:1px solid #4553b4; border-radius:3px; line-height:0; font-size:0; float:right; margin-right:30px; margin-top:7px;}
#wrap .content_wrap > .contents > .inner .tabSheet_wrap .navBar span {display:inline-block; width:30px; height:30px; cursor:pointer}
#wrap .content_wrap > .contents > .inner .tabSheet_wrap .navBar span.prev {background:url(../../images/login/prev_btn_off.png) no-repeat 11px 9px; border-right:1px solid #4553b4}
#wrap .content_wrap > .contents > .inner .tabSheet_wrap .navBar span.next {background:url(../../images/login/next_btn_off.png) no-repeat 12px 9px;}
#wrap .content_wrap > .contents > .inner .tabSheet_wrap .navBar span.prev.on,
#wrap .content_wrap > .contents > .inner .tabSheet_wrap .navBar span.prev:hover {background:#5864bb url(../../images/login/prev_btn_on.png) no-repeat 11px 9px; border-right:1px solid #4553b4}
#wrap .content_wrap > .contents > .inner .tabSheet_wrap .navBar span.next.on,
#wrap .content_wrap > .contents > .inner .tabSheet_wrap .navBar span.next:hover {background:#5864bb url(../../images/login/next_btn_on.png) no-repeat 12px 9px;}

.tabSheet_wrap .indented_text {margin-left:15px; margin-right:20px;}

#wrap .content_wrap .aside .inner ul.aside_list > li {position:relative;}
#wrap .content_wrap .aside .inner ul.aside_list > li.expand {background:#1a1d23;}
#wrap .content_wrap .aside .inner ul.aside_list > li.expand > a {color:#ff9d5c; background:url('../../images/btn_slidedUp.png') no-repeat 198px 49%;}
#wrap .content_wrap .aside .inner ul.aside_list > li > a:hover {color:#ff9d5c;}
#wrap .content_wrap .aside .inner ul.aside_list > li > a {font-family:"opensansR", "notoL"; display:block; height:44px; font-size:14px; color:#dcdfe9; line-height:44px; position:relative; padding-left:13px; background:url('../../images/btn_slideDown.png') no-repeat 198px 49%;}
#wrap .content_wrap .aside .inner ul.aside_list > li > a i {font-size:13px; width:22px; text-align:center;}
#wrap .content_wrap .aside .inner ul.aside_list > li > a.custSelected {background:#0c0e11; color:#fff; }

#wrap .content_wrap > .aside > .inner li a {cursor:pointer; font-family:"opensansL", "notoL";}
#wrap .content_wrap > .aside > .inner li a:hover {color:#fff;}
#wrap .content_wrap > .aside > .inner li a span {display:inline-block; width:9px; height:9px; position:absolute; right:14px; top:17px; background:url('../../images/login/menuArrow_down.png') no-repeat 0 0;}
#wrap .content_wrap > .aside > .inner li a span.menuDown {display:inline-block; width:9px; height:9px; position:absolute; right:14px; top:18px; background:url('../../images/login/menuArrow_up.png') no-repeat 0 0;}
#wrap .content_wrap .aside .inner ul.aside_list > li ul {display:none; padding-bottom:7px;}
#wrap .content_wrap .aside .inner ul.aside_list > li.on a span {width:9px; height:9px; top:21px; background:url(../../images/login/menuArrow_up_on.png) 0 0;}
#wrap .content_wrap .aside .inner ul.aside_list > li.hover a span {background:url(../../images/login/menuArrow_down_on.png) 0 0;}
#wrap .content_wrap .aside .inner ul.aside_list > li ul li a {color:#dcdfe9;}
#wrap .content_wrap .aside .inner ul.aside_list > li > ul > li {}
#wrap .content_wrap .aside .inner ul.aside_list > li > ul > li  a {padding-left:25px; display:block; height:auto; line-height:30px; background:url(../../images/ico_bulletL.png) no-repeat 14px 14px;}
#wrap .content_wrap .aside .inner ul.aside_list > li > ul  li a:hover {background:#0d0f12 url(../../images/ico_bulletL_S.png) no-repeat 14px 14px;; color:#ff9d5c;}
#wrap .content_wrap .aside .inner ul.aside_list > li > ul  li a.selected {background:#0d0f12 url(../../images/ico_bulletL_S.png) no-repeat 14px 14px; color:#ff9d5c;} /*menu click style 순호*/
#wrap .content_wrap .aside .inner ul.aside_list > li > ul  li a.on {}
.left_tab {display:flex; width:100%}
.left_tab > div {width:50%; text-align:center;}
.left_tab > div a {font-size:13px; color:#ffffff; display:block; height:37px; border-bottom:1px solid #d17439; line-height:37px; background:#1a1d23;}
.left_tab > div a.selected {background:#d17439;}
/*20181212 2depth 보라색 유지 이종복 추가*/
#wrap .content_wrap .aside .inner ul.aside_list > li > ul > li > a.active{color:#fff; background:#4351b3; }
/*-------------------*/
#wrap .content_wrap .aside .inner ul.aside_list > li ul li li a {padding-left:44px; display:block}
#wrap .content_wrap > .aside li svg {left:22px; top:18px; position:absolute; color:#9d9d9d}
#wrap .content_wrap > .aside li:hover svg,
#wrap .content_wrap > .aside li.on svg {color:#fff}

#wrap .content_wrap > .contents > .inner h2 {color:#555555; font-weight:bold; font-size:21px; letter-spacing:-0.5px; padding-bottom:12px; font-family:Tahoma, sans-serif}
#wrap .content_wrap > .contents > .inner table {width:100%}
#wrap .content_wrap > .contents .cnt_sch {padding-bottom:20px;}
#wrap .content_wrap > .contents .add_btns {text-align:right; padding-bottom:6px;}
#wrap .content_wrap > .contents .add_btns button {border:1px solid #a6a6a6; border-radius:2px; background:#fff; width:29px; height:29px;}
i {font-size:20px}
#wrap .content_wrap > .contents .add_btns svg:not(:root).svg-inline--fa {font-size:15px;}
#wrap .content_wrap > .contents .add_btns button .fa-file-excel {color:#708fb2; font-size:16px !important;}
table.sch_tb {}
table.sch_tb th,
table.sch_tb td {padding:3px 0}
table.sch_tb th {color:#222; font-weight:bold; text-align:left; background:#f1f1f1 url(../../images/login/bullet_type01.gif) no-repeat 0 50%; font-size:13px; padding-left:9px;}
table.sch_tb td {}

table.result_tb th,
table.result_tb td {font-family:"opensansL", dotum, "돋움", sans-serif;}
table.result_tb thead th {color:#143d8f; font-weight:bold; background:#ebedf0; border-left:1px solid #9eb2ca; border-top:2px solid #2b5a92; border-bottom:1px solid #9eb2ca; padding:5px 0; font-size:12px;}
table.result_tb thead th.etc {border-top:1px solid #9eb2ca}
table.result_tb tbody th,
table.result_tb tbody td {background:#fff; color:#222; text-align:center; padding:8px 0;border-bottom:1px solid #d9d9d9; border-left:1px solid #d9d9d9; letter-spacing:-0.3px; font-size:12px}
table.result_tb tbody th {text-align:left; padding-left:20px;}
#wrap .content_wrap > .contents > .inner table td input {box-sizing:border-box; display:block; border:1px solid #d4d4d4; height:24px; width:100%; padding-left:8px}
.cnt_result {padding-bottom:20px;}

/* 로그인 A */
.login_wrap {width: 100%; height: 100%; background:url(../../images/login/login_bg.jpg) no-repeat center bottom;} 
.login_wrap h1 {padding:40px 0 0 40px}
.login_wrap .login_tit {padding-bottom:35px; text-align:center;}
.login_box {width:360px; height:390px; margin:0 auto; position:absolute; left:50%; top:50%; margin:-260px 0 0 -180px}
.login_box .inner {width:360px; margin:0 auto}
.login_box .inner h1 {padding-top:75px; text-align:center; margin-bottom:35px}
.login_box .inner p.title_txt {color:#fff; padding-top:30px; padding-bottom:15px; font-size:14px; line-height:22px;}
.login_box .inner p.title_txt span {display:block; font-size:15px;}
.login_ip input {color:#000; border-radius:3px; width:100%; height:42px; font-size:12px; box-sizing:border-box; padding:0 17px; background:#fff; font-family:'montSM',sans-serif; border:1px solid #dce2e9; font-weight:500;}
.login_ip input:focus {border-color:#273d72}
.login_ip input::placeholder {font-family:'montB',sans-serif;}
.login_ip li {padding-bottom:12px;}
.login_ip {padding-bottom:12px}
.button_login_A {width:100%; height:47px; background:#203465; font-size:17px; border:0 none; color:#fff; border-radius:3px; cursor:pointer}
.button_login_A:hover {background:#1a2a51}
.copyright2 {position:fixed; bottom:60px; width:100%;}
.copyright2 p {color:#fff; font-size:12px; text-align:center;}
.rmb_wrap {display:flex; align-content:center; justify-content:space-between; padding-bottom:43px;}
.rmb_wrap li a {font-size:13px}
p.login_chk {position:relative; height:16px;}
p.login_chk  input 
{position:absolute; top:0; left:0; width:18px; height:16px; border:0 none;
	appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;}
p.login_chk input:checked+label {background-position: 0 -16px;}
p.login_chk label {background:url(../../images/login/login_checkbox.png) no-repeat; font-size:13px; color:#45494c; line-height:16px; position:absolute; top:0; left:0; padding-left:24px; background-position:0 0; width:110px;}
.rmb_wrap li a {color:#1346ae; font-family:Malgun Gothic; letter-spacing:-0.6px;}
.login_signup {margin-top:25px; text-align:center; font-family:Malgun Gothic;}
.login_signup span {color:#9a9a9a; padding-right:4px;}
.login_signup a {color:#222; cursor:pointer; }

/* 로그인 B */
.login_wrap2 {background: url(../../images/login/login_bg2.jpg) no-repeat 0 bottom; width: 100%; height: 100%; display:flex; justify-content:space-between}
.leftBox {width:54%; position:relative}
.leftBox p {width:479px; height:66px; position:absolute; left:50%; top:50%; margin:-165px 0 0 -239px}
.rightBox {background:#eef4fa; width:46%; position:relative}
.rightBox h1 {display:none;}
.rightBox .login_tit {text-align:left}

/* 메일링 */
.mail_wrap {width:760px; margin:0 auto;}
.mail_wrap .header_tit {background:url(../../images/mail_pattern.jpg) repeat 0 0; width:100%; height:75px; text-align:center; display:flex; align-items:center;}
.mail_wrap .mail_cnt {border-left:1px solid #eeeeee; border-right:1px solid #eeeeee;}
.mail_wrap .mail_cnt .mail_tit {color:#222222; font-size:17px;}
.mail_wrap .mail_cnt .mail_tit span {color:#222222; font-weight:bold; font-size:18px;}
.mail_wrap .mail_cnt .id_cnt {color:#222222; font-size:17px; width:490px; margin:0 auto; border-top:1px solid #9d9d9d; border-bottom:1px solid #9d9d9d; padding:20px 0; text-align:center;}
.mail_wrap .mail_cnt .id_cnt span {color:#0553bd; font-weight:bold; padding-left:20px;}
.mail_footer {background:#eeeeee; height:50px; padding-left:30px; display:flex; align-items:center; color:#888888;}

/* 로그인-아이디비번찾기 */
.pop_find_wrap {width:615px; height:615px; margin:0 auto; background:#ffffff; font-family:"notoL"}
.pop_find_wrap .tab-box {position:relative; padding:0 60px; height:370px;}
.pop_find_wrap .find_tit p.btn_close {position:absolute; right:30px; top:30px;}
.pop_find_wrap .find_tit {text-align:center; padding-bottom:38px;}
.pop_find_wrap .find_tit h2 {color:#222222; font-size:35px; padding-top:65px; padding-bottom:5px;}
.pop_find_wrap .find_tit p.txt {color:#686d78; font-size:16px;}
.pop_find_wrap .comcode_result {padding:35px 0 0 0}
.pop_find_wrap .comcode_result .inner {background:#f0f6f9; border-top:1px solid #d6ddea; border-bottom:1px solid #d6ddea; padding:20px; text-align:center}
.pop_find_wrap .comcode_result .inner p {font-size:18px; color:#222222; font-family:"notoR";}
.pop_find_wrap .comcode_result .inner p span {color:#215ecb; font-weight:bold; font-size:20px; padding-left:10px; letter-spacing:0; font-family:"montR";}
.pop_find_wrap .tab-box > ul {display:flex;}
.pop_find_wrap .tab-box > ul > li + li {}
.pop_find_wrap .tab-box > ul > li > a {color:#222222; display:block; width:165px; height:62px; color:#222222; font-size:17px; box-sizing:border-box; text-align:center; font-family:"notoR"; line-height:62px; border-bottom:1px solid #000000;}
.pop_find_wrap .tab-box > ul > li.on > a {color:#215ecb; border-bottom:1px solid #215ecb;}
.pop_find_wrap .tab-box > ul > li > div {width:495px; position:absolute; left:0; top:82px; padding:0 60px; font-size:16px; display:none;}
.pop_find_wrap .tab-box > ul > li.on > div {display:block; z-index:50}
#lean_overlay {position:fixed; z-index:100; top:0px; left:0px; height:100%; width:100%; background:#000; display:none;}
.pop_find_wrap .login-data {padding:0 20px;}
.pop_find_wrap .login-data .input-area {display:flex; align-items:center; height:60px;}
.pop_find_wrap .login-data .input-area label {color:#222222; width:100px;}
.pop_find_wrap .login-data .input-area input {width:calc(100% - 100px); border:0 none; border-bottom:1px solid #d5d5d5; color:#333333; box-sizing:border-box; padding:0 10px; font-size:16px; font-family:"notoR"; height:55px;}
.pop_find_wrap .tab-box p.submit_btn {padding:0 20px; margin-top:42px;}
.pop_find_wrap .tab-box p.submit_btn button {background:#215ecb; color:#ffffff; font-size:18px; border:0 none; border-radius:5px; width:100%; height:53px;}