@charset "utf-8";

#header {position:absolute;top:0;left:0;width:100%;z-index:200;}
#header h1 {position:fixed; top:39px; left:8%; z-index:10;}
#header h1 a {position:relative;z-index:250;}
/* #header h1 img {width:156px;} */

/* 메인 */

.section {text-align:left;}
.section .intro {height:100%; text-align:center; position:relative; display:table-cell; overflow:hidden; vertical-align:middle;}
.section .intro p {padding:0 20px; font-size:18px; color: #fff; word-break:keep-all; line-height: 1.75em; font-weight:400;}
.section .intro p.square {border: 1px solid #fff; padding: 5px 13px; display: inline-block; font-size: 15px; margin-right: 330px;}
.section .intro p.pink {color: #e1cbad;}
.section .intro .intro_title {font-size:63px; line-height:1.2em; margin: -45px 0 35px;}
.section .intro .intro_title .s_title {font-size: 0.80em;}
.section .intro .intro_title strong {font-weight: 900; font-size: 68px; letter-spacing: 1px;}
.section .intro .rsvn_bt {display: inline-block; background: #fff; color: #a3002b; border-radius: 25px; font-weight: 900; font-size: 17px; padding: 10px 35px; margin-top: 50px;}
.section .intro .intro_title .wh_bg {background: rgba(255,255,255,0.5); padding: 0 10px;}
.section .intro .bg-line {padding-bottom: 5px; border-bottom: 1px solid #212121; margin-bottom: 20px;}
.section .intro .intro_name {padding: 5px 40px; border-top: 1px solid #212121; border-bottom: 1px solid #212121;}
.section .intro .intro_title span {font-size: 48px;margin-top: 10px;display: block}

#section1 {position:relative; display:table; width:100%; height:1080px; min-height:480px; background:url('/Teaser_common/images/homepage/intro/visual.jpg?v=2') 50% 0 no-repeat; background-size:cover;}
#section1 .intro {color:#fff; width:100%; z-index:11; height:auto;}

.wings-fast-book {bottom: 23% !important;}

.index-wrap{width:100%; position:absolute; height:100%; top:0; z-index:10;}
.intro-slider{height:100%;}
.intro-slider .item{background-size:cover !important; height:100%; min-height:480px; overflow:hidden;}
.intro-slider .slide01{background:url('/Teaser_common/images/homepage/intro/bg_main01.png') 50% 0 no-repeat;}
.intro-slider .slide02{background:url('/Teaser_common/images/homepage/intro/bg_main02.png') 50% 0 no-repeat;}
.intro-slider .slide03{background:url('/Teaser_common/images/homepage/intro/bg_main03.png') 50% 0 no-repeat;}
.intro-slider .slide04{background:url('/Teaser_common/images/homepage/intro/bg_main04.png') 50% 0 no-repeat;}

#section1 .bx-controls{display:none;}

#section2 {display:table; width:100%; height:1080px; min-height:480px; background:#bb9113;}
#section2 .intro {color:#fff;}
#section2 .intro .intro_title {font-size: 43px; margin: -30px; margin-bottom: 5px; font-weight: 400;}
#section2 .intro p {font-size: 18px;}
#section2 .intro .line {width: 45px; height: 1px; background: #e1cbad; display: inline-block; margin: 30px 0 40px;}
#section2 .intro p span {font-size: 17px;}
span.gps {background: url(/Teaser_common/images/homepage/intro/addr.png) left 50% no-repeat; padding-left: 20px; margin-right: 30px;}
span.call {background: url(/Teaser_common/images/homepage/intro/call.PNG) left 50% no-repeat; padding-left: 18px; margin-right: 30px;}
span.fax {background: url(/Teaser_common/images/homepage/intro/fax.png) left 50% no-repeat; padding-left: 21px; margin-right: 30px;}
span.mail {background: url(/Teaser_common/images/homepage/intro/mail.PNG) left 50% no-repeat; padding-left: 28px;}

#section2 .intro .contact_wrap {position: relative; height: 50%; padding: 14.5% 0;}
#section2 .intro .map {position: relative; width: 100%; height: 50%; bottom: -5px;}


/* main indicator */

#fp-nav.right {right: 5%;}
#fp-nav ul li {position:relative; width:14px; height:14px; margin:0 7px 18px;}
#fp-nav ul li a span {width:14px; height:14px; margin:-7px 0 0 -7px; background:transparent; border:2px solid #00a8e0; -webkit-box-sizing:border-box; box-sizing:border-box;}
#fp-nav ul li:hover a span, #fp-nav ul li a.active span, #fp-nav ul li a:hover span, #fp-nav ul li a.active:hover span {width:14px; height:14px; margin:-7px 0 0 -7px; background:#00a8e0;}
#fp-nav ul li .fp-tooltip {top:-2px; font-family:'NotoSansCJKkr'; color:#00a8e0;}
#fp-nav ul li:hover .fp-tooltip, #fp-nav li a.active + .fp-tooltip {-webkit-transition:opacity 0.2s ease-in; transition:opacity 0.2s ease-in; width:auto; opacity:1;}

/* 반전 */

#fp-nav.white ul li + li:before {background:url('/Teaser_common/images/homepage/intro/main_indicator_bg_white.png') 50% 50% no-repeat; content:'';}
#fp-nav.white ul li a span {border:2px solid #fff;}
#fp-nav.white ul li:hover a span, #fp-nav.white ul li a.active span, #fp-nav.white ul li a:hover span, #fp-nav.white ul li a.active:hover span {background:#fff;}
#fp-nav.white ul li .fp-tooltip {color:#fff;}

/* gnb, 푸터 */
footer {position:relative; text-align:center; padding:38px 0; background:#000;}
footer .logo img {width:100px; opacity:0.5; filter:alpha(opacity=0.5);}
footer .info {width:100%; margin:10px 0 0; line-height:1.25;}
footer .info li {display:inline-block;}
footer .info footer .info li:nth-child(3):before, footer .info li:nth-child(4):before {display:inline-block; padding:0 5px 0 0; font-size:15px; color:#eee; content:'|';}
footer .info li, footer .info li a {font-size:12px; color:#eee;}
footer .copyright {display:block; clear:both; margin-left:0 auto; font-size:12px; color:#ccc; line-height:2;}


/* -----------------------------------------------------------------------------------------------
	미디어 쿼리
--------------------------------------------------------------------------------------------------*/
/* 1024 이하 PC, Tablet PC */
@media (max-width:1600px){
    #section1 .content .gr_box {width: 65%;}
    #section1 .wrap {width: 1200px;}
}

@media (max-width:1400px){
    #header h1 {left: 4%; top: 45px;}
    #header h1 img {width: 120px; }
    #section1 .content .gr_box {width: 77%;}
    #section1 .wrap {width: 1000px;}
}

@media (max-width:1200px){
    #header h1 {left: 4%; top: 40px;}
    #header h1 img {width: 110px; }
    .section .intro .intro_title strong {font-size: 60px;}
    .section .intro .intro_title {font-size: 55px;}
    #section1 .content .gr_box {width: 85%;}
    #section1 .wrap {width: 900px;}
}

/* 1024 이하 PC, Tablet PC */
@media (max-width:1024px){
    #header h1 {left: 3%; top: 30px;}
    #header h1 img {width: 100px; }
	.section .intro .intro_title{font-size: 48px; margin: -45px 0 35px;}
	.section .intro > p {font-size: 18px;}
	.section .intro .intro_name {font-size: 16px; padding: 5px 30px;}
	.section .intro .bg-line {margin-bottom: 10px;}
	#section0 .intro {top: 35%;}
	#section0 .intro {top: 35%;}
    #section1 .content {padding: 30px 0;}    
    #section1 .content .gr_box {width: 85%;}
    #section1 .wrap {width: 90%; font-size: 17px;}
    
	.intro-slider .slider-wrap {top:35%;}
	.intro-slider li.slide01, .intro-slider li.slide02, .intro-slider li.slide03, .intro-slider li.slide04 {background-position:50% 70px;}
	.bx-controls {top:50%;}
	#section3 .bx-wrapper .bx-controls-direction a {display:none;}
	#section3 .bx-controls .bx-pager {display:block;}
	#section3 .bx-controls {position: absolute; top: 80%; left: 48%; width: 100%; z-index: 999;}

	.info-btn-wrap {width:100%; margin-top:40px;}
	.info-btn-wrap li {position:relative; width:100%; max-width:100%; height:160px; margin:5px 0; overflow:hidden;}
	.info-btn-wrap li a {z-index:1;}
	.info-btn-wrap li img {position:absolute; top:50%; left:0; width:100%; margin-top:-50%; z-index:0;}
	
	.wings-fast-book {bottom: 0% !important;}
}

/* tablet PC */
@media (max-width:768px){
	/* intro */
	#header h1 a img{width:80px}
	#header h1 {top:15px; left:30px;}
    .section .intro .intro_title strong {font-size: 41px;}
	.section .intro .intro_title{font-size: 36px; margin: 10px 0 20px;}
	.section .intro > p {font-size: 23px;}
	.section .intro .intro_name {font-size: 16px; padding: 5px 30px;}
	.section .intro .bg-line {margin-bottom: 10px;}
	
	.intro-container {margin-top:-360px;}
	.intro-btn-wrap {height:150px;}

	.intro-btn-wrap li a {height:150px; padding:10px 0; -webkit-box-sizing:border-box; box-sizing:border-box;}
	.intro-btn-wrap li {width:33.33%;}
	.intro-btn-wrap li + li a {background-image:none;}
	.intro-btn-wrap li:nth-child(1) a, .intro-btn-wrap li:nth-child(2) a, .intro-btn-wrap li:nth-child(3) a {border-bottom:1px solid rgba(255,255,255,.3);}
	.intro-btn-wrap li:nth-child(2) a, .intro-btn-wrap li:nth-child(5) a {border-left:1px solid rgba(255,255,255,.3); border-right:1px solid rgba(255,255,255,.3);}
	.intro-btn-wrap li a.active, .intro-btn-wrap li a:hover {top:0; height:150px; padding:10px 0;}
	.intro-btn-wrap li a.active .intro-icon, .intro-btn-wrap li a:hover .intro-icon {width:30%; margin:15px auto;}
	.intro-btn-wrap li a.active p, .intro-btn-wrap li a:hover p {font-size:18px;}

	#section0 .intro-slider .slider-wrap h1 {  font-size: 4em;  }
	#section0 .intro-slider .slider-wrap p {font-size:1em; line-height:1.5em;}
	#section1 .intro {padding:0 15px 0;}
	.section .intro > p {font-size:18px; word-break:keep-all;}

    #section2 .intro .contact_wrap {padding: 15% 0;}
	#section2 .intro-slider .slider-wrap h1 {  font-size: 25px;  }
	#section2 .intro-slider .slider-wrap p {font-size:14px; line-height:1.5em;}

	#section3 .intro-slider .slider-wrap {top:30%;}
	#section3 .intro-slider .slider-wrap h1 { font-size: 30px; padding:0 20px;}
	#section3 .intro-slider .slider-wrap p { font-size: 14px; padding:0 20px;}
	#section4 .intro p {font-size:20px;}
	#section5  .factsheet {margin:30px; padding: 30px; }
	#section5  > .intro > p {display:none;}
	#section6  .intro h1 {margin-top:60px;font-size:24px; }
	#section6  .intro p {margin:15px 0 30px; font-size:16px; }
}

@media (max-width:640px){

}

/* Smartphone */
@media (max-width:533px){
    .m_hidden {display: none;}
    
	#header h1 {left:15px;}
	.section .intro .intro_title{font-size: 25px;}
    .section .intro .intro_title strong {font-size: 42px;}
    .section .intro p.square {margin-right: 0; padding: 3px 12px; margin-bottom: 5px;}
	.section .intro > p {font-size: 23px;}
	.section .intro .intro_name {font-size: 15px;}
	.section .intro .bg-line {margin-bottom: 10px;}
	#section0 .intro {top: 26%;}
	#section2 .intro {top: 17%;}
	
	#fp-nav {display:none;}
	.intro-slider .slider-wrap {top:100px;}
	.intro-slider li.slide01, .intro-slider li.slide02, .intro-slider li.slide03, .intro-slider li.slide04 {background-position:50% 50px;}
	#section0 .intro h1 {margin:0 auto;}
	#section0 .intro-slider .slider-wrap h1 {  font-size: 2.5em;  }
	#section0 .intro-slider .slider-wrap p {font-size:14px; line-height:1.5em;}
    
	#section1 .intro h1, #section2 .intro h1, #section3 .intro h1 {font-size:24px; margin:20px auto 5px;}
	.intro-slider .slider-wrap .acce {display:block; width:55px; height:30px; margin:-5px auto 5px; font-size:18px; line-height:12px;}
	.intro-slider .slider-wrap .text-wrap {text-align:center;}
	.intro-slider .slider-wrap p {margin-top:0; font-size:16px;}
	.intro-container {margin-top:-220px;}
	.bx-controls {top:180px;}
	.bx-wrapper .bx-pager-item {margin-top:0;}
	.bx-wrapper .bx-pager.bx-default-pager a {width:6px; height:6px; margin:0 3px;}
	.intro-btn-wrap {height:90px;}
	.intro-btn-wrap li a {height:90px; padding:5px 0;}
	.intro-btn-wrap li a .intro-icon {width:40%; max-width:40px; margin:5px auto 10px;}
	.intro-btn-wrap li a p {font-size:14px;}
	.intro-btn-wrap li:nth-child(4) a p, .intro-btn-wrap li:nth-child(5) a p, .intro-btn-wrap li:nth-child(6) a p {padding-top:5px;}
	.intro-btn-wrap li a.active, .intro-btn-wrap li a:hover {height:90px; padding:5px 0;}
	.intro-btn-wrap li a.active .intro-icon, .intro-btn-wrap li a:hover .intro-icon {width:40%; max-width:40px; margin:5px auto 10px;}
	.intro-btn-wrap li a.active p, .intro-btn-wrap li a:hover p {font-size:14px;}

	.section .intro > p {font-size:14px; padding:0 10px;}
	.info-btn-wrap {margin-top:30px;}
	.info-btn-wrap li {height:70px; margin:0 0 5px;}
	.info-btn-wrap .v-wrap span {margin-top:4px; font-size:16px;}
	.info-btn-wrap .v-wrap span.num {margin-top:0; font-size:20px;}
    
    #section1 .intro .intro_title {font-size: 30px;}
    #section1 .intro .intro_title strong {font-size: 34px;}
    #section1 .wrap {font-size: 14px; width: 95%;}
    #section1 .content {padding: 20px 0;}
    #section1 .content .gr_box {width: 100%;}
    
    #section2 .intro {top: 10%;}
	#section2 .intro h1 {margin:0 auto;}
    #section2 .intro .contact_wrap {padding: 1% 0; height: 40%;}
    #section2 .intro #map {height: 60%;}
    #section2 .intro .intro_title {font-size: 30px; margin-bottom: 0;}
    #section2 .intro p {font-size: 15px;}
    #section2 .intro p span {font-size: 14px;}
    #section2 .intro .line {margin: 20px 0 25px;}
	#section2 .intro-slider .slider-wrap {top:20%;}
	#section2 .intro-slider .slider-wrap .text-wrap {margin:10px; padding:30px;}
	#section2 .intro-slider .slider-wrap h1 {font-size: 18px;  }
	#section2 .intro-slider .slider-wrap p {font-size:13px; line-height:1.6em; }


	#section3 .intro-slider .slider-wrap h1 { font-size: 24px; }
	#section3 .intro-slider .slider-wrap p { font-size: 13px; }

	#section4 .intro p {font-size:14px;}
	#section4 .intro h1 { font-size:26px; margin:30px 20px 0;}

	#section5  > .intro > h1 {margin-top:50px; font-size:30px; }
	#section5  .factsheet { margin:0 10px 10px; padding: 10px;}
	#section5 dl {padding:7px 0;font-size:13px; }
	#section5 dl dt {  }

	#section6  .intro h1 {font-size:18px; }
	#section6  .intro p { font-size:13px; }
}
/* 모바일 – 320px~767px */
@media (max-width:768px){	
	footer {padding:20px 0;}
	footer .info li {line-height:1;}
	footer .info li:nth-child(2):before, footer .info li:nth-child(3):before, footer .info li:nth-child(4):before {content:'';}
}