@charset "utf-8";
@import url(//cdn.rawgit.com/young-ha/webfont-archive/master/css/NotoSansCJKkr.css);
* { 
	/*font-family: 'NotoSansCJKkr', sans-serif;*/
	font-family: Arial, 'NotoSansCJKkr', sans-serif;
	/** css3 protected**/
	/*
	-moz-user-select:none;
	-webkit-user-select:none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select:none;
	*/
}

html, body, div, span, applet, embed, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, 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 {
	margin:0;
	padding:0;
	border:0;
	line-height:normal;
}
html,body{
	height:100%;
}
body{
	width:100%;
	margin:0;
	text-align:center;
/*	background-color:#eeeeee;*/
}
table {
	width:100%;
	table-layout:fixed; 
}
table, th, td {
	border-collapse:collapse; 
	border-spacing:0;
}
table caption {
	display: none;
}
form *{
	vertical-align: middle;
}
ul,li{
	list-style: none;
	margin:0;
	padding:0;
}
a:focus {
	outline:none;
}
.font_gulim{
	font-family:Gulim;
}
#page{
	width:100%;
	min-width:1200px;
	max-width:1600px;
	height:100%;
	min-height:971px;
	text-align:center;
	display: table;
	margin:0 auto;
	position:relative;
	background-color:#ffffff;
}
#layout_header{
	width:100%;
	height:146px;
	display: table-row;
	margin:0 auto;
	z-index:1004;
	background-color:transparent;
}
#layout_header.main{
	position: absolute;
	background-color:rgba(255,255,255,0.7);
	height:100px;
}
#layout_header_top{
	width:100%;
	height:87px;
}
#layout_header.main > #layout_header_top{
	position:absolute;
	top:-20px;
}
#layout_header_top > div.container{
	width:1200px;
	height:87px;
	display: block;
	margin:0 auto;
	position:relative;
}
#layout_header > #layout_header_top > div.container > div.logo{
	
	/*width:178px;*/
	width:230px;
	height:80px;
	/*
	width:210px;
	height:70px;
	*/
	position:absolute;
	top:14px;
	left:10px;
	/*background:url('/images/logo/top_logo_new.png') no-repeat;
	background:url('/images/logo/logo_blue.png') no-repeat;*/
	background:url('/images/logo/top_logo_new_c.png') no-repeat;
	background-position:center left;
	/*background-size:44px 45px;*/
	background-size:contain;
	z-index:1;
}
#layout_header > #layout_header_top > div.container > div.logo_new{
	width:228px;
	height:60px;
	position:absolute;
	top:14px;
	left:10px;
	/*background:url('/images/logo/top_logo.png') no-repeat;*/
	background:url('/images/logo/logo_blue.png') no-repeat;
	background-position:center left;
	background-size:34px 33px;
}
#layout_header.main > #layout_header_top > div.container > div.logo{
	/*background:url('/images/logo/top_logo.png') no-repeat left bottom;*/
	top:28px;
}

#layout_header_top > div.container > div.logo > a{
	width:100%;
	height:100%;
	display:inline-block;
	padding:10px 0 0 50px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	color:#000;
	text-decoration:none;
	text-align:left;
	line-height:0.5;
	font-weight:bold;
	font-size:20px;
	position:relative;
}
#layout_header_top > div.container > div.logo_new > a{
	width:100%;
	height:100%;
	display:inline-block;
	padding:10px 0 0 40px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	color:#000;
	text-decoration:none;
	text-align:left;
	line-height:1.2;
	font-weight:bold;
	font-size:36px;
}
#layout_header_top > div.container > div.logo > a > span:first-child{
	line-height:1;
	font-size:32px;
}
#layout_header_top > div.container > div.logo > a > span:first-child > span{
	line-height:1;
	font-size:16px;
	position:absolute;
	left:120px;
	top:18px;
}
#layout_header_top > div.container > div.logo > a > span:last-child{
	line-height:1;
	font-size:16px;
}
#layout_header_top > div.container > div.loginTop{
	width:490px;
	height:22px;
	position:absolute;
	top:38px;
	right:30px;
	text-align:right;
}
div.loginTop > #loginTopForm{
	display:inline-block;
}
div.loginTop > #loginTopForm > .login_button, 
div.loginTop > #loginTopForm > .logout_button{
	padding:0 13px;
	font:normal 14px/22px 'NotoSansCJKkr';
	color:#707070;
	display:inline-block;
	text-decoration:none;
}
#layout_header.main div.loginTop > #loginTopForm > .login_button, 
#layout_header.main div.loginTop > #loginTopForm > .logout_button{
	color:#000;
}
div.loginTop > #loginTopForm > .join_button{
	padding:0 13px;
	font:normal 14px/22px 'NotoSansCJKkr';
	color:#707070;
	display:inline-block;
	text-decoration:none;
	position:relative;
}
#layout_header.main div.loginTop > #loginTopForm > .join_button{
	color:#000;
}
div.loginTop > #loginTopForm > .join_button:after{
	content:'';
	position:absolute;
	left:0px;
	top:4px;
	width:1px;
	height:14px;
	background-color:#abacae;
}
div.loginTop > #loginTopForm > .customer_button{
	background:url(/images/icon/top_m_icon3.png) no-repeat left center;
	padding:0 15px 0 28px;
	font:bold 14px/22px 'NotoSansCJKkr';
	color:#707070;
	display:inline-block;
	text-decoration:none;
}
#layout_header.main div.loginTop > #loginTopForm > .customer_button{
	color:#000;
}
div.loginTop > #loginTopForm > .kakao_button{
	display:inline-block;
	text-decoration:none;
	background-color:#e5d630;
	font:normal 14px/24px 'NotoSansCJKkr';
	color:#351819;
	padding:0 5px;
	border-radius:4px 4px;
}
div.loginTop > #loginTopForm > .kakao_button > img{
	height:26px;
	vertical-align:middle;
}
div.loginTop > #loginTopForm > #bookmark{
	background:url(/images/icon/top_m_icon4.png) no-repeat center center;
	font:normal 14px/22px 'NotoSansCJKkr';
	padding:0 15px 0 27px;
	display:inline-block;
	text-decoration:none;
	position:relative;
}
div.loginTop > #loginTopForm > #bookmark > .tooltip{
	width:260px;
	margin-left:-140px;
	top:-40px;
	text-align:center;
}
div.loginTop > #loginTopForm > #bookmark:hover > .tooltip{
	visibility: visible;
}
div.loginTop > #loginTopForm > #bookmark > .tooltip > .text{
	text-align:center;
}
#layout_header > #layout_header_bottom{
	width: 100%;
	height:59px;
	display: block;
	margin:0 auto;
	background-color:rgba(0,0,0,1);
}
#layout_header.main > #layout_header_bottom{
	background-color:rgba(0,0,0,0.0);
	position:absolute;
	top:40px;
}
#layout_header_bottom > div.container{
	width:1200px;
	height:59px;
	display:inline-block;
	margin:0 auto;
	text-align:right;
}
#layout_header_bottom > div.container > div.menu{
	position:relative;
	display:inline-block;
	padding:0 30px;
}
#layout_header_bottom > div.container > div.menu > a{
	width:100%;
	height:100%;
	display:inline-block;
	font:normal 18px/59px Arial,'NotoSansCJKkr';
	color:#fff;
	text-decoration:none;
}
#layout_header_bottom > div.container > div.menu:hover > a, 
#layout_header_bottom > div.container > div.menu.select > a{
	color:#f9aa06;
}
#layout_header.main div.container > div.menu > a{
	color:#000;
}
#layout_header.main #layout_header_bottom > div.container > div.menu:hover > a, 
#layout_header.main #layout_header_bottom > div.container > div.menu.select > a{
	color:#fff;
}
/** 상단 서브메뉴 **/
#layout_header_bottom > div.container > div.menu > div.drop{
	opacity: 0;
	height:1px;
	overflow:hidden;
	transition: opacity 0.3s;
	box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.45),-1px 0px 3px rgba(0, 0, 0, 0.25);
	border-bottom-left-radius:4px;
	border-bottom-right-radius:4px;
	position: absolute;
	z-index:1002;
	background: #fff;
	text-align: left;
	padding: 0;
	color:#919191;
	top:59px;
	left:-20px;
	width:200px;
}
#layout_header_bottom > div.container > div.menu > div.drop > div.menu2{
	position:relative;
}
#layout_header_bottom > div.container > div.menu > div.drop > div.menu2 > div.drop2{
	opacity: 0;
	height:1px;
	overflow:hidden;
	transition: opacity 0.3s;
	box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.45),-1px 0px 3px rgba(0, 0, 0, 0.25);
	border-bottom-left-radius:4px;
	border-bottom-right-radius:4px;
	position: absolute;
	background: #fff;
	text-align: left;
	padding: 0;
	color:#919191;
	top:0px;
	left:197px;
	width:200px;
}
#layout_header_bottom > div.container > div.menu > div.drop a,
#layout_header_bottom > div.container > div.menu > div.drop > div.menu2 > div.drop2 a{
	text-decoration:none;
	display: inline-block;
	text-align: left;
	position: static;
	font:normal 14px/48px Arial,'NotoSansCJKkr';
	z-index: 0;
	background-image:none;
	color:#000;
	white-space: nowrap;
	width:100%;
	height:100%;
}
#layout_header_bottom > div.container > div.menu > div.drop a.depth{
	position:relative;
	font:normal 14px/38px Arial,'NotoSansCJKkr';
}
#layout_header_bottom > div.container > div.menu > div.drop a.depth:before{
	content: "\f0da";
	font: normal normal normal 20px/38px FontAwesome;
	position: absolute;
	right: -10px;
}
#layout_header_bottom > div.container > div.menu:hover > div.drop{
	opacity: 1;
	overflow:visible;
	height:auto;
}
#layout_header_bottom > div.container > div.menu > div.drop > div,
#layout_header_bottom > div.container > div.menu > div.drop > div.menu2 > div.drop2 > div{
	padding:0px 20px;
	color: #575757;
}
#layout_header_bottom > div.container > div.menu > div.drop > div:hover,
#layout_header_bottom > div.container > div.menu > div.drop > div.menu2:hover > div.drop2 > div:hover{
	background-color: #f9f9f9;
}
#layout_header_bottom > div.container > div.menu > div.drop > div:last-child{
	border-bottom-width:0;
}
#layout_header_bottom > div.container > div.menu > div.drop.right {
	right:0px;
}
#layout_header_bottom > div.container > div.menu > div.drop > div.menu2:hover > div.drop2{
	opacity:1;
	overflow:visible;
	height:auto;
}
/** 컨텐츠 **/
#layout_container{
	width: 100%;
	height:100%;
	display: table-row;
}
/** 컨텐츠 메인 **/
#layout_content_main{
	width:1212px;
	min-height:100%;
	height:100%;
	display:block;
	margin:0 auto;
	position:relative;
}
#layout_content_main > #layout_content{
	width: 860px;
	height:100%;
	float: left;
	position:relative;
	border-right:1px #d8d8d8 solid;
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
	        box-sizing:border-box;
	padding:50px 0 100px 0;
}
#layout_content_main > #layout_content > div.videomain{
	background:#000;
	width:836px;
	height:443px;
	margin:0 auto 50px auto;
	position:relative;
	overflow:hidden;
	outline:1px #ddd solid;
}
#layout_content_main > #layout_content > div.videomain > ul{
	display:block;
	width:2508px;
	height:443px;
}
#layout_content_main > #layout_content > div.videomain > ul > li{
	width:836px;
	height:443px;
	display:block;
	float:left;
	color:#fff;
	position:relative;
}
#layout_content_main > #layout_content > div.videomain > #videomain_player{
	position:static;
	top:0;
	left:0;
}
#layout_content_main > #layout_content > div.hr100{
	background-color:#d8d8d8;
	width: 836px;
	height:1px;
	margin:50px auto;
}
/** 교수+판서 **/
#layout_content_main > #layout_content.xinicx_type{
	width: 1211px;
	border-right:0;
}

#layout_content_main > #layout_right{
	width: 340px;
	height:100%;
	float: left;
	position:relative;
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
	        box-sizing:border-box;
	padding:25px 0;
}
#layout_content_main > #layout_right > div.sec{
	width:100%;
	border-bottom:1px #d8d8d8 solid;
}
#layout_content_main > #layout_right > div.sec > div.cont{
	margin:25px 0 0 0;
}
#layout_content_main > #layout_right > div.sec+div.sec > div.cont{
	margin:0;
}
#layout_content_main > #layout_right > div.essay > div.cont > div.big{
	color:#4f4f4f;
	font:bold 11pt/35px 'NotoSansCJKkr';
	text-align:left;
}
#layout_content_main > #layout_right > div.essay > div.cont > a{
	color:#222;
	font:normal 11pt/35px 'NotoSansCJKkr';
	text-align:left;
	text-decoration:none;
	width:100%;
	height:35px;
	background-color:#fff;
	display:block;
}
#layout_content_main > #layout_right > div.essay > div.cont > a:after{
	font-family:FontAwesome;
	content: "\f105";
	float:right;
	margin-right:20px;
}
#layout_content_main > #layout_right > div.essay > div.cont > a:hover{
	color:#fff;
	background-color:#00addf;
}
#layout_content_main > #layout_right > div.sec4{
	border-bottom-width:0;
}
#layout_content_main > #layout_right > div.sec4 > div.cont{
	text-align:right;
}
#layout_content_main > #layout_right > div.sec4 > div.cont > a+a{
	margin-left:4px;
}
/** **/
#layout_content_main > .banner_container{
	background-color:#f2f2f2;
	width:100%;
	max-width:1200px;
	height:450px;
	overflow:hidden;
	margin:0 auto;
}
@media screen and (min-width:1284px) { 
	#layout_content_main > .banner_container{
		max-width:1284px;
	}
}
@media screen and (min-width:1360px) { 
	#layout_content_main > .banner_container{
		max-width:1360px;
	}
}
@media screen and (min-width:1600px) { 
	#layout_content_main > .banner_container{
		max-width:1600px;
	}
}
#layout_content_main > .banner_container > .banner{
	width:100%;
	height:100%;
	margin:0 auto;
	padding:0;
	position:relative;
}
#layout_content_main > .banner_container > .banner > .swiper-pagination{
	bottom:32px;
	width:400px;
	left:50%;
	margin-left:-200px;
}
#layout_content_main > .banner_container > .banner > .swiper-pagination > .swiper-pagination-bullet{
	width:50px;
	height:6px;
	background:#fff;
	box-shadow:1px 1px 1px rgba(0,0,0,0.85);
	border-radius:0;
}
#layout_content_main > .banner_container > .banner > .swiper-pagination > .swiper-pagination-bullet+.swiper-pagination-bullet{
	margin-left:9px;
}
#layout_content_main > .banner_container > .banner > .swiper-pagination > .swiper-pagination-bullet-active{
	background:#15b3d8;
}
#layout_content_main > .banner_container > .banner > .item{
	position:relative;
	width:100%;
	height:450px;
	background:url('/images/main2/main_top.jpg') no-repeat center -120px;
	overflow:hidden;
}
#layout_content_main > .banner_container > .banner > .item > .character{
	position:absolute;
	right: 0;
	bottom: 0px;
	opacity: 0;
	margin-right:0;
}
#layout_content_main > .banner_container > .banner > .item > .ment1{
	position:absolute;
	width:100%;
	top:205px;
	left:-800px;
	margin-left:0;
	font-size:49px;
	line-height:1.2;
	color:#fff;
	font-weight:bold;
	text-shadow:2px 2px 1px rgba(0,0,0,.65),-1px -1px 1px rgba(0,0,0,.45);
	text-align:center;
	opacity: 0;
}
#layout_content_main > .banner_container > .banner > .item > .ment1 > a.the_more_btn{
	display:inline-block;
	width:200px;
	height:47px;
	font:normal 26px/47px 'NotoSansCJKkr';
	text-align:center;
	color:#000;
	text-shadow:1px 1px 1px rgba(0,0,0,0.45);
	text-decoration:none;
	background:#fff;
/*	background: linear-gradient(to right, #00acd2, #0795DD);*/
	box-shadow:2px 2px 1px rgba(0,0,0,0.45);
	border-radius:4px;
}
#layout_content_main > .banner_container > .banner > .swiper-slide-active > .character{
	opacity: 1;
	right:50%;
	margin-right:-520px;
	transition: opacity 0.4s linear 0.4s;
	transition: right 0.7s;
}
#layout_content_main > .banner_container > .banner > .swiper-slide-active > .ment1{
	opacity: 1;
	left:0;
	transition: opacity 0.4s linear 0.4s;
	transition: left 0.7s;
}
#layout_content_main > .banner_container > .banner > .item > .ment1 > div{
	font-size:31px;
	line-height:50px;
	color:#fff;
	text-shadow:2px 2px 1px rgba(0,0,0,.65),-1px -1px 1px rgba(0,0,0,.45);
	padding:15px 0;
	text-align:left;
}
#layout_content_main > .banner_container > .banner > .item > .ment1 > div > div{
	font-size:21px;
	line-height:33px;
	color:#fff;
	text-shadow:1px 1px 1px rgba(0,0,0,.65),-1px -1px 1px rgba(0,0,0,.45);
	padding:15px 0;
	text-align:left;
}
#layout_content_main > .banner_container > .banner > .item > a{
	display:block;
	position:absolute;
	left:133px;
	top:140px;
	width:400px;
	height:225px;
	overflow:hidden;
	background-position:center center;
	background-repeat:no-repeat;
	border-radius:10px;
}
#layout_content_main > .banner_container > .banner:hover > .item > a:after{
	background-position:0 -80px;
}
/** 추천강좌 **/
#layout_content_main > .top_courses_container , #layout_content_main > .top_courses_container_review_add{
	background-color:#fff;
}
#layout_content_main > .top_courses_container > .title , #layout_content_main > .top_courses_container_review_add > .title{
	width:1000px;
	height:36px;
	margin:72px auto 26px auto;
	padding:0;
	position:relative;
	font:bold 36px/1 'NotoSansCJKkr';
}
#layout_content_main > .top_courses_container > ul , #layout_content_main > .top_courses_container_review_add > ul{
	width:1080px;
	margin:0 auto;
	padding:0;
	position:relative;
	display:table;
}
#layout_content_main > .top_courses_container_review_add > ul{
	width:1200px;
}

