@charset "utf-8";
/* 투어머치 전현진 2020-09-01 */

html,body{overflow-x:hidden;}

/* 상단 헤더 */
#sHeader{
	position:fixed;top:0;left:0;width:100%;background-color:#fff;z-index:1000;
	-moz-box-shadow:0px 2px 5px rgba(0,0,0,0.3);-webkit-box-shadow:0px 2px 5px rgba(0,0,0,0.3);box-shadow:0px 2px 5px rgba(0,0,0,0.3);
	-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;transition:.3s ease-in-out;}
#sHeader *{-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;transition:.3s ease-in-out;}
#sHeader h1{padding:10px 20px;font-size:0;}
#sHeader h1 a{display:inline-block}
#sHeader h1 a em{display:inline-block;width:150px;vertical-align:middle}
#sHeader h1 a span{display:inline-block;width:130px;height:34px;line-height:30px;margin-left:10px;border:2px solid #014489;background-color:#d4dfea;color:#271f5b;font-size:16px;font-weight:700;text-align:center;border-radius:5px;vertical-align:middle}
#sHeader #sGnb ul li{width:50%;border-top:1px solid #dcdcdc;border-left:1px solid #dcdcdc;}
#sHeader #sGnb ul li:nth-child(2n+1){border-left:none;}
#sHeader #sGnb ul li a{display:block;padding:1.8vw 0;text-align:center;font-size:2.8vw;font-family: 'NanumSquare';font-weight:700}
#sHeader #sGnb ul li.active a{color:#0090d7}

#sHeader #sGnb ul li.go-change-site a {
	background-color: #3490D7;
	color: #fff;
}

@media screen and (min-width:767px) {
	#sHeader #sGnb ul li{width:20% !important}
	#sHeader #sGnb ul li:nth-child(2n+1){border-left:1px solid #dcdcdc;}
	#sHeader #sGnb ul li:nth-child(4n+1){border-left:none;}
	#sHeader #sGnb ul li a{height:50px;line-height:50px;padding:0;font-size:14px;}
}

@media screen and (min-width:1240px) {
	#sHeader{
		-moz-box-shadow:0px 2px 5px rgba(0,0,0,0);-webkit-box-shadow:0px 2px 5px rgba(0,0,0,0);box-shadow:0px 2px 5px rgba(0,0,0,0)}
	#sHeader h1{padding:20px 0;}
	#sHeader #sGnb{position:absolute;top:10px;right:0;}
	#sHeader #sGnb ul li{width:auto !important;border:none !important;}
	#sHeader #sGnb ul li a{padding:0 30px;font-size: 16px;}
	#sHeader #sGnb ul li a:hover{color:#0090d7}

	#sHeader #sGnb ul li.go-change-site a {
		border-radius: 5px;
	}

	.scrollOn #sHeader{
		background-color:#fff;
		-moz-box-shadow:0px 2px 10px rgba(0,0,0,0.2);-webkit-box-shadow:0px 2px 10px rgba(0,0,0,0.2);box-shadow:0px 2px 10px rgba(0,0,0,0.2)}
}

@media screen and (min-width:1440px) {
	#sHeader h1 a em{width:224px}
	#sHeader h1 a span{width:160px;height:40px;line-height:36px;}
	#sHeader #sGnb{top:20px;right:-20px}
	#sHeader #sGnb ul li a{font-size:20px;}
}


/* 메인페이지 */
#mainContainers {
	position: relative;
	padding: 35vw 4vw 80vw ;
	background: url("../../../img/main_bigImg_m.jpg") no-repeat center bottom;
	background-size: cover;
	font-family: 'NanumSquare';
}

#mainContainers .main_toptxt {
	color: #3f3e40;
	font-size: 5vw;
	font-weight: bold;
}

#mainContainers .main_toptxt span {
	display: block;
	font-size: 0;
	width: 200px;
}

#mainContainers .main_tit {
	margin-top: 5vw;
	color: #211c85;
	font-size: 7vw;
	font-weight: bold;
}

#mainContainers .main_tit em {
	display: block;
	/* color: #ec037c; */
	color: #211c85;
}

#mainContainers .main_tit span {
	display: block;
	/* color: #ee1c25; */
	color: #212121;
	font-family: 'Open Sans';
	font-weight: 800;
	font-size: 12vw;
}

