@charset "utf-8";

.section{
	height:400px;
}

.middle_school{
	background:#00a3d2;
}

.science_subject{
	background:#451c69;
}

.korean_subject{
	background:#224674;
}

.social_subject{
	background:#00684a;
}

.math_subject{
	background:#0071b3;
}

.history_subject{
	background:#5e2c0b;
}

.english_subject{
	background:#ef4d15;
}

.class_icon{
	background:#00a3d2;
}

.yallow{
	color:#fcb60b;
}

.red{
	color:#d60043;
	font-weight:bold;
}

.sky{
	color:#2490c2;
	font-weight:bold;
}

.blue{
	color:#1176be;
	font-weight:bold;
}

hr{
	clear:both;
	display:block;
	border-top:1px solid #e1e1e1;
}

.s_bar{
	display:block;
	width:80px; height:8px;
	margin:0 auto;
	background:#fff;
}

.ss_bar,
.ss_bk_bar,
.ss_br_bar{
	display:block;
	width:40px; height:4px;
	margin-left:1px;
	background:#fff;
}

.ss_bk_bar{
	background:#333;
}

.ss_br_bar{
	background:#534741;
}

.fa-star,
.fa-product-hunt{
	color:#ffcc00;
}

.fa-heart{
	color:#d60043;
}

.fa-sign-in-alt{
	color:#015e8a;
}

.fa-plane{
	color:#fff200;
}

.top_menu_wrap{
	position:fixed;
	height:80px;
	z-index:2500;
	background:#fff;
}

.top_menu_bk_wrap{
	height:80px;
	background:#fff;
}

.top_menu_wrap .top_menu_bk_box{
	height:80px;
}

.top_menu_wrap .bookmark_menu_box,
.top_menu_wrap .top_menu_box{
	margin-top:25px;
}

.mobile_menu_btn_box,
.mobile_academy_manager_btn{
	display:none;
}

.top_menu_wrap .bookmark_menu_box li{
	float:left;
	font-size:16px;
	margin-left:10px;
}

.top_menu_wrap .bookmark_menu_box li:first-child{
	margin-left:0px;
}

.top_menu_wrap .top_menu_box{
	float:right;
}

.top_menu_wrap .top_menu_box li{
	float:right;
	font-size:16px;
	margin-left:10px;
}

.top_menu_wrap .academy_manager_box{
	display:none;
}

.top_menu_wrap .logo_box{
	margin-top:17px;
}

.top_menu_wrap .logo_box img{
	display:block;
	margin:0px auto;
}

.search_menu_wrap{	
	position:fixed;
	height:50px;
	z-index:2000;
	background:#223651;
}

.search_menu_bk_wrap{
	height:50px;
}

.search_menu_wrap .search_menu_box{
	float:right;
}

.search_menu_wrap select{
	width:110px; height:30px;
	font-size:16px;
	color:#fff;
	vertical-align:middle;
	margin-top:8px;
	padding:0px 5px;
	border:2px solid #fff;
	-webkit-appearance: none; 
    -moz-appearance: none;    
    appearance: none;         
	background:url(../images/index/arrow_down.png) no-repeat 95% 50%;
}

.search_menu_wrap select::-ms-expand { 
   display: none; 
} 

.search_menu_wrap select option{
	color:#1a1a1a;
}

.search_menu_wrap select + select{
	margin-left:15px;
}

.search_menu_wrap .search_pc_box{
	display:inline-block;
}

.search_menu_wrap .search_mo_box{
	display:none;
}

.search_menu_wrap .search_box{
	width:200px; height:30px;
	margin:2px 0px 0px 15px;
}

.search_menu_wrap .search_box input[type="text"]{
	width:150px; height:30px;
	color:#fff;
	font-size:16px;
	vertical-align:middle;
	margin-top:8px;
	padding:0px 5px;
	border:2px solid #fff;
	background:none;
}