#layout_content_main > .top_courses_container > ul > li , #layout_content_main > .top_courses_container_review_add > ul > li{
	width:33%;
	display:table-cell;
	text-align:center;
}

#layout_content_main > .top_courses_container_review_add > ul > li{
	width:22.5%;
}

#layout_content_main > .top_courses_container_review_add > ul > li:last-child{
	width:32.5%;
}


#layout_content_main > .top_courses_container > ul > li > a,
#layout_content_main > .top_courses_container_review_add > ul > li > a{
	display:block;
	border:1px solid #cfcfd1;
	width:317px;
	height:205px;
	position:relative;
	text-decoration:none;
	margin:0 auto;
	overflow:hidden;
	background-position:center -30px;
	background-repeat:no-repeat;
	background-color:#000;
/*	opacity: 0.9;*/
}
#layout_content_main > .top_courses_container_review_add > ul > li > a{
	width:255px;
}
#layout_content_main > .top_courses_container_review_add > ul > li > a+a{
	margin-top:20px;
}

/*review 박스*/
#review{
	width:379px;
	height:432px;
	border:1px solid #cfcfd1;
	float:right;
}

#review > li{
	width:359px;
}

#review > li:first-child{
	height:53px;
	font: bold 15pt/53px 'NotoSansCJKkr';
	color:#424242;
	text-align:left;
	background-color: #e5e5e5;
	padding:0px 10px;
}
#review > li:first-child > a{
	width:100%;
	height:100%;
	font: bold 15pt/53px 'NotoSansCJKkr';
	display:block;
	color:#424242;
	text-decoration:none;
	position: relative;
	text-align: left;
}
#review > li:first-child > a:after{
	font: normal normal normal 14px/1 FontAwesome;
	content: "\f067";
	position: absolute;
	right: 0px;
	top: 20px;'
}
#review > li{
	padding:10px 10px;
}

#review > li:not(first-child) > table > tbody > tr > td img{
	width:52px;
	height:52px;
	border-radius: 5px 5px;
}
#review .review_title{
	width:290px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	display:inline-block;
	font: bold 11pt/22px 'NotoSansCJKkr';
	text-align:left;
	color:#424242;
}
#review .review_title > a{
	text-decoration:none;
	color:inherit;
}

#review .review_content{
	width:290px;
	height:30px;
	overflow:hidden;
	text-overflow:ellipsis;
	display:inline-block;
	position:relative;
	font: bold 9pt/15px 'NotoSansCJKkr';
	text-align:left;
	color:#797979;
}

.review_content::after {
 content:"...";
 position:absolute;
 bottom:0;
 right:0;
 background-color:#ffffff;
 width:20px;
}

.dot_line{
	width:100%;
	border-top:2px dotted #cfcfd1;
	margin:5px 0;
}

/*#layout_content_main > .top_courses_container > ul > li > a:hover{*/
/*	background-color:transparent;*/
/*	opacity: 1;*/
/*}*/
#layout_content_main > .top_courses_container > ul > li > a:after
, #layout_content_main > .top_courses_container_review_add > ul > li > a:after{
	content:'';
	width:80px;
	height:80px;
	background:url(/images/common/play-button.png) no-repeat 0 0;
	display: block;
	position: absolute;
	top:50%;
	left:50%;
	margin-left:-40px;
	margin-top:-40px;
}
#layout_content_main > .top_courses_container > ul > li:hover > a:after
, #layout_content_main > .top_courses_container_review_add > ul > li:hover > a:after{
	background-position:0 -80px;
}
#layout_content_main > .top_courses_container > ul > li > a > div
, #layout_content_main > .top_courses_container_review_add > ul > li > a > div{
	background-color:#1c8ecd;
	display:block;
	width:317px;
	font:bold 18px/22px 'NotoSansCJKkr';
	color:#fff;
	text-align:center;
	padding:5px 0 0 0;
	position:absolute;
	left:0;
	bottom:0;
}
#layout_content_main > .top_courses_container_review_add > ul > li > a > div{
	width:255px;
	height:54px;
}

#layout_content_main > .top_courses_container > ul > li > a > div > span
, #layout_content_main > .top_courses_container_review_add > ul > li > a > div > span{
	display:block;
	font:normal 14px/22px 'NotoSansCJKkr';
	color:#fff;
	text-align:center;
	padding:0 0 5px 0;
}
/** 강의맛보기/인기강의 **/
#layout_content_main > .best_container{
	background:url(/images/main2/up_1.jpg) no-repeat center center;
	height:666px;
	margin:0 auto;
	position:relative;
}
#layout_content_main > .best_container > a.btn{
	width:170px;
	height:48px;
	position:absolute;
	top:383px;
	left:50%;
	margin-left:-85px;
	font:bold 20px/48px 'NotoSansCJKkr';
	background-color:#ff7e00;
	color:#fff;
	box-shadow:1px 1px 2px rgba(0,0,0,0.85);
	text-decoration:none;
}
#layout_content_main > .best_container > .title{
	position:absolute;
	left:0;
	right:0;
	bottom:34px;
	font:bold 34px/54px 'NotoSansCJKkr';
	color:#fff;
	text-shadow: 2px 2px 1px rgba(0,0,0,.65), -1px -1px 1px rgba(0,0,0,.45);
	text-align:center;
}
#layout_content_main > .best_container > .title > span{
	font:bold 70px/54px 'NotoSansCJKkr';
	color:#fff500;
	text-shadow: 2px 2px 1px rgba(0,0,0,.65), -1px -1px 1px rgba(0,0,0,.45);
}
/** 델프 달프 완벽해부 **/
#layout_content_main > .complete_container{
	padding:119px 0;
}
#layout_content_main > .complete_container > .title{
	width:100%;
	height:49px;
	font:bold 36px/49px 'NotoSansCJKkr';
	color:#424242;
}
#layout_content_main > .complete_container > ul{
	width:1200px;
	margin:49px auto 0 auto;
	display:table;
}
#layout_content_main > .complete_container > ul > li{
	display:table-cell;
	box-sizing:border-box;
	width:278px;
	margin-left:29.3px;
}
#layout_content_main > .complete_container > ul > li:first-child{
	margin-left:0;
}
#layout_content_main > .complete_container > ul > li > a{
	width:278px;
	height:414px;
	display:block;
	text-decoration:none;
	position:relative;
	outline:1px solid #d0d0d0;
	box-sizing:border-box;
}
#layout_content_main > .complete_container > ul > li > a.bg1{
	background:url(/images/main2/announcer_1.jpg) no-repeat center top;
}
#layout_content_main > .complete_container > ul > li > a.bg2{
/*	background:url(/images/main2/announcer_1.jpg) no-repeat center top;*/
}
#layout_content_main > .complete_container > ul > li > a.bg3{
	background:url(/images/main2/announcer_3.jpg) no-repeat center top;
}
#layout_content_main > .complete_container > ul > li > a.bg4{
	background:url(/images/main2/announcer_4.jpg) no-repeat center top;
}
#layout_content_main > .complete_container > ul > li > a > .name{
	position:absolute;
	width:245px;
	height:25px;
	bottom:130px;
	right:17px;
	font:bold 25px/1 'NotoSansCJKkr';
	color:#fff;
	text-shadow: 2px 2px 1px rgba(0,0,0,.65), -1px -1px 1px rgba(0,0,0,.45);
	text-align:right;
}
#layout_content_main > .complete_container > ul > li > a > .desc{
	position:absolute;
	width:245px;
	height:95px;
	top:320px;
	left:18px;
	font:normal 18px/28px 'NotoSansCJKkr';
	color:#424242;
	text-align:left;
}
#layout_content_main > .small_banner_container{
	width:1200px;
	position:relative;
	margin:100px auto;
	text-align:left;
	vertical-align:top;
	display:table;
}
#layout_content_main > .small_banner_container > .title{
	width:693px;
	font-weight:normal;
	font-size:42px;
	line-height:62px;
	color:#000;
	text-shadow:2px 2px 1px rgba(0,0,0,.15),-1px -1px 1px rgba(0,0,0,.15);
	text-align:left;
	padding:40px 0;
	display:table-cell;
	vertical-align:top;
	box-sizing:border-box;
	position:relative;
}
#layout_content_main > .small_banner_container > .title > .text{
	font-weight:normal;
	font-size:20px;
	line-height:34px;
	margin:20px 0 0 0;
	text-shadow:1px 1px 1px rgba(0,0,0,.15),-1px -1px 1px rgba(0,0,0,.15);
}
#layout_content_main > .small_banner_container > .title > .text > div{
	font-size:16px;
	line-height:32px;
}
#layout_content_main > .small_banner_container > .title > a.btn{
	background-color:#fff;
	color:#000;
	text-decoration:none;
	position:absolute;
	left:100px;
	top:338px;
	border:1px solid #ccc;
	font-size:19px;
	line-height:47px;
	padding:0 30px;
	box-shadow:2px 2px 2px rgba(0,0,0,0.45);
}
#layout_content_main > .small_banner_container > a.text_right{
	border:1px solid #ccc;
	text-align:right;
	box-shadow:4px 4px 4px rgba(0,0,0,0.45);
	position:relative;
	display:inline-block;
	text-decoration:none;
	box-sizing:border-box;
	width:502px;
	height:420px;
}
#layout_content_main > .small_banner_container > div > .location{
	border:1px solid #ccc;
	text-align:left;
	box-shadow:4px 4px 4px rgba(0,0,0,0.45);
	position:relative;
	display:inline-block;
	text-decoration:none;
	box-sizing:border-box;
	width:502px;
	height:420px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#layout_content_main > .small_banner_container > div > .location > .description,
#layout_content_main > .small_banner_container > div > .location > .description2{
	padding:5px 5px;
	line-height: 25px;
	text-align: center;
	color:#0000ff;
	height:50px;
}
#layout_content_main > .small_banner_container > div > .location > .description2{
	visibility:hidden;
	line-height:25px;
	text-align: center;
	color:#0000ff;
}
#layout_content_main > .small_banner_container > a.text_left{
	border:1px solid #ccc;
	text-align:left;
	box-shadow:4px 4px 4px rgba(0,0,0,0.45);
	position:relative;
	display:inline-block;
	text-decoration:none;
	box-sizing:border-box;
	width:502px;
	height:420px;
}
#layout_content_main > .small_banner_container > a.text_right:after,
#layout_content_main > .small_banner_container > a.text_left:after{
	content:"\f04b";
	font: normal normal normal 28px/64px FontAwesome;
	display: block;
	position: absolute;
	bottom: 23px;
	right: 40px;
	width: 64px;
	height: 64px;
	background-color: #6c6c6c;
	color: #fff;
	border-radius: 32px;
	text-align:center;
	box-shadow:2px 2px 2px rgba(0,0,0,0.85);
}
#layout_content_main > .small_banner_container > a.text_right > .title,
#layout_content_main > .small_banner_container > a.text_left > .title{
	font:bold 42px/1.6 Arial, 'NotoSansCJKkr', sans-serif;
	position:absolute;
	bottom:23px;
	right:125px;
	color:#fff;
	text-shadow:5px 5px 5px rgba(0,0,0,0.45);
	text-align:left;
}
/** 컨텐츠 서브 **/
#layout_content_sub{
	width: 1200px;
	min-height:100%;
	height:100%;
	display: block;
	margin:0 auto;
	position:relative;
}
#layout_content_sub > #layout_content{
	width: 893px;
	min-height:100%;
	height:100%;
	float: left;
	position:relative;
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
	        box-sizing:border-box;
	padding:50px 0;
}
#layout_content_sub > #layout_content > div.page{
	border-top: 1px #e62b1e solid;
	margin:0 0 0 55px;
}
#layout_content_sub > #layout_content > div.page > div.page_title{
	border-bottom:1px #d8d8d8 dashed;
	padding:11px 20px;
	text-align:left;
	font:400 32px/37px 'NotoSansCJKkr';
	color:#333;
}
#layout_content_sub > #layout_content > div.page > div.page_title.qna{
	background:url('/images/common/qa_img.png') no-repeat 240px center;
}
#layout_content_sub > #layout_content > div.page > div.page_title.faq{
	background:url('/images/common/icon_faq.png') no-repeat 240px center;
}
#layout_content_sub > #layout_content > div.page > div.page_title.notice{
	background:url('/images/common/icon_notice.png') no-repeat 240px center;
}
#layout_content_sub > #layout_content > div.page > div.page_title.review{
	background:url('/images/common/icon_write.png') no-repeat 240px center;
}
#layout_content_sub > #layout_content > div.page > div.page_title.essay{
	background:url('/images/common/essay_img.png') no-repeat 168px center;
}
#layout_content_sub > #layout_content > div.page > div.page_title.online_study_tech{
	background:url('/images/common/study.jpg') no-repeat 220px center;
}
#layout_content_sub > #layout_content > div.page > div.page_title > div.title2{
	color:#00addf;
	font-family:'NotoSansCJKkr';
}
#layout_content_sub > #layout_content > div.page > div.page_cont{
	padding:0px 20px;
}
#layout_content_sub > #layout_content > div.page > div.page_cont  div.section{
	text-align:left;
	font:400 12px/20px Gulim;
	color:#333;
	padding:36px 0;
}
#layout_content_sub > #layout_content > div.page > div.page_cont  div.section  img{
	max-width:100%;
}
#layout_content_sub > #layout_content > div.page > div.page_cont  div.section + div.section{
	padding:0 0 36px 0;
}
#layout_content_sub > #layout_content > div.page > div.page_cont  div.section > p{
	text-align:left;
	font:400 12px/20px Gulim;
	color:#333;
	padding:0;
}
#layout_content_sub > #layout_content > div.page > div.page_cont  div.section > p  + p{
	padding:20px 0 0 0;
}
div.page > div.page_cont  div.section > div.detail_grp{
}
div.page > div.page_cont  div.section > div.detail_grp > div.title{
	height:33px;
}
div.page > div.page_cont  div.section > div.detail_grp > div.title > a:before{
	content:'';
	background:url('/images/icon/icon_plus.gif') no-repeat;
	width:33px;
	height:33px;
	display:block;
	float:left;
	margin-right:20px;
}
div.page > div.page_cont  div.section > div.detail_grp > div.title > a{
	text-decoration:none;
	text-align:left;
	font:400 18.67px/33px 'NotoSansCJKkr';
	color:#8e8a88;
	width:100%;
	height:100%;
	display:block;
	float:left;
}
div.page > div.page_cont  div.section > div.detail_grp > div.cont{
	margin:20px 16px;
	padding:0 0 0 40px;
	color:#8e8a88;
	display:none;
	font:400 12px/20px Gulim;
	border-left:1px #00addf solid;
}
div.page > div.page_cont  div.section > div.detail_grp.select > div.title > a:before{
	content:'';
	background:url('/images/icon/icon_minus.gif') no-repeat;
	width:33px;
	height:33px;
	display:block;
	float:left;
	margin-right:20px;
}
div.page > div.page_cont  div.section > div.detail_grp.select > div.title > a{
	color:#00addf;
}
div.page > div.page_cont  div.section > div.detail_grp.select > div.cont{
	display:block;
}
#layout_content_sub > #layout_left{
	width: 307px;
	height:100%;
	float: left;
	position:relative;
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
	        box-sizing:border-box;
	padding:50px 0;
}
#layout_content_sub > #layout_left > div.menu{
	width: 307px;
	position:relative;
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
	        box-sizing:border-box;
	padding:76px 54px 200px 32px;
	background-color:#f3f3f3;
	border:1px #d8d8d8 solid;
	border-right-width:0;
}
#layout_content_sub > #layout_left > div.menu > div{
	height:43px;
}
#layout_content_sub > #layout_left > div.menu > div > a{
	color:#8e8a88;
	font:400 10pt/43px 'NotoSansCJKkr';
	text-decoration:none;
	width:100%;
	height:100%;
	display:block;
