/* 메인 */
:root{
    --max-layout-width: 128rem;
}
#header{width:100%; height:7rem; position:fixed; top:0; left:0; border-bottom:1px solid #f0f0f0;}
#header .inner{padding: 0 3rem; width:100%; height:100%; display:flex; background-color:#fff; justify-content: space-between; align-items: center;}
#header .inner .item h2 img{width:16.8rem;}
#header .inner .item h2 img.logo_black{display: block;}
#header .inner .item h2 img.logo_white{display: none;}
#header .inner .item .menu_btns{display: none;}
#header .inner .item .menu_btns button {padding: 0; width: 2.2rem; height: 2.2rem; }
#header .inner .item .menu_btns .btn_menu_open span{display: block; width: 100%; height: 3px; background-color: #000; border-radius: 2rem;}
#header .inner .item .menu_btns .btn_menu_open span + span{margin-top:.4rem}
#header .inner .item .menu_btns .btn_menu_close{position: absolute; top: 50%; right: 2.4rem; transform: translateY(-50%); border: 0; overflow: hidden; background-color: transparent; background-position: center; background-repeat: no-repeat; background-image: url('../images/common/ico_close_white.svg'); transition: transform 0.3s ease, opacity 0.3s ease;}

#header .inner .nav_list{position:relative;display:flex; font-size: 1.8rem;}
#header .inner .nav_list li{position:relative;}
#header .inner .nav_list li a{ display: inline-block; padding:1rem 5rem;}
#header .inner .nav_list li a:hover{color: #000;}
#header .inner .nav_list li ul{display: none; position: absolute; padding-top: 3rem; left: 0; top: 38px; width: 100%; text-align: center; z-index: 2; display: none;}
#header .inner .nav_list li ul li + li{margin-top:.6rem;}
#header .inner .nav_list::hover li ul{display:block;}
#header .inner .nav_list li ul li a{display: inline-block; padding: 1rem; color: #696969;}

#header .inner .item{display:flex; justify-content: space-between; align-items: center;}
#header .inner .circle_list{display:flex; gap:1rem; justify-content: space-between; align-items: center;}
#header .inner .circle_list li a{padding: .6rem; display: inline-block; width:4rem; height:4rem; border:none; background-color:#fff; overflow:hidden; border-radius:100%;}
#header .inner .circle_list .btn_move_naver{background:url('../images/content/ico_sns_naver.png') center center / 50% no-repeat; background-color: #56ca5f;}
#header .inner .circle_list .btn_move_kakao{background:url('../images/content/ico_sns_kakao.png') center center / 50% no-repeat; background-color: #fee500;}
#header .hd_bg{display: none; background: #fff;width: 100%;height: 0;left: 0;z-index: 1;position: absolute; border-bottom: 1px solid #f0f0f0;}
#header .inner .nav_list:hover ~ .hd_bg{display: block;}

@media screen and (max-width: 1023px) {
    #header .inner .item{height: 7rem;}
    #header .inner.open{padding: 10rem 0 0;}
    #header .inner.open {background-color: #0b0329; color:#fff;}
    #header .inner.open .item h2 img.logo_black{display: none;}
    #header .inner.open .item h2 img.logo_white{display: block;}
    #header .inner .item{width: 100%;}
    #header .inner .item .menu_btns{display: inline-block;}
    #header .inner .item .menu_btns button{background-color: transparent; border: none; cursor: pointer;}
    #header .inner .item .menu_btns .btn_menu_open{display: block;}
    #header .inner .item .menu_btns .btn_menu_close{display: none;}
    #header .inner.open .item{position: fixed; top: 0; left: 0; border-bottom: 1px solid #f0f0f0; padding: 0 2.4rem;}
    #header .inner.open .item .menu_btns .btn_menu_open{display: none;}
    #header .inner.open .item .menu_btns .btn_menu_close{display: block;}

    #header .inner .nav_list,
    #header .inner .circle_list,
    #header .inner .hd_bg{display: none;}
    #header .inner.open .nav_list,
    #header .inner.open .hd_bg{display: flex;}

    #header .inner.open{flex-direction: column; height: 100vh; align-items: flex-start; padding-top: 8rem;}
    #header .inner.open .nav_list{flex-direction: column;gap: 5rem; align-items: flex-start; width: 100%; overflow: auto;padding:5rem 2.4rem 10rem;}
    #header .inner.open .nav_list li{display: flex;}
    #header .inner.open .nav_list > li > a{padding: 0; width:30rem; font-size: 2rem;}
    #header .inner.open .nav_list li a{color:#fff;}
    #header .inner.open .nav_list li ul{display: block !important; position: relative; top: 0; text-align: start;}
    #header .inner.open .hd_bg{position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: -1;}
}