.search_menu_wrap .search_box ::-webkit-input-placeholder{	
	color:#fff;
}

.search_menu_wrap .search_box ::-moz-input-placeholder{	
	color:#fff;
}

.search_menu_wrap .search_box button{
	height:30px;
	color:#fff;
	font-size:21px;
	vertical-align:middle;
	margin:8px 0px 0px 5px;
	border:none;
	cursor:pointer;
	background:none;
}

.search_menu_wrap .main_menu_box{
	margin-top:10px;
}

.search_menu_wrap .main_menu_box li:first-child{
	margin-left:0px;
}

.search_menu_wrap .main_menu_box li{
	float:left;
	margin-left:15px;
}

.search_menu_wrap .main_menu_box li a{
	color:#fff;
	font-size:16px;
}

.header_wrap .mobile_menu_bk_box{
	position:absolute; top:0px; left:0px;
	width:100%; height:100%;
	background:#ccc;
}

.header_back{
	position:relative;
	display:block;
	height:130px;
	z-index:1;
}

.contract_wrap{
	height:40px;
	text-align:center;
	line-height:39px;
	margin-top:30px;
	border-top:1px solid #e1e1e1;
	background:#f3f3f3;
}

.contract_wrap .contract_box01,
.contract_wrap .contract_box02,
.contract_wrap .contract_box03,
.contract_wrap .contract_box04{
	border-right:1px solid #e1e1e1;
	border-left:1px solid #e1e1e1;
}

.contract_wrap a{
	display:block;
}


/* mobile_my_page_menu_btn_box */

.mobile_my_page_menu_btn{
	display:none;
	position:absolute; top:22px; left:15px;
	font-size:12px;
	font-weight:500;
	line-height:1.2;
	border:1px solid #444;
	border-radius:3px;
	cursor:pointer;
	z-index:1000;
	background:#fff;
}

/* footer_wrap */

.footer_wrap{
	height:100px;
	margin-top:60px;
	border-top:1px solid #e1e1e1;
	background:#fff;
}

.footer_wrap p{
	color:#333;
	font-size:14px;
	text-align:center;
	margin:25px 0px;
}

.footer_wrap p a{
	color:#333;
}

.mobile_main_menu_nav,
.footer_wrap .mo_ver,
.contents_mo_ver{
	display:none;
}

.mobile_main_menu_nav{
	overflow:hidden;
}

/* hidden */

.search_menu_box{
	display:none;
}


@media (max-width: 1200px) {
	.top_menu_wrap .logo_box img{
		margin-top:25px;
	}
}

@media (max-width:991px){	
	
	.top_menu_wrap .logo_box img{
		margin-top:30px;
	}

	.mobile_main_menu_box .mobile_menu_login_btn i{
		color:#fff;
	}
	
	.search_menu_wrap select{
		width:60px;
		font-size:14px;
	}
	
	.search_menu_wrap .search_box{
		width:140px;
	}
	
	.search_menu_wrap .search_box input[type="text"]{
		width:90px;
		font-size:12px;
	}

	.lSAction > a{
		display:none;
	}
}

