@charset "utf-8";

/* common */

body{
	overflow-x:hidden;
	background:#f8fafc;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

th,
td,
caption {
  font-weight: normal;
  vertical-align: top;
  text-align: left;
}

h1{
	font-size:32px;
	font-weight:500;
}

h2{
	font-size:24px;
	font-weight:400;
}

h3{
	font-size:18px;
	font-weight:400;
}

p{
	font-size:16px;
	font-weight:300;
}

.main_menu_move{
	color:#333;
}

.fixed_side_menu_wrap .container{
	position:relative;
}

/* side_menu */

.side_menu_box{
	display:none;
	position:fixed; top:50%; right:20px;
	z-index:9999;
}

.side_menu_move{
	display:block;
}

.side_menu_box li{
	text-align:right;
	line-height:2;
}

.side_menu_box li a{
	color:#474747;
	font-size:11px;
	font-weight:300;
	opacity:0.8;
}

.side_menu_box li.active a{
	color:#333;
	font-weight:bold;
}

/* header_wrap */

.header_wrap{
	position:fixed;
	height:80px;
	z-index:2000;
	transition: top 0.2s ease-in-out;
}	

.header_wrap_up{
	top:-80px;
}

.header_wrap_move{
	border-bottom:1px solid #e1e1e1;
	background:#fff;
}

.header_wrap .mobile_main_menu .my_trip_wrap a,
.header_wrap .mobile_main_menu .my_trip_wrap a > i{
	color:#fff200;
	font-weight:400;
}

.header_wrap .mobile_search input[type="text"]{
	width:170px; height:30px;
	vertical-align:middle;
	margin-top:4px;
	padding:0px 5px;
	border:4px solid #fff;
	border-radius:5px 0px 0px 5px;
}

.header_wrap .mobile_search input[type="text"]{
	width:200px;
}

.header_wrap .mobile_search input[type="button"]{
	height:30px;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	vertical-align:middle;
	margin-top:4px;
	padding:3px;
	border:2px solid #004b66;
	border-radius:0px 5px 5px 0px;
	cursor:pointer;
	background:#004b66;
}

.header_wrap .my_trip_wrap > a{
	display:block;
	color:#fff;
	text-align:right;
	line-height:45px;
}

.header_wrap .mobile_search_box{
	margin:10px 15px 0px;
}

.header_wrap .logo_box{
	height:80px;
}

.header_wrap .logo_box a{
	color:#fff;
	font-size:24px;
	font-weight:500;
	line-height:80px;
}

.header_wrap .logo_box img{
	height:60px;
	margin-top:9px;
}

.header_wrap .logo_box img.original_logo{
	display:none;
}

.header_wrap .main_menu_box > ul{
	height:80px;
	float:right;
	margin:0px;
	padding:0px;
}

.header_wrap .main_menu_box > ul > li{
	float:left;
	text-align:center;
	margin:25px 0px 0px 35px;
}

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

.header_wrap .main_menu_box > ul > li:nth-child(4){
	width:70px;
}

.header_wrap .main_menu_box .main_menu > li > a{
	color:#fff;
	font-size:14px;
	text-align:center;
}

.header_wrap .main_menu_box .main_menu > li > a > i{
	color:#fff;
}

.header_wrap .main_menu_box .main_menu > li > ul{
	display:none;
	margin-top:10px;
	border-radius:5px;
	border:1px solid #efefef;
	background:#fff;
}

.header_wrap .main_menu_box .main_menu > li > ul > li > a{
	display:block;
	font-size:14px;
	text-align:center;
	padding:5px;
}

.header_wrap .main_menu_box .main_menu > li > ul > li:first-child a{
	padding-top:12.5px;
}

.header_wrap .main_menu_box .main_menu > li > ul > li:last-child a{
	padding-bottom:12.5px;
}

.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/common/bk40.png) repeat;
}

.mobile_menu_btn_box{
	display:none;
}

