@charset "utf-8";

*{box-sizing:border-box}

a{transition:background .1s;cursor:pointer;}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////
    Reset CSS
//////////////////////////////////////////////////////////////////////////////////////////////////// */
html{overflow-x:auto;overflow-y:scroll;font-size: 62.5%;}
html,body{height:100%;font-family:"Pretendard GOV", sans-serif;}
body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,label,input,textarea,button,select,b{font-family:"Pretendard GOV", sans-serif;font-weight:400;margin:0;padding:0;color:var(--gray80);font-size:1.7rem;line-height:1.5;}
h1,h2,h3,h4,h5,h6{font-family: "Pretendard GOV", sans-serif;font-weight:700;}

label{display:inline-block;cursor:pointer}
strong,b{font-weight:700}
img,fieldset{max-width:100%;height:auto;border:0;vertical-align:top}
th{font-weight:normal}
li{list-style:none}
address{font-style:normal}
a,a:hover,a:focus{color:inherit;text-decoration:none;}
a:link,a:visited{color:var(--gray80);}
article,aside,dialog,footer,header,section,footer,nav,figure,main{display:block;margin:0;padding:0}
button, input[type="submit"]{cursor:pointer}
button{padding:0;border-width:0;background-color:transparent}
mark{background:none;color:red;}
.top0 {top:0!important;}
.sr-only, legend, caption {position:absolute !important; width:1px !important; height:1px !important; padding:0 !important; margin:-1px !important; overflow:hidden !important; clip:rect(0, 0, 0, 0) !important; white-space:nowrap !important; border:0 !important;}

@media (max-width:767px){
    body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,label,input,textarea,button,select,b{font-size:1.6rem;}
}

/* *********************************************************************************
 * 공통 기본
 * *********************************************************************************/
