@charset "utf-8";
@import url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/nanumgothic.css);
@import url(//cdn.jsdelivr.net/font-nanum/1.0/nanummyeongjo/nanummyeongjo.css);
@import url(//cdn.jsdelivr.net/font-nanum/1.0/nanumbrushscript/nanumbrushscript.css);
* { 
	font-family: 'Nanum Gothic', sans-serif;
	/*font-family:'Noto Sans KR','Malgun Gothic','맑은 고딕','돋움',Dotum,Verdana, 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:url(/images/new/bg_top.jpg) no-repeat center top;
/*	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%;
	/*max-width:1409px;*/
	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:234px;*/
	height:150px;
	position: relative;
	display: table-row;
	margin:0 auto;
}
#layout_header_top{
	width:100%;
	height:90px;
}
#layout_header_top > div.container{
	width: 1226px;
	height:90px;
	display: block;
	margin:0 auto;
	position:relative;
}
#layout_header_top > div.container > div.logo{
	width:251px;
	height:44px;
	position:absolute;
	top:36px;
	left:0;
	background:url('/images/new/main_logo.png') no-repeat;
}
#layout_header_top > div.container > div.logo.new{
	top:25px;
	height:52px;
	background:url('/images/logo/m_logo_w.png') no-repeat;
}
#layout_header_top > div.container > div.logo > a{
	width:100%;
	height:100%;
	display:inline-block;
}
#layout_header_top > div.container > div.loginTop{
	width:700px;
	height:40px;
	position:absolute;
	top:40px;
	right:10px;
	text-align:right;
}
div.loginTop a{
	display:inline-block;
	height:36px;
	width:110px;
	border-radius:18px;
	border:1px #fff solid;
	background-color:transparent;
	font:normal 14px/36px 'Noto Sans KR','Malgun Gothic','맑은 고딕','돋움',Dotum,Verdana, sans-serif;
	color:#fff;
	text-decoration:none;
	text-align:center;
	box-sizing:border-box;
}
div.loginTop > #loginTopForm {
	display: inline-block;
}
div.loginTop a+a{
	margin-left:8px;
}
div.loginTop > #loginTopForm > #bookmark{
	/*background:url(/images/icon/top_m_icon4.png) no-repeat center center;*/
	/*font:bold 14px/24px 'Nanum Gothic';*/
	/*padding:0 15px 0 27px;
	display:inline-block;
	text-decoration:none;
	position:relative;*/
	
}
div.loginTop > #loginTopForm > #bookmark > .tooltip{
	width:260px;
	margin-left:-80px;
	top:-40px;
	text-align:center;
}
div.loginTop > #loginTopForm > #bookmark:hover > .tooltip{
	visibility: visible;
}
div.loginTop > #loginTopForm > #bookmark > .tooltip > .text{
	text-align:center;
}

#layout_header_bottom{
	width: 100%;
	max-width: 1600px;
	height:64px;
	display: block;
	margin:0 auto;
	border:1px #d8d8d8 solid;
	border-top-width:0;/**추가**/
	border-left-width:0;
	border-right-width:0;
	background-color:rgba( 0,0,0,0.4);

}
#layout_header_bottom > div.container{
	width: 1226px;
	height:64px;
	display: block;
	margin:0 auto;
}

