@charset "utf-8";

textarea:focus,
input:focus{
	outline : 1px solid #ccc;
}

textarea{
	color:#333;
	font-family:'Noto Sans KR';
	font-weight:300;
}

hr{
	border:1px solid #e1e1e1;
}	

header{
	height:0px;
}

select{
	cursor:pointer;
}

textarea{
	display:block;
}

.sound_only{
	display:none;
}

.footer_wrap,
.section_wrap{
	overflow:hidden !important;
}

.mobile_menu_btn_box,
.mobile_logo_box{
	display:none;
}

.main_menu_wrap{
	position:fixed; top:0px;
	z-index:2500;
	border-bottom:none;
	background:none;
	transition: top 0.35s ease-in-out;
}

.main_menu_wrap_move{
	top:0px;
	border-bottom:2px solid #d4b284;
	background:#fff;
}

.main_menu_box{
	float:right;
	height:80px;
	line-height:80px;
	margin:0px auto;
}

.main_menu_box > li{
	position:relative;
	float:left;
	margin-left:25px;
}

.main_menu_box > li:first-child{
	margin-left:1px;
}

.main_menu_box > li a{
	color:#fff;
	font-size:15px;
	font-weight:300;
}

.main_menu_box > li > ul{
	position:absolute; top:65px; left:50%;
	display:none;
	width:105px;
	text-align:center;
	line-height:2;
	padding-top:5px;
	padding-bottom:5px;
	border-top:1px solid #f3f3f3;
	border-right:1px solid #e1e1e1;
	border-bottom:1px solid #f3f3f3;
	border-left:1px solid #e1e1e1;
	border-radius:5px;
	transform:translateX(-50%);
	background:#fff;
}

.main_menu_box > li > ul > li{
	float:none;
	margin:0px;
	padding:0px;
}

.main_menu_box > li > ul > li > a{
	display:block;
	color:#333;
}

.main_menu_wrap .logo_box a{
	display:inline-block;
	margin-top:15px;
}

.main_menu_box li a i{
	font-size:12px;
}

.main_menu_bk_wrap{
	display:block;
	height:115px;
}

.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:116px;
	z-index:1;
}

.main_menu_sub_wrap{
	position:fixed; top:113px;
	display:none;
	height:320px;
	margin:0px 0px 0px 0px; padding:0px;
	z-index:9999;
	background:url(../images/common/bk50.png) repeat;
}

.main_menu_sub_wrap .main_sub_menu_box{
	width:730px;
	margin:0px auto;
}

.main_menu_sub_wrap .main_sub_menu_box > li{
	float:left;
	text-align:center;
	line-height:40px;
	margin-left:30px;
}

.main_menu_sub_wrap .main_sub_menu_box > li a{
	color:#fff;
	font-size:14px;
	text-align:center;
	font-weight:400;
}

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

/* section_wrap */	

.section_wrap{
	padding-top:120px;
	padding-bottom:120px;
	overflow:hidden;
}

.section_wrap::after{
	clear:both;
	display:block;
	width:0px; height:0px;
	content:"\00a0";
	overflow: hidden;
	visibility: hidden;
}

/* quick_menu_wrap */

.quick_menu_wrap .quick_menu_box{
	position:fixed; top:85%; right:2%;
	width:75px;
	transform:translate(0%,-50%);
	z-index:2000;
	background:rgba(0,0,0,0.65);
}

.quick_menu_wrap .quick_menu_box{
	display:block;
	padding:0px 5px;
	border-radius:5px;
}

.quick_menu_wrap .quick_menu_box ul li{
	border-bottom:1px solid #acacac;
}

.quick_menu_wrap .quick_menu_box ul li:last-child{
	border-bottom:none;
}

.quick_menu_wrap .quick_menu_box ul li a{
	display:block;
	color:#fff;
	font-size:14px;
	font-weight:400;
	text-align:center;
	padding:15px 0px;
}

.quick_menu_wrap .quick_menu_box ul li a i{
	color:#d0b484;
	font-size:22px;
	padding-bottom:5px;
}

/* footer_wrap */

.footer_wrap{
	padding:60px 0px;
	background-color:#333;
}

.footer_wrap p{
	color:#baa278;
	font-weight:400;
	text-align:center;
	line-height:2;
}

.footer_wrap p > span{
	font-weight:300;
}

.footer_wrap img{
	margin-top:15px;
}

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

.footer_wrap .footer_mo_box{
	display:none;
}

.mobile_main_menu_nav{
	overflow:hidden;
}

.fixed_side_menu_box ul{
	position:fixed;
	bottom:30%; right:30px;
	z-index:2000;
}

.fixed_side_menu_box ul.display_none{
	display:none;
}

.fixed_side_menu_box ul li a{
	display:block;
	width:60px; height:60px;
	color:#fff;
	font-size:16px;
	text-align:center;
	line-height:60px;
	overflow:hidden;
	border-radius:30px;
	transition: all 0.3s ease-in-out;
	background:#b27c35;
}

.fixed_side_menu_box ul li a:focus,
.fixed_side_menu_box ul li a:hover{
	width:170px; height:60px;
	transition: all 0.3s ease-in-out;
}

.fixed_side_menu_box ul li a i{
	color:#fff;
	font-size:28px;
}