input[type="text"], input[type="password"]{height:4.8rem;border:1px solid var(--gray50);text-indent:1.6rem;background:#fff;vertical-align:middle;border-radius:var(--radius-sm);}
input[type="text"]:focus, input[type="text"]:focus-visible,
textarea:focus, textarea:focus-visible,
select:focus, select:focus-visible{outline:2px solid var(--primary50);outline-offset:-2px;border:0;}
input[type="text"].date_box{font-size:1.6rem;box-sizing:border-box;height:4.8rem;padding-right:28px;background:#fff url(/resource/images/paid/nep/thk/common/icon_dateficker.png) 93% center no-repeat;}
select,
select:not(.ui-datepicker-month),
select:not(.ui-datepicker-year){height:4.8rem;padding:0 3rem 0 1.6rem !important;border:1px solid var(--gray50);-webkit-appearance:none;-moz-appearance:none;appearance:none;vertical-align:middle;background-image:url(/resource/images/paid/nep/layout/component/ico_angle.svg);background-color:#fff;background-repeat:no-repeat;background-position:right 1rem center;background-size:1.6rem;border-radius:var(--radius-sm);}
select.ui-datepicker-month,
select.ui-datepicker-year{padding:0 1rem 0 0.6rem !important;background-position:right 0.2rem center;}
select:not(:focus) {color:var(--gray70);}
select::-ms-expand {display:none;/* 화살표 없애기 for IE10, 11*/}
textarea{width:100%;resize:vertical;border:1px solid var(--gray50);border-radius:var(--radius-sm);padding:1.6rem;}
input[type="text"]:disabled, input[type="password"]:disabled, select:disabled {background-color:var(--gray10);border-color:var(--gray80);border-style:dashed !important;}
input[type="text"][readonly], input[type="password"][readonly], select[readonly], textarea[readonly] {background-color:var(--gray10) !important;border-color:var(--gray80);border-style:dashed !important;}

@media (max-width:767px) {
    input[type="text"], input[type="password"] {text-indent:1.2rem;}
    select, select:not(.ui-datepicker-month), select:not(.ui-datepicker-year) {padding:0 3rem 0 1.2rem !important;}
}

.hide{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important;}
.bold{font-weight:700}
.normal{font-weight:400}

.left{text-align:left}
.center{text-align:center}
.right{text-align:right}

.v_top{vertical-align:top}
.v_middle{vertical-align:middle}
.v_bottom{vertical-align:bottom}

/* input::-ms-clear, */
/* input::-ms-reveal{display:none;width:0;height:0} */
input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration{display: none}

.cs_default { cursor: inherit; }

/* *********************************************************************************
 *	건너뛰기 메뉴 정의
 * *********************************************************************************/
#skip{position:relative;z-index:9999}
#skip a{position:absolute;top:-40px;left:0;width:100%;padding:5px 0;background-color:#033478;font-size:1.7rem;line-height:30px;color:#fff;text-align:center;transition:all 0.4s}
#skip a:hover,#skip a:focus,#skip a:active{top:0;text-decoration:none}

/* *********************************************************************************
 *	제목 정의
 * *********************************************************************************/
h4{font-weight:700;margin-bottom:10px;font-size:2.4rem;}
* + h4{margin-top:4rem}
h5{font-weight:700;padding-left:20px;margin:20px 0 10px;font-size:1.9rem;background:url(/resource/images/paid/nep/thk/common/h5_bull.png) no-repeat 0 1px;}

/* *********************************************************************************
 *  일반 텍스트 , 문단
 * *********************************************************************************/
.indent{margin-left:10px}
.warning{margin:10px 0;color:var(--danger50)}
.tip{padding-left:23px;margin:10px 0;font-weight:700;background:url(/resource/images/paid/nep/thk/common/tip_bull.png) 0 2px no-repeat;color:#555}

/* *********************************************************************************
 *	리스트
 * *********************************************************************************/
.txt_list{margin:10px 0 0 5px}
.txt_list>li{position:relative;margin-bottom:7px;padding-left:15px;}
.txt_list>li:before{content:"";display:block;position:absolute;left:0;top:9px;width:6px;height:6px;background:#888c92;border-radius:50%}
.txt_list li b,
.txt_list li strong{font-weight:700;}

.txt_list.t01>li{margin-top:20px}
.txt_list.t01>li:first-child{margin-top:0}

.txt_list li>ul>li{overflow:hidden;background:transparent}
.txt_list li>ul>li{margin-top:2px;padding-left:12px;position:relative}
.txt_list li>ul>li:before{content:'';display:block;position:absolute;left:0;top:8px;width:7px;height:2px;background-color:#555}

.txt_list.nb li,
.txt_list .nb li{background:transparent}

/* *********************************************************************************
 *	폰트색상
 * *********************************************************************************/
.def_color{color:#444}
.red{color:#f03131}
.green{color:#009523}
.blue{color:#004fb0}
.orange{color:#df6e00}

/* *********************************************************************************
 *	테이블
 * *********************************************************************************/
.tbl{width:100%;table-layout:fixed;border-collapse:collapse;text-align:center;}
.tbl th{font-weight:700;background:#f4f6f7;}
.tbl th, .tbl td{padding:12px 10px;border:1px solid #d5d5db}
.tbl td:last-child{border:1px solid #d5d5db}
.tbl thead th{background:#f6f7fb;}
.tbl thead th[rowspan]{border-left-width:1px}
.tbl thead th[rowspan]:first-child{border-left-width:0}

.tbl .left{text-align:left}
.tbl .right{text-align:right}

.tbl_wrap{position:relative;overflow:auto}
.tbl_wrap .tbl{min-width:900px}
.tbl_wrap .unit{position:absolute;top:-20px;right:0}

.tbl .highlight_td{background-color:#f0f0f0}
.tbl .highlight_txt{font-weight:800}

.tbl.board th, .tbl.board td{border:1px solid #d5d5db}
.tbl.board td input[type="text"]{width:240px}

.tbl.board{margin-top:15px;clear:both;border-top:1px solid #535a75}
.tbl.board th {border-top-color:#535a75}
.tbl.board td {text-align:left;border-top-color:#535a75; border-right:0;}
.tbl.board th:first-child {border-left:0}
.tbl.board .single_box{float:left;margin-right:20px;}

.tbl.board .single_box select {width:200px;text-align:center}
.tbl.board .single_box.text_area {margin-top:20px;width:100%}
.tbl.board .single_box.text_area textarea {margin-top:10px}
.tbl.board .checking input[type="text"] {width:100px}
.tbl.board .three input,.tbl.board .three select {width:240px}
.tbl.board .addr_box input {width:100%}
.tbl.board .global label {margin-right:20px}
.tbl.board .smthree input[type="text"] {width:165px}
.tbl.board .addr_box input[type="text"] {width:100%}
.tbl.board input[type="radio"] {width:15px;height:15px;vertical-align:-2px}
.tbl.board label {margin:5px 0;margin-right:5px}

.tbl.board .left{text-align:left}
.tbl.board .center{text-align:center}

/* *********************************************************************************
 *	페이징처리
 * *********************************************************************************/
.paging{text-align:center;margin-top:25px}
.paging a{display:inline-block;margin-bottom:5px}
.paging a:hover, .paging a:focus{text-decoration:none}
.paging .p_skip{display:inline-block;text-indent:-9999px;width:33px;height:33px}
.paging .p_skip.first{background:url(/resource/images/paid/nep/thk/common/btn_first_bg.png) center center no-repeat}
.paging .p_skip.prev{background:url(/resource/images/paid/nep/thk/common/btn_prev_bg.png) center center no-repeat}
.paging .p_skip.next{background:url(/resource/images/paid/nep/thk/common/btn_next_bg.png) center center no-repeat}
.paging .p_skip.end{background:url(/resource/images/paid/nep/thk/common/btn_end_bg.png) center center no-repeat}
.paging strong{display:inline-block;width:33px;height:33px;background:#ff5369;border:1px solid #ff5369;color:#fff;vertical-align:top;text-align:center;line-height:33px}
.paging>.paging_number{display:inline-block;vertical-align:bottom}
.paging>a{display:inline-block;width:33px;height:33px;background:#fff;color:#4e4e4e;line-height:33px;text-align:center;border:1px solid #d2d2d2}
.paging>a:hover,.paging>a:focus{border:1px solid #ff5369;color:#000}

/* 온라인서식 */
.form_style select{padding-left:5px}
.form_style input[type="search"],
.form_style input[type="text"],
.form_style input[type="password"],
.form_style select{width:100%;height:39px;border:1px solid var(--gray50);background-color:#fff;padding:0 5px;}
.form_style .radioBtn input[type="radio"]{width:1px !important;height:1px !important;}
/*.form_style select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff url(/resource/images/paid/nep/thk/common/select_arr.png) no-repeat 92% 50%}*/
/*.form_style select::-ms-expand{display:none}*/

/*달력용 아이콘 추가*/
.form_style .datepicker{padding-right:50px;background:url(/resource/images/paid/nep/thk/common/datepicker.png) no-repeat 100% 50%}

.radioBtn{display:inline-block;margin-right:20px}
.radioBtn label{display:inline-block;padding:3px 0 3px 34px;background:url(/resource/images/paid/nep/thk/common/img_tBr_off.png) left center no-repeat;}
.radioBtn input[type=radio]{position:fixed;top:-1px;left:-1px;width:1px;height:1px;overflow:hidden;color:#000;background:#fff}
.radioBtn input[type=radio]:checked+label{background:url(/resource/images/paid/nep/thk/common/img_tBr_on.png) left center no-repeat}

.radioBtn.gray input[type=radio]:checked+label{background:url(/resource/images/paid/nep/thk/common/img_tBr_gray_on.png) left center no-repeat}

@media all and (max-width:640px){
    .radioBtn label,
    .radioBtn.gray label{font-size:1.5rem}
}


/***********************************
 * 링크 이동 탭
 ***********************************/
.link_tab{width:100%;text-align:center;border:1px solid #cecece}
.link_tab:after{content:'';display:block;clear:both}
.link_tab a{float:left;height:53px;padding-top:15px;vertical-align:middle;font-size:1.6rem;border-left:1px solid #cecece;color:#444}
.link_tab a:first-child{border-left-width:0}
.link_tab a.ov,
.link_tab a.ov:hover{position:relative;font-weight:600;border-color:#2f54b2;background-color:#2f54b2;color:#fff}
.link_tab a:hover{background-color:#f9f9f9;color:#000}

.link_tab.col_3 a{width:33.33%}
.link_tab.col_4 a{width:25%}
.link_tab.col_5 a{width:20%}
.link_tab.col_6 a{width:16.666%}

.middle_tab{margin:10px 0;border-radius:50px;-webkit-border-radius:50px;background-color:#ebecef}
.middle_tab:after{content:'';display:block;clear:both}
.middle_tab a{float:left;padding:15px;font-size:1.6rem;border-radius:50px;-webkit-border-radius:50px;border:7px solid transparent;color:#666}
.middle_tab a:before{content:'';display:inline-block;width:20px;height:20px;margin-right:8px;vertical-align:-5px;background:url(/resource/images/paid/nep/thk/common/middle_tab_bull.png) no-repeat 0 50%}
.middle_tab a.ov,
.middle_tab a.ov:hover{border-color:#ebecef;background-color:#fff;color:#235293}
.middle_tab a.ov:before{background-image:url(/resource/images/paid/nep/thk/common/middle_tab_bull_ov.png)}
.middle_tab a:hover{color:#000}
.middle_tab a:hover:before{background-image:url(/resource/images/paid/nep/thk/common/middle_tab_bull_ov.png)}

/***********************************
 * 레이어 팝업
 ***********************************/
.huyang_layer{display:none;z-index:1000;position:fixed;top:0;left:0%;width:100%;height:100%}
.huyang_layer .black{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, .5)}
.huyang_layer .layer_wrap{overflow:hidden;position:absolute;top:50%;left:50%;width:1000px;transform:translateX(-50%) translateY(-50%);background-color:#fff}

.huyang_layer .layer_head{text-align:left;background-color:#2f54b2}
.huyang_layer .layer_head .head_title{display:block;padding:30px 0 30px 30px;font-weight:600;font-size:2.2rem;color:#fff}
.huyang_layer .layer_head .head_title img{vertical-align:-6px;margin-right:3px}
.huyang_layer .layer_head .head_close{position:absolute;top:15px;right:18px;display:block}

.huyang_layer .layer_body{position:relative;height:100%;padding:30px}
.huyang_layer .layer_body .body_scroll{}

/*콘텐츠 준비중 박스*/
.clear{clear:both}

/***********************************
 * 공통기본버튼
 ***********************************/
.btn{display:inline-flex;align-items:center;justify-content:center;width:auto;border-style:solid;border-width:1px;border-color:inherit;cursor:pointer;white-space:nowrap;transition:var(--transition-base);border-radius:var(--radius-md);font-size:1.7rem;transition:var(--transition-base);}

.btn.line {position:relative;height:6.4rem;border-color:var(--primary50);color:var(--primary60);background:var(--primary5);margin:0 2px;padding:0 2.4rem;font-size:1.9rem;}
.btn.line:hover {background:var(--primary10);}

.btn.fill {position:relative;height:6.4rem;color:#fff;border-color:var(--primary50);background:var(--primary50);margin:0 2px;padding:0 2.4rem;font-size:1.9rem;}
.btn.fill:hover {background:var(--primary60);}

.btn.gray {position:relative;height:6.4rem;background:#fff;border-color:var(--gray50);margin:0 2px;padding:0 2.4rem;font-size:1.9rem;}
.btn.gray:hover {background:var(--gray10)}

.btn.black{padding:8px 15px 9px;font-size:1.5rem;color:#fff;background:#3e3d3d;vertical-align:1px;border:1px solid #3e3d3d}
.btn.black:hover{background:#fff;color:#3e3d3d}

.btn.def{padding:8px 15px 9px;font-size:1.5rem;color:#323232;background:#fff;vertical-align:0;border:1px solid #8f8f8f;border-radius:3px;font-weight:500}
.btn.def:hover{background:#fff;color:#3e3d3d}

.btn.t01{line-height:18px;padding:15px 20px;width:auto;height:auto}

@media all and (max-width:639px) {
    .btn {font-size:1.6rem;}
    .btn.fill,
    .btn.gray,
    .btn.line {width:100%;margin:0;}
}

/* 버튼영역 - 한쪽배치 */
.btnArea {margin-top:4rem;display:flex;flex-direction:row;gap:1.6rem;width:100%;}
.btnArea.right {justify-content:flex-end;}
.btnArea.center {justify-content:center;}
.btnArea .btn {margin:0;}

/* 버튼영역 - 양쪽배치 */
.btnAreaLR {margin-top:4rem;display:flex;flex-direction:row;justify-content:space-between;}
.btnAreaLR .btnA_l {display:flex;width:100%;justify-content:flex-start;gap:1.6rem;}
.btnAreaLR .btnA_r {display:flex;width:100%;justify-content:flex-end;gap:1.6rem;}
.btnAreaLR .btn {margin:0;}

@media all and (max-width:639px) {
    .btn {font-size:1.6rem;}
    .btnArea,
    .btnAreaLR {flex-direction:column;gap:1.2rem;}
}



/***********************************
 * 검색버튼
 ***********************************/
.ps_btn{display:inline-block;min-width:100px;text-align:center;line-height:100%;padding:10px 0 11px;border-radius:3px;-webkit-border-radius:3px;border:1px solid #c3bdbd;-webkit-box-shadow:0 2px 5px -2px rgba(0, 0, 0, .3);box-shadow:0 2px 5px -2px rgba(0, 0, 0, .3);background-color:#fff}
.ps_btn span{display:inline-block;line-height:100%;padding:1px;background:no-repeat 0 50%}

.ps_btn.detail span{padding-right:22px;background:url(/resource/images/paid/nep/thk/common/ps_btn_detail.png) right center no-repeat}
.ps_btn.detail.on span { padding-right:22px;background:url(/resource/images/paid/nep/thk/common/ps_btn_detail_ov.png) right center no-repeat}

.ps_btn.reset span{padding-left:20px;background-image:url(/resource/images/paid/nep/thk/common/ps_btn_reset.png)}
.ps_btn.search{border-color:#27457c;background-color:#27457c;color:#fff}

/***********************************
 * 게시판 버튼
 ***********************************/
.bbs_btn{transition:background 150ms, border 150ms;display:inline-block;line-height:100%;border-radius:25px;-webkit-border-radius:25px;border:1px solid #9090a5}
.bbs_btn span{transition:background 150ms, border 150ms;display:inline-block;padding:13px 23px;line-height:inherit;font-weight:600;font-size:1.6rem;border-radius:25px;-webkit-border-radius:25px;border:1px solid transparent}
.bbs_btn.fill{background-color:#27457c;border-color:#27457c;color:#fff}
.bbs_btn:hover, .bbs_btn:hover span{border-color:#f7800d}
.bbs_btn.fill:hover, .bbs_btn.fill:hover span{background-color:#f7800d;border-color:#f7800d}

.util_btn{display:inline-block;line-height:100%;padding:0 20px;border-radius:25px;-webkit-border-radius:25px;border:1px solid #9090a5}
.util_btn span{display:inline-block;padding:13px 0;line-height:inherit;font-weight:600;font-size:1.6rem;border-radius:25px;-webkit-border-radius:25px;border:1px solid transparent;background:no-repeat 0 50%}
.util_btn.fill{background-color:#178b17;border-color:#178b17;color:#fff}

.util_btn.ex_down span{padding-left:22px;background-image:url(/resource/images/paid/nep/thk/common/util_btn_ex_down.png)}
.util_btn.ex_export span{padding-left:24px;background-image:url(/resource/images/paid/nep/thk/common/util_btn_ex_export.png)}
.util_btn.down span{padding-left:22px;background-image:url(/resource/images/paid/nep/thk/common/util_btn_down.png)}
.util_btn.up span{padding-left:22px;background-image:url(/resource/images/paid/nep/thk/common/util_btn_up.png)}
.util_btn.print span{padding-left:24px;background-image:url(/resource/images/paid/nep/thk/common/util_btn_print.png)}

/* 테이블 내부 버튼 */
.tbl_btn,table input,table select{vertical-align:middle}
.tbl_btn{transition:background 150ms, border 150ms;display:inline-block;line-height:100%;border-radius:3px;-webkit-border-radius:3px;border:1px solid #6664bc}
.tbl_btn span{transition:background 150ms, border 150ms;display:inline-block;padding:3px 5px;line-height:inherit;font-size:1.3rem;border-radius:3px;-webkit-border-radius:3px;border:1px solid transparent}
.tbl_btn:hover span{border-color:#6664bc}

.tbl_btn.large span{height:38px;padding:11px 15px 0;font-weight:600;font-size:1.6rem}
.tbl_btn.large span:after{content:'';display:inline-block;background:no-repeat 100% 50%}

.tbl_btn.new_window span:after{margin-left:5px;vertical-align:-1px;width:11px;height:11px;background-image:url(/resource/images/paid/nep/thk/common/tbl_btn_new_window.png)}
.tbl_btn.down span:after{margin-left:5px;width:13px;height:11px;background-image:url(/resource/images/paid/nep/thk/common/tbl_btn_down.png)}
.tbl_btn.addr span:after{margin-left:5px;vertical-align:-2px;width:9px;height:12px;background-image:url(/resource/images/paid/nep/thk/common/tbl_btn_addr.png)}

.item_input.file{position:relative;padding-right:112px}
.item_input.file .file_name{display:flex;align-items:center;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:-16px;height:4.8rem;padding:0 1.2rem;border:1px solid var(--gray50);border-radius:var(--radius-sm);}
.file_btn{position:absolute;right:0;top:0;width:100px;border:1px solid var(--primary50);display:flex;height:4.8rem;align-items:center;justify-content:center;border-radius:var(--radius-sm);background-color:var(--primary5);color:var(--primary60);gap:0.8rem;}
.file_btn:before {content:'';width:2.4rem;height:2.4rem;display:inline-flex;background-color:var(--primary50);mask-repeat:no-repeat;mask-position:center center;mask-size:contain;mask-image:url(/resource/images/paid/nep/layout/component/ico_file.svg);}
.cke_chrome{border-color:var(--gray50) !important;}

/* 태그 아이콘 */
.align_btn{display:inline-block;width:18px;height:27px;background:url(/resource/images/paid/nep/thk/common/align_btn.png) no-repeat 0 0}
.align_btn a{display:block}
.align_btn .up{height:16px}
.align_btn .down{height:13px}
.align_btn .up:hover{background:url(/resource/images/paid/nep/thk/common/align_btn_up.png) no-repeat 0 0}
.align_btn .down:hover{background:url(/resource/images/paid/nep/thk/common/align_btn_down.png) no-repeat 0 0}

.button_align{position:relative;margin-top:20px}
.button_align .align_right{position:absolute;top:0;right:0}

/* 프로그램에 사용되는 기능 버튼 기본 스타일 */
.func_btn{display:inline-block;font-weight:600;text-align:center;border:1px solid #5468c7}
.func_btn:link,
.func_btn:active,
.func_btn:visited{color:#3a51be}

.search_btn{display:inline-block;width:127px;height:39px;vertical-align:top;border:1px solid transparent;transition:background-color 150ms ease-out;-webkit-transition:background-color 150ms ease-out;}
.search_btn span{display:block;height:100%;padding-top:10px;text-align:center;font-weight:600;line-height:100%;color:#323232}
.search_btn span img{margin-right:7px}
.search_btn[type=reset]{border:1px solid #8f8f8f}
.search_btn[type=reset] img{vertical-align:-2px;transition:transform 300ms ease-in-out;-webkit-transition:transform 300ms ease-in-out;transform-origin:50% 50%;-webkit-transform-origin:50% 50%;}
.search_btn[type=reset]:hover img{transform:rotate(180deg);-webkit-transform:rotate(180deg)}
.search_btn[type=submit]{border-color:#5070d6;background-color:#5070d6}
.search_btn[type=submit] span{font-weight:400;color:#fff}
.search_btn[type=submit]:hover{border-color:#2e4db0;background-color:#2e4db0}

/* 펼침 */
.all_view { padding: 15px;text-align: center; display: block; width: 100%; border-top: 1px solid #dfdfdf; border-bottom: 2px solid #9090a5; color:#666;}
.all_view span img{ margin-top: 6px; }
.all_view .close { display:none; }
.all_view.on .close{ display: block;}
.all_view.on .open { display: none; }

/* 상단박스 */
.top_box{position:relative;padding:0 150px 0 0;margin-bottom:30px;overflow:hidden}
.top_box:after{content:"";display:block;width:120px;height:120px;position:absolute;right:0;top:50%;margin-top:-60px;background:no-repeat 50% 50%}
.top_box.icon_1:after{background-image:url(/resource/images/paid/nep/thk/common/icon_topBox_01.png)}
.top_box .box_icon.icon_2{background-image:url(/resource/images/paid/nep/thk/common/icon_topBox_02.png)}
.top_box .box_icon.icon_3{background-image:url(/resource/images/paid/nep/thk/common/icon_topBox_03.png)}

.top_box .box_pt{overflow:hidden;min-height:100px}
.top_box .box_pt strong{display:block;color:#333;margin-bottom:15px;line-height:28px;font-size:2.2rem;}
.top_box .box_pt p{color:#555;line-height:24px}
.top_box .box_pt p b{color:#222}
.top_box .box_button{margin-top:20px}
.top_box .box_button a{margin-left:5px}
.top_box .box_button a:first-child{margin-left:0}

@media (max-width:767px){
    .top_box .box_icon.icon_1 { display:none}
    .top_box .box_pt { padding-left:0;border-left:0}
}
.box_list li{margin-top:5px;padding-left:20px;background:url(/resource/images/paid/nep/thk/common/bul_boxList.png) 5px 7px no-repeat;line-height:20px}


/* 테이블공통 */
.tbl.default{width:100%;table-layout:fixed;border-collapse:collapse;line-height:20px}
.tbl.default th{background:#f9f9f9;color:#323232;font-weight:500;position: relative; }
.tbl.default th:before { position: absolute; top: 50%;left: 0;width: 1px;height: 14px;background: #c5c5c5;content: "";margin-top: -7px; }
.tbl.default th:first-of-type:before { display: none; }
.tbl.default td{color:#444;word-break:break-all}
.tbl.default th,
.tbl.default td{padding:12px 10px;text-align:center;border:1px solid #ddd}
.tbl.default thead th{background:#f4f6f7;border:0;border-top:1px solid #ddd;font-weight:700;}
.tbl.default thead th[rowspan]{border-left-width:1px}
.tbl.default thead th[rowspan]:first-child{border-left-width:0}
.tbl.default tfoot th, .tbl.default tfoot td{background-color:#f3f4f6;color:#000}
.tbl.default tbody th{color:#222}
.tbl.default tbody td{border-left:0;border-right:0}
.tbl.default tfoot th, .tbl.default tfoot td{border-bottom:1px solid #d5d5db}
.tbl.default tfoot td{border-left:1px solid #d5d5db}
.tbl.default tfoot td:first-child{border-left-width:0}
.tbl.default thead th, .tbl.default tbody td{padding:19px 0}
.tbl.default tr:hover { background:#f8fafb}

.tbl.default .title{overflow:hidden;text-overflow:ellipsis;display:block;white-space:nowrap;margin:0 10px;text-align:left}
.tbl.default .title img { vertical-align:-3px; margin-left:10px}

/* 페이징처리 */
.page_list{text-align:center;margin-top:35px;display:block}
.page_list span { display: inline-block; vertical-align:middle; }
.page_list strong{display:inline-block;margin:0 0 5px;width:36px;height:36px;color:#488bf8;vertical-align:top;text-align:center;line-height:34px;font-weight:normal;text-decoration: underline; }
.page_list>a{display:inline-block;width:36px;height:36px;background:#fff;color:#4e4e4e;line-height:34px;text-align:center;vertical-align: middle;font-size:1.5rem}

.page_list .p_prev>a { display:inline-block;width:36px;height:36px;color:#4e4e4e;line-height:34px;text-align:center;vertical-align: middle;background: url(/resource/images/paid/nep/thk/content/btn_prev_bg.png) center center no-repeat;}
.page_list .p_next>a { display:inline-block;width:36px;height:36px;color:#4e4e4e;line-height:34px;text-align:center;vertical-align: middle;background: url(/resource/images/paid/nep/thk/content/btn_next_bg.png) center center no-repeat;}

.page_list .nep_p_prev>a,
.page_list .nep_p_next>a,
.page_list .nep_p_nextBundle>a,
.page_list .nep_p_prevBundle>a{display:inline-block;width:36px;height:36px;color:#4e4e4e;line-height:34px;text-align:center;vertical-align: middle; }

.page_list>a:hover,.page>a:focus{border:1px solid #797979;background:#fff}
.page_list>a.start,.page>a.prev, .page>a.next, .page>a.end,
.page_list>a.start:hover,.page>a.prev:hover, .page>a.next:hover, .page_list>a.end:hover,
.page_list>a.start:focus,.page>a.prev:focus, .page>a.next:focus, .page_list>a.end:focus{border:0;background:none}
.page_list .paging_count{display:none}
.page_list .list_first,
.page_list .list_end{margin:0 5px}
.page_list .list_first a,
.page_list .list_end a{display:inline-block;width:36px;height:36px;background:#fff;color:#4e4e4e;line-height:34px;text-align:center;border:1px solid #d5d5db;vertical-align: middle;font-size:15px}
.page_list .list_first a:hover,
.page_list .list_end a:hover{border:1px solid #797979}
.page_list .list_first a{margin-right:5px}
.page_list .list_end a{margin-left:5px}
.page_list .list_first span,
.page_list .list_end span{font-size:1.1rem;}

/* 페이징처리(모바일단독) */
.page_list .mo_p_first>a { display:inline-block;width:36px;height:36px;background:#fff;color:#4e4e4e;line-height:34px;text-align:center;vertical-align: middle; }
.page_list .mo_p_prev>a { display:inline-block;width:36px;height:36px;background:#fff;color:#4e4e4e;line-height:34px;text-align:center;vertical-align: middle;}
.page_list .mo_p_next>a { display:inline-block;width:36px;height:36px;background:#fff;color:#4e4e4e;line-height:34px;text-align:center;vertical-align: middle; }
.page_list .mo_p_end>a { display:inline-block;width:36px;height:36px;background:#fff;color:#4e4e4e;line-height:34px;text-align:center;vertical-align: middle; }
.page_list .mo_paging_count{display:none}

@media(max-width:767px) {
    .page_list{margin-top:30px}
    .page_list .paging_count{display:inline-block;margin:0 5px;vertical-align:middle; font-size: 1.4rem;height:36px;line-height:34px;}
    .page_list .mo_paging_count { display: inline-block;vertical-align: middle; }

    .page_list .list_first{margin-right:0}
    .page_list .list_end{margin-left:0}
    .page_list .list_first a,
    .page_list .list_end a{width:auto;height:auto;line-height:normal;font-size:1.4rem;border:0}
    .page_list .list_first a:hover,
    .page_list .list_end a:hover{border:0}
    .tbl th,.tbl td { font-size: 1.4rem !important; }
    .tbl.default thead th, .tbl.default tbody td { padding:10px 0; }
}


/* 토탈 및 유틸 */
.prog_util{position:relative;margin:40px 0 10px;}
.prog_util .total span{font-size:inherit;font-weight:700;color:var(--primary50)}

.prog_util .align{position:absolute;top:0;right:1px;width:255px;height:4rem;text-align:right;}
.prog_util .align .secr { padding:10px;display:inline-block;background:url(/resource/images/paid/nep/thk/board/serc_icon.png) left center no-repeat; padding-left:30px; margin-right:20px}
.prog_util .align select {width:140px;height:4rem;}

@media all and (max-width:767px){
    .prog_util .align {display:block;position:relative;bottom:auto;right:auto;width:100%;}
    .prog_util {margin:20px 0 10px 0;}
}
@media all and (max-width:640px){
    .top_box .box_pt strong,
    .top_box .box_pt p{font-size:1.4rem}
}
@media all and (max-width:500px){
    .top_box{padding:0 0 15px}
    .top_box .box_icon{display:none}
    .top_box .box_pt{min-height:inherit;border-left:0;padding-left:0}
}


/***********************************
 * 레이어 팝업
 ***********************************/
.ajax_layer{display:none;z-index:1000;position:fixed;top:0;left:0%;width:100%;height:100%}
.ajax_layer .black{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, .5)}
.ajax_layer .layer_wrap{overflow:hidden;position:absolute;top:50%;left:50%;width:1000px;transform:translateX(-50%) translateY(-50%);background-color:#fff}

.ajax_layer .layer_head{position:relative;height:85px;background-color:#587cf0}
.ajax_layer .layer_head .head_title{display:block;padding:32px 0 0 25px;font-weight:400;font-size:2.2rem;color:#fff}
.ajax_layer .layer_head .head_close{position:absolute;top:30px;right:25px}

.ajax_layer .layer_body{position:relative;height:100%;padding:30px}
.ajax_layer .layer_body .body_scroll .auto_box{border-width:0;padding:0}
.ajax_layer .layer_body .layer_button{padding-top:20px;border-top:2px solid #d2d2d2}

@media(max-width:1200px) {
    .ajax_layer .layer_wrap{width:748px}
}
@media(max-width:1000px) {
    .ajax_layer .layer_wrap{width:auto;left:10px;right:10px;transform:translateX(0) translateY(-50%)}
    .ajax_layer .layer_body{padding:15px}
}


/***********************************
 * 일반 팝업
 ***********************************/
#default_pop .layer_head{position:relative;background-color:#587cf0}
#default_pop .layer_head .head_title{display:block;padding:20px;font-weight:400;font-size:2.2rem;color:#fff}
#default_pop .layer_head .head_close{position:absolute;top:20px;right:20px}

#default_pop .layer_body{position:relative;height:100%;padding:30px}
#default_pop .layer_body .body_scroll .auto_box{border-width:0;padding:0}
#default_pop .layer_body .layer_button{padding-top:20px;border-top:2px solid #d2d2d2}

/*** 탭 ***/
/* 서브페이지 화면상단 탭버튼 */
.linkTab{position:relative;margin-bottom:20px}
.linkTab>ul{overflow:hidden;padding-top:1px;border-width:0 0 0 1px;border-style:solid;border-color:#d5d5db}
.linkTab>ul>li {display:table;float: left;margin-top:-1px;vertical-align: middle;border-width:1px 1px 1px 0;border-style:solid;border-color:#d5d5db}
.linkTab.tab-col-13>ul>li {width: 7.7%}
.linkTab.tab-col-6>ul>li {width: 16.666%}
.linkTab.tab-col-5>ul>li {width: 20%}
.linkTab.tab-col-4>ul>li {width: 25%}
.linkTab.tab-col-3>ul>li {width: 33.33%}
.linkTab.tab-col-2>ul>li {width: 50%}
.linkTab ul li a {position:relative;height:53px;line-height: 100%;font-size:1.8rem;display: table-cell; text-align: center; transition:all .3s;vertical-align:middle;border-bottom: 2px solid #488bf8;}
.linkTab ul li a:hover{color:#488bf8}
.linkTab ul li a h2:hover{color:#488bf8}
.linkTab ul li a span{display: inline-block;position: relative; text-align: center;vertical-align: middle}
.linkTab ul li a.on{background: #488bf8; color:#fff;}
.linkTab ul li a.on h2{background: #488bf8; color:#fff;}
/*.linkTab ul li a.on:before{content:"";display:block;position:absolute;top:-1px;bottom:-1px;left:-1px;right:-1px;border:4px solid #00c386}*/
.iconTab_list>ul>li {height:150px}

.mlinkTab_btn{display:none;width:100%;height:47px;background:#488bf8;color:#fff;transition:all .3s}
.mlinkTab_btn.on{background:#488bf8}
.mlinkTab_btn:after{content:"";position:relative;left:10px;top:-1px;display:inline-block;width:13px;height:7px;background:url(../images/common/bul_tabArr.png) no-repeat;transition:all .3s}
.mlinkTab_btn.on:after{transform:rotate(180deg)}

.linkTab.nation>ul>li{position:relative;width:15.83336667%;margin-left:1%;border:0}
.linkTab.nation>ul>li:first-child{margin-left:0}
.linkTab.nation>ul>li>a{padding:75px 0 12px;border:1px solid #8087a6;background:#fff;color:#192e7e;font-size:1.5rem}
.linkTab.nation>ul>li>a:hover{background:#c8c5e0}
.linkTab.nation>ul>li>a.on{border:1px solid #535a75;background:#50488c;color:#fff}
.linkTab.nation>ul>li>a>.nationalFlag{position:absolute;top:9px;left:50%;margin-left:-31px}

/* 서브탭(탭 안에 탭) */
h4+.subTab{margin-top:0}
.subTab{margin-top:50px;margin-bottom:30px;padding:10px 20px;background:#e7ecf1}
.subTab:after{content:"";display:block;clear:both}
.subTab li{position:relative;float:left;padding:10px 20px}
.subTab li:before{content:"";display:block;width:1px;height:28px;position:absolute;right:0;top:50%;margin-top:-14px;background:#d5d5db;}
.subTab li:last-child:before{display:none}
.subTab li a{display:block;color:#323232}
.subTab li a.on{color:#313a68}
.subTab li a span{position:relative;font-weight:400}
.subTab li a.on span{font-weight:500}
.subTab li a.on span:before{content:"";display:block;position:absolute;left:0;bottom:-3px;width:100%;height:1px;background:#6f7591}

/*@media all and (min-width:767px){
    .linkTab>ul{display:block !important}
}*/
@media all and (max-width:767px){
    /*.mlinkTab_btn{display:block;background:#488bf8;font-size:16px;height:40px;}
    .mlinkTab_btn.on{background:#488bf8}
    .mlinkTab_btn:after{content:"";display:inline-block;width:16px;height:9px;background:url(../images/common/bul_tabArr.png) no-repeat}
    .linkTab>ul{display:none;border-right:1px solid #d5d5db}
    .linkTab>ul>li{border-width:0;box-sizing:border-box;float:none;width:100% !important;height:auto;margin-left:0}
    .linkTab>ul>li:first-child{border-top:0}
    .linkTab>ul>li>a{height:auto;padding:10px 0 10px;border-width:0 0 1px 0;border-style:solid;border-color:#d5d5db;font-size:16px}
    .linkTab>ul>li>a.on, .linkTab>ul>li>a.on:hover{border-color:#488bf8}

    .linkTab.nation>ul>li{margin:0;border-width:0 1px 1px;border-style:solid;border-color:#8087a6}
    .linkTab.nation>ul>li:first-child{border-top:0}
    .linkTab.nation>ul>li>a{border:0;padding:10px 0;background:none}
    .linkTab.nation>ul>li>a>.nationalFlag{position:static;width:20px;margin:0 5px 0 0}
    .linkTab ul li a.on { background: #fff;border: 1px solid #488bf8; color:#555; }
    */
    .linkTab ul li a {height:45px;}
    .subTab{margin-top:20px}
    .linkTab ul li a{font-size:1.5rem}
}
@media all and (max-width:580px){
    .subTab{padding:0;background:none}
    .subTab li{display:table;width:50%;padding:0;border-width:0 1px 1px 0;border-style:solid;border-color:#d5d5db}
    .subTab li:first-child,
    .subTab li:nth-child(2){border-top:1px solid #d5d5db}
    .subTab li:nth-child(2n+1){border-left:1px solid #d5d5db}
    .subTab li a{position:relative;display:table-cell;height:45px;vertical-align:middle;padding:0 5px;text-align:center}
    .subTab li:before{display:none}
    .subTab li a.on span:before{display:none}
    .subTab li a.on:after{content:"";display:block;position:absolute;left:0;top:0;right:0;bottom:0;min-height:44px;border:1px solid #313a68;line-height:normal}
}


.ui-datepicker-trigger {margin-left:5px;}
@media all and (max-width:767px){
    .ui-datepicker{width:16em !important}
}

/***********************************
 * 메인 레이어 팝업 스타일
 ***********************************/
.mainPopup{display:none;position:fixed;left:0;top:0;z-index:9999}
.mainPopup .mainP_wrap{position:relative;border:1px solid #c5c5c5;background:#fff;z-index:1;overflow:hidden;min-height:200px}
.mainPopup .mainP_wrap .mainP_tit{position:relative;width:100%;height:69px;display:table;background:#276ebf;border-bottom:1px solid #c5c5c5;overflow:hidden;}
.mainPopup .mainP_wrap .mainP_tit>strong{position:relative;display:table-cell;vertical-align:middle;padding:0 15px 0 50px;color:#fff;font-size:1.8rem;background:url(/resource/images/paid/nep/cmmn/icon_popup_notice.png) 15px 50% no-repeat}
.mainPopup .mainP_wrap .mainP_con{width:100%;height:calc(100% - 115px);overflow-y:auto;text-align:left;}
.mainPopup .mainP_wrap .mainP_con .mainP_middle{display:table-cell;vertical-align:middle}
.mainPopup .mainP_wrap .mainP_con .mainP_txt{padding:1.2rem;}
.mainPopup .mainP_wrap .mainP_con .mainP_txt *{word-break:keep-all;color:inherit}

.mainPopup .mainP_wrap .mainP_btn{position:absolute;bottom:0;left:0;width:100%;border-top:1px solid #c5c5c5;overflow:hidden;z-index:2}
.mainPopup .mainP_wrap .mainP_btn button{float:left;width:50%;height:45px;border-left:1px solid #c5c5c5;background:#fff;transition:all .3s}
.mainPopup .mainP_wrap .mainP_btn button:first-child{border-left:0}
.mainPopup .mainP_wrap .mainP_btn button:hover{background:#eee}

.mainPopup .mainP_wrap.img .mainP_tit{display:none}
.mainPopup .mainP_wrap.img .mainP_con{padding-top:0;display:flex}
.mainPopup .mainP_wrap.img .mainP_con a{}
.mainPopup .mainP_wrap.img .mainP_con img{float:left}

@media all and (max-width:767px){
    .mainPopup{right:0;bottom:0;background:rgba(0,0,0,.5);}
    .mainPopup .mainP_wrap{position:relative;width:95% !important;/*left:50% !important;top:50% !important*/}
    .mainPopup .mainP_wrap .mainP_tit>strong{font-size:1.8rem}

    .mainPopup .mMid{width:100%;height:100%;display:flex;align-items:center;justify-content:center}
}


/* *********************************************************************************
 * 세션연장 팝업, 2021.12.15
 * *********************************************************************************/
#session-extend-popup {display:none;position:relative;margin:140px auto 0 auto;padding:20px 30px;width:400px;min-width:400px;min-height:180px;text-align:center;background-color:#fff;border-radius:15px;color:#000;}
#session-extend-popup .title{padding:35px 0 0;}
#session-extend-popup .title h4{font-size:2.4rem; color:#4b4f56;}
#session-extend-popup .title h4:before{content:none;}
#session-extend-popup .title p{font-size:2rem; padding:5px 0 15px;}
#session-extend-popup .title p strong{color:#ff3064;}
#session-extend-popup .text{line-height: 1.7;word-break:keep-all;padding: 0 50px;}
#session-extend-popup .text strong{color:#ff3064;}
#session-extend-popup .link{padding: 30px 0 20px 0;}
#session-extend-popup .link a{background:#576c87; margin-right:3px; padding: 9px 20px; font-size:1.4rem; border-radius: 50px; color:#fff;}
#session-extend-popup .link .go_link{background: #2b7be1;}
#session-extend-popup .b-close{cursor:pointer;position: absolute;right: 30px;top: 30px;font-size:3rem;}