/*	text-align:right;*/
	text-align:left;
	text-overflow:ellipsis;
	white-space:nowrap;
	word-wrap:normal;
	overflow: hidden;
}
#layout_content_sub > #layout_left > div.menu > div.select > a, #layout_content_sub > #layout_left > div.menu > div:hover > a{
	color:#000;
}
#layout_content_sub > #layout_left > div.menu > div.categories{
	height:43px;
	font:400 14.67px/43px 'NotoSansCJKkr';
	color:#8e8a88;
	text-align:left;
	position: relative;
}
#layout_content_sub > #layout_left > div.menu > div.categories:before{
	position: absolute;
	content: "";
	right: 0;
	top: 50%;
	right: 0;
	width:131px;
	border-top: 1px solid;
	border-color: inherit;
	color:#8e8a88;
}
#layout_content_sub > #layout_left > div.menu > div.subject{
	position: relative;
}
#layout_content_sub > #layout_left > div.menu > div.subject:after{
	content:'';
	border-bottom:1px #ddd dotted;
	position:absolute;
/*	right:0;*/
	left:0;
	width:150px;
	height:1px;
}
#layout_content_sub > #layout_left > div.menu > div.subject > a{
/*	text-align:left;*/
	font-weight:bold;
	color:#2977cf;
}
#layout_content_sub > #layout_left > div.menu > div.lecture{
	height:33px;
}
#layout_content_sub > #layout_left > div.menu > div.lecture > a{
	height:33px;
	font:400 14.67px/33px 'NotoSansCJKkr';
}
#layout_content_sub > #layout_left > div.menu > div.lecture+div.subject{
	margin-top:20px;
}
#layout_content_sub > #layout_content > div.page > ul.section{
	width: 100%;
	height:525px;
	margin:36px auto;
	display:block;
}
#layout_content_sub > #layout_content > div.page > ul.section > li{
	float:left;
	display:block;
	overflow:hidden;
	width:261px;
	height:525px;
	margin:0 0 0 27px;
	outline:1px solid #d8d8d8;
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
	        box-sizing:border-box;
	position:relative;
	padding:1px;
}
#layout_content_sub > #layout_content > div.page > ul.section > li:first-child{
	margin:0;
}
#layout_content_sub > #layout_content > div.page > ul.section > li > div.photo{
	width:259px;
	height:235px;
	background:#f4f4f4 url('/images/teacher/teacher_img1.jpg') no-repeat;
}

#layout_content div.common_title{
	color:#2c1f19;
	width:100%;
	font:bold 16pt/22px 'NotoSansCJKkr';
	text-align:left;
	margin:0px 0 20px 0;
	position:relative;
}
#layout_content div.common_title:before{
	content:'';
	position:absolute;
	display:block;
	background-color:#02acdd;
	width:28px;
	height:4px;
	top:-11px;
}
#layout_content div.common_subtitle{
	color:#2c1f19;
	width:100%;
	font:bold 12pt/22px 'NotoSansCJKkr';
	text-align:left;
	margin:0px 0 20px 0;
	position:relative;
}
#layout_content div.common_subtitle:before{
	content:'';
	position:absolute;
	display:block;
	background-color:#02acdd;
	width:28px;
	height:1px;
	top:-11px;
}
/** 페이징 **/
.pagination_container{
	width: 708px;
    position:relative;
    display:block;
    height:30px;
    margin:10px 0 20px 0;
	text-align:center;
}
.pagination{
    display:block;
    height:30px;
	margin:0 auto;
	text-align:center;
	font-size:12px;
	line-height:22px;
}

.pagination a{
    text-decoration:none;
    display:inline-block;
    line-height:20px;
    margin-left:4px;
}
.pagination a:first-child{
    margin-left:0;
}
.paging_prev{
    width:20px;
    height:20px;
    color:#777;
    border:1px #D6D6D6 solid;
}
.paging_prev:before{
	font-family: 'FontAwesome';
    content: "\f053";
}
.paging_next{
    width:20px;
    height:20px;
    color:#777;
    border:1px #D6D6D6 solid;
}
.paging_next:before{
	font-family: 'FontAwesome';
    content: "\f054";
}
.paging_now{
    width:20px;
    height:20px;
    color:#E81B22;
    border:1px #E81B22 solid;
}
.paging_num{
    width:20px;
    height:20px;
    color:#000000;
    border:1px #D6D6D6 solid;
}

/** table 버튼 정렬 **/
.tbl_btn_right{
    float:right;
    margin:10px 0;
}

/** 정렬 **/
.align_center{
	margin:0 auto;
}
/** 공통 탭메뉴 **/
.common_tab_ul{
/*	width:709px;*/
	height:42px;
	display:block;
	border-bottom:2px #6E6E6E solid;
	margin-bottom:30px;
}
.common_tab_ul > li:first-child{
	/*margin-left:20px;*/
}
.common_tab_ul > li{
	float:left;
	margin-top:2px;
	/*margin-left:5px;*/
}
.common_tab{
	height:42px;
	background:url('/images/common/tab.gif') no-repeat left top;
}
/*
.common_tab:first-child{
	border-left:1px #CDCDCD solid;
}*/
.common_tab a{
	display:inline-block;
	padding:0 25px;
	height:100%;
	text-decoration:none;
	font-weight:normal;
	line-height:42px;
	font-size: 14px;
	background:url('/images/common/tab.gif') no-repeat right top;
	color:#5e5e5e;
	margin-left:2px;
}
.common_tab:hover, .common_tab_select{
	height:42px;
	background:url('/images/common/tab_active.gif') no-repeat left top;
}
/*.common_tab_select:first-child{
	border-left:1px #9B590D solid;
}*/
.common_tab:hover a, .common_tab_select a{
	display:inline-block;
	padding:0 25px;
	height:100%;
	text-decoration:none;
	font-weight:bold;
	line-height:42px;
	font-size: 14px;
	color: #323232;
	margin-left: 2px;
	background:url('/images/common/tab_active.gif') no-repeat right top;
}
/** 페이지 공통섹션**/
.postit_box{
	width:680px;
	margin: 50px auto;
	background-color:#eee;
	font: normal 10pt/25px 'NotoSansCJKkr';
	text-align:center;
	position:relative;
}
.postit_box:before{
	content:'';
	position:absolute;
	left:-20px;
	bottom:0;
	width:20px;
	height:18px;
	background:url('/images/common/arrow_half.jpg') no-repeat 0 0;
}
.postit_box:after{
	content:'';
	position:absolute;
	right:-20px;
	bottom:0;
	width:20px;
	height:18px;
	background:url('/images/common/arrow_half.jpg') no-repeat -20px 0;
}
.postit_box > .bottom_text{
	width:100%;
	height:40px;
	background-color:#e62a1e;
	color:#fff;
	font: bold 11pt/40px 'NotoSansCJKkr';
}
ul.subitem_ul{
	margin-bottom:20px;
}
ul.subitem_ul > li{
	font: normal 9pt/22px Gulim;
	color:#333333;
}
ul.subitem_ul > li.subitem_dot{
	background:url('/images/common/subitem_dot.jpg') no-repeat left center;
	padding:0 0 0 10px;
	font: normal 10pt/22px Gulim;
	color:#333333;
}
/**로그인**/
.login_area{
	position: relative;
	width: 708px;
	height: 246px;
	margin:0 auto;
	border:1px #1D7CA4 solid;
	border-left-width:0;
	border-right-width:0;
}
.login_area #logo_text, .login_area #logo_text span{
	position:absolute;
	left:0;
	top:40px;
	text-align:left;
	color: #11485F;
	font-size: 42px;
	text-decoration: none;
	display: inline-block;
	height: 46px;
	padding: 0 0 0 15px;
	line-height: 46px;
	width: 320px;
	font-family: 'Abril Fatface', cursive;
}
.login_area .login_input {
	overflow: hidden;
	width: 304px;
	position: absolute;
	top: 61px;
	left: 383px;
}
.login_area .login_input dt {
	float: left;
	width: 64px;
	padding-top: 5px;
	font-weight: bold;
	color: #444;
	font-size:12px;
	text-align:left;
}
.login_area .login_input dd {
	float: left;
	width: 177px;
	margin-bottom: 5px;
}
.login_area .login_input dd .input_text {
	width: 169px;
	height: 20px;
	line-height: 19px;
	font-family: Dotum, Arial, sans-serif;
	color: #999999;
	border: #cbcbcb 1px solid;
	vertical-align: middle;
}
.login_area .login_input_btn {
	width:62px;
	height:51px;
	display:block;
	position: absolute;
	top: 61px;
	right: 21px;
	color:#fff;
	background-color:#1D7CA4;
	text-decoration:none;
	vertical-align:middle;
	text-align:center;
	font-size:12px;
	line-height:51px;
	outline:1px #11485F solid;
}
.login_area .id_pw_search {
	position: absolute;
	top: 148px;
	right: 19px;
	font-size:12px;
	border-top:1px #ccc solid;
	padding-top:10px;
}
.login_area .id_pw_search li {
	position: relative;
	width: 306px;
	height: 25px;
	line-height: 25px;
	color: #666;
	text-align:left;
}
.login_area .id_pw_search li .btn {
	position: absolute;
	top: 0;
	right: 0;
	display: inline-block;
	height: 20px;
	padding-left: 9px;
	background: url('/images2014/bg_common_btn.gif') no-repeat left top;
}
.login_area .id_pw_search li .btn span{
	display: inline-block;
	height: 20px;
	padding-right: 9px;
	background: url('/images2014/bg_common_btn.gif') no-repeat right top;
	line-height: 21px;
	vertical-align: top;
	font-size: 11px;
	color: #727b83;
}
.login_area .txt {
	text-align:left;
	position: absolute;
	top: 158px;
	left: 13px;
}
.p_title12 {
	font-size: 12px;
	line-height: 24px;
	color: #636363;
	letter-spacing: -1px;
}
/* 아이디 찾기 폼 */
.idpw_search_area {
	position: relative;
	width: 335px;
	height: 393px;
	background: url('/images2014/ID_bg.gif') no-repeat left top;
}
.idpw_search_area .login_input {
	overflow: hidden;
	width: 304px;
	position: absolute;
	top: 220px;
	left: 26px;
}
.idpw_search_area .login_input_btn {
	position: absolute;
	top: 74px;
	right: 21px;
}
.idpw_search_area .login_input dt {
	float: left;
	width: 83px;
	padding-top: 2px;
	font-weight: bold;
	color: #444;
}
.idpw_search_area .login_input dd {
	float: left;
	width: 200px;
	margin-bottom: 5px;
}
.idpw_search_area .login_input dd .input_text {
	height: 17px;
	line-height: 19px;
	font-family: Dotum, Arial, sans-serif;
}
.idpw_search_area .txt {
	position: absolute;
	top: 129px;
	left: 13px;
}
/* 비번찾기 폼 */
.idpw_search_area2 {
	position: relative;
	width: 335px;
	height: 393px;
	background: url('/images2014/PW_bg.gif') no-repeat left top;
}
.idpw_search_area2 .login_input {
	overflow: hidden;
	width: 304px;
	position: absolute;
	top: 220px;
	left: 26px;
}
.idpw_search_area2 .login_input dt {
	float: left;
	width: 83px;
	padding-top: 2px;
	font-weight: bold;
	color: #444;
}
.idpw_search_area2 .login_input dd {
	float: left;
	width: 200px;
	margin-bottom: 5px;
}
.idpw_search_area2 .login_input dd .input_text {
	height: 17px;
	line-height: 19px;
	font-family: Dotum, Arial, sans-serif;
}
.idpw_search_area2 .login_input_btn {
	position: absolute;
	top: 54px;
	right: 21px;
}
.idpw_search_area2 .txt {
	position: absolute;
	top: 145px;
	left: 13px;
}

