@import url('./common.css');
body{margin:0;}
.pro_wrap {max-width:850px; margin:auto;}
.pro_wrap img{width:100%;}
.close:after {background-color: transparent;}
.slide_content {position: static !important; background-color: transparent !important;}

/* tab */
.fli_tab_btn{width:90%; height:3.5%; display: flex; justify-content: space-between; position:absolute; top:14.3%; left:50%; transform: translate(-50%, 0); z-index: 10;}

.fli_tab_btn a{display: block; width: 50%; height: 100%; cursor: pointer; font-size: 0;}
.tab_cont { display: none; position: relative;} 
.tab_cont.active { display: block; }


/*--------------------------------------------------------------------------------
	# 공통 - 유의사항
---------------------------------------------------------------------------------*/
.pro_wrap .note_wrap div button {width: 90%; height: 42%;}
.pro_wrap .note_wrap .note_hide button {height: 18.7%;}

/*--------------------------------------------------------------------------------
	# 공통 - pagination
---------------------------------------------------------------------------------*/fmodal
.pro_wrap .swiper-pagination {position: static !important; margin-top: 1.4rem !important;}

/*--------------------------------------------------------------------------------
	# visual
---------------------------------------------------------------------------------*/
.pro_main .main_benefit a{position: absolute;}
.pro_main .main_benefit a:nth-child(1){top:75.4118vw; left:0;}
.pro_main .main_benefit a:nth-child(2){top: 67.2353vw; left:23vw; transform: rotate(-16.31deg);}
.pro_main .main_benefit a:nth-child(3){top: 77.5254vw; left:51.3529vw; transform: rotate(15deg);}
.pro_main .main_benefit a:nth-child(4){top: 61.1765vw; right: 1vw; transform: rotate(-10.71deg);}

.pro_main .main_benefit a:nth-child(5){bottom: 1.5vw; left:2.5vw; transform: rotate(-12.79deg);}
.pro_main .main_benefit a:nth-child(6){bottom: 17.7647vw; left:25.5294vw;}
.pro_main .main_benefit a:nth-child(7){bottom: 3vw; left:52.1176vw; transform: rotate(24.53deg);}
.pro_main .main_benefit a:nth-child(8){bottom: 29.1765vw; right:0;}
.pro_main .main_benefit a img{width: 24vw;}