.contract_wrap{
	height:40px;
	text-align:center;
	line-height:39px;
	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;
}

.footer_wrap{
	padding:30px 0px; 
	background:#2b3040;
}

.footer_wrap p{
	color:#fff;
	font-size:16px;
	font-weight:300;
	line-height:1.7;
	margin:25px 0px;
}

.footer_wrap p a{
	color:#fff;
}

.footer_wrap .mo_ver{
	display:none;
}

@media (max-width:1200px){
	
	.side_menu_box{
		right:5px;
	}

	.header_wrap .main_menu_box > ul > li{
		margin-left:25px;
	}


	.footer_wrap p{
		padding:0px 5px;
	}
}	

@media (max-width:991px){
	
	.side_menu_box li a{
		font-size:10px;
	}

	.header_wrap{
		height:80px;
	}

	.header_wrap_move{
		border:none;
		background:none;
	}

	.main_menu,
	.ect_menu,
	.sub_menu{
		display:none;
	}
	
	.mobile_search_box,
	.mobile_logo_box{
		display:block;
		position:relative;
	}

	.mobile_menu_btn_box{
		display:block;
		position:relative;
	}
	
	.mobile_menu_btn{
		position:absolute;
		top:20px; right:1%; 
		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;
		border-radius:5px;
		background:#fff;
	}
	
	.mobile_main_menu_box{
		position:fixed; right:-270px;
		width:270px; height:100%;
		z-index:9999;
		overflow-y:scroll;
		overflow-x:hidden;
		-ms-overflow-style: none;
		-moz-overflow-style: none;
		background:#fff;
	}
	
	.mobile_main_menu_box::-webkit-scrollbar{
		display:none;
	}
	
	.mobile_main_menu{
		margin-top:0px;
		padding:0px;
	}

	.mobile_menu_login_box{
		width:100%;	height:70px;
		padding:21px;
		border-bottom:1px solid #e1e1e1;
		background:#fff;
	}		
	
	.mobile_menu_login_box > a{
		color:#333;
		font-size:16px;
		cursor:pointer;
	}
	
	.mobile_menu_login_box > a span{
		font-size:24px;
	}

	.mobile_menu_login_box a.mobile_menu_close_btn{
		position:absolute; right:15px;
	}

	.mobile_main_menu > li{
		text-indent:10px;
		padding:15px 10px;
		border-bottom:1px solid #e1e1e1;
	}
	
	.mobile_main_menu > li > a{
		display:block;
		font-size:18px;
		font-weight:400;
	}

	.mobile_main_menu > li > a > span{
		float:right;
		color:#888;
	}
	
	.mobile_main_menu > li > a > span.lnr-cheron-up{
		display:none;
	}

	.mobile_main_menu > li > ul{
		display:none;
		margin-top:5px;
	}

	.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_main_menu_box a.mobile_menu_login_btn,
	.mobile_main_menu_box a.manager_btn{
		display:block;
		width:250px; height:35px;
		color:#fff;
		text-align:center;
		line-height:35px;
		margin:25px auto;
		border-radius:3px;
		background:#055897;
	}

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

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

	.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;
	}
}

@media (max-width:880px){
	.side_menu_box{
		display:none;
	}
}

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

	h1{
		font-size:24px;
	}

	h2{
		font-size:18px;
	}

	h3{
		font-size:16px;
		font-weight:400;
	}

	p{
		font-size:16px;
	}

	.mobile_menu_btn{
		right:3%; 
	}

	.header_wrap .logo_box a{
		font-size:18px;
	}
}

@media (max-width:544px){
	.footer_wrap .pc_ver{
		display:none;
	}

	.footer_wrap .mo_ver{
		display:block;
		font-size:16px;
	}
	
	.footer_wrap h3{
		font-size:18px;
	}

	.footer_wrap h3,
	.footer_wrap p{
		text-align:center;
	}
}

@media (max-width:321px){
	.contract_wrap a{
		font-size:14px;
	}

}