@charset "utf-8";
/* ##############################
	# 온라인투어 리뉴얼 2019
	# 메인 공통 스타일
############################## */
:root{
	--main-blue1: #0AA4F7;
	--main-blue2: #6FCDFF;
	--main-blue3: #BEE8FF;
	--main-blue4: #DFF3FE;
	--main-blue5: #F2FAFF;
	--main-grey1: #2C3242;
	--main-grey2: #828C94;
	--main-grey3: #A4A7AE;
	--main-grey4: #DEE2E6;
	--main-grey5: #FAFAFA;
	--main-grey6: #f5f7f9;
	--line-c1: #D1D1D1;
	--line-c2: #EBEBEB;
	--lable-c1: #F7323F;
	--lable-c2: #FFF4F4;
	--lable-c3: #0AA4F7;
	--lable-c4: #00A21E;
	--lable-c5: #8D20B4;
}

/*--------------------------------------------------------------------------------
	# 공통레이아웃
---------------------------------------------------------------------------------*/
.content {
	font-family: 'Pretendard';
}
/* PANEL2 */
.panel2 + .panel2 {padding-top:0;}
.panel2 [class*="tit_type"] ~ .sub {top:38px;}
.form_search1 + .panel2 {margin-top:-65px;padding-top:91px;}
.form_search1 + .panel2 .tit_type:first-child {margin-top:-2px;}