#mainContainers .ddaybox {
	width: 36vw;
	margin-top:3vw;
}

#mainContainers .top_premium_list {
	display: none;
}

.arrowbox {position:absolute;bottom:80px;left:50%;width: 24px;height: 24px;margin-left:-12px;z-index:1000}
.chevron {position: absolute;width: 28px;height: 4px;opacity: 0;transform: scale3d(0.5, 0.5, 0.5);animation: move 3s ease-out infinite;}
.chevron:first-child {animation: move 3s ease-out 1s infinite;}
.chevron:nth-child(2) {animation: move 3s ease-out 2s infinite;}
.chevron:before,
.chevron:after {content: ' ';position: absolute;top: 0;height: 100%;width: 51%;background: rgba(255,255,255,0.7);}
.chevron:before {left: 0;transform: skew(0deg, 30deg);}
.chevron:after {right: 0;width: 50%;transform: skew(0deg, -30deg);}
.arrowbox .text {display: block;margin-top: 70px;margin-left: -30px;font-family: "Open Sans";font-size: 12px;color: #fff;opacity:0.8;text-transform: uppercase;white-space: nowrap;animation: pulse 2s linear alternate infinite;}

@keyframes move {
  25% {
	opacity: 1;
  }
  33% {
	opacity: 1;
	transform: translateY(30px);
  }
  67% {
	opacity: 1;
	transform: translateY(40px);
  }
  100% {
	opacity: 0;
	transform: translateY(55px) scale3d(0.5, 0.5, 0.5);
  }
}

@media screen and (min-width:767px) {
	#mainContainers {
		overflow: hidden;
		padding: 140px 40px 100px;
		background: url("./img/mainTopBg.jpg") no-repeat center bottom;
		background-size: 100% auto;
		border-radius: 0 0 100px 100px;
	}

	#mainContainers .main_toptxt {
		font-size: 26px;
	} 

	#mainContainers .main_toptxt em {
		display: inline-block;
		line-height: 37px;
		vertical-align: bottom;
	}

	#mainContainers .main_toptxt span {
		display: inline-block;
		width: 250px;
		margin-left: 10px;
		vertical-align: bottom;
	}

	#mainContainers .main_toptxt img {
		width: 400px;
	}

	#mainContainers .main_tit {
		line-height: 40px;
		margin-top: 20px;
		font-size: 30px;
		font-weight: bold;
	}

	#mainContainers .main_tit span {
		font-size: 40px;
	}

	#mainContainers .ddaybox {
		width: 170px;
		margin-top:30px;
		font-size: 0;
	}
}

@media screen and (min-width:1240px) {
	#mainContainers {
		height: 1300px;
		padding-top: 150px;
		background-size: auto;
	}

	#mainContainers .main_toptxt {
	} 

	#mainContainers .main_toptxt em {
		line-height: 51px;
		font-size: 30px;
	}

	#mainContainers .main_toptxt span {
		width: auto;
		margin-left: 20px;
		padding-bottom: 7px;
	}

	#mainContainers .main_toptxt img {
		width: 800px;
	}

	#mainContainers .main_tit {
		line-height: 70px;
		margin-top: 20px;
		font-size: 50px;
		font-weight: bold;
	}

	#mainContainers .main_tit span {
		font-size: 90px;
	}

	#mainContainers .ddaybox {
		position: absolute;
		top: 20px;
		left: 800px;
		width: 222px;
		margin-top: 0;
	}

	#mainContainers .top_premium_list {
		display: block;
		width: 400px;
		margin-top: 40px;
	}

	#mainContainers .top_premium_list ul li {
		margin-top: 0px;
		/*
		padding: 20px;
		border: 4px solid #fff;
		background-color: rgba(0,0,0,0.8);
		color: #fff;
		border-radius: 10px;
		*/
	}

	#mainContainers .top_premium_list ul li:first-child {
		margin-top: 0;
	}

	#mainContainers .top_premium_list ul li h5 {
		padding-bottom: 15px;
		margin-bottom: 15px;
		border-bottom: 1px solid rgba(255,255,255,0.2);
		font-family: 'Open Sans';
		font-size: 20px;
		font-weight: 700;
	}

	#mainContainers .top_premium_list ul li em {
		display: block;
		color: #fff229;
		font-weight: bold;
		font-size: 20px;
	}

	#mainContainers .top_premium_list ul li small {
		display: block;
		margin-top: 5px;
		font-size: 14px;
		font-family: 'Noto Sans';
		font-weight: 500;
	}
}

