@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:33.3%;border-top:1px solid #dcdcdc;border-left:1px solid #dcdcdc;}
#sHeader #sGnb ul li:nth-child(3n+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: #014489;
	color: #fff;
}

@media screen and (min-width:767px) {
	#sHeader #sGnb ul li{width:16.6666% !important}
	#sHeader #sGnb ul li:nth-child(3n+1){border-left:1px solid #dcdcdc;}
	#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;}
}


/* 메인 상단 */
#mainTop{position:relative;padding:40vw 4vw 18vw;background:#ecf1f5 url("./img/a_mainTopBg_m.jpg") no-repeat center bottom;background-size:cover}
#mainTop .main_top_comment{position:relative;font-family: 'NanumSquare';font-size:3.5vw;color:#212121;}
#mainTop .tit{position:relative;margin-top:5vw;}
#mainTop .tit strong{display:block;font-size:5.5vw;font-family: 'NanumSquare';font-weight:bold;color:#271f5b;letter-spacing:-.5pt}
#mainTop .tit em{display:block;width:40vw;margin-top:1vw}
#mainTop .tit .ddaybox{position:absolute;top:-3vw;left:46vw;width:20vw;font-size:0;}
#mainTop .phonenum{margin-top:10vw;color:#271f5b;font-size:5vw;}
#mainTop .phonenum small{display:block;font-size:3vw;}

@media screen and (min-width:767px) {
	#mainTop{background:#ecf1f5 url("./img/a_mainTopBg.jpg") no-repeat center bottom;background-size:cover}
	#mainTop{padding:180px 30px 150px}
	#mainTop .main_top_comment{font-size:24px;}
	#mainTop .tit{margin-top:50px}
	#mainTop .tit:after{position:absolute;top:-40px;left:0;width:1px;height:40px;background-color:#271f5b;content:'';}
	#mainTop .tit strong{font-size:36px;}
	#mainTop .tit em{width:340px;margin-top:10px}
	#mainTop .tit .ddaybox{top:-30px;left:360px;width:150px;}
	#mainTop .phonenum{margin-top:80px;font-size:36px;}
	#mainTop .phonenum small{font-size:20px;}
}

@media screen and (min-width:1240px) {
	#mainTop{padding:190px 80px 280px}
	#mainTop:after{position:absolute;bottom:-70px;left:calc(50% - 830px);width:546px;height:230px;background:url("./img/a_bullet_build.png") no-repeat center;content:'';z-index:100}
	#mainTop .main_top_comment{font-size:28px;}
	#mainTop .tit{margin-top:90px}
	#mainTop .tit:after{top:-80px;height:70px;}
	#mainTop .tit strong{font-size:46px;}
	#mainTop .tit em{margin-top:0px}
	#mainTop .tit .ddaybox{top:-50px;left:400px;width:197px;}
	#mainTop .phonenum{margin-top:180px;font-size:50px;}
}

@media screen and (min-width:1440px) {
	#mainTop{padding:190px 0 280px}
}


/* 메인페이지 */
#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_tit {
	color: #211c85;
	font-size: 6vw;
	font-weight: bold;
}

#mainContainers .main_txt {
	margin-top: 5vw;
	font-size: 3.5vw;
	color: #212121;
}

#mainContainers .main_mark {
	width: 70vw;
	margin-top:5vw;
}

#mainContainers .ddaybox {
	width: 30vw;
	margin-top:5vw;
}

.arrowbox {position:absolute;bottom:150px;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/main_bigImg.jpg") no-repeat center bottom;
		background-size: 150% auto;
		border-radius: 0 0 100px 100px;
	}

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

	#mainContainers .main_txt {
		margin-top: 40px;
		font-size: 20px;
	}

	#mainContainers .main_mark {
		width: 343px;
		margin-top: 40px;
	}

	#mainContainers .ddaybox {
		width: 197px;
		margin-top:30px;
	}
}

@media screen and (min-width:1240px) {
	#mainContainers {
		height: 1000px;
		padding-top: 200px;
		background-size: cover;
	}

	#mainContainer .main_tit {
		font-size: 34px;
		font-weight: bold;
	}

	#mainContainer .main_mark {
		margin-top: 40px;
	}

	#mainContainers .ddaybox {
		position: absolute;
		top: 0;
		left: 480px;
		margin-top: 0;
	}
}


/* 서브페이지 */
.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 .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;
	}
}


/* 탭메뉴 */
.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 h3{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 h3{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;}
}


.go-changebox {
	position: fixed;
	bottom: 0px;
	left: 0px;
	width: 100%;
	padding: 10px;
}

.go-changebox a {
	display: block;
	height: 50px;
	line-height: 50px;
	background-color: #014489;
	border-radius: 5px;
	color: #fff !important;
	text-align: center;
}

@media screen and (min-width:767px) {
	.go-changebox {
		bottom: auto;
		left: auto;
		top: 0;
		right: 0;
		width: 200px;
		z-index: 8000;
	}

	.go-changebox a {
		height: 30px;
		line-height: 30px;
	}
}