/* PANEL 좌우배치 : 우측(236px) */
[class*="panel"] .section1 {float:left;width:calc(100% - 279px);}
[class*="panel"] .section1[class*="product_card"] {margin-top:-8px;width:calc(821px + 16px) !important;}
[class*="panel"] .section1.product_card3 .area2 {height:145px;}
[class*="panel"] .section1.product_card3 .icon_txt2 {color:#5b646e !important;font-weight:400;}
[class*="panel"] .section2 {float:right;width:263px;}
[class*="panel"] .section3 {display: flex;}

/* 목록여백정의 */
[class*="panel"] .list_card, [class*="panel"] .list_card3 {margin-top:-8px;}

/*--------------------------------------------------------------------------------
	# 배너
---------------------------------------------------------------------------------*/
.bnr_area section {float:left;width:542px;}
.bnr_area section + section {float:right;}
.bnr_area section + .area {width:529px;}
.bnr_area > .inner .btn_small2.sub {top:0px;}
.panel.bnr_area {margin-top:35px;margin-bottom:35px;}
.panel2[class*="bnr_area"] {margin-top:0;margin-bottom:0;}
.slide1 + .bnr_area {margin-top:15px;}

/*--------------------------------------------------------------------------------
	# 이달의 HOT 키워드
---------------------------------------------------------------------------------*/
.panel2.keyword {margin-top:35px;padding:0;height:166px;text-align:center;}
.panel2.keyword:before {background-color:#24aae1;}
.panel2.keyword h2 {display:inline-block;margin:0 0 0 -7px !important;padding-top:51px;width:273px;height:166px;line-height:1.4;font-weight:400;color:#fff;text-align:left;vertical-align:middle;box-sizing:border-box;}
.panel2.keyword h2:after {content:'';display:block;position:absolute;top:29px;right:14px;width:138px;height:124px;background:url("../img/main_sub/bg_set1.png") no-repeat 0 0;}
.panel2.keyword h2 > b {display:block;font-weight:700;color:#fff;}
.panel2.keyword ul {display:inline-block;position:relative;width:calc(100% - 279px);vertical-align:middle;text-align:left;box-sizing:border-box;font-size:0;}
.panel2.keyword ul > li {display:inline-block;margin:7px 5px;}
.panel2.keyword ul > li > a {display:block;padding:1px 12px 0;background:#424296;border-radius:17px;font-size:16px;line-height:33px;color:#fff;}
.panel2.keyword ul > li > a:before {content:'#';}
.panel2.keyword ul > li:nth-child(even) > a {background:#1a7fbb;}
.panel2.keyword ul > li > a:hover {background-color:#fff !important;color:#2096ce;font-weight: 700;}
.panel2 + .panel2.keyword {margin-top:0;}

/*--------------------------------------------------------------------------------
	# 혜택
---------------------------------------------------------------------------------*/
.content:not(.tour) .panel2.benefit {padding-top:0;}
.content:not(.tour) [class*="panel"].benefit {position:relative;padding-left:172px;box-sizing:border-box;}
.content:not(.tour) [class*="panel"].benefit .tit_type {position:absolute;top:11px;left:0;margin:0;width:140px;line-height:1.4;word-break:keep-all;}
.content:not(.tour) .panel3.benefit .tit_type {top:30px;line-height:1.5;}

/*-------------------------------------------------------------------------------- 
	# SNS로 만나는 온라인투어 크루즈
---------------------------------------------------------------------------------*/
.panel.sns {font-size:0;}
.panel.sns > [class*="tit"] {display:inline-block;width:25%;margin:0;vertical-align:middle;}
/* .panel.sns > [class*="tit"] > b {display:block;} */
.panel.sns > .bnr_sns {display:inline-block;width:75%;vertical-align:middle;}

/*--------------------------------------------------------------------------------
	# 고객센터
---------------------------------------------------------------------------------*/
.panel.cs {position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;}
.panel.cs:before {content:'';display:block;position:absolute;top:35px;left:0;bottom:0;width:542px;border:1px solid #dee0e2;}

/* 전화번호 */
.panel.cs .area1 {-ms-flex:1;flex:1;position:relative;padding-bottom:7px;margin-right:16px;}
.panel.cs .area1 dl {padding:31px 24px 9px;}
.panel.cs .area1 dl dt, .panel.cs .area1 dl dd {display:inline-block;font-size:14px;}
.panel.cs .area1 dl dt {color:#5b646e;}
.panel.cs .area1 dl dd {font-weight:700;}
.panel.cs .area1 dl dd + dt {margin-left:-2px;}
.panel.cs .area1 dl dt:not(.data1):first-child, .panel.cs .area1 dt.box {overflow:hidden;position:absolute;padding-left:1px;width:0;height:1px;white-space:nowrap;}
.panel.cs .area1 dl dt:first-child + dd, .panel.cs .area1 dl dt.data1 + dd {display:block;margin:-5px 0 14px;font-size:30px;font-family:'Spoqa Han Sans';color:#2096ce;line-height:1;}
.panel.cs .area1 dl dt.data1 {float:left;clear:both;margin-right:10px;font-size:16px;font-weight:700;color:#020219;line-height:24px;}
.panel.cs .area1 dl:nth-last-child(2) > dt:first-child + dd, .panel.cs .area1 dl:last-child > dt:first-child + dd {margin-bottom:9px;}
.panel.cs .area1 dl > dt + dd span {font-size:14px; font-weight:400; color:#020219;}
.panel.cs .area1 dl > dt + dd span:before {content:'☎'; width:13px; height:8px; display:inline-block; vertical-align:middle; margin:-10px 4px 0 0;}
.panel.cs .area1 dl > dt + dd span em.txt_c {font-weight:700;}
.panel.cs .area1 dl:nth-last-child(2), .panel.cs .area1 dl:last-child {padding-top:21px;}
.panel.cs .area1 dl:nth-last-child(2) + a:not(.btn_small2), .panel.cs .area1 dl:last-child + a:not(.btn_small2) {top:51px;}
.panel.cs .area1 dt.box {position:relative;display:block;margin-top:10px;}
.panel.cs .area1 dt.box ~ dd {display:block; margin-top:14px;width:38%;vertical-align:top;font-size:12px;font-weight:400;letter-spacing:-0.05em;}
.panel.cs .area1 dd.w1{width:40% !important}
.panel.cs .area1 dd.w2{width:50% !important}
.panel.cs .area1 dt.box ~ dd > strong {overflow:hidden;display:inline-block;width:19px;height:19px;padding:0 3px;line-height:1.4;margin-right:6px;border:1px solid #c3c3de;border-radius:50%;color:#393992;font-weight:800;text-align:center;vertical-align:middle;box-sizing:border-box;}
.panel.cs .area1 table {table-layout:fixed;margin:7px 24px 17px;width:calc(100% - 48px);}
.panel.cs .area1 table thead th {height:28px;background:#eff2f6;font-size:13px;color:#5b646e;}
.panel.cs .area1 table tbody th, .panel.cs .area1 table tbody td {height:24px;text-align:center;font-size:13px;font-weight:400;}
.panel.cs .area1 table tbody th {padding-left:10px;text-align:left;}
.panel.cs .area1 table tbody tr:first-child th, .panel.cs .area1 table tbody tr:first-child td {padding-top:4px;}
.panel.cs .area1 h4.icon_com2 {margin:-2px 24px 3px;font-size:16px}
.panel.cs .area1 h4.icon_com2 + p {margin:0 24px 17px;letter-spacing:-0.05em;font-size:13px;}
.panel.cs .area1 h4.icon_com2 + p:first-line {font-size:14px;}
.panel.cs .area1 h4.icon_com2 + p em {text-decoration:underline;}
.panel.cs .area1 h4.icon_com2 + p strong {font-size:15px;}
.panel.cs .area1 > a {position:absolute;top:60px;text-align:left;}
.panel.cs .area1 > a:not(.btn_small2) {right:24px;padding:11px 24px 11px 29px;line-height:1.3;}
.panel.cs .area1 > a:not(.btn_small2).arr1:after {margin-top:-20px;margin-left:20px;}
.panel.cs .area1 > a.btn_small2 {top:1px;right:0;padding:0 10px;line-height:22px;}
.panel.cs .area1 > a.btn_small2.arr1:after {margin-top:-2px;margin-left:5px;}
.panel.cs .area1 > a:nth-last-child(2),
.panel.cs .area1 > a:nth-last-child(2) + a {padding:7px 0;width:125px;text-align:center;}
.panel.cs .area1 > a:nth-last-child(2) + a {margin-top:38px;}
.panel.cs .area1 > a:nth-last-child(2).arr1:after, 
.panel.cs .area1 > a:nth-last-child(2) + a.arr1:after {margin-top:-2px;margin-left:10px;}
/* 대표 전화번호 수정 */
.panel.cs .area1[data="cs_home"] dl{padding:81px 24px 9px;}
.panel.cs .area1[data="cs_home"] > a:nth-last-child(2){left:24px; right:auto;}
.panel.cs .area1[data="cs_home"] > a:nth-last-child(2) + a {left:160px; right:auto; margin-top:0;}
/*.panel.cs .area1[data="cs_home"] dl dd:nth-of-type(3) ~ dd{position:absolute; right:20px;}
.panel.cs .area1[data="cs_home"] dl dd:nth-of-type(3) ~ dd:nth-child(1){bottom:100px; right:20px;}
.panel.cs .area1[data="cs_home"] dl dd:nth-of-type(3) ~ dd:nth-child(2){bottom:65px; right:20px;}
.panel.cs .area1[data="cs_home"] dl dd:nth-of-type(3) ~ dd:nth-child(3){bottom:30px; right:20px;}
.panel.cs .area1[data="cs_home"] dl dd:nth-last-child(3){bottom:100px;}
.panel.cs .area1[data="cs_home"] dl dd:nth-last-child(2){bottom:65px;}
.panel.cs .area1[data="cs_home"] dl dd:nth-last-child(1){bottom:30px;} */


/* 공지사항 | 자주하는 질문 */
.panel.cs .area2 {flex:1;display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:flex;flex-direction:column;justify-content:space-between;position:relative;max-width:calc(50% - 16px);}
.panel.cs .area2 > section {position:relative;}
.panel.cs .area2 > a, .panel.cs .area2 section > a {position:absolute;top:1px;right:0;}
.panel.cs .area2 > section + section {margin-top:30px;}
.panel.cs .area2 .list_type > li > a > [data-flag] + strong {padding-left:5px;}
.panel.cs .area2 .list_type > li > a > strong {font-weight:400;}
.panel.cs .btn_group {overflow:hidden;position:relative;border:1px solid #dee0e2;font-size:0;}
.panel.cs .btn_group:before {content:'';display:block;position:absolute;top:45px;left:0;right:0;height:1px;background:#dee0e2;}
.panel.cs .btn_group > li {display:inline-block;margin-left:-1px;width:33%;vertical-align:top;line-height:45px;border-left:1px solid #dee0e2; box-sizing:border-box;}
.panel.cs .btn_group > li > a {display:block;font-size:13px;color:#020219;text-align:center;}
.rentalca .panel.cs  .btn_group > li > a {min-height:20px;padding:22px 0 23px;display:block;font-size:13px;color:#020219;text-align:center;}
.rentalcar .panel.cs  .btn_group:before {content:none;}
.panel.cs .area2.t1 .btn_group > li > a {min-height:20px;padding:22px 0 23px;display:block;font-size:13px;color:#020219;text-align:center;}
.panel.cs .area2.t1 .btn_group:before {content:none;}
.panel.cs  .btn_group > li:last-child {position:relative;}
.panel.cs  .btn_group > li:last-child:before {content:'';display:block;position:absolute;top:0;right:0;bottom:0;width:1px;background:#dee0e2;}
.panel.cs  .btn_group > li:nth-child(2n):before,
.panel.cs  .btn_group > li:nth-child(3n):before {display:none;}
/* 갯수 : 7~8개 */
.panel.cs  .btn_group > li:nth-last-child(7):first-child,
.panel.cs  .btn_group > li:nth-last-child(7):first-child ~ li,
.panel.cs  .btn_group > li:nth-last-child(8):first-child,
.panel.cs  .btn_group > li:nth-last-child(8):first-child ~ li {width:25%;}
/* 갯수 : 2개 4개 */
.panel.cs  .btn_group > li:nth-last-child(4):first-child,
.panel.cs  .btn_group > li:nth-last-child(4):first-child ~ li,
.panel.cs  .btn_group > li:nth-last-child(2):first-child,
.panel.cs  .btn_group > li:nth-last-child(2):first-child ~ li {width:50%;}
.panel.cs  .btn_group > li:nth-last-child(2):nth-child(3):before {display:none;}

/* IE9 */
@media screen and (min-width:0\0) and (min-resolution:.001dpcm) {
	.panel.cs .inner {display:block;}
	.panel.cs .inner:after {content:'';display:block;clear:both;}
	.panel.cs .area1 {float:left;width:calc(50% - 16px);}
	.panel.cs .area2 {float:right;width:calc(50% - 16px);}
}


/*--------------------------------------------------------------------------------
	# 공지사항
---------------------------------------------------------------------------------*/
[class*="panel"] .list_type {margin-bottom:-6px;}
[class*="panel"] .list_type ~ .sub {top:1px}

/*--------------------------------------------------------------------------------
	# 지역별메인
---------------------------------------------------------------------------------*/
.slide_visual2 ~ .form_search1 {margin-top:0;padding-left:0;padding-right:0;box-shadow:0 0 0 0;}
.slide_visual2 ~ .form_search1 + .panel2 {margin-top:0;padding-top:35px;}
.slide_visual2 ~ .form_search1 + .panel2 .tit_type:first-child {margin-top:-5px;}
.slide_visual2 ~ .tour_sub_booking {position:relative; margin-top:0; box-shadow:0 0 0 0;}
.slide_visual2 ~ .tour_sub_booking + .panel2 {padding-top:40px;}

/* ##############################
	# 온라인투어 리뉴얼 2019
	# 메인 스타일
############################## */
/* 메인 : 공통 */
.main,
.main button{font-family: 'Pretendard';}
.main header.tit_type > span {display:table;position:relative;margin-bottom:2px;font-size:18px;font-weight:800;color:#24aae1;letter-spacing:0;}
.main .tit_type > *:first-child:not(.sub) > i, .main  .tit_type > i {display:block;position:absolute;top:-1px;left:100%;z-index:1;padding:2px 4px;min-width:16px;font-size:10.4px;line-height:1;color:#ffbd00;border:2px solid #ffbd00;border-radius:20px;text-align:center;}
.main .tit_type > *:first-child:not(.sub) > i:before, .main  .tit_type > i:before {position:absolute;right:100%;bottom:-6px;z-index:-1;margin:0 -17px 0 0;width:11px;height:6px;background:#fff url('../img/common/icon_set2.png') no-repeat 0 -180px;}
.main .panel2 .tit_type > *:first-child:not(.sub) > i:before, .main .panel2 .tit_type > i:before {background-color:#f0f5fb;}
.main .aside2 {position:absolute;top:735px;left:50%;margin-left:-640px;}
.main [class*="panel"] .bnr_area2 {margin:0;padding:16px 0 0;}

/* 메인 : 프로모션배너 */
.main .slide1.slide_visual {height:466px;}
.main .slide1.slide_visual .list > li {max-width:1920px; width:100%; background-position:center;}
/* .main .slide1.slide_visual .box > button {top:166px; margin-top:0; display: inline-block; overflow: unset;} */
/* .main .slide1[class*="slide_visual"] .box > button:before{display: block;} */
/* .main .slide1.slide_visual .box > button::after{content: ''; width: 50px; height: 50px; position: absolute; top:0%; left:0%; border-radius: 50%; z-index: -1; background:rgba(0,0,0,0.7);} */

/* 메인/서브 빅배너 좌우버튼 수정 */
.main .slide1.slide_visual .box > button,
.sub_main .slide1.slide_visual .box > button,
.sub_main .slide1.slide_visual3 .box > button{width:50px; height:50px; border:0; border-radius: 50%; margin-top:-60px; background-color: rgba(0,0,0, 0.7); transform: rotate(0) translate(0, -50%);}
.sub_main .slide1.slide_visual .box > button{margin-top: 0;}
.sub_main .slide1.slide_visual3 .box > button{top:210px;}
.main .slide1.slide_visual .box > button::after,
.sub_main .slide1.slide_visual .box > button::after,
.sub_main .slide1.slide_visual3 .box > button::after{content: ''; position:absolute; width: 15px; height: 15px; border-radius: 0; border: solid #fff; background: none; border-width: 0 0 5px 5px; margin-top: 15px;}
.main .slide1[class*="slide_visual"] .btn_next:after,
.sub_main .slide1[class*="slide_visual"] .btn_next:after{right: 50%; margin-right: -6px; transform: rotate(-135deg);}
.main .slide1[class*="slide_visual"] .btn_prev:after,
.sub_main .slide1[class*="slide_visual"] .btn_prev:after{left: 50%; margin-left: -6px; transform: rotate(45deg);}

/* 20220923 메인 이미지 링크 확장
.main .slide1.slide_visual a.btn {bottom:249px;} */
.main .slide1.slide_visual a.btn {bottom:0;}
.main .slide1.slide_visual .indicator {bottom:216px;}

/* 메인 : 부킹엔진 */
.main .booking {position:relative;margin:-194px auto 0;width:1100px;border-radius:6px;box-shadow:0 5px 30px 0 rgba(0,0,0, 0.1);}
.main .booking ul[data-tabbtn="utabinfo5"] {position:relative; z-index:2;}
.main .booking [data-tab="utabinfo5"]:not(ul) {margin-top:0;min-height:146px;border:0;border-radius:0 0 6px 6px;background:#fff; position:relative; z-index:10;}
.main .booking .form_search1 {padding-top:10px;box-shadow:0 0 0 0;}
.main .booking .form_search1:after {display:none;}
.main .booking .hide + .form_search1 {padding-top:13px;}
.main .booking .tab_type5 {margin:10px 16px 0;}
.main .booking .tab_type5 > li {min-width:95px;text-align:center;}
/* .main .booking + .panel2:before {top:-300px;} */
.main .booking .tab_type li a {font-size:16px;}
.main .booking .tab_type li a:before {min-height:48px;}


/* 메인 : 부킹엔진 */
.main .booking2 {position:relative; display: flex; flex-wrap: wrap; margin:40px auto; padding: 0 32px 18px 32px; width:1100px; border-radius:12px; box-shadow:0 5px 30px 0 rgba(0,0,0, 0.1); box-sizing: border-box;}
.main .booking2 ul[data-tabbtn="utabinfo5"] {position:relative; z-index:2; width: 260px; border-radius: 0;}
.main .booking2 .form_search1.t3 .opt{display: flex; align-items: center; margin-left: 10px; width: calc(100% - 270px); position: absolute; top: -43px; left: 260px;}
.main .booking2 .form_search1.t3 .opt .group:nth-of-type(1){background-color: #F5F7F9; border-radius: 100px;}
.main .booking2 .form_search1.t3 .opt .group:nth-of-type(1) em{padding: 1px 14px !important; font-size: 14px; font-weight: 400; color: #A4A7AE;} 
.main .booking2 .form_search1.t3 .opt .group:nth-of-type(1) input:checked + em{color:#fff;}
.main .booking2 .form_search1.t3 .choice_type3 input:checked + em, 
.main .booking2 .form_search1.t3 .choice_type3 .on a{background-color: #0AA4F7;}

.main .booking2 [data-tab="utabinfo5"]:not(ul) {margin-top:0; border:0;border-radius:0 0 6px 6px;background:#fff; position:relative; z-index:10;}
.main .booking2 .booking_anywhere{display: flex; align-items: center; gap: 0 6px; margin-left: 10px;}
.main .booking2 .booking_anywhere span{position:relative; font-size: 14px; font-weight: 400; color: #0AA4F7; padding:4px 0;}
.main .booking2 .booking_anywhere span:after{content:''; display: inline-block; width: 5px; height:5px; border-top: 1px solid #00a0e9; border-right: 1px solid #00a0e9; transform: rotate(45deg); margin-bottom: 2px; margin-left: 3px;}
.main .booking2 .booking_anywhere + .choice_type2{position: absolute; top: 3px; right: 0;}
.main .booking2 .booking_anywhere + .choice_type2 em{color:#2C3242;}
.main .booking2 label.choice_type2 em:before{border-radius: 100px; border:1px solid #EBEBEB;}
.main .booking2 label.choice_type2 em:after{width: 8px; height: 4px; border-width: 0 0 2px 2px; border-radius: 0px; margin-top: -4px; margin-left: 1px;}
.main .booking2 .booking_anywhere + .choice_type2 em{font-weight: 400; color:2C3242;}
.main .booking2 .form_search1 {box-shadow:0 0 0 0;}
.main .booking2 .form_search1:after {display:none;}

.main .booking2 .tab_type.t3 li{background-color: unset; position: relative;}
.main .booking2 .tab_type.t3 li.on:before{content:''; width: 100%; height: 2px; background-color: #0AA4F7; position:absolute; top:0; left: 0;}
.main .booking2 .tab_type.t3 li a {font-size:16px; color: #828C94;}
.main .booking2 .tab_type.t3 li a span{margin: 0; padding: 17px 0 16px;}
.main .booking2 .tab_type5 {margin:10px 16px 0;}
.main .booking2 .tab_type5 > li {min-width:95px;text-align:center; }
.main .booking2 .tab_type li.on a{color:#0AA4F7;}
.main .booking2 .tab_type li a:before {display: none;}

.form_search1.t3 .select_type01{flex: 0.7 !important;}
.form_search1.t3 .select_box:after{margin: 0;}
.form_search1.t3 .booking_src_btn{}

/* 메인 : 추천테마 */
.main .bnr_type4 {margin:-7px auto -12px;width:785px;}
.main .bnr_type4 > li:before {margin-top:2px;width:76px;height:76px;}
.main .bnr_type4 > li:after {top:0;margin:0 -40px;width:80px;height:80px;}
.main .bnr_type4 > li:hover:before {background-color:#24aae1;}
.main .bnr_type4 > li:hover:after {background-position-y:-1360px !important;}
.main .bnr_type4[data-banner="bnrtheme"] > li.ico1:after {background-position:0 -1280px;}
.main .bnr_type4[data-banner="bnrtheme"] > li.ico2:after {background-position:-80px -1280px;}
.main .bnr_type4[data-banner="bnrtheme"] > li.ico3:after {background-position:-160px -1280px;}
.main .bnr_type4[data-banner="bnrtheme"] > li.ico4:after {background-position:-240px -1280px;}
.main .bnr_type4[data-banner="bnrtheme"] > li.ico5:after {background-position:-320px -1280px;}
.main .bnr_type4[data-banner="bnrtheme"] > li.ico6:after {background-position:-400px -1280px;}
.main .bnr_type4[data-banner="bnrtheme"] > li.ico7:after {background-position:0 -1795px;} /* 20250106 허니문 => 자유여행 */
.main .bnr_type4[data-banner="bnrtheme"] > li.ico7:hover:after{background-position-y:-1875px !important;}

/* 메인 : 이벤트기획전 */
.main .panel2.event {padding-top:37px;}
.main .panel2.event:before {border-top:2px solid #e5ebf2;}
.main .panel2.event .tit_type {display:table;margin-top:12px;}
.main .panel2.event .tit_type > i {top:-7px;margin-left:2px;}
.main .panel2.event .tit_type > b:before {content:'';display:inline-block;margin:-4px 5px 0;width:4px;height:4px;border-radius:50%;background:#08a7ee;vertical-align:middle;}
.main .bnr_area2 + .panel2.event {padding-top:0;}
.main .bnr_area2 + .panel2.event:before {border-top:0;}

/* 공통 : 베스트 상품평 */
.panel2.best > [class*="btn_type"] {position:absolute; left:0; top:140px; background-color:transparent;}

/* 메인 : 베스트 상품평 */
.main .panel2.best {margin-top:-8px;}
.main .panel2.best .tit_type {top:47px;}
.main .panel2.best .tit_type:after {bottom:-6px;left:35px;width:320px;height:280px;background-position:-720px 0;}
.main .panel2.best .tit_type > i {top:-4px;}
.main .panel2.best > [class*="btn_type"] {top:123px;}

/* ##############################
	# 온라인투어 리뉴얼 2019
	# 서브메인 스타일
############################## */
/*--------------------------------------------------------------------------------
	# 서브메인 : 항공
---------------------------------------------------------------------------------*/
/* 국내항공 */
.flight .list_type > li > a > strong {font-weight:700;}
.flight .list_type > li:nth-last-child(3) ~ li > a > strong {font-weight:400;}

/* 제주할인항공 */
.panel.jeju {margin-top:0;}
.panel.jeju:before {content:'';display:block;position:absolute;top:0;left:-100%;right:-100%;height:82px;background:#f0f5fb;}

/*--------------------------------------------------------------------------------
	# 서브메인 : 여행정보
---------------------------------------------------------------------------------*/
.travel .panel:first-child {margin-top:0;}
.travel .panel .best {position:relative;margin-top:5px;padding-top:5px;}
.travel .panel + .bnr_type5.t3 {margin-top:-23px;}

/*--------------------------------------------------------------------------------
	# 서브메인 : 여행
---------------------------------------------------------------------------------*/
/* 해외패키지 : 베스트여행후기 */
.tour .panel2.best {padding:31px 0 35px;}
.panel2.best .tit_type {position:absolute;top:60px;bottom:0;left:0;margin:0 !important}
.panel2.best .tit_type:after {content:'';display:block;position:absolute;left:-10px;bottom:27px;width:300px;height:225px;background:url("../img/main_sub/bg_set1.png") no-repeat -150px 0;}
.panel2.best .tit_type b {display:block;}
.panel2.best .tit_type p {font-size:14px;line-height:1.4;}
.panel2.best header.tit_type:after {left:14px;height:260px;background-position:-440px 0;}
.panel2.best .list_card2 {padding-left:279px;width:1116px;box-sizing:border-box;}
.panel2.best .list_card2 > li {width:263px;}
.panel2.best .list_card2 > li:before {border-color:#fff;}
.panel2.best .list_card2 > li .area1 {left:0; right:0;}

/* 해외패키지 : 혜택 */
.tour .panel2.benefit {padding-top:42px;height:269px;box-sizing:border-box;}
.tour .panel2.benefit .tit_type {margin-bottom:14px;}
.tour .panel2.benefit .bnr_type4 {padding:0 14px;box-sizing:border-box;}
.tour .panel2.benefit > section {width:540px;}
.tour .panel2.benefit > section {float:left;}
.tour .panel2.benefit > section + section {float:right;}
.tour .panel2.best + .panel2.benefit {margin-top:-26px;}

/* 해외패키지 : 테마 */
.tour [class*="panel"] .product_card7.inner {width:1116px;margin-top:-8px;margin-bottom:-8px;}
.tour [class*="panel"].thema2 .product_card7 header {background-position:-356px 0;}
.tour [class*="panel"].thema2 .product_card7 header .tit {color:#2096ce;}
.tour [class*="panel"].thema2 .product_card7 header:after {top:122px;left:210px;width:109px;height:106px;background-position:-356px -248px;}
.tour [class*="panel"].thema2 .product_card7 header > .tit + p + p:before {background:#ffd800;}
.tour [class*="panel"].thema2 .product_card7 header:hover > .tit,
.tour [class*="panel"].thema2 .product_card7 header:hover > P:nth-of-type(2) {color:#020219;}
.tour [class*="panel"].hit .product_card7 header {background-position:-712px 0;}
.tour [class*="panel"].hit .product_card7 header:not(:hover) .tit {color:#ff464d;}
.tour [class*="panel"].hit .product_card7 header:after {top:22px;left:250px;width:62px;height:82px;background-position:-712px -248px;}
.tour [class*="panel"].hit .product_card7 header > .tit + p + p:before {background:#5e5ed7;}

/*--------------------------------------------------------------------------------
	# 서브메인 : 호텔/숙박
---------------------------------------------------------------------------------*/
/* 해외호텔 : 베스트호텔 */
.hotel .panel.best {position:relative;padding-left:186px;box-sizing:border-box;}
.hotel .panel.best .tit_type {position:absolute;top:27px;left:-1px;width:110px;}
.hotel .panel.best .product_type5 {margin-top:-8px;}

/*--------------------------------------------------------------------------------
	# 서브메인 : 이벤트/기획전
---------------------------------------------------------------------------------*/
.content.event .tit_type:first-child {margin-top:0;}
.content.event .lnb + .container {padding-top:45px; padding-bottom:0;}
.content.event .slide1.bnr_event4 {width:541px; height:218px;}

.content.event section {position:relative;}
.content.event section + section, .event section .box + .box {margin-top:30px;}
.content.event section:after {content:''; display:block; clear:both;}
.content.event section .box, .event section > .area {position:relative;}
.content.event section > .area {float:left;}
.content.event section > .area:first-child {width:356px;}
.content.event section > .area:last-child {width:542px;}
.content.event section > .area + .area {padding-left:16px;}

/* data-update 2020-05-06 : 해외항공 고객센터 */
.panel.cs.t1 .area1 {padding-bottom:0;}
.panel.cs.t1 .btn_group {width:542px;}
.panel.cs.t1 .area1 h4.icon_com2:before {content:none;}


/*--------------------------------------------------------------------------------
# 아이콘 : 항공사
	---------------------------------------------------------------------------------*/
	.main [data-air-logo] {width:24px; height: 24px; font-size:15px; line-height:1.631; background-size: 100%; background-position: center; background-repeat:no-repeat; display:inline-block; overflow:hidden;}
	
/*--------------------------------------------------------------------------------
# 공통 
	---------------------------------------------------------------------------------*/
.text_line2 {overflow: hidden;display: -webkit-box!important;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow:ellipsis;}
.text_line3 {overflow: hidden;display: -webkit-box!important;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow:ellipsis;}
.r_sec {margin-top: 0!important;padding-top:80px; padding-bottom: 60px;}
.r_sec.pt_50 {padding-top: 50px;}
.r_sec.pt_0 {padding-top:0; padding-bottom:0;}
.r_sec_tit {font-weight: 600;font-size: 26px ;margin: 0 0 30px;color: #2C3242; letter-spacing: -0.52px; text-align: center;}
.r_sec_tit + .tab_container {margin-top: -16px;}
.r_sec.center_type {width: 1100px;margin: 0 auto;}
.r_sec.full_inner {width: 1100px;margin: 0 auto;}
.r_sec.full_inner .banner_slide_box,
.r_sec.full_inner .prd_slide_box  {position: relative;}
.content button {font-family: 'Pretendard';}
/*--------------------------------------------------------------------------------
# 상품 유닛 : 기본 
	---------------------------------------------------------------------------------*/
.prd_unit_itm {/* font-family: 'Pretendard'; */}
.prd_unit_itm .prd_unit_line{display: block;font-size: 0;}
.prd_unit_itm .prd_unit_img {position: relative;height:0;padding-top:76.9%;margin-bottom: 16px;;background: #d9d9d9;border-radius: 12px;overflow: hidden;}
.prd_unit_itm .prd_unit_img img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;}
.prd_unit_itm .prd_tv_info,
.prd_unit_itm .prd_ai_info{position: absolute;top:10px;left:50%; transform: translateX(-50%);z-index: 1;display: flex;align-items: center;justify-content: center;background: linear-gradient(91deg, rgba(247, 50, 63, 0.8) 0.49%, rgba(249, 105, 57, 0.8) 100%);height: 25px;padding: .7rem;color:#fff;border-radius: 50px;box-sizing: border-box;font-size: 14px;font-weight: 600;letter-spacing: 0; white-space: nowrap; padding:0 14px;}
.prd_unit_itm .prd_ai_info {background: linear-gradient(92deg, #0AA4F7 1.64%, #A443FF 89.53%); justify-content: left; right:auto; left:12px; transform: translate(0);}
.prd_unit_itm .prd_flag {display: inline-block;;padding: 3px 8px;font-size: 12px;border-radius: 4px; font-weight: 500;}
.prd_unit_itm .prd_flag + .prd_flag {margin-left: 6px;}
.prd_unit_itm .prd_flag.flag_gray{background-color: #F5F7F9;color:#828C94;}
.prd_unit_itm .prd_flag.flag_red{background-color: #FFF4F4;color: #F7323F;}
.prd_unit_itm .prd_unit_line {margin-top: 8px;}
.prd_unit_itm .prd_grade {font-size: 12px;color:#000; font-weight: 500;}
.prd_unit_itm .prd_grade.grade_green {color:#00A21E;}
.prd_unit_itm .prd_grade.grade_purple {color:#8D20B4;}
.prd_unit_itm .prd_etc {position: relative;padding-left:14px;font-size: 12px;color:#828C94; font-weight: 500;}
.prd_unit_itm .prd_etc:after {position: absolute;left:.35rem;top:50%;transform: translateY(-50%);content: '·';}
.prd_unit_itm .prd_unit_name {margin-top: 4px;height: 50px;font-size: 18px;line-height: 1.4; color:#2C3242}
.selected_slide .prd_unit_itm .prd_unit_img {padding-top:100%;}
.prd_unit_itm .prd_unit_price {display:block; margin-top: 8px;letter-spacing: -0.02;font-size: 20px;font-weight: 700; color: #2c3242;}
/*--------------------------------------------------------------------------------
# 항공권 유닛 : 기본 
	---------------------------------------------------------------------------------*/
.flight_unit_itm {background-color: #fff;border: 1px solid #ebebeb;border-radius: 12px;}
.flight_unit_itm a {display: block;width: 100%;height: 100%;;padding:20px;box-sizing: border-box;}
.flight_unit_itm .flight_unit_desc {font-size: 0;}
.flight_unit_itm .flight_unit_airline {}
.flight_unit_itm .flight_unit_desti {padding-bottom: 8px;margin-bottom: 10px ;font-size:18px; font-weight: 600;line-height: 1.4;border-bottom: 1px solid #ebebeb; color:#2c3242}
.flight_unit_itm .flight_unit_airline {display: inline-block; font-size:15px; margin-left:6px; color: #2C3242; vertical-align: top;}
.flight_unit_itm .flight_unit_date {display: block;margin-top: 4px;font-size: 14px;color: #2C3242;}
.flight_unit_desc .flight_unit_price {display: block;margin-top: 8px;font-size: 20px;font-weight: 700; color: #2c3242;}
/*--------------------------------------------------------------------------------
# 슬라이드 : 스타가이드
	---------------------------------------------------------------------------------*/
/* .slide_wide {margin: 0 -2rem;} */
.highlight_ver{}
.highlight_ver .swiper {padding: 0rem;}
.highlight_ver .swiper-wrapper {width: 100%;/* margin-left:-2rem; *//* margin: -2rem; */}
.highlight_ver .swiper-slide.swiper-slide-active {transform: translateZ(0) scale(1) !important;}
.highlight_ver .swiper-slide img {width: 100%;}
.star_guide_inner {position: relative; border-radius: 12px; overflow: hidden;}
.star_guide_inner .star_guide_prd_box {position: absolute;right:100px ;bottom:30px; width: 400px;height: 123px;background-color: #fff;box-sizing: border-box;border-radius: 12px;}
.star_guide_inner .star_guide_prd_box a {display: block;width:100%;height: 100%;padding: 6px 20px 6px 6px;box-sizing: border-box;}
.star_guide_prd_unit {position: relative;display: flex;width: 100%;height: 100%;}
.star_guide_prd_img{position: absolute;left:0;width: 107px; height: 100%;background: #d9d9d9;border-radius: 10px;overflow: hidden;}
.star_guide_prd_img img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;}
.star_guide_prd_info {padding-left: 117px; box-sizing: border-box; width: 100%;}
.star_guide_prd_name {display: block;font-size: 14px;;margin:4px 0; height: 63px; font-weight: 500; color: #2C3242;}
.star_guide_prd_etc {display: block; height:18px; font-size: 12px; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.star_guide_prd_box .prd_grade {display:inline-block; font-size: 12px;color:#000; font-weight: 500;}
.star_guide_prd_box .prd_grade.grade_green {color:#00A21E;}
.star_guide_prd_box .prd_grade.grade_purple {color:#8D20B4;}
.star_guide_prd_box .prd_etc {position: relative;padding-left:14px;font-size: 12px;color:#828C94; font-weight: 500;}
.star_guide_prd_box .prd_etc:after {position: absolute;left: 4px; top:50%;transform: translateY(-50%);content: '·';}
.star_guide_prd_etc.color_red {
	color: var(--lable-c1);
}
/*--------------------------------------------------------------------------------
# 슬라이드 : 상품슬라이드, 띠배너 슬라이드
	---------------------------------------------------------------------------------*/
/* .slide_wide .swiper {padding-left: 2rem;padding-right: 2rem;overflow: inherit;} */
.banner_slide .swiper-wrapper {font-size: 0;white-space: nowrap; border-radius: 12px;}
.banner_slide img{width: 100%;}

.banner_slide .swiper-slide {border-radius: 12px; overflow: hidden;}
.banner_slide .swiper-pagination {position: static; margin-top: 20px;}
.banner_slide .swiper-pagination-bullet {width:8px; height:8px; border-radius:6px; background-color: #DEE2E6; transition: width 0.2s ease-in-out 0s; opacity: 1;}
.banner_slide .swiper-pagination-bullet-active {width:21px; border-radius: 9.6px;background-color: #A4A7AE;}
.swiper-pagination.fraction_type {left: auto;bottom: 1rem;right:3.3rem;display: flex;align-items: center;justify-content: center;;width: 4rem;background-color:rgba(44, 50, 66, 0.7) ;border-radius: .8rem;height: 1.8rem;font-size:1.1rem;color: rgba(255, 255, 255, 0.5);}
.swiper-pagination.fraction_type .swiper-pagination-current {color: #fff;padding:0 0.2rem;}
.swiper-pagination.fraction_type .swiper-pagination-total {padding:0 0.2rem;color: rgba(255, 255, 255, 0.5);}
.selected_slide_box.no-swiper .swiper-slide{width: 25%;}
.selected_slide_box.no-swiper .swiper-slide + .swiper-slide{margin-left: 20px;}
.selected_slide_box.no-swiper .swiper-slide:last-child {flex:1; }
.selected_slide_box.no-swiper .swiper-slide:last-child .ai_loading.background_ver {padding-top: 54%;}


.swiper-button-next{ background: url('../img/main/btn_slide_next.png'); width: 56px; height: 56px;transform: translateX(67%);} 
.swiper-button-prev { background: url('../img/main/btn_slide_prev.png');width: 56px; height: 56px;transform: translateX(-67%);}
.r_sec .swiper-button-prev,
.r_sec .swiper-button-next{pointer-events: unset;}
.swiper-button-next:after,
.swiper-button-prev:after {display: none;}
.selected_slide_box .swiper-button-next,
.selected_slide_box .swiper-button-prev {top: 130px; }
.prd_slide_box .swiper-button-next,
.prd_slide_box .swiper-button-prev {top: 109px;}
.flight_ver.prd_slide_box .swiper-button-next,
.flight_ver.prd_slide_box .swiper-button-prev {top: 90px;}
/*--------------------------------------------------------------------------------
# 탭 : 탭스크롤메뉴
	---------------------------------------------------------------------------------*/
.tab_menu {display: flex; justify-content: center;  overflow-x: scroll;overflow-y: hidden;-ms-overflow-style: none;scrollbar-width: none; margin-bottom:30px;}
.tab_menu::-webkit-scrollbar {display: none;}
.tab_menu_itm {display: flex;align-items: center;height:34px;padding: 0 14px; border-radius: 20px;;background-color: #F5F7F9;white-space: nowrap;}
.tab_menu_itm + .tab_menu_itm {margin-left:.5rem;}
.tab_menu_itm.active {background-color:#2C3242;}
.tab_menu_itm button {font-size: 14px; color:#828C94; font-weight: 500;}
.tab_menu_itm.active button {color:#fff;}
.tab_menu.tab_menu_solid .tab_menu_itm { background-color: transparent;}
.tab_menu.tab_menu_solid .tab_menu_itm {height:19px; background-color: transparent; padding: 0 0;}
.tab_menu_itm + .tab_menu_itm {margin-left: 8px;}
.tab_menu.tab_menu_solid .tab_menu_itm + .tab_menu_itm { margin-left: 22px;}
.tab_menu_solid .tab_menu_itm.active button {color:#2C3242; font-weight: 600;}
.tab_menu_solid .tab_menu_itm button {font-size: 18px; letter-spacing: -0.3px; font-weight: 400;}
/*--------------------------------------------------------------------------------
# 상품 : 셀렉트 섹션
	---------------------------------------------------------------------------------*/
.selected_option {display: flex; justify-content: center;}
.selected_option {position: relative;color:#2C3242;padding-right: 1.9rem;font-size: 1.9rem;font-weight: 600;}
.selected_option button:before {position: absolute;right:0;top:50%;margin-top: -.6rem;width: 1.2rem;height:1.2rem;background: url('../img/main/icon_main_dropdown.png') no-repeat 0 0/100%;content: "";}
.selected_option button:after {content: "";display: block;position: absolute;left:0;right:0;bottom: 0;;height: 1px;background: #000;}
.selected_option_line {position:relative; display: inline-flex;align-items: center;font-size: 26px; font-weight: 600; color: #2c3242;}
.selected_slide_box {position:relative; margin-top: 30px;}
.selected_option [class*="select_type"] {position: static; font-size: 26px; font-weight: 600; letter-spacing: -0.52; border:none; border-bottom: 2px solid #2c3242; border-radius: 0;}
.selected_option [class*="select_type"] .list {font-size: 14px; font-weight: normal; border-color: #EBEBEB;;overflow: hidden; max-height: inherit; padding: 0; border-radius: 12px; margin-top:10px;}

.selected_option [class*="select_type"] .list li {padding: 10px 20px;
border-bottom: 1px solid #EFEFEF;}
.selected_option [class*="select_type"] .list li:hover, .selected_option [class*="select_type"] .list li.on a, .selected_option [class*="select_type"] .list li input:checked + em {color: #2C3242; font-weight: normal;}
.selected_option [class*="select_type"] .list li:hover {background: #F4F6F7;}
.selected_option [class*="select_type"] .list a {padding:0;}
.selected_option [class*="select_type"] a.selected:after { background:url('../img/main/icon_main_selected_arrow.png') no-repeat 0 0/100%; width: 16px; height: 16px; right: 0;top: 50%; transform: translateY(-50%);margin-top: 2px;}
.selected_option_line:first-child .select_type1 {margin-right:10px}
.selected_option_line + .selected_option_line {margin-left: 12px;}
.selected_option_line + .selected_option_line .list {min-width: 350px;}
.selected_option_line [class*="select_type"] a.selected {font-weight: 600 !important;font-size: 26px;}
.selected_option_line .on[class*="select_type"] a.selected:after {transform: rotate(180deg) translateY(50%);}
.selected_option_line.gra_type [class*="select_type"] a.selected{background: linear-gradient(90deg, #0AA4F7 0%, #8961FF 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;}
/*--------------------------------------------------------------------------------
# 상품 : 셀렉트 섹션 ai ㄹ
	---------------------------------------------------------------------------------*/
.prd_loading {position:relative; min-height: 260px;}	
.prd_loading .loader {width: 54px; aspect-ratio: 1;position: absolute; left:50%; top: 50%; transform: translate(-50%,-50%) rotate(45deg);}
.prd_loading .loader:before,.loader:after {content: "";position: absolute;inset: 0;border-radius: 50% 50% 0 50%;background: #0AA4F7;-webkit-mask: radial-gradient(circle 12px at 50% 50%,#0000 94%,#000);}
.prd_loading .loader:after {animation: l6 1s infinite;transform: perspective(300px) translateZ(0px)}
@keyframes l6 {to {transform: perspective(300px) translateZ(150px);opacity:0}}


.ai_loading.background_ver {position:relative; padding-top:100%; border-radius: 12px;
background: linear-gradient(118deg, #C9C5FF 2.18%, #DCD9FF 6.26%, #FFF 27.69%, #D6F0FF 48.58%, #94D9FF 78.33%, #00A5FF 109.01%);}
.ai_loading .ai_bot_pic {display: inline-block;width: 163px; position: absolute; left:50%; top:34px; transform: translateX(-50%);}
.ai_loading.background_ver .ai_bot_pic {width:210px; top: 22px;}
.ai_bot_message {position: absolute; left:0; right:0; bottom: 30px; display: flex; align-items:center; justify-content: center; flex-wrap: wrap; flex-direction: column;}
.ai_bot_message .ai_bot_tit { text-align:center; font-size: 20px; background: linear-gradient(136deg, #0AA4F7 5.48%, #8961FF 83.43%);
background-clip: text; -webkit-background-clip: text;
-webkit-text-fill-color: transparent;}
.ai_bot_message .ai_bot_desc {font-size: 14px;}
.ai_bot_message .ai_bot_btn {display: inline-flex; height: 34px; margin-top: 10px; padding: 0 21px; flex-direction: column; align-items: center; justify-content: center;; gap: 10px; border-radius: 50px; background: linear-gradient(145deg, #0AA4F7 1%, #8961FF 79.76%); font-size: 14px; color:#fff;
}
/*--------------------------------------------------------------------------------
# 상품 : 셀렉트 섹션 레이어 관련 CSS 
	---------------------------------------------------------------------------------*/
.ly_bt_up{font-family: 'Pretendard';}
.ly_bt_up [class*="layer_"] {display:flex; flex-direction:column; position:fixed; left:0; top:0; width:100%; height:100%; padding:0; background-color:#fff; opacity:1; overflow:hidden; border-radius:0; transition:0.3s ease; transform:translate3d(0, 120%, 0); -webkit-transition:0.3s ease; -webkit-transform:translate3d(0, 120%, 0);}
.ly_bt_up [class*="layer_"].on {transform:translate3d(0, 0%, 0)}
.layer_type footer{padding:0 1.6rem;}
.ly_bt_up.on{position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(17,17,17,0.4); z-index: 10000;}
.ly_bt_up .layer_type{height:auto; top:auto; bottom:0; border-radius:1.8rem 1.8rem 0 0;     z-index: 1600;}
.ly_bt_up.on .ly_tit{position:relative; padding:4rem 0 3.2rem; text-align: center;}
.ly_bt_up.on .ly_tit h1{font-size:2rem; font-weight: 700; letter-spacing: 0;}
.ly_bt_up.on .ly_tit > [data-fn="lyClose"]{position:absolute; top:1rem; right:0; font-size:0;}
.ly_bt_up.on .ly_tit > [data-fn="lyClose"]:before{display: inline-block; content: "\00d7"; font-size:3rem;}
.selected_modal .layer_type{min-height: 260px;padding: 1rem 2rem 2.8rem;box-sizing: border-box;}
.selected_modal .layer_type h5 {font-size: 1.7rem;}
.selected_modal .selected_modal_cont {padding-top: 1.6rem;}
[class*="choice_wrap"] {display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex;}
[class*="choice_wrap"] label {position:relative; text-align:center; -webkit-box-flex:1; flex:1; display:block;}
[class*="choice_wrap"] label em {padding:1rem 0; line-height:1.2;  display:block; -webkit-transition:all 0.3s ease; transition:all 0.3s ease;}
[class*="choice_wrap"] label input {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0;}
[class*="choice_wrap"] label input:checked + em {color:#fff; border-color:#0AA4F7; background-color:#0AA4F7; height:100%; box-sizing: border-box;}
@supports (-webkit-overflow-scrolling:touch) {
  [class*="choice_wrap"] label em {padding:1.1rem 0 0.9rem 0;}
}	
.choice_wrap1, .choice_wrap2{flex-wrap:wrap;}
.choice_wrap1 label{display:inline-block;min-width:48%; max-width:calc(50% - 0.5rem); margin:0 1rem 0 0;}
.choice_wrap1 label:last-child, 
.choice_wrap1:not(.n3):not(.n4) label:nth-child(2n), 
.choice_wrap1.n3 label:nth-child(3n), 
.choice_wrap1.n4 label:nth-child(4n) {margin-right:0;}
.choice_wrap1.n3 label{min-width:30%; max-width:calc(33.33% - 0.7rem);}
.choice_wrap1.n4 label{min-width:20%; max-width:calc(25% - 0.75rem);}
.choice_wrap1.n4 label.w1{min-width:40%; max-width:calc(50% - 0.5rem);}
.choice_wrap1:not(.n3):not(.n4) label:nth-child(n + 2) ~ label, 
.choice_wrap1.n3 label:nth-child(n + 3) ~ label, 
.choice_wrap1.n4 label:nth-child(n + 4) ~ label {margin-top:1rem;}
.choice_wrap1.n3 label[class*="choice_type"] + [class*="choice_type"] {margin-left:0;}
.choice_wrap1 label em {font-size:1.5rem; border-width:1px; border-radius:0.3rem;}
.choice_wrap1 label em:before{width:0; margin-right:0;}
.choice_wrap1 label input[type="radio"] + em{text-align:center;}
.choice_wrap2 label {min-width:40%; display:inline-block;}
.choice_wrap2 label em {font-weight:700; font-size:1.5rem; border-width:1px; border-radius:0.3rem;}
.choice_wrap2 label + label:nth-child(even) {margin-left:1rem;}
.choice_wrap2 label:nth-child(n + 2) ~ label {margin-top:1rem;}
.choice_wrap2 label:nth-last-child(3):first-child {min-width:30%; margin:0; display:block;}
.choice_wrap2 label:nth-last-child(3):first-child ~ label {min-width:30%; margin:0 0 0 1rem; display:block;}
.choice_wrap2 label:nth-last-child(3):not(:first-child) ~ label:last-child:nth-child(odd) {width:calc(50% - 0.5rem); flex:none; display:block;}
.choice_wrap3 label {background-color:#fff;}
.choice_wrap3 label input:checked + em {position:relative; z-index:5; font-weight:700;}
.choice_wrap3 label:first-child em {border-width:1px 0 1px 1px; border-radius:0.3rem 0 0 0.3rem;}
.choice_wrap3 label:last-child em {border-width:1px 1px 1px 0; border-radius:0 0.3rem 0.3rem 0;}
.choice_wrap3 label:last-child em:before {content:""; position:absolute; top:50%; left:-0.1rem; margin:-0.9rem 0 0 0; width:0.1rem; height:1.8rem; background-color:#adb1b6;}
.choice_wrap3 label input:checked ~ em:before {display:none;} 
.selected_modal .choice_wrap {flex-wrap: wrap;gap:.5rem;}
.selected_modal .choice_wrap label {height: 3.5rem;flex: 0;white-space: nowrap;;background-color: #F5F7F9;border-radius: 2.5rem;}
.selected_modal .choice_wrap label em {display: flex;align-items: center;justify-content: center;padding: 0 1.5rem;line-height: 1;height: 100%;color:#828C94;border-radius: 2.5rem;}

/*--------------------------------------------------------------------------------
# 고객센터
	---------------------------------------------------------------------------------*/
.r_sec.cs_sec {padding-top: 60px; background: #fafafa;}
.cs_center .area1, .cs_center .area2 { width: 49.1%; flex-shrink: 0;}
.cs_center .area1 {display: flex; flex-wrap: wrap;}
.r_sec .cs_bottom {margin: 30px auto 0; width: 1100px;}
.r_sec .cs_center {display: flex; width: 1100px; margin: 0 auto; gap:20px; color: #2c3242;}
.r_sec .cs_center .tit_type {width: 100%; margin:2px; font-size:26px;  letter-spacing: 2px;}
.r_sec .cs_info_box{ width: 50%}
.r_sec .cs_link_box{ width: 50%; display: flex; font-size:14px;}
.r_sec .cs_part_box{ width: 100%;margin-top: 19px;}
.r_sec .cs_info_box .cs_info_num { font-size: 22px; font-weight: 400;}
.r_sec .cs_info_box p {margin-top: 8px;font-size: 14px; }
.r_sec .cs_link_box > a {position:relative;display:flex; align-items: center;width:130px; height:40px; padding: 0 16px; border: 1px solid #ebebeb;  border-radius:12px; color: #2C3242; margin-top:20px; border: 1px solid #ebebeb; background: url('../img/main/icon_main_customer_arrow.png') no-repeat calc(100% - 12px) center /12px; background-color: #fff; box-sizing: border-box;}
.r_sec .cs_link_box > a + a {margin-left: 10px;}
.r_sec .cs_part_box ol {display: flex; flex-wrap:wrap; padding:10px 20px; background-color: #fff; border-radius: 12px; border:1px solid #ebebeb;}
.r_sec .cs_part_box ol li {width:50%; height: 38px; display: flex; align-items: center; font-size:12px;}
.r_sec .cs_part_box ol li:nth-child(-n+8) { background-image: linear-gradient(to right, #d1d1d1 17%,
rgba(255,255,255,0) 0%);background-position: bottom;background-size: 5px 1px;background-repeat: repeat-x;}
.r_sec .cs_benefit h4,
.r_sec .cs_notice h4,
.r_sec .cs_bottom h4   {margin-bottom:16px; font-size: 16px;}
.r_sec .cs_benefit ul {display: flex; height: 106px; background-color: #fff; border-radius: 12px; border: 1px solid #ebebeb;}
.r_sec .cs_benefit ul li {position:relative; flex:1; display:flex; justify-content:center; align-items:  center; margin: 10px 0}
.r_sec .cs_benefit ul li + li {
	background-image: linear-gradient(to bottom, #d1d1d1 17%,
rgba(255,255,255,0) 0%);background-position: left top;background-size: 1px 5px;background-repeat: repeat-y;}
.r_sec .cs_benefit .cs_benefit_ico {display: block;width:48px; height:48px; margin: 0 auto;}
.r_sec .cs_benefit .card.cs_benefit_ico {background: url('../img/main/icon_main_credit.png') 0 0/100%;}
.r_sec .cs_benefit .wifi.cs_benefit_ico {background: url('../img/main/icon_main_wifi.png') 0 0/100%;}
.r_sec .cs_benefit .duty.cs_benefit_ico {background: url('../img/main/icon_main_duty.png') 0 0/100%;}
.r_sec .cs_benefit .cs_benefit_txt {display:inline-block; margin-top:4px; text-align:center; font-size: 12px;}
.r_sec .cs_notice h4 {display:inline-block; margin-top: 30px; background: url(../img/main/icon_main_notice_arrow.png) no-repeat right center/16px}
.r_sec .cs_notice h4 a {padding-right: 18px; position: relative;  background: url(../img/main/icon_main_notice_arrow.png) no-repeat right center/16px}
.r_sec .cs_notice ul {display: flex; flex-wrap:wrap; padding:10px 20px; background-color: #fff; border-radius: 12px; border:1px solid #ebebeb;}
.r_sec .cs_notice ul li  {display:flex; align-items: center; width: 100%; height: 34px;}
.r_sec .cs_notice ul li + li {
	background-image: linear-gradient(to right, #d1d1d1 17%,
rgba(255,255,255,0) 0%);background-position: top;background-size: 5px 1px;background-repeat: repeat-x;
}
.r_sec .cs_notice ul li a {display:flex; justify-content: space-between; width: 100%;}
.r_sec .cs_notice ul li .notice_tit {position:relative;text-overflow: ellipsis; overflow: hidden; white-space: nowrap; max-width:calc(100% - 63px);}
.r_sec .cs_notice ul li .notice_date {font-size:12px; color: 
	#828C94; width: 63px; margin-left:16px;}
.r_sec .cs_notice ul li .notice_tit.new_type{padding-right: 22px; background: url('../img/main/icon_main_notice_new.png') no-repeat right center/16px 16px;}
.r_sec .cs_bottom .btn_group{display:flex; justify-content:center; align-items:center; background-color: #fff; border-radius: 12px; border: 1px solid #ebebeb; height: 48px;}
.r_sec .cs_bottom .btn_group li {height: 100%; flex:1; text-align: center; position: relative;}
.r_sec .cs_bottom .btn_group li a{display:flex;align-items:center;justify-content: center; width: 100%;height:100%; font-size: 12px; color: #2c3242;}
.r_sec .cs_bottom .btn_group li + li:before {position:absolute; left:0; top:50%; transform:translateY(-50%);width:1px; height:18px; background:#ebebeb;content: '';}
/*--------------------------------------------------------------------------------
# 탭 컨텐츠 기본
	---------------------------------------------------------------------------------*/
	
.r_sec .tab_cont {display: none;}	
.r_sec .tab_cont.active {display: block;}
/*--------------------------------------------------------------------------------
# 숏폼영역
	---------------------------------------------------------------------------------*/
.short_video_area {position: relative;width: 100%;padding-top: 177.692%;
background-color: #EBEBEB; border-radius: 10px; overflow: hidden;}
.short_video_area .short_video_cover {position: absolute;top:0;left:0;width: 100%;height: 100%;}
.short_video_area .short_video_cover:after {position: absolute;left:0;right:0;bottom: 0;height: 21%;background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.60) 100%);content: '';}
.short_video_area .short_video_cover img {width:100%;height: 100%;object-fit: cover;}
.short_video_area .short_video_cover .short_video_name {position: absolute;left:20px; right:20px; bottom:16px;color:#fff; z-index: 1; font-size: 14px;}
.short_video_btn {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:50px; height: 50px; background: url('../img/main/icon_main_play.png') no-repeat 0 0/100%; z-index: 1; cursor: pointer;}
.link_video_prd{position:relative; display:flex; justify-content:center; align-items: center; height:40px; font-size: 16px; margin-top: 16px; color: #828C94; border: 1px solid rgba(130, 140, 148, 0.50); border-radius: 8px; box-sizing: border-box;font-weight: 600;}
.link_video_prd .link_video_prd_icon {position:absolute; right:8px;top:50%; transform:translateY(-50%);display: flex; }
.link_video_prd svg {stroke-width: 2; color:#828C94;}
/*--------------------------------------------------------------------------------
# 고객센터
	---------------------------------------------------------------------------------*/