/*우편번호레이어클릭*/ 
.post_layer{ position:absolute; top:50%; margin-top:-250px; left:50%; margin-left:-315px; width:450px; height:500px; background:#ffffff; border:8px solid #dddddd; font-size:12px;}
.post_layer_wrap{ width:430px; height:465px;  padding-right:20px;overflow-y:scroll; overflow-x:hidden;}


/*우편번호 팝업*/
#findDong, #findRoad{ display:inline-block; cursor:pointer; line-height:34px;}
.infopoptitle { margin:0; padding:0; padding:10px 3px 8px 15px; background:#37415a;color:#fff; font-weight:bold; width:432px;}
.close_post {cursor:pointer; color:#fff; font-size:23px; float:right; display:inline-block; margin-top:-5px; margin-right:10px;}
.post_list { margin-bottom:30px;}
.post_list ul.p_l{ width:95%;font-size:13px;height:34px; font-weight:bold; margin-left:10px;border-bottom:3px solid #9f0e14;}
.post_list ul.p_l li{ width:30%; height:34px;float:left; background:#f9f9f9; color:#333333; text-align:center;}
.post_list ul.p_l li.on{ width:30%;height:34px; color:#ffffff; float:left; background:#9f0e14;}

.infopoptbl { width:410px; margin-left:10px;border-collapse:collapse; }
.infopoptbl th{border-top:3px solid #37415a; border-bottom:1px dotted #ccc; font-weight:bold; padding:5px; text-align:center; background:#eee; }
.infopoptbl td{ border-bottom:1px solid #ccc; padding:3px }
.infopoptbl td a{ text-decoration:none;}
.infopoptbl td.zipnum{ border-right:1px solid #ccc; padding:3px; text-align:center }

.btn_right01 { width:100%; margin:3px 0; text-align:right;}
.small_text { font-size:11px; color:#636363; width:100%;}

/* 이용약관 */
.agree_info_box2 {
	overflow: hidden;
	position: relative;
	width: 797px;
	margin: 20px auto 10px auto;
	padding-top: 32px;
}
.agree_info_box2_detail{
	overflow-x: hidden;
	overflow-y: scroll;
	width: 759px;
	height: 76px;
	padding: 10px 15px;
	border: 1px solid #e1e1e3;
	line-height: 19px;
	color: #656565;
	background-color: #fff;
	text-align:left;
	font-size:12px;
}
.agree_info_box2_detail p {
	margin-bottom: 12px;
	text-align:left;
}
/* 개인정보 보호정책 */
.agree_list3 {
	overflow: hidden;
	margin: 0 0 20px 20px;
}
.agree_list3 li {
	float: left;
	width: 269px;
	color: #666;
	line-height: 20px;
}
.agree_list3 li.last {
	width: 353px;
}
.agree_list3 li a {
	color: #666;
}
.agree_list3 li span {
	display: inline-block;
	width: 28px;
	color: #444;
}
.site_agreement {
	height: 369px;
	padding: 28px 26px;
	border: 1px solid #E2E2E2;
	background: #F6F6F6;
	overflow-y: auto;
}
/** 이미지 체크박스 **/
.checkbox_agree{
	margin:0 auto;
	width:708px;
	height:23px;
	position:relative;
}
.checkbox_agree input{
	position: absolute;
	top: 0;
	left: 0;
	width: 5px;
	height: 5px;
	border: 0 none;
	margin: 2px 1px;
	padding: 0;
	vertical-align: top;
	z-index: -1;
}
.checkbox_agree label{
	float: left;
	height: 23px;
	font-weight: bold;
	font-size: 14px;
	line-height: 23px;
	color: #444;
	cursor: pointer;
}
.checkbox_agree label span{
	width: 20px;
	height: 21px;
	display:inline-block;
	background: url(/images/common/checkboxs.png) no-repeat 0 0;
	margin-right:5px;
}
.checkbox_agree label span.checked{
	background-position:-20px 0;
}
/** faq **/
.faq_item{
	margin-bottom: 0px; border-top: 2px #00addf solid;
	/*
	border-radius: 4px;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
	border: 1px solid #DDD;
	*/
	border-bottom: 1px solid #DDD;
	box-sizing: border-box;
	color: rgb(51, 51, 51);
}
.faq_item + .faq_item{
	margin-top: 5px;
}

.faq_title {
	color: #666;
	background-color: #fff;
	padding: 10px 15px 10px 35px;
	box-sizing: border-box;
	font-size: 9pt;
	font-weight: 500;
	cursor: pointer;
	font-family: Gulim;
	text-align:left;
	position:relative;
}
.faq_title:before {
	position:absolute;
	width: 22px;
	height: 22px;
	left: 5px;
	top: 7px;
	content: '';
	display: inline-block;
	background: url('/images/faq/q.png') no-repeat center;
}

.faq_content {
	background-color: #f2f2f2;
	border-top: 1px solid #DDD;
	box-sizing: border-box;
	padding: 15px 15px 15px 42px;
	font-size: 9pt;
	line-height: 20px;
	display: none;
	color: #666;
	font-family: Gulim;
	text-align:left;
	vertical-align:top;
	position:relative;
}

.faq_content:before {
	width: 22px;
	height: 22px;
	content: '';
	display: inline-block;
	background: url('/images/faq/a.png') no-repeat top left;
	position:absolute;
	top:5px;
	left:7px;
}
.faq_content > ul{
	padding:10px;
}
.faq_content > ul > li{
	line-height:20px;
	font-family:'NotoSansCJKkr';
}
.div_cycle{
	width:180px;
	height:180px;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
	        border-radius: 50%;
	-webkit-box-shadow: #666 0px 2px 3px;
	   -moz-box-shadow: #666 0px 2px 3px;
	        box-shadow: #666 0px 2px 3px;
	text-align: center;
	vertical-align:middle;
	/*
	behavior: url(/css/pie/PIE.htc);
	*/
	display: table;
	position:relative;
}
.div_cycle > div.l2{
	font-size: 16px;
	font-weight: bold;
	line-height: 30px;
	position:absolute;
	top:50%;
	width:100%;
	margin-top:-30px;
	text-align:center;
}
.div_cycle > div.l3{
	font-size: 16px;
	font-weight: bold;
	line-height: 30px;
	position:absolute;
	top:50%;
	width:100%;
	margin-top:-45px;
	text-align:center;
}
.relative{
	position:relative;
}
.relative > .div_cycle{
	position:absolute;
}
.gradient1{
	background: #FFFB39;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFB39), to(#36E8A3));
	background: -webkit-linear-gradient(#FFFB39, #36E8A3);
	background:    -moz-linear-gradient(#FFFB39, #36E8A3);
	background:     -ms-linear-gradient(#FFFB39, #36E8A3);
	background:     -o-linear-gradient(#FFFB39, #36E8A3);
	background:        linear-gradient(#FFFB39, #36E8A3);
	/*
	-pie-background:   linear-gradient(#FFFB39, #36E8A3);
	behavior: url(/css/pie/PIE.htc);
	*/
	color:#000;
}
.gradient2{
	background: #D07F40;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#D07F40), to(#FF3565));
	background: -webkit-linear-gradient(#D07F40, #FF3565);
	background:    -moz-linear-gradient(#D07F40, #FF3565);
	background:     -ms-linear-gradient(#D07F40, #FF3565);
	background:     -o-linear-gradient(#D07F40, #FF3565);
	background:        linear-gradient(#D07F40, #FF3565);
	/*
	-pie-background:   linear-gradient(#D07F40, #FF3565);
	behavior: url(/css/pie/PIE.htc);
	*/
	color:#fff;
}
.gradient3{
	background: #6424B2;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#6424B2), to(#AB67FF));
	background: -webkit-linear-gradient(#6424B2, #AB67FF);
	background:    -moz-linear-gradient(#6424B2, #AB67FF);
	background:     -ms-linear-gradient(#6424B2, #AB67FF);
	background:     -o-linear-gradient(#6424B2, #AB67FF);
	background:        linear-gradient(#6424B2, #AB67FF);
	/*
	-pie-background:   linear-gradient(#6424B2, #AB67FF);
	behavior: url(/css/pie/PIE.htc);
	*/
	color:#fff;
}
.gradient4{
	background: #3125B2;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#3125B2), to(#796DFF));
	background: -webkit-linear-gradient(#3125B2, #796DFF);
	background:    -moz-linear-gradient(#3125B2, #796DFF);
	background:     -ms-linear-gradient(#3125B2, #796DFF);
	background:     -o-linear-gradient(#3125B2, #796DFF);
	background:        linear-gradient(#3125B2, #796DFF);
	/*
	-pie-background:   linear-gradient(#3125B2, #796DFF);
	behavior: url(/css/pie/PIE.htc);
	*/
	color:#fff;
}
.gradient5{
	background: #555;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#555), to(#999));
	background: -webkit-linear-gradient(#555, #999);
	background:    -moz-linear-gradient(#555, #999);
	background:     -ms-linear-gradient(#555, #999);
	background:     -o-linear-gradient(#555, #999);
	background:        linear-gradient(#555, #999);
	/*
	-pie-background:   linear-gradient(#555, #999);
	behavior: url(/css/pie/PIE.htc);
	*/
	color:#fff;
}
a.symbole_external_link:after {
	font-family: 'FontAwesome';
	content: "\f08e";
	margin-left: 5px;
}
.btn{
	display: inline-block;
	font-weight: 400;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	border: 1px solid transparent;
	white-space: nowrap;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
	/*
	behavior: url(/css/pie/PIE.htc);
	*/
	-moz-user-select: none;
	text-decoration:none;
}
.green_btn{
	color: #FFF;
	background-color: #5CB85C;
	background-image: linear-gradient(to bottom, #5CB85C 0px, #419641 100%);
	/*
	-pie-background: linear-gradient(#5CB85C, #419641);
	behavior: url(/css/pie/PIE.htc);
	*/
	background-repeat: repeat-x;
	border-color: #3E8F3E;
}
.green_btn:hover{
	background-color: #419641;
	border-color: #398439;
	background-image: none;
	/*
	-pie-background: #419641;
	behavior: url(/css/pie/PIE.htc);
	*/
}
.blue_btn{
	color: #FFF;
	background-color: #428BCA;
	background-image: linear-gradient(to bottom, #428BCA 0px, #2D6CA2 100%);
	/*
	-pie-background: linear-gradient(#428BCA, #2D6CA2);
	behavior: url(/css/pie/PIE.htc);
	*/
	background-repeat: repeat-x;
	border-color: #2B669A;
}
.blue_btn:hover{
	background-color: #2D6CA2;
	border-color: #285E8E;
	background-image: none;
	/*
	-pie-background: #2D6CA2;
	behavior: url(/css/pie/PIE.htc);
	*/
}
.white_btn{
	color: #333;
	background-color: #fff;
	background-image: linear-gradient(to bottom, #fff 0px, #E0E0E0 100%);
	/*
	-pie-background: linear-gradient(#fff, #E0E0E0);
	behavior: url(/css/pie/PIE.htc);
	*/
	background-repeat: repeat-x;
	border-color: #CCC;
}
.white_btn:hover{
	background-color: #E0E0E0;
	border-color: #ADADAD;
	background-image: none;
	/*
	-pie-background: #E0E0E0;
	behavior: url(/css/pie/PIE.htc);
	*/
}
.apricot_btn{
	color: #fff;
	background-color: #EB9316;
	background-image: linear-gradient(to bottom, #F0AD4E 0px, #EB9316 100%);
	/*
	-pie-background: linear-gradient(#F0AD4E, #EB9316);
	behavior: url(/css/pie/PIE.htc);
	*/
	background-repeat: repeat-x;
	border-color: #D58512;
}
.apricot_btn:hover{
	background-color: #EB9316;
	border-color: #D58512;
	background-image: none;
	/*
	-pie-background: #EB9316;
	behavior: url(/css/pie/PIE.htc);
	*/
}
.red_btn{
	color: #fff;
	background-color: #C12E2A;
	background-image: linear-gradient(to bottom, #D9534F 0px, #C12E2A 100%);
	/*
	-pie-background: linear-gradient(#D9534F, #C12E2A);
	behavior: url(/css/pie/PIE.htc);
	*/
	background-repeat: repeat-x;
	border-color: #AC2925;
}
.red_btn:hover{
	background-color: #C12E2A;
	border-color: #AC2925;
	background-image: none;
	/*
	-pie-background: #C12E2A;
	behavior: url(/css/pie/PIE.htc);
	*/
}
.sky_btn{
	color: #fff;
	background-color: #5BC0DE;
	background-image: linear-gradient(to bottom, #5bc0de 0px, #2f96b4 100%);
	/*
	-pie-background: linear-gradient(#5bc0de, #2f96b4);
	behavior: url(/css/pie/PIE.htc);
	*/
	background-repeat: repeat-x;
	border-color: #46B8DA;
}
.sky_btn:hover{
	background-color: #31B0D5;
	border-color: #269ABC;
	background-image: none;
	/*
	-pie-background: #31B0D5;
	behavior: url(/css/pie/PIE.htc);
	*/
}
.black_btn{
	color: #fff;
	background-color: #222;
	background-image: linear-gradient(to bottom, #444 0px, #222 100%);
	/*
	-pie-background: linear-gradient(#444, #222);
	behavior: url(/css/pie/PIE.htc);
	*/
	background-repeat: repeat-x;
	border-color: #000;
}
.black_btn:hover{
	background-color: #222;
	background-image: none;
	/*
	-pie-background: #222;
	behavior: url(/css/pie/PIE.htc);
	*/
}
#loginFormDiv{
	margin:0 auto;
	width:357px;
	height:328px;
	background:url('/images/login/loginbox_bg.png') no-repeat;
	position:relative;
}
#loginFormDiv > div{
	width:317px;
	height:290px;
	position:absolute;
	top:13px;
	left:14px;
}
#loginFormDiv > div > h1{
	font-weight:400;
	font-size:42px;
	font-family: Arial, sans-serif;
	color:#717171;
	margin:10px 10px 0 10px;
}
#loginForm{
	margin-top:80px;
}
#loginForm input[type=text],#loginForm input[type=password]{
	height: 12px;
	width: 258px;
	vertical-align: middle;
	font-family: Arial, sans-serif;
	color: #595959;
	padding: 8px 5px;
	border: 1px solid #d9d9d9;
	vertical-align:middle;
}
#loginForm input + input{
	margin-top:5px;
}
.join_layer{ 
	margin:0 auto;
	width:812px;
	height:653px;
	background:url('/images/join/join_bg.png') no-repeat;
}
.join_layer_wrap{ width:740px; height:570px;overflow-y:scroll; overflow-x:hidden;  padding-right:20px;}

#joinForm{
	margin:0 auto;
	width:100%;
	height:653px;
}
#joinForm input,#joinForm select,#joinForm textarea{
	border: #cbcbcb 1px solid;
}
#joinForm input[type=radio],#joinForm input[type=checkbox]{
	border: transparent 1px solid;
}
.program_desc_popup{
	width:780px;
	margin:0 auto;
	text-align:center;
	padding:10px;
	background-color:#F5F5F5;
	outline:10px solid #F5F5F5;
	border:1px solid #ddd;
}
/** 인용 **/
.quote{
	font-size:12pt;
	color:#2D6CA2;
	font-weight:bold;
}
/**연혁**/
.history_ul{}
.history_ul > li.item{
	margin-bottom:20px;
}
div.year{
	display:inline-block;
	width:80px;
	font-size:16pt;
	font-weight:bold;
	color:#000;
	vertical-align:top;
	margin-left:20px;
}
/*
.history_ul > li.item > div.year:before{
	background:url('/images/common/common_section_title.jpg') no-repeat;
	width:10px;
	height:7px;
	margin-bottom:0px;
	display:block;
	content:'';
}
*/
.history_ul > li.item > ul{
	width:680px;
	display:inline-block;
	/*margin-top:8px;*/
}
.history_ul > li.item > ul > li{
	font-family:Arial, Gulim;
	font-size:9pt;
	color:#666;
	line-height:22px;
}
.history_ul > li.item > ul > li > .month{
	display:inline-block;
	width:20px;
	font-weight:bold;
	color:#000;
}
.history_ul > li.item > ul > li > .data{
	display:inline-block;
}
a.video_link{
	margin:5px 12px;
	width:242px;
	height:81px;
	display:inline-block;
	position:relative;
	overflow:hidden;
	outline:1px solid #808080;
}
a.video_link > span.play{
	display:inline;
	position:absolute;
	background:url('/images/common/video_btn2.png');
	width:50px;
	height:50px;
	top:50%;
	margin-top:-25px;
	left:50%;
	margin-left:-25px;
}
a.video_link > img{
	width:242px;
	height:181px;
	position:absolute;
	top:50px;
	left:0;
	margin-top:-90px;
}
/** 절차 **/
.step dl{
	margin-top:30px;
	overflow:hidden; 
	background:url('/images/common/step_bar.gif') no-repeat;
	height:35px;
}
.step dl dt{
	display:inline-block;
	width:135px;
	height:35px; 
	line-height:35px; 
	font-weight:bold; 
	font-size:11pt;
	color:#fff;
	text-align:left;
	padding-left:16px;
}
.step dl dd{
	display:inline-block;
	width:620px; 
	height:35px; 
	line-height:33px; 
	font-size:10pt;
}

/**어학과정**/
.small{
	font-size:9pt;
	color:#707070;
    padding-left:6px;
}

.small_ti {font-size:11pt;  font-weight:bold !important; }
.blue { color:#2768be !important; }
.Bblue {font-size:12pt; color:#2768be;  !important; }
.normal { font-weight:normal;}
.red { font-size:10pt;  font-weight:bold ; color:#f13300 !important; }
.mt20{margin-top:20px; !important}


/** alert **/
.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}

.alert h4 {
  margin-top: 0;
  color: inherit;
}

.alert .alert-link {
  font-weight: bold;
}

.alert > p,
.alert > ul {
  margin-bottom: 0;
}

.alert > p + p {
  margin-top: 5px;
}

.alert-dismissable {
  padding-right: 35px;
}

.alert-dismissable .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}

.alert-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.alert-success hr {
  border-top-color: #c9e2b3;
}

.alert-success .alert-link {
  color: #2b542c;
}

.alert-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

.alert-info hr {
  border-top-color: #a6e1ec;
}

.alert-info .alert-link {
  color: #245269;
}

.alert-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}

.alert-warning hr {
  border-top-color: #f7e1b5;
}

.alert-warning .alert-link {
  color: #66512c;
}

.alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}

.alert-danger hr {
  border-top-color: #e4b9c0;
}

.alert-danger .alert-link {
  color: #843534;
}
.zoom-anim-dialog{
	background: white;
	padding: 20px 30px;
	text-align: left;
	max-width: 800px;
	margin: 40px auto;
	position: relative;
}
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.my-mfp-zoom-in .zoom-anim-dialog {
	opacity: 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	-o-transform: scale(0.8);
	transform: scale(0.8);
}
/** shine effect **/
.shine_parent{
	position: relative;
	overflow: hidden;
}
.shine_parent .shine-effect{
	position: absolute;
	top: -110%;
	left: -210%;
	width: 200%;
	height: 200%;
	opacity: 0;
	background: rgba(255, 255, 255, 0.2);
	background: -moz-linear-gradient(
		left,
		rgba(255, 255, 255, 0.1) 0%,
		rgba(255, 255, 255, 0.1) 75%,
		rgba(255, 255, 255, 0.5) 90%,
		rgba(255, 255, 255, 0.0) 100%
	);
	background: -webkit-linear-gradient(
		top,
		rgba(255, 255, 255, 0.1) 0%,
		rgba(255, 255, 255, 0.1) 75%,
		rgba(255, 255, 255, 0.5) 90%,
		rgba(255, 255, 255, 0.0) 100%
	);
	background: -webkit-gradient(
		linear, left top, right top,
		color-stop(0%  ,rgba(255, 255, 255, 0.2)),
		color-stop(75% ,rgba(255, 255, 255, 0.2)),
		color-stop(90% ,rgba(255, 255, 255, 0.8)),
		color-stop(100%,rgba(255, 255, 255, 0.0))
	);
	background: -o-linear-gradient(
		top,
		rgba(255, 255, 255, 0.1) 0%,
		rgba(255, 255, 255, 0.1) 75%,
		rgba(255, 255, 255, 0.5) 90%,
		rgba(255, 255, 255, 0.0) 100%
	);
	background: -ms-linear-gradient(
		top,
		rgba(255, 255, 255, 0.1) 0%,
		rgba(255, 255, 255, 0.1) 75%,
		rgba(255, 255, 255, 0.5) 90%,6
		rgba(255, 255, 255, 0.0) 100%
	);
	background: linear-gradient(
		top,
		rgba(255, 255, 255, 0.1) 0%,
		rgba(255, 255, 255, 0.1) 75%,
		rgba(255, 255, 255, 0.5) 90%,
		rgba(255, 255, 255, 0.0) 100%
	);

  -webkit-transform: rotate(30deg);
     -moz-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
       -o-transform: rotate(30deg);
          transform: rotate(30deg);
    
  -webkit-transition-property: left, top, opacity;
     -moz-transition-property: left, top, opacity;
      -ms-transition-property: left, top, opacity;
       -o-transition-property: left, top, opacity;
          transition-property: left, top, opacity;
  -webkit-transition-duration: 0.5s, 0.5s, 0.1s;
     -moz-transition-duration: 0.5s, 0.5s, 0.1s;
      -ms-transition-duration: 0.5s, 0.5s, 0.1s;
       -o-transition-duration: 0.5s, 0.5s, 0.1s;
          transition-duration: 0.5s, 0.5s, 0.1s;
  -webkit-transition-timing-function: ease;
     -moz-transition-timing-function: ease;
      -ms-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease;
}

/* Hover state - trigger effect */

.shine_parent:hover .shine-effect {
	opacity: 1;
	top: -30%;
	left: -30%;
}
.shine_parent:active .shine-effect {
	opacity: 0;
}
/** contact info **/
#contactInfoDiv{
	margin:0 auto;
	width:357px;
	height:328px;
	background:url('/images/login/loginbox_bg2.png') no-repeat;
	position:relative;
}
#contactInfoDiv > div{
	width:317px;
	height:290px;
	position:absolute;
	top:13px;
	left:14px;
}
#contactInfoDiv > div > h1{
	font-size:40px;
	font-family: Arial, sans-serif;
	color:#717171;
	margin:10px 10px 50px 10px;
}
#contactInfoDiv{
	margin-top:80px;
}
#contactInfoDiv div div div{
	font-size:9pt;
	font-weight:bold;
	color:#717171;
}
#contactInfoDiv div a{
	width:100%;
	text-decoration:none;
	color:#9AA4B0;
	font-size:9pt;
	font-weight:bold;
	line-height:25px;
	display:inline-block;
}
#contactInfoDiv div.mail{
	text-align:left;
	margin-left:9px;
	font-family:Verdana;
	font-size:9pt;
	font-weight:normal;
}
#contactInfoDiv div.mail > a{
	font-family:Verdana;
	font-size:9pt;
	font-weight:normal;
}
#contactInfoDiv div.mail > a:before{
	font-family: FontAwesome;
	content: "\f0e0";
	margin-right:5px;
}
#contactInfoDiv div.phone{
	text-align:left;
	margin-left:9px;
	font-family:Verdana;
	font-size:9pt;
	font-weight:normal;
}
#contactInfoDiv div.phone > a{
	font-family:Verdana;
	font-size:9pt;
	font-weight:normal;
}
#contactInfoDiv div.phone a:before{
	font-family: FontAwesome;
	content: "\f095";
	margin-right:5px;
}
#contactInfoDiv div.location{
	font-family:Verdana;
	font-size:9pt;
	font-weight:normal;
	margin-left: 9px;
}
#contactInfoDiv div.location:before{
	font-family: FontAwesome;
	content: "\f19c";
	margin-right:5px;
	color:#9AA4B0;
}
#contactInfoDiv div.location > span{
	text-decoration:none;
	color:#9AA4B0;
	font-size:9pt;
	line-height:25px;
	display:inline-block;
}
#contactInfoDiv div.map{
	font-family:Verdana;
	font-size:9pt;
	font-weight:normal;
	margin-left: 9px;
}
#contactInfoDiv div.map:before{
	font-family: FontAwesome;
	content: "\f041";
	margin-right:5px;
	color:#9AA4B0;
}
#contactInfoDiv div.map > span{
	text-decoration:none;
	color:#9AA4B0;
	font-size:9pt;
	line-height:25px;
	display:inline-block;
}
/** 하단영역 **/
#layout_footer{
	width:100%;
	height:350px;
	position: relative;
	display: table-row;
	margin:0 auto;
}
#layout_footer_bottom{
	height:350px;
	background-color:#eee;
	border-top: 1px #ccc solid;
}
#layout_footer_bottom > div.container{
	width: 1200px;
	height:350px;
	display: block;
	margin:0 auto;
	position:relative;
}
#layout_footer_bottom > div.container > div.logo{
	width:560px;
	height:205px;
	display: block;
	/*background:url('/images/logo/main_logo2.png') no-repeat left top;*/
	position:absolute;
	left:40px;
	top:46px;
}
#layout_footer_bottom > div.container > div.logo > ul{
	/*position:absolute;*/
	width:100%;
	/*top:65px;
	left:0;*/
	color:#000;
}
#layout_footer_bottom > div.container > div.logo > ul > li.logo_draw{
	height:70px;
}
#layout_footer_bottom > div.container > div.logo > ul > li.logo_draw > div{
	width: 220px;
	height: 80px;
	position: absolute;
	top:-10px;
	left:0px;
	/*background: url(/images/logo/logo_blue.png) no-repeat;*/
	background: url(/images/logo/top_logo_new_c.png) no-repeat;
	background-position: center left;
	/*background-size: 44px 45px;*/
	background-size: contain;
}
#layout_footer_bottom > div.container > div.logo > ul > li.logo_draw > div > a{
	width: 100%;
	height: 100%;
	display: inline-block;
	padding: 10px 0 0 50px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #000;
	text-decoration: none;
	text-align: left;
	line-height: 0.5;
	font-weight: bold;
	font-size: 20px;
	position:relative; 
}
#layout_footer_bottom > div.container > div.logo > ul > li.logo_draw > div > a > span:first-child{
	line-height: 1;
	font-size: 32px;
}
#layout_footer_bottom > div.container > div.logo > ul > li.logo_draw > div > a > span:first-child > span{
	line-height: 1;
	font-size: 16px;
	position:absolute;
	left:120px;
	top:18px;
}
#layout_footer_bottom > div.container > div.logo > ul > li.logo_draw > div > a > span:last-child{
	line-height: 1;
	font-size: 16px;
}
#layout_footer_bottom > div.container > div.logo > ul > li{
	color:#000;
	font:normal 14px/26px 'NotoSansCJKkr';
	text-align:left;
}
#layout_footer_bottom > div.container > div.customer{
	width:530px;
	height:205px;
	display: block;
	position:absolute;
	left:620px;
	top:46px;
	text-align:left;
}
#layout_footer_bottom > div.container > div.customer:before{
	content:'상담문의';
	font:bold 24px/1 'NotoSansCJKkr';
	position:absolute;
	left:0px;
	top:0px;
	color:#000;
}
#layout_footer_bottom > div.container > div.customer > ul{
	position:absolute;
	width:100%;
	top:55px;
	left:0;
	color:#000;
}
#layout_footer_bottom > div.container > div.customer > ul > li{
	color:#000;
	font:normal 16px/30px 'NotoSansCJKkr';
	text-align:left;
}
#layout_footer_bottom > div.container > div.customer > ul > li > a.btn{
	color:#000;
	font:normal 16px/34px 'NotoSansCJKkr';
	text-align:center;
	border:1px solid #000;
	padding:0 19px;
	margin:10px 10px 0 0;
	text-decoration:none;
	display:inline-block;
	vertical-align: middle;
	border-radius:0;
}
#layout_footer_bottom > div.container > div.customer > ul > li > .btn2{
	color:#fff;
	font:normal 16px/34px 'NotoSansCJKkr';
	text-align:center;
	background-color:#343434;
	border:1px solid #343434;
	padding:0 19px;
	margin:10px 0 0 0;
	text-decoration:none;
	display:inline-block;
	vertical-align: middle;
	border-radius:0;
}
/** 오시는길 지도 **/
#map_canvas_ged{
	width:100%; 
	height:85%; 
	border-bottom:1px solid #ccc;
}
#map_canvas{
	width:783px; 
	height:365px; 
	border:1px solid;
}
#map_txt{
	width:708px;
	font-size:12px;
	font-family: 돋움, dotum, Helvetica, sans-serif;
	text-align:left;
	line-height:18px;
	margin: 20px auto;
}
#map_txt hr{
	border:1px solid; 
	width:708px;
	text-align:left;
	margin:10px 0;
}
#map_txt span.g{
	font-size:10px;
	text-align:center;
	display:inline-block; 
	width:14px; 
	height:11px; 
	color:#ffffff; 
	background-color:#5ABA22;
}
#map_txt span.b{
	font-size:10px;
	text-align:center;
	display:inline-block; 
	width:14px; 
	height:11px; 
	color:#ffffff; 
	background-color:#3959AE;
}
#map_txt span.r{
	font-size:10px;
	text-align:center;
	display:inline-block; 
	width:14px; 
	height:11px; 
	color:#ffffff; 
	background-color:#EF0E0C;
}
.customoverlay {
    position: relative;
    bottom: 55px;
    border-radius: 6px;
    border: 1px solid #ccc;
    border-bottom: 2px solid #ddd;
    float: left;
}
.customoverlay a {
    display: block;
    text-decoration: none;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    font-size: 14px;
    font-weight: bold;
    overflow: hidden;
    background: #d95050;
}
.customoverlay .map_title {
    display: block;
    text-align: center;
    background: #d95050;
    padding: 10px 15px;
    font-size: 15px;
    font-weight: normal;
    line-height: 1.5;
}
.customoverlay .map_title2 {
    display: block;
    text-align: center;
    background: #15b3d8;
    padding: 10px 15px;
    font-size: 15px;
    font-weight: normal;
    line-height: 1.5;
}
.customoverlay .map_address{
	font-size:12px;
}
.customoverlay:after {
    content: '';
    position: absolute;
    margin-left: -12px;
    left: 50%;
    bottom: -24px;
    width: 0;
    height: 0;
    border-top: 12px solid #d95050;
    border-right: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 12px solid transparent;
}

