/* reset */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video, button, input, select, textarea{margin:0; padding:0;}
button,input{border-radius:0}
fieldset,img{border:0}
ol,ul{list-style:none}
address,em{font-style:normal}
a{text-decoration:none}
iframe{overflow:hidden; margin:0; padding:0; border:0
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main{display:block;}
.blind{position:absolute;overflow:hidden;clip:rect(0 0 0 0);margin:-1px;width:1px;height:1px;}
button{cursor:pointer;}
button, input, select{vertical-align:middle;}

/* Å×À̺í Ä­ ¿©¹é»©±â, ¼±ÇÕÄ¡±â */
table{border-spacing:0; border-collapse:collapse;}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}

body, h1, h2, h3, h4, h5, h6, input, textarea, select {
	font-family: 'Noto Sans KR', sans-serif; ,'malgun gothic',dotum,sans-serif;
}


/*
body,input,button,textarea,select,table {
font-family:'Noto Sans KR','malgun gothic',dotum,sans-serif;
}
*/

#wrap {min-width:1200px; overflow:hidden; position: relative;}



/* new Çì´õ 200806 */
.blind {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    margin: -1px;
    width: 1px;
    height: 1px;
}

#header {position:relative;z-index:500;min-width:1260px;
    border-bottom: 1px solid #e8e9ef;}