/* 항공스페셜 */
.pro_wrap .logo_row {display: flex; justify-content: space-between; width: 100%; margin-bottom: 0.5rem; transform: translateY(0);}
.pro_wrap .logo_row:last-of-type {margin-bottom: 0}
.pro_wrap .logo_row .item {cursor: pointer; border: 1px solid transparent; overflow: hidden; border: 2px solid transparent}
.pro_wrap .logo_row .item.pOn {border: 2px solid #FF464D; border-radius: 17px; overflow: hidden;}

/*--------------------------------------------------------------------------------
	# 플로팅
---------------------------------------------------------------------------------*/
.pro_wrap .floating_menu {position: relative; overflow: auto; background-color: #F4F4F6;}
.pro_wrap .floating_menu.ulFixed {position: fixed; left: 0; top: 0; z-index: 5;}
.pro_wrap .floating_menu ul{width: 1120px; border-bottom: 1px solid rgba(0,0,0,0.2);}
.pro_wrap .floating_menu ul li{width: 33%; position: relative;}
.pro_wrap .floating_menu ul li a{display:block; font-size: 1.3rem; padding:2.4rem 0 1.8rem;}
.pro_wrap .floating_menu ul li span{font-size: 1.2rem; letter-spacing: -0.1rem;}

.pro_wrap .floating_menu.ulFixed ul li.tabSelect:nth-of-type(3),
.pro_wrap .floating_menu.ulFixed ul li.tabSelect:nth-of-type(5),
.pro_wrap .floating_menu.ulFixed ul li.tabSelect:nth-of-type(6),
.pro_wrap .floating_menu.ulFixed ul li.tabSelect:nth-of-type(8){background-color: transparent; border-left: 1px solid rgba(0,0,0,0.2); border-right: 1px solid rgba(0,0,0,0.2);}
.pro_wrap .floating_menu.ulFixed ul li.tabSelect:nth-of-type(3) span,
.pro_wrap .floating_menu.ulFixed ul li.tabSelect:nth-of-type(3) a,
.pro_wrap .floating_menu.ulFixed ul li.tabSelect:nth-of-type(5) span,
.pro_wrap .floating_menu.ulFixed ul li.tabSelect:nth-of-type(5) a,
.pro_wrap .floating_menu.ulFixed ul li.tabSelect:nth-of-type(6) span,
.pro_wrap .floating_menu.ulFixed ul li.tabSelect:nth-of-type(6) a,
.pro_wrap .floating_menu.ulFixed ul li.tabSelect:nth-of-type(8) span,
.pro_wrap .floating_menu.ulFixed ul li.tabSelect:nth-of-type(8) a{color: #005DA5;}
.pro_wrap .floating_menu ul li.tabSelect:before{content:''; width: 100%; height:1px; position:absolute; bottom:-1px; left:0;}
.pro_wrap .floating_menu ul li.tabSelect:nth-of-type(1):before,
.pro_wrap .floating_menu ul li.tabSelect:nth-of-type(2):before,
.pro_wrap .floating_menu ul li.tabSelect:nth-of-type(4):before{background-color: #005DA5;}
.pro_wrap .floating_menu ul li.tabSelect:nth-of-type(3):before,
.pro_wrap .floating_menu ul li.tabSelect:nth-of-type(5):before,
.pro_wrap .floating_menu ul li.tabSelect:nth-of-type(6):before,
.pro_wrap .floating_menu ul li.tabSelect:nth-of-type(8):before{background-color: #F4F4F6;}
.pro_wrap .floating_menu ul li.tabSelect.on:nth-of-type(1):before,
.pro_wrap .floating_menu ul li.tabSelect.on:nth-of-type(2):before,
.pro_wrap .floating_menu ul li.tabSelect:nth-of-type(7):before{background-color: #7D1DA0;}

.pro_wrap .floating_menu ul li em{display:block; width: 6.5rem; height: 2.5rem; position:absolute; top:0.7rem; left:2.3rem; background:url('https://img1.onlinetour.co.kr/2024/event/bigevent/0925_osf/flight/img/pc/float_off.png') no-repeat; background-size: contain;}
.pro_wrap .floating_menu ul li.tabSelect em{background:url('https://img1.onlinetour.co.kr/2024/event/bigevent/0925_osf/flight/img/pc/float_fli_on.png') no-repeat; background-size: contain;}
.pro_wrap .floating_menu ul li.tabSelect.on em{background:url('https://img1.onlinetour.co.kr/2024/event/bigevent/0925_osf/flight/img/pc/float_fld_on.png') no-repeat; background-size: contain;}

.pro_wrap .floating_menu ul li:nth-of-type(2) em{left:1.5rem;}

/* sold_out / coming_soon */
._product li{position: relative;}
._product li.sold_out img{filter: brightness(.3);}
._product li.coming_soon img{filter: brightness(.4);}
._product li.sold_out:before{content:''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 2; content: ''; display: block; width: 100%; height: 100%; background: url('https://img1.onlinetour.co.kr/2024/event/bigevent/0925_osf/flight/img/pc/soldout.png') no-repeat center; background-size: 80%; cursor: auto; }
.section_3 ._product li.sold_out:before{background-position: 50% 34%;}
._product li.coming_soon:before{content:''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 2; content: ''; display: block; width: 100%; height: 100%; background: url('https://img1.onlinetour.co.kr/2024/event/bigevent/0925_osf/flight/img/pc/comingsoon.png') no-repeat center; background-size: 80%; cursor: auto;}
.section_3 ._product li.coming_soon:before{background-position: 50% 34%;}

/*--------------------------------------------------------------------------------
	# pro_content_1 - section_1
---------------------------------------------------------------------------------*/
.section_1 .tab_cont{position: relative;}
.section_1 ._product,
.section_3 ._product,
.section_7 ._product {position: absolute; left: 50%; bottom: 7.5%; transform: translateX(-50%); display: grid; grid-template-columns: repeat(2, 1fr); row-gap: 3%; column-gap: 3%; width: 90%;}

/*--------------------------------------------------------------------------------
	# pro_content_2 - section_2 ## 숨은 SALE특가 찾기
---------------------------------------------------------------------------------*/
.section_2 .fli_tab_btn{top:24.5%; height:10%;}
.section_2 .sale_link a{display: block; width:80%; height:8%; position:absolute; bottom:15.2941vw; left:50%; transform: translate(-50%, 0);}

.section_2 {background-color: #ddf1ee;}
.section_2 .slide_container {position: absolute; top: 76.5882vw; width: 100%;}
.section_2 .slide_container .swiper-pagination {position: relative; margin-top: 1.8rem}
.section_2 .slide_container .swiper-pagination .swiper-pagination-bullet {background: #004986; opacity: 1;}
.section_2 .slide_container .swiper-pagination .swiper-pagination-bullet-active {background: #70FBAC;}
.section_2 .tab_cont[data-content="2"] .slide_container .swiper-pagination .swiper-pagination-bullet{background: #61147E;}
.section_2 .tab_cont[data-content="2"] .slide_container .swiper-pagination .swiper-pagination-bullet-active{background: #FBFA16;}

/*--------------------------------------------------------------------------------
	# pro_content_3 - section_3 ## 타임세일
---------------------------------------------------------------------------------*/
.section_3 ._product{bottom:8.5%; row-gap: 1.5%;}

/*--------------------------------------------------------------------------------
	# pro_content_4 - section_4 ## 쉿! 크릿 비밀 특가
---------------------------------------------------------------------------------*/
.section_4 .fli_tab_btn{top:22%; height:8%; flex-wrap: wrap; z-index: 1;}
.section_4 .fli_tab_btn a[data-tab]{width:32%;}
.section_4 .tab_cont{width:90%; position:absolute; top:51.8824vw; left:50%; transform: translate(-50%, 0);}
.section_4 .tab_cont ._link{width:100%; height:22%; gap:0.8rem 0; flex-wrap: wrap; position:absolute; top:29%; left:50%; transform: translate(-50%, 0);}
.section_4 .tab_cont ._link a{display: block; width: 100%; height: 100%;}

/*--------------------------------------------------------------------------------
	# pro_content_5 - section_5
---------------------------------------------------------------------------------*/
.section_5 .slide_container{width:100%; position:absolute; top:53.4118vw; left:0;}
.section_5 .slide_container .slide_content{width: 90%; margin:auto;}
.section_5 .slide_container .swiper-pagination{bottom:-3rem;}
.section_5 .slide_container .swiper-pagination .swiper-pagination-bullet{background-color: rgba(0, 88, 155, 0.7);}
.section_5 .slide_container .swiper-pagination .swiper-pagination-bullet-active{background-color: #00589B;}
.section_5 .slide_container .swiper{padding-bottom: 2rem;}

/*--------------------------------------------------------------------------------
	# pro_content_6 - section_6
---------------------------------------------------------------------------------*/
.section_6 .slide_container{width:100%; position:absolute; top:59.7647vw; left:0; overflow: visible !important;}
.section_6 .slide_container .swiper-pagination{bottom:-3.5rem;}
.section_6 .note_wrap{padding-top: 1rem; background-color: #f4f4f6;}
.section_6 .note_wrap .note_hide button{height:25%;}

/*--------------------------------------------------------------------------------
	# pro_content_7 - section_7 ## 국내항공 특가
---------------------------------------------------------------------------------*/
.section_7 ._product{top:60.3529vw; row-gap: 0%;}

/*--------------------------------------------------------------------------------
	# pro_content_8 - section_8 ## 국내항공 특가
---------------------------------------------------------------------------------*/
.section_8 .slide_container{width:100%; position:absolute; top: 50vw;}
.section_8 .slide_container .swiper-pagination{bottom:-3.5rem;}
.section_8 .tour_link{display: block; width: 80%; height: 10%; position:absolute; bottom:10%; left:50%; transform: translate(-50%, 0);}