@media screen and (min-width:1440px) {
	#mainContainers .respon {
		width: 1400px;
	}
}

@media screen and (min-width:1540px) {
	#mainContainers .respon {
		/*width: 1500px;*/
	}

	#mainContainers .top_premium_list ul li em {
		font-size: 24px;
	}
}


/* 서브페이지 */
.page_content {
	position: relative;
	margin-top: 4vw;
	text-align: center;
}

.page_content h2 {
	line-height: 20px;
	background: #fff url("./img/a_bullet_titline.png") repeat-x center 28px;
	text-align: center;
	text-transform: uppercase;
	font-family: 'Open Sans';
}

.page_content h2 small {
	display: inline-block;
	font-size: 13px;
	color: #666;
}

.page_content h2 em {
	display: inline-block;
	padding: 0 10px;
	background-color: #fff;
	font-weight: 700;
	font-size: 22px;
	color: #014489;
	font-family: 'NanumSquare';
	font-weight: bold;
}

.page_content h3 {
	padding: 20px 0;
}

.page_content h3 small {
	display: block;
	color: #6d6e70;
}

.page_content h3 em {
	display: block;
	margin-top: 5px;
	font-weight: 700;
	color: #211c60;
}

.page_content .page_con {
	margin-top: 4vw;
}

@media screen and (min-width:767px) {
	.page_content {
		margin-top: 30px;
	}

	.page_content h2 {
		line-height: 36px;
		margin-bottom: -4px;
		background-position: center 40px;
	}

	.page_content h2 small {
		font-size:16px;
	}

	.page_content h2 em {
		height: 50px;
		font-size: 36px;
		padding: 0 20px;
	}

	.page_content h3 {
		padding: 40px 0;
		font-size: 40px;
	}
}


/* 프리미엄 */
.premium_box {
	background-color: #007f7e;
	padding: 10px 0;
	color: #fff;
	text-align: center;
}

.premium_box ul li {
	width: 100%;
	padding: 10px 20px;
}

.premium_box ul li .ico {
	font-size: 0;
}

.premium_box ul li h5 {
	margin-top: 10px;
	font-size: 24px;
	font-weight: 700;
	color: #fff100;
}

.premium_box ul li h5 small {
	color: #fff100;
}

.premium_box ul li p {
	margin-top: 10px;
}

@media screen and (min-width:767px) {
	.premium_box ul li {
		width: 25%;
	}

	.premium_box ul li .ico img {
		width: 70px;
	}
	
	.premium_box ul li h5 {
		font-size: 20px;
	}
}

@media screen and (min-width:1240px) {
}

@media screen and (min-width:1440px) {
	.premium_box .respon {
		width: 1400px;
	}

	.premium_box ul li {
		padding: 20px 30px;
	}

	.premium_box ul li .ico img {
		width: 90px;
	}

	.premium_box ul li h5 {
		font-size: 24px;
	}

	.premium_box ul li p {
		font-size: 16px;
	}
}


/* 상품 안내 */
.unitplan_con .product_unit {
	padding: 20px;
}

.unitplan_con .unit_list h4 {
	color: #211c60;
}

.unitplan_con .unit_list h4 span {
	color: #ec0c6e;
}

.unitplan_con .unit_list ul li {
	width: 33.3333%;
	margin-top: 20px;
	text-align: center;
}

.unitplan_con .unit_list ul li em {
	display: block;
	overflow: hidden;
	width: 100px;
	height: 100px;
	margin: 0 auto;
	font-size: 0;
	border-radius: 50%;
}

.unitplan_con .unit_list ul li span {
	display: block;
	margin-top: 10px;
	color: #212121;
}

@media screen and (min-width:767px) {
	.unitplan_con .unit_list h4 {
		margin-bottom: 20px;
		font-size: 20px;
		font-weight: 700;
		letter-spacing: -.5pt;
	}

	.unitplan_con .unit_list ul li {
		width: 20%;
	}
}