@media (max-width:768px){
	
	.top_menu_wrap .logo_box img{
		margin-top:0px;
	}

	.top_menu_wrap .bookmark_menu_box,
	.top_menu_wrap .top_menu_box,
	.search_menu_wrap .main_menu_box{
		display:none;
	}
	
	.top_menu_wrap .academy_manager_box{
		display:block;
	}
	
	.search_menu_wrap{
		height:86px;
	}
	
	.search_menu_bk_wrap{
		height:86px;
	}
	
	.search_menu_wrap .search_menu_box{
		float:none;
		width:280px;
		margin:0 auto;
	}

	.search_menu_wrap .search_pc_box{
		display:none;
	}

	.search_menu_wrap .search_mo_box{
		display:block;
		margin:0px;
	}
	
	.search_menu_wrap .search_menu_box{
		width:400px;
	}

	.search_menu_wrap .search_box{
		width:400px;
	}
	
	.search_menu_wrap select{
		width:120px;
	}

	.search_menu_wrap .search_box input[type="text"]{
		width:260px;
		font-size:12px;
	}
	
	.search_menu_wrap .search_mo_box button{
		width:120px;
		margin-left:13px;
		border:2px solid #fff;
	}
	
	.search_menu_wrap .search_mo_box button i{
		font-size:20px;
	}
	
	.mobile_search_box,
	.mobile_logo_box{
		display:block;
		position:relative;
	}

	.mobile_main_menu_nav,
	.mobile_menu_btn_box{
		display:block;
		position:relative;
	}
	

	.mobile_menu_btn{
		position:absolute; top:22px; right:5px; 
		width:42px; height:34px;
		border:none;
		cursor:pointer;
		z-index:900;
		background:none;
	}

	.mobile_menu_btn > span{
		display:block;
		width:30px; height:3px;
		margin:5px auto;
		background:#223651;
	}
	
	.mobile_main_menu_box{
		position:fixed; right:-280px;
		width:275px; height:100%;
		max-height:100%;
		z-index:9999;
		overflow-y:auto;
		overflow-x:hidden;
		-ms-overflow-style: none;
		-moz-overflow-style: none;
		-webkit-overflow-style: none;
		box-shadow:1px 0px 7px -1px;
		background:#efefef;
	}
	
	.mobile_main_menu_box::-webkit-scrollbar{
		display:none;
	}
	
	.mobile_main_menu_bk_box{
		display:none;
		position:absolute; top:0px; left:0px; 
		width:100%; height:2000px;
		overflow:hidden;
		z-index:9100;
		background:url(../images/index/bk40.png) repeat;
	}

	.mobile_menu_login_box{
		width:100%;	height:70px;
		padding:15px;
		border-bottom:4px solid #fff;
		background:#223651;
	}		
	
	.mobile_menu_login_box > a{
		display:inline-block;
		color:#fff;
		font-size:14px;
		padding:5px 10px;
		border:2px solid #fff;
		border-radius:4px;
		cursor:pointer;
	}
	
	.mobile_menu_login_box > .mobile_my_page_menu_close_btn{
		display:block;
		width:75px;
	}

	.mobile_menu_login_box > a.mobile_menu_close_btn{
		float:right;
	}
	
	.mobile_main_menu > li{
		height:50px;
		text-indent:10px;
		margin-top:2px;
		padding:10px 5px;
		border-bottom:1px dotted #999;
	}
	
	.mobile_main_menu > li > a{
		display:block;
		font-size:18px;
	}

	.mobile_main_menu > li > a > span{
		float:right;
		color:#888;
	}

	.mobile_main_menu > li > ul{
		display:none;
	}

	.mobile_main_menu > li > ul > li{
		line-height:2;
	}

	.mobile_main_menu .mobile_sub_menu_child > li > a{
		display:block;
		margin-left:10px;
	}

	.mobile_main_menu > li > a > span.ul_minus{
		display:none;
	}
	
	.mobile_my_page_menu_box > button{
		position:absolute; top:25px; left:10%;
		color:#003663;
		font-size:12px;
		font-weight:bold;
		margin:3px 0px 0px 3px;
		padding:2px 5px;
		border:1px solid #003663;
		border-radius:5px;
		cursor:pointer;
		z-index:9000;
		background:#fff;
	}

	.mobile_my_page_menu_box .mobile_my_page_menu{
		position:fixed; top:0px; left:-200px;
		width:190px; height:100%;
		max-height:100%;
		z-index:9999;
		overflow-y:auto;
		overflow-x:hidden;
		-ms-overflow-style: none;
		-moz-overflow-style: none;
		-webkit-overflow-style: none;
		box-shadow:0px 0px 3px 0px;
		background:#efefef;
	}
	
	.mobile_my_page_menu_btn{
		left:5px;
	}

	.mobile_my_page_menu_box > button > span{
		font-size:14px;
	}

	.mobile_my_page_menu ul li{
		height:50px;
		font-size:18px;
		text-indent:10px;
		line-height:45px;
		margin-top:2px;
		padding:5px 10px;
		border-bottom:1px dotted #999;
	}

	.mobile_menu_register_box{
		margin:20px 10px 0px;
	}

	.mobile_menu_register_box > a{
		font-size:16px;
		margin-left:5px;
		padding:5px;
	}

	.mobile_menu_register_box > a > i{
		margin-right:5px;
	}

	.mobile_menu_register_box > a > i.fa-user-plus,
	.mobile_menu_register_box > a > i.fa-user{
		color:#364c95;
	}

	.mobile_menu_register_box > a > i.fa-star{
		color:#fbbc00;
	}
	
	.mobile_menu_register_box > a.my_trip{
		display:block;
		text-align:center;
		margin:10px auto;
		background:#e6da00;
	}
	
	.mobile_menu_register_box .ceda_academy_manager{
		display:block;
		text-align:center;
		margin-top:20px;
		padding:10px 0px;
		border:1px solid #e1e1e1;
		background:#e5e5e5;
	}
	
	.mobile_menu_register_box .ceda_academy_manager i{
		color:#223651;
	}

	/* mobile_my_page_menu_box */
	
	.mobile_my_page_menu_btn{
		display:inline;
	}

	/* footer_wrap */
	.footer_wrap{
		margin-top:30px;
	}

	.footer_wrap .pc_ver{
		display:none;
	}
	
	.footer_wrap .mo_ver{
		display:block;
		font-size:16px;
		margin-top:20px; 
		padding-bottom:20px;
	}

	/* hidden */

	.search_menu_wrap,
	.search_menu_bk_wrap{
		display:none;
	}
}

