/* media : 480~625 */
@media (max-width: 625px) {
.swiper-slide .slide_desc {padding-left: 0;}
.swiper-slide .slide_desc span {font-size: 1.5rem;}
.swiper-slide .slide_desc p {font-size: 2.2rem; line-height: 3rem; margin-top: 2rem; text-align: center; letter-spacing: -2px;}
.swiper {height: 35.5rem;}
.swiper-wrapper {height: 35.5rem;}
.swiper-slide .slide_dim {height: 35.5rem;}
.swiper-slide img {height: 35.5rem;}
.quick_menu {width: 70%;  padding: 3rem 0 0 2rem}
.quick_menu_dth2 > li:hover {width: 50%;}
.title {margin: 4rem 0 2rem 0;}
.our_main {width: 100%; text-align: center; margin: 0 auto; display: block;}
.our_main_ico a {display: flex; margin-bottom: 2rem; border: 1px solid var(--pp); border-radius: 0.5rem; background-color: #fff;
 padding: 0.5rem 0 0.5rem 1.5rem;}
.our_main img {width: 4rem; height: 4rem; margin: 0;}
.our_main p.our_txt {font-size: 2rem; color: var(--pp); font-weight: bold; line-height: 4rem; padding-left: 1rem;}
.btn_pp {font-size: 1.4rem; line-height: 2rem; height: 1.8rem; padding: 0.5rem 1.3rem;}
.car_main_img > a.btn_wh {font-size: 1.4rem; height: 2rem; padding: 0.3rem 1.3rem; line-height: 2.2rem; right: 2.5rem; left: inherit;}
.car_main_img > a.btn_pp {right: 2.5rem; left: inherit;}
.trip_main_desc {margin-top: -4%;}
.img_tit {font-size: 1.7rem; margin-bottom: 1rem;}
.img_desc {font-size: 1.6rem; line-height: 2.5rem;}
.f_header {display: block; margin-bottom: 0rem;}
.f_header .f_nav > ul {margin-left: 0;}
.f_header .f_logo {margin-bottom: 2rem;}
.cust_num {display: block;}
.f_customer {position: relative;}
.f_customer .cust_num a {font-size: 3.8rem;}
.cust_num > ul {position: absolute; display: flex; left: 3rem; bottom: -2rem;}
.f_info .f_com_info li:not(:last-child):after {right: -1rem;}
.sub {display: none;}
.intro_cont {margin-bottom: 6rem;}
.intro_detail {display: block; margin: 6rem 0;}
.intro_photo {width: 100%; height: 40rem; margin: 0 auto;}
.intro_desc .intro_tit {font-size: 3.6rem; margin-top: 2rem;}
.intro_bg {display: none;}
.ceo_intro .top_bg {height: 13rem;}
.map_info {height: 13rem;}
.map_top_bg img {width: 80%;}
.map_img {margin-bottom: 8rem;}
.map_add_desc {margin-top: 5rem;}
.map_add .map_tit {font-size: 2.4rem; margin-bottom: 1.8rem;}
.map_add .map_tit_desc {font-size: 1.8rem;}
.map_add_add span, .map_add_sub span, .map_add_bus span {font-size: 2.2rem;}
.map_add_ico, .map_sub_ico, .map_bus_ico {margin-bottom: 0;}
.guide_sub_tit2 {display: none;}
.guide_cont {justify-content: space-between; width: 85%; gap: 3rem;}
.guide_cont li img {width: 80%;}
.guide_cont li {width: 45%;}
.guide_cont li img {margin: 5rem auto 1rem;}
.guide_trans > ul {flex-wrap: wrap;}
.guide_trans > ul li {width: 30%;}
.guide_trans > ul li img {padding-top: 5rem;}
.service_qna {width: 60%;}
.guide_sub_tit1 {padding: 0 3rem;}
.car_list ul li span {line-height: 6rem; font-size: 2.5rem; padding-left: 5rem;}
.car_service_list ul li span {font-size: 1.6rem; line-height: 4rem;}
.car_service_list ul li img {width: 7%; vertical-align: middle; padding: 0 1rem 0 0;}
.vip_list ul li span {line-height: 6rem; font-size: 2.5rem; padding-left: 5rem;}
.vip_service_list ul li span {font-size: 1.6rem; line-height: 4rem;}
.vip_service_list ul li img {width: 7%; vertical-align: middle; padding: 0 1rem 0 0;}
.vip_ciq .vip_sub_tit1 {padding: 2rem; font-size: 2.2rem; line-height: 3rem;}
.vip_list .vip_sub_tit2 {font-size: 1.8rem;}
.vip_list ul li span {font-size: 2rem; padding-left: 0;}
.service_qna_desc {line-height: 4rem;}
.vip_list ul li span {padding-left: 0;}
.vip_sub_tit3 span {font-size: 2.2rem;}
.contact_tit .contact_ref {font-size: 1rem;}
.contact_top {display: block; width: 100%;}
.contact_top .contact_name, .contact_top .contact_tel, .contact_down .contact_email, .contact_down .contact_num, 
.contact_qna_cate select, .contact_qna_tit {width: 100%;}
.contact input {width: 100%;}
.contact_down {display: block;}
.contact label { margin: 3rem 0 0.5rem;}
.contact_agree_chk > input {width: auto;}
.service_qna {width: 100%;}
.story .story_cont {font-size: 1.6rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.story > ul li:nth-child(2n) {padding: 1rem; height: 23rem;}
.story_cont > ul li:nth-child(1n) {width: 30%;}
.story_cont > ul li:nth-child(2n) {width: 70%;}
.story_cont > ul li {height: 4rem; line-height: 4rem;}
.story_photo img {width: 90%;}
.story_desc p {padding: 0 2rem;}
.page2 > ul li a {font-size: 2rem;}
.page2 > ul li a img{width: 70%;}
.page > ul {display: flex; justify-content: center; gap: 2rem; background-color: transparent;}
.tab-menu li {width: 100%;}
.tab-menu > li > a {width: 50%;}
.tour_tit {font-size: 3rem; padding: 0 2rem}; 
.tour_sch {font-size: 2rem; margin-bottom: 6rem;}
.tour_sub_tit {font-size: 2rem;}
.tour_qna {width: 50%;}
.tab_car li a {font-size: 1.8rem;}
.tab_car_tit {font-size: 2.6rem;}
.tab_car_tit {line-height: 4rem; padding: 0 1rem;}
.tab_car_sch {font-size: 1.4rem;}


}

/* media : 360~479 */
@media (max-width: 479px) {
 .container {width: 90%;}
.swiper-slide .slide_desc span {font-size: 1.3rem;}
.swiper-slide .slide_desc p {font-size: 1.7rem;}
.quick_menu {width: 80%;  padding: 3rem 0 0 2rem}
.quick_menu_dth1 > li {padding: 0 0 0rem 1rem;}
.quick_menu_dth2 > li:hover {width: 55%;}
.tour_cont {display: none;}
.tour_btn {display: flex; flex-wrap: wrap; justify-content: center; grid-template: 0.5rem;}
.tour_btn > a {width: 30%; height: 8rem; border-radius: 5px; display: block; background-color: var(--lpp); margin: 0.5rem;}
.tour_btn > a > p.btn_pp {font-weight: 700; font-size: 20px; height: 7rem; width: 81%; line-height: 7rem; text-align: center; color: #666666; background-color: transparent;}
.trip_main_ico {display: block;}
.trip_main_ico .trip_main_img {width: 70%; margin: 0 auto;}
.trip_main_hotBtn {right: 20%;}
.f_wrap {padding-left: 3%;}
.f_header .f_nav > ul {flex-wrap: wrap; gap: 5%;}
.f_header .f_nav > ul > li > a {line-height: 2.5rem;}
.f_info .f_com_info, .f_info .f_com_add, .f_info .f_com_host {display: block;}
.f_header .f_nav > ul > li:not(:last-child):after {bottom: 0.8rem;}
.f_info .f_com_info li:not(:last-child):after, .f_info .f_com_add li:not(:last-child):after, .f_info .f_com_host li:not(:last-child):after {display: none;}
.f_customer {display: block;}
.f_customer .cust_logo {margin-bottom: 1rem;}
.cust_num > ul {left: 0;}
.ceo_desc {font-size: 1.3rem; line-height: 3.5rem;}
.map_add .map_tit {font-size: 2rem;}
.map_add .map_tit_desc {font-size: 1.4rem;}
.map_add_add span, .map_add_sub span, .map_add_bus span {font-size: 1.6rem;}
.term_desc {padding: 1rem;}
.term_intro p {font-size: 1.2rem; line-height: 2.2rem;}
.term_info .term_tit {margin-bottom: 2.5rem;}
.term_info .term_atten {margin: 1.4rem 0;}
.new_line {margin-bottom: 2rem;}
.term_top_bg {margin: 2rem 0 4rem;}
.tab-menu li {margin-bottom: 1rem;}
.tab-menu > li > a {font-size: 2.5rem;}
.tour_tit {font-size: 2.5rem; line-height: 5rem;}
.tour_sch {font-size: 1.8rem; margin-bottom: 4rem;}
.tour_sub_tit {font-size: 2rem;}
.tour_qna {width: 60%;}
.tab-menu > li > a {width: 70%; padding-top: 2.5rem;}
.tab-menu-sub {display: block;}
#tab-content .city_desc {font-size: 1.6rem; line-height: 3rem; margin-top: 4rem;}
.qna_btn {height: 5rem;}
.qna_btn a {line-height: 5rem;}
.guide_sub_tit1 {font-size: 1.5rem; padding: 0 1rem;}
.guide_cont li {width: 44%;}
.guide_cont li span {font-size: 1.2rem;}
.guide_trans > .sub_tit1 {font-size: 1.8rem;}
.service_qna {width: 100%;}
.service_qna_desc {font-size: 1.4rem; line-height: 3rem;}
.service_qna_desc {text-align: center;}
.car_list ul li span {line-height: 5rem; font-size: 2rem; padding-left: 3rem;}
.car_service_list ul li span {font-size: 1.4rem; line-height: 4rem;letter-spacing: -1px;}
.vip_list ul li span {line-height: 0rem; font-size: 1.6rem; padding-left: 0;}
.vip_service_list ul li span {font-size: 1.5rem; line-height: 4rem;letter-spacing: -1px;}
.vip_list .vip_sub_tit2 {line-height: 4rem;}
.sub_tit1.guide_sub_tit1 {padding: 0 4rem;}
.contact_tit {display: block;}
.contact_tit > p {display: block; text-align: left;}
.contact_tit .contact_ref {display: block;}
.story .story_cont {font-size: 1.4rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.story > ul li:nth-child(2n) {padding: 1rem; height: 23rem;}
.story .story_tit {font-size: 2rem;}
.tab_car {flex-wrap: wrap;}
}