@media screen and (min-width:1240px) {
	.unitplan_con .product_unit {
		padding: 40px 0;
	}

	.unitplan_con .unit_list h4 {
		font-size: 46px;
	}

	.unitplan_con .unit_list ul li {
		width: 11.1111%;
	}
}

@media screen and (min-width:1440px) {
	.unitplan_con .respon {
		width: 1400px;
	}

	.unitplan_con .unit_list ul li em {
		width: 140px;
		height: 140px;
	}

	.unitplan_con .unit_list ul li span {
		margin-top: 20px;
		font-size: 16px;
		font-weight: 500;
	}
}


.super_footer {
	font-size: 0;
}


/* 탭메뉴 */
.basic_tab {
	padding: 0 1vw !important;
	text-align: left;
	font-size: 0;
}

.basic_tab li {
	display: inline-block;
	margin: 0 0.5vw 1vw !important;
}

.basic_tab li a {
	display: block;
	height: 8vw;
	line-height: 8vw;
	padding: 0 3vw;
	background-color: #3490D7;
	font-size: 3.5vw;
	color: #fff;
	text-transform: uppercase;
	border-radius: 4vw;
	font-family: 'Open Sans';
}

.basic_tab li a.current {
	background-color: #014489;
	font-weight: 700;
}

@media screen and (min-width:767px) {
	.basic_tab {
		padding: 0 !important;
		text-align: center;
	}

	.basic_tab li {
		display: inline-block;
		margin: 0 3px !important;
	}

	.basic_tab li a {
		height: 40px;
		line-height: 40px;
		padding: 0 10px;
		font-size: 14px;
		border-radius: 20px;
	}
}

@media screen and (min-width:1240px) {
	.basic_tab li a {
		height: 50px;
		line-height: 50px;
		padding: 0 30px;
		font-size: 18px;
		border-radius: 25px;
	}
}


/* PR MOVIE */
#prMovie .movbox{max-width:1400px;padding:4vw;margin:0 auto;}
#prMovie .movbox ul li{width:100%;margin-top:4vw;}
#prMovie .movbox ul li:first-child{margin-top:0;}
#prMovie .movbox ul li h4{margin-bottom: 2vw; text-align: center;color: #212121;font-size: 4vw; }
#prMovie .movbox ul li .embed-container{border:1px solid #ccc;}

@media screen and (min-width:767px) {
	#prMovie .movbox{padding:70px 40px;}
	#prMovie .movbox ul{text-align:center;}
	#prMovie .movbox ul li{display:inline-block;width:300px;margin-top:0;}
	#prMovie .movbox ul li h4{margin-bottom: 20px;font-size: 20px;}
}

@media screen and (min-width:1240px) {
	#prMovie .movbox ul li{width:500px;}
	#prMovie .movbox ul li:last-child{margin-left:30px}
}

@media screen and (min-width:1440px) {
	#prMovie .movbox ul li{width:600px;}
	#prMovie .movbox ul li:last-child{margin-left:30px}
}


/* 상품안내 */
#unitplanMenu {
	position: relative;
	max-width:1200px;
	margin: 20px auto 0;
}

#unitplanMenu .unit_tab li {
	width: 33.33%;
	text-align: center;
}

#unitplanMenu .unit_tab li a {
	display: block;
	padding: 5px 30px;
}

#unitplanMenu .unit_tab li a .base_img {
	display: block;
}

#unitplanMenu .unit_tab li a .ov_img {
	display: none;
}

#unitplanMenu .unit_tab li a.current .base_img {
	display: none;
}

#unitplanMenu .unit_tab li a.current .ov_img {
	display: block;
}

.tab_unit_wrap {
	margin-top: 5vw;
}

@media screen and (min-width:767px) {
	#unitplanMenu {
		padding: 0 70px;
		margin-top: 40px;
	}

	#unitplanMenu .unit_tab li {
		width: 14.285714%;
	}

	#unitplanMenu .unit_tab li a {
		padding: 0 10px;
	}

	.tab_unit_wrap {
		margin-top: 40px;
	}
}