/**페이지 공통테이블 **/
.common_tbl_title{
	padding:30px auto 10px auto;
	width:100%;
	text-align:left;
	display:block;
	color:#4b4a4a;
	font-size:13px;
	font-weight:bold;
	background: url('/images/main/notice_icon.gif') no-repeat 8px 36px;
}
.common_tbl{
    border-top:2px #00addf solid;
}
.common_tbl.bg2{
    border-top:2px #00addf solid;
}
.common_tbl.bg3{
    border-top:2px #eeeeee solid;
}
.common_tbl.bg4{
    border-top:2px #000 solid;
}
.common_tbl a{
    text-decoration:none;
}
.common_tbl a.lock:after{
	display:inline-block;
	font-family: 'FontAwesome';
	color:#EE6304;
	font-size:20px;
	line-height:24px;
	content: "\f023";
	padding:0 5px;
}
.common_tbl td.done:after{
	display:inline-block;
	font-family: 'FontAwesome';
	color:#EE6304;
	font-size:20px;
	line-height:24px;
	content: "\f14a";
	padding:0 5px;
}
.common_tbl tfoot th{
    font-size:12px;
    height:33px;
    border-bottom:1px #cccccc solid;
    background-color:#f5f5f5;
    color:#161d27;
    text-align:center;
}
.common_tbl th{
    font-size:12px;
    height:33px;
    border-bottom:1px #cccccc solid;
    border-left:1px #cccccc solid;
    background-color:#f5f5f5;
    color:#161d27;
    text-align:center;
}
.common_tbl.no_hline th{
	border-left-width:0;
}
.common_tbl th:first-child{
    border-left-width:0;
}
.common_tbl th.bg2{
	background-color:#fffff3;
}
.common_tbl th.bg3{
	background-color:#FFE3B2;
}
.common_tbl td{
    height:33px;
    border-bottom:1px #cccccc solid;
    border-left:1px #cccccc solid;
    font-size:12px;
    color:#6b6b6b;
    text-align:center;
    /*line-height:33px;*/
    line-height:200%;
    vertical-align:middle;
}

.common_tbl td > a:link, a:visited, a:active {text-decoration:none; color:#4b4a4a;}
.common_tbl td > a:hover {text-decoration:none;color:#00addf; font-weight:bold;}

.common_tbl.no_hline td{
	border-left-width:0;
}
.common_tbl td:first-child{
    border-left-width:0;
}
.common_tbl tr.tr2 td{
	background-color:#fffff3;
}
.common_tbl td.content{
	text-align:left;
	vertical-align:top;
    padding:10px;
}
.common_tbl td.content > p{
	font-size:12px;
	line-height:200%;
}
.common_tbl td.left{
    text-align:left;
    padding:0 5px;
}
.common_tbl td.leftTop{
    text-align:left;
	vertical-align:top;
    padding:0 5px;
}
.common_section .common_tbl td li{
	background: url('/images/main/notice_icon.gif') no-repeat 8px 10px;
	padding: 4px 20px;
	line-height:18px;
}
.btn_area {
    position: relative;
    text-align: center;
    padding:10px 0;
}
.btn_area_right {
    position: relative;
    text-align: right;
    padding:10px 0;
}
.btn_basic {
    display: inline-block !important;
    height: 30px !important;
    line-height: 30px !important;
    padding: 0 15px !important;
    border-radius: 3px;
    color: white !important;
    text-shadow: -1px -1px 1px #373794;
    font-family: 'NotoSansCJKkr';
    text-decoration: none;
    font-weight: bold;
    font-size: 13px;
    text-decoration: none !important;
    overflow: hidden;
    cursor: pointer;
    background-color: #5758a6;
    border: 1px solid #2f3187;
}
/** 로그인 후 상단 **/
.login_info{
	width:148px;
	height:23px;
	position:relative;
	display:inline-block;
	vertical-align: top;
	background-color: #fff;
	text-align: center;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid #ccc;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	margin-right:15px;
}
.login_info > .tooltip{
	top: -38px;
	visibility:visible;
	display:none;
}
.login_info > .user{
	display:block;
	width:150px;
	height:24px;
	font:normal 10pt/24px 'NotoSansCJKkr';
	text-decoration:none;
	color:#333;
}
.login_info > .user:after{
	content: "\f107";
	font-family: FontAwesome;
	float:right;
	margin-right:8px;
}
.login_info:hover, .login_info.select{
	background-color: #e6e6e6;
	border-color: #adadad;
}
.login_info.select > .user:after{
	content: "\f106";
}
.login_info > .list{
	width:150px;
	display:none;
	z-index:100000;
	background-color:#F4F4F4;
	outline:1px #ddd solid;
	margin-top:-1px;

	position:absolute;
	top:25px;
}
.login_info.select > .list,.login_info:hover > .list{
	display:block;
}
.login_info > .list > li{
	padding:0 5px 0 10px;
	text-align:left;
}
.login_info > .list > li > a {
	color:#333;
	font:normal 9pt/24px 'NotoSansCJKkr';
	text-decoration:none;
	padding-right: 21px;
	display: block;
}
/** 검색 **/
form #searchString{
	width:250px;
	height: 18px;
	margin: 0 -2px 10px; 0;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	background: white;
}
span.search_btn{
	padding:0 5px;
	display:inline-block;
	height:20px;
	outline: 1px solid #CCC;
	margin-left:-6px;
	margin-bottom:10px;
	cursor:pointer;
}
span.search_btn:before{
	display:inline-block;
	font-family: 'FontAwesome';
	color:#CCC;
	height: 14px;
	line-height: 14px;
	margin-right: 1px;
	text-shadow: rgb(255, 255, 255) 0px 1px 0px;
	width: 13px;
	content: "\f002";
}
form .select_lecturer{
	width:150px;
	height: 22px;
	margin: 0 -2px 10px; 0;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	background: white;
	margin-right:10px;
}
form .select_course{
	width:250px;
	height: 22px;
	margin: 0 -2px 10px; 0;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	background: white;
	margin-right:10px;
}
.btn_black {
	display: inline-block;
	text-align: center;
	width: 75px;
	font-size: 11px;
	line-height: 28px;
	height: 28px;
	background-color: #323232;
	color: #ffffff;
	text-decoration: none;
	font-family: 'NotoSansCJKkr';
}
.pass_check_container{
	margin:0 auto;
	width:400px;
	height:100px;
	background:#fff;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
	font: normal 10pt/22px 'NotoSansCJKkr';
	color: #161d27;
	padding:10px;
	position:relative;
}
.pass_check_container > div{
	margin:20px;
}
.pass_check_container > div > input{
	float:left;
	width:200px;
	height:22px;
}
/* 2016-01-28 */
#layout_content_sub > #layout_content > div.page > div.page_cont  div.study_tips_section{
	padding-bottom:560px;
}
ul#disqus_custom_comments {
	list-style-type: none;
	font-family: 'NotoSansCJKkr';
	font-size: 15px;
	color: #a5b2b9;
}
ul#disqus_custom_comments li {
	margin-bottom: 30px;
	position: relative;
}
ul#disqus_custom_comments li a {
	text-decoration: none;
	color: rgb(102, 204, 204);
}
ul#disqus_custom_comments .avatar-container {
	width: 60px;
	box-sizing: border-box;
}
ul#disqus_custom_comments .avatar {
	width: 50px;
	height: 50px;
	border-radius: 5px;
	float: left;
	margin: 5px;
}
ul#disqus_custom_comments .post-container {
	padding-top: 3px;
	margin-left: 70px;
	box-sizing: border-box;
}
ul#disqus_custom_comments .post-container p {
	color: #3f4549;
	word-break: keep-all;
	word-wrap: break-word;
}
ul#disqus_custom_comments .author_name {
	font-weight: bold;
	font-size: 13px;
}
ul#disqus_custom_comments .timeago, .posted {
	font-weight: 500;
	font-size: 12px;
	color: #a5b2b9;
	color: rgba(0,39,59,.35);
}
ul#disqus_custom_comments .bullet {
	padding: 0 2px;
	font-size: 10px;
	color: #ccc;
	line-height: 1.4;
}
/** 공유버튼 **/
.sns_share_btns{
	text-align:right;
	height:24px;
}
.sns_share_btns > div{
	float:left;
}
.sns_share_btns > .kakatalk_band{
	padding-left:5px;
}
.sns_share_btns > .kakatalk_band > a#kakao-link-btn{
	width:24px;
	height:24px;
	display:inline-block;
}
.btn_url_copy {
	display: block;
	float: left;
	font:normal 10px/24px 'Arial';
	background-color: #038ECF;
	color: #fff;
	text-decoration: none;
	padding:0 5px;
	margin-right:5px;
	border-radius:5px;
}
.vjs-remaining-time-display{
	line-height:30px;
}