#layout_header_bottom > div.container{
	width: 1200px;
	height:64px;
	display: block;
	margin:0 auto;
}
#layout_header_bottom > div.container > div.menu{
	width:12%;
	float:left;
	position:relative;
}
#layout_header_bottom > div.container > div.menu:first-child{
	width:12%;
}
#layout_header_bottom > div.container > div.menu > a{
	width:100%;
	height:100%;
	display:inline-block;
	font:normal 18px/64px Arial,'Nanum Gothic';
	color:#ffffff;
	text-decoration:none;
}
#layout_header_bottom > div.container > div.menu:hover > a, 
#layout_header_bottom > div.container > div.menu.select > a{
	color:#f9aa06;
	font-weight:bold;
}
/** 상단 서브메뉴 **/
#layout_header_bottom > div.container > div.menu .drop:before{
	content: '';
	z-index: 200;
	position: absolute;
	top:0;
	left:50%;
	margin-top: -4px;
	margin-left: -20px;
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 20px 0 20px;
	border-color: #000 transparent transparent transparent;
	transition: margin-top .1s ease-out;
}
#layout_header_bottom > div.container > div.menu .drop{
	opacity: 0;
	height:1px;
	overflow:hidden;
	transition: opacity 0.3s;
	box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.45);
	border-bottom-left-radius:4px;
	border-bottom-right-radius:4px;
	position: absolute;
	z-index:1002;
	background: #fff;
	text-align: left;
	padding: 0 20px;
	color:#919191;
	top:64px;
	left:-20px;
	min-width:100%;
}
#layout_header_bottom > div.container > div.menu .drop a{
	text-decoration:none;
	display: inline-block;
	text-align: left;
	position: static;
	font:normal 14px/48px Arial,'Nanum Gothic';
	z-index: 0;
	background-image:none;
	color:#000;
	white-space: nowrap;
	width:100%;
	height:100%;
}
#layout_header_bottom > div.container > div.menu .drop a.depth{
	padding:0 0 0 20px;
	position:relative;
	font:normal 14px/38px Arial,'Nanum Gothic';
}
#layout_header_bottom > div.container > div.menu .drop a.depth:before{
	content:'';
	width:10px;
	height:10px;
	position:absolute;
	left:0;
	top:10px;
	border-left:1px dotted #999;
	border-bottom:1px dotted #999;
}
#layout_header_bottom > div.container > div.menu:hover > div.drop{
	opacity: 1;
	height:auto;
}
#layout_header_bottom > div.container > div.menu div.drop > div{
	padding:0px 20px;
	color: #575757;
}
#layout_header_bottom > div.container > div.menu div.drop > 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;
}
body.sub_common{
	background:#fff;
}
body.sub_common > #page > #layout_header > #layout_header_top > div.container > div.logo{
	background:url('/images/new/main_logo1.png') no-repeat;
}
body.sub_common div.loginTop a{
	border:1px #000 solid;
	color:#000;
}
/** 컨텐츠 **/
#layout_container , #layout_main_banner_container{
	width: 100%;
	height:100%;
	display: table-row;
	background-color:#fff;
}
#layout_main_banner_container{
	background-color:rgba(255,255,255,0);
}
/** 컨텐츠 메인 **/
#layout_content_main{
	width:1212px;
	min-height:100%;
	height:100%;
	display:block;
	margin:0 auto;
	position:relative;
}
#layout_content_main.main_1440{
	width:1420px;
}
#layout_content_main > #layout_content{
	width: 886px;
	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: 325px;
	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 'Noto Sans KR','Malgun Gothic','맑은 고딕','돋움',Dotum,Verdana, sans-serif;
	text-align:left;
}
#layout_content_main > #layout_right > div.essay > div.cont > a{
	color:#222;
	font:normal 11pt/35px 'Noto Sans KR','Malgun Gothic','맑은 고딕','돋움',Dotum,Verdana, sans-serif;
	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;
}
#layout_content_main > .banner_container > .banner{
/*	width:1226px;*/
	width:100%;
	max-width:1226px;
	height:419px;
	margin:0 auto;
	padding:0;
	position:relative;
/*	background:url('/images/main/bg_top_img.jpg') no-repeat center center;*/
	background:url('/images/main/bg_top_img2.jpg') no-repeat center center;
	overflow:hidden;
}
#layout_content_main > .banner_container > .banner > 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;
/*	background-color:#000;*/
/*	opacity: 0.8;*/
}
/*#layout_content_main > .banner_container > .banner > a:hover{*/
/*	background-color:transparent;*/
/*	opacity: 1;*/
/*}*/
#layout_content_main > .banner_container > .banner > 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 > .banner_container > .banner:hover > a:after{
	background-position:0 -80px;
}
#layout_content_main > .banner_container > .banner .bxslider{
	height:419px;
}
#layout_content_main > .banner_container > .banner .bxslider > li{
	height:419px;
	position:relative;
}
#layout_content_main > .banner_container > .banner .bxslider > li > 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;

	box-shadow: 1px 2px 6px rgba(0,0,0,.24), 1px 2px 4px rgba(0,0,0,.48);
	transition: box-shadow .15s ease-in-out;
}
#layout_content_main > .banner_container > .banner .bxslider > 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 > .banner_container > .banner .bxslider > li:hover > a:after{
	background-position:0 -80px;
}
#layout_content_main > .banner_container > .banner .bxslider > li > div{
	position:absolute;
	left:238px;
	top:28px;
	color: #fff;
	font: bold 48px/40px Arial,'Noto Sans KR','Malgun Gothic','맑은 고딕','돋움',Dotum,Verdana, sans-serif;
	letter-spacing: -2px;
	text-shadow: 1px 1px #000;
}
#layout_content_main > .banner_container > .banner .bxslider > li > span{
	position:absolute;
	left:150px;
	top:393px;
	color: #000;
	font: normal 16px/1 'Noto Sans KR','Malgun Gothic','맑은 고딕','돋움',Dotum,Verdana, sans-serif;
}
/** 추천강좌 **/
#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 'Noto Sans KR','Malgun Gothic','맑은 고딕','돋움',Dotum,Verdana, sans-serif;
}
#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:1226px;
}

