@charset "utf-8";

*{box-sizing:border-box}

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

/* ////////////////////////////////////////////////////////////////////////////////////////////////////
    Reset CSS
//////////////////////////////////////////////////////////////////////////////////////////////////// */
html{overflow-x:auto;overflow-y:scroll}
html,body{height:100%}
body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,b{font-family:'MalgunGothic','맑은 고딕',Sans-Serif;letter-spacing:-0.03em;font-weight:400;font-size:17px;line-height:25px;margin:0;padding:0;color:#555}

h1,h2,h3,h4,h5,h6{font-family:'MalgunGothic','맑은 고딕',Sans-Serif;font-weight:600;line-height:100%;letter-spacing:-0.03em;}

label{display:inline-block;cursor:pointer}

input,textarea,select,button,table{font-family:'MalgunGothic','맑은 고딕',Sans-Serif;letter-spacing:-0.03em;font-size:16px;color:#555;}

strong,b{font-weight:600}
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{text-decoration:none}
a:link,a:visited{color:#555}
a:hover,a:focus{color:#000;}
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;line-height:100%;border-width:0;background-color:transparent}
legend{overflow:hidden;position:fixed;left:-1px;top:-1px;width:1px;height:1px;font-size:0;line-height:0}
caption{height:0;
    width:1px;
    overflow:hidden;
    clip:rect(1px, 1px, 1px, 1px)}

.top0 {top:0!important;}

button{background-color:transparent}

span, div{line-height: 140%;}
mark{background:none;color:red;}


/* *********************************************************************************
 * 공통 기본
 * *********************************************************************************/
input[type="text"], input[type="password"]{height:39px;font-size:15px;border:1px solid #d2d2d2;text-indent:5px;background:#fff;color:#555;vertical-align:middle}
input[type="text"]:focus, textarea:focus{outline:2px solid #77abe7}
/*select{height:39px;padding-left:5px;font-size:16px;border:1px solid #d2d2d2;background:#fff;color:#444;-webkit-appearance:none;-moz-appearance:none;appearance:none;vertical-align:middle}*/
select{height:39px;padding-left:5px;font-size:16px;border:1px solid #d2d2d2;background:#fff;color:#444;vertical-align:middle}
/*select::-ms-expand {display:none;}*/
input[type=text].date_box{font-size:16px;box-sizing:border-box;height:39px;padding-right:28px;background:#fff url(/resource/images/paid/nep/thk/common/icon_dateficker.png) 93% center no-repeat;color:#444}
textarea{width:100%;resize:vertical;border:1px solid #d2d2d2}
@media (max-width:767px){
    body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select, b { font-size: 14px; }
    input, textarea, select, button, table { font-size: 14px; }
}

.hide{position:fixed;top:-100px;left:-100px;width:1px;height:1px;overflow:hidden;color:#000;background:#fff}/* 접근성으로 인한 display:none 작성 금지 */
.bold{font-weight:bold}
.normal{font-weight:normal}

.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:16px;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:500;margin-bottom:10px;font-size:22px;color:#111}
*+h4{margin-top:20px}
h5{font-weight:400;padding-left:20px;margin:20px 0 10px;font-size:19px;background:url(/resource/images/paid/nep/thk/common/h5_bull.png) no-repeat 0 1px;color:#323232}

@media all and (max-width:640px){
	*+h4{margin-top:30px}
}

/* *********************************************************************************
 *  일반 텍스트 , 문단
 * *********************************************************************************/

/* 다수의 요소를 들여쓰기 해야할 때 indent 를 사용 */
.indent{margin-left:10px}
p{line-height:180%;color:#555}

.warning{margin:10px 0;color:#f21f1f}

.tip{padding-left:23px;margin:10px 0;font-weight:600;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;line-height:150%}
.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:600;color:#333}

.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;line-height:20px;text-align:center;}
.tbl th{font-weight:600;font-size:15px;background:#f4f6f7;}
.tbl td{}
.tbl th, .tbl td{padding:12px 10px;border:1px solid #d5d5db}
.tbl td:last-child{border:1px solid #d5d5db}
.tbl thead th{background:#f6f7fb;color:#222}
.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 .form_style{}
.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, .paging strong{font-family:'MalgunGothic', sans-serif}
.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:solid #bebfc1;border-width:1px;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;font-size:16px;font-weight:500;background:url(/resource/images/paid/nep/thk/common/img_tBr_off.png) left center no-repeat;color:#111}
.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:14px}
}


/***********************************
 * 링크 이동 탭
 ***********************************/
.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:16px;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:16px;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:22px;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-block;font-size:18px;text-align:center;vertical-align:top}

.btn.line{position:relative;width:130px;height:48px;line-height:48px;border:1px solid #8f8f8f;border-radius:24px;color:#111;margin:0 2px}
.btn.line:hover{color:#1699dc}
.btn.line:hover:before{content:"";display:block;position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;border-radius:24px;border:2px solid #1699dc}

.btn.fill{position:relative;width:130px;height:48px;line-height:48px;border-radius:24px;color:#fff;background:#1699dc;margin:0 2px}
.btn.fill:hover{background:#fff;color:#0581c0}
.btn.fill:hover:before{content:"";display:block;position:absolute;left:0;top:0;right:0;bottom:0;border-radius:24px;border:2px solid #1699dc}

.btn.gray{position:relative;width:130px;height:48px;line-height:48px;border-radius:24px;color:#fff;background:#888;margin:0 2px}
.btn.gray:hover{background:#fff;color:#0581c0}
.btn.gray:hover:before{content:"";display:block;position:absolute;left:0;top:0;right:0;bottom:0;border-radius:24px;border:2px solid #1699dc}

.btn.black{padding:8px 15px 9px;font-size:15px;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:15px;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:680px){
	.btn.line,
	.btn.fill,
	.btn.gray{width:auto;height:40px;line-height:39px;padding:0 20px;font-size:15px;margin:0}
}

/***********************************
 * 검색버튼
 ***********************************/
.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{}
.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{}
.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:15px;border-radius:25px;-webkit-border-radius:25px;border:1px solid transparent}
.bbs_btn.fill{background-color:#27457c;border-color:#27457c;color:#fff}
.bbs_btn.fill span{}
.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:15px;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.fill span{}

.util_btn.ex_down{}
.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{}
.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{}
.util_btn.down span{padding-left:22px;background-image:url(/resource/images/paid/nep/thk/common/util_btn_down.png)}

.util_btn.up{}
.util_btn.up span{padding-left:22px;background-image:url(/resource/images/paid/nep/thk/common/util_btn_up.png)}

.util_btn.print{}
.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:13px;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:16px}
.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:75px}
.item_input.file .file_name{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:-16px;height:40px;padding:0 10px;line-height:38px;border:1px solid #d2d2d2;font-size:15px;color:#555}
.file_btn{position:absolute;right:0;top:0;width:66px;height:40px;line-height:37px;transition:background 150ms, border 150ms;display:inline-block;border:1px solid transparent;background:#3e3d3d;color:#fff;text-align:center}
.file_btn:hover{border-color:#3e3d3d;background:#fff;color:#3e3d3d}
.file_btn:hover span{}

/* 태그 아이콘 */
.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:22px;letter-spacing:-0.02em}
.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:#f3f4f6;color:#222}
.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 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 tr:hover { background:#f8fafb}

.tbl.default thead th{background:#f4f6f7;border:0;border-top:1px solid #dddddd;font-weight:bold;}

.tbl.default tbody td{border-left:0;border-right:0}
.tbl.default thead th, .tbl.default tbody td{padding:19px 0}

.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:15px}

.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:11px;letter-spacing:-0.1em}

/*페이징처리(모바일단독)*/
.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 .ds_number{display:none} */
.page_list .paging_count{display:inline-block;margin:0 5px;vertical-align:middle; font-size: 14px;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:14px;border:0}
.page_list .list_first a:hover,
.page_list .list_end a:hover{border:0}
.tbl th,.tbl td { font-size: 14px !important; }
.tbl.default thead th, .tbl.default tbody td { padding:10px 0; }
}


/* 토탈 및 유틸 */
.prog_util{position:relative;margin:50px 0 10px;font-size:16px}
.prog_util .total{margin-left:5px;color:#444}
.prog_util .total span{font-size:inherit;font-weight:inherit;letter-spacing:-1px;color:#f03131}

.prog_util .align{position:absolute;top:0;right:1px;width:255px;height:37px;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:145px}


@media all and (max-width:640px){
	.top_box .box_pt strong,
	.top_box .box_pt p{font-size:14px}
}
@media all and (max-width:767px){
    .prog_util .align {display:block;position:relative;bottom:auto;right:auto;width:100%;height:37px;text-align:right}
    .prog_util { margin:20px 0 10px 0; font-size:15px;}
}

@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:22px;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{}

.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{}
.ajax_layer .layer_wrap{width:auto;left:10px;right:10px;transform:translateX(0) translateY(-50%)}
.ajax_layer .layer_body{padding:15px}
}


/***********************************
 * 일반 팝업
 ***********************************/

#default_pop{}
#default_pop .layer_wrap{}

#default_pop .layer_head{position:relative;background-color:#587cf0}
#default_pop .layer_head .head_title{display:block;padding:20px;font-weight:400;font-size:22px;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{}

#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: 18px;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:15px}
.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:first-child{padding-left:0}*/
.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:15px}
    
}
@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; }

/***********************************
 * 메인 레이어 팝업 스타일
 ***********************************/
.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:18px;line-height:24px;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:5px 10px;line-height:normal;font-size:15px;}
/* .mainPopup .mainP_wrap .mainP_con .mainP_txt{padding:15px 20px;line-height:normal} */
.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:768px){
	.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:18px}

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

@media all and (max-width:768px){
.ui-datepicker{width:16em !important}	
}


/* *********************************************************************************
 * 세션연장 팝업, 2021.12.15
 * *********************************************************************************/
#session-extend-popup  {background-color:#fff;border-radius:15px;color:#000;display:none;padding: 20px 30px;min-width:400px;text-align: center;min-height: 180px;width: 400px;margin: 0 auto;margin-top: 140px;position: relative;}
#session-extend-popup .title{padding: 35px 0 0;}
#session-extend-popup .title h4{font-size:24px; color:#4b4f56;}
#session-extend-popup .title h4:before{content:none;}
#session-extend-popup .title p{font-size:20px; 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:14px; 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:30px;}