@charset "utf-8";

/*Default set*/
html,body,form,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,fieldset,table,th,td,figure,hr{margin:0;padding:0;font-weight:normal;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;}
body{font-size:13px;line-height:1.5;color:#333;word-break:keep-all}

/*input*/
input, textarea, select{padding:0;color:#3c3c3c;vertical-align:middle}
input[type=text],input[type=file],input[type=password]{border:1px solid #d4d4d4;outline:none;}
input[type=text],input[type=password]{padding:0 12px;height:37px;line-height:37px;border:1px solid #e0e0e0;box-sizing:border-box;font-size:12px;line-height:14px;color:#262626;}
input[type=text]::-ms-clear{display:none}
input[type=password]::-ms-clear{display:none}

input[type=text]:focus,input[type=password]:focus{}/*border:1px solid #002a7b;*/
input[type=button]{border:0;background:none;}
textarea{border:1px solid #d4d4d4}
input.radio, input.check,fieldset{border:0;background:none}
input, button, select, a+button,.selectBox,.calendar{*margin-right:4px}
input,textarea{-webkit-appearance:none;-webkit-border-radius:0;}
input::-webkit-scrollbar{width:0;height:0;}
input,textarea::-webkit-scrollbar-thumb{background:none;}
input+.hyphen{*margin-left:-4px}
input[type=text]+.btnS, input[type=password]+.btnS,input[type=text]+input[type=text], input[type=password]+input[type=text], input[type=text]+input[type=password]{margin-left:10px}
input[type=text][disabled]{background-color:#f7f7f7}
label+.typeRadio{margin-left:30px}
input[type=text]+.checkbox{margin-left:16px}
input[type=file]{width:200px;height:20px;height:30px\9;*height:30px;}
input[type=file]::-ms-value{border:0 none}
input[type=file]::-ms-browse{border:0 none;border-left:1px solid #ccc}
select{width:100%;height:38px;padding:2px 4px 3px 7px;border:1px solid #ccc;font-size:13px;color:#3c3c3c}
select.not{border:0;}

/*textarea*/
textarea{overflow-y:scroll;width:100%;padding:14px 14px 0 14px;border:1px solid #ccc;box-sizing:border-box;-webkit-box-sizing:border-box;color:#666;resize:none;font-size:13px}
textarea:focus{border:1px solid #002a7b;}
.byte{padding:6px 0 0;font-size:13px;text-align:right;color:#666}
.byte em{color:#333}

/*link*/
button{overflow:visible}
a{display:inline-block;}
a+button{*margin-left:4px}
a, input, label, button{-webkit-tap-highlight-color:transparent;}
a, a:link, a:visited, a:active,a:hover{text-decoration:none !important;color:#3c3c3c;}
button{margin:0;padding:0;border:0;background:none;width:auto;outline:0;cursor:pointer}
button:focus{outline:1px dotted #3c3c3c;}
button span, button:active span, button:focus span{position:relative}

/*etc*/
img{border:none;margin:0;padding:0;line-height:0;font-size:0;}
table{width:100%;border-collapse:collapse;border:0;border-spacing:0}
th{border:0;text-align:center}
td{border:0}
table caption,legend,figcaption{overflow:hidden;width:100%;height:1px;*height:0px;margin-top:-1px;font-size:0;line-height:0;text-indent:-9999px}
ol,ul{list-style:none}
em, var, address{font-style:normal}
acronym{border:0 none;text-decoration: none}
a, span{vertical-align:middle;}
iframe, hr{border:none;}

/* common */
/*.blind{display:block;overflow:hidden;position:absolute;top:-1000em;left:0}*/
.blind{position:absolute;visibility:hidden;top:0;left:0;height:0;width:0;font-size:0;line-height:0;overflow:hidden;}
.bold{font-weight:700}
.border0{border:0!important}
.button{border:1px solid #b4b4b4;border-radius:1px;background-image:linear-gradient(to bottom,#F2F2F2 0%,#D6D5D5 100%)}
.txt_hide{position:absolute;width:0px;height:0px;overflow:hidden;line-height:0;text-indent: 9999px}
.is-logout{display:none;}

/*align*/
.txtC{text-align:center !important;}
.txtL{text-align:left !important;}
.txtR{text-align:right !important;}

/*margin*/
.mB20{margin-bottom:20px !important;}
/*checkbox & radio*/

hl{font-weight:bold;}
/*common*/
.clearfix:after{content:"";display:block;clear:both;zoom:1}
* html .clearfix{zoom:1}
*:first-child+html .clearfix{zoom:1}

/* skip navi */
.skip_navi,.skip-navi{width:100%;position:absolute;top:0;z-index:100000;}
.skip_navi a,.skip-navi a{width:100%;font-size:14px;line-height:36px;text-align:center;font-weight:bold;position:absolute;top:-100px;left:0;color:#fff;background:#004880;}
.skip_navi a:hover,.skip_navi a:active,.skip_navi a:focus,
.skip-navi a:hover,.skip-navi a:active,.skip-navi a:focus{top:0;z-index:100000;}

/*top버튼*/
.btn-top{display:none;position:fixed;right:5px;bottom:5px;width:32px;height:32px;}
.btn-top a{display:block;width:100%;height:100%;background:url(../images/btn/btn-top.png) no-repeat 0 0;background-size:32px;}

/*button*/
/*회색보터 하얀배경*/
.btn-white{height:23px;border:1px solid #d8d8d8;padding:0 6px;font-size:11px;line-height:24px;color:#4c5056;background:#fff;}

/*loading*/
.loading{position:fixed;left:0;top:0;right:0;bottom:0;background:#fff url(../images/common/logo-loading.png) no-repeat center 95%;background-size:50px;z-index:101;}
.loading-box{position:absolute;left:50%;top:50%;margin:-24px 0 0 -24px;width:48px;height:48px;background:url(../images/common/loading.png) no-repeat 0 0;background-size:48px;}

/*title*/
.tit-h{font-size:35px;line-height:39px;font-weight:bold;letter-spacing:-1px;}
.tit-s{font-size:24px;line-height:30px;font-weight:bold;letter-spacing:-1px;}
.tit-a{font-size:20px;line-height:26px;font-weight:bold;letter-spacing:-1px;}
.tit-b{font-size:17px;line-height:20px;font-weight:bold;}
.tit-c{font-size:16px;line-height:20px;}
.main-caption .tit-a{font-size:20px;}

/*font정책*/
.h1{font-size:48px;letter-spacing:-.06em;line-height:56px;}
.t1{font-size:32px;letter-spacing:-.07em;line-height:40px;}
.t2{font-size:30px;letter-spacing:-.07em;line-height:44px;}
.t3{font-size:22px;letter-spacing:-.04em;line-height:26px;}
.t4{font-size:20px;letter-spacing:-.04em;line-height:24px;}
.t5{font-size:18px;letter-spacing:-.04em;line-height:22px;}
.t6{font-size:16px;letter-spacing:-.04em;line-height:20px;}
.b1{font-size:18px;letter-spacing:-.04em;line-height:30px;}
.b2{font-size:16px;letter-spacing:-.04em;line-height:26px;}
.b3{font-size:14px;letter-spacing:-.025em;line-height:20px;}
.c1{font-size:14px;letter-spacing:-.04em;line-height:20px;}
.c21{font-size:12px;letter-spacing:-.025em;line-height:16px;}
.c22{font-size:12px;letter-spacing:-.04em;line-height:16px;}
.c3{font-size:11px;letter-spacing:-.025em;line-height:16px;}

.fwT{font-weight:200;}
.fwL{font-weight:300;}
.fwR{font-weight:400;}
.fwB{font-weight:700;}

/*text*/
.word{font-size:14px;line-height:18px;color:#5c5c5c;}

/*카테고리 선택  ex) xx순*/
.select-cate{position:absolute;right:0;top:15px;}
.select-cate li{float:left;margin:0 0 0 15px;}
.select-cate li a{font-size:14px;color:#54585e;}
.select-cate .bar{display:inline-block;margin:0 0 0 15px;width:1px;height:13px;background:#dcdee0;}
.select-cate li.on{}
.select-cate li.on a{color:#000;font-family:"Noto Sans Bold";}
.select-box{border:1px solid #dddee0;}

/* 소팅 리스트 */
.select-sort li{float:left;margin:0 13px 0 0;padding:0 13px 0 0;border-right:1px solid #dcdee0;line-height:14px;vertical-align:middle;}
.select-sort li:last-of-type{margin:0;padding:0;border:0;}
.select-sort a{font-size:16px;color:#949699;vertical-align:top;}
.select-sort a span{vertical-align:top;}
.select-sort li.on a{color:#000;font-weight:bold;}

/*탭*/
.tabWrap{max-width:1200px;margin:0 auto;}
.tabArea{margin:0 0 20px 0;clear:both;overflow:hidden;}
.tab-scroll{position:relative;width:100%;overflow:hidden;}
.tab-scroll .bg-scroll{display:inline-block;position:absolute;top:2px;right:0;width:32px;height:28px;z-index:2;background:url(../images/etc/bg-tab-scroll.png) no-repeat 0 0;background-size:32px;}
.tab-scroll-box{position:relative;clear:both;overflow-y:auto;}
#wrap .tab-scroll-box::-webkit-scrollbar{width:0;height:0;}
#wrap .tab-scroll-box::-webkit-scrollbar-thumb{background:none;}
#wrap.pc .tab-scroll-box::-webkit-scrollbar{width:auto;height:auto;}
#wrap.pc .tab-scroll-box::-webkit-scrollbar-thumb{background:#c1c1c1;}

/* 검정 라인 탭 ex) 시사교양 section*/
.tab01{margin:55px 0 0 0;}/*시사교양에서 여백필요*/
.tab01 li{position:relative;float:left;height:60px;box-sizing:border-box;border:1px solid #b6b7b9;border-bottom:2px solid #333;background:#fff;}
.tab01 li + li{border-left:0}
.tab01 li a{display:block;position:relative;z-index:2;width:100%;height:100%;font-size:18px;text-align:center;color:#54585e;line-height:58px}
.tab01 li.on a{color:#000;}
.tab01 li.on{width:100%;height:100%;background:#fff;border:2px solid #333;border-bottom:none;}

/* 회색 위,아래 라인 탭 */
.tab02{}
.tab02:after{content:"";display:block;clear:both}
.tab02 li{position:relative;float:left;height:24px;box-sizing:border-box;border-top:1px solid #c9c5c0;border-bottom:1px solid #c9c5c0;}
.tab02 li::before{content:"";position:absolute;top:5px;right:0;display:inline-block;width:1px;height:13px;background:#c9c5c0;}
.tab02 li + li{border-left:0}
.tab02 li a{display:block;position:relative;z-index:2;width:100%;height:100%;font-size:11px;text-align:center;color:#b3b3b3;line-height:22px}
.tab02 li.on a{color:#333;}
.tab02 li:last-of-type::before{display:none;}

/* 검정색 언더라인 탭 */
.tab03{overflow:hidden;}
.tab03 li{position:relative;float:left;height:32px;box-sizing:border-box;border-top:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;}
.tab03 li a{display:block;position:relative;z-index:2;width:auto;height:100%;padding:0 15px;font-size:13px;text-align:center;color:#b3b3b3;line-height:30px;text-align:center;}
.tab03 li.on{border-bottom:2px solid #333;}
.tab03 li.on a{color:#333;}

/* 테마 색상 언더라인 탭 */
.tab04{overflow:hidden;margin:0;background:url(../images/etc/bg-tab04.jpg) repeat-x 0 35px;}
.tab04 li{position:relative;float:left;width:70px;height:36px;box-sizing:border-box;}
.tab04 li a{display:block;position:relative;z-index:2;width:auto;height:100%;padding:0 22px;font-size:13px;text-align:center;color:#a6a6a6;line-height:38px}
.tab04 li.on{border-bottom:1px solid #a6a6a6;}
.tab04 li.on a{color:#333;font-weight:bold;}

.tab05{}
.tab05:after{content:"";display:block;clear:both}
.tab05 li{position:relative;float:left;height:30px;box-sizing:border-box;border:1px solid #f1f0ee;}
.tab05 li + li{border-left:0}
.tab05 li a{display:block;position:relative;z-index:2;width:100%;height:100%;font-size:13px;text-align:center;color:#333;line-height:30px}
.tab05 li.on{border:1px solid #333;}
.tab05 li.on a{background:#333;color:#fff;font-weight:bold;}
.tab05 li:last-of-type::before{display:none;}

.tab06{overflow:hidden;margin:0;}
.tab06 li{position:relative;float:left;height:33px;box-sizing:border-box;border-bottom:1px solid #c9c5c0;text-align:center;}
.tab06 li a{display:inline-block;position:relative;z-index:2;width:auto;padding:0 10px;font-size:11px;text-align:center;color:#b3b3b3;line-height:30px}
.tab06 li.on{}
.tab06 li.on a{color:#333;border-bottom:2px solid #333;}

.tab07{overflow:hidden;margin:0;}
.tab07 li{position:relative;float:left;width:40px;height:36px;box-sizing:border-box;}
.tab07 li a{display:block;position:relative;z-index:2;width:auto;height:100%;font-size:12px;text-align:center;color:#333;line-height:38px}
.tab07 li.on{}
.tab07 li.disable a{color:#ddd;}
.tab07 li.on a{color:#333;font-weight:bold;}

.tab01.col2 li,.tab02.col2 li,.tab03.col2 li,.tab04.col2 li,.tab05.col2 li,.tab06.col2 li{width:50%}
.tab01.col3 li,.tab02.col3 li,.tab03.col3 li,.tab04.col3 li,.tab05.col3 li,.tab06.col3 li{width:33.333333%}
.tab01.col4 li,.tab02.col4 li,.tab03.col4 li,.tab04.col4 li,.tab05.col4 li,.tab06.col4 li{width:25%}
.tab01.col5 li,.tab02.col5 li,.tab03.col5 li,.tab04.col5 li,.tab05.col5 li,.tab06.col5 li{width:20%}
.tab01.col6 li,.tab02.col6 li,.tab03.col6 li,.tab04.col6 li,.tab05.col6 li,.tab06.col6 li{width:16.66%}
.tab01.col7 li,.tab02.col7 li,.tab03.col7 li,.tab04.col7 li,.tab05.col7 li,.tab06.col7 li{width:14.285%}
.tab01.col8 li,.tab02.col8 li,.tab03.col8 li,.tab04.col8 li,.tab05.col8 li,.tab06.col8 li{width:12.5%}
.tab01.col9 li,.tab02.col9 li,.tab03.col9 li,.tab04.col9 li,.tab05.col9 li,.tab06.col9 li{width:11.111%}
.tab01.colFree li, .tab02.colFree li, .tab03.colFree li, .tab04.colFree li, .tab05.colFree li, .tab06.colFree li{width:auto;}
.tab01.colFree li a, .tab02.colFree li a, .tab03.colFree li a, .tab04.colFree li a, .tab05.colFree li a, .tab06.colFree li a{display:inline;padding:0 40px;}

.tabWrap .conArea .tabCon + .tabCon{display:none}

.board-type1{}

/* 게시판 배너 */
.program-banner{width:1200px;box-sizing:border-box;margin:0 auto 40px;padding:32px 35px;min-height:140px;background:no-repeat center bottom;}
.program-banner.type1{background-image:url(../images/etc/program-list05-banner.jpg);}
.program-banner.type2{background-image:url(../images/etc/program-list05-banner2.jpg);}
.program-banner.none{padding:0;}
.program-banner.none img{vertical-align:top;}
.program-banner .tit{display:block;font-size:24px;line-height:28px;letter-spacing:-1px;color:#fff;opacity:.85;}
.program-banner .des{display:block;margin:12px 0 0;font-size:14px;line-height:18px;letter-spacing:-1px;color:#fff;opacity:.85;}

/*게시판 타입1*/
.table-header{position:relative;width:1200px;margin:40px auto 0;font-size:0;}
.table-header .txt-box{position:absolute;top:0;left:0;width:100%;box-sizing:border-box;padding:30px;z-index:1;}
.table-header .txt-box .tit{display:block;font-size:24px;line-height:28px;color:#fff;font-family: 'Noto Sans DemiLight';}
.table-header .txt-box .txt{display:block;margin:10px 0 0;font-size:14px;line-height:18px;color:#fff;font-family: 'Noto Sans Light';}
.table-header img{width:100%;}

.board-type1{table-layout:fixed;width:100%;border-top:4px solid #343464;}
.board-type1-col1{width:80px;}
.board-type1-col2{width:*;}
.board-type1-col3{width:110px;}
.board-type1-col4{width:130px;}
.board-type1-col5{width:70px;}
.board-type1-col6{width:145px;}
.board-type1 th{padding:18px 0;border:1px solid transparent;border-bottom:1px solid #dddee0;text-align:center;font-size:14px;font-family:"Noto Sans Bold";}
.board-type1 td{padding:18px 10px;border:1px solid transparent;border-bottom:1px solid #dddee0;color:#949699;text-align:center;font-size:16px;}
.board-type1 tr:last-of-type td{border-bottom:2px solid #dddee0;}
.board-type1 .has-reply{display:inline-block;margin:5px 0 0 6px;font-size:12px;line-height:14px;color:#54585e;vertical-align:top;}
.board-type1 .num{color:#000;}
.board-type1 .notice{background:#f6f6f6;}
.board-type1 .notice .num{font-family:"Noto Sans Bold";color:#0088cf;}
.board-type1 .notice .tit{font-family:"Noto Sans Bold";}
.board-type1 .tit{text-align:left;color:#000;}
.board-type1 .tit a{max-width:90%;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#000;}
.board-type1 .tit .ico{display:inline-block;overflow:hidden;vertical-align:top;text-indent:-10000em;margin:5px 0 0 2px;width:14px;height:14px;background:url(../images/ico/ico-comp-miniboard.png) no-repeat;background-size:24px;}
.board-type1 .tit .ico.new{background-position:0 -12px;}
.board-type1 .tit .ico.lock{margin:11px 3px 0 0;background-position:-29px -53px;background-size:48px;}
.board-type1 .tit .ico.infile{margin: 9px 0 0 5px;background-position: -4px -78px;background-size: 48px;width: 15px;height: 15px;}
.board-type1 .writer{text-align:center;}
.split-board .best-list{border-top:3px solid #343464;}
.split-board .best-list li{padding:18px 0;border-bottom:1px solid #dddee0;}
.split-board .best-list .tit{display:block;font-size:16px;line-height:22px;letter-spacing:-1px;color:#000;}
.split-board .best-list .date{display:block;font-size:12px;line-height:16px;color:#54585e;}
.box-tit{margin:0 0 16px;font-size:20px;line-height:24px;letter-spacing:-.5px;color:#000;font-family:"Noto Sans Bold";}
.board-write-btn{float:right;display:block;margin:20px 0 0;padding:8px 40px;border:1px solid #717192;font-family:"Noto Sans Bold";font-size:14px;color:#fff;}
.board-guide-btn{float:left;display:block;margin:10px 0 0;padding:8px 0;font-size:14px;color:#949699 !important;}

/*paging*/
.paging{margin:20px 0 0 0;text-align:center;}
.paging .prev, .paging .next{display:inline-block;margin:0 10px;font-size:0;}
.paging .prev.disabled, .paging .next.disabled{cursor:default;}
.paging .prev .ico, .paging .next .ico{display:inline-block;width:8px;height:12px;}
.paging .prev .ico{background:url(../images/arrow/arrow-paging.png) no-repeat 0 0;background-size:16px;}
.paging .next .ico{background:url(../images/arrow/arrow-paging.png) no-repeat -8px 0;background-size:16px;}
.paging .prev.disabled .ico{background-position:0 -12px;}
.paging .next.disabled .ico{background-position:-8px -12px;}
.paging ol{display:inline-block;}
.paging ol li{display:inline-block;}
.paging a{padding:12px;font-size:16px;color:#000;}
.paging li.on a{color:#0088cf;}
.paging li.infinite{margin:0 12px;font-size:20px;}
.paging.type1{width:400px;margin:20px auto;}

/*게시판 검색폼*/
.board-search{display:table;margin:0 auto;border-collapse:collapse;}
.board-search .search-box{display:table-cell;width:120px;border:1px solid #dddee0;}
.board-search .search-box .selectricItems{top:auto;bottom:100%;}
.board-search .search-txt{display:table-cell;width:220px;border:1px solid #dddee0;}
.board-search .search-txt input{padding:10px;width:220px;font-size:14px;border:none;}
.board-search .search-submit{display:table-cell;padding:10px 15px;background:#343464;border:1px solid #343464;color:#fff;}

/*owl 갤러리 버튼*/
.owl-pagination{position:absolute;}
.owl-page{float:left;margin:0 5px 0 0;width:4px;height:4px;background:#fff;border-radius:4px;}
.owl-page:last-of-type{margin:0;}
.owl-page a{display:block;width:100%;height:100%;}
.owl-page.active{opacity:.5;}


/* radio checkbox common */
input[type='radio'], input[type='checkbox']{
	opacity:0; position:absolute; top: 10px; left:3px; filter:alpha(opacity=0); margin:0; z-index:10;
}
input[type='checkbox']+label, input[type='radio']+label{
	position:relative; display:inline-block; margin:0; padding:0; cursor:pointer; z-index:0; color:#666; letter-spacing:-1px;
}
/*input[type='radio']:focus+label, input[type='checkbox']:focus+label{
	color:#787676;
}*/

/*라디오버튼*/
/* radio+label */
input[type='radio'] {width:20px;height:20px;}
input[type='radio']+label {
	min-height:20px;margin:5px 0 0;padding:5px 0 8px 23px;font-size:13px;line-height:20px;color:#565a5d;background-image:url(../images/form/ico-radio-default.png);background-repeat:no-repeat;background-position:0 4px;background-size:20px;
}
/* radio checked+label */
input[type='radio']:checked+label {
	background-image:url(../images/form/ico-radio-chk.png);
}
/* radio disabled+label */
input[type='radio']:disabled+label {
	color:#b7b7b7;
	background-image:url(../images/form/ico-radio-default-dis.png);
}
/* radio disabled:checked+label */
input[type='radio']:disabled:checked+label {
	color:#b7b7b7;
	background-image:url(../images/form/ico-radio-chk-dis.png);
}
/*체크박스*/
/* checkbox+label */
input[type='checkbox'] {width:20px;height:20px;}
input[type='checkbox']+label {
	min-height:20px;margin:5px 0 0;padding:5px 0 8px 23px;font-size:13px;line-height:20px;color:#565a5d;background-image:url(../images/form/ico-checkbox-default.png);background-repeat:no-repeat;background-position:0 4px;background-size:20px;
}
/* checkbox checked+label */
input[type='checkbox']:checked+label{
	background-image:url(../images/form/ico-checkbox-chk.png);
}
/* checkbox disabled+label */
input[type='checkbox']:disabled+label{
		background-image:url(../images/form/ico-checkbox-default-dis.png);
}
/* checkbox disabled:checked+label */
input[type='checkbox']:disabled:checked+label{
	background-image:url(../images/form/ico-checkbox-chk-dis.png);
}

/* customScroll */
.customScroll .mCSB_inside>.mCSB_container{margin-right:25px;}
.customScroll .mCSB_scrollTools{width:25px;}
.customScroll .mCSB_scrollTools .mCSB_draggerContainer{margin:11px 0;}
.customScroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#dcdee0 !important;}
.customScroll .mCSB_scrollTools .mCSB_draggerRail{display:none;}