@charset "utf-8";

/* waplez css */

/* skipNav */
#skipNav{width:100%; display:block; position:relative; left:0; top:0; z-index:100; text-align:center;}
#skipNav a, #skipnav a:link{overflow: hidden; position: absolute; top: -1px; left: 0; display: block; margin: 0 0 -1px; width: 100%; height: 1px; font-size: 14px; line-height: 30px; font-weight: bold; color:#333;}
#skipNav a:hover, #skipNav a:focus, #skipNav a:active {background:#fbfbfb; padding:3px; border:1px solid #999; height:auto; color:#333; text-decoration:underline;}

/* reset css */
html,body{margin:0;padding:0;}
body{font:13px/1.5 "Malgun Gothic", "돋움", Dotum, "굴림", Gulim, sans-serif;color:#767676; background-color:#fff;letter-spacing:-.25px;}
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,select,textarea,p,blockquote,tbody,tfoot,thead,th,td{margin:0;padding:0;}
input,textarea,select,td,th,button{font:13px/1.5 "Malgun Gothic", "돋움", Dotum, "굴림", Gulim, Arial, sans-serif;color:#767676;vertical-align:middle;letter-spacing:-.25px;}
input[type="image"]{vertical-align:baseline;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
table{table-layout:fixed;width:100%;border-spacing:0;border-collapse:collapse;}
ol,ul,li{list-style:none;}
hr, legend, caption, .skip{visibility:hidden;overflow:hidden;line-height:0.1%;font-size:0.1%;width:0.1%;height:0.1%;}
img,fieldset{border:0 none;}
label,button{cursor:pointer;}
em,address{font-style:normal;}
a:link,a:visited{color:#767676;text-decoration:none;}
a:focus{text-decoration:underline;}

img{width:auto;height:auto;max-width:100%;}

#wrapper .exam_area{margin:30px 0 0;}
#wrapper .exam_area h4{font-weight:bold;font-size:16px;margin:0 0 10px;}
#wrapper .exam_wrap{}
#wrapper .exam_wrap h5{font-weight:bold;font-size:14px;margin:0 0 5px;}
#wrapper .exam_wrap div:first-child table{margin-top:0;}
#wrapper .exam_wrap{margin:10px 0 0;}
#wrapper .exam_wrap table .td1{width:40px;font-weight:normal;}
#wrapper .exam_wrap table .td2 input[type="text"]{width:80%;}

body #bbswrite .td1{padding-top:0;vertical-align:middle;}
body #bbswrite textarea{width:100%;height:150px;}
body #bbslist .cont_erv table{table-layout:auto;}
body #bbslist .cont_erv table td{padding:0 5px 0 0;}
body #bbslist .cont_erv table td + td{padding:0;}
body #bbslist .bottom{margin:15px 0 0;}
body #bbslist .bottom:after{content:'';display:block;clear:both;}
body #bbslist .bottom .btnbox1{float:left;}
body #bbslist .bottom .btnbox2{float:right;}

.pagebox01 img{width:16px;}
.pagebox01 .selected,
.pagebox01 .notselected{font-size:12px;}
.btnblue, .btngray{min-width:0;}

/* 인풋 */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="number"]{height:16px;padding:2px 0 1px;border:1px solid #cfcfcf;line-height:16px;text-indent:10px;}
input[type="radio"],
input[type="checkbox"]{width:13px;height:13px;}
input[type="file"]{height:20px;border:1px solid #cfcfcf;background:none;}
textarea{overflow:auto;overflow-x:hidden;border:1px solid #cfcfcf;background:#fff;resize:none;}
iframe.frame {width:100%;overflow:hidden;}
select{border:1px solid #cfcfcf;}

.dtable_txt{margin:0 0 15px;}
.dtable_txt:after{content:'';display:block;clear:both;}
.dtable_txt .txt_left{float:left;}
.dtable_txt .txt_right{float:right;}
.dtable_desc{margin:15px 0 0;}

.form_left{display:inline-block;margin:-5px -10px 0 0;font-size:0.3em;}
* html .form_left{display:inline;}
*+html .form_left{display:inline;}
.form_left li{display:inline-block;margin:5px 10px 0 0;font-size:12px;}
* html .form_left li{display:inline;}
*+html .form_left li{display:inline;}
.form_left label{margin:0 0 0 5px;vertical-align:middle;}
.form_left.type_full li{width:100%;margin-right:0;}

.agree_box{overflow:auto;height:500px;padding:15px 2%;border:0;outline:1px solid #cfcfcf;}
.box_gray{margin:0 0 4%;padding:5%;background:#f3f3f3;}
.box_explan{padding:5%;border-top:1px solid #bdbdbd;border-bottom:1px solid #bdbdbd;background:#eaf3f9;}
.box_explan p{margin:3% 0 0;}
.box_explan p:first-child{margin-top:0;}
.box_explan .t_point{margin:0 5px 0 0;}

/* 정렬 */
.al_middle{display:inline-block;vertical-align:middle;}

/* 버튼 */
button{overflow:visible;margin:0;padding:0;border:0;background:none;white-space:nowrap;cursor:pointer;}
button::-moz-focus-inner{padding:0;border:0;}
* html button{margin:0 1px;}
*+html button{margin:0 1px;}

.btn_wrap{zoom:1;margin:15px 0 0;font-size:0;}
.btn_wrap:after{content:'';display:block;clear:both;}
.btn_wrap .btn_left{float:left;margin:0 0 0 -3px;}
.btn_wrap .btn_right{float:right;margin:0 -3px 0 0;}
.btn_wrap input,
.btn_wrap button,
.btn_wrap a{display:inline-block;margin:0 3px;vertical-align:middle;}

.dtable .btn_center{padding:0;border:0;}
.btn_center{position:relative;margin-top:15px;text-align:center;font-size:0;}

.btn_css{display:inline-block;margin:0 3px;padding:0 0 0 8px;background:url('./image/btn_css.png') no-repeat;text-align:center;cursor:pointer;height:36px;vertical-align:middle;letter-spacing:0;}
.btn_css:hover{text-decoration:none;}
.btn_css span{display:inline-block;position:relative;right:-2px;height:36px;padding:0 10px 0 0;background:url('./image/btn_css.png') no-repeat 100% 0;font:bold 12px/36px dotum;color:#fff;}

.btn_css.gray{background-position:0 -36px;}
.btn_css.gray span{background-position:100% -36px;}

.btn_cs{display:inline-block;margin:0 3px;padding:0 0 0 5px;background:#856b48/*url('./image/btn_cs.png') no-repeat 0 0*/;text-align:center;cursor:pointer;height:17px;vertical-align:middle;letter-spacing:0;}
.btn_cs:hover{text-decoration:none;}
.btn_cs span{display:inline-block;position:relative;right:-2px;height:17px;padding:0 7px 0 0;background:#856b48;font:bold 11px/17px dotum;color:#fff;}

.btn_cs.orange{background:#e10000;}
.btn_cs.orange span{background:#e10000;}
.btn_cs.gray{background:#767676;}
.btn_cs.gray span{background:#767676;}
.btn_cs.white{background:url('./image/btn_cs.png') no-repeat 0 -17px;}
.btn_cs.white span{background:url('./image/btn_cs.png') no-repeat 100% -17px;color:#856b48;}

/* box */
.box_scroll{}
.box_scroll .box{overflow:auto;overflow-x:hidden;}

/* table */
table.layout{width:100%;}
table.layout td{padding:5px;}
.dtable{width:100%;border-top:1px solid #e6e6e9;border-right:1px solid #e6e6e9;border-spacing:0;border-collapse:collapse;}
.dtable th,
.dtable td{padding:8px 5px 7px;border-bottom:1px solid #e6e6e9;border-left:1px solid #e6e6e9;text-align:center;}
.dtable th,
.dtable td.th{background:#eaebee;font-weight:bold;color:#202020;}
.dtable.row th,
.dtable.row td{text-align:left;}

.float_wrap{zoom:1;}
.float_wrap:after{content:'';display:block;clear:both;}
.float_wrap .conLeft{display:inline;float:left;}
.float_wrap .conRight{display:inline;float:right;}

.wrapper{position:relative;width:1000px;margin:0 auto;}
.wrapper:after{content:'';display:block;clear:both;}

/* header */
#header{position:relative;z-index:10;height:116px;margin:0 0 -6px;background:url('./image/bg_gnb.png') repeat-x;}
#header .wrapper{z-index:2;}
#header h1{position:absolute;left:0;top:19px;}
#header .head{position:absolute;right:0;top:22px;}
#header .conRight{float:right;}
#header .util_wrap{display:inline-block;vertical-align:middle;color:#cecece;}
*+html #header .util_wrap{display:inline;}
#header .util_wrap a{margin:0 0 0 5px;font-weight:bold;font-size:11px;color:#767676;}
#header .search{display:inline-block;vertical-align:middle;}
*+html #header .search{display:inline;}

#gnbMenu{overflow:hidden;position:absolute;right:0;top:70px;width:100%;height:39px;padding:0 0 6px;background:url('./image/bg_gnb.png') repeat-x 0 100%;}
#gnbMenu .outer{padding:10px 0 0;background:#7a9aae;}
#gnbMenu .inner{margin:45px 0 0;}
#gnbMenu .inner:after{content:'';display:block;clear:both;}
#gnb{display:table;width:1000px;margin:-45px auto 0;padding:0 0 64px;}
#gnb>li{display:inline-block;min-width:100px;margin:0 0 0 20px;vertical-align:top;}
*+html #gnb>li{display:inline;}
#gnb>li:first-child{margin-left:0;}
#gnb>li>a{display:block;font-weight:bold;font-size:14px;text-align:left;color:#fff;}
#gnb .sub{padding:25px 0 0;text-align:left;}
#gnb .sub li{margin:5px 0 0;}
#gnb .sub li a{font-size:13px;text-transform:capitalize;color:#fff;}
#gnb .sub li a:hover,
#gnb .sub li a:focus,
#gnb .sub li.active a{color:#0057a8;}

/* layout */
#contents{width:100%;padding:50px 0 0;}
#contents #sBody .wrapper{width:auto;}
#sBody #conLeft{float:left;width:200px;padding:50px 0 0;}
#sBody #conLeft h2{padding:0 0 8px;border-bottom:2px solid #7a9bae;font-size:15px;font-weight:bold;color:#000;letter-spacing:-1px;}
#sBody #contents{position:relative;}
#sBody #conLeft + #contents{float:right;width:720px;}
#sBody #contents h3:first-child{margin:0 0 40px;font-weight:bold;font-size:25px;color:#103659;text-transform:capitalize;}
#location{position:absolute;right:0;top:50px;}

/* footer */
#footer{margin:50px 0;}
#footer .wrapper{}
#footer .logo{float:left;margin:0 50px 0 0;}
#footer .foot{float:left;}
#footer .elink{}
#footer .elink a{}
#footer address{}
#footer .copyright{}

/* sitemap */
#divSitemap{display:table;overflow:hidden;position:relative;width:100%;font-size:0;text-transform:capitalize;}
#divSitemap > ul{margin:-20px -3.3% 0 0;}
#divSitemap > ul > li{display:inline-block;width:22%;margin:20px 3% 0 0;border-top:1px solid #0057a8;font-weight:bold;font-size:18px;vertical-align:top;}
#divSitemap > ul > li > a{display:block;padding:13px 10px 13px 10px;color:#333;}
*+html #divSitemap > ul > li{display:inline;}
#divSitemap > ul > li ul{border-top:1px solid #ddd;}
#divSitemap > ul > li li{border-bottom:1px solid #ddd;font-size:14px;}
#divSitemap > ul > li li a{display:block;padding:10px;}

/* lnb */
#lnb{background:#fff;}
#lnb li{border-bottom:1px solid #e1e1e1;}
#lnb li a{display:block;padding:14px 20px;background:url('./image/ico_lnb.png') no-repeat 92% 12px;font-size:14px;letter-spacing:-1px;text-transform:capitalize;}
#lnb li.active a,
#lnb li a:hover,
#lnb li a:focus{background-position:92% -38px;;color:#0057a8;}

/* contents */
/* main */
.main-container {overflow:hidden;position:relative;margin:0 0 -25%;}
#slider {position:relative; z-index:2; float:left; font-size:26px; -webkit-transform:translate3d(0,0,0);}
.swipe-item {-webkit-box-sizing:border-box; position:relative; z-index:3;  display:block; float:left; width:100%; background:transparent; -webkit-transform:translate3d(0,0,0);}
.swipe-item .image {display:block;}
.main-container .bul-wrap {text-align:center; position:absolute; z-index:10; bottom:50px; left:0; right:0;}
.main-container .bul-wrap a {display:inline-block;background:#fff; width:8px; height:8px; border-radius:50%; margin:0 3px; vertical-align:middle;}
.main-container .bul-wrap a.active {background:#7a9aae;}

/* contents */
.layerpop{display:none;position:absolute;left:3%;right:3%;top:0;z-index:9999;text-align:center;}
.layerpop:before{content:'';position:fixed;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.85;filter:alpha(opacity=85);}
.layerpop .inner{position:relative;max-width:640px;margin:0 auto;padding:160px 0 0;}
.layerpop .head{position:relative;padding:4% 0;background:#7a9aae;color:#fff;text-align:center;}
.layerpop .head h1{font-weight:bold;font-size:1.33em;}
.layerpop .cont{padding:4% 3%;background:#fff;}
.layerpop .btn_right{margin:10px 0 0;text-align:right;}
.layerpop .close{position:absolute;right:4%;top:50%;margin:-9px 0 0;}

#layerpop_SNS .inner{max-width:580px;}
.list_social{text-align:center;}
.list_social a{display:inline-block;margin:0 4%;font-size:.92em;}
.list_social a span{display:inline-block;height:60px;}
.list_social a span:before{content:'';display:inline-block;width:0;height:100%;vertical-align:middle;font-size:0;}
.list_social a img{vertical-align:middle;}

.tab_wrap{position:relative;}
.tab_wrap .tab{margin:0 0 4%;}
.tab_wrap .tab:after{content:'';display:block;clear:both;}
.tab_wrap .tab li,
.tab_wrap .tab td > span{display:block;float:left;position:relative;margin:0 -1px 0 0;border:1px solid #bdbdbd;}
.tab_wrap .tab td > span{float:none;text-align:center;}
.tab_wrap .tab a{display:block;line-height:2.2;padding:0 2%;background:#fff;font-weight:bold;font-size:1.08em;}
.tab_wrap .tab td a{padding:0;}
.tab_wrap .tab li.on,
.tab_wrap .tab td.on > span{z-index:2;}
.tab_wrap .tab li.on a,
.tab_wrap .tab td.on a{background:#eaf3f9;color:#7a9aae;}

.tab_wrap .tabcont{overflow:hidden;height:0;}
.tab_wrap .tabcont.on{height:auto;}

.list_basic{position:relative;border-top:1px solid #000;}
.list_basic:before{content:'';position:absolute;left:0;top:0;right:0;height:.2em;background:#e8e8e8;}
.list_basic > ul > li.on > a{font-weight:bold;color:#333;}
.list_basic > ul > li > a,
.list_basic .board thead th,
.list_basic .board td{position:relative;padding:0 2.5%;border-bottom:1px solid #ccc;line-height:2.9;}
.list_basic .board thead th{background:#f1f1f1;font-weight:bold;color:#3a3a3a;}
.list_basic li a,
.list_basic .board .sbj a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;}
.list_basic li a{display:block;}
.list_basic .board .sbj a{display:inline-block;max-width:88%;}
.list_basic li .num{color:#393939;}
.list_basic .btn_more{
	display:block;margin:-1px 0 0;border:1px solid #cacaca;text-align:center;font-size:1em;line-height:2.8;
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #f3f3f3 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f3f3f3));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f3f3f3 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#f3f3f3 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#f3f3f3 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#f3f3f3 100%);
}
.list_basic .board td{text-align:center;}
.list_basic .board td.sbj{text-align:left;}
.list_basic .board .new{color:#f00;font-size:.83em;}
.list_basic .on .books{height:auto;}
.list_basic .books{overflow:hidden;height:0;}
.list_basic .books p{padding:0 3%;border-bottom:1px solid #c5c5c5;background:#f3f3f3;font-size:1.08em;line-height:2.8;}
.list_basic .books .wrap{overflow:hidden;position:relative;border:1px solid #c5c5c5;border-top:0;}
.list_basic .books ol{margin:0 0 -1px -1px;}
.list_basic .books ol:after{content:'';display:block;clear:both;}
/*.list_basic .books ol:after{content:'';display:block;clear:both;position:relative;top:-1px;border-bottom:1px solid #c5c5c5;}*/
.list_basic .books li{float:left;width:20%;}
.list_basic .books li a{display:block;margin:-1px -1px 0 0;border:1px solid #c5c5c5;font-size:1.08em;line-height:3.2;text-align:center;}

.list_basic.type_arr > ul > li > a{padding-right:10%;}
.list_basic.type_arr > ul > li > a:before{content:'';position:absolute;right:5%;top:50%;width:10px;height:11px;margin:-6px 0 0;background:url('./image/ico_arr.png') no-repeat;background-size:100%;}
.list_basic.pattern > ul > li:nth-child(even),
.list_basic.pattern tr:nth-child(even){background:#f6f6f6;}

.ico_i{position:relative;padding:0 0 0 18px;}
.ico_i:before{content:'';position:absolute;left:0;top:2px;width:12px;height:12px;background:url('./image/ico_i.png');background-size:100%;}
.ico_i.type2:before{background-image:url('./image/ico_i2.png');}

.list_base{}
.list_base li{margin:5% 0 0;}
.list_base li:first-child{margin-top:0;}

.cont_erv{padding:5% 0 0;}
.cont_erv table{}
.cont_erv td{width:30px;padding:10px 0;border-bottom:0;line-height:1.2;vertical-align:top;}
.cont_erv td + td{width:auto;}
.cont_erv td .vtop{font-size:.85em;color:#7a9aae;vertical-align:text-top;}

.search_area{position:relative;margin:0 0 6%;padding:0 40px 0 1%;border-radius:5px;background:#eaeaea;}
.search_area input[type="text"]{width:100%;height:37px;border:0;background:none;font-size:1em;}
.search_area input[type="image"]{position:absolute;right:12px;top:50%;margin:-9px 0 0;}

.list_basic.myPlans{margin:-8% 0 0;}
.list_basic.myPlans li{}
.list_basic.myPlans a{display:block;padding:4% 2.5%;font-size:1em;line-height:1.4;white-space:normal;}
.list_basic.myPlans a > strong{display:block;font-weight:normal;font-size:1.08em;color:#333;}
.list_basic.myPlans a > span{display:block;font-size:.83em;}

.cal_head{margin:0 0 2%;text-align:center;}
.cal_head a{display:inline-block;vertical-align:middle;}
.cal_head .num{display:inline-block;vertical-align:middle;margin:0 2%;font-size:1.08em;}

.view_head{position:relative;padding:0 0 2%;text-align:center;}
.view_head .day{position:absolute;left:0;top:5px;width:19px;height:23px;background:url('./image/ico_cal.png') no-repeat;background-size:100%;font-weight:bold;text-align:center;color:#000;}
.view_head .day em{display:inline-block;padding:8px 0 0;}
.view_head .num{display:inline-block;padding:0 0 2%;font-size:1.3em;line-height:1.2;color:#000;}

.quiz_wrap{}
.quiz_wrap .head{padding:3%;font-weight:bold;font-size:1.2em;color:#000;}
.quiz_wrap .body{padding:3%;border-top:1px solid #c5c5c5;border-bottom:1px solid #c5c5c5;background:#f7f7f7;font-size:1.2em;line-height:1.5;}
.quiz_wrap input[type="text"]{width:20%;}