@import url(./reset.css);
@import url('https://fonts.googleapis.com/css2?family=Cuprum:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;700&display=swap');

:root {
 font-size: 10px;
 --pp: #6376bc;
 --lpp: #EDF0FF;
 --lpp : #E7ECFF;
 --bg: #F7F8FF;
 --gray : #666666;
 --white : #fff;
 width: 100vw
}

html, body {height: 100vh;}
body {font-size: 1rem; background-color: var(--white); font-family: 'Cuprum', sans-serif; font-weight: normal; box-sizing: border-box; color: var(--gray);
 width: 100vw; overflow-x: hidden;}

/********** common  **********/
/* 섹션제목 */
.title {width: 100%; font-weight: 700; font-size: 3.8rem; line-height: 12rem; text-align: center; color: var(--gray);
  text-transform: uppercase; margin: 4rem 0 4rem 0; display: block;}
/* 버튼 */
.btn_pp {font-size: 2rem; font-weight: bold; line-height: 3rem; height: 2.5rem; text-align: center; color: #FFFFFF; padding: 0.5rem 2rem;
  background-color: var(--pp); border: transparent; border-radius: 5rem; display: block; text-transform: uppercase;
  display: inline-block;}
.btn_wh {font-size: 2rem; font-weight: bold; line-height: 2.7rem; height: 2.5rem; text-align: center; color: #666666; padding: 0.5rem 2rem;
  background-color: var(--white); border: transparent; border-radius: 5rem; display: block; text-transform: uppercase;
  display: inline-block;}
/* 이미지 타이틀/설명 */
.img_tit {display: block; font-size: 2rem; font-weight: 700; line-height: 3rem; margin-top: 3rem; display: inline-block; background-color: #e6e6e6; padding: 0 0.5rem;
  border-radius: 0.5rem;}