.text_dot{position:relative;}
.text_dot:before{content:''; position:absolute; top:0; left:50%; transform:translate(-50%, -50%); width:4px; height:4px; border-radius:100%; background-color:#fff;}


.container.main .section{margin-top:0 !important; overflow: hidden; z-index: 1;}
.section.visual{display:flex; align-items:center; width:100%; height:55rem; overflow: hidden;position: relative;}

.visual .swiper{width: 100%; height:100%; z-index: -1;}
.visual .swiper .swiper-slide{width:100%; height:100%; background-color: #f0f0f0; background-position: center; background-repeat: no-repeat; background-size: cover;}
.visual .swiper .swiper-slide.bg01{background-image:url('../images/content/bg_main_visual01.jpg');}
.visual .swiper .swiper-slide.bg02{background-image:url('../images/content/bg_main_visual02.jpg');}
.visual .swiper .swiper-slide.bg03{background-image:url('../images/content/bg_main_visual03.jpg');}
.visual .swiper .swiper-slide.bg04{background-image:url('../images/content/bg_main_visual04.jpg');}

.visual .text_box{position:absolute; top:40%; left:50%; transform:translate(-50%, -50%); margin: 0 auto; width:100%; max-width: calc(var(--max-layout-width) + 6rem + 6rem); padding: 0 6rem; color:#fff;}
.visual .text_box .inner{padding: 0 2rem; overflow: hidden;}
.visual .text_box .sub_title{font-size:2rem; font-weight:500;}
.visual .text_box .title{font-size:4rem; font-weight:700;}
.visual .text_box .title .text_strong{color:#FFBA00;}
.visual .tel_box{position:absolute; bottom:0; left:0; width:100%; padding:2rem; color:#fff; font-size: 3.2rem; font-weight:600; text-align:center; background:#FF6B00; background: linear-gradient(90deg, #FFC62C 0%, #FF6B00 100%);}
.visual .tel_box > .inner{position:relative; margin:0 auto; width:100%; max-width:var(--max-layout-width);}
.visual .tel_box > .inner::after{content:""; display:inline-block; position:absolute; top:50%; right:0; transform:translateY(-50%); width:17rem; height:13rem; background: url('../images/content/ico_ring.png') center center / contain no-repeat;}
.visual .tel_box ul{margin: 0 auto; margin-top:1.6rem; width:100%; display:flex; justify-content:center; align-items: center; gap:3rem;}
.visual .tel_box ul .ico{padding: .6rem; margin-right:1rem; display: inline-block; width:4rem; height:4rem; background-color:#fff; overflow:hidden; border-radius:100%;}
.visual .tel_box ul .ico.tel{content:url('../images/content/ico_phone.svg');}
.visual .tel_box ul .ico.building{content:url('../images/content/ico_building.svg');}

.section.best{padding:10rem 13rem; background-color:#FFF; overflow:hidden;}
.section.best > .title{color:#000; font-size:3.2rem; font-weight: 600; text-align: center;}
.section.best > .inner{margin-top:6rem;}
.section.best .swiper .swiper-slide{padding:2.6rem 3rem; width:100%; max-width:36rem; border:1px solid #E0E0E0; border-radius:2rem;  background-color:#FFF; overflow:hidden;}
.section.best .swiper .swiper-slide.swiper-slide-active{ transform: scale(1.2); border:1px solid #FF6B00; z-index: 1;}
.section.best .btn_navigation{display: block; position: absolute; top: 50%; width: 4rem; height: 4rem; text-indent: -999em; overflow: hidden; background-color: #383838; border-radius: 50%; background-position: 50%; background-repeat: no-repeat; background-size: 2rem; z-index: 10;}
.section.best .swiper-button-prev{transform: translate(-50%, -50%); left: calc(50% - 22rem); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath d='M14.5883 17.8745C14.5883 17.9845 14.5659 18.0941 14.5238 18.1958C14.4817 18.2973 14.4199 18.3896 14.3422 18.4673C14.2644 18.545 14.1723 18.6068 14.0707 18.6489C13.9691 18.691 13.8603 18.7124 13.7504 18.7124C13.6403 18.7124 13.5307 18.691 13.4291 18.6489C13.3275 18.6068 13.2353 18.545 13.1576 18.4673L6.28259 11.5923C6.20481 11.5146 6.14309 11.4224 6.10095 11.3208C6.05881 11.2191 6.0365 11.1096 6.0365 10.9995C6.03655 10.8896 6.05885 10.7808 6.10095 10.6792C6.14307 10.5776 6.20481 10.4854 6.28259 10.4077L13.1576 3.53271C13.3147 3.37558 13.5281 3.28662 13.7504 3.28662C13.9724 3.28672 14.1851 3.37567 14.3422 3.53271C14.4992 3.68976 14.5882 3.90243 14.5883 4.12451C14.5883 4.34673 14.4993 4.56015 14.3422 4.71729L8.05896 10.9995L14.3422 17.2827C14.4199 17.3605 14.4817 17.4526 14.5238 17.5542C14.5659 17.6557 14.5882 17.7646 14.5883 17.8745Z' fill='white' stroke='white' stroke-width='0.3'/%3E%3C/svg%3E");}
.section.best .swiper-button-next{transform: translate(-50%, -50%); right: calc(50% - 26rem); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath d='M7.41174 4.12549C7.41174 4.01546 7.43409 3.90586 7.4762 3.8042C7.5183 3.70267 7.58011 3.61044 7.65784 3.53271C7.7356 3.45498 7.82774 3.39316 7.92932 3.35107C8.03086 3.30902 8.13973 3.28765 8.24963 3.2876C8.35967 3.2876 8.46927 3.30897 8.57092 3.35107C8.67248 3.39318 8.76466 3.45497 8.84241 3.53271L15.7174 10.4077C15.7952 10.4854 15.8569 10.5776 15.899 10.6792C15.9412 10.7809 15.9635 10.8904 15.9635 11.0005C15.9635 11.1104 15.9411 11.2192 15.899 11.3208C15.8569 11.4224 15.7952 11.5145 15.7174 11.5923L8.84241 18.4673C8.68527 18.6244 8.47185 18.7134 8.24963 18.7134C8.02755 18.7133 7.81488 18.6243 7.65784 18.4673C7.50079 18.3102 7.41184 18.0976 7.41174 17.8755C7.41174 17.6533 7.5007 17.4398 7.65784 17.2827L13.941 11.0005L7.65784 4.71729C7.58007 4.63952 7.5183 4.5474 7.4762 4.4458C7.43414 4.34426 7.41179 4.23539 7.41174 4.12549Z' fill='white' stroke='white' stroke-width='0.3'/%3E%3C/svg%3E");}
.basic_info .car_name{font-size:2rem; font-weight:600;}
.basic_info .car_etc{font-size:1.4rem; font-weight:600;}

.section.banner{padding:17rem 3rem; color:#fff; background:url('../images/content/bg_main_banner.jpg') center center / cover no-repeat;}
.section.banner .text_wrap{text-align: center;}
.section.banner .text_wrap p{font-size: 3.2rem; margin-bottom: 2rem;}
.section.banner .text_wrap p .grad{background: linear-gradient(90deg, #FFBA00 55.29%, #FF6B00 100%); color: transparent; font-weight: 700; -webkit-background-clip: text;}
.section.banner .text_wrap .small{font-size: 2.4rem;}

.section.faq{position: relative; padding: 10rem 0; background-color:#FFFBEE; z-index: -1;}
.section.faq > .title{margin-bottom:8.5rem; color:#000; font-size:3.2rem; font-weight: 600; text-align: center;}
.section.faq > .inner{position:relative; margin: 0 auto; width:100%; max-width: calc(var(--max-layout-width) + 6rem + 6rem); padding: 0 6rem;}
.section.faq .board{position:relative; margin: 0 auto; width:100%;}
.section.faq .board:before{content:''; position: absolute; top: 0; left: 0; width:100%; height:100%; background-color:#fff;border-radius: 4rem;}
.section.faq .board + .board{margin-top:6rem;}
.section.faq .board .ico_logo{margin-right:1rem; font-size:3.6rem; font-weight: 600;}
.section.faq .board .question{position:relative; padding:2.4rem 3rem; display:flex; align-items: center; color: #fff; font-size: 2.4rem; font-weight: 600; background-color:#FFBA00;border-radius: 4rem;z-index:1;}
.section.faq .board .answer{position:relative; padding:3rem 3rem 7rem; display:flex; color: #000; font-size: 2.4rem; z-index:1;}
.section.faq .board .answer .ico_logo{color:#FFBA00;}
.section.faq .board .answer p{position:relative; padding-top:6rem;}
.section.faq .board .answer p.no::before{content:''; position:absolute; top:0; left:0; width: 5rem; height:5rem; background: url('../images/common/ico_no.svg') center center / contain no-repeat;}
.section.faq .board .answer p.yes::before{content:''; position:absolute; top:0; left:0; width: 5rem; height:5rem; background: url('../images/common/ico_yes.svg') center center / contain no-repeat;}
.section.faq .btn_wrap{text-align:center; margin-top:10rem;}
.section.faq .btn_wrap .btn_go_to_page{width:100%; max-width: 20rem;}


.section .btn_wrap{margin-top:3rem;}
.section .btn_wrap .btn_go_to_page{position:relative; padding: 2rem; color:#fff; font-size: 2rem; font-weight: 700; border-radius: 1rem; background-color:#000;}
.section .btn_wrap .btn_go_to_page::after{content:''; position:absolute; top:50%; right:1.6rem; transform:translateY(-50%); display:inline-block; width: 1.8rem; height:1.8rem; background: url('../images/common/ico_arrow_right_white.svg') center center / contain no-repeat;}
.section.etc > .inner{position:relative; margin: 0 auto; width:100%; max-width: calc(var(--max-layout-width) + 6rem + 6rem); padding: 0 6rem;}
.section.etc {padding: 10rem 0;}
.section.etc .banner_insurance{padding:8rem; color: #000; background-color:#E6F1FF; border-radius: 2rem; overflow:hidden; background: #E6F1FF url('../images/content/bg_banner_insurance.png') bottom right / contain no-repeat;}
.section.etc .banner_insurance .title{font-size: 3.6rem;font-weight: 600;}
.section.etc .banner_insurance p{margin-top: 2.7rem; font-size: 2.4rem;font-weight: 500;}
.section.etc .banner_insurance p .strong{font-weight: 700;}
.section.etc .banner_insurance .btn_wrap .btn_go_to_page{width:100%; max-width: 20rem;}

.section.etc .link_list{margin-top:6rem; display:flex; gap:3rem; flex-wrap: wrap;}
.section.etc .link_list .box{flex:1;}
.section.etc .link_list .box:hover{transform: scale(1.04); transition-duration: .2s !important; transition-delay: 0s !important;}
.section.etc .link_list .box a{position:relative; display:flex; flex-direction:column; padding:3rem; color:#000; font-size: 1.6rem; font-weight: 500; width:100%; height:100%; border-radius:1rem; overflow:hidden;}

.section.etc .link_list .box.location a{background-color:#F7F7F9;}
.section.etc .link_list .box.location a::after{content:''; position:absolute; top:50%; right:1.6rem; transform:translateY(-50%); display:inline-block; width: 23%; height:100%; background: url('../images/content/bg_link_box01.png') center 93% / contain no-repeat;}
.section.etc .link_list .box.kakao a{background-color:#FEE500;}
.section.etc .link_list .box.kakao a::after{content:''; position:absolute; top:50%; right:1.6rem; transform:translateY(-50%); display:inline-block; width: 26%; height:100%; background: url('../images/content/bg_link_box02.png') center 93% / contain no-repeat;}
.section.etc .link_list .box.naver a{color:#fff; background-color:#00C73C;}
.section.etc .link_list .box.naver a::after{content:''; position:absolute; top:50%; right:0rem; transform:translateY(-50%); display:inline-block; width: 36%; height:100%; background: url('../images/content/bg_link_box03.jpg') center 93% / contain no-repeat;}

.section.etc .link_list .box a .name{margin-bottom:2.5rem; font-size: 2.4rem; font-weight: 700; z-index: 1;}
.section.etc .link_list .box a > p{flex:1; z-index: 1;}
.section.etc .link_list .box.naver a .text_top{position: relative;}
.section.etc .link_list .box.naver a .text_top::after{content:''; position:absolute; top:50%; right:-90%; transform:translateY(-50%); display:inline-block; width: 100%; height:100%; background: url('../images/content/bg_link_box04.jpg') center center / contain no-repeat;}
.section.etc .link_list .box.naver a .text_yellow{color: #FFEC43;}

@media screen and (max-width: 1023px) {
    .visual .text_box .title{font-size: 3.4rem;}
    .visual .text_box .sub_title{font-size: 1.6rem;}
    .visual .tel_box{font-size: 2.2rem;}
    .visual .tel_box > .inner::after{top:-10%;}

    .section.best{padding: 8rem 13rem 15rem;}
    .basic_info .car_name{font-size: 1.8rem;}
    .basic_info .car_name{font-size: 1.8rem;}

    .section.banner{padding:12rem 3rem;}
    .section.banner .text_wrap p{font-size: 2.4rem; margin-bottom: 1rem;}
    .section.banner .text_wrap .small{font-size: 1.8rem;}

    .section.faq{padding:6rem 0;}
    .section.faq > .title{margin-bottom: 4.5rem;}
    .section.faq .board + .board{margin-top:4rem;}
    .section.faq .board:before{border-radius: 3rem;}
    .section.faq .board .question{font-size: 2rem; padding: 1.4rem 2rem;}
    .section.faq .board .answer{padding: 2rem 2rem 4rem; font-size: 1.8rem;}
    .section.faq .board .ico_logo{font-size: 2.8rem;}
    .section.faq .board .answer p{padding-top: 4rem;}
    .section.faq .board .answer p.no::before,
    .section.faq .board .answer p.yes::before{top: .6rem; width: 3rem; height: 3rem;}
    .section.faq .btn_wrap{margin-top: 6rem;}
    .section.faq .btn_wrap .btn_go_to_page{max-width: 14rem;}

    .section .btn_wrap .btn_go_to_page{padding: 1rem 1.3rem; font-size: 1.6rem; border-radius: .6rem;}
    .section.etc{padding:6rem 0;}
    .section.etc .banner_insurance .btn_wrap .btn_go_to_page{max-width: 16rem;}
    .section.etc .banner_insurance{padding: 5rem 2.4rem; background-size: 50%; border-radius: 1rem;}
    .section.etc .banner_insurance .title{font-size:2rem;}
    .section.etc .banner_insurance p{margin-top: 1.2rem; font-size:1.6rem;}
    .section.etc .link_list{margin-top:3rem; gap: 1.4rem;}
    .section.etc .link_list .box a{padding: 3rem 2rem; font-size:1.4rem;}
    .section.etc .link_list .box a .name{margin-bottom: 0.8rem; font-size:1.8rem;}
}

@media screen and (max-width: 767px) {
    .visual .text_box{max-width:calc(100% + 2.4rem + 2.4rem); padding:0 2.4rem;}
    .visual .tel_box {padding: 2rem; font-size: 2rem;}
    .visual .tel_box > .inner::after{right:-2rem; background-position: bottom right; background-size: 60%; bottom: 0; transform: none;}
    .visual .tel_box ul{gap: .8rem; flex-wrap:wrap; flex-direction: column; align-items: flex-start; font-size: 2.2rem;}
    .visual .tel_box ul .ico{width: 3rem; height: 3rem;}

    .section.best {padding: 4rem 0rem 6rem;}
    .section.best > .title,
    .section.faq > .title{font-size: 2.6rem;}
    .section.best > .inner{max-width:calc(100% + 10rem + 10rem); padding:0 10rem;}
    .section.best .swiper .swiper-slide{padding: 1.6rem 2rem; border-radius: 1rem;}
    .section.best .swiper-button-prev{left: -2.3rem;}
    .section.best .swiper-button-next{right: -6.7rem;}

    .section.banner{padding: 9rem 1rem;}
    .section.banner .text_wrap p{font-size:1.8rem;}
    .section.banner .text_wrap .small{font-size:1.4rem;}

    .section.faq > .inner{max-width:calc(100% + 2.4rem + 2.4rem); padding:0 2.4rem;}
    .section.faq .board .question{font-size: 1.8rem;}
    .section.faq .board .answer{font-size: 1.5rem;}

    .section.etc > .inner{max-width:calc(100% + 2.4rem + 2.4rem); padding:0 2.4rem;}
}


#footer{padding-top:5.8rem; color: #8A8A8A; font-size: 1.4rem; font-weight: 500; background-color:#232323;}
#footer h2{margin-bottom:4rem;}
#footer .logo{width:16rem;}
#footer > .top{display:flex; gap: 2rem; justify-content:space-between; align-items: flex-start; position:relative; margin: 0 auto; width:100%; max-width: calc(var(--max-layout-width) + 6rem + 6rem); padding:0 6rem;}
#footer .top .inner_left .list{color: #8A8A8A;}
#footer .top .inner_right{padding:2rem; border:1px solid #8A8A8A; border-radius: .6rem;}
#footer .top .inner_right .row + .row{margin-top:2rem; padding-top:2rem; border-top:1px solid #8A8A8A;}
#footer .top .inner_right .row{color:#C0C5CA; font-size: 1.5rem; font-weight: 500;}
#footer .top .inner_right .top{display:flex; align-items: center; justify-content:space-between; gap:4rem; padding-bottom:.6rem;}
#footer .top .inner_right .title{white-space: nowrap;}
#footer .top .inner_right .number{color:#fff; font-size: 1.8rem; font-weight: 600; white-space: nowrap;}
#footer .txt_copyright{margin: 0 auto; width:100%; max-width: calc(var(--max-layout-width) + 6rem + 6rem); padding: 3rem 6rem 5rem;}

@media screen and (max-width: 1023px) {
    #footer h2{margin-bottom:2rem;}
    #footer .top .inner_right .top{gap:1rem; }
}

@media screen and (max-width: 767px) {
    #footer > .top{flex-wrap: wrap;max-width: calc(var(--max-layout-width) + 2.4rem + 2.4rem); padding: 0 2.4rem;}
    #footer .top .inner_right{width: 100%;}
    #footer .txt_copyright{max-width: calc(var(--max-layout-width) + 2.4rem + 2.4rem); padding: 5rem 2.4rem;}
}



/* 서브 페이지_인사말 */
.greeting.sub_content{position: relative; padding: 2rem 0 clamp(10rem, 5vw + 18rem, 34rem); background: url('../images/content/bg_greeting.svg') bottom right / 40% no-repeat;}
.greeting.sub_content::before{content:''; position: absolute; top:0; right:0; display: inline-block; width:27%; height:100%; background-color: #FFF9E9; z-index: -1;}
.greeting .greeting_text{width: 72%;}
.greeting .greeting_text .first_text{color: #000; font-size: 2.4rem; font-weight: 500;}
.greeting .greeting_text .basic{display: inline-block; margin-top:3rem; color: #505050; font-size: 1.6rem; font-weight: 400; line-height: 3rem; word-break: keep-all;}

@media screen and (max-width: 1023px) {
    .greeting.sub_content .section > .title p{font-size:3rem;}
    .greeting.sub_content{background-size: 60%;}
    .greeting.sub_content::before{width:30%;}
    .greeting .greeting_text{width: 100%;}
    .greeting .greeting_text .basic{margin-top:1rem;}
}





/* 서브 페이지_오시는길 */
.location .store_tab_wrap{text-align:center; overflow-x:auto;}
.store_tabs{display: inline-block;}
.store_tabs .inner{display:flex; position: relative; justify-content: center; border-bottom: 1px solid #E0E0E0;}
.store_tabs .tab {position: relative; display: flex; align-items: center; justify-content: center; height: 5rem; width: 10rem; font-size: 1.6rem; font-weight: 600; color: #7C7C7C; border-radius: 2.7rem; cursor: pointer; transition: color 0.15s ease-in;}
.store_tabs input[type="radio"] { display: none;}
.store_tabs input[type="radio"]:checked + label {color: #FF6B00; font-size: 1.8rem;}

.store_tabs input[id="radio-1"]:checked ~ .liner {transform: translateX(0);}
.store_tabs input[id="radio-2"]:checked ~ .liner {transform: translateX(100%);}
.store_tabs input[id="radio-3"]:checked ~ .liner {transform: translateX(200%);}
.store_tabs input[id="radio-4"]:checked ~ .liner {transform: translateX(300%);}
.store_tabs input[id="radio-5"]:checked ~ .liner {transform: translateX(400%);}
.store_tabs input[id="radio-6"]:checked ~ .liner {transform: translateX(500%);}
.store_tabs input[id="radio-7"]:checked ~ .liner {transform: translateX(600%);}
.store_tabs input[id="radio-8"]:checked ~ .liner {transform: translateX(700%);}
.store_tabs .liner {position: absolute; left:0; bottom:0; display: flex; height: 2px; width: 10rem;background-color: #FF6B00; z-index: 1; transition: 0.25s ease-out;}


.box_map{margin-top:3rem; border-radius: 2rem; overflow:hidden;}
.box_map #mapWrapper{width:100%; min-height:40rem;}
.box_map .root_daum_roughmap{width:100% !important;}
.box_map .root_daum_roughmap .cont{display:none;}
.box_map .store_info{position: relative; top: -2rem; padding: 3rem 2rem 2rem; background-color: #111338; color:#fff; border-radius: 2rem; z-index: 1;}
.box_map .store_info .name{font-size:2rem;}
.box_map .store_info .bottom{margin-top:2rem; padding-top:2rem; font-size:1.6rem; border-top:1px solid #fff;}
.box_map .store_info .address{padding:1rem 0 1rem 3rem; position: relative;}
.box_map .store_info .address::before{content:''; position:absolute; top:50%; left:0; transform:translateY(-50%); display:inline-block; width:2.4rem; height:2.4rem; background: url('../images/common/ico_pin.svg') center center / contain no-repeat; }
.box_map .store_info .call{padding:1rem 0 1rem 3rem; position: relative;}
.box_map .store_info .call::before{content:''; position:absolute; top:50%; left:0; transform:translateY(-50%); display:inline-block; width:2.4rem; height:2.4rem; background: url('../images/common/ico_call.svg') center center / contain no-repeat; }

@media screen and (max-width: 767px) {
    .box_map{border-radius: 1rem; }
    .box_map .store_info{padding: 2rem 2rem; border-radius: 1rem;}

}







/* 서브 페이지_요금/차량정보 */
.sub_content.rate{position:relative;}
.sub_content.rate:before{content:''; position:absolute; top:34%; left:0; width:50rem; height:50rem; background-image: url('../images/content/bg_circle_left.png'); background-repeat: no-repeat; background-size: contain; background-position: left;}
.sub_content.rate:after{content:''; position:absolute; top:0; right:0; width:30rem; height:30rem; background-image: url('../images/content/bg_circle_right.png'); background-repeat: no-repeat; background-size: contain; background-position: top right;}

.must_check_list{display: grid; grid-template-columns: repeat(2, 1fr); gap:3.6rem;}
.must_check_list .check_item{display: flex; justify-content: center; align-items: flex-start; gap:2rem; padding:3rem; border-radius: 2rem; border: 1px solid #E0E0E0; background-color:#fff;}
.must_check_list .ico_wrap{width: 10rem; height:10rem; border-radius:100%; color:#fff; background-color: #FFBA00;}
.must_check_list .text_wrap{flex:1; color: #000;}
.must_check_list .text_wrap .key_point{margin-bottom:.6rem; font-size: 2rem; font-weight: 600;}
.must_check_list .text_wrap p{font-size: 1.5rem; font-weight: 400; word-break: keep-all;}

.section.pay .card_list{margin-top:3rem; display:grid; grid-template-columns: repeat(4, 1fr); gap:2rem;}
.section.pay .card_list .card{position: relative; border:1px solid #E0E0E0; border-radius: 2rem; overflow:hidden; background-color:#fff;}
.section.pay .card_list .card .thumb{display: flex; align-items: center; justify-content: center; aspect-ratio: 1.2 / 1; background-color:#fff;}
.section.pay .card_list .card .thumb .badge{ position: absolute; top: 1.4rem; right: 1.4rem; padding: .8rem 1rem; color: #FF6B00; font-size: 1.3rem; font-weight: 600; border: 1px solid #FF6B00; border-radius: 0.7rem; background-color: #FFF;}
.section.pay .card_list .card .thumb img{width:74%; margin-top: 3rem;}
.section.pay .card_list .card .contents{padding:2rem 1.6rem; background-color:#fff;}
.section.pay .card_list .card .car_name{padding-top: 2rem; color: #000; font-size: 1.8rem; font-weight: 600; border-top: 1px solid #E0E0E0;}
.section.pay .card_list .card .car_desc{margin-top: 0.6rem; color: #505050; font-size: 1.4rem; font-weight: 600;}
.section.pay .card_list .card .info_price{margin-top: 2rem; padding-top:2rem; border-top: 1px solid #E0E0E0;}
.section.pay .card_list .card .info_price .row{display: flex; justify-content: space-between; align-items: center; font-size: 1.6rem; font-weight: 600;}
.section.pay .card_list .card .info_price .row + .row{margin-top:1rem;}
.section.pay .card_list .card .info_price .row .pay_type{white-space:nowrap;}
.section.pay .card_list .card .info_price .row .num{font-size: 2.4rem; font-weight: 600; vertical-align: baseline; white-space: nowrap;}

.section.pay .tabs_wrap{margin-top:4rem; text-align: center;}
.tabs { display:inline-block; margin: 0 auto; padding: 0.75rem; border:1px solid #E0E0E0; border-radius: 2.7rem; background-color: #fff;}
.tabs .inner{display: flex; position: relative;}
.tabs .inner * {z-index: 2;}
.tabs input[type=radio] { display: none;}
.tabs .tab {position: relative; display: flex; align-items: center; justify-content: center; height: 5rem; width: 15rem; font-size: 1.6rem; font-weight: 600; color: #7C7C7C; border-radius: 2.7rem; cursor: pointer; transition: color 0.15s ease-in;}
.tabs .tab .fixed_front{position:relative;}
.tabs .tab .fixed_front::before{content:var(--text); position:absolute; top:-1rem; left:-1.6rem; transform:rotate(-12deg); color: #FFBA00; font-size: 1.2rem;}
.tabs input[type=radio]:checked+label {color: #fff;}
.tabs input[type=radio]:checked+label .fixed_front::before{color:#fff;}
.tabs input[id=radio-1]:checked~.glider {transform: translateX(0);}
.tabs input[id=radio-2]:checked~.glider {transform: translateX(100%);}
.tabs input[id=radio-3]:checked~.glider {transform: translateX(200%);}
.tabs input[id=radio-4]:checked~.glider {transform: translateX(300%);}
.tabs input[id=radio-5]:checked~.glider {transform: translateX(400%);}
.tabs input[id=radio-6]:checked~.glider {transform: translateX(500%);}
.tabs .glider {position: absolute; display: flex; height: 5rem; width: 15rem;background-color: #FFBA00; z-index: 1; border-radius: 2.7rem; transition: 0.25s ease-out;}

@media screen and (max-width: 1023px) {
    .must_check_list{gap: 1.6rem;}
    .must_check_list .check_item{padding: 2.4rem 2.8rem;}
    .must_check_list .text_wrap .key_point{font-size:1.8rem;}
    .must_check_list .text_wrap p{font-size:1.4rem;}
    .must_check_list .ico_wrap{width: 8rem; height: 8rem;}

    .section.pay .tabs_wrap{margin-top:2rem;}

    .tabs .tab,
    .tabs .glider{height: 4.6rem; width: 13rem;}

    .section.pay .card_list{grid-template-columns: repeat(3, 1fr);}
    .section.pay .card_list .card .thumb{aspect-ratio: 1 / 0.7;}
}
@media screen and (max-width: 767px) {
    .must_check_list{grid-template-columns: repeat(1, 1fr);}
    .must_check_list .check_item{padding: 2rem 1.6rem; gap: 1.2rem; border-radius: 1.2rem;}
    .must_check_list .ico_wrap{width: 5rem; height: 5rem;}
    .must_check_list .ico_wrap svg{width:60%;}

    .tabs{max-width:100%; padding: 0.4rem;}
    .tabs .tab{font-size:1.4rem;}
    .tabs .inner.tab3 .glider{width: calc(100% / 3 );}
    .tabs .inner.tab4 .glider{width: calc(100% / 4 );}
    .tabs .inner.tab5 .glider{width: calc(100% / 5 );}
    .tabs .inner.tab6 .glider{width: calc(100% / 6 );}

    .section.pay .card_list{ margin-top: 2rem; grid-template-columns: repeat(2, 1fr); gap: 1rem;}
    .section.pay .card_list .card{border-radius: 1.2rem;}
    .section.pay .card_list .card .thumb{aspect-ratio: 1 / 1.2;}
    .section.pay .card_list .card .thumb .badge{padding: .4rem .8rem; top: 1.2rem; right: .8rem; font-size: 1.2rem;}
    .section.pay .card_list .card .thumb img{width: 86%;}
    .section.pay .card_list .card .contents{padding:0 1.2rem 1.6rem;}
    .section.pay .card_list .card .car_name{font-size:1.6rem;}
    .section.pay .card_list .card .car_desc{font-size:1.3rem;}
    .section.pay .card_list .card .info_price{margin-top: 1.6rem;padding-top:1.6rem;}
    .section.pay .card_list .card .info_price .row{font-size:1.2rem;}
    .section.pay .card_list .card .info_price .row .num{font-size:1.5rem;}
}






/* 서브페이지_이용안내 */
.check_point_list{padding-top:4rem; display:grid; gap:4rem; grid-template-columns: repeat(4, 1fr);}
.check_point_list .step{position:relative; padding: 6rem 2rem 5rem; border:1px solid var(--step-color); background-color: #FBFBFB; border-radius: 1rem; }
.check_point_list .step .step_num{position:absolute; top:-3.7rem; left:50%; transform:translateX(-50%); color: var(--step-color); font-size: 4.8rem; font-weight: 700; white-space: nowrap;}
.check_point_list .step .point{margin-bottom:2.8rem; color:#000; font-size: 2.4rem; font-weight: 600; text-align:center; word-break: keep-all;}
.check_point_list .step p{color:#3E3E3E; font-size: 1.6rem; font-weight: 400; word-break: keep-all;}

.icon_box{margin-bottom:4.4rem; padding:8rem 2rem; width:100%; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; border-radius: 1rem; background: #FFF9E9;}
.icon_box > .inner{width: 100%; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap:6rem; max-width:80%;}
.icon_box .item{flex: 1;}
.icon_box .item .ico_wrap{margin: 0 auto; width: 8rem; height: 8rem; background-color: #FFBA00; border-radius: 100%;}
.icon_box .item p{margin-top:0.4rem; font-size: 1.8rem; font-weight: 600; text-align: center; white-space: nowrap;}

.description_list{}
.description_list li{position: relative;}
.description_list li::before{content:''; position: absolute; top: 0; left: 0rem; display: inline-block; width: 2rem; height: 2rem; background: url('../images/common/ico_check_point.svg') center center no-repeat;}
.description_list li + li{margin-top:2.4rem;}
.description_list li .strong,
.description_list li p{margin-left:3rem;}
.description_list .strong{color: #000; font-size: 1.8rem; font-weight: 600; word-break: keep-all;}
.description_list p{margin-top:.7rem; color: #343434; font-size: 1.6rem; font-weight: 400; word-break: keep-all;}

@media screen and (max-width: 1023px) {
    .check_point_list{padding-top:3rem; gap:2rem; grid-template-columns: repeat(4, 1fr);}
    .check_point_list .step{padding: 5rem 1.8rem 6rem;}
    .check_point_list .step .step_num{top: -2.7rem; font-size: 3.8rem;}
    .check_point_list .step .point {margin-bottom: 1.8rem; font-size: 1.8rem;}
    .check_point_list .step p{font-size: 1.4rem;}
}
@media screen and (max-width: 767px) {
    .check_point_list{padding-top:2rem; gap:4rem 2rem; grid-template-columns: repeat(2, 1fr);}
    .icon_box{ margin-bottom: 3rem; padding: 5rem 2rem;}
    .icon_box > .inner{gap:3rem 1rem;}
    .icon_box .item .ico_wrap{width: 6rem; height: 6rem;}
    .icon_box .item p{font-size:1.6rem;}

    .description_list .strong{font-size:1.6rem;}
    .description_list p{margin-top: .5rem; font-size:1.4rem;}
}






/* 서브페이지_대여자격 + 보험보상*/
.about_subject .text_wrap{position:relative; width: calc(100% - 50rem); z-index: 1;}
.about_subject p{color: #000; font-size: 1.8rem; font-weight: 400;}
.about_subject p.hint{color: #505050; font-size: 1.6rem; font-weight: 400;}
.about_subject ul{display: flex; gap:2rem; margin: 3rem 0;}
.about_subject ul li{padding:1rem 2rem; font-size: 1.6rem; font-weight: 500; color:#fff; border-radius: 0.6rem; background-color: #FFBA00; white-space: nowrap;}

.bg_car {position: absolute; bottom: 0; right:0; z-index: 0; width: 43.8rem; height: 21.9rem;}
.bg_car::before {content: ''; position: relative; top: -6rem; left: 14rem; display: inline-block; width: 100vw; height: 100%; background-color: #FFF9E9; z-index: -1;}
.bg_car::after { content: ''; position: absolute; top:0; display: inline-block; width: 43.8rem; height: 21.9rem; background: url('../images/content/bg_car.png') center center / contain no-repeat; z-index: 0;}
.bg_doc{ position: absolute; top: -8rem; right:0; display: inline-block; width:40rem; height: 40rem; background: url('../images/content/bg_doc.png') center center / contain no-repeat; z-index: 0;}

.exc_box{margin-top: 3rem; padding:4.4rem 4rem; border-radius: 1rem; background-color: #FBFBFB;}
.exc_box .title{display: flex; align-items: center; color: #000; font-size: 2rem; font-weight: 600;}
.exc_box .title .ico_wrap{margin-right: .6rem;}
.exc_box .sub_text{margin-top: .6rem; margin-bottom: 1.6rem;  font-size: 1.7rem; font-weight: 400;}


@media screen and (max-width: 1023px) {
    .about_subject p{font-size: 1.5rem;}
    .about_subject p.hint{font-size: 1.3rem;}
    .about_subject .text_wrap{ width: 100%;}
    .about_subject .bg_car{opacity: 0.2;}
    .about_subject .bg_car::before{background-color: #fae498;}
    .bg_doc{width:30rem;}
}

@media screen and (max-width: 767px) {
    .about_subject .text_wrap {width: 100%;}

    .bg_car{top:0; left:0; width: 100%;}
    .bg_car::before{left: 0rem; height: 70%; top: -2rem;}
    .bg_car::after{width: 30rem; top: 1rem; left: 50%; right:0; transform: translateX(-50%);}
    .bg_doc{width:20rem;}

    .about_subject ul{gap:1rem; margin: 2rem 0;}
    .about_subject ul li{padding: .6rem 1.4rem; font-size:1.4rem;}

    .exc_box{padding:3.4rem 3rem;}
    .exc_box .title{font-size: 1.6rem;}
    .exc_box .sub_text{font-size: 1.4rem;}
}



/* 서브페이지_장기대여*/
.longterm .visual{padding: 10% 7%; width:100%; height: auto; aspect-ratio: 2/1; color:#fff; font-size: 1.6rem;  background: linear-gradient( rgba(48, 48, 48, 0.7), rgba(48, 48, 48, 0.7)), url('../images/content/bg_longterm.jpg') center center / cover no-repeat; border-radius: 2rem; overflow: hidden;}
.longterm .visual .title{font-size: 3.2rem; font-weight: 600;}
.longterm .visual .sub_title{margin-top:2rem; font-size: 2.4rem; font-weight: 600;}
.longterm .visual > p{margin-top:6rem; width: 60%;}

.longterm_reason .title .p{position: relative; display: inline-block;}
.reason_list{margin-top:10rem;}
.reason_list .row{display: flex; justify-content: space-evenly; align-items: center; gap: 4rem;}
.reason_list .row + .row{margin-top:14rem;}
.reason_list .row:nth-child(2n){flex-direction: row-reverse;}
.reason_list .row .text_wrap .title{color: #000; font-size: 3rem; font-weight: 600;}
.reason_list .row .text_wrap p{margin-top:2rem; color: #505050; font-size:1.8rem; font-weight: 400;}
.reason_list .row .img_wrap{width:30%;}

.sub_content .merit.section{max-width: none; }
.merit .contnets::before{content:''; display:inline-block; width:100vw; height:14rem; position: absolute; left:0; background-color: #FFF9E9; }
.merit .bg_car{position: relative; left:50%; transform: translateX(-50%);}
.merit .bg_car::before{display: none;}
.merit .title .strong{vertical-align: bottom;}
.merit .title .text_dot{font-size:4rem;}
.merit .text_dot:before{width:.6rem; height:.6rem; background-color: #FF6B00;}
.merit .merit_list{margin: 0 auto; padding: 0 6rem; max-width: calc(var(--max-layout-width) + 6rem + 6rem); margin-top: 6rem;}

.merit .row{display: flex; min-height: 35rem; border:1px solid #CECECE; border-radius: 2rem; overflow: hidden;}
.merit .row + .row{margin-top: 3.4rem;}
.merit .row .bg_img{width: 36%; background-position: center; background-repeat: no-repeat; background-size: cover;}
.merit .row:nth-child(1) .bg_img{background-image:url('../images/content/bg_merit01.jpg')}
.merit .row:nth-child(2) .bg_img{background-image:url('../images/content/bg_merit02.jpg')}
.merit .row:nth-child(3) .bg_img{background-image:url('../images/content/bg_merit03.jpg')}
.merit .row:nth-child(4) .bg_img{background-image:url('../images/content/bg_merit04.jpg')}
.merit .row .text_wrap{flex:1; padding:4rem 3rem;}
.merit .row .text_wrap .title{display: inline-block; color: #000; font-size: 3rem; font-weight: 600;}
.merit .row .text_wrap p{margin-top: 2rem; color: #505050; font-size: 1.8rem; font-weight: 400;}

@media screen and (max-width: 1023px) {
    .longterm .visual{aspect-ratio: auto;}

    .longterm .section:not(.page_info) + .section{margin-top:20rem;}
    .longterm .section > .title p{font-size: 3.2rem;}

    .reason_list .row .text_wrap .title{font-size: 2.4rem;}
    .reason_list .row .text_wrap p{margin-top: 1rem; font-size: 1.6rem;}

    .merit .merit_list{padding: 0;}
    .merit .row{min-height: 28rem;}
    .merit .row + .row{margin-top:2.8rem;}
    .merit .row .text_wrap{padding:3rem 2rem;}
    .merit .row .text_wrap .title{font-size: 2.4rem;}
    .merit .row .text_wrap p{margin-top: 1rem; font-size: 1.6rem;}
}

@media screen and (max-width: 767px) {
    .longterm .visual{border-radius: 1rem; font-size: 1.4rem;}
    .longterm .visual .title{font-size: 2.2rem;}
    .longterm .visual .sub_title{font-size: 1.8rem;}
    .longterm .visual > p{width: 100%;}

    .longterm .section:not(.page_info) + .section{margin-top: 10rem;}
    .longterm .section > .title p{font-size: 2.6rem;}

    .merit .title .text_dot{font-size: 3.4rem;}
    .reason_list .row,
    .reason_list .row:nth-child(2n){flex-direction: column-reverse; gap:4rem;}
    .reason_list .row + .row{margin-top: 10rem;}
    .reason_list .row:nth-child(1) .img_wrap{width:46%}
    .reason_list .row .text_wrap{align-self: flex-start;}
    .reason_list .row .text_wrap .title{font-size: 1.8rem;}
    .reason_list .row .text_wrap p{font-size: 1.4rem;}


    .merit .row{flex-direction: column; border-radius: 1rem;}
    .merit .row .bg_img{width:100%; aspect-ratio: 1.8 / 1;}
    .merit .row .text_wrap .title{font-size: 1.8rem; }
    .merit .row .text_wrap p{font-size: 1.4rem; }

}









.cs_content{margin: 0 auto; width: 100%; max-width: calc(var(--max-layout-width) + 6rem + 6rem); padding: 2rem 6rem 30rem;}
.cs_content .page_title{position:relative; display:inline; font-size: 4.6rem; font-weight: 700;}


.board_list{margin-top: 2.4rem; border-top:2px solid #000;}
.board_list .item{border-bottom:1px solid #E6E6E6;}
.board_list .board_top{padding:2.5rem 5rem 2.5rem 0;display: flex; align-items: center;position: relative; white-space: normal; font-size:1.6rem; border:0; background-color: #fff; text-align: left;}
.board_list .board_top .date{color:#7C7C7C;}
.board_list .board_top .subject{flex:1 1 auto;width:100%;display:table;table-layout: fixed;}
.board_list .board_top .subject > div{position: relative;;display: table-cell;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-right:4rem;}
.board_list .board_top:after{content:"";transition:all 0.3s;position: absolute;right:0;top:50%;margin-top:-0.9rem;width:1.8rem;height:1.8rem;background-position: center center;background-repeat: no-repeat;background-image: url('../../dist/images/common/icon_arrow_down3.svg');}
.board_list .board_top.question:before{content:"Q.";color:#FFBA00; font-size:2.4rem;font-weight:600;margin-right:1rem;}
.board_list .board_top .cate{font-size:1.3rem;color:#666;width:14rem;padding-right:2rem;padding-top:0.2rem;}
.board_list .board_contents{position: relative; display: none; padding:3rem; font-size:1.6rem; background-color:#FFF9E9; border-radius:1.2rem;line-height: 1.5;}
.board_list .board_top:hover .subject > div{text-decoration: underline;}
.board_list .active .board_top .subject{font-weight:600;}
.board_list .active .board_top:after{-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}
.board_list .active .board_top .subject > div{white-space: normal;}
.board_list .active .board_contents::after{content:"";position: absolute;left:0;bottom:-1px;width:100%;height:1px;background-color: #fff;}
@media screen and (max-width: 1020px) {
    .cs_content{max-width: calc(100% + 2.4rem + 2.4rem); padding: 10rem 2.4rem 20rem;}
    .cs_content .page_title{font-size: 3rem;}
    .board_list .board_top{padding:1.8rem 0; flex-direction: column-reverse; align-items: flex-start; font-size:1.4rem;}
    .board_list .board_top .date{display: block; font-size: 1.4rem;}
    .board_list .board_top.question{display: block;}
    .board_list .board_top.question:before{font-size:2rem;}
    .board_list .board_top .subject{width:95%; margin-top:.6rem;}
    .board_list .board_top .subject > div{padding-right:2.5rem;}
    .board_list .board_top .top_fixed{width:1.6rem;height:1.6rem;background-size: contain;}
    .board_list .board_top:after{margin-top:0;bottom:2.4rem;width:1.6rem;height:1.6rem;background-size: 1.6rem;}
    .board_list .board_top .cate{width:100%;padding-right:0;padding-top:0;margin-bottom:1rem;}
    .board_list .board_contents{padding:2rem; font-size:1.4rem;}
}