.header {width:100%;height:64px;letter-spacing:-1px; /*background-color:#223cb5*/ background:#fff;}
.header:after {display:table;clear:both;content:"";table-layout:fixed}
.header .area_logo {float:left;}
.header .area_logo .link_logo {float:left;margin-left: 39px;padding-top:14px;height:64px;box-sizing:border-box;}
.header .area_logo .link_logo:after {display:inline-block;position:absolute;top:0;left:0;z-index:1;width:1px;height:100%;background:rgba(0 0 0 0);content:"";cursor:default}

.header .area_logo .link_logo .img{width: 40px; float: left;}

.header .area_logo .link_logo .oneshot{padding-left: 48px; font-family: 'malgun Gothic';}
.header .area_logo .link_logo .oneshot .kor{display: block; color: #1e2327; font-size: 21px; font-weight: 600; line-height:0.5; position: relative; top: 6px; left: 0; letter-spacing: -2.2px; word-spacing: -3px;}
.header .area_logo .link_logo .oneshot .eng{display: inline-block; color: #1e2327; font-weight: 100; letter-spacing: 1px; line-height: 1; position: relative; top:-2px; left:2px; font-size:12px;/*left: -57px; transform: scale(0.67); opacity: 0.8; */}


.header .gnb {float:left}
.header .gnb .gnb_menu {float:left; margin-left: 44px;}
.header .gnb .gnb_menu>li {float:left;position:relative;margin-left:27px}
.header .gnb .gnb_menu>li>a {display:inline-block;padding:22px 0;color:#1e2327;font-size:16px;letter-spacing:-1px;line-height:20px;position:relative;}

.header .gnb .gnb_menu>li>.ico_new {position:absolute;top:7px;left:-15px;z-index:-1;width:37px;height:19px;line-height: 15px;color:#1f2550;font-size:11px;font-weight:bold;text-transform: uppercase;text-align: center;letter-spacing: -0.7px;background:url("../img/gnb_ico_new2.png") no-repeat 0 0;content:""}

@keyframes adballoon {
  0% {
    color: #fff;
  }

  50% {
    color:#fff600;
  }
  100% {
    color: #fff;
  }

}




.header .utility {float:right}
.header .utility>li {float:left; margin-left: 25px;}

.header .utility .link_recruit {display:inline-block;margin:16px 0;padding:0 9px 0 23px;width:98px;border:1px solid #1e2327;border-radius:5px;box-sizing:border-box;color:#1e2327;font-size:15px;letter-spacing:-1px;line-height:30px;text-align:center;}


.header .utility .plus .link_recruit{
	width:106px;
}

/* dropmenu */

.header .utility>li:nth-child(2){position: relative;}
.header .utility .dropmenu{
	display: none;
	position: absolute;
	top: 55px;
	left:-9px;
	background-color: #fff;
    box-shadow: 0 7px 10px 1px rgba(0, 0, 0, 0.1);
	padding: 8px 14px;
	width: 120px;
    box-sizing: border-box;
	border-radius: 3px;
}

.header .utility .dropmenu li{
}
.header .utility .dropmenu li a{
	margin: 0;
	color: #444;
    font-size: 14px;
    letter-spacing: -1px;
    line-height: 17px;
}

.header .utility .dropmenu li a:hover{color:#223cb5;}




.header .utility .link_recruit:hover{background: rgba(255,255,255,.1);}

.header .utility .link_recruit span{vertical-align: baseline; position: relative;}
.header .utility .link_recruit span:before{content:''; width: 10px; height: 10px; position:absolute; left: -13px; top: 7px; background:url("../img/spr_gnb.png") -80px 0px no-repeat;}


.header .utility .member_menu {position:relative;color:#fff;font-size:16px;letter-spacing:-1px}

.member_menu.member_corp,
.member_menu.member_person {display:inline-block;position:relative;vertical-align:top}
.member_menu .area_logo {float:left;margin:11px 8px 0 0}

.member_menu .area_logo .logo_corp.bg {background:#fff}
.member_menu .area_logo .logo_corp>img {position:absolute;top:50%;left:50%;width:auto;height:auto;max-width:100%;max-height:100%;-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
.member_menu .btn_menu,
.member_menu .link_login {float:left;margin:16px 0;color:#1e2327;font-size:16px; /*font-weight:bold;*/letter-spacing:-1px;line-height:30px;vertical-align:top}
.member_menu .btn_menu>strong {display:inline-block;overflow:hidden;max-width:150px;text-overflow:ellipsis;white-space:nowrap}
.member_menu .btn_menu.btn_person>strong {min-width:50px;max-width:80px}
.member_menu .btn_menu>span {font-weight:normal;vertical-align:top}
.member_menu .member_person .btn_menu>strong {max-width:74px}

.layer_member {display:none;position:absolute;top:64px;right:0;min-width:248px;border-radius:6px;box-sizing:border-box;background-color:#fff;box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.15)}
.layer_member .member_info {position:relative;padding:20px 24px 0 24px}
.layer_member .member_info:after {display:table;clear:both;content:"";table-layout:fixed}
.layer_member .member_info .btn_corp {overflow:hidden;float:left;margin:0;padding:0;width:270px;color:#222;font-size:18px;letter-spacing:-1px;line-height:24px;text-overflow:ellipsis;white-space:nowrap}
.layer_member .member_info .btn_corp>strong {display:inline-block;overflow:hidden;max-width:270px;text-overflow:ellipsis;white-space:nowrap}
.layer_member .member_info .member_condition {color:#888;font-size:14px;letter-spacing:-1px;line-height:18px}
.layer_member .member_info .member_condition>a {color:#2365f2}
.layer_member .member_info .area_logo {margin:0 17px 0 0}
.layer_member .member_info .area_logo .logo_corp {width:55px;height:55px;border:1px solid #ddd}
.layer_member .member_info>dl>dd {overflow:hidden;position:relative;margin-bottom:2px;width:100%;color:#222;font-size:14px;letter-spacing:0;line-height:24px;text-overflow:ellipsis;white-space:nowrap}
.layer_member .member_info>dl>dd>span {display:inline-block;overflow:hidden;max-width:150px;text-overflow:ellipsis;white-space:nowrap}
.layer_member .member_info>dl>dd>a {position:absolute;right:0}
.layer_member .member_point {padding:20px 24px 0}
.layer_member .member_point:after {display:table;clear:both;content:"";table-layout:fixed}
.layer_member .member_point>dl {float:left;position:relative;width:33.3%;font-size:14px;letter-spacing:-1px;line-height:18px;text-align:center}
.layer_member .member_point>dl>dt {color:#444}
.layer_member .member_point>dl>dd {padding:6px 10px 0;color:#222;font-weight:bold}
.layer_member .member_point>dl>dd .spoint {display:inline-block;overflow:hidden;max-width:calc(100% - 10px);box-sizing:border-box;text-align:left;text-overflow:ellipsis;vertical-align:top;white-space:nowrap;}
.layer_member .member_point>dl:after {display:inline-block;position:absolute;top:0;left:0;width:1px;height:40px;background-color:#ebebeb;content:""}
.layer_member .member_point>dl:first-child:after {display:none}
.layer_member .list_menu {margin:17px 24px 0;padding-top:17px;border-top:1px solid #ebebeb;color:#222;font-size:14px;letter-spacing:-1px;line-height:18px}
.layer_member .list_menu>li>a {display:inline-block;padding:7px 0;width:100%;color:#222;font-size:14px;letter-spacing:-1px;line-height:18px}
.layer_member .area_button {padding:20px 24px 0;width:100%;box-sizing:border-box}
.layer_member .area_bottom {margin-top:17px;border-radius:0 0 6px 6px;text-align:center;background-color:#f8fafc}
.layer_member .area_bottom>a {display:inline-block;padding:13px 0 13px;box-sizing:border-box;color:#222;font-size:14px;letter-spacing:-1px;line-height:18px}
.member_corp .layer_member {width:400px}
.member_corp .layer_member .area_bottom:after {display:table;clear:both;content:"";table-layout:fixed}
.member_corp .layer_member .area_bottom>a {float:left;width:33.3%}
.member_corp .layer_member .area_bottom>a:last-child {float:right}

.total_menu{border-left:1px solid #d5d7e0; border-right:1px solid #d5d7e0; line-height:0;}
.total_menu .btn_menu.btn_total{display:inline-block; position:relative; width:64px; height:64px;}
.total_menu .btn_menu.btn_total:after{display:inline-block; position:absolute; top:50%; left:50%; margin:-10px 0 0 -10px; width:20px; height:20px; background:url("../img/spr_gnb.png")0 -60px no-repeat; content:""}

.text_left {text-align:left; display:block; width:400px; margin:0 auto; font:bold 27px/1.5em "malgun gothic";}
.text_center {text-align:center; display:block; width:400px; margin:0 auto; font:500 27px/1.7em "Noto Sans KR", sans-serif, "Malgun Gothic"; text-shadow:2px 2px rgba(0,0,0,0.2);}

.total_menu .layer_total{display:none; position:absolute; top:65px; left:0; width:100%; background-color:#fff; box-shadow:0 7px 10px 1px rgba(0, 0, 0, 0.1);}
.total_menu .layer_total:after{display:table; clear:both; content:""; table-layout:fixed;}


.layer_total .list_menu {float:right;border-bottom:1px solid #f2f6f9}
.layer_total .list_menu>li {float:left;padding:9px 24px 20px;min-width:180px;height:424px;border-left:1px solid #ebebeb;box-sizing:border-box}
.layer_total .list_menu>li .title {display:block;padding:16px 0;color:#222;font-size:16px;font-weight:bold;letter-spacing:-1px;line-height:19px;}
.layer_total .list_menu>li .title.sep {margin-top:13px;padding:21px 0 8px;border-top:1px solid #ebebeb;box-sizing:border-box}
.layer_total .list_menu>li>ul.book{float: left; padding-right:15px;}
.layer_total .list_menu>li>ul.book:after{content: ''; display: block; clear: both;}

.layer_total .list_menu>li .btnSizeM {margin-bottom:9px}
.layer_total .list_menu>li .btnSizeM .icoArrWhite:after {display:inline-block;width:7px;height:12px;background:url(../img/spr_gnb.png)0 0 no-repeat;content:""}
.layer_total .list_menu>li .link_menu {display:inline-block;padding:7px 0 8px;color:#444;font-size:15px;letter-spacing:-1px;line-height:17px;position: relative;}
.layer_total .list_menu>li .link_menu:after{content: ''; position: absolute; width: 0; height: 1px; right: 0; bottom: 5px; background: #223cb5; transform-origin: left; -webkit-transition: all .2s; transition: all .2;}
.layer_total .list_menu>li .link_menu:hover{color: #223cb5;}
.layer_total .list_menu>li .link_menu:hover:after{width: 100%; left: 0;}




.container {
    position: relative;
    margin: 0 auto;
    /* width: 1100px; */
}
.contain .containerWide {
    padding: 60px 0 100px;
    margin: 0 auto;
    zoom: 1;
    min-height: 400px;
}


table {
    border: none;
    width: 100%;
    margin: 0 0 0 0;
}

/********************* Çì´õ3´Ü ¸Þ´º *********************/

/* 2depth */


#header .gnb ul.gnb_menu > li > ul.depth2 {
position: absolute;
top: 64px;
left: -20px;
z-index: 500;
display: none;
}

#header .gnb ul.gnb_menu > li:hover > ul.depth2{display: block;}


#header .gnb ul.gnb_menu > li > ul.depth2 {
background: #fff;
border: 1px solid #194ca9;
color: #333;
padding: 15px 0;
}

#header .gnb ul.gnb_menu > li > ul.depth2.subject{width: 772px;padding: 0;}

#header .gnb ul.gnb_menu > li > ul.depth2.subject>li>a:hover,
#header .gnb ul.gnb_menu > li a:hover > ul.depth2.subject>li>a:hover {
color: #000;
text-decoration: underline;
}

#header .gnb ul.gnb_menu > li > ul.depth2>li>a{
display: block;
width: 137px;
line-height: 35px;
font-size: 15px;
font-weight: 400;
color: #333;
text-align: left;
text-indent: 20px;
}

#header .gnb ul.gnb_menu > li > ul.depth2.subject>li>a{
display: block;
width: 137px;
height: 46px;
line-height: 46px;
font-size: 15px;
font-weight: 400;
color: #fff;
background: #3c78ce;
text-align: left;
text-indent: 30px;
}

#header .gnb ul.gnb_menu > li:hover > ul.depth2.subject>li>a:hover,
#header .gnb ul.gnb_menu > li > ul.depth2.subject>li.on>a{
color: #fff;
background: #194ca8;
text-decoration: underline;
}

/* 3depth */

#header .gnb ul.gnb_menu > li > ul.depth2.subject>li>a{
position: relative;
}
#header .gnb ul.gnb_menu > li > ul.depth2.subject>li>a.on{
color: #fff;
background: #194ca8;
text-decoration: underline;
}
#header .gnb ul.gnb_menu > li > ul.depth2.subject>li>a:hover:after,#header .gnb ul.gnb_menu > li > ul.depth2.subject>li>a.on:after,#header .gnb ul.gnb_menu > li > ul.depth2.subject>li.on>a:after {
content: '';
position: absolute;
left: 137px;
top: 18px;
width: 0;
height: 0;
border-top: 6px solid transparent;
border-left: 8px solid #194ca8;
border-bottom: 6px solid transparent;
z-index: 1;
}

#header .gnb ul.gnb_menu > li > ul.depth2.subject>li:hover>ul.depth3, #header .gnb ul.gnb_menu > li > ul.depth2.subject>li.on>ul.depth3{
display: block;
}
#header .gnb ul.gnb_menu > li > ul.depth2.subject>li>ul.depth3{
display: none;
width: 633px;
height: 100%;
background: #fff;
box-sizing: border-box;
padding-top: 12px;
padding-left: 33px;
margin-left: 137px;
position: absolute;
left: 0;
top: 0;
}

#header .gnb ul.gnb_menu > li > ul.depth2.subject>li>ul.depth3>li{
display: inline-block;
height: 46px;
width: 200px;
float: left;
text-align: left;
}
#header .gnb ul.gnb_menu > li > ul.depth2.subject>li>ul.depth3>li>a{
display: inline-block;
line-height: 46px;
font-size: 14px;
letter-spacing: -0.75px;
color: #444;
font-weight: 400;
text-align: left;
}

#header .gnb ul.gnb_menu > li > ul.depth2>li>a:hover,
#header .gnb ul.gnb_menu > li > ul.depth2.subject>li>ul.depth3>li>a:hover{
text-decoration: underline;
color: #000;
}

/********************* //Çì´õ3´Ü ¸Þ´º *********************/

@media all and (max-width:1560px){
	.header .area_logo .link_logo{margin-left: 20px;}
	.header .gnb .gnb_menu>li{margin-left: 20px;}

	.header .utility>li{margin-right: 17px; margin-left:0;}
	.header .utility>li:last-child{margin-right: 0;}
	.header .utility > li:nth-child(3),.header .utility > li:nth-child(4){display: none;}

	.header .utility .plus:hover .dropmenu{display: block;}
	.layer_total .list_menu>li{padding: 9px 18px 20px; min-width:170px;}
}


/* //new Çì´õ */









.conbox_02{position:relative; overflow:hidden; width:1100px; margin:0 auto; padding:80px 0 10px 0;}


.sale_con{position:relative; margin:0 auto; width:1100px;}
.sale_con h3{font:600 36px/1.5em "Noto Sans KR", sans-serif, "Malgun Gothic"; letter-spacing:-1.75pt; color:#333; text-align:center;}
.sale_con .sub_txt{font-size:20px; letter-spacing:-1.32pt; color:#888; text-align:center; margin-top:0; margin-bottom:20px;}
.sale_con p.stit{font-size:16px; color:#777; font-weight:100; line-height:100%; letter-spacing:-1pt; text-align:center; padding:8px 0 28px 0}
.sale_in{position:relative; overflow:hidden; height:640px}

.slide li{width:100%; text-align:center;}
.bx-controls-direction{position:absolute; z-index:9; top:320px; width:100%;}
.bx-controls-direction .bx-prev{position:absolute; left:0; font-size:0; width:19px; height:29px; background:url('/img/prev.png') center no-repeat;}
.bx-controls-direction .bx-next{position:absolute; right:0; font-size:0; width:19px; height:29px; background:url('/img/next.png') center no-repeat;}
.btn_pager{clear:both; position:relative; overflow:hidden; width:1046px; margin:0 auto 36px;}
.btn_pager a{display:inline-block; width:339px; box-sizing:border-box; background-color:#e9e9e9; text-align:center; height:61px; font-size:15px; color:#888;letter-spacing:-0.5pt; line-height:53px; border:4px solid #e9e9e9}
.btn_pager a span{display:block; background-color:#aaa; width:29px; line-height:29px; border-radius:30px; color:#fff; font-family:'Montserrat', sans-serif; font-weight:bold; text-align:center; font-size:16px; float:left; margin:12px 0 0 10px;}
.btn_pager a:hover{color:#333;}
.btn_pager a.active{border:4px solid #ffac23 !important; color:#ffac23 !important; background-color:#fff !important}
.btn_pager a.active span{background-color:#ffac23}




.banner01 {
	width: 100%;
	background: rgb(24, 51, 128);
	background: linear-gradient(180deg, rgba(24, 51, 128, 1) 0%,
		rgba(24, 51, 128, 1) 63%, rgba(139, 156, 192, 1) 98%, rgba(147, 163, 197, 1) 100%);
}
.banner01 a{height: 200px; display: block; position: relative;}
.banner01 a img{position: absolute; left: 50%; transform:translate(-50%,0);}


.conbox_notice{width: 100%; padding: 80px 0;}
.conbox_notice .notice_box{width: 1100px; margin: 0 auto; text-align: center;}




.conbox_03{position:relative; overflow:hidden; width:100%; padding:110px 0 137px 0; background:#191919 url('../img/bg_review.jpg') center no-repeat; background-size:cover}
.conbox_03 .tit_box{width:1100px; margin:0 auto; text-align:center; margin-bottom:50px;}
.conbox_03 .tit_box h1{font:600 36px/1.5em "Noto Sans KR", sans-serif, "Malgun Gothic"; letter-spacing:-1.75pt; color:#fff; margin-bottom:20px;}
.conbox_03 .tit_box p{font:400 20px/1em "Noto Sans KR", sans-serif, "Malgun Gothic"; letter-spacing:-0.25pt; color:rgba(255,255,255,0.6);}
.conbox_03 .video{width:1100px; margin:0 auto;}
.conbox_03 .video ul{float:left;}
.conbox_03 .video ul li{}
.conbox_03 .video ul li img{}
.conbox_03 .video ul .tit{}
.conbox_03 .video li.tit{display:block; height:75px; background-color:rgba(255,255,255,0.05); font-size:18px; letter-spacing:-0.5pt; color:#fff; box-sizing:border-box; padding:24px 0 0 20px;}

.conbox_03 .txt_box{width:1100px; margin:0 auto;}

.conbox_03 .btn{position:relative; overflow:hidden; clear:both; text-align:center; padding-top:35px}
.conbox_03 .btn a{display:inline-block; background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.3); line-height:55px; font-size:15px; color:#fff; width:240px; letter-spacing:-0.5pt; -moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
.conbox_03 .btn a:hover{background:#fff; color:#333; -moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}


#Rolling_03{margin:0 auto; position:relative; width:1100px;}
	#Rolling_03 .als-viewport{position:relative; width:1100px; overflow:hidden; float:right; width:550px !important; height:416px !important; background-color:rgba(255,255,255,0.08); padding:10px 0; box-sizing:border-box}
	#Rolling_03 .als-item{position:relative; display:block; float:left;}
	#Rolling_03 .als-prev, #Rolling_03 .als-next{position:absolute; top:-33px; cursor:pointer; z-index:9999}
	#Rolling_03 .als-prev{right:54px;}
	#Rolling_03 .als-next{right:11px;}

	#Rolling_03 .als-wrapper{height:100% !important; margin:0 auto; overflow:hidden; position:relative;}
	#Rolling_03 .als-wrapper li{background:url("../img/licence.png") #191919 no-repeat 50px 32px; width:562px; height:130px; margin:0 auto; margin-bottom:2px;}
	#Rolling_03 .als-wrapper li .als-item_txt_box{width:372px; text-align:justify; margin-right:30px; float:right; color:#eee; font:13px/1.5em "malgun gothic"; padding:27px 0; letter-spacing:-1px;}
	#Rolling_03 .als-wrapper li .tit_id_box{width:100px; text-align:center; margin-left:18px; float:left; color:#eee; font:14px/1.2em "malgun gothic"; padding:77px 0; letter-spacing:-1px;}
	#Rolling_03 .als-wrapper li .user{float:left; text-align:center; padding:30px 54px 0 36px; box-sizing:border-box; width:160px; height:130px;}
	#Rolling_03 .als-wrapper li .username{font-size:15px; color:#fff; line-height:18px; margin-top:10px; letter-spacing:-0.3pt;}
	#Rolling_03 .als-wrapper li .username span{font-size:12px; line-height:17px}
	#Rolling_03 .als-wrapper li .txt{float:left; width:420px; padding-top:30px; font-size:14px; letter-spacing:-0.5pt; color:rgba(255,255,255,0.8); line-height:21px}
	#Rolling_03 .als-wrapper li	p > .point{font-size:15px; line-height:24px; color:#ffac23; letter-spacing:-0.5pt;}

	#Rolling_03 .als-wrapper li .txt_box{width:260px; height:164px; padding:22px 0 37px 25px; box-sizing:border-box; box-shadow:0px 3px 20px rgba(0,0,0,0.1);}
	#Rolling_03 .als-wrapper li .txt_box .date{font-size:13px; color:#777;}
	#Rolling_03 .als-wrapper li .txt_box .txt{font-size:17px; color:#444; line-height:23px; letter-spacing:-0.5pt; margin:9px 0 23px 0;}
	#Rolling_03 .als-wrapper li .txt_box .more a{font-size:12px; font-family:'Montserrat', sans-serif; font-weight:600; color:#dc5c57; text-decoration:underline; letter-spacing:-0.5pt;}





.conbox_04{position:relative; overflow:hidden; width:1100px; margin:0 auto; padding:120px 0 108px 0;}
.conbox_04 .tit_box{text-align:center; margin-bottom:64px; position:relative;}
.conbox_04 .tit_box a{}
.conbox_04 .tit_box .prevBtn a img{position:absolute; top:35px; left:0;}
.conbox_04 .tit_box .nextBtn a img{position:absolute; top:35px;right:0;}
.conbox_04 .tit_box h1{font:600 36px/1.5em "Noto Sans KR", sans-serif, "Malgun Gothic"; letter-spacing:-1.75pt; color:#333; margin-bottom:15px}
.conbox_04 .tit_box h1 img{position:relative; top:-4px; right:10px}
.conbox_04 .tit_box p{font-size:19px; letter-spacing:-0.25pt; color:#888; }

	#Rolling_04{margin:0 auto; position:relative; width:1100px;}
	#Rolling_04 .als-viewport{position:relative; width:1100px; overflow:hidden; height:370px !important;}
	#Rolling_04 .als-item{position:relative; display:block; float:left;}
	#Rolling_04 .als-prev, #Rolling_04 .als-next{position:absolute; cursor:pointer; z-index:9999}
	#Rolling_04 .als-prev{top:-102px; left:0px; width:19px;}
	#Rolling_04 .als-next{top:-102px; right:0px; width:19px;}
	#Rolling_04 .als-wrapper li{margin-right:20px}
	#Rolling_04 .als-wrapper li a{display:block; -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;}
	#Rolling_04 .als-wrapper li a .img{background-color:#f2a900; width:260px; height:187px; overflow:hidden; text-align:center;}
	#Rolling_04 .als-wrapper li a .img img{max-width:260px; max-height:187px;  -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;}
	#Rolling_04 .als-wrapper li a .txt_box{width:260px; height:124px; padding:22px 20px 37px 25px; box-sizing:border-box; box-shadow:0px 3px 20px rgba(0,0,0,0.1);  -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; text-align:center;}
	#Rolling_04 .als-wrapper li a .txt_box .date{font-size:13px; color:#777;}
	#Rolling_04 .als-wrapper li a .txt_box .txt{font-size:15px; color:#444; line-height:23px; letter-spacing:-0.5pt; margin:5px 0 23px 0;}
	#Rolling_04 .als-wrapper li a .txt_box .more{font-size:12px; font-family:'Montserrat', sans-serif; font-weight:600; color:#f2a900; text-decoration:underline; letter-spacing:-0.5pt;}
	#Rolling_04 .als-wrapper li a .txt_box b{font:500 18px/1em "Noto Sans KR", sans-serif, "Malgun Gothic"; color:#000; text-align:center; display:block; margin-top:10px;}

	#Rolling_04 .als-wrapper li a:hover{background-color:#f2a900; -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;}
	#Rolling_04 .als-wrapper li a:hover > .txt_box{background-color:#f2a900; -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;}
	#Rolling_04 .als-wrapper li a:hover > .txt_box b{color:#fff;}
	#Rolling_04 .als-wrapper li a:hover > .txt_box .date{color:rgba(255,255,255,.7);}
	#Rolling_04 .als-wrapper li a:hover > .txt_box .txt{color:rgba(255,255,255,1);}
	#Rolling_04 .als-wrapper li a:hover > .txt_box .more{color:rgba(255,255,255,1);}
	#Rolling_04 .als-wrapper li a:hover > .img{opacity:.7; -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;}



.conbox_05{position:relative; overflow:hidden; width:100%; background:url('/img/conbox_05.jpg') center no-repeat; padding:76px 0}
.conbox_05 .tit_box{width:1100px; margin:0 auto; text-align:center; margin-bottom:38px;}
.conbox_05 .tit_box h1{font-size:36px; font-family:'NotoKR-Black', sans-serif; font-weight:100; letter-spacing:-1.75pt; color:#fff;}
.conbox_05 .info{width:1100px; margin:0 auto; height:377px; padding:40px 0 0 42px; box-sizing:border-box; background-color:rgba(27,27,27,0.45); border:1px solid #8b8b8b}
.info li{font-size:14px; color:rgba(255,255,255,0.6); letter-spacing:-0.4pt; margin-bottom:19px;}
.info li p{color:#fff;}
.info li .tit{font-size:17px; color:#fff; letter-spacing:-0.4pt; margin-right:16px; float:left;}
.info li .txt{font-size:16px; color:rgba(255,255,255,0.6); letter-spacing:-0.4pt}
.info .second{clear:both;}
.info .third{clear:both; margin-bottom:0;}
.info .third p{}
.info .third .tit{padding-bottom:197px;}
.info .third .txt_box{display:inline-block;}
.info .third .txt_box.txt_box01{margin-bottom:24px;}
.info .third .txt_box p{float:left; font-size:16px; color:#fff; letter-spacing:-0.4pt;}
.info .third .txt_box .sub_tit_01{margin-right:40px;}
.info .third .txt_box .sub_tit_02{margin-right:20px;}
.info .third .txt_box ul{float:left}
.info .third .txt_box ul li{margin-bottom:10px;}
.info .third .txt_box ul li:before{content:""; display:block; background-color:#fff; width:4px; height:4px; float:left; position:relative; top:5px; border-radius:4px; margin-right:10px;}
.info .third .txt_box ul .cs_number{color:#fff; margin-bottom:0;}
.info .third .txt_box ul .last{margin-bottom:0;}



#main{width:100%; min-width:1100px;}

#main .main_visual{position:relative;}


#main .main_visual .wrapvisual{overflow: hidden;}
/*#main .main_visual .main_bg{width:127%; min-width:1120px; height:770px; background:#090d33 url("../img/main_visual.jpg") no-repeat left center; background-size:92% auto;
	-webkit-transition: all 3s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all 3s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: all 3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 3s cubic-bezier(0.165, 0.84, 0.44, 1);
}*/
#main .main_visual .main_bg{width:100%; min-width:1120px; height:770px; background:#000 url("../img/main_visual.jpg") center no-repeat;
	-webkit-transition: all 3s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all 3s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: all 3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#main .main_visual .main_bg.zoom{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}





/* ¹«·á»ó´ã½Åû */
#main .main_visual .cscenter{display:none;}

@media all and (min-width:1560px){
	#main .main_visual .cscenter{
	display:block; position:absolute; width:260px; background:#223cb5; z-index:12; top:80px; right:10px;	text-align:center;}
}

#main .main_visual .cscenter .logo2{margin:20px;}
#main .main_visual .cscenter h3{font:600 22px/1.2em  'NanumSquare', sans-serif; color:#fff; padding:35px 0 15px; border-top:1px solid rgba(255,255,255,.1); letter-spacing:-1px;}
#main .main_visual .cscenter .csForm_wrap{margin-left:18px;}
#main .main_visual .cscenter table{text-align:left;}
#main .main_visual .cscenter table tr{text-align:left; line-height:32px;}
#main .main_visual .cscenter .input_txt{margin:5px 0 0 -1px; border:none; background:#2f4aca; font-size:13px; color:#daeaff; font-weight:300; height:30px; width:228px; text-indent:8px; line-height:23px; text-align:left;outline: none;}

#main .main_visual .cscenter .select_tell{margin:3px 0 0 -1px; border:none; background:#2f4aca; font-size:13px; color:#daeaff; font-weight:300; height:30px; width:74px; text-indent:8px; line-height:23px; text-align:left;outline: none;}
#main .main_visual .cscenter .check_a{font-size:13px; color:#a3c0ff;}
#main .main_visual .cscenter .btn_cs{font-size:13px; font-weight:500; color:#0d0d0d; background:#fff608; border:none; box-sizing:border-box; width:227px; line-height:35px; display:block;}
#main .main_visual .cscenter_tell{text-align:center; margin:15px 0; padding:15px 0; border-top:1px solid rgba(255,255,255,.1);}
#main .main_visual .cscenter_tell p{font-size:14px; color:#ccc; line-height:24px;}
#main .main_visual .cscenter_tell em{font-size:16px;}
#main .main_visual .cscenter_tell strong{font-size:24px; font-weight:700; color:#fff608;}


.main_visual .page-hero {position:absolute; top:0; left:47%; width:1100px; height:680px; margin-left:-550px;}
.main_visual .page-hero .fadBox {width: 100%; position:absolute; top:220px; text-align: center; color:#fff; opacity:0; -webkit-transition: all 2s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 2s cubic-bezier(0.165, 0.84, 0.44, 1);}

.main_visual .page-hero .VisualTit {line-height:1.2; font-size:68px; color:#fff; font-weight:700; letter-spacing:-4.1px; margin-bottom:30px; text-shadow:2px 2px rgba(0,0,0,0.3); word-spacing:-1.9px;}
.main_visual .page-hero .VisualTit > span {color:#fee300; vertical-align:top;}
.main_visual .page-hero .VisualTit p.small {font-sizE:32px; letter-spacing:-1px; font-weight:500; margin-bottom:18px;}

.main_visual .page-hero .fadBox h1 {font-weight:300; font-size:70px; line-height:1; font-family:Arial, Helvetica, sans-serif; margin:0; padding:0; display:inline; letter-spacing:-3px; margin-left:-5px; color:#fee300; text-shadow:2px 2px #000;}
.main_visual .page-hero .fadBox span.total {display:block; font-size:23px; padding-right:15px;}
.main_visual .page-hero .fadBox span.per {font-size:45px;}
.main_visual .page-hero .fadBox span.btxt {display:block; font-size:45px; line-height:1.2; letter-spacing:-2px; text-shadow:2px 2px #000;margin-bottom:30px;word-spacing: 2px;}
.main_visual .page-hero .fadBox span.stxt {display:block; font:600 30px/1.5em "malgun gothic"; margin-bottom:30px; letter-spacing: 0.7px;word-spacing: 1px; color:#fee300; text-shadow:2px 2px #000;}

.main_visual .scroll {position:absolute;bottom:-60px;left:50%;margin-left:-15px;width:29px;height:79px;background:url("../img/ico_scroll.png") no-repeat;-webkit-animation:scrollIcon 1.2s infinite;animation:scrollIcon 1.2s infinite;z-index:11;}
/*.main_visual .page-hero .scroll {position:absolute;bottom:55px;left:50%;margin-left:42px;width:29px;height:79px;background:url("../img/ico_scroll.png") no-repeat;-webkit-animation:scrollIcon 1.2s infinite;animation:scrollIcon 1.2s infinite}
*/

@-webkit-keyframes scrollIcon {
    0% {-webkit-transform:translate(0, 0);transform:translate(0, 0)}
    40% {-webkit-transform:translate(0, 10px);transform:translate(0, 10px)}
}
@keyframes scrollIcon {
    0% {-webkit-transform:translate(0, 0);transform:translate(0, 0)}
    40% {-webkit-transform:translate(0, 10px);transform:translate(0, 10px)}
}


#main .main_visual .favorite_wrap{margin: 0 auto; padding: 30px 0; position: relative; width: 100%; bottom: 0; background:rgb(13 17 35 / 70%);}

#main .main_visual .favorite_wrap .search_wrap{width:600px; height:60px; background:#fff; text-align:center; margin:0 auto; border:4px solid #223cb5; box-sizing:border-box; border-radius:60px;}
#main .main_visual .favorite_wrap .search_wrap input{outline:none; font-size:18px; width:450px; height:52px; box-sizing:border-box; border:none; background:none; margin-left:30px;color: #000;}

#main .main_visual .favorite_wrap .search_wrap input::-webkit-input-placeholder{color: #000;}

#main .main_visual .favorite_wrap .search_wrap input:focus{border:none !important; color:#000;}

#main .main_visual .favorite_wrap .search_wrap input:focus::-webkit-input-placeholder {
  color: transparent;
}
#main .main_visual .favorite_wrap .search_wrap input:focus::-moz-placeholder {
  color: transparent;
}
#main .main_visual .favorite_wrap .search_wrap input:focus:-ms-input-placeholder {
  color: transparent;
}
#main .main_visual .favorite_wrap .search_wrap input:focus::-ms-input-placeholder {
  color: transparent;
}









#main .main_visual .favorite_wrap .search_wrap .btn_search{display: inline-block; outline:none;  width:100px; height:42px; line-height: 42px; margin: 5px 0; box-sizing:border-box; border:none; border-radius:42px; color:#fff; font-size:18px; font-weight:500; background:#223cb5; vertical-align: middle;}
#main .main_visual .favorite_wrap .search_wrap .btn_search:hover{box-shadow: 1px 2px 1px 1px rgba(0,0,0,.2) inset;}





#main .nav_wrap{width:100%; background:#fff;}
#main .nav_wrap .nav_inner{width:1100px; overflow:hidden; margin:0 auto; padding:50px 0;}
#main .nav_wrap .nav_inner .gnb{width:1100px; float:left; border-bottom:1px solid #b8bcd0;}
#main .nav_wrap .nav_inner .gnb.noline{border-bottom:none;}
#main .nav_wrap .nav_inner .gnb h2{float:left; width:120px; margin:0 15px; padding:25px 0; font-size:20px; font-weight:700; color:#495798; letter-spacing:-0.5pt; line-height:36px;}
#main .nav_wrap .nav_inner .gnb ul{float:left; width:950px; padding:25px 0;
}
#main .nav_wrap .nav_inner .gnb li{float:left; width:230px; box-sizing:border-box;}

#main .nav_wrap .nav_inner .gnb li:hover a{color:#000; background:#ccc;}
#main .nav_wrap .nav_inner .gnb li a{font-size: 16px; color: #3f4a88;letter-spacing: -0.5pt; line-height: 33px; display: block; padding:0 5px;}
#main .nav_wrap .nav_inner .gnb li a.searched{background: #fee300; display: inline-block;}


#main .nav_wrap .nav_inner li img{
vertical-align: middle;
margin-bottom: 3px;
}
/* //¸ÞÀθ޴º gnb */

/*Ư¡*/
.sec02wrap{display:block; background:#eff4f5;}
.sec02cont{width:1100px; margin:0 auto; padding:80px 0;}
.sec02cont h4{font-size: 18px; padding: 15px 0 25px; color: #222;}
.sec02cont h3{font: 600 36px/1.5em "Noto Sans KR", sans-serif, "Malgun Gothic"; letter-spacing: -1.75pt; color: #333; text-align: center; margin-bottom: 75px;}




.sec02cont li{width:100%; list-style:none; overflow:hidden; margin-bottom:40px;}
.sec02cont .numbox{ float: left; width: 50px; text-align: center; color: #fff; background: #111; clear: both; border-radius: 0; font-size: 25px; line-height: 50px; font-family: arial; margin-left: 25px;}
.sec02cont .rightTxtbox{float:left; width:80%; margin-left:30px;}
.sec02cont strong{display:block; font:bold  22px/1.5em "malgun gothic"; padding:10px 0 20px; color:#843c0c;}
.sec02cont span{display:block; color:#777; letter-spacing: -0.5px; font-size: 18px; line-height: 1.8;}
.sec02cont font{color:#222;}



.logotit{vertical-align: top;margin-right: 10px;}



/* ¼½¼Ç4 Àü¹®±³¼öÁø*/
#main .sec04{
width: 100%;
height: auto;
background: #fff;
}
#main .sec04 .sec04_inner{
width: 1100px;
margin: 0 auto;
background: #fff;
text-align: center;
padding: 100px 0 80px 0;
}
#main .sec04 .sec04_inner .slide_pro h3{
font-size: 36px;
font-weight: 700;
letter-spacing: -0.03em;
color: #333;
}
#main .sec04 .sec04_inner .slide_pro em{
font-weight: 400;
}
#main .sec04 .sec04_inner .slide_pro .txt1{
font-size: 20px;
font-weight: 400;
letter-spacing: -0.03em;
color: #888;
}
#main .sec04 .sec04_inner .slide_pro{
height: auto;
width: 1100px;
}
#main .sec04 .sec04_inner .slide_pro .swiper-wrapper{
margin: 60px 0 10px 0;
}
#main .sec04 .sec04_inner .swiper-container .swiper-button-next{
background: none;
outline: none;
right: 0;
margin-top: 30px;
}
#main .sec04 .sec04_inner .swiper-container .swiper-button-prev{
background: none;
outline: none;
margin-top: 30px;
}

/* //¼½¼Ç4 Àü¹®±³¼öÁø*/

/* ¼½¼Ç6 »çȸ°øÇå*/
#main .sec06{
width: 100%;
height: auto;
background: #fff;
}
#main .sec06 .sec06_inner{
width: 1100px;
margin: 0 auto;
background: #fff;
text-align: center;
padding: 100px 0 80px 0;
}
#main .sec06 .sec06_inner .slide_con h3{
font-size: 36px;
font-weight: 700;
letter-spacing: -0.03em;
color: #333;
}
#main .sec06 .sec06_inner .slide_con em{
font-weight: 400;
}
#main .sec06 .sec06_inner .slide_con .txt1{
font-size: 20px;
font-weight: 400;
letter-spacing: -0.03em;
color: #888;
}
#main .sec06 .sec06_inner .slide_con{
height: auto;
width: 1100px;
}
#main .sec06 .sec06_inner .slide_con .swiper-wrapper{
margin: 60px 0 10px 0;
}
#main .sec06 .sec06_inner .swiper-container .swiper-button-next{
background: none;
outline: none;
right: 0;
margin-top: 30px;
}
#main .sec06 .sec06_inner .swiper-container .swiper-button-prev{
background: none;
outline: none;
margin-top: 30px;
}



.nav_area{width:1100px; margin:0 auto; padding:50px 0;overflow:hidden;}
 .nationalTit{width:1100px; margin:0 auto; text-align:left; font:bold 26px/1.5 "malgun gothic"; color:#fff; padding:0 0 10px;}
.privateTit{width:1100px; margin:0 auto; text-align:left; font:bold 26px/1.5 "malgun gothic"; color:#2b40a2; padding:0 0 10px; border-bottom:1px solid #3d54c3;}
.nav_area .nav_map h2{float:left; width:120px; margin:0; padding:25px 15px; font-size:20px; font-weight:700; color:#fff; letter-spacing:-0.5pt; line-height:36px; border-top:1px solid #5a6fd0}
.nav_area .nav_map ul{float:left; width:80%; border-top:1px solid #5a6fd0; padding:20px 0; min-height:80px;}

/*.nav_area .nav_map:first-child h2, .nav_area .nav_map:first-child ul{
    border-top: none;
}*/

#main .nav_area .nav_map ul li{float:left;width:20%;height:35px;line-height:30px;text-align: left;}
#main .nav_area .nav_map ul li a{font-size: 16px; color:#fff; letter-spacing: -0.5pt; line-height: 33px; display: block; padding:0 5px;}
#main .nav_area .nav_map ul li a.searched{background-color: #ffff00;color:#000;}

#main .nav_area.academy{background:#e9eff3;}
#main .nav_area.academy .nav_map h2{color:#222;border-top:none;}
#main .nav_area.academy .nav_map ul{border-top:none;}
#main .nav_area.academy .nav_map ul li{width:100%; height:auto; padding:15px 0; border-bottom:1px solid #c1c5c8;}
#main .nav_area.academy .nav_map ul li:first-of-type{padding-top:0;}
#main .nav_area.academy .nav_map ul li:last-of-type{border-bottom:none;}
#main .nav_area.academy .nav_map ul li div{float:left;margin-right:49px;}
#main .nav_area.academy .nav_map ul li div h3{display:inline-block; padding:6px 12px; background:#a3b1b7; color:#fff; border-radius:50px; font-size:14px; line-height:1; margin-right:10px; font-weight:normal;}
#main .nav_area.academy .nav_map ul li div a{margin-right:10px;}


#main .Section .h_effect{color:#333; white-space:nowrap; letter-spacing:-1px;}
#main .Section .h_effect:hover{color:#000; background-color:#ffff00;}
#main .Section .h_effect:hover > .naverpoint{background:#3ec729;}
.new{display:inline-block; vertical-align:middle; font-size:10px; background: #f84c4c; border-radius: 50%; color: #fff; width: 20px; height: 20px; line-height: 20px; text-align: center; margin-left: 5px; margin-bottom: 2px; letter-spacing:1px;}

.teacher-list{width:1015px; overflow-y:scroll; height:535px; margin: 0 auto;}
.teacher-list:after{display:block;clear:both;content:''}
.teacher-list .tbx{float:left; width:220px; height:365px; margin:0 29px 15px 0; background:url("/img/bg_tbx.png") no-repeat;cursor:pointer; display: none;}
/*.teacher-list .tbx:nth-child(5n){margin-right: 0;}*/
.teacher-list .tbx.show{display: block; z-index: 10;}

.teacher-list .tbx .in{position:relative;}

.teacher-list .tbx .new{background:url("") no-repeat}
.teacher-list .tbx .lec{position:absolute;left:20px;bottom:10px}
.teacher-list .tbx .lec span{float:left;margin-right:1px}
.teacher-list .tbx .bt{display:none;position:absolute;left:20px;bottom:15px;}
.teacher-list .tbx .bt span{float:left;margin-right:1px}
.teacher-list .tbx .bt-play{overflow:hidden;width:170px;height:34px;border:0;background:url("http://korea-educross.net/img/index/bt_play.png") no-repeat;text-indent:-999em;white-space:nowrap;outline:none;}
.teacher-list .tbx .imon{display:none}
.teacher-list .tbx:hover .lec{display:none}
.teacher-list .tbx:hover .bt{display:block}
.teacher-list .tbx:hover .im{display:block}
.teacher-list .tbx:hover .imon{display:none}







/* //¼½¼Ç6 »çȸ°øÇå*/

.tabWrap{padding:20px 10px; display:block; text-align:left;}
.tabWrap table{margin-bottom:10px; width:964px;}
.tabWrap td{padding:10px; font:14px/1.5em 'nanum gothic';}
.tabWrap th{padding:20px; font:bold 25px/1.7em 'nanum gothic'; background:#FFB11E; color:#fff; text-align:center; cursor:pointer;}
.tabWrap span{display:block; background-color:#fff; width:43px; line-height:43px; color:#999; font-family:'Montserrat', sans-serif; font-weight:bold; text-align:center; font-size:16px; float:left; margin:5px 0 0 5px;}
.tabWrap b{color:black; float:left; margin-right:10px;}
.tabWrap p{float:left; font:13px/1.5em 'nanum gothic';}

#tabs{overflow:hidden; width:100%; margin:0; padding:0; list-style:none;}
#tabs li{float:left; margin:0;}
#tabs a{display:inline-block; width:336px; box-sizing:border-box; background-color:#e9e9e9; text-align:center; height:61px; font-size:16px; color:#888;letter-spacing:-0.5pt; line-height:53px; border:4px solid #e9e9e9; margin-right:3px;}
#tabs a:hover, #tabs a:hover::after, #tabs a:focus, #tabs a:focus::after{background:#fff; color:#333;}
#tabs a:focus{outline:0;}
#tabs a::after{content:''; position:absolute; z-index:1; top:0; right:0; bottom:0; background:#efefef;}
#tabs #current a{background:#fff; z-index:3; color:#ffac23; border-bottom:1px solid #fff; border:4px solid #ffac23;}
#tabs #current span{background-color:#ffac23; color:#fff;}
#tabs #current a::after{background:#fff; z-index:3;}
#tabcon{background:#fff; padding:40px 0; position:relative; z-index:2;}

.tabWrapa{padding:20px 10px; display:block; text-align:left;}
.tabWrapa table{margin-bottom:10px; width:964px;}
.tabWrapa td{padding:10px; font:14px/1.5em 'nanum gothic';}
.tabWrapa th{padding:20px; font:bold 25px/1.7em 'nanum gothic'; background:#FFB11E; color:#fff; text-align:center; cursor:pointer;}
.tabWrapa span{display:block; background-color:#eee; width:43px; line-height:43px; color:#888; font-family:'Montserrat', sans-serif; font-weight:bold; text-align:center; font-size:16px; float:left; margin:5px 0 0 5px;}
.tabWrapa b{color:black; float:left; margin-right:10px;}
.tabWrapa p{float:left; font:13px/1.5em 'nanum gothic';}

#tabsa{overflow:hidden; width:100%; margin:0; padding:0; list-style:none;}
#tabsa li{float:left; margin:0;}
#tabsa a{display:inline-block; width:336px; box-sizing:border-box; background-color:#fff; text-align:center; height:61px; font-size:16px; color:#888;letter-spacing:-0.5pt; line-height:53px; border:4px solid #e9e9e9; margin-right:3px;}
#tabsa a:hover, #tabsa a:hover::after, #tabsa a:focus, #tabsa a:focus::after{background:#fff; color:#333;}
#tabsa a:focus{outline:0;}
#tabsa a::after{content:''; position:absolute; z-index:1; top:0; right:0; bottom:0; background:#efefef;}
#tabsa #currenta a{background:#fff; z-index:3; color:#ffac23; border-bottom:1px solid #fff; border:4px solid #ffac23;}
#tabsa #currenta span{background-color:#ffac23; color:#fff;}
#tabsa #currenta a::after{background:#fff; z-index:3;}
#tabcona{padding:0; position:relative; z-index:2;}

/*.conbox_lic{position:relative; padding:80px 0 20px 0; background:#eee;}
.customer{text-align:center;  overflow:hidden;background: #eee;}
.customer table{margin:60px auto; border-spacing:0; border-collapse:collapse;}
.customer td{vertical-align:top; text-align: center;}*/
.conbox_lic{position:relative; padding:80px 0 20px 0; background:#eee;}
.customer{text-align:center;  overflow:hidden;background: #eee;}
.customer table{margin:60px auto; border-spacing:0; border-collapse:collapse;width:1100px;}
.customer td{text-align: center;width:33.3%;}
.bp38{padding-bottom:38px;}
.bp53{padding-bottom:53px; padding-right:14px;}
.br44{padding-right:44px;}
.br55{padding-right:55px;}
.bp20{padding-bottom:20px; padding-right:34px;}
.mt27{margin-top:27px;}
.bp_n{padding-top:50px;}

.copyright{text-align:center; background:#fff; overflow:hidden; border-top:1px solid #eee;}

.copyright table{margin:40px auto; border-spacing:0; border-collapse:collapse; width: 1240px;}
.copyright .address{vertical-align:top; color:#777; font:12px/1.5em 'malgun gothic';}
.copyright td{text-align:left;}
.copyright .link{word-spacing:10px; vertical-align:middle; color:#777; font:13px/1.5em 'malgun gothic'; padding-bottom:24px;}
.copyright .link a{color:#777; font:14px/1.5em 'malgun gothic';}

.copyright th img{max-width:60px;}
.copyright .name{margin-top: 10px; font-size: 16px; color: #333; }

.copyright .allright{color:#555; font:12px/1.5em 'malgun gothic'; padding-top:24px;}
.copyright .allright strong{color:#888; font:bold 12px/1.5em 'malgun gothic'; text-transform:uppercase;}






[placeholder]:focus::-webkit-input-placeholder{color:transparent;}
::-webkit-input-placeholder{color:#222;}
::-webkit-input-placeholder{color:#222;}
::-moz-placeholder{color:#222;}
:-ms-input-placeholder{color:#222;}
:-moz-placeholder{color:#222;}
input:focus{outline:none; border-color:#fff; background:#fff;}


.csForm_wrap ::-webkit-input-placeholder{color:#daeaff;}
.csForm_wrap ::-webkit-input-placeholder{color:#daeaff;}
.csForm_wrap ::-moz-placeholder{color:#daeaff;}
.csForm_wrap :-ms-input-placeholder{color:#daeaff;}
.csForm_wrap :-moz-placeholder{color:#daeaff;}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
background-color: rgb(255, 255, 255) !important;
background-image: none !important;
color: rgb(0, 0, 0) !important;
}

.login{float:right; margin:16px 0 7px; position:relative; width:400px; font:bold 13px/1.5em 'nanum gothic'; vertical-align:middle;}
.login input[type=text], .login input[type=password]{width:120px; font-size:13px; padding:3px 8px; float:left;}
.login input[type=text]{border:1px solid #e1e3e5; font-weight: 400;}
.login input[type=password]{border:1px solid #e1e3e5; border-left:0; font-weight: 400;}
.login input[type=submit]{background:#747c90; border-radius:2px; color:#fff; border:1px solid #888; padding:3px 10px; font-size:12px; margin-left:5px; float:left;}

.login_etc{clear:both; float:left; margin-top:5px;}
.btn_login input[type=checkbox]{display:inline-block; vertical-align:middle;}

.styled-checkbox{position:absolute; opacity:0;}
.styled-checkbox + label {position:relative; cursor:pointer; padding:0; font:13px/1em "malgun gothic"; vertical-align:middle; color:#747c90;}
.styled-checkbox + label:before {content:''; margin-right:6px; display:inline-block; vertical-align:text-top; width:16px; height:16px; background:white; border:1px solid #ddd;}
.styled-checkbox:hover + label:before {background:white;}
.styled-checkbox:checked + label:before {background:white; border:1px solid #ddd;}
.styled-checkbox:disabled + label {cursor:auto;}
.styled-checkbox:disabled + label:before {box-shadow:none; background:#ddd;}
.styled-checkbox:checked + label:after {
content: '';
position: absolute;
left:3px;
top:7px;
background:black;
width:3px;
height:3px;
margin-top:1px;
box-shadow:3px 0 0 black, 4px 0 0 black, 4px -2px 0 black, 4px -4px 0 black, 4px -6px 0 black, 4px -8px 0 black;
-webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

/*.btn_login{background:#747c90; border-radius:2px; color:#fff; margin-left:5px; float:left;}*/

.log_find{font:13px/1.2em "malgun gothic"; margin-left:10px; color:#747c90; vertical-align:middle;}
.btn_join{font:13px/1.2em "malgun gothic"; margin-left:10px; color:#747c90; vertical-align:middle;}





.newSub{padding:1px 5px 2px; color:white; border-radius:100%; background:#f44336; font:bold 10px/1.5em AppleSDGothicNeo-Light, sans-serif; margin-left:5px; margin-top:9px;}
.adballoon a{position:relative;}
.adballoon img{position:absolute;left:22px; top:-12px; z-index:10005;}
.qnaTxt li div:nth-child(2) p strong{color:#FF9933}
.login_sns{position:absolute; right:0; top:0;}
.nav h4{color:#0170c9; margin:0; font:bold 17px/1.5em 'nanum gothic'; border-bottom:1px solid #818182; padding-top:20px; padding-bottom:5px; margin-bottom:7px; clear:both;}

/* Æ˾÷ ¿À´ÃÇÏ·ç±×¸¸º¸±â */
.main_popup a{text-decoration:none; color:white}
.main_popup{min-height:308px; border:3px solid #2c3f94; background-color: #2c3f94;}
.main_popup .popup_bottom{
background-color:#2c3f94;
color:white;
height:30px;
padding:5px 10px 0px 10px;
font:13px/1.5em "malgun gothic";
box-sizing: border-box;
}


.main_popup .popup_bottom .pull-right{float:right; margin-right: 15px;}
.main_popup02 .popup_bottom02 .pull-right{float:right; margin-right: 15px;}
.login strong{color:#000; margin-left:80px;}
.lo_01{display:inline-block; float:right; color:#000; padding:0 5px; margin-top:5px;}
.lo_02{display:inline-block; float:right; color:#000; padding:0 5px; margin-top:5px; clear:both; }
.lo_03{display:inline-block; background:#194ca9; font:bold 13px/1.5em 'nanum gothic'; padding:1px 5px 3px; border-radius:2px; float:right;}
.sns_icon{position:absolute; top:16px; right:-150px; width:125px; height:21px; z-index:100;}


/* main popup 2*/
.main_popup2 {
	border-radius: 5px;
	-webkit-box-shadow: 3px 3px 16px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 3px 3px 16px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 3px 3px 16px 0px rgba(0, 0, 0, 0.1);
	overflow: hidden;
}
.main_popup2 * {
	font-family: 'Noto Sans KR', 'Nanum Barun Gothic', 'Malgun Gothic', Apple SD Gothic Neo, Arial, Verdana, Helvetica, sans-serif;
}

.main_popup2 .pop_noticeInfo_bottom2 {
	border-top: 1px solid #ccc;
}
.main_popup2 .pop_noticeInfo_bottom2 button {
	display: inline-block;
	width: 50%;
	height: 50px;
	line-height: 50px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #fff;
	border: 0;
}
.main_popup2 .pop_noticeInfo_bottom2 button:first-child {
	border-right: 1px solid #ccc;
}
.main_popup2 .pop_noticeInfo_bottom2 button a {
	display: block;
	width: 100%;
	text-align: center;
	font-size: 16px;
	letter-spacing: -.05em;
	color: #080808;
}
.main_popup2 .pop_noticeInfo_bottom2 button:first-child a {
	color: #9c9b9b;
}






/*Footer*/
#footer {position:relative; overflow:hidden;}
.sitemap_box {height:60px; background-color:#f0f0f0}
.sitemap_box .sitemap {width:1100px; margin:0 auto;}
.sitemap_box .sitemap li {float:left; margin-top:23px;}
.sitemap_box .sitemap li a {font-size:14px; color:rgba(102,102,102,0.9); letter-spacing:-0.25pt;}
.sitemap_box .sitemap li:after {content:""; display:block; width:1px; height:15px; background-color:#c0c0c0; margin:0 26px; float:right;}
.sitemap_box .sitemap li:last-child:after {display:none;}

.footer_in {width:1100px; margin:0 auto; height:160px;}
.footer_in .logo {float:left; padding-top:25px; margin-right:46px;}
.footer_in .com_info {float:left; padding-top:40px;}
.footer_in .com_info li {float:left; font-size:14px; color:#777; letter-spacing:-0.25pt; margin-right:14px;}
.footer_in .com_info .email {margin-right:0;}
.footer_in .com_info .copyright {clear:both; font-size:13px; color:#aaa; letter-spacing:0.3pt; margin-top:16px;}



/* °Ô½ÃÆÇ ÆäÀÌ¡ */
.page_num { position: relative; width: 100%; text-align: center; padding: 15px 0 0 0 }
.page_num ul.pagination { display: inline-block; padding: 0; margin: 0 }
.page_num ul.pagination li { display: inline }
.page_num ul.pagination li a {background:#fff; color: #666; float: left; padding: 8px 12px; text-decoration: none; border: 1px solid #ddd; margin: 0 1px }
.page_num ul.pagination li a.active { background: #444; color: #FFF; border: 1px solid #444 }

/*»õ·ÎÃß°¡µÇ´Âcss*/

#wrap .main_popupWrap{position:fixed; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,.7); z-index:999999; display:none;}
#wrap .main_popupWrap .popup_main{position:fixed; width:1100px; height:622px; transform:translate(-50%,-50%); top:50%; left:50%;}
#wrap .main_popupWrap .close1_main{float:right;}
#wrap .main_popupWrap .close2_main{float:right; background:rgba(0,0,0,.9); display:block; height:28px; line-height:28px; text-align:right;}
#wrap .main_popupWrap .close2_main a{color:#ddd; font-size:12px; font-weight:500;}

#wrap .event_popupWrap{position:fixed; width:380px; height:300px; bottom:5px; right:5px; z-index:9999;}
#wrap .event_popupWrap .close_event{background:rgba(0,0,0,.9); display:block; width:380px; height:28px; line-height:28px; text-align:right;}
#wrap .event_popupWrap .close_close a{color:#ddd; font-size:12px; font-weight:500;}




input#chkAgree{width: 16px;height: 16px;}
.dropbtn{color:#c8d9f9;}

.dropdown{position:relative; display:inline-block;}
.dropdown-content{display:none; position:absolute; background:rgba(0,0,0,0.7); left:142px; top:-45px; z-index:1; font:12px/1.5em "malgun gothic"; padding: 15px 20px; border:1px solid #999;}
.dropdown-content span{color:#fff; text-decoration:none; display:block; text-align:left;}
.dropdown-content span a{color:#000; text-decoration:none; display:inline-block; font-weight: bold; padding:3px 0; background:#fff608; margin-top:10px; width:170px; text-align: center;}
.check_a:hover .dropdown-content{display:block;}
.dropdown label{cursor: pointer;}

#return-to-top {
    position: fixed;
    bottom: 50px;
    left: 1550px;
    background: #fff;
    width: 42px;
    padding: 12px 0;
    line-height: 1;
    display: block;
    text-decoration: none;
    display: none;
    text-align: center;
    border: 1px solid #ddd;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}






.open_free {clear:both;width:100%;display:block;background-color:#dc4528;text-align:center;padding:20px 0px;color:#fff;font-size:30px;font-weight:lighter;font-family:'malgun gothic';}
.open_free span {font-weight:bold;margin:0px 10px;}