@media (max-width:640px){
	
	.top_menu_wrap .logo_box{
		margin-top:23px;
	}
		
	.top_menu_wrap .logo_box img{
		width:140px;
	}
	
	.header_wrap .mobile_search_box{
		margin:3px 15px 0px;
	}
	
	.mobile_main_menu > li{
		margin-top:3px;
		padding:10px;
	}
	
	.search_menu_wrap .search_menu_box{
		width:340px;
	}

	.search_menu_wrap .search_box{
		width:340px;
	}
	
	.search_menu_wrap select{
		width:100px;
	}

	.search_menu_wrap .search_box input[type="text"]{
		width:219px;
	}
	
	.search_menu_wrap .search_mo_box button{
		width:100px;
		margin-left:15px;
		padding:0px;
		border:2px solid #e1e1e1;
	}

	.footer_wrap{
		margin-top:30px;
	}

	.footer_wrap .mo_ver{
		font-size:12px;
	}
}


@media (max-width:390px){
	.search_menu_wrap .search_menu_box{
		width:282px;
	}

	.search_menu_wrap .search_box{
		width:282px;
		
	}
	
	.search_menu_wrap select{
		width:80px;
	}

	.search_menu_wrap .search_box input[type="text"]{
		width:178px;
	}
	
	.search_menu_wrap .search_mo_box button{
		width:80px;
		margin-left:16px;
	}

}


@media (max-width:380px){
	.visual_slider .visual_img02 h1{
		word-spacing:-1px;
	}
	
}

@media (max-width:340px){
	.search_menu_wrap .search_menu_box{
		width:236px;
	}

	.search_menu_wrap .search_box{
		width:236px;
		
	}
	
	.search_menu_wrap select{
		width:65px;
	}

	.search_menu_wrap .search_box input[type="text"]{
		width:148px;
	}
	
	.search_menu_wrap .search_mo_box button{
		width:65px;
		margin-left:16px;
	}
}