@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
html,body {width:100%;height:100%; font-family:'Nanum Gothic','Malgun Gothic'; }
body {overflow:auto; overflow-y:scroll}

#doc {position:relative;width:100%;overflow:hidden; }
/*body {overflow-y:visible;overflow-x:hidden;}*/
body.no-scr {overflow-y:hidden;}

.div-wrap {position:relative;width:100%;text-align:left;;margin:0 auto 0 auto;}
.div-cont {position:relative;text-align:left;margin:0 auto 0 auto;max-width:1050px;min-width:1050px;}
.div-cont:after {clear:both;content:"";display:block;}

.body-slide-wr{position:relative;width:100%;height:100%;transition:margin 0.3s ease;}
.body-slider-ovclick, .container-bg{position:fixed;z-index:2006;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.45);cursor:pointer }
.layer-slider-ovclick,.header-slider-ovclick{position:fixed;z-index:4006;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.75);cursor:pointer }

/* z-index */
.header-wrap-abs {z-index:7000;}
#header-wrap, #header {z-index:2009;position:relative;}
#container-wrap{z-index:2007; position:relative;}
#footer-wrap{z-index:2009;position:relative; }
#subtop-wrap {z-index:2006;}
#container{z-index:1001}


/* /////////////////////////////// 상단 ///////////////////////////////////*/

#header{position:relative;min-height:116px}
#header:after{width:2000px; height:3px; background:#2b559a; position:absolute; left:50%;margin-left:-1000px; display:block; content:""; z-index:-1px;  bottom:0;}

#logo {position:absolute;left:-15px;top:24px;z-index:2100;text-align:left; width:216px; height:45px; z-index:2500; opacity:1;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;	transition: all 0.5s ease-out;}
#logo a{display:block;height:76px;background:url(../_Img/logo.PNG) no-repeat center center / 155px;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
/* #logo img{display:inline-block;vertical-align:top; width:100px} */



/* ---------------------------- 
	상단 
----------------------------*/
#mainNavi-wrap {height:45px;overflow:hidden;position:absolute;left:0;top:35px;width:100%;display:block;z-index:6001;z-index:99}
#mainNavi-wrap .tmn-tit {display:none;}
#mainNavi-wrap .side-banner {display:none;}
#mainNavi-wrap .side-banner2 {display:none;}
#mainNav {position:relative;}