.fixed_side_menu_box ul li a span{
	margin-left:30px;
}

.fixed_side_menu_box ul li a:focus span,
.fixed_side_menu_box ul li a:hover span{
	margin-left:10px;
}

@media (max-width: 1200px) {

	.main_menu_box li{
		float:left;
		margin-left:20px;
	}
	
	.main_menu_box li:first-child{
		margin-left:30px;
	}
	
	.main_menu_box > li > ul > li:first-child{
		margin-left:0px;
	}

	.main_menu_box li a{
		font-size:14px;
	}

	.main_menu_sub_wrap .main_sub_menu_box > li:first-child{
		margin-left:54px;
	}
	
	.main_menu_sub_wrap .main_sub_menu_box > li.sub_menu06{
		margin-left:57px;
	}
	
}

@media (max-width:998px){
	.main_menu_box li{
		margin-left:18px;
	}
}

@media (max-width:991px){
	.top_menu_wrap .bookmark_menu_box,
	.top_menu_wrap .top_menu_box,
	.main_menu_wrap,
	.main_menu_sub_wrap{
		display:none;
	}
	
	.mobile_main_menu_wrap{	
		position:relative;
		display:block;
		height:115px;
		z-index:1200;
		overflow:hidden !important;
	}
	
	.mobile_main_menu_wrap .mobile_logo_box{
		margin-top:25px;
	}
	
	.mobile_main_menu_wrap .mobile_logo_box2{
		margin-top:40px;
	}

	.mobile_main_menu_wrap .mobile_logo_box,
	.mobile_main_menu_wrap .mobile_logo_box2{
		width:100%; height:auto;
	}
	
	.mobile_main_menu_nav,
	.mobile_menu_btn_box,
	.mobile_search_box,
	.mobile_logo_box{
		display:block;
		position:relative;
	}

	.mobile_menu_btn{
		position:fixed; top:30px; right:5px; 
		width:50px; height:34px;
		border:none;
		cursor:pointer;
		z-index:900;
		background:none;
	}

	.mobile_menu_btn:visited,
	.mobile_menu_btn:hover,
	.mobile_menu_btn:active,
	.mobile_menu_btn:focus{
		border:none;
	}

	.mobile_menu_btn > span{
		display:block;
		width:30px; height:3px;
		margin:5px auto;
		border-radius:5px;
		background:#b1b1b1;
	}

	.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;
		border-left:5px solid #d4b284;
		background:#fefefe;
	}
	
	.mobile_main_menu_box::-webkit-scrollbar{
		display:none;
	}
	
	.mobile_main_menu_bk_box{
		display:none;
		position:fixed; 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:100px;
		padding:20px 15px;
		border-bottom:1px solid #e1e1e1;
		background:#fefefe;
	}		

	.mobile_menu_login_box > a{
		display:inline-block;
		color:#23346e;
		font-size:20px;
		padding:10px;
		border-radius:4px;
		cursor:pointer;
	}
	
	.mobile_menu_login_box img{
		margin-top:5px;
	}		

	.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{
		text-indent:10px;
		margin-top:2px;
		padding:10px 5px;
		border-bottom:1px dotted #999;
	}
	
	.mobile_main_menu > li > a{
		display:block;
		font-size:16px;
	}

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

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

	.mobile_main_menu .mobile_sub_menu_child > li > a{
		color:#666;
		margin-left:10px;
	}

	.mobile_main_menu > li > a > span.ul_minus{
		display:none;
	}

	.mobile_main_menu_sns_box{
		display:block;
		height:50px;
		line-height:45px;
		margin-top:20px;
		background:#fafafa;
	}

	.mobile_main_menu_sns_box > li{
		float:left;
		margin-left:17px;
	}

	.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 20px 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-laptop,
	.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 h2{
		margin-top:30px;
	}

	/* fixed_side_menu */

	.fixed_side_menu_box ul{
		display:none;
	}

}

@media (max-width:768px){
	
	
	/* section_wrap */	

	.section_wrap{
		padding-top:60px;
		padding-bottom:60px;
	}

	/* quick_menu_wrap */

	.quick_menu_wrap .quick_menu_box{
		top:87%; right:0%;
		width:52px; height:50px;
		padding:0px;
		border-radius:5px 0px 0px 5px;
		z-index:900;
	}
	
	.quick_menu_wrap .quick_menu_box ul li a{
		font-size:11.5px;
		font-weight:400;
		padding:6px 0px;
	}

	.quick_menu_wrap .quick_menu_box ul li a i{
		font-size:18px;
	}

	/* main_menu_wrap */
	
	.mobile_menu_btn{
		right:0px;
	}
	
	/* footer_wrap */
	
	.footer_wrap{
		padding:60px 0px;
	}

	.footer_wrap h2{
		font-size:18px;
	}

	.footer_wrap .footer_pc_box{
		display:none;
	}

	.footer_wrap .footer_mo_box{
		display:block;
	}

	.footer_wrap p{
		font-size:14px;
		font-weight:400;
	}

	.footer_wrap p > span{
		font-weight:300;
	}
}



@media (max-width:576px){
	
	/* main_menu_wrap */

	.mobile_menu_btn > span{
		width:30px; height:3px;
	}
	
}