#info1-dialog,
#info2-dialog,
#info3-dialog,
#info4-dialog{
    background: white;
    padding: 20px 30px;
    text-align: left;
    max-width: 950px;
    margin: 40px auto;
    position: relative;
}
#info1-dialog > h1,
#info2-dialog > h1,
#info3-dialog > h1,
#info4-dialog > h1{
	font: bold 24px/1.8 'NotoSansCJKkr';
	color: #434343;
	padding: 0 36px;
}
/** 박스 **/
.color_box1{
	background:url('/images/common/bg_pattern01.png');
	padding:10px;
	color:#ffffff;
}
.color_inline_box1{
	background-color:#2C373B;
	margin:10px;
	padding:10px;
	color:#ffffff;
}
.color_box2{
	background:url('/images/common/bg_pattern02.png');
	padding:10px;
	color:#ffffff;
}
.color_inline_box2{
	background-color:#B92E0D;
	margin:10px;
	padding:10px;
	color:#ffffff;
}
.color_box3{
	background:url('/images/common/bg_pattern03.png');
	padding:10px;
	color:#ffffff;
}
.color_inline_box3{
	background-color:#833688;
	margin:10px;
	padding:10px;
	color:#ffffff;
}
.color_box4{
	background:url('/images/common/bg_pattern04.png');
	padding:10px;
	color:#ffffff;
}
.color_inline_box4{
	background-color:#355E00;
	margin:10px;
	padding:10px;
	color:#ffffff;
}
.color_box5{
	background:url('/images/common/bg_pattern05.png');
	padding:10px;
	color:#ffffff;
}
.color_inline_box5{
	background-color:#0B6E98;
	margin:10px;
	padding:10px;
	color:#ffffff;
}
.customer_info{
	width:302px;
	height:207px;
	background:url(/images/common/customer.jpg) no-repeat;
}
.customer_info > div{
	padding: 70px 0 20px 0;
	font: normal 14px/1.8 'NotoSansCJKkr';
	color: #000;
	letter-spacing: -1px;
}
.customer_info > a.n_req{
	background: url(/images/cate/profile_bg.png) no-repeat;
	display: inline-block;
	width: 113px;
	height: 34px;
	text-align: center;
	font: bold 10pt/32px 'NotoSansCJKkr';
	color: #fff;
	text-decoration: none;
}
.customer_info > a.cafe{
	background-color: #4c67c5;
	text-align: center;
	border: 1px solid #4c67c5;
	border-radius: 17px;
	font: bold 10pt/32px 'NotoSansCJKkr';
	color: #fff;
	text-decoration: none;
	padding:0 15px;
	height:32px;
	display: inline-block;
}
.customer_info > span{
	font: bold 10pt/32px 'NotoSansCJKkr';
	color: #000;
}
a.kp_btn{
	border-radius: 28px;
	box-shadow: 0px 1px 6px #666666;
	font:normal 20px/1 'NotoSansCJKkr';
	color: #fff;
	background: #3498db;
	padding: 10px 20px 10px 20px;
	border: solid #1f628d 1px;
	text-decoration: none;
}

a.kp_btn:hover {
	background: #3cb0fd;
}

.vjs-current-time-display, .vjs-duration-display, .vjs-time-divider > div > span{
	font: normal 10px/30px Arial;
}
.vjs-default-skin .vjs-slider-handle:before {
	content: '';
}
.mfp-playlist .mfp-content{
	width:460px;
	height:405px;
}
.pop-layer {
	display:none; 
	position: absolute; 
	top: 50%; 
	left: 50%; 
	min-width: 100px; 
	height:auto;  
	background-color:#fff; 
	border: 5px solid #3571B5; 
	z-index: 90;
}
.pop-layer .pop-container {
	padding: 10px 12px;
}
.pop-layer div.pop-conts {
	color: #000;
	font:normal 14px/1.8 'NotoSansCJKkr';
	text-align:left;
}
.pop-layer div.ctxt_title{
	color: #000;
	font:bold 29px/1.8 'Noto Sans KR';
	padding:0 0 20px 0;
	text-align:center;
}
.pop-layer .btn-r {
	width: 100%; 
	margin:10px 0 20px; 
	padding-top: 10px; 
	border-top: 1px solid #DDD; 
	text-align:right;
}

a.cbtn {
	display:inline-block; 
	height:25px; 
	padding:0 14px 0; 
	border:1px solid #304a8a; 
	background-color:#3f5a9d; 
	font-size:13px; 
	color:#fff; 
	line-height:25px;
	text-decoration:none;
}
a.cbtn:hover {
	border: 1px solid #091940; 
	background-color:#1f326a; 
	color:#fff;
}
.iframe-review .mfp-content {
	max-width: 1280px;
	height:720px;
}
a.popup_abtn{
	background-color: #4c67c5;
	text-align: center;
	border: 1px solid #4c67c5;
	border-radius: 17px;
	font: bold 10pt/32px 'NotoSansCJKkr';
	color: #fff;
	text-decoration: none;
	padding: 0 15px;
	height: 32px;
	display: inline-block;
	box-shadow: 1px 2px 2px rgba(0,0,0,.48)
}
/** 첨삭 box **/
/** scal up & down **/
@keyframes scal_up_n_down {
	0% {
		transform: scale(.8);
	}
	100% {
		transform: scale(1.2);
	}
}
/** scal up & down **/
.attach_box{
	width:98%;
	font:normal 14px/50px 'NotoSansCJKkr';
	color:#00539f;
}
.attach_box > .process{
	width:100%;
	height:72px;
	box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2), 
	0px 2px 2px 0px rgba(0, 0, 0, 0.14), 
	0px 3px 1px -2px rgba(0, 0, 0, 0.12);
	display:table;
}
.attach_box > .process > div{
	display:table-cell;
	font:normal 14px/72px 'NotoSansCJKkr';
}
.attach_box > .process > #step1{
	padding:0 8px;
	position:relative;
	width:120px;
	text-align:center;
}
.attach_box > .process > #step1:before{
	content:'1';
	font:normal 14px/24px 'NotoSansCJKkr';
	background-color:#9e9e9e;
	width:24px;
	height:24px;
	border-radius:12px;
	text-align:center;
	color:#fff;
	display:inline-block;
	margin-right:5px;
}
.attach_box > .process > #step1.select:before{
	background-color:#f44336;
	animation-duration: 1.5s;
	animation-name: scal_up_n_down;
	animation-iteration-count: infinite;
	animation-direction: alternate;
}
.attach_box > .process > .line{
	height:1px;
	position:relative;
}
.attach_box > .process > .line:before{
	content:'';
	position:absolute;
	background-color:#bdbdbd;
	height:2px;
	left:0;
	right:2px;
	top:34px;
}
.attach_box > .process > .line:after{
	content: "\f125";
	font:normal 18px/1 IonIcons;
	position:absolute;
	right:0;
	top:26px;
	color:#bdbdbd;
}
.attach_box > .process > #step2{
	padding:0 8px;
	position:relative;
	width:120px;
	text-align:center;
}
.attach_box > .process > #step2:before{
	content:'2';
	font:normal 14px/24px 'NotoSansCJKkr';
	background-color:#9e9e9e;
	width:24px;
	height:24px;
	border-radius:12px;
	text-align:center;
	color:#fff;
	display:inline-block;
	margin-right:5px;
}
.attach_box > .process > #step2.select:before{
	background-color:#f44336;
	animation-duration: 1.5s;
	animation-name: scal_up_n_down;
	animation-iteration-count: infinite;
	animation-direction: alternate;
}
.attach_box > .process > #step3{
	padding:0 8px;
	position:relative;
	width:150px;
	text-align:center;
}
.attach_box > .process > #step3:before{
	content:'3';
	font:normal 14px/24px 'NotoSansCJKkr';
	background-color:#9e9e9e;
	width:24px;
	height:24px;
	border-radius:12px;
	text-align:center;
	color:#fff;
	display:inline-block;
	margin-right:5px;
}
.attach_box > .process > #step3.select:before{
	background-color:#f44336;
	animation-duration: 1.5s;
	animation-name: scal_up_n_down;
	animation-iteration-count: infinite;
	animation-direction: alternate;
}
.attach_box > #attach_form{
	margin:20px 0 0 0;
	box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2), 
	0px 2px 2px 0px rgba(0, 0, 0, 0.14), 
	0px 3px 1px -2px rgba(0, 0, 0, 0.12);
	padding:40px;
	box-sizing:border-box;
	font:normal 14px/24px 'NotoSansCJKkr';
	background-color:#eee;
	border:1px solid #999;
	word-break: keep-all;
	word-wrap: break-word;
}
.attach_box > #attach_form.select{
	background-color:#fff;
}
.attach_box > #attach_form > .textarea{
	width:99%;
	height:306px;
	border:1px solid #999;
	background-color:#eee;
	text-align:left;
	font:normal 14px/1.8 'NotoSansCJKkr';
	padding:10px;
}
.attach_box > #attach_form > #reply{
	background-color:#fbfbf0;
}
.attach_box > #attach_form > input{
	border: 1px solid #c8c8c8;
	color: #666;
	padding: 4px 0px 4px 6px;
	margin: 5px;
	font: normal 16px/2 'NotoSansCJKkr';
	color: #666;
}
.attach_box > #attach_form > .submit{
	padding:0 30px;
	height:42px;
	font:normal 16px/42px 'NotoSansCJKkr';
	background-color:#00b0ff;
	color:#fff;
	border-radius:5px;
	box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.45);
	cursor:pointer;
	display:inline-block;
}
.paybtn_right_fix2{
	width:320;
	margin-left:4px;
	background: #fff;
	border: 1px solid #ddd;
	padding:10px;
	box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14);
	box-sizing:border-box;
}
.paybtn_right_fix2 > .order{
	font:normal 16px/1.8 'NotoSansCJKkr';
	color:#000;
}
.paybtn_right_fix2 > .order > strong{
	font:normal 20px/1.8 'NotoSansCJKkr';
}
.paybtn_right_fix2 > .order > #direct_order{
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	background-color: #f8484a;
	color: #fff;
	font: normal 14pt/38px 'NotoSansCJKkr';
	box-sizing: border-box;
	text-align: center;
}
/** 문제은행 **/
.question_bank{
	width:310px;
	margin:25px 0 0 14px;
}
.question_bank > li{
	height:40px;
	border-bottom: 1px #bcbcbc dotted;
}
.question_bank > li > a{
	display:block;
	width:100%;
	height:100%;
	text-align: left;
	font: 400 14px/40px 'NotoSansCJKkr';
	padding: 0 0 0 24px;
	text-decoration:none;
	color:#000;
}
.question_bank > .title{
	color: #2c1f19;
	font: 500 12pt/50px 'NotoSansCJKkr';
	text-align: left;
	padding: 0 0 0 56px;
	position: relative;
	border-bottom:1px #999 solid;
}
.question_bank > .title > i {
	font: normal 36px/1 Ionicons;
	height: 40px;
	display: block;
	position: absolute;
	left: 20px;
	top: 8px;
	text-indent: 0px;
}
/** 첨삭현황 **/
.attach_list{
	width:310px;
	margin:75px 0 0 14px;
}
.attach_list > li{
	height:40px;
	border-bottom: 1px #bcbcbc dotted;
}
.attach_list > li > a{
	display:block;
	width:100%;
	height:100%;
	text-align: left;
	font: 400 14px/40px 'NotoSansCJKkr';
	padding: 0 0 0 40px;
	text-decoration:none;
	color:#000;
	position:relative;
}
.attach_list > li > a > i{
	position:absolute;
	left:0;
	top:4px;
	font: normal 32px/1 Ionicons;
}
.attach_list > .title{
	color: #2c1f19;
	font: 500 12pt/50px 'NotoSansCJKkr';
	text-align: left;
	padding: 0 0 0 56px;
	position: relative;
	border-bottom:1px #999 solid;
}
.attach_list > .title > i {
	font: normal 36px/1 Ionicons;
	height: 40px;
	display: block;
	position: absolute;
	left: 20px;
	top: 4px;
	text-indent: 0px;
}
a.req_file,
a.res_file{
	display:inline-block;
	font:normal 14px/36px 'NotoSansCJKkr';
	color:#00539f;
	text-decoration:none;
	padding:0 0 0 40px;
	position:relative;
	margin:5px;
	position:relative;
}
a.req_file:after,
a.res_file:after{
	content:'';
	position:absolute;
	left:0; 
	right:0;
	bottom:0;
	height:1px;
	background-color:#00539f;
}
a.req_file > i,
a.res_file > i{
	position:absolute;
	font: normal 36px/1 Ionicons;
	left:0;
	top:0;
}
.attach_list > li > a.step1_color{ color:#000; }
.attach_list > li > a.step2_color{ color:#f44336; font-weight:bold; }
.attach_list > li > a.step3_color{ color:#00539f; font-weight:bold; }
/** my courses **/
.lecture_vod_my_status_tab{
	width:250px;
	height:34px;
	display:table;
	border:1px solid #557ad8;
	background-color:#557ad8;
	border-radius:17px;
	margin:30px 0 0 300px;
}
.lecture_vod_my_status_tab > li{
	display:table-cell;
	width:50%;
	height:34px;
	background-color:#fff;
	color:#557ad8;
	font:normal 14px/34px 'Noto Sans KR','Malgun Gothic','맑은 고딕','돋움',Dotum,Verdana;
	cursor:pointer;
}
.lecture_vod_my_status_tab > li:first-child{
	border-top-left-radius:16px;
	border-bottom-left-radius:16px;
}
.lecture_vod_my_status_tab > li:last-child{
	border-top-right-radius:16px;
	border-bottom-right-radius:16px;
}
.lecture_vod_my_status_tab > li.select{
	background-color:#557ad8;
	color:#fff;
	font-weight:bold;
}
.font16{
	font:bold 16px/1.4 'Noto Sans KR','Malgun Gothic','맑은 고딕','돋움',Dotum,Verdana;
	color:#000;
}
.font20{
	font:bold 20px/1.4 'Noto Sans KR','Malgun Gothic','맑은 고딕','돋움',Dotum,Verdana;
	color:#00a2e8;
}
.font10{
	font:normal 10px/1.4 'Noto Sans KR','Malgun Gothic','맑은 고딕','돋움',Dotum,Verdana;
	color:#000;
}
a.study_go_btn,
.common_tbl td > a.study_go_btn{
	display:block;
	width:120px;
	height:80px;
	font:bold 15px/80px 'Noto Sans KR','Malgun Gothic','맑은 고딕','돋움',Dotum,Verdana;
	color:#fff;
	background-image: linear-gradient(45deg, #e43a15 0%, #f15e64);
	text-decoration:none;
	border-radius:4px;
}
.common_tbl td > a.study_go_btn.half,.common_tbl td > a.study_stop_btn.half,.common_tbl td > a.merterial_go_btn.half{
	height:36px;
	font:bold 15px/36px 'Noto Sans KR','Malgun Gothic','맑은 고딕','돋움',Dotum,Verdana;
}
.common_tbl td > a.study_stop_btn.half{
	margin-top:4px;
}
.common_tbl td > a.study_stop_btn{
	display:block;
	width:120px;
	height:80px;
	font:bold 15px/80px 'Noto Sans KR','Malgun Gothic','맑은 고딕','돋움',Dotum,Verdana;
	color:#fff;
	background-image: linear-gradient(45deg, #1571e4 0%, #5ebbf1);
	text-decoration:none;
	border-radius:4px;
}
.common_tbl td > a.merterial_go_btn{
	display:block;
	width:120px;
	height:80px;
	font:bold 15px/80px 'Noto Sans KR','Malgun Gothic','맑은 고딕','돋움',Dotum,Verdana;
	color:#fff;
	background-image: linear-gradient(45deg, #e4ae15 0%, #f1795e);
	text-decoration:none;
	border-radius:4px;
}
a.useday_add_btn{
	display: inline-block;
	float: right;
	width: 120px;
	height: 30px;
	font: bold 15px/30px 'Noto Sans KR','Malgun Gothic','맑은 고딕','돋움',Dotum,Verdana;
	color: #fff;
	background-image: linear-gradient(45deg, #1571e4 0%, #5ebbf1);
	text-decoration: none;
	border-radius: 4px;
	margin: 8px 12px 0 0;
	text-align:center;
	padding: 0 4px;
}

.study_title{
	color: #2c1f19;
	font:bold 22px/50px 'Noto Sans KR','Malgun Gothic','맑은 고딕','돋움',Dotum,Verdana;
	text-align: left;
	padding: 0 0 0 36px;
	position: relative;
}
.study_title > i {
	font: normal 36px/1 Ionicons;
	height: 40px;
	display: block;
	position: absolute;
	left: 2px;
	top: 8px;
	text-indent: 0px;
}
.common_tbl.bg4 {
	border-top: 2px #999 solid;
}
.bar_container{
	background-color:#494949;
	width:400px;
	height:50px;
	border-radius:25px;
	margin:15px 0;
}
.bar_container > ul{
	display:table;
	width:100%;
	height:50px;
}
.bar_container > ul > li{
	display:table-cell;
	color:#fff;
	font:bold 14px/1.2 'Noto Sans KR','Malgun Gothic','맑은 고딕','돋움',Dotum,Verdana;
	height:50px;
	vertical-align:middle;
	text-align:center;
}
.bar_container > ul > li > .bar_div{
	height:15px;
	width:100%;
	background-color:#fff;
	text-align:left;
}
.bar_container > ul > li > .bar_div > span{
	display:inline-block;
	height:15px;
	background-color:#00c0b2;
	position:relative;
}
.bar_container > ul > li > .bar_div > span > .tooltip2{
	position:absolute;
	right:-26px;
	bottom:23px;
	width:52px;
	height:23px;
	font:normal 12px/23px 'Noto Sans KR','Malgun Gothic','맑은 고딕','돋움',Dotum,Verdana;
	background-color:#fff;
	color:#000;
	text-align:center;
	border-radius:4px;
	box-shadow:2px 1px 6px rgba(0,0,0,.48),-2px -1px 6px rgba(0,0,0,.48);
}
.bar_container > ul > li > .bar_div > span > .tooltip2:before{
	content:'';
	width:0;
	left:0;
	border:10px solid #000;
	position:absolute;
	bottom:-20px;
	left:50%;
	margin-left:-10px;
	border-left-color:transparent;
	border-right-color:transparent;
	border-bottom-color:transparent;
}
.bar_container > ul > li > .bar_div > span > .tooltip2:after{
	content:'';
	width:0;
	left:0;
	border:9px solid #fff;
	position:absolute;
	bottom:-18px;
	left:50%;
	margin-left:-9px;
	border-left-color:transparent;
	border-right-color:transparent;
	border-bottom-color:transparent;
}
.bar_container > ul > li > .small{
	font:normal 12px/1.2 'Noto Sans KR','Malgun Gothic','맑은 고딕','돋움',Dotum,Verdana;
	color:#fff;
}
.bar_container > ul > li:first-child,
.bar_container > ul > li:last-child{
	width:77px;
}
/** 강의 맛보기/인기강의 탭 **/
.popular_sample_tab{
	display:block;
	width:1200px;
	margin:45px auto 55px auto;
	height:60px;
	position:relative;
}
.popular_sample_tab:before{
	content:'';
	width:1200px;
	height:1px;
	position:absolute;
	left:0;
	top:30px;
	background-color:#8c8c8c;
}
.popular_sample_tab > ul{
	height:58px;
	width:837px;
	border:1px #8c8c8c solid;
	margin:0 auto;
	position:relative;
}
.popular_sample_tab > ul:before{
	content:'';
	position:absolute;
	width:0;
	height:0;
	left:-11px;
	top:-1px;
	border-top:15px solid transparent;
	border-right:5px solid #8c8c8c;
	border-bottom:15px solid #8c8c8c;
	border-left:5px solid transparent;
}
.popular_sample_tab > ul:after{
	content:'';
	position:absolute;
	width:0;
	height:0;
	right:-11px;
	top:-1px;
	border-top:15px solid transparent;
	border-right:5px solid transparent;
	border-bottom:15px solid #8c8c8c;
	border-left:5px solid #8c8c8c;
}
.popular_sample_tab > ul > li{
	width:279px;
	height:58px;
	background-color:#fff;
	color:#000;
	font:bold 22px/58px 'NotoSansCJKkr';
	text-align:center;
	position:absolute;
	top:0;
	left:0;
	cursor:pointer;
}
.popular_sample_tab > ul > li+li{
	top:0;
	left:280px;
	background-color:#f6f6f6;
}
.popular_sample_tab > ul > li+li+li{
	top:0;
	left:auto;
	right:0;
	background-color:#fff;
}
.popular_sample_tab > ul > li.select{
	background-color:#0069a5;
	color:#fff;
}
a.pf{
	font: normal 26px/36px 'NotoSansCJKkr';
	color: #fff;
	display: inline-block;
	border-radius: 20px;
	text-decoration: none;
	border: 2px solid #7a6557;
	box-shadow: 3px 3px 3px rgba(0,0,0,0.45);
	width: 120px;
	text-align: center;
	background: #7a6557;
	margin: 10px 0;
}
a.ps{
	display: inline-block;
	background-color: #56ccf2;
	background-image: linear-gradient(90deg, #56ccf2, #2f80ed);
	border-radius: 10px;
	width: 250px;
	text-align: center;
	color: #fff;
	font: normal 26px/56px 'NotoSansCJKkr';
	box-shadow: 3px 3px 4px rgba(2,36,43,.44);
	text-shadow: 2px 2px 2px rgba(0,0,0,.6);
	text-decoration:none;
	position:relative;
	box-sizing:border-box;
	padding:0 0 0 20px;
}
a.ps:before{
	content:"\f215";
	font-family:ionicons;
	font-size:40px;
	position:absolute;
	left:40px;
}
a.pp{
	display: inline-block;
	background-color: #56ccf2;
	background-image: linear-gradient(45deg, #e43a15 0%, #f15e64);
	border-radius: 10px;
	width: 250px;
	text-align: center;
	color: #fff;
	font: normal 26px/56px 'NotoSansCJKkr';
	box-shadow: 3px 3px 4px rgba(2,36,43,.44);
	text-shadow: 2px 2px 2px rgba(0,0,0,.6);
	text-decoration:none;
	position:relative;
	box-sizing:border-box;
	padding:0 0 0 20px;
}
a.pp:before{
	content:"\f418";
	font-family:ionicons;
	font-size:40px;
	position:absolute;
	left:40px;
}
.banner_container > .swiper-button-prev{
	left:10px;
	top:240px;
	position:absolute;
	
}
.banner_container > .swiper-button-next{
	right:10px;
	top:240px;
	position:absolute;
}
a.test_direct_order{
	display:inline-block;
	margin:8px 0; 
	padding:0px 14px; 
	border:1px solid #304a8a;
	background:#3f5a9d;
	font:normal 16px/2.2 'NotoSansCJKkr';
	text-decoration: none;
	color:#fff;
	border-radius:20px;
}
/** 나에게 맞는 추천강의 **/
#recommand_lecture{
	width:1218px;
	height:359px;
	background-color:#cc0044;
	margin:0 auto;
	background:url(/images/best/recommand_lecture_bg.jpg) no-repeat;
	visibility:hidden;
	position:relative;
	font:bold 35px/75px 'NotoSansCJKkr';
	color:#fff;
	box-sizing:border-box;
	padding:50px 0 0 280px;
	text-align:center;
	z-index:999;
}
#recommand_lecture > div{
	font:normal 26px/1.8 'NotoSansCJKkr';
}
#recommand_lecture > div > span{
	font:normal 20px/2 'NotoSansCJKkr';
}
#recommand_lecture > ul{
	width:280px;
	height:339px;
	position:absolute;
	left:0;
	top:20px;
}
#recommand_lecture > ul > li{
	height:40px;
	position:relative;
}
#recommand_lecture > ul > li > a{
	font:bold 18px/39px 'NotoSansCJKkr';
	text-decoration:none;
	color:#fff;
	display:block;
	width:244px;
	border-bottom:1px solid #4998da;
	box-sizing:border-box;
	margin:0 18px 0 18px;
	padding:0 0 0 10px;
	text-align:left;
	position:relative;
}
#recommand_lecture > ul > li > a.p:after{
	content:'-';
	font:bold 28px/39px arial;
	position:absolute;
	right:0;
	top:0;
	color:rgba(255,255,255,0.45);
}
#recommand_lecture > ul > li:hover > a{
	color:#f9aa06;
}
#recommand_lecture > ul > li:last-child > a{
	border-bottom:1px solid transparent;
}
#recommand_lecture > ul > li > ul.drop{
	position:absolute;
	top:0;
	left:270px;
	width:350px;