#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 'Noto Sans KR','Malgun Gothic','맑은 고딕','돋움',Dotum,Verdana, sans-serif;
	color:#424242;
	text-align:left;
	background-color: #e5e5e5;
	padding:0px 10px;
}
#review > li:first-child > a{
	width:100%;
	height:100%;
	font: bold 15pt/53px 'Noto Sans KR','Malgun Gothic','맑은 고딕','돋움',Dotum,Verdana, sans-serif;
	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 'Noto Sans KR','Malgun Gothic','맑은 고딕','돋움',Dotum,Verdana, sans-serif;
	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 'Noto Sans KR','Malgun Gothic','맑은 고딕','돋움',Dotum,Verdana, sans-serif;
	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 'Noto Sans KR','Malgun Gothic','맑은 고딕','돋움',Dotum,Verdana, sans-serif;
	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 'Noto Sans KR','Malgun Gothic','맑은 고딕','돋움',Dotum,Verdana, sans-serif;
	color:#fff;
	text-align:center;
	padding:0 0 5px 0;
}
/** 델프 달프 시험정보 **/
#layout_content_main > .test_info_container{
	margin:74px 0 0 0;
	background-color:#f2f2f2;
	padding:0 0 56px 0;
}
#layout_content_main > .test_info_container > .title{
	width:1000px;
	height:36px;
	margin:0 auto;
	padding:47px 0 39px 0;
	position:relative;
	font:bold 36px/1 'Noto Sans KR','Malgun Gothic','맑은 고딕','돋움',Dotum,Verdana, sans-serif;
}
#layout_content_main > .test_info_container > table{
	width:1080px;
	margin:0 auto;
}
#layout_content_main > .test_info_container > table td > a.info{
	display:block;
	border:1px solid #cfcfd1;
	width:100%;
	height:95px;
	position:relative;
	text-decoration:none;
	background-color:#fff;
	padding:0 31px;
	background-position:right center;
	background-repeat:no-repeat;
	text-align:left;
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
	        box-sizing:border-box;
}
#layout_content_main > .test_info_container > table td > a.info > div{
	font:bold 17px/26px 'Noto Sans KR','Malgun Gothic','맑은 고딕','돋움',Dotum,Verdana, sans-serif;
	color:#434343;
	text-align:left;
	padding:23px 0 0 0;
	vertical-align:top;
}
#layout_content_main > .test_info_container > table td > a.info > div > span{
	display:block;
	font:normal 12px/18px 'Noto Sans KR','Malgun Gothic','맑은 고딕','돋움',Dotum,Verdana, sans-serif;
	color:#919191;
	text-align:left;
	padding:5px 0 0 0;
}
/** 컨텐츠 서브 **/
#layout_content_sub{
	width: 1212px;
	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;
	border-left:1px #d8d8d8 solid;
	-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 'Noto Sans KR','Malgun Gothic','맑은 고딕','돋움',Dotum,Verdana, sans-serif;
	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:'Noto Sans KR','Malgun Gothic','맑은 고딕','돋움',Dotum,Verdana, sans-serif;
}
#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 'Noto Sans KR','Malgun Gothic','맑은 고딕','돋움',Dotum,Verdana, sans-serif;
	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: 319px;
	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: 319px;
	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 'Noto Sans KR','Malgun Gothic','맑은 고딕','돋움',Dotum,Verdana, sans-serif;
	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 'Noto Sans KR','Malgun Gothic','맑은 고딕','돋움',Dotum,Verdana, sans-serif;
	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 'Noto Sans KR','Malgun Gothic','맑은 고딕','돋움',Dotum,Verdana, sans-serif;
}
#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 'Noto Sans KR','Malgun Gothic','맑은 고딕','돋움',Dotum,Verdana, sans-serif;
	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 'Noto Sans KR','Malgun Gothic','맑은 고딕','돋움',Dotum,Verdana, sans-serif;
	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 'Noto Sans KR','Malgun Gothic','맑은 고딕','돋움',Dotum,Verdana, sans-serif;
	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 'Noto Sans KR','Malgun Gothic','맑은 고딕','돋움',Dotum,Verdana, sans-serif;
}
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:'Noto Sans KR','Malgun Gothic','맑은 고딕','돋움',Dotum,Verdana, sans-serif;
}
.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:160px;
	position: relative;
	display: table-row;
	margin:0 auto;
	background-color:#fff;
}
#layout_footer_bottom{
	height:160px;
	border-top:1px solid #eee;
}
#layout_footer_bottom > div.container{
	width: 1212px;
	height:160px;
	display: block;
	margin:0 auto;
	position:relative;
}
#layout_footer_bottom > div.container > div.logo{
	width: 37px;
	height:39px;
	display: block;
	background:url('/images/logo/B_logo.png') no-repeat;
	position:absolute;
	left:50%;
	top:34px;
	margin-left:-18px;
}
#layout_footer_bottom > div.container > div.copyright{
	display: block;
	position:absolute;
	width:100%;
	height:12px;
	top:75px;
	text-align:center;
	font-size:9pt;
	line-height:12px;
	color:#898989;
}
#layout_footer_bottom > div.container > ul{
	position:absolute;
	width:100%;
	top:100px;
	color:#898989;
}
#layout_footer_bottom > div.container > ul > li{
	color:#898989;
	font-size:8pt;
	text-align:center;
	line-height:16px;
}
/** 오시는길 지도 **/
#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;
}
/**페이지 공통테이블 **/
.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 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: NanumGothicBoldWeb;
    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:123px;
	height:23px;*/
	height:36px;
	width:110px;
	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;
}
.login_info > .tooltip{
	top: -38px;
	visibility:visible;
	display:none;
}
.login_info > .user{
	display:block;
	/*width:125px;
	height:24px;*/
	height:36px;
	width:110px;
	font:normal 10pt/36px 'Noto Sans KR','Malgun Gothic','맑은 고딕','돋움',Dotum,Verdana, sans-serif;
	text-decoration:none;
	color:#333;
	/*
	background-color:rgb(0, 0, 0);
	color:rgb(255, 255, 255);
	opacity:0.7;
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=70)';
	filter:alpha(opacity=70);
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	 */
}
.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:110px;
	display:none;
	z-index:100000;
	background-color:#F4F4F4;
	outline:1px #ddd solid;
	margin-top:-1px;

	position:absolute;
	top:37px;
}
.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 'Noto Sans KR','Malgun Gothic','맑은 고딕','돋움',Dotum,Verdana, sans-serif;
	text-decoration:none;
	padding-right: 21px;
	display: block;
	width: auto;
    border: none;
}
/** 검색 **/
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: 'Noto Sans KR','Malgun Gothic','맑은 고딕','돋움',Dotum,Verdana, sans-serif;
}
.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 'Noto Sans KR','Malgun Gothic','맑은 고딕','돋움',Dotum,Verdana, sans-serif;
	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: 'Noto Sans KR','Malgun Gothic','맑은 고딕','돋움',Dotum,Verdana, sans-serif;
	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;
}
#bookmark{
	position:relative;
}
#bookmark > .tooltip{
	width:260px;
	margin-left:235px;
	top:-40px;
}
#bookmark:hover > .tooltip{
	visibility: visible;
}
#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 'Noto Sans KR','Malgun Gothic','맑은 고딕','돋움',Dotum,Verdana, sans-serif;
	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 'Noto Sans KR','Malgun Gothic','맑은 고딕','돋움',Dotum,Verdana, sans-serif;
	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 'Noto Sans KR','Malgun Gothic','맑은 고딕','돋움',Dotum,Verdana, sans-serif;
	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 'Noto Sans KR','Malgun Gothic','맑은 고딕','돋움',Dotum,Verdana, sans-serif;
	color: #fff;
	text-decoration: none;
	padding:0 15px;
	height:32px;
	display: inline-block;
}
.customer_info > span{
	font: bold 10pt/32px 'Noto Sans KR','Malgun Gothic','맑은 고딕','돋움',Dotum,Verdana, sans-serif;
	color: #000;
}
a.kp_btn{
	border-radius: 28px;
	box-shadow: 0px 1px 6px #666666;
	font:normal 20px/1 'Noto Sans KR','Malgun Gothic','맑은 고딕','돋움',Dotum,Verdana, sans-serif;
	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 'Noto Sans KR','Malgun Gothic','맑은 고딕','돋움',Dotum,Verdana, sans-serif;
	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 'Noto Sans KR','Malgun Gothic','맑은 고딕','돋움',Dotum,Verdana, sans-serif;
	color: #fff;
	text-decoration: none;
	padding: 0 15px;
	height: 32px;
	display: inline-block;
	box-shadow: 1px 2px 2px rgba(0,0,0,.48)
}
/** 소셜 퀵메뉴 **/
.social_container{
	position:fixed;
	right:0;
	bottom:10px;
	width:48px;
	z-index:9999;
}
.social_container > li{
	width:48px;
	height:48px;
	position:relative;
}
.social_container > li > a{
	width:48px;
	height:48px;
	font:bold 16px/48px 'Nanum Gothic';
	color:#fff;
	box-sizing:border-box;
	padding:0 0 0 48px;
	position:absolute;
	right:0;
	top:0;
	text-decoration:none;
	text-align:left;
	transition: width 0.3s;
	overflow:hidden;
	text-shadow:1px 1px 1px rgba(0,0,0,0.45);
}
.social_container > li > a.naver_blog{
	background:#00c73c url(/images/social/icon_naver.png) no-repeat 15px center;
}
.social_container > li > a.naver_tv{
	background:#06db77 url(/images/social/icon_navertv.png) no-repeat 15px center;
}
.social_container > li > a.kakao_tv{
	background:#feeb00 url(/images/social/icon_kakaotv.png) no-repeat 15px center;
}
.social_container > li > a.youtube{
	background:#ff0000 url(/images/social/icon_navertv.png) no-repeat 15px center;
}
.social_container > li > a.facebook{
	background:#4267b2 url(/images/social/icon_facebook.png) no-repeat 15px center;
}
.social_container > li:hover > a{
	width:140px;
}
.social_container > li > a{
	width:48px;
	height:48px;
}
/** 소셜 퀵메뉴 end **/
/** 첨삭 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 'Nanum Gothic';
	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 'Nanum Gothic';
}
.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 'Nanum Gothic';
	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 'Nanum Gothic';
	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 'Nanum Gothic';
	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 'Nanum Gothic';
	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 'Nanum Gothic';
	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 'Nanum Gothic';
	color: #666;
}
.attach_box > #attach_form > .submit{
	padding:0 30px;
	height:42px;
	font:normal 16px/42px 'Nanum Gothic';
	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 'Nanum Gothic';
	color:#000;
}
.paybtn_right_fix2 > .order > strong{
	font:normal 20px/1.8 'Nanum Gothic';
}
.paybtn_right_fix2 > .order > #direct_order{
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	background-color: #f8484a;
	color: #fff;
	font: normal 14pt/38px 'Nanum Gothic';
	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 'Nanum Gothic';
	padding: 0 0 0 24px;
	text-decoration:none;
	color:#000;
}
.question_bank > .title{
	color: #2c1f19;
	font: 500 12pt/50px 'Nanum Gothic';
	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 'Nanum Gothic';
	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 'Nanum Gothic';
	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 'Nanum Gothic';
	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:470px;
	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 'Nanum Gothic';
	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 'Nanum Gothic';
	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 'Nanum Gothic';
	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 'Nanum Gothic';
	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 'Nanum Gothic';
	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 'Nanum Gothic';
	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 'Nanum Gothic';
}
#recommand_lecture > div > span{
	font:normal 20px/2 'Nanum Gothic';
}
#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 'Nanum Gothic';
	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 'Nanum Gothic';
	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 'Nanum Gothic';
	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 'Nanum Gothic';
	color:#ff0000;
	text-shadow:1px 1px 3px rgba(255,255,255,0.65);
}