/* media : 871~1023 */
@media (max-width: 1023px) {
.container {width: 90%; margin: auto;}
.swiper-button-prev {margin-left: -41.65%;}
.swiper-button-next {margin-left: 42.57%;}
.swiper-slide .slide_desc {width:70%;}
.header_wrapper {padding-top: 0; width: 100vw; height: 8rem;}
.header .gnb ul.dth_1 li {padding: 2.5rem 3.2rem;}
.header .gnb ul.dth_1 li a {font-size: 1.6rem;}
.sub_nav {display: none;}
.header .logo {margin-top: 0.6rem;}
.header .logo img {width: 12rem; height: auto;}
.header .full_menu img.mypage,
.header .full_menu img.fullmenu {width: 2.5rem; height: auto;}
.header .full_menu img.mypage:hover,
.header .full_menu img.fullmenu:hover {width: 3.5rem; height: auto; transition: none;}
.header .full_menu img.fullmenu {margin-left: 1rem;}
.our_main {width: 70%;}
.our_main img {width: 80%; height: 80%;}
.our_main p.our_txt {letter-spacing: -0.1rem;}
.btn_pp {font-size: 1.8rem; line-height: 2.5rem; height: 2.3rem; padding: 0.5rem 1.5rem; }
.car_main {flex-direction: column;}
.car_main_img:after {display: none;}
.car_main_img img {height: auto; vertical-align: top;}
.car_main_po {transition: 0; border-right: transparent; border-bottom: 6px solid #666;}
.img_tit {font-size: 1.6rem;}
.img_desc {font-size: 1.2rem;}
footer {position: relative; padding: 4rem 0;}
footer > .container {display: block;}
.f_header .f_nav > ul > li:not(:last-child):after {right: -1.2rem;}
.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.2rem; line-height: 2rem;}
.f_customer {display: flex; margin-left: 0; margin-top: 2rem;}
.f_customer .cust_num {margin-left: 1.5rem;}
.cust_num {display: flex;}
.f_customer .cust_num a {line-height: 4rem;}
.f_customer .cust_num > ul {margin-left: 2rem;}
.f_header .f_nav > ul {display: flex; justify-content: flex-start; margin-left: 7rem; gap: 4.7%;}
.intro_cont p {font-size: 2rem; line-height: 5rem;}
.intro_cont {margin-bottom: 8rem;}
.intro_photo {width: 35rem; height: 35rem; background-color: #d1c4e9;}
.intro_detail {gap: 4rem;}
.intro_desc .intro_tit {font-size: 4.8rem; }
.intro_desc .intro_tit:after {width: 8.5rem;}
.intro_desc ul li {font-size: 1.4rem; line-height: 3rem; padding-left: 1.2rem;}
.intro_desc ul li:before {top: 1.2rem;}
.intro_bg {top: 3.6rem; }
.ceo_intro .ceo_cont {display: block;}
.ceo_intro .top_bg {margin: 5rem 0 0;}
.ceo_desc {font-size: 2.4rem; font-weight: 700; line-height: 6rem; text-align: center;}
.ceo_desc p {margin-top: 1rem;}
.ceo_photo {text-align: center;}
.ceo_photo img {position: relative;}
.ceo_intro .top_bg {margin: 0 0 0;}
.map_add_add span, .map_add_sub span, .map_add_bus span {font-size: 2rem;}
.map_add_ico, .map_sub_ico, .map_bus_ico {flex: 1.5;}
.tab-menu {gap: 3rem;}
.tab-menu-sub {gap: 0.5rem;}
.tab-menu-sub li a {font-size: 2rem;}
.car_list ul li span {font-size: 3rem;}
.vip_ciq .vip_sub_tit1 {font-size: 2.4rem;}
}


/* media : 768~870 */
@media (max-width: 870px) {
.swiper-slide .slide_desc {padding-left: 8rem;}
.header .gnb {display: none;}
.swiper-slide .slide_desc span {font-size: 1.8rem;}
.swiper-slide .slide_desc p {font-size: 3.4rem; line-height: 5rem; margin-top: 2rem;}
.quick_menu_dth2 > li:hover {width: 50%;}
.close {right: 3rem; top: 3rem;}
.close > button img {width: 2rem; height: 2rem;}
.our_main img {width: 65%; height: 65%;}
.our_main p.our_txt {font-size: 1.5rem;}
.tour_cont {flex-direction: row; flex-wrap: wrap;}
.tour_cont > .tour_img {width: 49%; margin-bottom: 3rem;}
.tour_cont > .tour_img {width: 48%; margin-bottom: 2rem;}
.btn_pp {font-size: 1.6rem; line-height: 2.2rem; height: 2rem; padding: 0.5rem 1.3rem;}
.img_tit {font-size: 1.4rem;}
.img_desc {font-size: 1.2rem;}
.f_header .f_nav > ul {display: flex; justify-content: flex-start; margin-left: 6rem; gap: 4%;}
.f_info .f_com_info li:not(:last-child) {margin-right: 3%;}
.f_header .f_nav > ul > li > a {font-size: 1.2rem;}
.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;}
.intro_cont p {font-size: 1.8rem;}
.intro_photo {width: 30rem; height: 30rem; background-color: #d1c4e9;}
.intro_detail {gap: 3rem;}
.ceo_desc {font-size: 1.8rem; line-height: 5rem;}
.map_desc {display: block;}
.map_top_bg img {width: 90%;}
.map_add_add, .map_add_sub, .map_add_bus {display: block;}
.map_add_info, .map_sub_info, .map_bus_info {margin-bottom: 3rem; font-size: 2.4; padding-left: 2rem;}
.map_add_add span, .map_add_sub span, .map_add_bus span {font-size: 2.4rem;}
.map_add_ico, .map_sub_ico, .map_bus_ico {background-color: white; border: 2px solid #D9DFf8; border-radius: 0.7rem;}
.guide_cont li img {width: 80%;}
.service_qna_desc {font-size: 1.6rem;}
.car_service_list ul li span {font-size: 2rem;}
.vip_ciq {height: 100%; padding: 0 1rem; box-sizing: border-box;}
.vip_ciq .vip_sub_tit1 {display: block; padding: 1rem; font-size: 2.8rem;}
.story > ul li:nth-child(1n) {width: 30%;}
.story > ul li:nth-child(2n) {width: 70%; background-color: #E7ECFF; padding: 2rem 3rem; box-sizing: border-box;}
.story .story_cont {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.tab_car li a {font-size: 2.4rem;}
.tab_car_tit {font-size: 3.2rem;}
.tab_car_sch {font-size: 1.6rem;}
}