/* 관심고객등록 */
#customReg{position:relative;padding:6vw 4vw;background-color:#333;color:#fff;}
#customReg h2{margin-bottom:1vw;font-size:5vw;font-family: 'NanumSquare';text-align:center;}
#customReg p.comment{margin-bottom:3vw;font-size:2.8vw;text-align:center;color:#999}
#customReg .memInfo{position:relative;height:300px;overflow-y:auto;padding:4vw;border:1px solid #161616;background-color:#535353;color:#ccc;font-size:2.8vw}
#customReg .memInfo b{font-weight:500}
#customReg .memTable{position:relative;margin-top:4vw;}
#customReg .memTable .inputarea ul li{margin-top:10px;}
#customReg .memTable .inputarea ul li:first-child{margin-top:0px;}
#customReg .memTable .inputarea ul li .reg_input{height:34px;line-height:34px;padding:10px;border:none;background-color:#fff;}
#customReg .memTable .inputarea ul li .reg_input.readonly{background-color:#ccc}
#customReg .memTable .inputarea ul li .zippop{display:inline-block;height:34px;line-height:34px;padding:0 10px;background-color:#0090d7;color:#fff;vertical-align:top}
#customReg .memTable .btnarea{margin-top:20px;}
#customReg .memTable .btnarea li:first-child{padding-top:10px;}
#customReg .memTable .btnarea .ok{display:block;height:40px;line-height:40px;padding:0 20px;background-color:#0090d7;color:#fff;font-weight:500}

@media screen and (min-width:767px) {
	#customReg{padding:60px 20px;}
	#customReg h2{margin-bottom:10px;font-size:30px;}
	#customReg p.comment{margin-bottom:40px;font-size:16px}
	#customReg .memInfo{float:left;width:49%;padding:20px;font-size:14px}
	#customReg .memTable{float:right;width:49%;margin-top:0;}
}

@media screen and (min-width:1240px) {
	#customReg .respon{width:980px;}
	#customReg .memInfo{width:470px;height:420px;line-height:22px;padding:25px 20px 0;}
	#customReg .memTable{width:470px;}
	#customReg .memTable .inputarea ul li .reg_input{height:50px;line-height:50px}
	#customReg .memTable .inputarea ul li .zippop{height:50px;line-height:50px;}
	#customReg .memTable .btnarea li:first-child{padding-top:20px;}
	#customReg .memTable .btnarea .ok{height:60px;line-height:60px;padding:0 30px;font-size:18px;}
}


/* 하단 푸터 */
#sFooter{position:relative;padding:4vw;background-color: #fff;}
#sFooter h2{margin-bottom:10px}
#sFooter h2 img{width:40vw;}
#sFooter .phonemun {margin-bottom: 10px;	font-size: 5vw;}
#sFooter .phonemun strong{font-family:'Open Sans';font-weight:700;}
#sFooter .foot_guide{font-size:2.8vw;}
#sFooter .foot_guide li{margin-top:10px;}
#sFooter .foot_guide li:first-child{margin-top:0;}
#sFooter .foot_mark{margin-top:20px;}

@media screen and (min-width:767px) {
	#sFooter{padding:30px 20px;}
	#sFooter h2 img{width:230px}
	#sFooter .phonemun {margin-bottom: 10px;font-size: 30px;}
	#sFooter .foot_guide{font-size:14px;}
	#sFooter .foot_guide li{margin-top:5px;}
}

@media screen and (min-width:1240px) {
	#sFooter{padding:30px 0px;}
	#sFooter .respon{width:980px;padding-left:310px}
	#sFooter h2{position:absolute;top:0;left:20px;}
}


/* 항공 VR */
.skyview{
	position:fixed;bottom:-80px;right:4vw;font-size:0;
	-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;transition:.3s ease-in-out;}
.skyview a{
	display:block;overflow:hidden;width:90px;height:90px;border:2px solid #221f5e;background-color:#221f5e;border-radius:50%;
	-moz-box-shadow:0px 2px 5px rgba(0,0,0,0.3);-webkit-box-shadow:0px 2px 5px rgba(0,0,0,0.3);box-shadow:0px 2px 5px rgba(0,0,0,0.3);}
.scrollOn .skyview{bottom:4vw;}

@media screen and (min-width:767px) {
	.skyview{bottom:-90px}
	.skyview a{width:90px;height:90px}
}

@media screen and (min-width:1240px) {
}

@media screen and (min-width:1440px) {
	.skyview{bottom:-170px;right:30px;}
	.skyview a{width:160px;height:160px;border:5px solid #221f5e;}
	.scrollOn .skyview{bottom:30px;}
}