/*공통*/



@media (min-width:1770px) {
	.footer_container.container{padding-left:8%;padding-right:8%;max-width:100%}
	.header__container.container{padding-left:8%;padding-right:8%;max-width:100%;}
	/*.header__container.container{max-width:1760px;}*/
}

@media (min-width: 1400px) {
 .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1320px; }
}

@media (min-width: 1620px) {
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1600px;}
}

@media (min-width: 768px) {
	.bottom_contact{padding:80px 0px 80px 0px;}
	.col-md-21 {
        flex: 0 0 auto;
        width: 20%; }
	.dashboard__content_content {padding-top: 30px;}
}



/*서브미디어쿼리*/
@media (min-width: 1200px) {
.sub_section{border-radius: 70px 70px 0px 0px;}
.adress_wrap .adress_title{width:30%;}
.adress_wrap .adress_btext{width:70%;text-align:right;}
.display_flex{display:flex;align-items: center;gap:35px;}

}

@media (max-width: 1199px) {
.sub_section{border-radius: 35px 35px 0px 0px;}

.call_wrap {margin-top: 20px;}
.about_wrap .col-lg-3 { width: 50%;}
.acion_wbox{ margin-top: 20px;}

.sub_acion_box .col-lg-3 { width: 50%;}

#reser2 .sub_trip {display: flex; flex-direction: column;}
#reser3 .white-box { padding: 28px;}


.board_list .num { width: 7%;}
.board_list .title { width: 23%;}
.board_list .date { width: 12%;}
.board_list .date-apply { width: 13%;}
.board_list .writer { width: 13%;}

.in { text-indent: -24px; margin-left: 24px;}
.text-20 { font-size: 16px !important;}
.tabs__button { padding: 10px 25px 8px 25px; line-height: 1.6;}

.mobile-scroll { display: flex; overflow-x: auto; white-space: nowrap; gap: 10px; padding-bottom: 10px; -webkit-overflow-scrolling: touch;}


.mobile-scroll .button { flex: 0 0 auto; padding: 10px 20px;}

#about4 .col-lg-4.col-md-6:nth-child(1),
#about4 .col-lg-4.col-md-6:nth-child(2),
#about4 .col-lg-4.col-md-6:nth-child(3){ margin-top: 0 !important;}
.eng_map_text { margin-top: -70px;}

#notice1 .board_con { display: flex; align-items: center; justify-content: space-between; padding: 10px;}
#notice1 .board_con .title { max-width: 75%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-break: keep-all; min-width: 0; flex-grow: 1;}

}


@media (min-width:992px) {
select {

   background:url('../image/arr_pink.jpg') no-repeat 96% 50%/18px auto;

}
.footer_wrap{display:flex;align-items: center; gap:45px;}
.about_sub_w{position:relative;}
.about_sub_w:after{content:'';position:absolute;left:0px;bottom:0px;background:#fff;width:100%;height:300px;z-index:1;}
.box_gray_bg{position:relative;z-index:98;}


}
@media (max-width:991px) {

 .contactForm_reserwrap .row{--bs-gutter-x: 30px;
    --bs-gutter-y: 0;
    display: flex
;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y)* -1);
  margin-right: 0px ;
    margin-left: 0px ;
	}
 .contactForm_reserwrap .row>*{max-width: 100%;
    padding-right: calc(var(--bs-gutter-x)* 0.1);
    padding-left: calc(var(--bs-gutter-x)* 0.1);
    margin-top: var(--bs-gutter-y); }

select {background:url('../image/arr_pink.jpg') no-repeat 95% 50%/18px auto;}
.btn_add_car{font-size:0.90rem;}
.footer_wrap{text-align:Center;}
.footer_wrap .dis_binline{margin-top:20px;}
.footer_wrap p > span{display:block;}
.main_about_section{width:97%;}
.a_cion_wrap img{width:35px;}
body{font-size:12px;}
p, span, li{font-size:1.0rem;}
h2, h2 > span, h2 > p, h2 > p span{font-size:2.4rem;}
h3{font-size:1.15rem;}
h4{font-size:1.10rem;}
h6{font-size:1.05rem;font-weight:600 ! important;}
.pageHeader.-type-1 h2.pageHeader__title{font-size:2.4rem;}
.pageHeader.-type-1 p.pageHeader__text{font-size:1.05rem;}
.main_title > p{font-size:1.0rem;}
.icon_wr h4{font-size:1.10rem;margin-top:15px;}
.contact_day_wrap, .people_text span{font-size:1.25rem;}
.people_text span.unit_t{font-size:1.05rem;}
label{font-size: 1.00rem;}
#reser3 .white-box { margin-bottom: 30px;}