/*	min-height:329px;*/
	visibility:hidden;
	background-color:rgba(7,101,133,0.9);
	opacity:0;
	transition:opacity 0.3s;
}
#recommand_lecture > ul > li:hover > ul.drop{
	visibility:visible;
	opacity:1;
}
#recommand_lecture > ul > li > ul.drop > li{
	height:40px;
	position:relative;
}
#recommand_lecture > ul > li > ul.drop > li > a{
	font:bold 18px/39px 'NotoSansCJKkr';
	text-decoration:none;
	color:#fff;
	display:block;
	width:314px;
	border-bottom:1px solid #4998da;
	box-sizing:border-box;
	margin:0 18px 0 18px;
	padding:0 0 0 10px;
	text-align:left;
	position:relative;
}
#recommand_lecture > ul > li > ul.drop > li > a.p:after{
	content:'-';
	font:bold 28px/39px arial;
	position:absolute;
	right:0;
	top:0;
	color:rgba(255,255,255,0.45);
}
#recommand_lecture > ul > li > ul.drop > li:hover > a{
	color:#f9aa06;
}
#recommand_lecture > ul > li > ul.drop > li:last-child > a{
	border-bottom:1px solid transparent;
}
#recommand_lecture > ul > li > ul.drop > li > ul.drop2{
	position:absolute;
	top:0;
	left:340px;
	width:380px;
/*	min-height:329px;*/
	visibility:hidden;
	background-color:rgba(66,103,178,0.9);
	opacity:0;
	transition:opacity 0.3s;
}
#recommand_lecture > ul > li > ul.drop > li:hover > ul.drop2{
	visibility:visible;
	opacity:1;
}
#recommand_lecture > ul > li > ul.drop > li > ul.drop2 > li{
	height:40px;
}
#recommand_lecture > ul > li > ul.drop > li > ul.drop2 > li > a{
	font:bold 18px/39px 'NotoSansCJKkr';
	text-decoration:none;
	color:#fff;
	display:block;
	width:344px;
	border-bottom:1px solid #4998da;
	box-sizing:border-box;
	margin:0 18px 0 18px;
	padding:0 0 0 10px;
	text-align:left;
	position:relative;
}
#recommand_lecture > ul > li > ul.drop > li > ul.drop2 > li > a:hover{
	color:#f9aa06;
}
#recommand_lecture > ul > li > ul.drop > li > ul.drop2 > li:last-child > a{
	border-bottom:1px solid transparent;
}
#recommand_lecture a.f:before{
	content:"\f24e \00a0";
	font:bold 18px/39px "Ionicons";
}
#recommand_lecture a.s:before{
	content:"\f24e\f24e \00a0";
	font:bold 18px/39px "Ionicons";
}
#recommand_lecture a.t:before{
	content:"\f24e\f24e\f24e \00a0";
	font:bold 18px/39px "Ionicons";
}
#recommand_lecture a.coming_soon:after{
	content:'\00a0 (출시예정)';
	font:normal 16px/39px 'NotoSansCJKkr';
	color:#ff0000;
	text-shadow:1px 1px 3px rgba(255,255,255,0.65);
}
/** custom table **/
div.custom_table_title{
	padding:92px 0 64px 0; 
	background-color:#263238; 
	font-size:32px; 
	line-height:1.6; 
	color:#fff;
}
div.custom_table_title2{
	padding:92px 0 64px 0; 
	font-size:32px; 
	line-height:1.6; 
	color:#000;
}
table.custom_table{
	width:100%;
	min-width:1200px;
	margin:0 auto;
}
table.custom_table tr.head{
	background-color:#263238;
}
table.custom_table tr.head > td{
	font-size:28px;
	line-height:2;
	color:#fff;
	text-align:center;
	border:0;
}
table.custom_table tr > td{
	padding:15px 12px;
	border-left:1px solid rgb(223, 227, 229);
	border-bottom:1px solid rgb(223, 227, 229);
	font-size:14px;
	line-height:1.6;
	text-align:left;
	word-break: keep-all;
	word-wrap: break-word;
	vertical-align:top;
}
table.custom_table tr > td > strong{
	font-size:18px;
	font-weight:bold;
}
table.custom_table tr > td:first-child{
	border-left:0;
}
table.custom_table tr > td{
	width:76px;
}
table.custom_table tr > td+td{
	width:251px;
}
table.custom_table tr > td+td+td{
	width:251px;
}
table.custom_table tr > td+td+td+td{
	width:251px;
}
table.custom_table tr > td+td+td+td+td{
	width:251px;
}
@media all and (min-width: 1600px) {
	table.custom_table tr > td{
		width:296px;
	}
	table.custom_table tr > td+td{
		width:296px;
	}
	table.custom_table tr > td+td+td{
		width:296px;
	}
	table.custom_table tr > td+td+td+td{
		width:296px;
	}
	table.custom_table tr > td+td+td+td+td{
		width:296px;
	}
}
a.gedlink{
	background-color:rgb(15, 174, 241);
	color:#fff;
	font-size:28px;
	line-height:1.6;
	display:inline-block;
	margin:0 auto;
	padding: 5px 80px;
	text-decoration:none;
	border-radius:3px;
}

