@charset "UTF-8";
@import url('reset.css');


/*** skip navi ***/
.skip {position: relative;width: 100%;z-index: 9999;}
.skip a {display: block;position: absolute;left: -999px;top: -999px;width: 100%;padding: 15px 20px;font-size: 16px;color: white;text-align: center;background: #31313b;}
.skip a:focus {left: 0;top: 0;}


/*** layout ***/
#container {position: relative;font-size: 16px;}
#content {display: block;position: relative;min-height: calc(100vh - 250px);}
#js-fixTop {position: absolute;left: 0;top: 0;width: 100%;z-index: 5500;}
#js-fixTop.fix {position: fixed;box-shadow : 0 3px 10px 0 rgba(0, 0, 0, 0.1);}
.inner {position: relative;max-width: 1400px;height: 100%;margin: 0 auto;}
#content .inner {padding: 30px 0 55px;}
#js-fixTop + .inner {padding-top: 90px;}


/** header **/
#header {display: flex;justify-content: space-between;align-items: center;position: relative;height: 100px;padding: 0 27px 0 50px;color: #fff;z-index: 5000;}
#header .logo {min-width: 200px;}
#header .logo a,
#header .logo img,
#header .utils a {display: block;}
#header .utils {display: flex;align-items: center;font-size: 16px;}
#header .utils .user {padding-left: 25px;white-space: nowrap;background: url(../images/common/i_user.png) no-repeat 0 50%;}
#header .utils .logout {margin-left: 20px;padding: 0 12px;border-radius: 18px;font-size: 12px;font-weight: 300;line-height: 24px;background: rgba(255, 255, 255, 0.3);}
#header .utils .logout span {padding-left: 15px;background: url(../images/common/i_logout.png) no-repeat 0 50%;}
#header .utils .settings {width: 20px;height: 20px;margin-left: 16px;font-size: 0;background: url(../images/common/i_settings.png) no-repeat 50%;}
#header .utils .all_menu {width: 18px;height: 16px;margin-left: 11px;font-size: 0;background: url(../images/common/i_all_menu.png) no-repeat 50%;}
/* gnb */
#gnb {min-width: 930px;}
#gnb ul {display: flex;justify-content: space-between;}
#gnb li + li {margin-left: 77px;}
#gnb li a {display: block;position: relative;font-size: 20px;font-weight: 500;text-align: center;}
#gnb li.on a::before,
#gnb li a:hover::before {content: '';position: absolute;left: 0;bottom: -10px;width: 100%;height: 2px;background: #fff;}


/** all menu **/
.layer_pop .pop_cont.allMenu {display: flex;flex-wrap: wrap;padding: 46px 50px 50px;}
.allMenu > li {width: 230px;min-height: 200px;margin-right: 50px;}
.allMenu > li > strong {display: block;padding-bottom: 9px;border-bottom: 2px solid #356DD8;font-size: 22px;font-weight: 700;color: #356DD8;letter-spacing: -0.05em;}
.allMenu > li:nth-child(4n) {margin-right: 0;}
.allMenu > li:nth-child(n+5) {margin-top: 35px;}
.allMenu .dp2 {display: flex;flex-direction: column;flex-wrap: wrap;align-content: space-between;margin-top: 10px;max-height: 200px;}
.allMenu .dp2 li {display: flex;align-items: center;min-height: 40px;}
.allMenu .dp2 li a {display: block;position: relative;padding-left: 13px;font-size: 18px;color: #0F0F0F;}
.allMenu .dp2 li a::before {content: '';position: absolute;left: 0;top: 12px;width: 4px;height: 4px;background: #356DD8;}
.allMenu .dp2 li a:hover {font-weight: 500;}
.allMenu.mymenu .dp2 li .fav {display: inline-block;}
.allMenu .dp2 li .fav {display: none;margin-left: 5px;line-height: 1;}
.allMenu .dp2 li .fav label {display: block;width: 16px;height: 15px;background:url(../images/common/i_star.png) no-repeat 0;cursor: pointer;}
.allMenu .dp2 li .fav input {display: none;}
.allMenu .dp2 li .fav input:checked + label {background: url(../images/common/i_star_on.png) no-repeat 0;}


/*0524메인팝업버튼추가*/
.layer_pop .pop_cont.allMenu.mymenu {padding:46px 50px 30px}
.allMenu > li.btn_fav {flex-basis:100%; width:100%;min-height:50px !important; margin:0 !important}
.allMenu > li.btn_fav .btn_area {margin-top:20px}






/** sub_visual **/
.sub_visual {display: flex;justify-content: center;align-items: center;margin-top: -100px;padding-top: 69px;height: 200px;background: url(../images/common/bg_visual.png) no-repeat 50% 0 / cover;}
.vis_txt {font-size: 18px;font-weight: 300;line-height: 1.2;color: #fff;text-align: center;}
.vis_txt h2 {font-size: 35px;font-weight: 700;}

/** footer **/
#footer {background: #232526;}
#footer p {max-width: 1400px; position:relative;margin: 0 auto;padding: 15px 20px;font-size: 14px;font-weight: 300;line-height: 20px;color: rgba(255, 255, 255, 0.5);}
#footer p button {position:absolute; right:0; top:10px; background:#0c0c0c; border:1px solid rgba(255, 255, 255, 0.3); font-size:13px; color:rgba(255, 255, 255, 0.5); height:30px;}
#footer p button:hover {background:#fff; color:#0a62c6}

    /*** title ***/
.md_tit {position: relative;margin-bottom: 15px;font-size: 23px;font-weight: 700;}
.md_tit::before {content: '';display: inline-block;position: relative;top: -3px;width: 12px;height: 12px;margin-right: 8px;border: 3px solid #187BEC;}
.sm_tit {position: relative;margin-bottom: 15px;padding-left: 8px;font-size: 20px;font-weight: 700;}
.sm_tit::before {content: '';display: inline-block;position: relative;top: -5px;width: 8px;height: 3px;margin-right: 7px;background: #187BEC;}



/*** button ***/
.btn_area {margin-top: 45px;text-align: right;}
.btn_area .btn + .btn {margin-left: 4px;}
/* button basic */
.btn {display: inline-block;min-width: 120px;height: 45px;margin: 0;padding: 0 20px;border: 1px solid #AEAEAE;font-size: 16px;color: #6A6A6A;text-align: center;background: #fff;}
a.btn {line-height: 43px;}
.btn:hover, .btn:focus,
.btn.bd:hover, .btn.bd:focus {background: #FAFAFA;}

/* size */
.btn.sml {min-width: 70px;height: 36px;padding: 0 10px;font-size: 15px;}
a.btn.sml {line-height: 34px;}
.btn.lg {min-width: 160px;height: 60px;}
a.btn.lg {line-height: 58px;}

/* only icon button */
.btn.ic {min-width: 36px;width: 36px;height: 36px;padding: 0;border: 1px solid #AEAEAE;font-size: 0;background-repeat: no-repeat;background-position: 50%;}
.btn.ic:hover, .btn.ic:focus {background-color: #FAFAFA;}
/* image */
.btn.ic.search {background-image: url(../images/common/i_search.png);}
.btn.ic.upload {background-image: url(../images/common/i_upload.png);}
.btn.ic.del {background-image: url(../images/common/i_del.png);}
.btn.ic.add {line-height: 36px}
.btn.ic.add::before {content: '\e913';display: inline-block;font-family: 'xeicon';font-size: 18px;}

/* icon + txt button */
.btn i {position: relative;bottom: -1px;font-size: 16px;color: inherit;}
.btn.sml i {font-size: 15px;}
.btn.icl i {margin-right: 5px;}
.btn.icr i {margin-left: 5px;}

/* disabled */
.btn:not(.bd)[disabled] {border-color: #A7A7A7 !important;color: #fff !important;background: #A7A7A7 !important;cursor: auto;}
.btn.bd[disabled] {border-color: #E0E1E2 !important;color: #E0E1E2 !important;background: #fff !important;cursor: auto;}

/* button color */
/* gray */
.btn.gray {border-color: #6A6A6A;color: #FFFFFF;background-color: #6A6A6A;}
.btn.gray:hover,
.btn.gray:focus {border-color: #4F4F4F;background-color: #4F4F4F;}
/* blue */
.btn.blue, .btn.btn_save, .btn.btn_write, .btn.btn_rewrite {border-color: #187BEC;color: #FFFFFF;background-color: #187BEC;}
.btn.blue:hover, .btn.btn_save:hover, .btn.btn_write:hover, .btn.btn_rewrite:hover,
.btn.blue:focus, .btn.btn_save:focus, .btn.btn_write:focus, .btn.btn_rewrite:focus {border-color: #156ED3;background-color: #156ED3;}
/* red */
.btn.red, .btn.btn_del {border-color: #E84F4F;color: #FFFFFF;background-color: #E84F4F;}
.btn.red:hover, .btn.btn_del:hover,
.btn.red:focus, .btn.btn_del:focus {border-color: #CF4646;background-color: #CF4646;}
/* navy */
.btn.navy {border-color: #435171;color: #FFFFFF;background-color: #435171;}
.btn.navy:hover,
.btn.navy:focus {border-color: #3B4865;background-color: #3B4865;}

/* button border */
.btn.bd {background: #fff;}
.btn.bd.blue {border-color: #187BEC;color: #187BEC;}
.btn.bd.blue:focus,
.btn.bd.blue:hover {background: #F3F8FE;}
.btn.bd.red {border-color: #E84F4F;color: #E84F4F;}
.btn.bd.red:focus,
.btn.bd.red:hover {background: #FEF6F6;}
.btn.bd.navy {border-color: #435171;color: #435171;}
.btn.bd.navy:focus,
.btn.bd.navy:hover {background: #F5F6F8;}

/* function button */
.btn.btn_excel {padding-left: 40px;border-color: #BABABA;color: #4A4A4A;background: #fff url(../images/common/btn_excel.png) no-repeat 20px 50%;}
.btn.sml.btn_excel {padding-left: 30px;background: #fff url(../images/common/btn_excel.png) no-repeat 10px 50% / 12px auto;}
.btn.btn_excel:hover, .btn.btn_excel:focus {background-color: #FAFAFA;}

/* underline button */
.btn_line {margin: 0 0 0 7px;padding: 0;border: 0;border-bottom: 1px solid #187BEC;font-size: 16px;line-height: 1;color: #187BEC;background: none;vertical-align: baseline;}
.btn_line:hover,
.btn_line:focus {font-weight: 500;}



/*** tag ***/
.state {display: inline-block;width: 65px;max-width: 100%;height: 32px;padding: 0 5px;border: 1px solid;font-size: 14px;font-weight: 400;line-height: 30px;text-align: center; border-radius: 6px;/*background: #fff;*/}
.state.prcsStat1 {color: #fff;background: #FFB453;border-color: #FFB453;}
.state.prcsStat3 {color: #fff;background: #63C597;border-color: #63C597;}
.state.prcsStat5 {color: #fff;background: #B13333;border-color: #B13333;}
.state.prcsStat6 {color: #fff;background: #E26969;border-color: #E26969;}
.state.prcsStat8 {color: #fff;background: #78C5FF;border-color: #78C5FF;}
.state.prcsStat9 {color: #2b2727;background: #FFFFFF;border-color: #2b2727;}

.state.red {border-color: #E33048;color: #E33048;}
.state.blue {border-color: #187BEC;color: #187BEC;}



/*** sidebyside ***/
.sidebyside input,
.sidebyside select {min-width: auto;width: auto;}
.sidebyside {position: relative;display: flex;justify-content: space-between;align-items: center;}
.sidebyside > * {display: flex;align-items: flex-end;}
.sidebyside > .left {justify-content: flex-start;min-width: calc((100% - 503px) / 2);}
.sidebyside > .left .btn_area {text-align: left;}
.sidebyside > .paging_wrap {width: 100%;height: 45px;white-space: nowrap;}
.sidebyside > .paging_wrap::before {content: '';position: relative;min-width: calc((1400px - 503px) / 2);}
.sidebyside > .left + .paging_wrap::before {display: none;}
.sidebyside > .paging_wrap .paging {min-width: 503px;}
.sidebyside > .right {justify-content: flex-end;min-width: calc((100% - 503px) / 2);text-align: right;}
.sidebyside > .right {position: relative;}
.sidebyside > .right::before {content: '';position: relative;min-width: calc((1400px - 503px) / 2);}
.sidebyside > * ~ .right::before {display: none;}
.sidebyside [class$="_tit"] {margin-bottom: 0;}
.sidebyside .form_guide,
.sidebyside .btn_area {display: inline-block;}
.sidebyside .r .btn {margin:0 0 10px 3px}


/*** form ***/
.wauto {width: auto !important;}
select,
input[type="text"],
input[type="password"],
textarea {width: auto;max-width: 100%;height: 36px;border: 1px solid #E4E4E4;font-family: "Pretendard", sans-serif;font-size: 16px;line-height: inherit;color: #171717;letter-spacing: -0.05em;transition: 0.1s color, 0.1s border-color;}
input::placeholder,
textarea::placeholder {color: #B8B8B8;}
select:focus,
input:focus,
textarea:focus {border: 1px solid #BEBEBE;transition: color .1s border-color .1s;}
input:focus::placeholder,
textarea:focus::placeholder {color: #858585;}
select {min-width: 100px;padding: 0 32px 0 12px;background: #fff url(../images/common/i_sel.png) no-repeat right 10px center;appearance: none;}
select:not(:disabled) {cursor: pointer;}
input[type="text"],
input[type="password"] {padding: 0 12px;}
input[type="password"] {letter-spacing: 0;}
input[readonly],
textarea[readonly] {background-color: #EEEEEE;}
select[disabled] {opacity: 1;}
select[disabled],
input[disabled],
textarea[disabled] {color: #9199A1;background-color: #EEEEEE;}
textarea {display: block;width: 100%;height: auto;padding: 8px 10px;}
select.err,
input.err,
textarea.err {border: 1px solid #E0B4B4;color: #9F3A38;background-color: #FFF6F6;}
select.err::placeholder,
input.err::placeholder,
textarea.err::placeholder {color: #E0B4B4;}
select.err:focus,
input.err:focus,
textarea.err:focus {border-color: #CF8F8E;}
select.err:focus::placeholder,
input.err:focus::placeholder,
textarea.err:focus::placeholder {color: #da9796;}

/* calendar */
.calendar_input {display: inline-block;position: relative;width: 150px;max-width: 100%;}
.calendar_input input {min-width: 130px;width: 100%;padding-right: 38px;}
.calendar_input img {position: absolute;right: 12px;top: 9px;cursor: pointer; filter: brightness(0.4);}
.calendar_input input[disabled] + img {pointer-events: none;}

/* input + button */
.inp_btn {display: inline-flex;height: 36px;vertical-align: middle;}
.inp_btn select + input,
.inp_btn input + select,
.inp_btn select + .holder {margin-left: -1px !important;}
.inp_btn .holder,
.inp_btn input {width: 100%;height: 100%;}
.inp_btn select {min-width: auto;}
.inp_btn .btn {min-width: 36px;height: 100%;padding: 0;border: 0;background-repeat: no-repeat;background-position: 50%;}
.inp_btn + .btn {margin-left: 4px;}
.inp_btn *:focus {z-index: 1;}

/* style placeholder */
.holder {position: relative;width: 100%;}
.holder span {position: absolute;left: 12px;top: 50%;transform: translateY(-50%);width: calc(100% - 24px);pointer-events: none;}
.holder span i {color: #E33048;}
.holder span em {position: absolute;right: 0;top: 50%;transform: translateY(-50%);font-size: 14px;color: #A7A7A7;}



/*** l/r side, gap(~) ***/
.lside, .rside {position: relative;font-size: 16px;vertical-align: middle;}
.lside {margin-right: 5px;}
.rside {margin-left: 5px;}
strong.lside, strong.rside {font-weight: 500;}
.lside.sm, .rside.sm {font-size: 14px;color: #8F8F8F;}
.gap {margin: 0 2px;font-size: 16px;vertical-align: middle;}
.gap.long {margin: 0 15px;}



/*** chk ***/
span.chk {display: inline-block;}
div.chk + div.chk {margin-top: 5px;}
.chk input {opacity: 0;position: absolute;pointer-events: none;}
.chk > span {display: inline-block;position: relative;margin: 3px 15px 3px 0;}
.chk > span:last-child {margin-right: 0;}
.chk > span label {display: inline-block;position: relative;padding-left: 22px;font-size: 16px;line-height: 16px;cursor: pointer;}
.chk .no_txt label::before {margin-right: 0;}
/* chk checkbox */
.chk .cbx label::before {content: '\e928';position: absolute;left: 0;top: 0;width: 16px;height: 16px;border: 1px solid #E4E4E4;font-family: 'xeicon';font-size: 0;font-weight: 700;line-height: 13px;color: #E4E4E4;text-align: center;background: #FFFFFF;}
.chk .cbx label:hover::before,
.chk .cbx input:focus + label::before {border-color: #B8B8B8;}
.chk .cbx input:checked + label::before {border-color: #187BEC;font-size: 11px;color: #FFFFFF;background: #187BEC;}
.chk .cbx input:disabled + label {color: #E4E4E4;cursor: auto;}
.chk .cbx input:disabled + label::before {border-color: #E4E4E4;}
.chk .cbx input:disabled[checked] + label::before {background: #E4E4E4;border-color: #E4E4E4;}
.chk .cbx input.err + label::before {border-color: #E0B4B4;}
.chk .cbx input.err + label {color: #9F3A38;}
/* chk radio */
.chk .radio label::before {content: '';position: absolute;left: 0;top: 0;width: 16px;height: 16px;border: 1px solid #E4E4E4;border-radius: 50%;background: #FFFFFF;}
.chk .radio label::after {content: '';position: absolute;left: 4px;top: 4px;width: 8px;height: 8px;border-radius: 50%;}
.chk .radio label:hover::before,
.chk .radio input:focus + label::before {border-color: #B8B8B8;}
.chk .radio input:active + label::before {border-color: #B8B8B8;}
.chk .radio input:checked + label::before {border-color: #187BEC;background: #187BEC;}
.chk .radio input:checked + label::after {background: #FFFFFF;}
.chk .radio input:disabled + label {color: #E4E4E4;cursor: auto;}
.chk .radio input:disabled + label::before {border-color: #E4E4E4;}
.chk .radio input:disabled + label::after {background: #FFFFFF;}
.chk .radio input:disabled[checked] + label::before {background: #E4E4E4;}
.chk .radio input.err + label::before {border-color: #E0B4B4;}
.chk .radio input.err + label {color: #9F3A38;}



/*** search ***/
/* input, select reset */
.search_basic input[type="text"] {width: 100%;}
.search_basic input[type="text"],
.search_basic select {max-width: 100%;height: 45px;}
.search_basic .chk {vertical-align: middle;}
.search_basic .calendar_input {width: 130px;}
.search_basic .calendar_input input {min-width: auto;padding-right: 36px;}
.search_basic .calendar_input img {top: 14px;}
.search_basic .inp_btn {width: 100%;height: 45px;}
.search_basic .inp_btn .btn {min-width: 45px;}
.search_basic .gap {margin: 0 4px;}
.search_basic li > *:not(.gap):not([type="hidden"]) + *:not(.gap):not([type="hidden"]) {margin-left: 5px; line-height: 20px}
/* search_basic style */
.search_basic {position: relative;margin-bottom: 35px;padding: 24px 170px 24px 24px;border: 1px solid #E5E5E5;font-size: 16px;font-weight: 400;background: #F9F9F9;}
.search_basic ul {display: flex;}
.search_basic li {display: flex;align-items: center;}
.search_basic li + li {margin-left: 25px;}
.search_basic li > label {position: relative;margin-right: 5px;padding-left: 8px;white-space: nowrap;}
.search_basic li > label::before {content: '';position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 3px;height: 3px;background: #2398FF;}
.search_basic .btn_search {position: absolute;right: 25px;bottom: 24px;border: 0;color: #FFFFFF;background: #435171;}
.search_basic .btn_search span {padding-left: 25px;background: url(../images/common/i_search.png) no-repeat 0 50%;}
.search_basic .btn_search:hover,
.search_basic .btn_search:focus {background: #3B4865;}

.search_basic.community ul li {width:100% !important}



/*** tab ***/
.tab {position: relative;}
.tab_menu {display: flex;}
.tab_menu li {position: relative;}
.tab_menu li a {display: flex;justify-content: center;align-items: center;position: relative;}
/* wide */
.tab.wide {border-bottom: 1px solid #D0DAE3;background: #E7EBF2;}
.tab.wide ul {max-width: 1400px;margin: 0 auto;}
.tab.wide li {position: relative;width: 100%;}
.tab.wide li.on::before,
.tab.wide li.on::after {content: '';position: absolute;left: 50%;transform: translateX(-50%);bottom: -6px;width: 0;height: 0;border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 6px solid #187BEC;z-index: 1;}
.tab.wide li.on::after {bottom: -2px;border-top-color: #fff;}
.tab.wide li a {width: 100%;height: 55px;font-size: 18px;font-weight: 500;color: #171717;text-align: center;}
.tab.wide li a:hover,
.tab.wide li.on a {border: 1px solid #2398FF;font-size: 20px;font-weight: 600;color: #187BEC;background: #fff;}
.tab.wide li a:hover::before,
.tab.wide li.on a::before {content: '';position: absolute;left: -1px;bottom: -2px;width: calc(100% + 2px);height: 3px;background: #187BEC;z-index: 1;}
/* slash */
.tab.slash {margin-bottom: 30px;}
.tab.slash ul {flex-wrap: wrap;justify-content: center;}
.tab.slash li {padding-bottom: 5px;}
.tab.slash li + li {margin-left: 50px;}
.tab.slash li:not(:last-child)::before {content: '';position: absolute;right: -50px;top: 0;width: 50px;height: 100%;background: url(../images/common/tab_slash.png) no-repeat 50% 50%;}
.tab.slash li a {font-size: 25px;}
.tab.slash li:hover,
.tab.slash li.on {font-weight: 700;color: #187BEC;}
/* table/chart */
.tab.tblchart ul {flex-wrap: wrap;justify-content: flex-end;margin-bottom: 15px;}
.tab.tblchart li {position: relative;}
.tab.tblchart li + li {margin-left: 34px;}
.tab.tblchart li + li::before {content: '';position: absolute;left: -17px;top: 50%;transform: translateY(-50%);width: 1px;height: 10px;background: #BEBEBE;}
.tab.tblchart li a {font-size: 15px;font-weight: 500;color: #7B7B7B;}
.tab.tblchart li:nth-child(1) a {padding-left: 24px;background: url(../images/common/i_chart_bar.png) no-repeat 0 35%;}
.tab.tblchart li:nth-child(2) a {padding-left: 23px;background: url(../images/common/i_chart_pie.png) no-repeat 0 35%;}
.tab.tblchart li:nth-child(1).on a {background: url(../images/common/i_chart_bar_on.png) no-repeat 0 35%;}
.tab.tblchart li:nth-child(2).on a {background: url(../images/common/i_chart_pie_on.png) no-repeat 0 35%;}
.tab.tblchart li.on a {color: #187BEC;}



/*** table ***/
table + .form_guide,
table + table {margin-top: 20px;}
.form_guide + table {margin-top: 0;}
table .no_data {text-align: center !important;}
table tr:hover .no_data {background: inherit !important;}
table .asterisk {position: relative;top: -4px;margin-left: -12px;}
td img {vertical-align: middle;}
td .xi-new {position: relative;top: -2px;margin-left: 3px;font-size: 18px;color: #EC1818;vertical-align: middle;}
td .lock {display: inline-block;position: relative;top: -3px;width: 12px;height: 15px;margin-right: 5px;background: url(../images/common/i_lock.png) no-repeat 50%;vertical-align: middle;}
.ellipsis {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;vertical-align: middle;}
p.ellipsis {display: inline-block;max-width: 95%;vertical-align: bottom;}
td .info {margin-top: 5px;font-size: 15px;}
td .info + * {margin-top: 10px;}

/* asterisk(*) + form guide */
.asterisk {margin-right: 5px;font-size: 15px;font-weight: 400;color: #E33048;}
.form_guide {margin-bottom: 10px;font-size: 15px;font-weight: 400;text-align: right;}

/* board list count */
.all_num {margin-bottom: 10px;font-size: 16px;color: #666;}
.all_num i::before {position: relative;top: 2px;margin-right: 5px;font-size: 18px;}
.all_num .num {margin: 0 3px 0 5px;font-weight: 400;color: #26a4de;}

/* table style */
table.tbl {border-top: 2px solid #187BEC;}
table.tbl th, table.tbl td {height: 55px;padding: 8px 5px;border-bottom: 1px solid #E6E6E6;font-size: 16px;font-weight: 400;letter-spacing: -0.5px;line-height:1.2;word-break: break-all;}
table.tbl th, table.tbl td {position:relative; height: 55px;padding: 8px 5px;border-bottom: 1px solid #E6E6E6;font-size: 16px;font-weight: 400;line-height: 1.3;letter-spacing: -0.5px;word-break: break-all;}
table.tbl th {font-size: 17px;color: #171725;background: #F6F8FA;}
table.tbl td {background: #FFFFFF;}
table.tbl td.l {padding: 8px 10px !important;}
table.tbl td input[type="text"],
table.tbl td input[type="password"] {width: 100%;}


.svy div input[type="text"] {width:300px}



/* table border */
table.tbl .bdt {border-top: 1px solid #E6E6E6;}
table.tbl .bdr {border-right: 1px solid #E6E6E6;}
table.tbl .bdb {border-bottom: 1px solid #E6E6E6;}
table.tbl .bdl {border-left: 1px solid #E6E6E6;}


/* table row */
table.tbl.row {border-color: #5D5D5D;}
table.tbl.row .bg {font-weight: 500;background: #FEFEFE;}
table.tbl.row th, table.tbl.row td {text-align: left;}
table.tbl.row th:not(:last-child),
table.tbl.row td:not(:last-child) {border-right: 1px solid #E6E6E6;}
table.tbl.row th {padding: 8px 10px 8px 35px;font-weight: 500;background: #F8F9FB;}
table.tbl.row th.c,
table.tbl.row td {padding: 10px 20px;}
table.tbl.row tr:not(:last-child) th[rowspan]:not(:first-child),
table.tbl.row tr:not(:last-child) td[rowspan]:not(:first-child) {border-left: 1px solid #E6E6E6;}
table.tbl.row tr:not(:last-child) th[rowspan],
table.tbl.row tr:not(:last-child) td[rowspan]:not(:last-child) {border-right: 1px solid #E6E6E6;}
table.tbl.row td .inp_btn {width: 100%; margin:2px 0}
table.tbl.row td .inp_btn2 {display:flex; width:fit-content; margin:2px 0}
table.tbl.row td .inp_btn2 input[type="text"], table.tbl.row td .inp_btn2 select {margin-right:2px}
table.tbl.row td[class^='ht'] {padding: 13px 20px;line-height: 30px;vertical-align: top;}
table.tbl.row td textarea {min-height: 250px;}

/*table.tbl.row td input:not([type="hidden"]) + input,
table.tbl.row td select + input:not([type="hidden"]),
table.tbl.row td select + .inp_btn,
table.tbl.row td select + select {margin-left: 12px;}
table.tbl.row td .int_btn2 select + select {margin-left:0} */

table.tbl.row td .tbl.col th{height:50px; font-size:17px}
table.tbl.row td .tbl.col td{height:50px; font-size:15px}

/* progress */
table.tbl.progress th {background: #fff;}
table.tbl.progress td:nth-last-child(2) {padding-right: 10px;border-right: 0;}
table.tbl.progress td:last-child {font-weight: 500;text-align: center;}
table.tbl.progress tr:nth-child(even) > * {background: #F6F8FA;}
table.tbl.progress .bar {position: relative;height: 30px;background: #fff;}
table.tbl.progress .bar::before {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;border: 1px solid #E6E6E6;}
table.tbl.progress .bar em {display: inline-block;position: relative;height: 100%;background: linear-gradient(90deg, #c6daf2 0%, #2398ff 100%);}

/* table col */
table.tbl.col th, table.tbl.col td {padding: 8px 5px;text-align: center;}
table.tbl.col th {height: 60px;font-size: 18px;font-weight: 600;line-height: 1.2;}
table.tbl.col th:not(:last-child),
table.tbl.col td:not(:last-child) {border-right: 1px solid #E6E6E6;}
table.tbl.col td + td[rowspan] {border-left: 1px solid #E6E6E6;}

/* table link */
table.tbl.link tr:hover td {background: #fafafa;}
table.tbl.link td {cursor: pointer;}

/* table small font size */
table.tbl.type_sm th {font-size: 15px !important; padding:5px 3px !important;}
table.tbl.type_sm td {font-size: 14px; line-height: 1.2 !important}

/*0524 라인 추가, 툴팁 추가*/
table.tbl .tbl_line {border-left:2px solid #adadad !important;}
table.tbl td span.tooltip {display:none; position:absolute; bottom:-5px; left:50%; transform:translateX(-50%); width:max-content; background:#fff; padding:3px 8px; z-index: 9; border-radius: 5px; box-shadow:0 5px 15px rgba(0,0,0,0.2); font-size:14px; color:#222 }
table.tbl td span.tooltip::after  {display: block; position:absolute; content:''; top:-5px; left:46%; width:0; height:0; border-style:solid; border-width:0 5px 5px 5px; border-color:transparent transparent #fff transparent}
.tt_wrap:hover span.tooltip {display: block;}


/* oth_post */
.oth_post {margin-top: 45px;}
.oth_post td {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;cursor: pointer;}
.oth_post td:hover {font-weight: 600;}

/* file list */
.file_li li {display: flex;align-items: center;font-size: 15px;}
.file_li li + li {margin-top: 3px;}
.file_li li img {margin-right: 5px;vertical-align: text-bottom;}
.file_li li .del {display: inline-block;width: 15px;height: 17px;margin: 0 0 0 5px;padding: 0;border: 0;font-size: 0;background: url(../images/common/i_del_dark.png) no-repeat 50%;}

/* period (yyyy.mm.dd. ~ yyyy.mm.dd.) */
.period span:not(.gap) {padding-left: 25px;background: url(../images/common/i_cal.png) no-repeat 0 30%;vertical-align: middle;}



/*** flow ***/
.flow {display: flex;}
.flow dl {position: relative;min-width: 200px;border: 1px solid #E6E6E6;border-top: 2px solid #5D5D5D;text-align: center;}
.flow dl + dl {margin-left: 40px;}
.flow dl + dl::before {content: '';position: absolute;left: -41px;top: 0;width: 40px;height: 100%;background: url(../images/common/i_flow_arrow.png) no-repeat 50% 50%;}
.flow dt {display: flex;justify-content: center;align-items: center;height: 49px;font-size: 17px;font-weight: 500;background: #F8F9FB;}
.flow dd {display: flex;justify-content: center;align-items: center;height: 90px;font-size: 16px;line-height: 20px;background: #fff;}
.flow dd em {color: #E84F4F;}

.flow dl.flow_c {border-top: 2px solid #187BEC}
.flow dl.flow_c dt {background:#ecf3ff; color:#187BEC; font-weight: 600;}
.flow dl.flow_c + dl::before {content: ':';position: absolute;left: -41px;top: 20%;width: 40px;height: 100%;background:none; font-size:50px; color:#ddd;}

/*** state count box ***/
.state_cnt {display: flex;justify-content: space-between;}
.state_cnt li {width: calc((100% - 70px) / 9);min-height: 150px;padding: 3px;border-radius: 15px;background: #187BEC;}
.state_cnt li > div {display: flex;flex-direction: column;justify-content: center;align-items: center;position: relative;height: 100%;border: 1px solid #fff;border-radius: 13px;font-size: 16px;line-height: 1;color: #fff;}
.state_cnt li figure {position: relative;margin-bottom: 10px;padding-bottom: 12px;}
.state_cnt li figure::before {content: '';position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);width: 12px;height: 1px;background: #fff;}
.state_cnt li figure img {display: block;}
.state_cnt li strong {margin-top: 5px;font-size: 30px;font-weight: 800;letter-spacing: -1px;word-break: break-all;}



/*** info box ****/
.info_box {padding: 15px 25px;border: 1px solid #E6E6E6;font-size: 16px;line-height: 22px;color: #6A6A6A;}
.info_box {background: #F9F9F9;}



/*** paging ***/
.paging_wrap {position: relative;margin-top: 45px;height:20px}
.paging {font-size: 0;text-align: center;}
.paging li {display: inline-block;position: relative;min-width: 22px;padding: 0 0 9px;font-size: 18px;color: #BEBEBE;vertical-align: middle;}
.paging li + li {margin-left: 15px;}
.paging li a {display: block;height: 100%;line-height: 1;}
.paging li.btn_page a {font-size: 0;color: #000000;}
.paging li.btn_page a::before,
.paging li.btn_page a::after {font-family: 'xeicon';font-size: 14px;color: #878787;}
.paging li.btn_page a::after {margin-left: -8px;}
.paging li.first a::before,
.paging li.first a::after,
.paging li.prev a::before {content: '\e93b';}
.paging li.next a::before,
.paging li.last a::after,
.paging li.last a::before {content: '\e93e';}
.paging .current::before {content: '';position: absolute;left: 0;bottom: 0;width: 22px;height: 2px;background: #333333;}
.paging li a:hover::before,
.paging li a:hover::after,
.paging li a:hover,
.paging .current {font-weight: 700;color: #171725;}



/*** list ***/
.sel_wrap + .btn_area {margin-top: 20px;}
.sel_wrap > .top,
.sel_wrap > .btn {width: 100%;height: 55px;font-size: 18px;}
.sel_wrap > .btn i {font-size: 18px;}
.sel_wrap > .top {display: flex;justify-content: center;align-items: center;padding: 10px;color: #fff;text-align: center;background: #435171;}
.sel_wrap > textarea {height: 123px;margin-top: 15px;}
.sel_wrap > * + .sel_list {margin-top: 15px;}
.sel_list li {display: flex;justify-content: space-between;align-items: center;min-height: 50px;padding: 10px 10px 10px 15px;background: #F6F8FA;}
.sel_list li .radio {width: calc(100% - 155px);margin: 0;}
.sel_list li .radio label {width: 100%;line-height: 24px;}
.sel_list li .radio label::before,
.sel_list li .radio label::after {top: 50%;transform: translateY(-50%);}
.sel_list li + li {margin-top: 5px;}
.sel_list li .btn + .btn {margin-left: 2px;}



/*** popup ***/
.pop_cont .pop_txt {line-height: 22px;letter-spacing: -0.5px;}
.popup_bg {display: none;position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.3);z-index: 8000;}
.layer_pop {display: none;position: fixed;left: 50%;top: 50%;transform: translate(-50%, -50%);background: #fff;box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.16);z-index: 9000;}
.layer_pop .pop_close {position: absolute;right: 0;top: -45px;width: 28px;height: 28px;margin: 0;padding: 0;border: 0;font-size: 0;background: url(../images/common/i_close.png) no-repeat 50% 50%;}
.layer_pop .pop_head {padding: 20px 30px 16px;}
.layer_pop .pop_head h2 {font-size: 24px;font-weight: 700;color: #187BEC;text-align: center;}
.layer_pop .pop_cont {padding: 0 35px 35px;font-size: 16px;line-height: 28px;}
.layer_pop .pop_cont .btn_area {text-align: center;}
.layer_pop .pop_cont .tbl.row th {height: 53px;padding: 8px 10px 8px 20px;}
.layer_pop .pop_cont .tbl.row td {height: 53px;padding-left: 16px;padding-right: 16px;}
.layer_pop .pop_cont .paging_wrap {margin-top:20px}

/* popup - main notice */
.nt_pop {display: none;position: fixed;left: 50%;top: 50%;transform: translate(-50%, -50%);z-index: 9000;}
/* swiper */
.ntPopSwiper {overflow: hidden;padding: 3px;}
.ntPopSwiper .swiper-wrapper {align-items: center;}
.nt_pop .swiper-slide {background: #fff;box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.16);}
.ntPopSwiper .ntPopPrev,
.ntPopSwiper .ntPopNext {position: absolute;top: calc((100% - 127px) / 2);width: 24px;height: 42px;background: url(../images/main/i_swiper_arrow.png) no-repeat 50% 50%;cursor: pointer;}
.ntPopSwiper .ntPopPrev {left: -50px;}
.ntPopSwiper .ntPopNext {right: -50px;transform: rotate(180deg);}
.ntPopSwiper .swiper-button-disabled {opacity: 0.35;}
.ntPopSwiper .swiper-pagination {display: flex;justify-content: center;align-items: center;position: absolute;left: 0;bottom: 58px;}
.ntPopSwiper .swiper-pagination > .swiper-pagination-bullet {width: 10px;height: 10px;margin: 0;border: 1px solid #fff;background: rgba(255, 255, 255, 0.4);opacity: 1;}
.ntPopSwiper .swiper-pagination > .swiper-pagination-bullet-active {background: #fff;}
.ntPopSwiper .swiper-pagination > .swiper-pagination-bullet:not(:last-child) {margin-right: 15px;}
/* content */
.nt_pop .mCustomScrollbar {max-height: 650px;padding: 0 30px 30px;}
.nt_pop .pop_head {padding: 30px 30px 15px;}
.nt_pop .pop_head h2 {font-size: 24px;font-weight: 700;color: #187BEC;text-align: left;}
.nt_pop .pop_cont {font-size: 16px;line-height: 28px;}
/* file down list */
.nt_pop .file_li {padding: 15px 30px;border-top: 1px solid #E6E6E6;}
.nt_pop .file_li li {font-size: 15px;color: #6A6A6A;}
.nt_pop .file_li li a {display: flex;justify-content: space-between;align-items: center;position: relative;/*padding-left: 23px;background: url(../images/common/i_folder.png) no-repeat 0 40%;*/}
.nt_pop .file_li li a::after {content: '';display: block;width: 15px;height: 15px;background: url(../images/common/i_down.png) no-repeat 50%;}
/* nt popup - close */
.nt_pop .pop_close {margin-top: 47px;width: 100%;text-align: center;}
.nt_pop .pop_close .btn {min-width: 100px;height: 38px;padding: 0 25px;border-color: #fff;border-radius: 20px;font-size: 15px;color: #fff;background: rgba(255, 255, 255, 0.1);}
.nt_pop .pop_close .btn + .btn {margin-left: 19px;}
.nt_pop .pop_close .btn::after {content: '';display: inline-block;position: relative;width: 10px;height: 10px;margin-left: 6px;background: url(../images/common/i_close_sm.png) no-repeat 100% 50%;transition: 0.1s;margin-left: 5px;}
.nt_pop .pop_close .btn:hover::after,
.nt_pop .pop_close .btn:focus::after {transform: rotate(180deg);}

/* popup - cert */
.pop_cont.cert {padding: 55px 40px 60px;}
.pop_cont.cert .tit {padding-top: 145px;font-size: 18px;line-height: 25px;text-align: center;color: #6A6A6A;background: url(../images/common/img_cert.png) no-repeat 50% 0;}
.pop_cont.cert .tit strong {display: block;margin-bottom: 12px;font-size: 32px;font-weight: 800;line-height: 1;color: #171717;}
.pop_cont.cert > .btn_area {display: flex;justify-content: space-between;margin-top: 30px;}
.pop_cont.cert > .btn_area .btn {position: relative;width: 300px;height: 90px;margin: 0;padding: 0 34px;border-color: #E2E2E2;font-size: 16px;text-align: left;background: #fff;}
.pop_cont.cert > .btn_area .btn::before {content: '\e940';position: absolute;right: 20px;top: 50%;transform: translateY(-50%);font-family: 'xeicon';font-size: 24px;font-weight: 700;color: #187BEC;}
.pop_cont.cert > .btn_area .btn:hover,
.pop_cont.cert > .btn_area .btn:focus {border-color: #187BEC;}
.pop_cont.cert > .btn_area .btn strong {display: block;margin-bottom: 3px;font-size: 20px;font-weight: 600;color: #171717;}
.pop_cont.cert .cert_num {margin-top: 20px;text-align: center;}
.pop_cont.cert .cert_num p {font-size: 16px;color: #6A6A6A;text-align: left;line-height: 1;}
.pop_cont.cert .cert_num .inp_btn {position: relative;height: 60px;margin-top: 40px;}
.pop_cont.cert .cert_num .inp_btn .btn {min-width: 114px;width: 114px;font-size: 16px;}
.pop_cont.cert .cert_num .inp_btn span {position: absolute;right: 126px;top: 0;line-height: 60px;color: #D83535;z-index: 1;}

/* popup - find idpw */
.pop_cont.find_idpw {padding: 0;}
.pop_cont.find_idpw .tab_menu li {width: 100%;}
.pop_cont.find_idpw .tab_menu li a {height: 70px;font-size: 22px;font-weight: 300;color: #fff;background: #CBCBCB;}
.pop_cont.find_idpw .tab_menu li.on a {font-size: 24px;font-weight: 700;color: #356DD8;background: #fff;}
.pop_cont.find_idpw .tab_cont {padding: 30px 30px 40px;}
.pop_cont.find_idpw .pop_form {margin-top: 30px;}
.pop_cont.find_idpw .inp_btn {position: relative}
.pop_cont.find_idpw .inp_btn span {position: absolute;right: 126px;top: 0;line-height: 50px;color: #D83535;z-index: 1}
.pop_cont .find_res {margin: 30px 0 27px;text-align: center;}
.pop_cont .find_res > p {margin: 20px 0;font-size: 16px;}
.pop_cont .find_res .radio {display: block;margin: 0;}
.pop_cont .find_res .radio strong {margin: 0 2px;font-weight: 700;color: #356DD8;}
.pop_cont .find_res .btn_area {margin-top: 50px;}

/* popup - user reg */
.pop_cont.user_reg {padding: 0 30px 30px;}
.pop_cont.user_reg .btn_area {margin-top: 20px;}
.pop_cont.user_reg .terms {height: 90px;padding: 12px 5px 12px 12px;border: 1px solid #E2E2E2;background: #FBFBFB;}
.pop_cont.user_reg .terms textarea {padding: 0 12px 0 0;border: 0;font-size: 14px;font-weight: 300;line-height: 20px;color: #6A6A6A;background: none;}

/* popup - office search */
.pop_cont.office_sch .search_basic {margin-bottom: 20px;padding: 14px 155px 14px 20px;}
.pop_cont.office_sch .search_basic .btn_search {right: 20px;bottom: 14px;}
.pop_cont.office_sch .tbl th {height: 50px;}
.pop_cont.office_sch .tbl td {height: 44px;text-align: left;}
.pop_cont.office_sch .paging_wrap {margin-top: 30px;}

/* popop - form list type */
.pop_cont .pop_form + .chk {margin-top: 10px;font-size: 16px;color: #6A6A6A;}
.pop_cont .pop_form input,
.pop_cont .pop_form select {width: 100%;height: 50px;font-size: 16px;}
.pop_cont .pop_form input::placeholder,
.pop_cont .pop_form input:focus::placeholder {color: #171717;}
.pop_cont .pop_form input[disabled]::placeholder {color: #9199A1;}
.pop_cont .pop_form li {display: flex;justify-content: space-between;align-items: center;}
.pop_cont .pop_form li.r {justify-content: flex-end}
.pop_cont .pop_form li + li {margin-top: 8px;}
.pop_cont .pop_form li.col2 > .holder,
.pop_cont .pop_form li.col2 > input,
.pop_cont .pop_form li.col2 > select {min-width: 210px;width: 210px;}
.pop_cont .pop_form .inp_btn {width: 100%;height: 50px;}
.pop_cont .pop_form .inp_btn input {width: 100%;}
.pop_cont .pop_form .inp_btn select {min-width: 94px;width: 94px;}
.pop_cont .pop_form .inp_btn .btn {min-width: 113px;}
.pop_cont .pop_form .gap {margin: 0 3px;}

/* popop - form list type */
.worklog {display: flex;flex-wrap: wrap;margin: 0 7px 15px;}
.worklog ~ .btn_area {margin-top: 25px;}
.worklog li > input {opacity: 0;position: absolute;pointer-events: none;}
.worklog li:nth-child(even) {margin-left: 16px;}
.worklog li:nth-child(n+3) {margin-top: 14px;}
.worklog figure {margin-bottom: 15px;}
.worklog figure img {display: block;}
.worklog label {display: flex;flex-direction: column;justify-content: center;align-items: center;width: 200px;height: 150px;border: 1px solid #E6E6E6;border-radius: 10px;cursor: pointer;}
.worklog label::before {display: none;}
.worklog label:hover,
.worklog input:checked + label {border: 3px solid #187BEC;font-weight: 600;color: #187BEC;}
.worklog + .chk {margin: 0 7px;}



/*** scroll (mCustomScrollbar) ***/
.mCustomScrollBox .mCSB_dragger_bar {background-color: #646669 !important;margin: 0 !important;}
.mCustomScrollBox .mCSB_draggerRail {background-color: #a7a7a7 !important;margin: 0 !important;}
/* vertical */
.mCSB_vertical>.mCSB_container {margin-right: 0 !important;}
.mCSB_scrollTools_vertical {width: 5px !important;}
.mCSB_scrollTools_vertical .mCSB_dragger_bar {width: 5px !important;}
.mCSB_scrollTools_vertical .mCSB_draggerRail {width: 5px !important;}



/*** error ***/
.error_wrap {display: flex;justify-content: center;align-items: center;width: 100%;height: 100vh;background: url(../images/common/error_bg.png) no-repeat 50% / cover;}
.error_wrap .inbox {display: flex;flex-direction: column;justify-content: center;align-items: center;width: 700px;max-width: 90%;height: 640px;padding: 30px;border-radius: 30px;font-size: 16px;text-align: center;background: rgba(255, 255, 255, 0.4);box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.1), inset 3px 3px 6px #fff;}
.error_wrap .inbox .tit {margin-bottom: 15px;font-size: 22px;font-weight: 600;}
.error_wrap .inbox .tit img {margin-bottom: 20px;}
.error_wrap .inbox .tit h1 {font-family: 'Poppins';font-size: 50px;font-weight: 800;line-height: 1;}
.error_wrap .inbox p {line-height: 25px;color: #6A6A6A;}
.error_wrap .inbox .btn_area {width: 100%;margin-top: 33px;text-align: center;}
.error_wrap .inbox .btn {min-width: auto;width: 200px;height: 60px;}
.error_wrap .inbox .btn + .btn {margin-left: 17px;}
@media (max-width: 768px) {
    .error_wrap .inbox .btn {width: auto;}
}
@media (max-width: 480px) {
    .error_wrap .inbox {height: auto;padding: 4rem 3rem;}
    .error_wrap .inbox .tit {font-size: 1.5rem;}
    .error_wrap .inbox .tit img {height: 10rem;margin-bottom: 1rem;}
    .error_wrap .inbox .tit h1 {font-size: 3.5rem;}
    .error_wrap .inbox p {font-size: 1.4rem;line-height: 1.3;}
    .error_wrap .inbox .btn_area {margin-top: 2rem;}
    .error_wrap .inbox .btn {width: auto;max-width: calc((100% - 0.9rem) / 2);height: auto;padding: 1rem;font-size: 1.4rem;}
    .error_wrap .inbox .btn + .btn {margin-left: 0.6rem;}
}



/*** login ***/
.login_wrap {display: flex;justify-content: center;align-items: center;width: 100%;height: 100vh;background: url(../images/common/bg_login.png) no-repeat 50% / cover;}
.login_wrap .inbox {display: flex;height: 680px;border-radius: 5px;background: #fff;box-shadow: 10px 15px 50px rgba(15, 31, 84, 0.2);}

/** login - left **/
.login_wrap .lcont {display: flex;flex-direction: column;justify-content: space-between;width: 460px;padding: 219px 45px 27px;color: #fff;background: url(../images/main/main_visual.png) no-repeat 0 50%;}
.login_wrap .lcont .tit {text-align: center;}
.login_wrap .lcont .tit h1 {margin-top: 6px;font-size: 38px;font-weight: 700;letter-spacing: -0.05em;}
.login_wrap .lcont .tit p {position: relative;margin-top: 15px;padding-top: 20px;font-size: 20px;font-weight: 300;letter-spacing: -0.05em;}
.login_wrap .lcont .tit p::before {content: '';position: absolute;left: 50%;transform: translateX(-50%);top: 0;width: 38px;height: 2px;background: #fff;}
.login_wrap .lcont .tel {margin-top: 25px;font-size: 15px;letter-spacing: -0.05em;}
.login_wrap .lcont .tel strong {margin-right: 10px;padding-left: 25px;font-size: 16px;font-weight: 600;background: url(../images/common/login_tel.png) no-repeat 0 50%;}
/* notice */
.login_wrap .notice_wrap {position: relative;height: 50px;padding: 10px 45px 10px 25px;border: 1px solid #fff;border-radius: 20px;background: none;}
.login_wrap .ntSwiper {overflow: hidden;height: 100%;padding-left: 32px;font-size: 16px;line-height: 28px;background: url(../images/common/login_notice.png) no-repeat 0 50%;}
.login_wrap .ntSwiper .swiper-slide {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.login_wrap .ntSwiper .navi {position: absolute;right: 18px;top: 0;}
.login_wrap .ntSwiper .navi {display: flex;flex-direction: column;justify-content: center;height: 100%;}
.login_wrap .ntSwiper .navi button {width: 13px;height: 7px;margin: 0;padding: 0;border: 0;background: none;}
.login_wrap .ntSwiper .navi button:focus {outline: auto;}
.login_wrap .ntSwiper .navi .ntPrev {background: url(../images/common/login_prev.png) no-repeat 50% 50%;}
.login_wrap .ntSwiper .navi .ntNext {margin-top: 8px;background: url(../images/common/login_next.png) no-repeat 50% 50%;}

/** login - right **/
.login_wrap .rcont {display: flex;flex-direction: column;justify-content: space-between;width: 560px;padding: 72px 55px 45px;}
.login_wrap .rcont .tit {margin-bottom: 15px;font-size: 18px;line-height: 26px;letter-spacing: -0.05em;}
.login_wrap .rcont .tit h2 {font-size: 30px;font-weight: 700;line-height: 1.2;}
.login_wrap .login_form {display: flex;flex-direction: column;}
.login_wrap .login_form input {height: 60px;padding-left: 45px;font-size: 18px;}
.login_wrap .login_form input:nth-of-type(1) {background: url(../images/common/login_id.png) no-repeat 24px 50%;}
.login_wrap .login_form input:nth-of-type(2) {margin-top: 8px;background: url(../images/common/login_pw.png) no-repeat 24px 50%;}
.login_wrap .login_form .btn {height: 60px;margin-top: 10px;font-size: 18px;}
.login_wrap .login_form ul {display: flex;justify-content: center;align-items: center;margin-top: 12px;}
.login_wrap .login_form li {position: relative;}
.login_wrap .login_form li + li {margin-left: 15px;padding-left: 15px;}
.login_wrap .login_form li + li::before {content: '';position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 1px;height: 11px;background: #ABB2BB;}
.login_wrap .login_form li a {padding-left: 18px;font-size: 16px;color: #6A6A6A;}
.login_wrap .login_form li:nth-child(1) a {background: url(../images/common/login_find.png) no-repeat 0 50%;}
.login_wrap .login_form li:nth-child(2) a {background: url(../images/common/login_user.png) no-repeat 0 50%;}
/* banner */
.login_wrap .bnSwiper {padding-top: 25px;}
.login_wrap .bnSwiper .swiper-slide {border-radius: 1px;}
.login_wrap .bnSwiper .navi {top: 0px;}



/*** banner ***/
.banner_wrap {width: 450px;}
.banner_wrap .tit {margin-bottom: 14px;font-weight: 800;}
.bnSwiper {overflow: hidden;position: relative;}
.bnSwiper .swiper-slide {height: 200px;border-radius: 5px;background: #eee; cursor:pointer;}
.bnSwiper .navi {display: flex;align-items: center;position: absolute;right: 0;top: 5px;}
.bnSwiper .navi .pagination {margin-right: 7px;font-size: 12px;color: #6A6A6A;}
.bnSwiper .navi .swiper-pagination-current {font-size: 15px;font-weight: 700;color: #187BEC;}
.bnSwiper .navi button {min-width: 7px;height: 11px;margin: 0;padding: 0;border: 0;background: none;}
.bnSwiper .navi button:focus {outline: auto;}
.bnSwiper .navi .bnPrev {background: url(../images/main/i_prev_dark.png) no-repeat 50% 50%;}
.bnSwiper .navi .bnPause {margin-left: 10px;background: url(../images/main/i_pause_dark.png) no-repeat 50% 50%;}
.bnSwiper .navi .bnPlay {margin-left: 10px;background: url(../images/main/i_play_dark.png) no-repeat 50% 50%;}
.bnSwiper .navi .bnNext {margin-left: 10px;background: url(../images/main/i_next_dark.png) no-repeat 50% 50%;}

.bnSwiper .swiper-slide > img {width:450px; height:200px;}



/*** code ***/
.code_area {display: flex;flex-wrap: wrap;font-size: 14px;}
.code_box {width: 49%;}
.code_box:not(:nth-child(2n)) {margin-right: 2%;}
.code_box:nth-child(n+3) {margin-top: 2%;}
.code_tit {border: 1px solid #E6E6E6;border-top: 2px solid #187BEC;border-bottom-color: #E6E6E6;font-size: 16px;font-weight: 600;line-height: 45px;text-align: center;background: #F8F9FB;}
.code_box .cont {overflow-x: hidden;overflow-y: auto;width: 100%;height: 450px;border-left: 1px solid #E6E6E6;border-right: 1px solid #E6E6E6;background: #fff;border-bottom: 1px solid #E6E6E6;}
.code_tbl th, .code_tbl td {height: 41px;padding: 5px 8px;border-left: 1px solid #E6E6E6;border-bottom: 1px solid #E6E6E6;}
.code_tbl thead th {font-size: 15px;font-weight: 500;background: #FEFEFE;}
.code_tbl thead th:last-child {border-right: 1px solid #E6E6E6;}
.code_tbl tbody th:first-child {border-left-color: transparent;}
.code_tbl .no_code td {border-left: 0;text-align: center;cursor: default;}
.code_tbl input {width: 100%;height: 30px;padding: 0 8px;font-size: 14px;}
.code_tbl .code_basic {font-weight: normal;}
.code_tbl .code_correct {display: none;margin-left: 0 !important;}
.code_tbl .code_correct .btn {min-width: 45px;height: 30px;font-size: 14px;line-height: 28px;}
.code_basic .btn {min-width: auto;width: 22px;height: 22px;padding: 0;font-size: 0;line-height: 20px !important;}
.code_basic .btn::before {font-family: 'xeicon';}
.code_basic .btn.code_up::before {content: '\e930';font-size: 20px;}
.code_basic .btn.code_down::before {content: '\e936';font-size: 20px;}
.code_basic .btn.code_rewrite::before {content: '\e9c3';font-size: 14px;}
.code_basic .btn.code_del::before {content: '\e96e';font-size: 16px;}
.code_tbl.write {margin-top: 0;background: #F6F8FA;}
.code_tbl.write td:last-child {border-right: 1px solid #E6E6E6;}
.code_tbl.write .code_add {width: 100%;height: 30px;line-height: 28px;}



/*** calendar ***/
.ui-datepicker-trigger {margin-left: 3px;}
#ui-datepicker-div .ui-widget-header {border: 0 !important;background: none !important;}
#ui-datepicker-div .ui-datepicker-title .m {margin: 0 5px 0 2px;font-size: 12px;line-height: 25px;color: #000 !important;}
#ui-datepicker-div.ui-datepicker select.ui-datepicker-month,
#ui-datepicker-div.ui-datepicker select.ui-datepicker-year {min-width: 70px;width: auto !important;}
#ui-datepicker-div.ui-datepicker td {padding: 0 !important;border: 1px solid #eaeaea !important;background: #FFFFFF;}
#ui-datepicker-div.ui-datepicker td span,
#ui-datepicker-div.ui-datepicker td a {padding: 0.8rem !important;}
#ui-datepicker-div .ui-state-default,
#ui-datepicker-div.ui-widget-content .ui-state-default,
#ui-datepicker-div .ui-widget-header .ui-state-default,
#ui-datepicker-div .ui-button,
html #ui-datepicker-div .ui-button.ui-state-disabled:hover,
html #ui-datepicker-div .ui-button.ui-state-disabled:active {border: 0;}
#ui-datepicker-div.ui-widget.ui-widget-content {width: 260px;border: none;background: #eaeaea;}
#ui-datepicker-div .ui-state-default,
#ui-datepicker-div .ui-widget-content .ui-state-default,
#ui-datepicker-div .ui-widget-header .ui-state-default,
#ui-datepicker-div .ui-button,
html #ui-datepicker-div .ui-button.ui-state-disabled:hover,
html #ui-datepicker-div .ui-button.ui-state-disabled:active {border: 0 !important;line-height: 1;text-align: center;background: none !important;}
#ui-datepicker-div .ui-widget-header .ui-state-hover,
#ui-datepicker-div .ui-widget-header .ui-corner-all:focus {top: 4px;border-color: #ccc;background: transparent;}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-prev {left: 6px;}
.ui-datepicker .ui-datepicker-next-hover,
.ui-datepicker .ui-datepicker-next {right: 6px;}
#ui-datepicker-div .ui-widget-header .ui-corner-all {cursor: pointer;}
#ui-datepicker-div .ui-widget-header .ui-datepicker-prev .ui-icon {background: url(../images/common/i_cal_prev.png) no-repeat 50% 50%;}
#ui-datepicker-div .ui-widget-header .ui-datepicker-next .ui-icon {background: url(../images/common/i_cal_next.png) no-repeat 50% 50%;}
#ui-datepicker-div .ui-state-highlight,
#ui-datepicker-div.ui-widget-content .ui-state-highlight,
#ui-datepicker-div .ui-widget-header .ui-state-highlight {color: #007fff !important;font-weight: bold !important;}
#ui-datepicker-div .ui-state-hover,
#ui-datepicker-div.ui-widget-content .ui-state-hover,
#ui-datepicker-div .ui-widget-header .ui-state-hover,
#ui-datepicker-div .ui-state-focus,
#ui-datepicker-div.ui-widget-content .ui-state-focus,
#ui-datepicker-div .ui-widget-header .ui-state-focus,
#ui-datepicker-div .ui-button:hover,
#ui-datepicker-div .ui-button:focus {color: #007fff !important;}
#ui-datepicker-div .ui-state-active,
#ui-datepicker-div.ui-widget-content .ui-state-active,
#ui-datepicker-div .ui-widget-header .ui-state-active,
#ui-datepicker-div a.ui-button:active,
#ui-datepicker-div .ui-button:active,
#ui-datepicker-div .ui-button.ui-state-active:hover {color: #fff !important;background: #007fff !important;}
.ui-widget select {padding: 0 25px 0 10px;line-height: 23px;color: #222;background-size: 10px auto;}

.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label {font-size: 10px;}
#ui-datepicker-div .ui-state-default {font-size: 13px;}
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before {font-size: 13px;vertical-align: middle;}
.ui-datepicker-calendar > tbody td:first-child a, .ui-datepicker-week-end:first-child span {color : red;}
.ui-datepicker-calendar > tbody td:last-child a, .ui-datepicker-week-end:last-child span{color : blue;}

.code_list2 {border: 1px solid #d6d6d6; border-top:2px solid #187BEC;}
.code_list2 .depth2 {display:none;}
.code_list2 .depth3 {display:none;}
.code_list2 .depth4 {display:none;}
.code_list2 .tbl_codelist thead tr th {position:relative;padding: 10px 20px;background: #F6F8FA;font-size:18px;color: #444;font-weight:600;border:none}
.code_list2 .tbl_codelist thead tr th:first-child {border-right: 1px solid #d6d6d6;}
.code_list2 .tbl_codelist thead tr th i {display:inline-block;vertical-align: middle;margin-right: 5px;}
.code_list2 .tbl_codelist thead tr th:last-child {border-right:0;}
.legend_wrap {position: relative;text-align: right;margin-bottom: 10px;}
.legend_wrap span {position:relative;padding-left: 7px;margin-right: 5px;}
.legend_wrap span::before {content:'';position: absolute;left: 0;top: 50%;width:3px;height:3px;background: #868686;transform: translateY(-50%);}
.legend_wrap .legend_list {display:inline-block;}
.legend_wrap .legend_list > li {display:inline-block;position:relative;vertical-align: middle;padding-left: 11px;margin-left: 5px;}
.legend_wrap .legend_list > li::before {content:'';position: absolute;left: 0;top: 50%;width:9px;height:9px;border-radius:50%;transform: translateY(-50%);}
.legend_wrap .legend_list > li.legend1::before {background:#90d052;}
.legend_wrap .legend_list > li.legend2::before {background:#d7bc06;}
.legend_wrap .legend_list > li.legend3::before {background:#fc7b13;}
.legend_wrap .legend_list > li.legend4::before {background:#e61b25;}

.code_list2 .depth1{margin-top:6px;}
.code_list2 .tbl_codelist tbody tr td {padding: 3px 20px;font-size: 13px;}
.code_list2 .tbl_codelist tbody tr td:last-child {border-right:0;}
.code_list2 .tbl_codelist tbody tr td.id {position: relative;text-align:left;padding: 3px 10px 3px 22px;}
.code_list2 .depth1 .dep1 {text-align: left;padding: 5px 10px 5px 22px;cursor: pointer;}

.code_list2 .tbl_codelist td.id.select {color:#0a62c6;font-weight:600;}
.code_list2 .tbl_codelist td.id .count {padding: 0 3px;background:#eaf3f8;color:#696b6d;border:1px solid #b4c8d4;border-radius: 3px;margin-left: 4px;font-size: 12px;}
.code_list2 .tbl_codelist td .legend {width:9px;height:9px;border-radius:50%;margin-right:3px;}
.code_list2 .tbl_codelist td .legend1 {background:#90d052;}
.code_list2 .tbl_codelist td .legend2 {background:#d7bc06;}
.code_list2 .tbl_codelist td .legend3 {background:#fc7b13;}
.code_list2 .tbl_codelist td .legend4 {background:#e61b25;}
.code_list2 .depth2 .tbl_codelist tbody tr td:first-child {border-top: 0;}
.code_list2 .depth2 > li > .tbl_codelist td.id {padding-left: 45px;cursor: pointer;}
.code_list2 .depth2 > li > .tbl_codelist td.id::before{content:'';position: absolute;left: 28px;top: 0;width: 14px;height: 42px;background: url(../images/common/i_line2.png) no-repeat 0 50%;background-size: auto 100%;}
.code_list2 .depth3 > li > .tbl_codelist td.id {padding-left: 65px;cursor: pointer;}
.code_list2 .depth3 > li > .tbl_codelist td.id::before{content:'';position: absolute;left: 28px;top: 0;width: 34px;height: 42px;background: url(../images/common/i_line2.png) no-repeat 0 50%, url(../images/common/i_line2.png) no-repeat 20px 50%;background-size: auto 100%;}
.code_list2 .depth4 > li > .tbl_codelist td.id {padding-left: 83px;}
.code_list2 .depth4 > li > .tbl_codelist td.id::before{content:'';position: absolute;left: 28px;top: 0;width: 52px;height: 37px;background: url(../images/common/i_line2.png) no-repeat 0 50%,url(../images/common/i_line2.png) no-repeat 20px 50%, url(../images/common/i_line2.png) no-repeat 40px 50%;background-size: auto 100%;}
.code_list2 .depth2 > li:last-child> .tbl_codelist td.id::before{background: url(../images/common/i_line.png) no-repeat 0 0%;}
.code_list2 .depth2 > li:last-child> .tbl_codelist td.id.open::before{background: url(../images/common/i_line2.png) no-repeat 0 50%;}
.code_list2 .depth3 > li:last-child > .tbl_codelist td.id::before{content:'';position: absolute;left: 28px;top: 0;width: 34px;height: 37px;background: url(../images/common/i_line.png) no-repeat 0 50%, url(../images/common/i_line.png) no-repeat 20px 50%;}
.code_list2 .depth1 .tbl_codelist td.id i {display: inline-block;width: 18px;height: 17px;margin-right: 6px;background: url(../images/common/folder_more.png) no-repeat 0 50%;vertical-align: middle;}
.code_list2 .depth1 .tbl_codelist td.id.open i {display: inline-block;width: 18px;height: 17px;margin-right: 6px;background: url(../images/common/i_folder2.png) no-repeat 0 50%;vertical-align: middle;}
.code_list2 .depth2 .tbl_codelist td.id i {width: 18px;height: 18px;background: url(../images/common/i_folder.png) no-repeat 0 50%;}
.code_list2 .depth2 .tbl_codelist td.id.more i {display: inline-block;width: 18px;height: 17px;margin-right: 6px;background: url(../images/common/folder_more.png) no-repeat 0 50%;}
.code_list2 .depth2 .tbl_codelist td.id.open i {background: url(../images/common/i_folder2.png) no-repeat 0 50%;}
.code_list2 .depth4 .tbl_codelist td.id i {display: inline-block;margin-right: 0;background: url(../images/common/i_line2.png) no-repeat 0 50%;}
.code_list2 .tbl_codelist td .btn_func {margin-left:10px;min-width: 60px;height: 25px;padding: 0 5px;font-size: 11px;line-height: 24px;border-color: #3c3c3c;color: #696b6d;background-color: #fff;}
.code_list2 .tbl_codelist td .btn_func:first-child {margin-left:0;}

.coding_wrap::after {content:'';display:block;clear:both;}
.coding_wrap .tbl_left {float:left;width: 35%;vertical-align:top;}
.coding_wrap .tbl_left.code_list2 {min-height:250px;}
.coding_wrap .tbl_right {float:right;width: 63%;vertical-align:top;}
.coding_wrap .tbl_right .tbl col {font-size:13px;}

.btn_allclose {display: inline-block;border: 1px solid #a8aec0;font-size: 12px;padding: 2px 5px;border-radius: 5px;margin-left: 10px;cursor: pointer;background: #d9deea;font-weight: 400;}


/*** srvy area ***/
.srvy_area .inp_btn + .inp_btn {margin-top: 5px;}
.mar_t5 {margin-top: 5px !Important;}
.w150 {width: 150px !Important;}
.w200 {width: 200px !Important;}
.w300 {width: 300px !Important;}
.w450 {width: 450px !Important;}

.btn_allclose {display: inline-block;border: 1px solid #171717;font-size: 14px;padding: 3px 8px;margin-left: 10px;cursor: pointer;background: #fff; color:#171717}
.btn_allclose:hover {border:1px solid #187BEC; color:#187BEC}



/*** step ***/
.step {display: flex;}
/* line */
.step.line {align-items: center;margin-bottom: 30px;padding-bottom: 11px;}
.step.line li {position: relative;padding: 0 4px;font-size: 20px;font-weight: 300;line-height: 1;color: #A8A8A8;}
.step.line li.on {font-weight: 700;color: #187BEC;}
.step.line li.on::after {content: '';position: absolute;left: 0;bottom: -11px;width: 100%;height: 3px;background: #187BEC;}
.step.line li + li {margin-left: 45px;}
.step.line li + li::before {content: '\e940';position: absolute;left: -30px;top: 3px;font-family: 'xeicon';font-size: 14px;font-weight: 700;color: #A8A8A8;}
/* box */
.step.box {justify-content: space-between;align-items: center; margin-bottom: 30px}
.step.box li {display: flex;align-items: center;position: relative;width: 100%;height: 110px;padding: 16px 25px;border-radius: 20px;font-size: 22px;font-weight: 500;color: #9EA2B1;background: #ECEEF1;}
.step.box li.on {font-weight: 700;color: #fff;background: #187BEC;box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.16);}
.step.box li + li {margin-left: 45px;}
.step.box li + li::before {content: '';position: absolute;left: -45px;top: 0;width: 45px;height: 100%;background: url(../images/common/i_step_box_arrow.png) no-repeat 50% 50%;}
.step.box li figure {overflow: hidden;display: flex;justify-content: center;align-items: center; width: 78px;height: 78px;margin-right: 22px;border-radius: 100%;background: rgba(255, 255, 255, 1);}


.search_basic li > *:not(.gap):not([type="hidden"]) + *:not(.gap):not([type="hidden"]) {position:relative}

.valid_wrap {position:relative}
.valid_wrap .valid_text {position:absolute; bottom:-30px; left:0; width:max-content; background:#fff; padding:3px 8px; z-index: 9; border-radius:5px; box-shadow: 0 5px 15px rgba(0,0,0,0.2); font-size:14px; color:#ef0000;}
.valid_wrap .valid_text::after {display: block; position:absolute; content:''; top:-5px; left:10px; width:0; height:0; border-style:solid; border-width:0 5px 5px 5px; border-color:transparent transparent #fff transparent}