#about4 .col-lg-4.col-md-6:nth-child(1),
#about4 .col-lg-4.col-md-6:nth-child(2){ margin-top: 0 !important;}
#about4 .col-lg-4.col-md-6:nth-child(3) { margin-top: 30px !important;}

}

@media (max-width:991px) {

.moblie_mt1{margin-top:10px ! important;}
.moblie_mt4{margin-top:30px ! important;}
.contactForm_reser .row > .col-md-6{ flex: 0 0 auto; width: 100%;}
.agree_section_wrap .row .col-12.col-md-4{ flex: 0 0 auto; width: 100%;}
.tourer_formsection .row > .col-md-6{flex: 0 0 auto; width: 50%;}
.call_wrap{margin-top:20px;}
.button.booking_bt{font-size:0.85rem;    padding: 6px 30px 4px 30px;}
.header .header__logo svg{width:90px;}
.header.-is-sticky .header__logo svg{width:80px;}
.footer img{width:80px;}
.icon_wr .c_icon{margin-top:40px;width: 90px;
    height: 90px;
    line-height: 85px;}
	.icon_wr .c_icon img{width:40px;}

.about_call span:last-child{font-size:1.25rem;}
.eng_text{font-size:60px;}
.eng_map_text {
    margin-top: 20px;
}
.map_bg{margin-top:-32px;}
.header.-type-1 .header__logo{text-align:center;margin-left:20px;}
.main_about_section{width:97%;}
.a_cion_wrap img{width:45px;}
.a_cion_wrap img.a_icon2{width:55px;}
.acion_wbox{margin-top:20px;}
.header.-type-1.-page-6.js-header .header__right {
        display: block;
    }
.header.-type-1.-page-6.js-header .header__center { display: none; }
    .headerMobile__left{
        display: block;
    }

	.pageHeader.-type-1{margin-top:0px;}
.more_bt_wrap a > span{font-size:0.80rem;}
.notice_list_w p a{font-size:0.85rem;}
.main_title h2{margin:10px 0px 15px 0px;}

.trip_wbox.parking {gap: 51px;}
.sub_trip_box .trip_wbox { gap: 40px;}
.time-content  { gap: 100px;}
.time-content.car{ gap: 50px;}

.sub_trip_box .trip_wrap{ width: 100px;}
.trip_wbox.parking .trip_wrap { width: 21%;}

.board_list > div > div { font-size: 15px;}
.board_list .num { width: 5%;}
.board_list .title { width: 25%;}
.board_list .writer { width: 10%;}
.board_list .date-count { width: 14%;}
.board_list .date{ width: 12%;}
.board_list .date-hour { width: 11%;}
.board_list .date-apply { width: 13%;}
.board_list .reser-status { width: 10%;}

.text-20 { font-size: 14px !important;}
.tabs__button { padding: 10px 20px 8px 20px;}


}

@media (max-width:1201px) {
.main_notice_section .col-12.col-md-7{    flex: 0 0 auto; width: 100%;}
.main_notice_section .col-12.col-md-5{    flex: 0 0 auto;width: 100%;}

}

@media (max-width:767px) {
.main_about_section{background-position: center top;}
.qna_list{width:100%;}
.main_title h2 br{display:none;}
.right_quick{display:none;}
.moblie_mt2{margin-top:10px ! important;}

.mblie_767{display:none;}
.agree_section_wrap h3{font-size:1.15rem;}
.pageHeader.-type-1{padding: 150px 0px;}

.dashboard__content_content { padding: 24px 0;}
.board_list .num {display: none;}
#notice1 .board_list .title { width: 75%;}

.board_list .title { width: 30%;}
.board_list .date-count { width: 20%;}
.board_list .writer{ width: 11%;}
.board_list .date{ width: 16%;}
.board_list .reser-status { width: 12%;}
.board_list .date-apply { display: none;}

.in { text-indent: -19px; margin-left: 29px;}
.pt-40 { padding-top: 20px !important;}

}


@media (max-width:648px) {
body{font-size:12px;}
.contactForm{padding:35px 25px;}
p, span, li{font-size:0.85rem;}
h2, h2 > span, h2 > p, h2 > p span{font-size:1.80rem;}
.pageHeader.-type-1 h2.pageHeader__title{font-size:2.0rem;}
.pageHeader.-type-1 p.pageHeader__text{font-size:0.95rem;}
.pageHeader.-type-1{padding: 130px 0px 100px 0px;}

.tell_text{font-size:1.65rem;}
h3{font-size:1.25rem;}
h4{font-size:1.0rem;}
h6{font-size:0.90rem;font-weight:600 ! important;}
label{font-size: 0.90rem;}
.contactForm label{font-size: 1.0rem;}
.people_swrap label{font-size: 0.90rem;}
.agree_section_wrap h3{font-size: 1.15rem;}
select, input, textarea{font-size:0.90rem;}
.main_title > p{font-size:0.90rem;}
.icon_wr h4{font-size:1.05rem;margin-top:15px;}
.small_text li{font-size:0.80rem;}
.eng_text{font-size:45px;}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    width: 100%;
    padding-right: var(--bs-gutter-x, 25px);
    padding-left: var(--bs-gutter-x, 25px);
    margin-right: auto;
    margin-left: auto;
}