.img_desc {display: block; font-size: 1.4rem; font-weight: 700; line-height: 2rem; margin-top: 1rem;}
/* background */
.bg_pp {background-color: #EDF0FF;  padding: 0 0 10rem 0;}
.bg_txt {color: #D9DFF8;}
.sub_tit1 {font-size: 2rem; font-weight: 700; line-height: 3rem; text-align: center;}
.sub_tit2 {font-size: 1.6rem; font-weight: 700; line-height: 2.8rem; text-align: center; margin-top: 2rem;}
.qna_btn {background-color: var(--pp); height: 6rem; text-align: center; margin-top: 4rem;}
.qna_btn a {font-size: 2.2rem; color: #fff; font-weight: bold; line-height: 6rem;}
.service_qna {background-color: var(--pp); height: 6rem; margin-top: 8rem; width: 40%; text-align: center;}
.service_qna a {font-size: 2.2rem; color: #fff; font-weight: bold; line-height: 6rem;}
.service_qna_desc {font-size: 2rem; color: #666666; font-weight: bold; margin-top: 3rem; text-align: left;}
.container {width: 120rem; margin: auto;}

/********** swiper **********/
.swiper {width: 100%; height: 55.5rem;}
.swiper-wrapper {z-index: -1; position: relative; width: 100%; height: 55.5rem;}
.swiper-slide .slide_desc {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); 
 z-index: 100; width: 50%; font-weight: 600; padding-left: 15rem;}
.swiper-slide .slide_desc span {display: block; color: var(--white); font-size: 2rem;}
.swiper-slide .slide_desc p {display: block; color: var(--white); font-size: 3.4rem; line-height: 6rem; margin-top: 2.8rem;}
.swiper-slide .slide_dim {width: 100%; height: 55.5rem; background:linear-gradient(to right, rgba(0,0,0,0.8) 30%, rgba(0,0,0,0.3)70%);
 position: absolute; left: 0; top: 0;z-index: 0;}
.swiper-slide img {width: 100vw; height: 55.5rem; margin: auto; display: block; -o-object-fit: cover; object-fit: cover;}
.swiper-button-prev, .swiper-button-next {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.swiper-button-next:after, .swiper-button-prev:after {display: none;}
.swiper-button-prev {margin-left: -32.65%;}
.swiper-button-next {margin-left: 35.57%;}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
 width: 1.2rem; height: 1.2rem; background-color: #8ca0e7;}

/********** header **********/
header{position: relative;}
.header_wrapper {width: 100vw; height: 8rem; background: rgba(0,0,0,0.5); position: absolute; top: 0; left: 0;
box-sizing: border-box;}
.header {width: 100%; display: flex; justify-content: space-between; padding-top: 2.26rem;}
.header .gnb {margin-top: 0.9rem;}
.header .gnb ul.dth_1 {display: flex; position: relative; top: -24px;}
.header .gnb ul.dth_1 li {padding: 2.5rem 4rem; position: relative;}
.header .gnb ul.dth_1 > li:after {content: ''; width: 12rem; height: 0.4rem; background: var(--pp); 
  position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); opacity: 0; transition: 0.3s ease-in;}
.header .gnb ul.dth_1 > li:hover:after {opacity: 1;}
.header .gnb ul.dth_1 li a{color: var(--white); font-size: 2rem;}
.header .gnb ul.dth_1 li ul.dth_2{    width: 100%; position: absolute; top: 8rem; left: 50%; transform: translateX(-50%); 
 visibility: hidden; opacity: 0; transition: 0.3s ease-in;}
.header .gnb ul.dth_1 > li:hover ul.dth_2 {visibility: visible; opacity: 1;}
.header .gnb ul.dth_1 > li:hover:after ul.dth_2 {visibility: visible; opacity: 1;}
.header .gnb ul.dth_1 li ul.dth_2 li {text-align: center; width: 100%; padding: 0; line-height: 3rem;}
.header .gnb ul.dth_1 li ul.dth_2 li a:hover {background-color: var(--pp); border-radius: 0.5rem; box-sizing: border-box; padding: .7rem;}
.header .gnb ul.dth_1 li ul.dth_2 li a {font-size: 1.6rem; line-height: 3rem;}
.header .full_menu {display: flex; height: 4rem; text-align: center; line-height: 3.5rem;}
.header .full_menu .fullmenu {background-color: transparent; border: transparent; padding: 0.5rem; transition: 0.3s ease-in;}
.header .full_menu .fullmenu:hover {background-color: var(--pp); border-radius: 0.5rem; padding: 0.5rem; box-sizing: border-box; cursor: pointer;}
.header .full_menu .fullmenu {margin-left: 2.5rem;}

/*********** LANGUAGE **********/
.full_menu .lang {border: 0.3rem solid var(--white); border-radius: 10rem; width: 8rem; position: relative;}
.full_menu .lang span {color: var(--white); font-size: 2.5rem; cursor: pointer;}
.full_menu .lang:hover ul {display: block; border: 0.3rem solid var(--white); border-top: none; border-radius: 0 0 2rem 2rem;width: 8rem; box-sizing: border-box;}
.full_menu .lang:hover {border: 0.3rem solid var(--white); border-bottom: none; border-radius: 2rem 2rem 0 0; box-sizing: border-box;}
.full_menu .lang ul {margin: -0.5rem 0 0 0; display: none; position: absolute; left: -0.3rem;}
.full_menu .lang ul li a {font-size: 2.5rem; color: #fff;}
.full_menu .lang ul li a:hover {background-color: #333; padding: 0.5rem;}

/*********** 전체메뉴 **********/
.quick_menu_wrap {position: absolute; left: 0; top: 0; width: 100vw; height: 100vh; z-index: 300; background-color: rgba(0,0,0,0.8); display: none;}
.quick_menu_wrap.active {display: block;}
.quick_menu {width: 50%; height: 100vh; position: absolute; right: 0; top: 0; background-color: var(--white); padding: 3rem 0 0 1rem;}
.quick_menu_dth1 > li {padding: 0 0 2rem 3rem; margin-top: 3rem; font-size: 2.2rem; font-weight: bold; line-height: 3rem;}
.quick_menu_dth2 {margin-top: 1rem;}
.quick_menu_dth2 > li {padding-left: 2rem;}
.quick_menu_dth2 > li:hover {background-color: var(--pp); border-radius: 0.5rem; box-sizing: border-box; padding-left: 2rem; width: 50%;}
.quick_menu_dth2 > li:hover a{color: #fff;}
.quick_menu_dth2 > li > a {font-size: 1.8rem; font-weight: bold; line-height: 3.5rem;}
.close { position: absolute; right: 10rem; top: 5rem;}
.close > button {background-color: transparent; border: transparent; cursor: pointer;}
.close > button img {width: 2rem; height: 2rem;}

/*********** SECTION / OUR SERVICE **********/
.our_service {height: auto;}
.our_main {width: 60%; text-align: center; display: flex; justify-content: space-between; margin: 0 auto;}
.our_main img {margin-bottom: 1rem; width: 80%; height: 80%;}
.our_main p.our_txt {font-size: 1.8rem; color: var(--pp); font-weight: bold;}

/*********** SECTION / TOUR SERVICE **********/
.tour_btn {text-align: right;}
.tour_btn a {margin-left: 1rem;} 
.tour_cont { display: flex; justify-content: space-between; margin-top: 2rem; gap: 1rem;}
.tour_cont > .tour_img > a > img {width: 100%;}
.tour_cont > .tour_img > a > span {font-size: 1.5rem; line-height: 21px; color: #969696;}

/*********** SECTION / CAR SERVICE **********/
.car_service { margin-top: 10rem;}
.car_main {display: flex;}
.car_main_po {position: relative; flex: 1; transition: 0.5s; border-right: 6px solid #666; box-sizing: border-box;}
.car_main_po:last-child {border: none;}
.car_main_po:hover {flex: 3;}
.car_main_po:hover .car_main_img:after {display: none;}
.car_main_img img {width: 100%; height: 50rem; -o-object-fit: cover; object-fit: cover; position: relative;}
.car_main_img:after {content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: rgba(0,0,0,0.5); display: block; z-index: 0; display: block;}
.car_main_desc p {font-size: 2.2rem; color: #fff; width: 100%; text-align: center; font-weight: 700; position: absolute; left: 0; top: 0; z-index: 1; line-height: 7rem;}
.car_main_desc p:after {content: ''; width: 100%; height: 7rem; position: absolute; left: 0; top: 0; background-color: rgba(0,0,0,0.7); display: block; z-index: -1;}
.car_main_img > a.btn_wh {position: absolute; left: 2.5rem; bottom: 2.5rem; z-index: 1;}
.car_main_img > a.btn_pp {position: absolute; left: 2.5rem; bottom: 2.5rem; z-index: 1;}

/*********** SECTION / TRIP SERVICE **********/
.trip_main {display: flex; width: 100%; justify-content: space-between; gap: 1%; align-items: flex-end; position: relative;}
.trip_main_ico {flex: 1; position: relative; transition: 0.3s;}
.trip_main_ico:hover .trip_main_img img {border: 1rem solid #a7a6a6; position: relative; box-sizing: border-box;}
.trip_main_ico:nth-child(3) {flex: 1.5; position: relative;} 
.trip_main_ico .trip_main_img {text-align: center;}
.trip_main_ico .trip_main_img img {border-radius: 100%; width: 100%;}
.trip_main_ico .trip_main_desc {text-align: center;}
.trip_main_hotBtn {position: absolute; right: 7%; top: 7%;}
.trip_main_hotBtn p {font-weight: 700; font-size: 1.5rem; line-height: 2rem; text-align: center; color: #FFFFFF; background-color: var(--pp);
  padding: 0.5rem 1rem; border-radius: 10rem; }

/*********** FOOTER **********/
footer {width: 100vw; height: auto; background: #747474; padding: 6rem 0; box-sizing: border-box; margin-top: 10rem;}
footer > .container {display: flex; gap: 10%; justify-content: space-between; }
.f_wrap {flex: 4;}
.f_customer {flex: 1;}
.f_header {display: flex; width: 100%; margin-bottom: 2rem;}
.f_header .f_nav {width: 100%;}
.f_header .f_nav > ul {display: flex; justify-content: flex-start; margin-left: 3rem; gap: 4%;}
.f_header .f_nav > ul > li {position: relative;}
.f_header .f_nav > ul > li:not(:last-child):after {content: ''; width: 0.2rem; height: 1.5rem; background-color: #bebebe; position: absolute; right: -1.2rem; bottom: 1rem;}
.f_header .f_nav > ul > li > a {font-size: 1.4rem; font-weight: 700; line-height: 3.5rem; color: #fff;}
.f_info .f_com_info li, .f_info .f_com_add li, .f_info .f_com_add li a, .f_info .f_com_host li {font-size: 1.4rem; font-weight: 700; line-height: 2.5rem; color: #fff;}
.f_info .f_com_info, .f_info .f_com_add, .f_info .f_com_host { display: flex;}
.f_info .f_com_add li, .f_info .f_com_host li {margin-right: 2.5rem;}
.f_info .f_com_info li {position: relative;}
.f_info .f_com_info li:not(:last-child) {margin-right: 2.7rem;}
.f_info .f_com_info li:not(:last-child):after {content: ''; width: 0.2rem; height: 1rem; background-color: #bebebe; position: absolute; right: -1.5rem; bottom: 0.8rem;}
.f_info .f_com_add li {position: relative;}
.f_info .f_com_add li:not(:last-child):after {content: ''; width: 0.2rem; height: 1rem; background-color: #bebebe; position: absolute; right: -1.5rem; bottom: 0.8rem;}
.f_info .f_com_host li {position: relative;}
.f_info .f_com_host li:not(:last-child):after {content: ''; width: 0.2rem; height: 1rem; background-color: #bebebe; position: absolute; right: -1.5rem; bottom: 0.8rem;}
.f_customer .cust_logo > span {font-size: 2.8rem; font-weight: 700; line-height: 3.2rem; color: #fff; padding-left: 1rem;}
.f_customer .cust_num a {font-size: 2.8rem; font-weight: 700; line-height: 3.2rem; color: #fff; letter-spacing: 1px;}
.f_customer .cust_num > ul li {font-size: 1.3rem; font-weight: 700; line-height: 2rem; color:#fff;}

/*********** SUB_INTRO **********/
.introduce > .container { position: relative;}
.intro_cont {margin-top: 5rem; margin-bottom: 12rem;}
.intro_cont p {font-size: 2.2rem; line-height: 6rem; text-align: center;}
.intro_detail {display: flex; gap: 6.5rem; margin: 10rem 0;}
.intro_photo {width: 40rem; height: 40rem; background-color: #d1c4e9;}
.intro_desc .intro_tit {font-size: 5.3rem; font-weight: 700; line-height: 4rem; margin-bottom: 3rem; position: relative; color: #969696;}
.intro_desc .intro_tit:after {content: ''; width: 9.5rem; height: 0.5rem; background-color: #d9d9d9; position: absolute; top: 4rem; left: 0;}
.intro_desc ul li {font-size: 1.6rem; line-height: 4rem; position: relative; padding-left: 1.5rem;}
.intro_desc ul li:before {content: ''; width: 0.4rem; height: 0.4rem; background-color: #666666; border-radius: 0.4rem; position: absolute; left: 0; top: 1.8rem;}
.intro_bg {background-image: url(../images/sub_desk_BG.svg); background-repeat: no-repeat; background-position: right; background-size: 30%;
  width: 100%; height: 100%; position: absolute; right: 0; top: 15rem; z-index: -100; }

/*********** SUB_CEO **********/
.ceo_intro .top_bg {background-image: url(../images/top_BG.svg); background-repeat: no-repeat; background-position: center; background-size: 100%;
  width: 100%; height: 22rem; margin: 5rem 0 5rem;}
.ceo_intro .ceo_cont {display: flex; justify-content: space-between; position: relative;}
.ceo_desc {font-size: 2.4rem; font-weight: 700; line-height: 7.5rem; text-align: right; margin-top: 5rem;}
.ceo_photo img {width: 50%; height: 100%; position: absolute; left: 0; top: 0;}

/*********** SUB_MAP **********/
.map_top_bg {margin: 5rem 0;}
.map_img {margin-bottom: 10rem;}
.map_info {width: 100%; height: 17rem; background-color: #D9DFF8; text-align: center; display: flex; align-items: center;}
.map_add {margin: 0 auto;}
.map_add .map_tit {font-size: 4rem; font-weight: 700; color: var(--pp); margin-bottom: 2.8rem;}
.map_add .map_tit_desc {font-size: 2.8rem; font-weight: 700; color: var(--pp);}
.map_desc {display: flex;  margin: 5rem 0; gap: 2rem;}
.map_add_add, .map_add_sub, .map_add_bus {display: flex; gap: 2rem;}
.map_add_desc {margin-top: 6rem;}
.map_add_ico, .map_sub_ico, .map_bus_ico {background-color: #D9DFF8; flex: 1; margin-bottom: 1rem; padding: 1rem 2rem 0; line-height: 3.5rem; flex: 1;}
.map_add_ico span, .map_sub_ico span, .map_bus_ico span {font-size: 2.4rem; color: var(--pp); font-weight: 700; padding-left: 1rem; display: inline-block;}
.map_add_ico img, .map_sub_ico img, .map_bus_ico img {vertical-align: text-bottom;}
.map_add_info, .map_sub_info, .map_bus_info {line-height: 5.5rem; flex: 4;}
.map_add_add span, .map_add_sub span, .map_add_bus span {font-size: 2.4rem; font-weight: 700;}

/*********** SUB_CONDITION  **********/
.term_intro p {font-size: 1.4rem; font-family: 'Cuprum', sans-serif; color: var(--gray); line-height: 2.8rem;}
.term_top_bg {margin: 2rem 0 4rem;}
.term_top_bg img {width: 80%;}
.term_info .term_tit {font-size: 2.4rem; margin-bottom: 3.5rem; font-weight: 700;}
.term_info .term_atten {margin: 2.8rem 0; font-size: 1rem; color: #ff3333;}
.term_desc {background-color: #e3e3e3; padding: 2rem;}
.new_line {margin-bottom: 3rem;}

/*********** SUB_TOUR_SERVICE  **********/
.tab-menu {display: flex; justify-content: space-between; gap: 8rem;}
.tab-menu > li {width: 100%; text-align: center; border-radius: 0.5rem; }
.tab-menu > li:nth-child(1) {flex: 2;}
.tab-menu > li:nth-child(2) {flex: 2;}
.tab-menu > li:nth-child(3) {flex: 3;}
.tab-menu > li > a {font-size: 3rem; font-weight: 700; line-height: 6rem;  width: 100%; display: block; border-radius: 1rem; 
  background-color: var(--pp); margin-bottom: 1rem; color: #fff;}
.tab-menu-sub {display: flex; width: 100%; gap: 1.5rem; justify-content: center;}
.tab-menu-sub > li {background-color: #e4e3e3; line-height: 4rem; width: 100%; border-radius: 1rem; padding-top: 1rem;}
.tab-menu-sub li a {font-size: 2rem; font-weight: 700;}
.tour_sch.mobile {display: none;}
#tab-content {margin-top: 7rem;}
#tab-content .city_desc {font-size: 2rem; line-height: 3.5rem; margin-top: 7rem; text-align: center;}
#tab-content .city_desc img {margin-bottom: 3rem; width: 100%;}
.tour_qna {background-color: var(--pp); height: 6rem; width: 40%; text-align: center; margin: 10rem auto;}
.tour_qna a {font-size: 2.2rem; color: #fff; font-weight: bold; line-height: 6rem;}
.tour_tit {font-size: 3.6rem; font-weight: 700; line-height: 6rem; color: var(--pp); border-bottom: 1px solid var(--pp);
    margin-bottom: 2rem; display: inline-block; padding: 0 3rem;}
.tour_sch {font-size: 2.4rem; font-weight: 700; margin-bottom: 8rem;}
.tour_sub_tit {font-weight: 700; font-size: 2.4rem;}
.day {font-size: 2rem; font-weight: 700; font-size: 3rem; font-weight: 700; margin: 5rem auto 3rem;
    border: 1px solid #333; padding: 0.5rem 3rem; width: 10rem;}
#tabs-1, #tabs-2, #tabs-3, #tabs-4, #tabs-5, #tabs-6, #tabs-7 {display: none;}
#tabs-1.active, #tabs-2.active, #tabs-3.active, #tabs-4.active, #tabs-5.active,  #tabs-6.active, #tabs-7.active {display: block;} 

/*********** SUB_GUIDE_SERVICE  **********/
.guide_cont {display: flex; width: 65%; flex-wrap: wrap; margin: 0 auto;}
.guide_cont li {width: 50%; text-align: center; box-sizing: border-box;}
.guide_cont li img {display: block; margin: 8rem auto 2rem;}
.guide_cont li span {font-size: 1.6rem; font-weight: 700; line-height: 2.8rem;}
.guide_trans {margin-top: 8rem;}
.guide_trans > .sub_tit1 {color: var(--pp); text-align: center; padding-bottom: 0.8rem;}
.guide_trans > .sub_tit2 {text-align: center; margin-top: 1rem; line-height: 2.8rem; padding-left: 1rem; padding: 0 1rem; padding: 0 3rem;}
.guide_trans > ul {display: flex; justify-content: space-between; padding: 6rem 0 0;}
.guide_trans > ul li {text-align: center; font-size: 1.6rem; font-weight: 700;}
.guide_trans > ul li img {display: block; padding-bottom: 2rem;}

/*********** SUB_CAR_SERVICE  **********/
.car_service_list {width: 100%; text-align: center; background-color: #F7F8FF; margin: 4.5rem 0;}
.car_service_list ul {display: inline-block; text-align: left; padding: 4.5rem 0;}
.car_service_list ul li img {vertical-align: top; padding: 2.5rem 2rem 2.5rem 0;}
.car_service_list ul li span{font-size: 2.2rem; font-weight: 700; line-height: 8rem;}
.car_list ul li {text-align: center; position: relative; margin: 1%;}
.car_list ul li img {width: 100%;}
.car_list ul li span{font-size: 3.5rem; font-weight: 700; position: absolute; left: 0; top: 0; width: 100%; text-align: left;
  background-color: rgba(0,0,0,0.8); color: #fff;  line-height: 10rem; padding-left: 7rem; box-sizing: border-box;}
.tab_car {display: flex; justify-content: center; gap: 2rem;}
.tab_car li {width: 100%; text-align: center; border-radius: 0.5rem;}
.tab_car li a {font-size: 2.6rem; font-weight: 700; line-height: 6rem;  width: 100%; display: block; border-radius: 1rem; 
  background-color: var(--pp); margin-bottom: 1rem; color: #fff;}
#car-1, #car-2, #car-3, #car-4 {display: none;}
#car-1.active, #car-2.active, #car-3.active, #car-4.active {display: block;}
.tab_car_desc {font-size: 2rem; line-height: 3.5rem; margin-top: 7rem; text-align: center;}
.tab_car_tit {font-size: 3.6rem; font-weight: 700; line-height: 6rem; color: var(--pp); border-bottom: 1px solid var(--pp);
    margin-bottom: 2rem; display: inline-block; padding: 0 3rem;}
.tab_car_sch {font-size: 2rem; font-weight: 700; margin-bottom: 8rem;}
.tab_car_sub_tit {font-size: 2rem; font-weight: 700;}
.tab_car_desc img {margin-bottom: 4rem;}
.tab_car_desc img {width: 100%;}

/*********** SUB_VIP_SERVICE  **********/
.vip_service_list {width: 100%; text-align: center; background-color: #F7F8FF; margin: 4.5rem 0;}
.vip_service_list ul {display: inline-block; text-align: left; padding: 4.5rem 0;}
.vip_service_list ul li img {vertical-align: top; padding: 2.5rem 2rem 2.5rem 0;}
.vip_service_list ul li span{font-size: 2.2rem; font-weight: 700; line-height: 8rem;}
.vip_ciq {width: 100%; background-color: var(--pp); height: 6rem; margin-top: 8rem; text-align: center;}
.vip_ciq .vip_sub_tit1 {font-size: 2.8rem; color: #fff; font-weight: bold; line-height: 6rem;}
.vip_list .vip_sub_tit2 {font-size: 2rem; color: #666666; font-weight: bold; margin-top: 3rem; text-align: left; margin-bottom: 5rem;}
.vip_list ul {display: flex; flex-wrap: wrap;}
.vip_list ul li {line-height: 5rem; margin: 1rem; background-color: #E7ECFF; padding: 1rem 2rem;}
.vip_list ul li:nth-child(2n) {line-height: 6rem; background-color: transparent; padding: 0.5rem;}
.vip_list ul li img {width: 2.5rem; }
.vip_list ul li span{font-size: 2.4rem; font-weight: 700; }
.vip_sub_tit3 {margin-top: 8rem;}
.vip_sub_tit3 span {line-height: 10rem; font-size: 3rem; color: var(--pp); padding-left: 1rem; font-weight: 700;}

/*********** SUB_VIP_SERVICE  **********/
.mice_cont li span {line-height: 2rem;}

/*********** SUB_CONTACT_SERVICE  **********/
.contact {font-size: 1.5rem; line-height: 3rem; font-weight: 700;}
.contact label {display: block; margin: 1rem 0 1rem;}
.contact input {display: block; height: 3rem; border-radius: 0.5rem; border: 1px solid #CFCFCF; width: 100%;}
.contact_tit {display: flex; justify-content: space-between; border-bottom: 1px solid #666666; margin: 8rem 0 2rem;}
.contact_tit > p {font-size: 1.5rem; font-weight: 700; display: inline-block; line-height: 3rem;}
.contact_tit .contact_ref {font-size: 1.2rem; }
.contact_top { display: flex; justify-content: space-between; flex: 1; box-sizing: border-box;}
.contact_top .contact_name {width: 48%;}
.contact_top .contact_tel {width: 48%;}
.contact_down {display: flex; justify-content: space-between; flex: 1; box-sizing: border-box; margin-top: 2rem;}
.contact_down .contact_email {width: 48%;}
.contact_down .contact_num {width: 48%;}
.contact_qna_cate select {height: 3rem; border-radius: 0.5rem; border: 1px solid #CFCFCF; width: 48%;}
.contact_qna_tit {width: 48%; margin-top: 2rem;}
.contact_qna_content {margin-top: 2rem;}
.contact_qna_content input {width: 100%; height: 30rem; overflow-y: scroll; position: relative; top: 0; box-sizing: border-box;}
.contact_qna_content input::-webkit-input-placeholder {vertical-align: top;}
.contact_qna_content input::-moz-placeholder {vertical-align: top;}
.contact_qna_content input:-ms-input-placeholder {vertical-align: top;}
.contact_qna_content input::-ms-input-placeholder {vertical-align: top;}
.contact_qna_content input::placeholder {text-align: center; position: absolute; left: 1rem; top: 1rem;}
.contact_agree_cont {border: 1px solid #CFCFCF; padding: 2rem; border-radius: 0.5rem; margin-top: 2rem; overflow-y: scroll; height: 20rem;}
.contact_agree_cont p {font-size: 1.2rem; line-height: 2rem; font-weight: normal;}
.contact_agree_chk {margin-top: 2rem;}
.contact_agree_chk > input {display: inline-block; width: auto; vertical-align: middle;}
.contact_agree_chk > label {display: inline-block; }
.import {font-size: 1.2rem; color: #ff0000;}

/*********** SUB_STORY  **********/
.story > ul {display: flex; flex-wrap: wrap;}
.story > ul li {width: 50%; margin-bottom: 1rem; position: relative;}
.story > ul li:nth-child(1n) {width: 25%;}
.story > ul li:nth-child(2n) {width: 75%; background-color: #E7ECFF; padding: 2rem 3rem; box-sizing: border-box;} 
.story > ul li img {width: 100%; -o-object-fit: cover; object-fit: cover; height: 100%;}
.story .story_tit {font-size: 2.6rem; font-weight: 700; margin: 1rem 0;}
.story .story_day {font-size: 1.4rem; font-weight: 700; margin-bottom: 2rem;}
.story .story_cont {font-size: 2rem; font-weight: 700; line-height: 3.8rem;}
.btn_more {font-size: 2rem; font-weight: bold; line-height: 3rem; height: 2.5rem; text-align: center; color: #FFFFFF; padding: 0.5rem 2rem;
  background-color: var(--pp); border: transparent; border-radius: 5rem; display: block; text-transform: uppercase; display: inline-block;
  position: absolute; right: 1.5rem; top: 1.5rem;}
.page {margin-top: 5rem;}
.page > ul {display: flex; justify-content: center; gap: 2rem; background-color: transparent;}
.page > ul li a {font-size: 2.5rem;}

/*********** SUB_STORY_CONT  **********/
.story_cont > ul {display: flex; flex-wrap: wrap;}
.story_cont > ul li {width: 25%; height: 5rem; line-height: 5rem; border: 1px solid #cfcfcf; box-sizing: border-box; border-collapse: collapse; margin: -1px;}
.story_cont > ul li:nth-child(1n) {font-size: 1.5rem; font-weight: 700; background-color: #E7ECFF; width: 10%; text-align: center; color: var(--gray);}
.story_cont > ul li:nth-child(2n) {font-size: 1.5rem; background-color: #fff; width: 40%; color: var(--gray); text-align: left; padding-left: 1rem;}
.story_photo {padding: 5rem;}
.story_photo img {display: block; margin: 0 auto; width: 50%; margin-bottom: 1rem;}
.story_desc {border-bottom: 1px solid #cfcfcf; padding-bottom: 5rem;}
.story_desc p {font-size: 2rem; font-weight: 700; padding: 0 5rem; line-height: 3.4rem; }
.story_list {background-color: #E7ECFF; text-align: center; width: 15rem; height: 5rem; line-height: 5rem; margin-top: 1rem; }
.story_list a {font-size: 2.4rem; font-weight: 700;}
.page2 {margin-top: 6rem;}
.page2 > ul {display: flex; justify-content: center; gap: 5rem;}
.page2 > ul li a {font-size: 3rem; font-weight: 700;}
.page > ul li a.active {font-weight: 700; color: #3d5afe;}


@media (max-width: 1305px) {
 .container {width: 90%;}
 .header_wrapper {height: 13rem;} 
 .close { position: absolute; right: 5rem; top: 5rem;}
 .f_info .f_com_info li, .f_info .f_com_add li, .f_info .f_com_add li a, .f_info .f_com_host li {font-size: 1rem; line-height: 2rem;}
.ceo_desc {margin-top: 5rem; font-size: 1.7rem; line-height: 6rem;}
.ceo_desc p {margin-top: 0rem;}
.map_add_ico, .map_sub_ico, .map_bus_ico {flex: 1.5;}
.tab-menu {gap: 3rem;}

.qna_btn {margin-top: 3rem;}
.vip_list ul {display: block;}
.vip_list ul li {text-align: center;}
.vip_list ul li img {transform: rotate(90deg);}
}