@charset "UTF-8";


/* font */
@import "naviReset.css";
@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');
@font-face {
    font-family: 'NEXON Lv1 Gothic OTF';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'KOFIHDrLEEJWTTF-B';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2210-2@1.0/KOFIHDrLEEJWTTF-B.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}


body {font-family: 'Noto Sans KR', sans-serif !important;}
/* common item */
strong {font-weight: 600;}
.clearfix::after {content: ""; display: block; clear: both;}
.header_black {display: none; width: 100%; height: 100%; background-color: rgba(0,0,0,0.4); position: fixed; top: 0; left: 0; z-index: 9998;}
.blocker {z-index: 99998;}
.header_black.active, #black.active {display: block;}
.hide {display: none !important;}
.align_L {text-align: left !important;}
.align_C {text-align: center !important;}
.align_R {text-align: right !important;}
.float_L {float: left;}
.float_R {float: right;}
.division2>* {width: 50%;}
.division3>* {width: 33.333333333333333%;}
.division4>* {width: 25%;}
.division5>* {width: 20%;}
.division6>* {width: 16.666666666666667%;}
.w10 {width: 10% !important;}
.w15 {width: 15% !important;}
.w20 {width: 20% !important;}
.w25 {width: 25% !important;}
.w30 {width: 30% !important;}
.w35 {width: 35% !important;}
.w40 {width: 40% !important;}
.w45 {width: 45% !important;}
.w50 {width: 50% !important;}
.w55 {width: 55% !important;}
.w60 {width: 60% !important;}
.w65 {width: 65% !important;}
.w70 {width: 70% !important;}
.w75 {width: 75% !important;}
.w80 {width: 80% !important;}
.w85 {width: 85% !important;}
.w90 {width: 90% !important;}
.w95 {width: 95% !important;}
.w100 {width: 100% !important;}
.mt5 {margin-top: 5px !important;}
.mt10 {margin-top: 10px !important;}
.mt20 {margin-top: 20px !important;}
.mt30 {margin-top: 30px !important;}
.mt40 {margin-top: 40px !important;}
.mt50 {margin-top: 50px !important;}
.mt60 {margin-top: 60px !important;}
.mt70 {margin-top: 70px !important;}
.mt80 {margin-top: 80px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb50 {margin-bottom: 50px !important;}
.mb60 {margin-bottom: 60px !important;}
.mb70 {margin-bottom: 70px !important;}
.mb80 {margin-bottom: 80px !important;}
.container {margin-top: 80px;}
.txt_blue {color: #0081e4 !important;}
.txt_red {color: #e25050 !important;}
.txt_gray {color: #707070 !important;}
.bg_gray {background-color: #777 !important;}
.bg_blue {background-color: #0081e4 !important;}
.list_bullet {position: relative; padding-left: 12px; line-height: 1.5;}
.bullet {position: absolute; left: 0; top:12px; transform: translateY(-50%); display: block; width:4px; height: 4px; border-radius: 50px; margin-right: 2px;}
.labelbox {display: inline-block; margin-right: 4px; font-size: 12px; padding: 3px 7px; border: 1px solid #ccc; color: #777; vertical-align: middle;}
.labelbox.round {padding: 3px 10px; border-radius: 50px;}
.labelbox.blue {border-color: #0099ff; color: #0081E4;}
.labelbox.red {border-color: #e25050; color: #e25050;}
.labelbox.green {border-color: #02bf4b; color: #01a841;}
.labelbox.orange {border-color: #f87730; color: #efb000;}
.labelbox.yellow {border-color: #ffbc00; color: #ffbc00;}
.labelbox.mint {border-color: #0dc1c8; color: #0dc1c8;}
.indexbox {display: inline-block; width: 80px; padding: 7px 0px !important; background-color: #555; color: #fff !important; border-radius: 20px; text-align: center; font-size: 12px !important; font-weight: 500 !important;}
.indexbox.skyblue {background-color: #59b6e1;}
.indexbox.blue {background-color: #258fe1;}
.indexbox.indigo {background-color: #064F8B;}
.indexbox.red {background-color: #e25050;}
.indexbox.green {background-color: #01a841;}
.desc_box {padding: 18px 24px; background-color: #eef5ff; color: #666; letter-spacing: -.5px;}
.new {position: absolute; top: 52%; transform: translateY(-50%); display: inline-block; margin-left: 6px; background-color: #12b6c3; width: 16px; height: 16px; line-height: 16px; border-radius: 50%; vertical-align: middle;}
.new::after {position: absolute; left: 47%; transform: translateX(-50%); display: block; content: 'N'; font-family: 'Noto Sans KR', sans-serif; color: #fff; font-size: 10px; font-weight: 500;}


/* jquery datepicker */
.ui-widget-header { border: 0px solid #dddddd; background: #fff; }
.ui-datepicker-calendar>thead>tr>th { font-size: 14px !important; }
.ui-datepicker .ui-datepicker-header { position: relative; padding: 10px 0; }
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active { border: 0px solid #c5c5c5; background: transparent; font-weight: normal; color: #454545; text-align: center; }
.ui-datepicker .ui-datepicker-title { margin: 0 0em; margin-bottom: 6px; line-height: 16px; text-align: center; font-size: 14px; padding: 0px; font-weight: bold; }
.ui-datepicker { display: none; background-color: #fff; border-radius: 10px; margin-top: 10px; margin-left: 0px; margin-right: 0px; padding: 16px; padding-bottom: 10px; width: 330px; box-shadow: 3px 3px 9px 1px rgba(125, 125, 125, 0.25); }
.ui-widget.ui-widget-content { border: 1px solid #eee; font-family: 'Noto Sans KR', sans-serif !important;}
#datepicker:focus>.ui-datepicker { display: block; }
.ui-datepicker-prev,
.ui-datepicker-next { cursor: pointer; }
.ui-datepicker-next { float: right; }
.ui-state-disabled { cursor: auto; color: hsla(0, 0%, 80%, 1); }
.ui-datepicker-title { text-align: center; padding: 10px; font-weight: 100; font-size: 20px; }
.ui-datepicker-calendar { width: 100%; }
.ui-datepicker-calendar>thead>tr>th { padding: 5px; padding-bottom: 10px; font-size: 20px; font-weight: 400; }
.ui-datepicker-calendar>tbody>tr>td>a { color: #333; font-size: 12px !important; font-weight: bold; text-decoration: none; padding-top: 6px; padding-bottom: 6px;}
.ui-datepicker-calendar>tbody>tr>td>span {padding-top: 6px; padding-bottom: 6px;}
.ui-datepicker-calendar>tbody>tr>.ui-state-disabled:hover { cursor: auto; background-color: #fff; }
.ui-datepicker-calendar>tbody>tr>td { border-radius: 100%; width: 44px; height: 30px; cursor: pointer; padding: 4px; font-weight: 100; text-align: center; font-size: 12px; }
.ui-datepicker-calendar>tbody>tr>td:hover { background-color: transparent; opacity: 0.6; }
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus { border: 0px solid #cccccc; background: transparent; font-weight: normal; color: #2b2b2b; }
.ui-widget-header .ui-icon { background-image: url('../img/navi/btns.png'); }
.ui-icon-circle-triangle-e { background-position: -20px 0px; background-size: 36px; }
.ui-icon-circle-triangle-w { background-position: -0px -0px; background-size: 36px; }
.ui-datepicker-calendar>tbody>tr>td:first-child a { color: red !important; }
.ui-datepicker-calendar>tbody>tr>td:last-child a { color: #0099ff !important; }
.ui-datepicker-calendar>thead>tr>th:first-child { color: red !important; }
.ui-datepicker-calendar>thead>tr>th:last-child { color: #0099ff !important; }
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight { border: 0px; background: #333; color: #fff; border-radius: 4px; padding-top: 8px; padding-bottom: 8px; }
.inp { padding: 10px 10px; background-color: #f1f1f1; border-radius: 4px; border: 0px; }
.inp:focus { outline: none; background-color: #eee; }
/* jquery monthpicker */
.ui-datepicker .ui-datepicker-header.mtz-monthpicker {padding: 0; margin-bottom: 10px;}
.ui-datepicker .ui-datepicker-header.mtz-monthpicker select {outline: none; border: none; padding: 0 8px; font-family: 'Noto Sans KR', sans-serif !important; font-size: 14px; font-weight: bold;}
.ui-state-default, .ui-widget-content .ui-state-default.mtz-monthpicker-month {padding: 10px !important; font-size: 14px; color: #606060; border-radius: 4px;}
.ui-state-default, .ui-widget-content .ui-state-default.mtz-monthpicker-month:hover {color: #fff; background-color: #0081e4;}

/* btn */
.link_btn {position: relative; display: inline-block; background: #555; padding: 15px 50px 15px 24px; border-radius: 4px; color: #fff !important; text-align: center; font-size: 16px; font-weight: 500; letter-spacing: -.5px; box-shadow: 3px 2px 11px 1px rgba(120,120,120,0.3); transition: all .2s;}
.link_btn:hover {background: #000; color: #fff;}
.link_btn::after {position: absolute; right: 24px; top: 50%; transform: translateY(-50%); content: ""; display: block; width: 16px; height: 17px; background: url(../img/navi/icon_pop_white.png) no-repeat center/contain;}
.link_btn.small {padding: 2px 32px 2px 12px; font-size: 14px; font-weight: 400;}
.link_btn.small::after {right: 12px;}
.btn_wrap button.cancel_btn {background-color: #333 !important; background-image: none !important;}
.line_btn {border: 1px solid #0081e4 !important; background-color: #fff !important; color: #0081e4 !important; box-sizing: border-box;}
.list_btn {padding-left: 38px !important; background: url(../img/navi/icon_list.png) no-repeat 16px center/16px;}
.small_btn {margin-left: 5px; color: #fff; width: auto; padding: 5px 12px !important; border-radius: 4px;}
.delete_btn {padding-left: 38px !important; background: url(../img/navi/icon_close_white.png) no-repeat 16px center/11px;}
.more_btn {width: 30%; padding: 2px 0; border-radius: 4px; background-color: #f3f3f3; border: 1px solid #cfcfcf; color: #707070; font-size: 12px; text-align: center;}
.icon_lang_kr {width: 20px; height: 20px; background: url(../img/navi/icon_korean.png) no-repeat center/contain;}
.icon_lang_en {width: 20px; height: 20px; background: url(../img/navi/icon_english.png) no-repeat center/contain;}
.icon_lang_or {width: 20px; height: 20px; background: url(../img/navi/icon_original.png) no-repeat center/contain;}


/* to top btn */
#top {display: none;}

/* tooltip */
.tooltip_wrap {position: relative;}
.board_wrap .list_board .list_data p.tooltip_wrap {overflow: visible;}
.tooltip_box {display: none; position: absolute; z-index: 4; top: 100%; width: auto; background-color: #f2f7fe; padding: 12px; border: 1px solid #ccc; box-shadow: 2px 2px 4px rgba(125,125,125,.25); font-size: 12px; color: #555; font-weight: 400; letter-spacing: -.5px; text-align: left; white-space: nowrap; line-height: 1.2;}
.tooltip_box .tooltip_text {display: block; margin-bottom: 8px;}
.tooltip_box .tooltip_text:hover {text-decoration: underline;}
.tooltip_box .tooltip_text:last-of-type {margin-bottom: 0;}
.tooltip_wrap:hover .tooltip_box {display: block;}
.board_wrap .table_board td.tooltip_table {overflow: visible;}
.board_wrap .table_board td.tooltip_table  .tooltip_box {right: 0;}

/* sub_title */
.container .tit_wrap {width: 100%; padding-bottom: 18px; border-bottom: 1px solid #ccc; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: flex-end; -ms-flex-align: flex-end; align-items: flex-end;}
.container .tit_wrap .sub_tit {font-family: 'NanumSquare',sans-serif; font-size: 32px; font-weight: 800; color: #333;}
.container .tit_wrap .sub_tit .link_btn {padding: 10px 38px 10px 16px; margin-left: 16px; font-size: 15px; vertical-align: middle;}
.container .tit_wrap .sub_tit .link_btn::after {right: 16px; width: 14px; height: 15px;}
.container .tit_wrap .sub_tit .sub_tit_btn_wrap {display: inline-block;}
.container .tit_wrap .manager_info {text-align: right; font-size: 12px; letter-spacing: -.5px; color: #777;}
.container .tit_wrap .manager_info p:first-child {position: relative; color: #666; font-weight: 500; margin-bottom: 6px;}
.container .tit_wrap .manager_info p:first-child>i {position: absolute; right: 118px; top: 50%; transform: translateY(-50%); font-size: 15px;}
.container .tit_wrap .manager_info p:not(:first-child) {line-height: 1.4;}
.container .tit_wrap .manager_info p a {float: right; display: block; font-size: 0; text-indent: -99999px; width: 14px; height: 15px; margin-left: 6px; background: url(../img/navi/icon_mail.png) no-repeat center/contain;}
.container .tit_wrap.tab_wrap {padding-bottom: 0;}
.container .tit_wrap.tab_wrap #sub_tit_box ul {margin-top: 24px;  display: -ms-flexbox; display: -webkit-flex; display: flex; border-bottom: none;}
.container .tit_wrap.tab_wrap #sub_tit_box ul li {width: 250px; text-align: center; box-sizing: border-box;}
.container .tit_wrap.tab_wrap #sub_tit_box ul li a.active {background-image: linear-gradient(280deg, #144984, #287cb1);}
.container .tit_wrap.tab_wrap #sub_tit_box ul li a.active {color: #fff; font-weight: 500;}
.container .tit_wrap.tab_wrap #sub_tit_box ul li a { border-radius: 0; border: 1px solid #ccc; border-bottom: none; display: block; padding: 15px 0; font-size: 16px; font-family: 'Noto Sans KR', sans-serif; color: #666; font-weight: 400; letter-spacing: -.75px;}
.container .tit_wrap.tab_wrap #sub_tit_box ul li:not(:last-child) a{border-right: none;}
.container .tit_wrap.tab_wrap .manager_info {margin-bottom: 14px;}
.container h3.tit {font-family: 'NanumSquare',sans-serif; margin-top: 50px; font-size: 28px; letter-spacing: -.5px; font-weight: 500; color: #1a4a6f; letter-spacing: -.5px; padding-left: 10px; border-left: 5px solid; border-image: linear-gradient(to bottom, #12b6c3, #619bff); border-image-slice: 1;}
.container h4.tit {position: relative; font-size: 20px; letter-spacing: -.5px; color: #1a4a6f; padding-left: 16px;}
.container h4.tit::before {position: absolute; display: block; content:""; width: 8px; height: 8px; top: 50%; left: 0; transform: translateY(-50%); background: linear-gradient(65deg, rgba(73,105,173,1) 34%, rgba(104,195,213,1) 100%); border-radius: 2px;}
.container .top_box {margin-top: 30px; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: rgb(237, 242, 251); padding: 26px 34px; border-radius: 6px; border: 1px solid #dbe3f0; color: #555; letter-spacing: -1px; line-height: 1.5;}
.container .top_box p {color: #555; letter-spacing: -.5px;}
.container .top_box p span {font-weight: 500;}
.container .tit_desc {letter-spacing: -.5px; color: #777; font-size: 15px; line-height: 1.3;}

/* menu btn animation */
.btn_menu {width: 24px; height: 26px; position: relative; margin-left: 30px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer;}
.btn_menu span {display: block; position: absolute; height: 2px; width: 100%; background: #5a5858; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;}
.btn_menu span:nth-child(1) {top: 2px;}
.btn_menu span:nth-child(2), header#header .btn_group .web_btn .btn_menu span:nth-child(3) {top: 11px;}
.btn_menu span:nth-child(4) {top: 21px;}
.btn_menu.open span:nth-child(1) {top: 13px; width: 0%; left: 50%;}
.btn_menu.open span:nth-child(2) {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
.btn_menu.open span:nth-child(3) {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
.btn_menu.open span:nth-child(4) {top: 13px; width: 0%; left: 50%;}

/* modal */
.modal {height: auto; padding: 0;}
.modal a.close-modal {display: none !important;}
.pop_header {height: 50px; padding: 0 20px; background-color: #287cb1; background-image: linear-gradient(160deg, #4e89ef,#2e77f4,#1f4ea1); display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.pop_header .pop_tit {color: #fff; letter-spacing: -.5px; font-weight: 500;}
.pop_header .close_btn {display: block; width: 16px; height: 16px; font-size: 0; text-indent: -99999px; background: url(../img/navi/icon_close_white.png) no-repeat center/contain;}
.pop_con {padding: 30px; letter-spacing: -.5px;}
.pop_con .pop_text {margin-bottom: 12px; font-size: 14px; line-height: 1.5; letter-spacing: -1px; color: #666; }
.pop_con .pop_text i {color: #0081E4}
.pop_con .pop_text>p:not(:first-of-type) {padding-left: 16px;}
.pop_con .table_desc {margin-bottom: 10px; color: #777; font-size: 12px; text-align: right;}
.pop_con table {font-size: 14px;}
.pop_con table th, .modal .pop_con table td {padding: 12px 18px;}
.pop_con table th {line-height: 1.4;}
.pop_con table .desc {font-size: 12px; margin-top: 6px; color: #777; word-break: keep-all; line-height: 1.2;}
.pop_con table td .form-control {font-size: 14px;}
.pop_con table td.email_wrap input {display: inline-block; width: 72%; vertical-align: middle;}
.pop_con table td.email_wrap .btn {cursor: pointer; display: inline-block; margin-left: 8px; background: #333; color: #fff; font-size: 14px;}
.pop_con table td .text_box {padding: 8px 10px; border: 1px solid #ccc; border-radius: 4px; font-size: 12px; line-height: 1.2;}
.pop_con table td .sel_wrap {margin: 8px 0 4px; display: -ms-flexbox; display: -webkit-flex; display: flex;}
.pop_con table td .sel_wrap label {display: block; margin-right: 16px;}
.pop_con table.table_layout2 {margin: 10px 0;}
.pop_con table.table_layout2 th, .modal .pop_con table.table_layout2 td {padding: 8px 0px;}
.pop_con .btn_wrap {margin-top: 18px;}
.pop_con .btn_wrap a {display: block; letter-spacing: -.5px; color: #fff; font-size: 14px; text-align: center; background-color: #333; width: 90px; padding: 10px 0; border-radius: 4px;}
.pop_con .btn_wrap a.pop_btn {margin-left: 14px; background-color: #0081e4;}
.pop_con b {display: inline-block; color: #333; font-weight: 700; margin-bottom: 6px;}
.pop_con .box {width: 100%; margin-bottom: 20px; padding: 12px; box-sizing: border-box; background-color: #fafafa; border: 1px solid #e0e0e0; border-radius: 4px;}
.pop_con .link_select {display: inline-block; margin-top: 6px; border: 1px solid #ccc; color: #666; padding: 6px; border-radius: 4px;}

/****************** board *******************/
/* board layout */
.board_wrap {margin-top: 50px;}
.board_wrap .table {width: 100%; text-align: center; border-top: 1px solid #777; border-bottom: 1px solid #777; display: table; border-collapse: collapse; border-spacing: 0;}
.board_wrap .table thead tr, .board_wrap .table tbody tr:not(:last-child) {border-bottom: 1px solid #ccc;}
.board_wrap .table th {text-align: center; padding: 18px 0; background-color: #F2F4FB; font-size: 14px; color: #333; font-weight: 500; letter-spacing: -.5px;}
.board_wrap .table td {padding: 18px 0; color: #666; letter-spacing: -.5px; font-weight: 300;}
.board_wrap .table td:has(span.new) {position: relative;}
.board_wrap .table td a {color: #666; position: relative;}
.board_wrap .table_board tbody tr {cursor: pointer;}
.board_wrap .table_board tbody tr:hover {background-color: #f7faff;}
.board_wrap .table_board td {max-width: 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding-left: 14px; padding-right: 14px;}
.board_wrap .table_board td.subject {position: relative;}
.board_wrap .table_board td.subject a {display: inline-block; width: auto; max-width: 95%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.board_wrap .table_top {margin-bottom: 14px; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.board_wrap .table_top .left, .board_wrap .table_top .right {display: -ms-flexbox; display: -webkit-box; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.board_wrap .table_top .left>* {margin-right: 10px; }
.board_wrap .table_top .right>* {margin-left: 10px;}
.board_wrap .table_top .btn {display: block; font-size: 13px; color: #fff; background-color: #555; height: 27px; line-height: 25px; padding: 0 16px; border-radius: 30px; box-sizing: border-box; letter-spacing: -.5px;}
.board_wrap .table_top .btn i {padding-left: 2px; }
.board_wrap .table_top .page_total {font-size: 14px; color: #555; font-weight: 300; letter-spacing: -.5px;}
.board_wrap .table_top .page_total span {color: #0081E4; font-weight: 500;}
.board_wrap .table_top .page_unit {margin-left: 16px; color: #666; font-size: 14px; font-weight: 300; padding-left: 14px; padding-right: 34px; height: 30px; line-height: 28px; border-color: #ccc; border-radius: 50px; clear: none;}
.board_wrap .table_top .page_unit .list li {font-weight: 300;}
.board_wrap .table_top .page_unit .list li.selected {font-weight: 500;}
.board_wrap .table_top .page_unit::after {top: 55%;}

/* board type2 (not table) */
.board_wrap .list_board {border-top: 1px solid #777; border-bottom: 1px solid #777;}
.board_wrap .list_board li {padding: 26px 20px; border-bottom: 1px solid #ccc;}
.board_wrap .list_board li:hover {background-color: #f1f4fa; cursor: pointer;}
.board_wrap .list_board.none_link li:hover {background-color: transparent; cursor: default;}
.board_wrap .list_board li:last-child {border-bottom: none;}
.board_wrap .list_board li>div {display: -ms-flexbox; display: -webkit-flex; display: flex;}
.board_wrap .list_board .list_tit {margin-bottom: 18px; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between;}
.board_wrap .list_board .list_tit a {display: block;}
.board_wrap .list_board .list_tit .tit {display: inline-block; color: #444; font-weight: 500; letter-spacing: -.5px; vertical-align: middle; line-height: 1.2;}
.board_wrap .list_board .list_tit p.tit {display: inline-block; width:92%;}
.board_wrap .list_board .list_tit i {color: #0081E4; font-size: 20px;}
.board_wrap .list_board .list_tit i.xi-external-link {color: #0081E4; font-size: 18px;}
.board_wrap .list_board .list_tit .icon_wrap>* {margin-left: 4px; display: inline-block;}
.board_wrap .list_board .list_data {margin-bottom: 10px; font-size: 14px; letter-spacing: -.5px;}
.board_wrap .list_board .list_data:last-of-type {margin-bottom: 0;}
.board_wrap .list_board .list_data p {width: 23%; margin-right: 2%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.board_wrap .list_board .list_data p:last-of-type {margin-right: 0;}
.board_wrap .list_board .list_data .tit {font-weight: 500; color: #444; padding-right: 10px; vertical-align: middle;}
.board_wrap .list_board .list_data .data {vertical-align: middle; color: #777;}
.board_wrap .list_board li .list_data img {width: 25px;}
/*npe 분쟁정보 소송정보 게시판*/
.board_wrap .list_board.npe_detail2_board.none_link .list_data p:not(.line_data):first-of-type {width: 38%;}
.board_wrap .list_board.npe_detail2_board.none_link .list_data p:not(.line_data):last-of-type {width: 40%;}

/* board search */
.board_srch {margin-top: 30px; width: 100%; background-color: #064F8B; padding: 4px 18px; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.board_srch form {width: 100%; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.board_srch form>* {display: block;}
.board_srch .nice-select {width: 140px; padding: 0; background-color: transparent; border: none; color: #fff; font-size: 14px; letter-spacing: -.5px;}
.board_srch .nice-select .list {width: 120%; left: auto; right: -9px; margin-top: 8px; color: #777; transition: none; -webkit-transition: none;}
.board_srch .nice-select .list li {padding-left: 16px;}
.board_srch .nice-select:after {border-color: #fff; right: 18px;}
.board_srch input.form-control {width: 85.5%; border: none; border-radius: 0; padding: .6rem .75rem ; color: #444; font-size: 14px;}
.board_srch .srch_btn {width: 70px; height: 24px; box-sizing: border-box; padding-left: 18px; padding-right: 0; text-align: left; line-height: 0; letter-spacing: -.25px; color: #fff; font-size: 14px; background: url(../img/navi/icon_search_white.png) no-repeat right center/15px; outline: none;}
/* 230303 필터검색창 */
.board_srch.filter_srch .srch_btn {width: 150px;}

/* board search checkbox */
.board_chk_wrap {position: relative; background-color: #f3f3f3; padding: 16px 30px 40px; font-size: 14px;}
.board_chk_wrap .chk_group {padding: 8px 0; border-bottom: 1px solid #e0e0e0; display: -ms-flexbox; display: -webkit-box; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.board_chk_wrap .chk_group:last-of-type {padding-bottom:0; border: none;}
.board_chk_wrap .chk_group>p{width: 10.25%; padding-left: 10px; font-weight: 500; color: #333; letter-spacing: -.5px;}
.board_chk_wrap .chk_group>.chk_wrap {vertical-align: middle;}
.board_chk_wrap .chk_group>.chk_wrap input[type="checkbox"], .board_chk_wrap .chk_group>.chk_wrap input[type="radio"] {display: none;}
.board_chk_wrap .chk_group>.chk_wrap input[type="checkbox"]+label, .board_chk_wrap .chk_group>.chk_wrap input[type="radio"]+label  {cursor: pointer; padding: 0px 12px; line-height: 28px; height: 30px; border: 1px solid #ccc; box-sizing: border-box; border-radius: 50px; color: #777; font-size: 14px; letter-spacing: -.5px; text-align: center; margin-right: 8px;}
.board_chk_wrap .chk_group>.chk_wrap input[type="checkbox"]:checked+label, .board_chk_wrap .chk_group>.chk_wrap input[type="radio"]:checked+label {color: #fff; background-color: #4284f5; border-color: #0081e4;}
.board_chk_wrap .chk_group>.chk_wrap .nice-select {background-color: transparent; float: none; display: inline-block; border-color: #ccc; border-radius: 50px; line-height: 28px; height: 30px; padding: 0px 30px 0px 12px; color: #777; font-size: 14px; letter-spacing: -.5px;}
.board_chk_wrap .chk_group>.chk_wrap .nice-select .list {height: 250px; overflow-y: auto;}
.board_chk_wrap .chk_group>.chk_wrap .nice-select .list .option {font-size: 12px; min-height: 30px; line-height: 30px; letter-spacing: -.5px;}
.board_chk_wrap .chk_group>.chk_wrap input.datepicker {border: 1px solid #ccc; border-radius: 4px; width: 100px; display: inline-block; padding: 0px 10px; height: 30px; line-height: 28px; color: #6f6f6f; font-size: 14px;}
.board_chk_wrap .chk_group>.chk_wrap>span {display: inline-block; padding: 0 4px; color: #777;}
.board_chk_wrap .chk_group>.chk_wrap>button {background-color: #595959; color: #fff; border: none; font-size: 12px; margin-left: 4px; display: inline-block; padding: 0 14px; border-radius: 4px; height: 30px; line-height: 28px;}
.chk_open_btn, .chk_close_btn {position: absolute; left: 50%; transform: translateX(-50%); display: block; width: 150px; text-align: center; color: #666; background-color: #fff; border: 1px solid #ccc; padding: 12px 0; border-radius: 50px;}
.chk_open_btn:hover, .chk_close_btn:hover {color: #666;}
.chk_close_btn {bottom: -18px;}
.chk_open_btn i, .chk_close_btn i {color: #777;}
.chk_open_btn_wrap {display: none; position: relative; width: 100%; padding: 40px 0 30px; font-size: 14px;}
.chk_open_btn_wrap::after {position: absolute; display: block; content: ""; width: 100%; height: 1px; background-color: #ccc; top: 50%; transform: translateY(-50%);}
.chk_open_btn {top: 50%; transform: translate(-50%,-50%); z-index: 2;}

/* board detail */
.board_detail {border-top: 1px solid #777; border-bottom: 1px solid #777;}
.board_detail .board_header {padding: 30px 20px;  border-bottom: 1px solid #ccc; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.board_detail .board_header .board_tit {display: table; margin-bottom: 24px; font-size: 22px; color: #333; font-weight: 500; letter-spacing: -.5px;}
.board_detail .board_header .board_tit span {display: table-cell; padding-right: 10px; font-size: 16px; color: #808c9b; font-weight: 400; vertical-align: middle;}
.board_detail .board_header .board_info p {display: inline-block; margin-right: 40px; color: #888; font-size: 14px; letter-spacing: -.5px;}
.board_detail .board_header .board_info p span {font-weight: 500; padding-right: 12px;}
.board_detail .share_wrap {position: relative;}
.board_detail .share_wrap .share_btn i {font-size: 26px; color: #999;}
.board_detail .share_wrap .share_btn i:hover {color: transparent; background-image: linear-gradient(to right, #036eb8, #2ea7e0); background-clip: text; -webkit-background-clip: text;}
.board_detail .share_wrap .share_box {display: none; position: absolute; right: 0; top: 150%; width: 300px; padding: 15px 0 22px; border: 1px solid #ccc; background-color: #fff;}
.board_detail .share_wrap .share_box.open {display: block;}
.board_detail .share_wrap .share_box .tit_wrap {margin-bottom: 16px; padding: 0 18px; border: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.board_detail .share_wrap .share_box .tit_wrap p {font-weight: 600; color: #333; font-size: 15px; letter-spacing: -.25px;}
.board_detail .share_wrap .share_box .tit_wrap .close_btn {display: block;}
.board_detail .share_wrap .share_box .tit_wrap .close_btn i {color: #666; font-size: 22px;}
.board_detail .share_wrap .share_box .sns_wrap {padding: 0 16px; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.board_detail .share_wrap .share_box .sns_wrap li {width: 25%;}
.board_detail .share_wrap .share_box .sns_wrap li a {display: block; font-size: 12px; color: #666; text-align: center; letter-spacing: -.5px;}
.board_detail .share_wrap .share_box .sns_wrap li a img {display: block; margin: 0 auto; margin-bottom: 10px; border: none; width: 42px;}
.board_detail .board_con {padding: 40px 20px; border-bottom: 1px solid #ccc; line-height: 1.2;}
.board_detail .board_con img {max-width: 100%;}
.board_detail .board_con>* {max-width: 100%;}
/* board css 초기화 */
.board_detail .board_con h1 {font-weight: 600; font-size: 1.8em;}
.board_detail .board_con h2 {font-weight: 600; font-size: 1.6em;}
.board_detail .board_con h3 {font-weight: 600; font-size: 1.4em;}
.board_detail .board_con h4 {font-weight: 600; font-size: 1.2em;}
.board_detail .board_con .text-huge {font-size: 1.8em}
.board_detail .board_con .text-big {font-size :1.4em}
.board_detail .board_con .text-small {font-size: .85em;}
.board_detail .board_con .text-tiny {font-size: .7em;}
.board_detail .board_con ul {list-style: disc; list-style-position: inside;}
.board_detail .board_con ol {list-style: decimal; list-style-position: inside;}
.board_detail .board_con .table {border-top : none; border-bottom: none;}
.board_detail .board_con table {border: 1px solid #333; width: 100%;}
.board_detail .board_con table tr td {border: 1px solid #333;}
.board_detail .board_con strong {font-weight: 600;}
.board_detail .board_con i {font-style: italic;}
.board_detail .board_con blockquote {overflow: hidden; padding-right: 1.5em; padding-left: 1.5em; margin-left: 0; margin-right: 0; font-style: italic; border-left: solid 5px hsl(0, 0%, 80%);}
.board_detail .board_con .raw-html-embed * {all: revert-layer;}
/* .board_detail .board_con .raw-html-embed table {border: none; width: auto;}
.board_detail .board_con .raw-html-embed table[width="100%"] {width: 100%;}
.board_detail .board_con .raw-html-embed table tr td {border: none;}
.board_detail .board_con .raw-html-embed *[align="left"] {text-align: left;}
.board_detail .board_con .raw-html-embed *[align="right"] {text-align: right;}
.board_detail .board_con .raw-html-embed *[align="center"] {text-align: center;} */
.board_detail .file_wrap {display: -ms-flexbox; display: -webkit-box; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.board_detail .file_wrap .tit {padding: 40px 60px; color: #555; font-weight: 500; border-right: 1px solid #ccc}
/* 챠: 게시판 디테일페이지 첨부파일 세로정렬 위해 바꿈, 확인 후 주석 삭제예정 */
/* .board_detail .file_wrap .files {padding: 24px 0; padding-left: 26px; border-left: 1px solid #ccc;} */
.board_detail .file_wrap .files {padding: 5px 0; padding-left: 26px;}
.board_detail .file_wrap .files a {display: table; margin-bottom: 12px; font-size: 14px; color: #888; letter-spacing: -.5px;}
.board_detail .file_wrap .files a:last-child {margin: 0;}
.board_detail .file_wrap .files a:hover {color: #0081E4;}
.board_detail .file_wrap .files a i {display: table-cell; padding-right: 6px; font-size: 17px; color: #0081E4; vertical-align: middle;}
.board_nav {margin-top: 40px;}
.board_nav li {padding: 20px 45px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.board_nav li:nth-child(2) {border-top: none;}
.board_nav li strong {padding-right: 20px; color: #555; letter-spacing: -.25px;}
.board_nav li i {color: #878787; padding-right: 50px; font-size: 14px;}
.board_nav li a {color: #666; letter-spacing: -.5px; font-weight: 300;}
.board_nav li a:hover {color: #0081E4;}
.board_view_wrap .btn_wrap {margin-top: 50px; text-align: center;}
.board_view_wrap .btn_wrap .btn {display: inline-block; width: 150px; border: none; padding: 18px 0; border-radius: 0; background-color: #287cb1; background-image: linear-gradient(160deg, #287cb1,#144984); color: #fff; font-size: 16px; font-weight: 500;}


/* tui pagination */
.pagination {margin-top: 36px; text-align: center; justify-content: center;}
.pagination .tui-pagination {display: -ms-flexbox; display: -webkit-flex; display: flex; text-align: center;}
.pagination a, .pagination strong {display: block; margin: 0 4px; width: 30px; height: 30px; font-size: 14px; line-height: 27px; font-weight: 300; color: #888;}
.pagination .tui-is-selected {color: #0081E4; font-weight: 400;}
.pagination .tui-prev, .pagination .tui-next, .pagination .tui-first, .pagination .tui-last {width: 30px; height: 30px; background: url(../img/navi/icon_page_prev.png) no-repeat center/10px; margin: 0 6px; border-radius: 50%; border: 1px solid #e0e0e0; box-sizing: border-box; background-color: #fff; font-size: 0;}
.pagination .tui-next {background-image: url(../img/navi/icon_page_next.png);}
.pagination .tui-first {background-image: url(../img/navi/icon_page_first.png); background-size: 12px;}
.pagination .tui-last {background-image: url(../img/navi/icon_page_last.png); background-size: 12px;}
.pagination .tui-is-disabled {display: inline-block; margin: 0 3px; width: 30px; height: 30px; border-radius: 50%; border: 1px solid #e0e0e0; line-height: 27px; box-sizing: border-box; background-color: #fff; font-weight: 300; color: #999;}
.pagination .tui-page-btn.tui-prev-is-ellip.tui-first-child, .pagination .tui-page-btn.tui-next-is-ellip.tui-last-child {display:none;}


/* detail table layout */
.board_wrap .table_detail th {vertical-align: middle;}
.board_wrap .table_detail td  {padding: 18px 20px; text-align: left; word-break: keep-all; line-height: 1.4;}
.board_wrap .table_detail tr td.sel_wrap {display: -ms-flexbox; display: -webkit-box; display: flex;}
.board_wrap .table_detail tr td.sel_wrap>label {display: block; margin-right: 28px;}
/* .board_wrap .table_detail tr td.sel_wrap>label:not(:first-child) {margin-right: 28px;} */
.board_wrap .table_detail tr td input {color: #555; letter-spacing: -.75px; font-size: 15px;}
.board_wrap .table_detail tr td textarea {resize: none; height: 250px; padding: .375rem .75rem; color: #555; letter-spacing: -.75px; font-size: 15px;}
.board_wrap .table_detail tr td input::placeholder, .board_wrap .table_detail tr td textarea::placeholder {color: #999; letter-spacing: -.75px; font-weight: 300; font-size: 15px;}
.board_wrap .table_detail td .desc {display: block; margin-top: 4px; font-size: .75rem; color: #5c819e; letter-spacing: -1px;}
.board_wrap .table_detail td .desc.list_bullet {padding-left: 8px;}
.board_wrap .table_detail td .desc .bullet {width: 3px; height: 3px; background-color: #5c819e;}
/* 230307 온라인 상담 추가 */
.board_wrap .table_detail tr td.sel_wrap label {line-height: 30px;}
.board_wrap .table_detail tr td.sel_wrap .nice-select {display: none; height: 30px; line-height: 28px; color: #707070; letter-spacing: -.5px; padding-left: 8px; padding-right: 24px; margin-left: 6px; margin-right: 28px; font-weight: 300; border-radius: 50px;}
.board_wrap .table_detail tr td.sel_wrap .nice-select .list .option {font-size: 14px; font-weight: 300; padding-left: 10px; padding-right: 20px;}


/* table_layout1 */
.table_layout1 {width: 100%; border-top: 1px solid #777; border-bottom: 1px solid #777;}
.table_layout1 tr:not(:last-child) {border-bottom: 1px solid #ccc;}
.table_layout1 th, .table_layout1 td {padding: 22px 18px; vertical-align: middle; box-sizing: border-box; letter-spacing: -.5px;}
.table_layout1 th {border-right: 1px solid #ccc; font-weight: 500;}
.table_layout1 td {color: #777; position: relative;}

/* table_layout2 */
.table_layout2 {width: 100%; border-top: 1px solid #aaa; border-bottom: 1px solid #777;}
.table_layout2 th, .table_layout2 td {border-bottom: 1px solid #e0e0e0; padding: 4px 0px; vertical-align: middle; box-sizing: border-box; letter-spacing: -.5px; text-align: center;}
.table_layout2 thead th {border-bottom: none;}
.table_layout2 th {position: relative; font-weight: 500; background-color: #f4f7fa;}
.table_layout2 th:not(:last-of-type)::after {content: ""; position: absolute; display: block; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 14px; background-color: #e0e0e0;}
.table_layout2 th:last-child {border-right: none;}
.table_layout2 td {color: #777; position: relative;}

/* tab menu */
.tab_menu {width: 100%; display: -ms-flexbox; display: -webkit-box; display: flex;}
.tab_menu li {border: 1px solid #ccc; background-color: #f0f0f0; text-align: center; color: #686868; letter-spacing: -.5px; font-weight: 500; font-size: 16px}
.tab_menu li:not(:last-child) {border-right: none;}
.tab_menu li.active {position:relative; background-color: transparent; border-top: none; border-bottom: none; color: #0d6fb8; box-sizing: border-box;}
.tab_menu li.active::after {position: absolute; display: block; content: ""; top: 0; width: 100%; height: 4px; background-color: #6b9ee9;}
.tab_menu li a {padding: 24px 0; display: block; color: #686868;}
.tab_menu li a.active {color: #0d6fb8;}
.tab_menu.nav-tabs.npe-tabs {border: none;}
.tab_menu.nav-tabs.npe-tabs li a.active {width: 100%; position:relative; border: none; border-bottom: 3px solid #fff; color: #0d6fb8;}
.tab_menu.nav-tabs.npe-tabs li a.active::after {position: absolute; display: block; content: ""; top: 0; width: 100%; height: 4px; background-color: #6b9ee9;}

/* *************************************************** */
/* header */
header#header {width: 100%; background-color: #fff; position: relative; z-index: 9999;}
header#header .inner_header {width: 95%; height: 90px; margin: 0 auto; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
header#header #logo {width: 132px; height: 33px; background: url(../img/navi/ipnavi_logo.png) no-repeat center/contain; font-size: 0; text-indent: -99999px;}
header#header #gnb {padding-left: 6%; width: 50%;}
header#header #gnb>ul {display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between;}
/* header#header #gnb>ul>li>a {color: #403a3a; font-size: 18px; font-weight: 500; letter-spacing: -.1px; line-height: 90px; transition: all .2s;} */
header#header #gnb>ul>li>a {color: #403a3a; font-size: 18px; font-weight: 500; letter-spacing: -.1px; line-height: 90px; transition: all .2s;white-space: nowrap;}
header#header #gnb>ul>li.active>a, header#header #gnb>ul>li>a:hover {color: #0081e4;}
header#header #gnb>ul>li>a.active, header#header #gnb>ul>li>a:hover {color: #0081e4;}
header#header #gnb .depth2 {display: none; position: absolute; width: 100%; left: 0; top: 90px; background: #fff; border-top: 1px solid #eee; border-radius: 0 0 40px 0px;}
header#header #gnb .depth2 .inner_depth2 {max-width: 1300px; margin: 0 auto;}
header#header #gnb .depth2 .left {float: left; width: 20%; height: 380px; box-sizing: border-box; padding-top: 50px; padding-right: 70px; border-right: 1px solid #eee;}
header#header #gnb .depth2 .left h2 {font-size: 28px; font-weight: 500; color: #444; letter-spacing: -.5px; padding-left: 12px; border-left: 5px solid; border-image: linear-gradient(to bottom, #12b6c3, #619bff); border-image-slice: 1;}
header#header #gnb .depth2 .right {float: left; width: 80%; box-sizing: border-box; padding-top: 50px; padding-left: 66px; display: -ms-flexbox; display: -webkit-box; display: flex; text-align: left;}
header#header #gnb .depth2 .right>li {width: 243.5px;}
header#header #gnb .depth2 .right>li>a {color: #444; letter-spacing: -.5px; font-size: 16px; font-weight: 500; transition: all .2s;}
header#header #gnb .depth2 .right>li>a:hover {color: #0081e4;}
header#header #gnb .depth2 .depth3 {margin-top: 20px;}
header#header #gnb .depth2 .depth3 a {color: #666; line-height: 30px; font-size: 15px; letter-spacing: -.5px;}
header#header .header_right {width: auto; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
header#header .srch_group {margin-right: 40px; width: 266px; height: 34px; padding: 0; border: 1px solid transparent; border-radius: 18px; background-image: linear-gradient(#fff,#fff), linear-gradient(120deg, #1f4ea1, #2e77f4, #7cabfc); background-origin: border-box; background-clip: content-box, border-box; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
header#header .srch_group .global-search {border: none; padding: 0; padding-left: 22px; background: transparent; border-radius: 18px; color: #444; font-size: 14px;}
header#header .srch_group input:focus {outline: none;}
header#header .srch_group .global-search::placeholder {font-family: 'Noto Sans KR', sans-serif; color: #8f8f8f; font-size: 14px;}
header#header .srch_group .srch_btn {width: 19px; height: 18px; margin-right: 14px; border: none; background: transparent url(../img/navi/icon_search_blue.png) no-repeat center/contain; font-size: 0; text-indent: -99999px;}
header#header .btn_group .web_btn {display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
header#header .btn_group .web_btn>li>a {display: block; width: 24px; height: 26px; background: url(../img/navi/icon_user_black.png) no-repeat center/contain; text-indent: -99999px; font-size: 0;}
header#header .btn_group .web_btn>li:first-child {position: relative;}
header#header .btn_group .web_btn .user-menu {display: none; position: absolute; z-index: 99999; top: 42px; left: 50%; transform: translateX(-50%); width: 98px; padding: 12px 0; background: #fff; border: 1px solid #b6b6b7; border-radius: .4em; text-align: center;}
header#header .btn_group .web_btn .user-menu.open {display: block;}
header#header .btn_group .web_btn .user-menu::after {content: ""; position: absolute; border-style: solid; border-width: 0 8px 10px 8px; border-color: #fff transparent; display: block; width: 0; z-index: 1; top: -8.5px; left: 50%; transform: translateX(-50%);}
header#header .btn_group .web_btn .user-menu::before {content: ""; position: absolute; border-style: solid; border-width: 0 8px 10px 8px; border-color: #b6b6b7 transparent; width: 0; z-index: 0; top: -10px; left: 50%; transform: translateX(-50%);}
header#header .btn_group .web_btn .user-menu li a {font-family: 'NanumSquare',sans-serif; font-size: 12px; color: #434343; line-height: 2.2;}
header#header .btn_group .web_btn .user-menu li a:hover {color: #0d5894; font-weight: 500;}
header#header .btn_group .web_btn #site-map {display: none; font-family: 'NanumSquare',sans-serif; position: absolute; width: 100%; height: 640px; left: 0; top: 90px; border-top: 1px solid #eee; padding-top: 50px; background-color: #fff;}
header#header .btn_group .web_btn #site-map.open {display: block;}
header#header .btn_group .web_btn #site-map>ul {max-width: 1500px; margin: 0 auto; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between;}
header#header .btn_group .web_btn #site-map>ul>li {width: 198px; letter-spacing: -.5px;}
header#header .btn_group .web_btn #site-map .depth1 {display: block; width: 100%; padding: 14px 18px; background-color: #064F8B; box-sizing: border-box; color: #fff; font-size: 16px; font-weight: 600; border-radius: 4px; text-align: center;}
header#header .btn_group .web_btn #site-map .depth2>li>a {display: block; color: #555; font-size: 15px; padding: 14px 15px; border-bottom: 1px solid #e0e0e0;}
header#header .btn_group .web_btn #site-map .depth3 {background-color: #f0f0f0; padding: 10px 18px; font-size: 14px; border-bottom: 1px solid #e0e0e0;}
header#header .btn_group .web_btn #site-map .depth3 li {line-height: 26px;}
header#header .btn_group .web_btn #site-map .depth3 a {color: #555;}
.sub_nav {background-color: #f5f5f5; border-width: 1px 0; border-color: #e5e5e5; border-style: solid;}
.sub_nav>ul {max-width: 1300px; height: 55px; margin: 0 auto; display: -ms-flexbox; display: -webkit-box; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.sub_nav a, .sub_nav button.dropdown-toggle {color: #555; font-size: 15px; letter-spacing: -.25px;}
.sub_nav ul li.home {height: 100%; padding: 0 17px; border-width: 0 1px; border-color: #e5e5e5; border-style: solid;}
.sub_nav ul li.home a {margin-top: 17.5px; display: block; width: 20px; height: 20px; background: url(../img/navi/icon_home.png) no-repeat center/contain; font-size: 0; text-indent: -9999px;}
.sub_nav>ul>li:not(.home) {width:216px; height: 100%; line-height: 55px; border-right: 1px solid #e5e5e5;}
.sub_nav>ul>li:not(.home)>a {display: block; padding-left: 28px;}
.sub_nav>ul>li.dropdown .dropdown-toggle {position: relative; padding-left: 28px; border: none; outline: none; background-color: transparent; width: 100%; text-align: left;}
.sub_nav>ul>li.dropdown .dropdown-toggle::after {position: absolute; right: 20px; top: 50%; transform: translateY(-50%);}
.sub_nav>ul>li.dropdown .dropdown-menu {min-width: auto; width: 100%; padding: 24px 0 24px 28px; border-radius: 0 0 10px 10px; transform: translate3d(0px, 56px, 0px) !important; background-color: #f5f5f5; margin: 0; border: 1px solid #e5e5e5; border-top: none; line-height: 1;}
.sub_nav>ul>li.dropdown .dropdown-menu a {display: block; padding: 0;}
.sub_nav>ul>li.dropdown .dropdown-menu a:hover {background-color: transparent; color: #0081e4;}
.sub_nav>ul>li.dropdown .dropdown-menu a:not(:last-child) {margin-bottom: 26px;}

header#header #gnb .depth2.active {display: block;}
#gnb .depth2 {display: none;}

/* mobile */
header#header .btn_group .m_btn {display: none;}
header#header .btn_group .m_btn li {margin-left: 30px;}
header#header .btn_group .m_btn li a {display: block; font-size: 0; text-indent: -99999px; width: 24px; height: 24px; background-repeat: no-repeat; background-position: center; background-size: contain;}
header#header .btn_group .m_btn li:first-child a {background-image: url(../img/navi/icon_search_black.png);}
header#header .btn_group .m_btn li:last-child a {background-image: url(../img/navi/icon_menubar.png);}
.m_menu, .m_srch {display: none;}
.m_srch {position: fixed; top: -120%; right: 0; z-index: 10001; width: 100%; background-image: linear-gradient(225deg, #154a85, #297db2); padding: 0 24px 32px;}
.m_srch .top, .m_menu .top {display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.m_srch .top {margin-top: 20px;}
.m_srch .top h1, .m_menu .top h1 {width: 110px; height: 40px; background: url(../img/navi/ipnavi_logo_white.png) no-repeat center/contain; font-size: 0; text-indent: -99999px;}
.m_srch .top .close_btn, .m_menu .top .close_btn, .m_menu .top .srch_btn {display: block; width: 24px; height: 24px; font-size: 0; text-indent: -99999px; background: url(../img/navi/icon_close_white2.png) no-repeat center/contain;}
.m_srch .bottom {position: relative;}
.m_srch .global-search {margin-top: 16px; padding: 0.65em; padding-left: 34px; background-color: transparent; border: none; border-bottom: 1px solid rgba(255,255,255,0.8); border-radius: 0; color: #fff;}
.m_srch .global-search::placeholder { color: rgba(255, 255, 255, 0.7); letter-spacing: -0.8px;}
.m_srch .bottom span {display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 18px; height: 18px; background: url(../img/navi/icon_search_white.png) no-repeat center/contain; }
.m_menu {position: fixed; top: 0; right: -100%; z-index: 10001; width: 85vw; height: 100vh; background-color: #fff; overflow: hidden;}
.m_menu .menu_header {background-image: linear-gradient(225deg, #154a85, #297db2);}
.m_menu .top {padding: 20px 0px; width: 90%; margin: 0 auto;}
.m_menu .top .srch_btn {background-image: url(../img/navi/icon_search_white.png); margin-right: 30px;}
.m_menu .top .btn_group {display: -ms-flexbox; display: -webkit-box; display: flex;}
.m_menu .user-menu {width: 100%; border-top: solid 1px rgba(204, 204, 204, 0.4); display: -ms-flexbox; display: -webkit-box; display: flex;}
.m_menu .user-menu li {width: 50%; text-align: center;}
.m_menu .user-menu li:first-child {border-right: solid 1px rgba(204, 204, 204, 0.4);}
.m_menu .user-menu li a {display: block; padding: 24px 0; color: #fff; letter-spacing: -0.75px;}
.m_menu .menu_con {width: 100%; display: -ms-flexbox; display: -webkit-box; display: flex;}
.m_menu .menu_con .left {width: 23%; height: 100vh; background-color: #f0f0f0; border-right: 1px solid #cfcfcf;}
.m_menu .nav-tabs, .m_menu .nav-tabs .nav-link.active {border: none;}
.m_menu .menu_con .left li {width: 100%; height: 8vh; border-bottom: 1px solid #cfcfcf; outline: none;}
.m_menu .menu_con .left li a {line-height: 8vh; padding: 0; padding-left: 26px; color: #777; letter-spacing: -0.75px; outline: none;}
.m_menu .nav-tabs .nav-link {position: relative; display: block;}
.m_menu .nav-tabs .nav-link.active {color: #0081e4; font-weight: 500; border-bottom: 1px solid #cfcfcf;}
.m_menu .nav-tabs .nav-link.active::after {position: absolute; top: 0; right: -2px; width: 2px; height: 100%; background-color: #fff; display: block; content: "";}
.m_menu .menu_con .right {width: 77%; height: 100vh; padding: 36px 32px;}
.m_menu .menu_con .right .tab-pane>ul>li {margin-bottom: 34px;}
.m_menu .menu_con .right .tab-pane li a {display: block; color: #333; font-weight: 500; letter-spacing: -0.75px;}
.m_menu .menu_con .right .depth3_toggle>a:first-of-type {float: left;}
.m_menu .menu_con .right .depth3_toggle>a.btn_toggle {float: right; width: 14px; height:14px; background: url(../img/navi/icon_plus.png) no-repeat right center/contain; transition: background .3s;}
.m_menu .menu_con .right .depth3_toggle.active>a.btn_toggle {background-image: url(../img/navi/icon_minus.png);}
.m_menu .menu_con .right .depth3 {display: none; padding-top: 2px;}
.m_menu .menu_con .right .depth3.active {display: block;}
.m_menu .menu_con .right .depth3 li a {margin-top: 20px; font-weight: normal; color: #777; font-size: 0.938em;}

/* footer */
footer#footer {margin-top: 150px; width: 100%; background-color: #111; padding: 70px 0 100px}
footer#footer .inner_footer {max-width: 1300px; margin: 0 auto; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
footer#footer .footer_logo {width: 142px; height: 55px; font-size: 0; text-indent: -99999px; background: url(../img/navi/ipnavi_footer_logo.png) no-repeat center/contain;}
footer#footer .footer_info {padding-right:120px; letter-spacing: -.5px;}
footer#footer .footer_info .link_group {margin-bottom: 18px; display: -ms-flexbox; display: -webkit-box; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
footer#footer .footer_info .link_group li {padding-right: 32px; position: relative;}
footer#footer .footer_info .link_group li:not(:last-child)::after {position: absolute; content: ""; width: 1px; height: 14px; background-color: #444; right: 16px; top: 50%; transform: translateY(-36%);}
footer#footer .footer_info .link_group li a {color: #888; font-size: 14px;}
footer#footer .footer_info .link_group li:first-child a {color: #0d6fb8;}
footer#footer .footer_info address {color: #777; line-height: 20px; font-size: 14px;}
footer#footer .footer_info address span {padding: 0 5px;}
footer#footer .footer_site {display: -ms-flexbox; display: -webkit-box; display: flex;}
footer#footer .footer_site li:last-child {margin-left: 40px;}
footer#footer .footer_site li a {display: block; font-size: 0; text-indent: -99999px;}
footer#footer .footer_site li a.kipo {width: 98px; height: 39px; background: url(../img/navi/kipo_logo.png) no-repeat center/contain;}
footer#footer .footer_site li a.koipa {width: 164px; height: 39px; background: url(../img/navi/koipa_logo.png) no-repeat center/contain;}

/* login */
.container .login_area {width: 500px; margin: 0 auto; margin-top: 100px; }
.container .login_area label {display: block; margin-bottom: 12px; font-size: 16px; color: #555; font-weight: 400; letter-spacing: -.5px;}
.container .login_area label:nth-of-type(3) {margin-top: 16px;}
.container .login_area input {display: block; width: 100%; border: 1px solid #ccc; border-radius: 4px; padding: 14px 18px; font-size: 16px; color: #666;}
.container .login_area input::placeholder {color: #999; font-weight: 300;}
.container .login_area .login_form input:first-of-type {margin-bottom: 16px;}
.container .login_area .login_form button {position: relative; display: block; width: 100%; margin-top: 40px; border: none; padding: 22px 0; background-color: #287cb1; background-image: linear-gradient(160deg, #287cb1,#144984); color: #fff; font-size: 18px; font-weight: 500;}
.container .login_area .login_form button.login_btn::after {position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; content: "로그인"; padding: 22px 0; box-sizing: border-box; background: linear-gradient(to right, #333, #333); transition: all .4s linear; opacity: 0;}
.container .login_area .login_form button.login_btn:hover::after {opacity: 1;}
.container .login_area .login_link {margin-top: 28px; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center;}
.container .login_area .login_link a {position: relative; display: block; color: #777; letter-spacing: -.5px; font-size: 16px; padding-right: 38px; font-weight: 300;}
.container .login_area .login_link a:last-child {padding-right: 0;}
.container .login_area .login_link a:not(:last-child)::after {position: absolute; display: block; content: ""; right: 19px; top: 1px; width: 1px; height: 16px; background-color: #cfcfcf;}

.container .find_tit_wrap, .container .edit_tit_wrap {padding-top: 20px;}
.container .find_tit_wrap .sub_tit, .container .edit_tit_wrap .sub_tit {font-family: 'NanumSquare',sans-serif; font-size: 34px; font-weight: 800; color: #333; text-align: center; margin-bottom: 20px;}
.container .find_tit_wrap .desc, .container .edit_tit_wrap .desc {text-align: center; letter-spacing: -.5px; color: #777; font-size: 16px; line-height: 1.5;}
.container .login_area .msg {display: none; margin-top: 10px; font-weight: 300; letter-spacing: -.5px; font-size: 15px; color: #0081e4; line-height: 1.3;}
.container .login_area .msg.error_msg {color: #f3485d;}
.container .login_area .btn_wrap {width: 100%; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between;}
.container .login_area .btn_wrap button {width: 49%; margin-top: 50px;}
.container .login_area .nav {margin-bottom: 30px; border-color: #ccc;}
.container .login_area .nav .nav-item {width: 50%; text-align: center;}
.container .login_area .nav .nav-link {padding: 18px 0; font-size: 15px; color: #888; border-radius: 0;}
.container .login_area .nav .nav-link:not(.active):hover {border-color: #fff #fff transparent;}
.container .login_area .nav .nav-link.active {color: #0081e4; font-weight: 500;}
.login_area .nav-tabs .nav-item.show .nav-link, .login_area .nav-tabs .nav-link.active {border-color: #ccc #ccc #fff;}


/* join */
.container .step_box {width: 100%; padding-top: 40px; margin-bottom: 80px;}
.container .step_box .step, .container .step_box .step_line {width: 100%; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.container .step_box .step li {position: relative; padding-left: 40px; background: url(../img/navi/icon_step1_blue.png) no-repeat left center/contain; color: #777; font-size: 18px; font-weight: 500; letter-spacing: -.25px;}
.container .step_box .step li span {display: block; margin-bottom: 5px; font-size: 12px; font-weight: 400;}
.container .step_box .step li.on {color: #0081e4;}
.container .step_box .step li:nth-child(2) {padding-left: 50px; background-image: url(../img/navi/icon_step2_gray.png);}
.container .step_box .step li.on:nth-child(2) {background-image: url(../img/navi/icon_step2_blue.png);}
.container .step_box .step li:nth-child(3) {padding-left: 45px; background-image: url(../img/navi/icon_step3_gray.png);}
.container .step_box .step li.on:nth-child(3) {background-image: url(../img/navi/icon_step3_blue.png);}
.container .step_box .step li:nth-child(4) {padding-left: 50px; background-image: url(../img/navi/icon_step4_gray.png);}
.container .step_box .step li.on:nth-child(4) {background-image: url(../img/navi/icon_step4_blue.png);}
.container .step_box .step li::after {display: block; position: absolute; content: ""; left: 0; bottom: -41px; width: 18px; height: 18px; background-color: #fff; border: 6px solid #999; border-radius: 50%; box-sizing: border-box;}
.container .step_box .step li.on::after {border-color: #0081e4;}
.container .step_box .step li:nth-child(2)::after{left: 50%;}
.container .step_box .step li:nth-child(3)::after {left: 57%;}
.container .step_box .step li:nth-child(4)::after {left: auto; right: 0;}
.container .step_box .step_line {margin-top: 32px;}
.container .step_box .step_line span {display: block; width: 33.333333333333333%; height: 1px; background-color: #ccc;}
.container .step_box .step_line span.on {background-color: #0081e4;}
.container .agree_area {width: 100%;}
.container .agree_area .agree_line .checkbox_wrap{float: left;}
.container .agree_area .agree_line .checkbox_wrap input[type="checkbox"] {display: none;}
.container .agree_area .agree_line .checkbox_wrap input[type="checkbox"]+label {background: url(../img/navi/icon_check.png) no-repeat left center/contain;}
.container .agree_area .agree_line .checkbox_wrap input[type="checkbox"]:checked+label {background-image: url(../img/navi/icon_checked.png);}
.container .agree_area .agree_line .checkbox_wrap label {color: #444; font-size: 20px; font-weight: 600; padding-left: 28px;}
.container .agree_area .agree_line .desc {float: right; font-size: 16px; letter-spacing: -.5px; color: #666; transition: color .2s;}
.container .agree_area .agree_line .desc.check {color: #0081e4;}
.container .agree_area .agree_line>* {vertical-align: middle;}
.container .agree_area .agree_box {margin-top: 30px; width: 100%; padding: 30px 50px 50px; background-color: #f4f7fa; border-top: 1px solid #777;}
.container .agree_area .agree_box .agree_line .checkbox_wrap label {font-size: 18px;}
.container .agree_area .agree_box .agree_text {width: 100%; height: 210px; margin-top: 20px; padding: 24px 18px 0px; box-sizing: border-box; overflow-y: auto; background: #fff; border: 1px solid #e0e0e0; color: #595959; font-size: 14px; letter-spacing: -.5px; line-height: 1.2; word-break: keep-all;}
.container .agree_area .agree_box .agree_text b {font-weight: 500;}
.container .agree_area .agree_box .agree_text .box {width: 100%; margin-bottom: 20px; padding: 15px; border: 1px solid #ccc;}
.container .agree_area .agree_box .agree_text table {width: 100%; margin: 8px 0; border-top: 1px solid #777; border-bottom: 1px solid #777; text-align: center;}
.container .agree_area .agree_box .agree_text table thead {border-bottom: 1px solid #aaa;}
.container .agree_area .agree_box .agree_text table th {background-color: #f5f5f5; font-weight: 500;}
.container .agree_area .agree_box .agree_text table th,.container .agree_area .agree_box .agree_text table td {padding: 8px 0; vertical-align: middle; border-bottom: 1px solid #ccc;}
.container .agree_area .agree_box .agree_text table th:not(:first-child), .container .agree_area .agree_box .agree_text table td:not(:first-child) {border-left: 1px solid #ccc;}
.container .agree_area .agree_box .agree:not(:first-child) {margin-top: 40px;}
.container .form_btn {display: block; width: 180px; margin: 0 auto; margin-top: 60px; padding: 22px 0; border: none; text-align: center; background-color: #287cb1; background-image: linear-gradient(160deg, #287cb1,#144984); color: #fff; font-size: 18px;}
.container .join_form {padding-top: 20px; width: 730px; margin: 0 auto;}
.container .join_form .join_tit {color: #333; font-size: 32px; font-weight: 600; letter-spacing: -.5px; text-align: center;}
.container .join_form .join_desc {margin-top: 20px; color: #777; font-size: 16px; letter-spacing: -.5px; text-align: center;}
.container .auth_wrap {margin-top: 50px; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between;}
.container .auth_wrap>a {position: relative; display: block; width: 340px; height: 300px; padding: 46px 0; text-align: center; box-sizing: border-box; border: 1px solid #cfcfcf;}
.container .auth_wrap>a p {color: #333; font-size: 20px; font-weight: 600; letter-spacing: -.25px; padding-top: 110px; background: url(../img/navi/icon_phone.png) no-repeat center top/auto 80px;}
.container .auth_wrap>a.ipin p {background-image: url(../img/navi/icon_ipin.png);}
.container .auth_wrap>a span.auth_desc {display: block; color: #777; letter-spacing: -.5px; margin-top: 8px; font-size: 14px; line-height: 1.2;}
.container .auth_wrap>a span.auth_btn {display: inline-block; position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%); background-color: #333; color: #fff; font-size: 14px; padding: 6px 20px; border-radius: 14px;}
.container .join_form form {margin-top: 50px;}
.container .join_form form p span, .container .join_form form label span {color: #0081e4;}
.form_desc {margin-bottom: 10px; color: #777; font-size: 14px; text-align: right; letter-spacing: -.5px;}
.container .join_form form .form_wrap {border-top: 1px solid #777; border-bottom: 1px solid #ccc; padding: 20px 0 50px;}
.container .join_form form .form_wrap li {margin-bottom: 30px;}
.container .join_form form .form_wrap li:last-of-type {margin-bottom: 0;}
.container .join_form form .form_wrap .check_btn {display: block; width: 120px; height: 50px; margin-left: 10px; border: none; background-color: #333; color: #fff; font-size: 14px; border-radius: 4px;}
.container .join_form form .form_wrap label {margin-bottom: 12px; font-size: 16px; font-weight: 500; color: #333; letter-spacing: -.25px;}
.container .join_form form .form_wrap label span {display: inline-block; margin-left: 3px;}
.container .join_form form .form_wrap p {position: relative; margin-top: 8px; padding-left: 9px; font-size: 14px; color: #5c819e; letter-spacing: -.5px;}
.container .join_form form .form_wrap p::before {display: block; content: ""; position: absolute; left: 0; top: 6px; width: 4px; height: 4px; border-radius: 10px; background: #5c819e;}
.container .join_form form .form_wrap .form-control {padding: 16px 18px; height: 50px; box-sizing: border-box; font-size: 16px; color: #777;}
.container .join_form form .form_wrap .email_wrap {display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.container .join_form form .form_wrap .email_wrap span {display: block; padding: 0 4px; color: #333;}
.container .join_form form .form_wrap .email_wrap .form-control {width: 186px;}
.container .join_form form .form_wrap .email_wrap select {width: 184px; height: 50px; padding: 0px 14px; box-sizing: border-box; border: 1px solid #ccc; border-radius: 4px; color: #777;}
.container .join_form form .form_wrap .email_wrap .email_auth {position: relative;}
.container .join_form form .form_wrap .email_wrap .email_auth .form-control {width: 462px;}
.container .join_form form .form_wrap .email_wrap .form_timer {position: absolute; right: 16px; top: 50%; transform: translateY(-50%); color: #777; font-weight: 300;}
.container .join_form form .form_sel {padding-top: 20px; border-bottom: 1px solid #ccc;}
.container .join_form form .form_sel li {margin-bottom: 30px; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.container .join_form form .form_sel li:nth-child(3) {margin-bottom: 20px;}
.container .join_form form .form_sel li>p {font-size: 16px; color: #333; font-weight: 500;}
.container .join_form form .form_sel li .radio_wrap {display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.container .join_form form .form_sel li .radio_wrap label {display: block; margin-left: 20px; color: #555;}
.container .join_form form .form_sel li.option_wrap {display: block; margin-bottom: 0; padding: 20px; background-color: #eff5fd;}
.container .join_form form .form_sel li.option_wrap .option_group:last-child {display: none; margin-top: 24px;}
.container .join_form form .form_sel li.option_wrap .option_group p {margin-bottom: 14px; font-size: 15px; font-weight: 500; color: #333;}
.container .join_form form .form_sel li.option_wrap .option_group .sel-btn {display: inline-block; margin-right: 7px;}
.container .join_form form .form_sel li.option_wrap .option_group .sel-btn:last-child {margin: 0;}
.container .join_form form .form_sel li.option_wrap .option_group .sel-btn input[type="checkbox"] {display: none;}
.container .join_form form .form_sel li.option_wrap .option_group .sel-btn input[type="checkbox"]+label {cursor: pointer; width: 106px; padding: 10px 0; border: 1px solid #ccc; box-sizing: border-box; border-radius: 4px; color: #777; font-size: 14px; letter-spacing: -.5px; text-align: center;}
.container .join_form form .form_sel li.option_wrap .option_group .sel-btn input[type="checkbox"]:checked+label {color: #fff; background-color: #0081e4; border-color: #0081e4;}
.container .join_form.complete_area .join_tit {line-height: 1.45; padding-top: 100px; background: url(../img/navi/icon_complete.png) no-repeat center top/68px;}
.container .join_form.complete_area .join_tit span {display: block; font-weight: 500;}
.container .join_form.complete_area .btn_wrap {width: 410px; margin: 0 auto; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between;}
.container .join_form.complete_area .btn_wrap .form_btn:first-child {color: #0081e4; background-image: none; background-color: transparent; border: 1px solid #0081e4;}


/* my page */
.container .mypage_tit_wrap {border-bottom: none;}
.container .table_wrap {width: 100%; margin-top: 36px;}
.container .table_wrap .user_info th {border-right: none;}
.container .table_wrap .user_info td {padding-top: 24px; padding-bottom: 24px;}
.container .table_wrap .user_info td .edit_btn {position: absolute; display: block; right: 18px; top: 50%; transform: translateY(-50%); color: #fff; background: #333; font-size: 14px; padding: 7px 16px; border-radius: 4px;}
.container .table_wrap .user_info td.sel_wrap {display: -ms-flexbox; display: -webkit-box; display: flex;}
.container .table_wrap .user_info td.sel_wrap>label {display: block; margin-right: 28px;}
.container .table_wrap .user_info td .sel-btn:not(:last-child) {margin-bottom: 20px;}
.container .table_wrap .user_info td .sel-btn:first-of-type {display: -ms-flexbox; display: -webkit-box; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 10px;}
.container .table_wrap .user_info td .sel-btn .us_option {display: inline-block; margin-left: 18px; padding: 12px 16px; background-color: #f0f0f0; font-weight: 300; border-radius: 4px;}
.container .table_wrap .user_info td .sel-btn .us_option span {display: inline-block; padding-right: 16px; border-right: 1px solid #ccc; margin-right: 16px; font-weight: 400;}
.container .table_wrap .user_info td .sel-btn .us_option label {display: inline-block; margin: 0 16px 0 2px;}
.container .table_wrap .user_info td .sel-btn .us_option label:last-of-type {margin-right: 0;}
.container .table_wrap .btn_wrap {margin-top: 30px;}
.container .table_wrap .btn_wrap a, .container .table_wrap .btn_wrap button {display: block; letter-spacing: -.5px; color: #fff; background-color: #333; padding: 0px 20px; height: 40px; line-height: 37px; border-radius: 4px; font-size: 15px; box-sizing: border-box; border: none;}
.container .table_wrap .btn_wrap a.pop_btn {background-color: #0081e4;}
.container .table_wrap .btn_wrap>.float_L a .container .table_wrap .btn_wrap>.float_L button {margin-right: 16px;}
.container .table_wrap .btn_wrap>.float_R a , .container .table_wrap .btn_wrap>.float_R button {margin-left: 16px;}
#editPw {width: 100%; max-width: 600px !important;}
#editService {width: 100%; max-width: 700px !important;}
#editService td input[type="checkbox"] {display: inline-block; margin-right: 2px;}
#editService td.sel_wrap {display: -ms-flexbox; display: -webkit-box; display: flex;}
#editService td.sel_wrap>label {display: block; margin-right: 14px;}
#editService td .sel-btn:not(:last-child) {margin-bottom: 14px;}
#editService td .sel-btn .us_option {margin-top: 8px; padding: 10px 16px; background-color: #eff5fd; font-weight: 300; border-radius: 4px;}
#editService td .sel-btn .us_option label {display: inline-block; margin-right: 16px; line-height: 1.6;}
#editService td .sel-btn .us_option label:last-of-type {margin-bottom: 0;}
.login_area .btn_wrap button {position: relative; display: block; width: 100%; margin-top: 40px; border: none; padding: 22px 0; background-color: #287cb1; background-image: linear-gradient(160deg, #287cb1,#144984); color: #fff; font-size: 18px; font-weight: 500;}
.login_area .input_wrap {position: relative; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-pack: justify;}
.login_area .input_wrap:first-of-type {margin-bottom: 16px;}
.login_area .input_wrap .check_btn {display: block; width: 120px; padding: 14px 0px; margin-left: 10px; border: none; background-color: #333; color: #fff; font-size: 14px; border-radius: 4px;}
.login_area .input_wrap .form_timer {position: absolute; right: 16px; top: 50%; transform: translateY(-50%); color: #888; font-size: 14px; font-weight: 300;}
.login_area .input_wrap .form_timer.mail_timer {right: 102px;}
.login_area .input_wrap .input_auth {position: relative; width: 100%;}
.login_area .input_wrap .input_auth .auth_btn {position: absolute; top: 50%; transform: translateY(-50%); right: 10px; background-color: transparent; border: 1px solid #7cabfc; color: #558ef2; font-size: 12px; padding: 7px 8px; border-radius: 4px; letter-spacing: -.5px;}
.container .delete_desc {margin-top: 8px; color: #777; letter-spacing: -.5px;}
.container .delete_wrap>p {position: relative; padding-left: 22px; margin-bottom: 18px; letter-spacing: -.5px; color: #0081e4; font-weight: 500;}
.container .delete_wrap>p::after {display: block; content:""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 16px; height: 16px; background: url(../img/navi/icon_checked.png) no-repeat left center/contain;}
.container .delete_wrap>ul {border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 16px 14px; line-height: 34px; font-size: 14px; letter-spacing: -.5px; color: #555;}
.container .delete_wrap>ul li {padding-left: 12px; position: relative;}
.container .delete_wrap>ul li::before {display:block; content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 4px; height: 4px; background-color: #555; border-radius: 50px;}
.container .delete_wrap .pw_wrap label {display: inline-block; margin-right: 18px; font-size: 16px; color: #555; font-weight: 500; letter-spacing: -.5px;}
.container .delete_wrap .pw_wrap input {display: inline-block; width: 220px; border: 1px solid #ccc; border-radius: 4px; padding: 7px 18px; font-size: 16px; color: #666;}

/* NPE */
.npe_subtit_wrap {margin-top: 50px; display: flex; display: -ms-flexbox; display: -webkit-box; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.npe_subtit_wrap h3.tit {margin-top: 0;}
.npe_subtit_wrap .link_btn {padding: 10px 38px 10px 18px; font-size: 14px;}
.npe_subtit_wrap .link_btn::after {right: 16px;}
.container .graph_box {display: flex; display: -ms-flexbox; justify-content: center; -webkit-box-pack: center; -ms-flex-pack: center; align-items:center; width: 100%; padding: 20px 0; border: 1px solid #ccc; border-radius: 8px; text-align: center;}
.container .graph_box img {display: block;}
.container .npe_wrap .table_toggle_wrap {margin-top: 20px; margin-bottom: 30px;}
.container .npe_wrap .table_toggle_wrap .btn_wrap {margin-bottom: 20px; text-align: right;}
.container .npe_wrap .table_toggle_btn {cursor: pointer; border-radius: 50px; padding: 4px 50px; font-size: 14px;}
.container .npe_wrap .table_toggle_btn i {transition: all .3s ease-in-out; }
.container .npe_wrap .table_toggle_btn.active i {transform: rotate(-180deg); -ms-transform: rotate(-180deg); -webkit-transform: rotate(-180deg);}
.table_toggle_wrap .table {display: none;}
.table_toggle_wrap .table.active {display: table;}
.table_toggle_wrap .grid-bullet {display:none;}
.table_toggle_wrap .grid-bullet.active {display: block;}
.table_toggle_wrap .table th {background-color: #f0fcf3; padding: 14px 0;}
.table_toggle_wrap .table td {text-align: center; padding: 12px 0;}
.table_toggle_wrap .table th:not(:last-child), .table_toggle_wrap .table td:not(:last-child) {border-right: 1px solid #ccc;}
.table_data_wrap {margin-top: 80px; margin-bottom: 30px; display: -ms-flexbox; display: -webkit-box; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.table_data_wrap>div {width: 46% !important;}
.table_data_wrap .data_text {text-align: center; margin-bottom: 20px; color: #666; }
.table_data_wrap .data_text h4 {font-size: 20px; letter-spacing: -.25px; font-weight: 500;}
.table_data_wrap .data_text strong {display: block; margin: 10px 0; color: #5858f9; font-weight: 700; font-size: 40px;}
.table_data_wrap .data_text span {font-size: 16px; letter-spacing: -.25px;}
.table_data_wrap .table {margin-bottom: 0;}
.table_data_wrap .table th:not(:last-child),.table_data_wrap .table td:not(:last-child) {border-right: 1px solid #ccc;}
.table_data_wrap .table th, .table_data_wrap .table td {text-align: center; padding: 12px 0;}
#detail2 h4.tit {margin-bottom: 24px;}
.board_wrap .list_board.npe_detail3_board .list_data p {width: 18%;}
.board_wrap .list_board.npe_detail4_board .list_data p:first-child {margin-left: 0;}
.board_wrap .list_board.npe_detail4_board .list_data p {width: 28%; margin-right: 0; margin-left: 2%;}
.board_wrap .list_board.npe_detail4_board .list_data p.long_data {width: 40%;}
.board_wrap .list_data p.line_data {width: 100%; overflow: visible;}
.board_wrap .list_data p.line_data .data {display: inline-block; width: 94%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

/* booklist */
.container .booklist_area {margin-top: 50px; width: 100%;}
.container .booklist_area h3 {margin-bottom: 40px; font-size: 28px; font-weight: 500; color: #1a4a6f; letter-spacing: -.5px; padding-left: 10px; border-left: 5px solid; border-image: linear-gradient(to bottom, #12b6c3, #619bff); border-image-slice: 1;}
.container .booklist_area h3:nth-of-type(n+2) {margin-top: 100px;}
.container .booklist_area h3 span {display: inline-block; margin-left: 3px; font-size: 20px; font-weight: 400;}
.container .booklist_area ul {gap: 40px 36px; width: 100%; -webkit-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-pack: justify;}
.container .booklist_area ul li {width: 230px;}
.container .booklist_area ul li a {display: block; width: 100%; box-shadow: 4px 3px 10px 1px rgba(120,120,120,0.5);}
.container .booklist_area ul li a img {display: block; width: 100%; height: 314px; transition: all .5s;}
.container .booklist_area ul li a:hover img {transform: scale(1.1); -ms-transform: scale(1.1);}
.container .booklist_area ul li .book_tit {margin-top: 16px; font-size: 16px; text-align: center; color: #1a4a6f; font-weight: 500; letter-spacing: -.5px;}
.container .booklist_area ul li .book_tit span {display: inline-block; margin-left: 2px; font-weight: 400; font-size: 14px;}
.container .booklist_area ul li .book_tit:has(span.new) {position: relative; padding-right: 18px;}
.container .booklist_area ul li .book_desc {width: 100%; margin-top: 6px;font-size: 14px; color: #777; text-align: center; letter-spacing: -.5px; word-break: keep-all; white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.container .booklist_area .link_btn {margin-top: 80px;}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.container .booklist_area ul li {margin-right: 36px;}
    .container .booklist_area ul li:nth-child(5n) {margin-right: 0;}
    .container .booklist_area ul li:nth-child(n+6) {margin-bottom: 0;}
}

@keyframes textclip {
    to {
        background-position: 200% center;
    }
}
@keyframes anim-lineUp {
    0% {
        opacity: 0;
        transform: translateY(80%);
    }
    20% {
        opacity: 0;
    }
    50% {
        opacity: 1;
        transform: translateY(0%);
    }
    100% {
        opacity: 1;
        transform: translateY(0%);
    }
}
@-webkit-keyframes scroll {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
}
}
@keyframes scroll {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

/* NAVI info */
.page {width: 100%; height: 100vh; position: relative; overflow: hidden;}
.page.first-sec {background-color: #fff; height: calc(100vh - 145px);}
.page.second-sec {background-color: #000; color: #fff;}
.page.third-sec {background: url(../img/navi/img_naviinfo1.png) no-repeat right center/auto 100%; background-color: #fff; color: #054f8c;}
.page.fourth-sec {background: url(../img/navi/img_naviinfo2.png) no-repeat 15% center/auto 54%;  background-color: #054f8c; color: #fff;}
.page.last-sec {background: #054f8c; color: #fff; height: 30vh;}
.page .con-wrap {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); letter-spacing: -.75px;}
.page.third-sec .con-wrap, .page.fourth-sec .con-wrap {width: 75%;}
.page .con-wrap .btn {display: inline-block; width: 320px; margin: 0 auto; padding: 16px 0; font-size: 22px; font-weight: 500; border-radius: 8px;}
.page.second-sec .con-wrap .btn {color: #000; background-color: rgba(255, 255, 255, 0.9);}
.page.third-sec .con-wrap .btn {color: #fff; background-color: #054f8c; margin: 0;}
.page.fourth-sec .con-wrap .btn {color: #054f8c; background-color: #fff; margin: 0;}
.page.last-sec .con-wrap .btn {color: #054f8c; background-color: #fff;}
.page .con-wrap .btn:hover {background-color: #000; color: #fff;}
.page.first-sec .con-wrap {width: 70%; top: 44%; display: -ms-flexbox; display: -webkit-box; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between;}
.page.first-sec .con-wrap h3 {font-size: 50px; font-weight: 600; line-height: 1.3; color: #333;}
.page.first-sec .con-wrap h3 span strong {display: inline-block; text-transform: uppercase; background-image: linear-gradient(-225deg, #141E2C 0%, #2a5298 29%, #054f8c 67%, #243B55 100%); background-size: auto auto; background-clip: border-box; background-size: 200% auto; background-clip: text; text-fill-color: transparent; -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: textclip 4s linear infinite;}
.page.first-sec .con-wrap h3 span {display: block;}
.page.first-sec .con-wrap h3 span img {display: inline-block; width: 190px; margin-right: 10px; margin-left: 4px;}
.page.first-sec .con-wrap p {font-size: 22px; line-height: 1.45; color: #5f5f5f; text-align: right; font-weight: 500;}
.page.first-sec .con-wrap p span {display: block; opacity: 0;}
.page.first-sec .con-wrap p span strong {font-weight: 600; color: #555;}
.page.first-sec .con-wrap p span:first-child {animation: anim-lineUp 2.5s 0.3s forwards cubic-bezier(0.11, 0, 0.5, 0); }
.page.first-sec .con-wrap p span:nth-child(2) {animation: anim-lineUp 2.5s 0.8s forwards cubic-bezier(0.11, 0, 0.5, 0); }
.page.first-sec .con-wrap p span:nth-child(3) {animation: anim-lineUp 2.5s 1.3s forwards cubic-bezier(0.11, 0, 0.5, 0); }
.page.first-sec .con-wrap p span:last-child {animation: anim-lineUp 2.5s 1.8s forwards cubic-bezier(0.11, 0, 0.5, 0); }
.page .scroll-wrap {position: absolute; left: 50%; transform: translateX(-50%); bottom: 120px;}
.page .scroll-wrap .scroll {position: relative;}
.page .scroll-wrap .scroll span {position: absolute; top: 0; left: 50%; width: 24px; height: 24px; margin-left: -12px; border-left: 1px solid #7f7f7f; border-bottom: 1px solid #7f7f7f; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-animation: scroll 2s infinite; animation: scroll 2s infinite; opacity: 0; box-sizing: border-box;}
.page .scroll-wrap .scroll span:nth-of-type(1) {-webkit-animation-delay: 0s; animation-delay: 0s;}
.page .scroll-wrap .scroll span:nth-of-type(2) { top: 16px; -webkit-animation-delay: .15s; animation-delay: .15s;}
.page .scroll-wrap .scroll span:nth-of-type(3) {top: 32px; -webkit-animation-delay: .3s; animation-delay: .3s;}
.page .con-wrap h4 {font-size: 42px; font-weight: 500; line-height: 1.3; margin-bottom: 34px; letter-spacing: -.75px;}
.page .con-wrap .con-text {font-size: 20px; line-height: 1.6; margin-bottom: 46px;}
.page.second-sec .info_bg {width: auto; height: 100%; min-width: 100%; min-height: 100%; position: absolute; top: 0; left: 50%; transform: translateX(-50%); opacity: .3;}
.page.second-sec .con-wrap{text-align: center;}
.page.third-sec .con-wrap {text-align: left;}
.page.fourth-sec .con-wrap {text-align: right;}
.page.last-sec .con-wrap {width: 48%; top: 30%;}
.page.last-sec .con-wrap>div {width: 100%; display: -ms-flexbox; display: -webkit-box; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between;}
.page.last-sec .con-wrap h4 {width: 60%; font-size: 28px; margin-bottom: 0;}
.page.last-sec .con-wrap .btn {margin: 0; font-size: 20px;}
.page.last-sec .con-wrap .top {margin-bottom: 30px;}
.page.last-sec .con-wrap .top .btn {width: 320px;}
.page.last-sec .con-wrap .bottom .btn-wrap {width: 320px; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between;}
.page.last-sec .con-wrap .bottom .btn-wrap .btn {width: 48%; display: block;}
.page.reveal .con-wrap {opacity: 0; transition: 3s all ease; top: 80%;}
.page.reveal.active .con-wrap {opacity: 1; top: 50%;}
.page.last-sec.reveal .con-wrap {top: 50%;  transition: 1.5s all ease;}
.page.last-sec.reveal.active .con-wrap {top: 30%;}

/* 지원사업 찾기 */
.biz_intro {position: relative; width: 100%; height: 750px; background: #066dc1; overflow: hidden;}
.biz_intro .biz_bg {width: auto; height: auto; min-width: 100%; min-height: 100%; position: absolute; top: 0; left: 0; opacity: .25;}
.biz_intro::before {position: absolute; bottom: 150px; display: block; content: ""; z-index: 1; width: 100%; height: 250px; background: url(../img/navi/bg_biz.png) no-repeat center/contain;}
.biz_intro .intro_tit {position: absolute; top: 120px; left: 50%; transform: translateX(-50%); width: 100%; text-align: center; color: #fff;}
.biz_intro .intro_tit h3 {animation: 3s anim-lineUp ease-out; font-family: 'NanumSquare','Noto Sans KR',sans-serif; font-size: 36px; line-height: 1.3; letter-spacing: -.5px; text-shadow: 0 0 10px rgba(124,124,124,0.5);}
.biz_intro .intro_tit h3 span {display: block;}
.biz_intro .intro_tit h3 strong {font-weight: 600;}
.biz_intro .intro_tit p {line-height: 1.5; letter-spacing: -.75px; font-size: 18px; margin-top: 16px; text-shadow: 0 0 10px rgba(124,124,124,0.5);}
.biz_intro .tab_menu {width: 1300px; position: absolute; left: 50%; bottom: -1px; transform: translateX(-50%);}
.biz_intro .tab_menu li {background-color: transparent; border: none;}
.biz_intro .tab_menu li {background-color: transparent;}
.biz_intro .tab_menu li a {padding: 26px 0; color: #fff; font-size: 20px; font-weight: 500;}
.biz_intro .tab_menu li a.active {width: 100%; background-color: #E8F2F8; color: #005495; box-shadow: 0 -1px 6px rgba(124,124,124,0.3);}
.container .biz_box {margin-bottom: 80px; padding: 0 80px; height: 400px; background: #fff; display: -ms-flexbox; display: -webkit-box; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between;}
.container .biz_box .info_tit {color: #333; font-size: 32px; font-weight: 600; letter-spacing: -.75px;}
.container .biz_box .info_tit span {display: block; margin-bottom: 10px; color: #1d94f0; font-size: 18px; font-weight: 500;}
.container .biz_box .info_tit img {display: inline-block; width: 30px;}
.container .biz_box .info_desc {margin-top: 22px; color: #777; letter-spacing: -.75px; line-height: 1.5;}
.container .biz_box .link_wrap a {display: block; margin-bottom: 18px; width: 280px; padding: 18px 0; border-radius: 50px; text-align: center; color: #005495; font-size: 18px; letter-spacing: -.5px; font-weight: 500; border: 1px solid #005495;}
.container .biz_box .link_wrap a:last-child {margin-bottom: 0;}
.container .biz_box .link_wrap a.active {color: #fff; background-color: #005495}
.biz_bottom {margin-top: 160px; position: relative; background: #044275; height: 320px; text-align: center; color: #fff;}
.biz_bottom::after {position: absolute; content: ""; top: 0; right: 0; opacity: .5;; display: block; width: 300px; height: 276px; background: url(../img/navi/bg_koipa.png) no-repeat center/contain;}
.biz_bottom>div {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; font-size: 28px; font-weight: 500; letter-spacing: -.5px;}
.biz_bottom .link_koipa {display: block; padding: 22px 0; margin: 0 auto; margin-top: 34px; color: #044275; background: #fff; width: 300px; font-size: 16px; border-radius: 50px;}


/* FAQ */
.container .faq-wrap {margin-top: 36px; border-top: 1px solid #777; border-bottom: 1px solid #777;}
.container .faq-wrap .faq-con {border-bottom: 1px solid #cdcdcd; letter-spacing: -.75px;}
.container .faq-wrap .faq-con:last-of-type {border-bottom: none;}
.container .faq-wrap .faq-con .faq_q {position: relative; padding: 44px 20px; padding-left: 100px; display: -ms-flexbox; display: -webkit-box; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.container .faq-wrap .faq-con .faq_q::before {position: absolute; content: "Q"; display: block; font-family: 'KOFIHDrLEEJWTTF-B'; font-size: 58px; left: 24px; top: 50%; transform: translateY(-50%); color: rgba(120,120,120,0.4);}
.container .faq-wrap .faq-con .faq_q .category {display: block; padding: 6px 12px; font-size: 12px; margin-right: 14px; border-radius: 30px; }
.container .faq-wrap .faq-con .faq_q .tit {display: block; width: 82%; color: #333; font-weight: 500; font-size: 18px; line-height: 1.3; word-break: keep-all;}
.container .faq-wrap .faq-con .faq_q i {position: absolute; top: 50%; right: 24px; -ms-transform: rotate(0deg) translateY(-50%); -webkit-transform: rotate(0deg) translateY(-50%); transform: rotate(0deg) translateY(-50%); transition: 0.3s; color: #555; font-size: 1.25rem;}
.container .faq-wrap .faq-con .faq_q.rotate i {-ms-transform: rotate(-180deg) translateY(50%); -webkit-transform: rotate(-180deg) translateY(50%); transform: rotate(-180deg) translateY(50%);}
.container .faq-wrap .faq-con .faq_a {display: none; position: relative; padding: 50px 20px; padding-left: 100px; background-color: #f3f5ff; border-top: 1px solid #cdcdcd; line-height: 1.5; color: #4f4f4f; word-break: keep-all;}
.container .faq-wrap .faq-con .faq_a::before {position: absolute; content: "A"; display: block; font-family: 'KOFIHDrLEEJWTTF-B'; font-size: 58px; left: 24px; top: 50%; transform: translateY(-50%); color: rgba(4, 45, 111, 0.3);}
.container .faq-wrap .faq-con .faq_a strong {font-weight: 500; color: #333;}


/* 통합검색 */
.container .result_desc {margin: 50px 0 30px; font-size: 18px; letter-spacing: -.75px; font-weight: 500; color: #555;}
.container .srch_tab_wrap {width: 100%; display: -ms-flexbox; display: -webkit-flex; display: flex;}
.container .srch_tab_wrap li {width: 14.285714285714286%; text-align: center; border: 1px solid #e0e0e0;}
.container .srch_tab_wrap li:has(.active) {border-color: #287cb1;}
.container .srch_tab_wrap li:not(:last-child) {border-right: none;}
.container .srch_tab_wrap li a.active {background-image: linear-gradient(280deg, #144984, #287cb1); color: #fff; font-weight: 500;}
.container .srch_tab_wrap li a {border-radius: 0; display: block; padding: 22px 0; font-size: 16px; color: #666; font-weight: 400; letter-spacing: -.75px;}
.container .result_content #srch-tab1 {margin-top: 40px;}
.container .result_content .result_section:not(:first-of-type) {margin-top: 50px;}
.container .result_content .result_tit_wrap {width: 100%; padding: 20px 24px; border-top: 1px solid #dbe3f0; border-bottom: 1px solid #dbe3f0; box-sizing: border-box; background-color: #F2F4FB; display: -ms-flexbox; display: -webkit-flex; display: flex; display: flex; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.container .result_content .result_tit_wrap h3 {font-size: 18px; color: #333; font-weight: 400;}
.container .result_content .result_tit_wrap h3 strong {font-weight: 500;}
.container .result_content .result_tit_wrap a {display: block; font-size: 14px; color: #3a5578;}
.container .result_content .result_list_wrap {margin-top: 20px;}
.container .result_content .result_section .result_list_wrap {margin-top: 10px;}
.container .result_content .result_list_wrap li {padding: 20px 24px; border-bottom: 1px solid #e0e0e0; letter-spacing: -.5px;}
.container .result_content .result_list_wrap li .list_tit {color: #333; margin-bottom: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.container .result_content .result_list_wrap li .list_tit strong {font-weight: 500;}
.container .result_content .result_list_wrap li a.list_tit {display: block;}
.container .result_content .result_list_wrap li a.list_tit.list_download:hover {text-decoration: underline;}
.container .result_content .result_list_wrap li a.list_tit.list_download i {font-size: 18px;}
.container .result_content .result_list_wrap li .list_text {display: -webkit-box; color: #797979; line-height: 1.4; font-size: 0.938em; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.container .result_content .result_list_wrap li .list_location {display: block; margin-top: 16px; color: #999; font-size: 0.875em;}