.mt-50 { margin-top:15px !important;}

.mt-40 { margin-top: 20px !important;}
.sub_acion_box .a_cion_wrap img{width:35px;}

.contactForm select, .contactForm input:not([type="range"]), .contactForm textarea{font-size:0.90rem;height:45px;padding:10px 15px;}
.btn_add_car{font-size:0.90rem;}

.in { text-indent: -15px; margin-left: 15px;}

}

/*스마트폰*/

@media (max-width: 500px){
.sub_acion_box .a_cion_wrap { width: 20%;}
.sub_acion_box .a_cion_wrap img.a_icon2 { width: 35px;}
.about_wrap .col-lg-3 { width: 100%;}
.sub_acion_box .col-lg-3 { width: 100%;}

#reser2 .sub_trip_box .trip_wbox { gap: 18px; }
#reser2 .sub_trip_box .trip_wrap { width: 35px;}
#reser2 .trip_wbox.parking .trip_wrap { width: 27%;}
#reser2 .time-content { gap: 50px;}
#reser2 .time-content.car { gap: 15px;}

/*index-btn*/
.more_bt_wrap a { display: flex; align-items: center; justify-content: center; height: 38px; padding: 0 20px;}
.more_bt_wrap1 a { display: flex; align-items: center; justify-content: center; height: 38px; padding: 0 20px;}

.sub_trip_box .trip_wbox { flex-direction: column; justify-content: flex-start; align-items: flex-start;}

.board_list .num{display: none;}

.board_list > div > div { font-size: 13px;}
#reser7 .board_list, 
#reser7 .board_list .board_con, 
#reser7 .board_list .board_con { width: 800px;}
.form-input.cancel textarea {height: 130px;}
.box_gray_bg { padding: 15px;}

.in { text-indent: -17px; margin-left: 17px;}
.mt-60 { margin-top: 30px !important;}

.button.list {width: 50%;}
#reser3 .white-box { padding: 20px;}
#about4 .col-lg-4.col-md-6:nth-child(1){ margin-top: 0 !important;}
#about4 .col-lg-4.col-md-6:nth-child(2){ margin-top: 30px !important;}
.eng_map_text {margin-top: -20px;}

.hover_textw h3 { text-shadow: 1px 2px #5d5d5d;}
.button.list { font-size: 1.15rem;}
#notice1 .board_list .date { width: 25%;}
.button.list { padding: 10px 20px;}
#button_common .button { padding: 10px 20px 8px 20px;}

}

@media (max-width: 480px ) {
.box_gray_bg { padding: 20px;}
.sub_trip_box .trip_wrap img { width: 35px;}
.sub_trip_box .trip_wbox { padding: 20px;}

.in { text-indent: -16px; margin-left: 16px;}
#notice1 .board_list .top .title { text-indent: 10px;}
.mt-60 { margin-top: 30px !important;}

#c_notice1 .button.list { padding: 16px 25px;}

}

@media (max-width: 420px ){
#reser2 .time-content { gap: 30px;}
#reser2 .trip_wbox.parking .trip_wrap { width: 40%;}
.mt-60 {margin-top: 30px !important;}

.in { text-indent: -15px; margin-left: 15px;}
.font p { font-size: 18px;}
#notice1 .board_list .date { width: 25%;}
#notice1 .board_list .title { width: 70%;}

.board_view .info {padding: 0 15px;}
.button.booking_bt { padding: 6px 14px 4px 14px;}

.text-16 { font-size: var(--text-13) !important;}
.eng_text { font-size: 44px;}

}
@media (max-width: 375px ){
.eng_text {font-size: 42px;}
#c_notice1 .button.list { padding: 16px 10px;}
}

@media (max-width: 360px ){
.hover_textw h3 { font-size: 1.1rem;}
#reser2 .time-content { gap: 30px;}



.eng_text { font-size: 38px;}
.contact_day_wrap, .people_text span { font-size: 1.15rem;}


.main_title > p { margin-top: 10px;}
.px-20 { padding-left: 5px !important; padding-right: 5px !important;}


}





@media (max-width: 320px ){

.eng_text { font-size: 35px;}
#reser2 .time-content { gap: 12px;}
#c_notice1 .button.list { padding: 16px 5px;}

}