.topmenu {display:block;position:relative;text-align:right; padding-right:0px;}
.topmenu:after {display:block;content:"";clear:both;}
.topmenu .tgl-btn {display:none;}
.topmenu a, .topmenu span {white-space:nowrap;color:#666;}
.topmenu .mn_a1 {height:23px;line-height:1.35em;display:block; text-align:center;margin-left:60px; padding-top:15px;padding-bottom:7px;position:relative;overflow:hidden}
.topmenu .mn_l1 {display:inline-block;; position:relative; }
.topmenu .mn_l1.isTopHide {display:none;}
.topmenu .mn_s1 {color:#111;font-size:20px;font-weight:600;cursor:pointer;text-align:center;white-space:nowrap;text-transform:uppercase;display:block;text-overflow:ellipsis;letter-spacing:0}
.topmenu li.mn_l1:first-child:after{display:none}
.topmenu li.mn_l1.is-over .mn_s1{color:#2b559a; font-weight:600;}


.topmenu #tm03 .depth2-wrap{left:auto; right:-140px;text-align:right;}

.topmenu #tm04 .depth2-wrap{left:auto; right:-65px;text-align:right;}
.topmenu #tm04 .depth2,.topmenu #tm03 .depth2 {text-align:left;}

.topmenu #tm05 .depth2-wrap{left:auto; right:-20px;text-align:right;}

.topmenu #tm06 .depth2-wrap{left:auto; right:0;text-align:right;}
.topmenu #tm06 .depth2,.topmenu #tm05 .depth2 {text-align:left;}

.topmenu .depth2-wrap {position:absolute;top:49px;line-height:120%;display:none;visibility:hidden;padding:0; width:auto; min-width:895px;; left:-40px;text-align:left;}
.topmenu li:nth-child(2) .depth2-wrap {left:-112px;}
.topmenu .depth2 {position:relative;height:auto;padding:3px 15px 0px 15px;overflow:hidden;background:#2b559a; width:auto;display:inline-block; font-size:0; }
.topmenu .depth2 li {white-space:nowrap;letter-spacing:-1px;display:inline-block; vertical-align:top;;width:auto;}
.topmenu .depth2 .mn_l2 {text-align:left; position:Relative; }
.topmenu .depth2 .mn_l2:after{background:#fff; position:Absolute; left:-1px; top:50%;margin-top:-7px; height:14px; display:block; content:""; width:1px;}
.topmenu .depth2 .mn_a2:before{position:Absolute; left:50%; top:-10px;margin-left:-5px;; display:block; content:""; width:1px;border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 5px solid #fff;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;transition: all 0.2s ease-out;}
.topmenu .depth2 .mn_a2:hover:before, .topmenu .depth2 .mn_l2.over .mn_a2:before{top:-3px;}

.topmenu .depth2 .mn_l2:first-child:after{display:none}
.topmenu .depth2 .mn_a2 {cursor:pointer;padding:0 25px;display:block; position:relative;}
.topmenu .depth2 .mn_a2 span {display:inline-block; padding:5px 0; position:relative;font-weight:400;white-space:nowrap; line-height:110%; font-size:16px;letter-spacing:-0.01em;color:#fff;}
.topmenu .depth2 .over .mn_a2 ,.topmenu .depth2 .mn_a2:hover,.topmenu .depth2 .mn_a2:focus, .topmenu .depth2 .mn_a2:active {font-weight:600;}
.topmenu .depth2 .is-over .mn_a2 span,topmenu .depth2 .over .mn_a2 span {color:#fff; }


#mainNavi-wrap .ovbar {position:absolute;height:14px;top:67px;;overflow:hidden; height:12px;display:none;}
#mainNavi-wrap .ovbar:after {position:absolute;bottom:0;left:50%;margin-left:-25%;background:#000; height:3px;content:"";display:block;z-index:200; width:50%}

.mn-bar{/* background:#2b559a; */display:none; position:absolute; left:50%; margin-left:-1000px;  width:2000px; top:120px; }

.mn-allbtn{ width:34px; height:30px; z-index:6004;position:Absolute ;right:0px ;top:43px;background:url(../_Img/Layout/bt-mnall.png) no-repeat center center;}



.allmenu-wrap{ z-index:9294;position:fixed; display:none; left:50%;top:50%; min-width:980px; background:#fff; box-sizing:border-box;border:4px solid #2b559a; padding:40px;left:50%; top:50%;-webkit-transform: translate(-50%, -50%);  -moz-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  -o-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);}
.allmenu-wrap h3{ font-size:50px; color:#2b559a; font-weight:800; text-transform:uppercase; display:block; text-align:center ;line-height:140%;}
.allmenu-wrap h4{ position:absolute; left:30px; top:30px; font-size:21px; color:#c4ccd4; letter-spacing:-0.03em;font-weight:800; background:url(../_Img/Layout/allmenu-tit.jpg) no-repeat left bottom; height:48px; padding-left:50px; padding-top:25px; box-sizing:border-box;}
.allmenu-wrap .close{position:absolute; right:20px; top:20px; width:40px; height:40px;background:url(../_Img/Layout/allmenu-close.jpg) no-repeat center center;}
.allmenu-wrap .ov{overflow:hidden; padding:45px 0;}
.allmenu-wrap dl{float:left; width:22%; padding-right:3%;}

.allmenu-wrap dl dt{font-weight:800;border-bottom:1px dashed #676767; margin-bottom:15px;}
.allmenu-wrap dl dd{font-weight:800}
.allmenu-wrap dl dt a{display:block;color:#2b559a; font-size:24px;line-height:120%; letter-spacing:-0.04em; padding:10px 5px}
.allmenu-wrap dl dd a{display:block;color:#656667; font-size:18px; line-height:120%; letter-spacing:-0.04em;position:relative; padding:7px 7px 7px 15px;}
.allmenu-wrap dl dd a:before{width:4px; height:4px;background:#656667; position:absolute; left:0; top:14px; display:block; content:"";}









/* ---------------------------- 
	컨텐츠 
----------------------------*/
.mcontainer #contents{min-height:500px; padding:30px 0 40px  0;}
.scontainer #contents{min-height:500px; /*padding-bottom:100px;*/padding:0 0 70px 0; float:right; width:800px; /* width:808px */}
.scontainer{max-width:1050px; margin:0 auto;}
.scontainer #contents.div-cont{max-width:1050px; position:relative; }
.scontainer .content-ov{overflow:hidden; padding-top:25px; position:relative;}


/* login-sub */
.login-sub.logout{font-family:'Dotum';position:Absolute; right:0; top:14px; z-index:999; font-size:0;text-align:right; width:400px;}
.login-sub.logout .info{color:#333; font-size:14px;display:inline-block; vertical-align:top; line-height:20px; margin-right:14px;}
.login-sub a{ color:#333; font-size:14px;display:inline-block; vertical-align:top; line-height:20px; text-decoration:underline}
.login-sub a.modify-btn{margin-right:15px;}


/* svisual-wrap */
#svisual-wrap{height:235px; position:relative; z-index:5; }
#svisual-wrap:after{width:2000px; height:3px; left:50%;margin-left:-1000px; background:#dadada; bottom:-2px; position:absolute; display:block; content:"";}

#svisual-wrap .vistxt{ position:absolute; right:10px;;top:75px;height:100%;color:#fff; width:367px; text-align:left; line-height:220px;; height:auto; font-size:30px; letter-spacing:-0.03em;}
#svisual-wrap .vistxt .btxt{ display:block;font-size:32px; color:#2b559a; letter-spacing:-0.03em; line-height:40px;}
#svisual-wrap .vistxt .btxt span{font-size:46px; font-weight:800;  }
#svisual-wrap .vistxt .stxt{ display:block;font-size:16px; font-weight:400; margin-top:8px; color:#444; line-height:130%; text-align:left;}
#svisual-wrap .visimg{position:absolute; left:50%; top:0; width:2000px; height:100%; z-index:-1; margin-left:-1000px; text-align:center;}
#svisual-wrap .visimg.vis01{background:url(../_Img/Sub/svisual-01.jpg) no-repeat center center;}
#svisual-wrap .visimg.vis02{background:url(../_Img/Sub/svisual-02.jpg) no-repeat center center;}
#svisual-wrap .visimg.vis03{background:url(../_Img/Sub/svisual-03.jpg) no-repeat center center;}
#svisual-wrap .visimg.vis04{background:url(../_Img/Sub/svisual-07.jpg) no-repeat center center;}
#svisual-wrap .visimg.vis05{background:url(../_Img/Sub/svisual-05.jpg) no-repeat center center;}
#svisual-wrap .visimg.vis06{background:url(../_Img/Sub/svisual-06.jpg) no-repeat center center;}


/* subNavi-wrap */
#subNavi-wrap{ float:left; width:214px; position:relative; z-index:9;padding-bottom:50px;}
#subNavi-wrap #subNavi{border:1px solid #ccc; }

#subNavi-wrap .lm-tit{ padding:15px 25px}
#subNavi-wrap .lm-tit .btxt{display:block;font-size:12px; color:#777;  text-transform:uppercase}
#subNavi-wrap .lm-tit .stxt{display:block;font-size:23px; color:#111; font-weight:600; letter-spacing:-0.05em; line-height:130%;}

.leftmenu ul{font-size:0; text-align:left; padding:0 20px 45px 20px;position:Relative;}
.leftmenu ul:before{width:214px; left:50%; margin-left:-107px; height:1px; background:#ccc; display:block; content:"";z-index:-1;position:absolute;  bottom:0;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.leftmenu li{ display:block; vertical-align:top; position:relative;border-bottom:1px solid #e9e9e9;}
.leftmenu li a.lm_a2{ font-size:13.5px;letter-spacing:-0.03em; color:#222; line-height:44px; display:block; text-align:left;; position:relative; padding-left:10px;}
.leftmenu li.over a.lm_a2:after{width:214px; left:50%; margin-left:-107px; height:100%; background:#2b559a; display:block; content:"";z-index:-1;position:absolute;  bottom:0;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.leftmenu li.over a.lm_a2{font-weight:600; color:#fff;}

/* subHelp */
.subHelp{margin-top:15px; box-sizing:border-box; padding:10px 15px 15px 15px; border:1px solid #ccc;position:relative;}
.subHelp h3{font-size:18px; font-weight:bold; color:#000; text-align:left; padding-left:45px; padding-top:10px; padding-bottom:10px;  letter-spacing:-0.03em;  border-bottom:2px solid #dcdcdc ; margin-bottom:8px; background:url(../_Img/Sub/help.gif) no-repeat left bottom; }
.subHelp h3 span{ }
.subHelp .btxt{font-size:20px; font-weight:bold; color:#666; line-height:120%; padding-top:3px}
.subHelp .btxt2{font-size:24px; font-weight:bold; color:#579635; line-height:120%; }
.subHelp .stxt{font-size:17px; color:#444; line-height:120%; padding-top:3px;letter-spacing:-0.04em;}
.subHelp .ctxt{font-size:14px; line-height:150%; color:#777;letter-spacing:-0.04em;}



/* cont-top */
.cont-top{margin-bottom:20px; position:Relative;}
.cont-top .tit{padding-top:10px;color:#111; font-size:24px; letter-spacing:-0.04em; border-bottom:1px solid #dadada; padding-bottom:15px; line-height:140%;}
.cont-top .path{/* font-family:'Dotum';  */font-size:0; position:Absolute; right:0; top:20px;}
.cont-top .path li{letter-spacing:-0.02em;color:#333; position:relative; font-size:13px;display:inline-block; vertical-align:top; margin-left:22px;}
.cont-top .path li:before{ width:14px; height:20px; background:url(../_Img/Sub/path-arrow.jpg) no-repeat center center ;display:block; content:""; position:absolute; left:-20px; top:50%;margin-top:-10px; }
.cont-top .path li:first-child:before{display:none;}
.cont-top .path li:last-child{font-weight:600; color:#111 ; letter-spacing:-0.03em;}





















/* ---------------------------- 
	하단 
----------------------------*/
#footer-wrap {display:block;}
#footer-wrap:after{background:#727272; width:2000px; position:absolute; height:100%;left:50%; margin-left:-1000px; top:0; z-index:-1; display:block; content:"";}
#footer {padding:26px 0; position:relative;}

#f-link{ height:41px; position:relative;}
#f-link:after{background:#a2a2a2; width:2000px; position:absolute; height:1px;left:50%; margin-left:-1000px; bottom:0; display:block; content:"";}
#f-link ul{font-size:0;text-align:center;}
#f-link li{display:inline-block; vertical-align:top; position:relative;font-weight:400;}
#f-link li:before{width:1px ;height:14px; position:Absolute; left:-1px; top:50%;margin-top:-7px; display:block; content:"";background:#fff;}
#f-link li:first-child:before{display:none;}
#f-link li a{font-size:15px; letter-spacing:-0.03em; line-height:40px; color:#fff; display:block; padding:0 40px;}

#f-logo{width:142px; height:29px; position:Absolute; left:0px; top:28px;background:url(../_Img/f-logo.gif) no-repeat center center;}
#f-info{color:#fff; font-size:15px; line-height:150%;}
#f-btn { position:Absolute; left:912px; top:28px; }
#f-btn a{display:block; width:138px; height:40px; background:url(../_Img/btn_remote.gif) no-repeat center center; }

.btn-survey{
	width:170px;
	height:39px;    
	border: none;
    float: right;
}
.btn-survey.start{
	background:url(../survey/images/b_start.png)no-repeat center / 100%;
}
.btn-survey.end{
	background:url(../survey/images/b_end.png)no-repeat center / 100%;
}

.edu-wrap{
	display: flex;
	position:relative;
	margin-bottom:70px;
}
.edu-wrap .img img{
	width:300px;
	border-top:2px solid #999;
	border-bottom:2px solid #999;
}
.edu-wrap .table{
	border-top:2px solid #999;
	border-bottom:2px solid #999;
	margin-left:20px;
}
.edu-wrap .table th{
	padding:5px 10px;
	background: #eee;
	text-align: left;
	border-bottom:1px solid #ccc;
}
.edu-wrap .table td{
	padding:5px 10px;
	border-bottom:1px solid #ccc;
}
.edu-wrap .table tr:last-child th,
.edu-wrap .table tr:last-child td{
	border-bottom:none;
}
.edu-wrap .class-enter{
	position:absolute;
	right:0;
	bottom:-50px;
}

.edu-wrap .class-enter.type-end{
	border:1px solid #631111;
	background: linear-gradient(to bottom, #c05e5e 0%, #9a2b2b 28%);
}

/* 백스킨 화이트 적용 */
.b-modal.__b-popup1__{
	background:#fff !important;
	opacity: 1 !important;
}