/*
	시험 정보 메뉴
*/
.introduce a{
	text-decoration:none;
	color: inherit;
}
.introduce > .tab{
	width:1200px;
	margin:20px auto 0 auto;
	height:auto;

}
.introduce > .tab > ul > li{
	display:inline-block;
	vertical-align:middle;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color:#313131;
	position:relative;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.introduce > .tab > ul > li:first-child{
	border:1px solid #dddddd;
}
.introduce > .tab > ul > li:not(:first-child){
	border-top:1px solid #dddddd;
	border-right:1px solid #dddddd;
	border-bottom:1px solid #dddddd;
}
.introduce > .tab > ul > li > a{
	line-height:55px;
	color:#313131;
	font-weight:700;
	text-decoration:none;
}
.introduce > .tab > ul > li.select > a , .introduce > .tab > ul > li:hover > a{
	color:#ffffff;
	font-weight:normal;
}

.introduce > .tab.num2 > ul > li{
	width:50%;
}
.introduce > .tab.num3 > ul > li{
	width:33.333%;
}
.introduce > .tab.num4 > ul > li{
	width:25%;
}
.introduce > .tab ul > li.select , .introduce > .tab ul > li:hover{
	border-color:#333;
	background-color:#333;
	/*border-top:1px solid #828282;
	border-right:1px solid #828282;
	border-left:1px solid #828282;
	border-radius: 4px 4px 0 0;*/
}
.introduce > .tab > ul > li.select::after{
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 20px;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\f0d7";
	position: absolute;
	top: 48px;
	left: 49%;
}
.introduce > .contents{
	width:1200px;
	margin:auto;
	height:auto;
}
.introduce .sub_title{
	font-size:40px;
	font-weight:700;
	padding:20px 0;
	color:#424242;
}
.introduce .sub_title2{
	font-size:16px;
	/*font-weight:700;*/
	padding:20px 100px;
	text-align:center;
	line-height:30px;
}
.introduce > .contents > .box_contents{
	background-color:#f5f5f5;
	color:#707070;
	font-weight:500;
	border-bottom:1px solid #dddddd;
	padding:30px 20px;
	font-size:14px;
}
.introduce > .contents > .box_contents > .title{
	font-size:20px;
	margin:20px 0;
}
.introduce > .contents > .box_contents > .item{
	text-align:center;
}
.introduce > .contents > .box_contents > .item > ul{
	padding-left:50px;
}
.introduce > .contents > .box_contents > .item > ul > li{
	display:inline-block;
	vertical-align:top;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.introduce > .contents > .box_contents > .item > ul > li > ul > li{
	list-style:disc;
	text-align:left;
	line-height:25px;
}
.introduce > .contents > .box_contents > .item.no_list_type > ul > li > ul > li{
	list-style:none;
}
.introduce > .contents > .box_contents > .item > ul.item4 > li{
	width:22%;
}
.introduce > .contents > .box_contents > .item > ul.item3 > li{
	width:27%;
}
.introduce > .contents > .text_contents{
	margin-top:60px;
	text-align:left;
	color:#787878;
}
.introduce > .contents > .text_contents > .title{
	font-size:30px;
	font-weight:700;
	font-style:italic;
}
.introduce > .contents > .text_contents > .item{
	margin:30px 0;
}
.introduce > .contents > .text_contents > .item.guide{
	display:none;
}
.introduce > .contents > .text_contents > .item.guide.show{
	display:block;
}
.introduce > .contents > .text_contents > .item.guide_button_area{
	text-align:center;
	color:#0f6a84;
	font-size:18px;
}
.introduce > .contents > .text_contents > .item.guide_button_area > a > i{
	vertical-align:middle;
}
.introduce > .contents > .text_contents > .item.guide_button_area > a.disable{
	color:#787878;
}
.introduce > .contents > .text_contents > .item > .title{
	font-size:24px;
	font-weight:bold;
	line-height:50px;
	color:#424242;
}
.introduce > .contents > .text_contents > .item .view_text{
	font-size: 16px;
	line-height:25px;
	/*padding-left:20px;*/
}
.introduce > .contents > .text_contents > .item > .video_text{
	display:table;
	width:100%;
}
.introduce > .contents > .text_contents > .item > .video_text > .video{
	width:40%;
	height:270px;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}
.introduce > .contents > .text_contents > .item > .video_text > .text{
	display:table-cell;
	width:60%;
	padding:0px 20px;
}
.introduce > .contents > .text_contents > .item > .video_text > .video .play_icon{
	color:#00abff;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	background-color:rgba(130, 130, 130, 0.3);
	width:100%;
	line-height:270px;
	vertical-align:middle;
	display:block;
}
.introduce > .contents > .text_contents > .item > .video_text > .video .play_icon > i{
	vertical-align:middle;
}
.introduce > .contents > .text_contents > .item > .video_text > .video .play_icon:hover{
	color:#ffa700;
	background-color:rgba(130, 130, 130, 0.1);
}

.introduce > .contents > .question_info > table{
	margin-top:20px;

}
.introduce > .contents > .question_info > table > tbody > tr > td{
	padding: 20px 0;
}
.introduce > .contents > .question_info > table > tbody > tr > td > .question_thumnail{
	/*border: 1px solid #d6d6d6;*/
	padding: 2px 2px;
	width: 300px;
	height:204px;
	margin: 0px auto;
	background-color: #000;
}
.introduce > .contents > .question_info > table > tbody > tr > td > .question_thumnail > a > img{
	width: 300px;
	height:204px;
}
.introduce > .contents > .question_info > table > tbody > tr > td > .question_title{
	font-weight:800;
	font-size:18px;
	color:#fff;
	background-color:#000;
	width: 294px;
	margin: 0px auto;
	padding: 5px 5px;
	border-radius:0 0 8px 8px;
}
/* ptea 사이트 가이드 메뉴 -->*/
.guide_img{
	position:relative;
	border:2px solid #0f6a84;
	padding: 10px 10px;
	margin:20px 0;
}
.guide_img > img{
	width:100%;
}

/*도움말 박스*/
.help_box{
	position:absolute;
	border:2px solid #c20100;
	background-color: rgba(194,1,0,0.2);
}
.help_area{
	position:absolute;
	font-size:12px;
}
.help_area > .help_icon{
	color:#0000ff;
	vertical-align:top;
	display:inline-block;
}
.help_area > .help_icon > i{
	vertical-align:middle;
}
.help_area > .help_icon::after{
	display: inline-block;
	content: "도움말";
	line-height:24px;
	vertical-align:middle;
	padding-left:4px;
}
.help_area > .help_text{
	background-color:#0f6a84;
	padding:10px 10px;
	color:#ffffff;
	display:none;
	position:relative;
	line-height:20px;
	left:10px;
	top:-5px;
}
.help_area > .help_text.show{
	display:inline-block;
}
.help_area > .help_text::after {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 20px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f0d9";
    position: absolute;
    top: 7px;
    left: -6px;
	color:#0f6a84;
}

/* animate 속도 재정의*/
.item.guide {
  -webkit-animation-duration: 0.5s;
  -webkit-animation-delay: 0s;
  -moz-animation-duration: 0.5s;
  -moz-animation-delay: 0s;
  -ms-animation-duration: 0.5s;
  -ms-animation-delay: 0s;
  -o-animation-duration: 0.5s;
  -o-animation-delay: 0s;
  animation-duration: 0.5s;
  animation-delay: 0s;
 /* -vendor-animation-iteration-count: infinite;*/
}
.company{
	width:1200px;
	margin:40px auto 40px auto;
	position:relative;
}
.company > ul > li{
	display:table-cell;
}
.company > ul > li:first-child{
	width:566px;
	background-color:rgba( 34,156,207,0.9);
	color:#ffffff;
	padding:10px 10px;
	line-height:30px;
	text-align:left;
	vertical-align:middle;
	z-index:2;
	position:relative;
	left:40px;
	word-break: keep-all;
	word-wrap: break-word;
}
.company > ul > li:last-child{
	width:634px;
	height:470px;
	background-image:url(/images/company_bg.jpg);
	background-repeat : no-repeat;
	background-size : cover;
	background-position : 50% 50%;
	z-index:1;
	position:relative;
	top:40px;
	left:-40px;
}
/* ptea 사이트 가이드 메뉴 <--*/
.txt_red {
    color: #c20100;
}
/*magnific-popup gallery css -->*/
/* padding-bottom and top for image */

.mfp-no-margins img.mfp-img {
	padding: 0;
	min-width:400px;
	border:4px solid #005a9b;
}
/* position of shadow behind the image */
.mfp-no-margins .mfp-figure:after {
	top: 0;
	bottom: 0;
}
/* padding for main container */
.mfp-no-margins .mfp-container {
	padding: 0;
}


/* 

for zoom animation 
uncomment this part if you haven't added this code anywhere else

*/


.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
	opacity: 0;
	-webkit-backface-visibility: hidden;
	-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;
}

.mfp-with-zoom.mfp-ready .mfp-container {
		opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
		opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container, 
.mfp-with-zoom.mfp-removing.mfp-bg {
	opacity: 0;
}
ul.map_tab{
	margin:0 0 10px 0;
}
ul.map_tab > li{
	border-top: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	width:50%;
	display:block;
	vertical-align: middle;
	box-sizing: border-box;
	color: #313131;
	position: relative;
	transition: all 0.5s ease;
	line-height: 55px;
	color: #313131;
	background-color: #fff;
	text-align:center;
	float:left;
	cursor:pointer;
}
ul.map_tab > li:first-child {
	border: 1px solid #dddddd;
}
ul.map_tab > li.select{
	border-color: #333;
	background-color: #333;
	color:#fff;
}
ul.map_tab > li.select::after {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 20px;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\f0d7";
	position: absolute;
	top: 48px;
	left: 49%;
	color:#333;
}
/** teacher **/
.teacher_list{
	width:1200px; 
	margin:0px auto; 
	text-align:left;
}
.teacher_list > .t_item{
	width:100%; 
	padding: 30px 0; 
	border-bottom: 1px solid #eaeaea; 
	display:flex; 
	flex-flow:wrap;
}
.teacher_list > .t_item > .introduce{
	font: normal 15px/1.8 'NotoSansCJKkr'; 
	padding:40px 0 0 0;
}
.teacher_list > .t_item > .introduce > .role{
	height:25px; 
	font:bold 11pt/25px 'NotoSansCJKkr'; 
	color:#f22673;
}
.teacher_list > .t_item > .introduce > .name{
	height:25px; 
	font:normal 22pt/25px 'NotoSansCJKkr'; 
	color:#242424; 
	margin-bottom: 10px;
}
.teacher_list > .t_item > .introduce > .name > span{
	height:168px; 
	display:inline-block; 
	font:normal 12pt/25px 'NotoSansCJKkr'; 
	margin: 0 10px;
}
.teacher_list > .t_item > .photo{
	width:268px; 
	margin:20px 0 0 0;
}
.teacher_list > .t_item > .photo > .c1{
	width:220px; 
	height:290px; 
	overflow:hidden; 
	margin:10px 0; 
	background-color:#b0c2d8; 
	position:relative; 
	box-shadow:2px 2px 2px rgba(0,0,0,.25);
}
.teacher_list > .t_item > .photo > .c1 > .name{
	width:220px; 
	height:30px; 
	background-color:#476682; 
	color:#fff; 
	font-size:16px; 
	line-height:30px; 
	position:absolute; 
	top:50px; 
	left:0px; 
	box-sizing:border-box; 
	text-indent:50px;
}
.teacher_list > .t_item > .photo > .c2{
	width:220px; 
	height:290px; 
	overflow:hidden; 
	margin:10px 0; 
	background-color:#bbd5d6; 
	position:relative; 
	box-shadow:2px 2px 2px rgba(0,0,0,.25);
}
.teacher_list > .t_item > .photo > .c2 > .name{
	width:220px; 
	height:30px; 
	background-color:#53867f; 
	color:#fff; 
	font-size:16px; 
	line-height:30px; 
	position:absolute; 
	top:50px; 
	left:0px; 
	box-sizing:border-box; 
	text-indent:50px;
}
.teacher_list > .t_item > .photo > .c3{
	width:220px; 
	height:290px; 
	overflow:hidden; 
	margin:10px 0; 
	background-color:#d6cabc; 
	position:relative; 
	box-shadow:2px 2px 2px rgba(0,0,0,.25);
}
.teacher_list > .t_item > .photo > .c3 > .name{
	width:220px; 
	height:30px; 
	background-color:#60483e; 
	color:#fff; 
	font-size:16px; 
	line-height:30px; 
	position:absolute; 
	top:50px; 
	left:0px; 
	box-sizing:border-box; 
	text-indent:50px;
}
.teacher_list > .t_item > .photo > .c4{
	width:220px; 
	height:190px; 
	overflow:hidden; 
	margin:10px 0; 
	background:#263238;
	color:#fff;
	position:relative; 
	box-shadow:2px 2px 2px rgba(0,0,0,.25);
	border:1px solid #ddd;
	position:relative;
}
.teacher_list > .t_item > .photo > .c4 > .name{
	width:100%; 
	height:30px; 
	font-size:16px; 
	line-height:30px; 
	text-align:center; 
	box-sizing:border-box;
	position:absolute;
	bottom:0;
	left:0;
}
.teacher_list2{
	width:1200px; 
	margin:0px auto; 
	display:flex; 
	flex-flow:wrap;
}
.teacher_list2 > .t_item{
	width:190px; 
	height:270px; 
	overflow:hidden; 
	margin:10px 0; 
	background-color:#b0c2d8; 
	position:relative; 
	box-shadow:2px 2px 2px rgba(0,0,0,.25);
}
.teacher_list2 > .t_item > .name{
	width:190px; 
	height:30px; 
	background-color:#476682; 
	color:#fff; 
	font-size:16px; 
	line-height:30px; 
	position:absolute; 
	top:50px; 
	left:0px; 
	box-sizing:border-box; 
	text-indent:30px;
}
.teacher_list2 > .t_item2{
	width:190px; 
	height:270px; 
	overflow:hidden; 
	margin:10px 0; 
	background-color:#bbd5d6;
	position:relative; 
	box-shadow:2px 2px 2px rgba(0,0,0,.25);
}
.teacher_list2 > .t_item2 > .name{
	width:190px; 
	height:30px; 
	background-color:#53867f;
	color:#fff; 
	font-size:16px; 
	line-height:30px; 
	position:absolute; 
	top:50px; 
	left:0px; 
	box-sizing:border-box; 
	text-indent:30px;
}
.teacher_list2 > .t_item3{
	width:190px; 
	height:270px; 
	overflow:hidden; 
	margin:10px 0; 
	background-color:#d6cabc;
	position:relative; 
	box-shadow:2px 2px 2px rgba(0,0,0,.25);
}
.teacher_list2 > .t_item3 > .name{
	width:190px; 
	height:30px; 
	background-color:#60483e;
	color:#fff; 
	font-size:16px; 
	line-height:30px; 
	position:absolute; 
	top:50px; 
	left:0px; 
	box-sizing:border-box; 
	text-indent:30px;
}
.teacher_list2 > .t_item4{
	width:190px;
	height:170px; 
	overflow:hidden; 
	margin:10px 0; 
	background-color:#263238;
	outline:1px solid #ddd;
	position:relative; 
	box-shadow:2px 2px 2px rgba(0,0,0,.25);
}
.teacher_list2 > .t_item4 > .name{
	width:190px; 
	height:30px; 
	color:#fff; 
	font-size:16px; 
	line-height:30px; 
	box-sizing:border-box; 
	position:absolute;
	bottom:0;
	left:0;
	text-align:center;
}
.teacher_list2 > .gap{
	width:38px;
}
.calc_guide_container{
	width:1200px; 
	margin:50px 0 0 0; 
	background:#006daa; 
	padding:1px; 
	box-sizing:border-box;
}
.calc_guide_container > .title{
	background:#006daa; 
	color:#fff; 
	height:40px; 
	font:normal 18px/40px 'NotoSansCJKkr'; 
	text-align:center; 
	position:relative;
}
.calc_guide_container > .title > a.calc_ifr{
	background-color:#80aee1;
	color:#fff;
	font:normal 18px/32px 'NotoSansCJKkr'; 
	position:absolute;
	left:4px;
	top:4px;
	display:block;
	text-decoration:none;
	width:140px;
}
.calc_guide_container > .title > a.calc_img{
	background-color:#80aee1;
	color:#fff;
	font:normal 18px/32px 'NotoSansCJKkr'; 
	position:absolute;
	left:154px;
	top:4px;
	display:block;
	text-decoration:none;
	width:240px;
}
.guide_container{
	background:#000;
	width:1198px;
	margin: 0 auto;
	position: relative;
	z-index: 1001;
}
.guide_container > div{
}
.guide_container > div > div{
}
.guide_container > div > div > img{
	max-width:100%;
}
/** 계산기 iframe **/
#calculator_iframe{
	width:325px;
	height:570px;
	position:fixed;
	right:100px;
	bottom:100px;
	z-index:9999;
	background-color:#006daa;
	visibility:hidden;
}
#calculator_iframe > .title{
	color:#fff;
	font-size:16px;
	line-height:40px;
	height:40px;
	padding:0 0 0 20px;
	text-align:left;
	position:relative;
}
#calculator_iframe > .title > .close{
	width:60px;
	height:28px;
	font-size:14px;
	line-height:28px;
	position:absolute;
	right:1px;
	top:1px;
	border:1px solid #fff;
	cursor:pointer;
	text-align:center;
	color:#fff;
	z-index:1;
}
#calculator_iframe > .title > .close:after{
	content:'닫기';
	text-align:center;
}
#calculator_iframe > iframe{
	position:absolute;
	width:305px;
	height:530px;
	left:10px;
	bottom:10px;
}
.fixed_sns {
	position:absolute;
	left:280px;
	top:372px;
	z-index:100008;
}
.fixed_sns .bg {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1;
	background:white;
	opacity:.9;
	display:none;
}
.fixed_sns.on .bg {
	display:block;
}
.fixed_sns button {
	width:254px;
	height:49px;
	border-radius:4px;
	position:relative;
	z-index:100003;
	transition:all 0.2s, transform 0.2s;
	background-color:#f22673;
	color:#fff;
	font: normal 19px/49px 'NotoSansCJKkr';
	border:0;
	text-shadow:1px 1px 1px rgba(0,0,0,0.45);
	box-shadow:2px 2px 2px rgba(0,0,0,0.45);
}
.fixed_sns button:after{
	content:'1:1 학원 강좌 등록 안내';
}
.fixed_sns ul {
	position:absolute;
	bottom:60px;
	right:0;
	z-index:100002;
	display:none;
}
.fixed_sns.on ul {
	display:block;
}
.fixed_sns ul li {
	width:600px;
	height:49px;
	position:relative;
	margin-top:14px;
}
.fixed_sns ul li a {
	display:block;
	width:49px;
	height:49px;
	position:absolute;
	left:0;
	top:0;
	visibility:hidden;
}
.fixed_sns ul li .icon{
	width:49px;
	height:49px;
	border-radius:100%;
	box-shadow:0 2px 4px 0 rgba(0,0,0,.3);
	opacity:0;
	transition:all 0.4s, transform 0.45s;
	position:absolute;
	left:0;
	top:0;
	color:#fff;
	background-color:#000;
	font-size:25px;
	line-height:49px;
	text-align:center;
}
.fixed_sns ul li .icon > i{
	font:normal 25px/49px FontAwesome;
}
.fixed_sns ul li .txt {
	color:black;
	position:absolute;
	left:55px;
	height:45px;
	line-height:45px;
	min-width:70px;
	text-align:left;
	padding-right:10px;
	opacity:0;
	transition:all 0.2s, transform 0.2s;
	font: normal 19px/49px 'NotoSansCJKkr';
	text-shadow:none;
}
.fixed_sns ul li:nth-child(1) .icon {
	margin-top:200px;
}
.fixed_sns ul li:nth-child(2) .icon {
	margin-top:150px;
}
.fixed_sns ul li:nth-child(3) .icon {
	margin-top:100px;
}
.fixed_sns ul li:nth-child(4) .icon {
	margin-top:50px;
}
.fixed_sns.on {
	z-index:1000099;
}
.fixed_sns.on button {
	background-color:#2d7aff;
}
.fixed_sns.on button:after{
	content:'닫기';
}
.fixed_sns.on ul li .icon {
	 animation-name: bouncez;
	 animation-duration: 1.1s;
}
.fixed_sns.on ul li .icon {
	opacity:1;
}
.fixed_sns.on ul li:nth-child(1) .icon {
	margin-top:0;
}
.fixed_sns.on ul li:nth-child(2) .icon {
	margin-top:0;
}
.fixed_sns.on ul li:nth-child(3) .icon {
	margin-top:0;
}
.fixed_sns.on ul li:nth-child(4) .icon {
	margin-top:0;
}
.fixed_sns.on ul li a {
	visibility:visible;
}
.fixed_sns.on ul li .txt {
	opacity:1;
	 transition:all 0.5s, transform 0.5s;
}
 @keyframes bouncez {
	 0%, 20%, 40%, 60%, 80%, 100% {
		transform: translateY(0);
	}
	 28% {
		 transform: translateY(-7px);
	}
}
/** **/
.float_banner{
	position:fixed;
	top: 350px;
	right:2%;
	z-index:50;
}
.float_banner > .banner_area{
	position:relative;
	width:184px;
	height:257px;
	background-image: url(/images/common/counsel_20200324.png);
}
.float_banner > .banner_area > a.counsel_blogbtn{
	position:absolute;
	top:0px;
	left: 0px;
	width:76px;
	height: 44px;
	cursor:pointer;
}
.float_banner > .banner_area > a.counsel_bookbtn{
	position:absolute;
	top:0px;
	right: 0px;
	width:108px;
	height: 44px;
	cursor:pointer;
}
.float_banner > .banner_area > a.counsel_btn{
	position:absolute;
	bottom:12px;
	left: 27px;
	width:132px;
	height: 36px;
	cursor:pointer;
}
.float_banner > .banner_area > a.close_btn{
	position:absolute;
	top:43px;
	right: 0px;
	width:30px;
	height: 30px;
	cursor:pointer;
}
.float_banner > .today_close > label{
	background-color:#8f8f8f;
	color:#fff;
	padding:5px 5px;
	border-radius:15px 15px;
	width:80%;
	font-size:12px;
	margin:5px auto 0 auto;
	display:block;

}
.float_banner > .today_close > label > input{
	vertical-align:middle;
}