@charset "euc-kr";

/* NotoSans */
@font-face {
  font-family: NotoSansKRWeb;
  font-weight: 400;
  font-style: normal;
  src: url('/httpobject/cad_font/NotoSansCJKkr-Regular.woff2') format('woff2'),
       url('/httpobject/cad_font/NotoSansCJKkr-Regular.woff') format('woff');
}

@font-face {
  font-family: NotoSansKRWeb;
  font-weight: 500;
  font-style: normal;
  src: url('/httpobject/cad_font/NotoSansCJKkr-Medium.woff2') format('woff2'),
       url('/httpobject/cad_font/NotoSansCJKkr-Medium.woff') format('woff');
}

@font-face {
  font-family: NotoSansKRWeb;
  font-weight: 600;
  font-style: normal;
  src: url('/httpobject/cad_font/NotoSansCJKkr-Bold.woff2') format('woff2'),
       url('/httpobject/cad_font/NotoSansCJKkr-Bold.woff') format('woff');
}

/* CadillacGothic */
@font-face {
  font-family: CadillacGothic;
  font-weight: normal;
  font-style: normal;
  src: url('/httpobject/cad_font/CadillacGothic-NarrowRegular.woff2') format('woff2'),
    url('/httpobject/cad_font/CadillacGothic-NarrowRegular.woff') format('woff');
}

@font-face {
  font-family: CadillacGothic;
  font-weight: 500;
  font-style: normal;
  src: url('/httpobject/cad_font/CadillacGothic-NarrowMedium.woff2') format('woff2'),
    url('/httpobject/cad_font/CadillacGothic-NarrowMedium.woff') format('woff');
}

@font-face {
  font-family: CadillacGothic;
  font-weight: bold;
  font-style: normal;
  src: url('/httpobject/cad_font/CadillacGothic-NarrowBold.woff2') format('woff2'),
    url('/httpobject/cad_font/CadillacGothic-NarrowBold.woff') format('woff');
}

/* CadillacGothic-VF */
@font-face {
  font-family: CadillacGothicVF;
  font-weight: normal;
  font-style: normal;
  src: url('/httpobject/cad_font/CadillacGothic-VF.woff2') format('woff2'),
    url('/httpobject/cad_font/CadillacGothic-VF.woff') format('woff');
}

/* RouisWeb */
/* @font-face {
  font-family: RouisWeb;
  font-weight: 600;
  font-style: normal;
  src: url('/httpobject/cad_font/louis-bold-webfont.woff2') format('woff2'),
       url('/httpobject/cad_font/louis-bold-webfont.woff') format('woff');
} */


/* ChevySans */
@font-face {
  font-family: ChevySans;
  font-weight: normal;
  font-style: normal;
  src: url('/httpobject/cad_font/ChevySans-Regular.woff2') format('woff2'),
       url('/httpobject/cad_font/ChevySans-Regular.woff') format('woff');
}
@font-face {
  font-family: ChevySans;
  font-weight: 500;
  font-style: normal;
  src: url('/httpobject/cad_font/ChevySans-Medium.woff2') format('woff2'),
       url('/httpobject/cad_font/ChevySans-Medium.woff') format('woff');
}
@font-face {
  font-family: ChevySans;
  font-weight: bold;
  font-style: normal;
  src: url('/httpobject/cad_font/ChevySans-Bold.woff2') format('woff2'),
       url('/httpobject/cad_font/ChevySans-Bold.woff') format('woff');
}

/* reset */
html{-webkit-text-size-adjust:none;-webkit-overflow-scrolling:touch}
body{font-family:NotoSansKRWeb,Arial,sans-serif;font-size:14px;line-height:1.125;color:#666;word-break:keep-all;word-wrap:break-word}
a,article,aside,body,button,dd,div,dl,dt,em,fieldset,footer,form,h1,h2,h3,h4,h5,h6,header,input,li,nav,ol,p,section,span,strong,table,td,textarea,th,tr,ul{margin:0;padding:0;box-sizing:border-box;-webkit-overflow-scrolling:touch}
h1,h2,h3,h4,h5,h6{font-weight:400;font-size:inherit}
li,ol,ul{list-style:none}
caption,legend{font-size:0;width:0;height:0;line-height:0;overflow:hidden;text-indent:-9999px}
hr{position:absolute;left:-1000%;top:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
fieldset{border:none}
a{text-decoration:none;color:inherit}
a:active,a:hover,a:visited{text-decoration:none}
img{border:0;vertical-align:top}
button,input,select,textarea{font-family:inherit;font-size:14px;line-height:1.125;vertical-align:middle}
button{border:0;background-color:transparent;cursor:pointer;text-align:left;color:#666;}
address,em{font-style:normal}
table{width:100%;table-layout:fixed;border-collapse:collapse}
label{cursor:pointer}
.en{font-family: 'RouisWeb', Arial, sans-serif;letter-spacing: -.01em;}
:focus {outline: 0;}
/* ::selection {background:transparent;}
::-moz-selection {background:transparent;} */
input[type="text"]::-ms-clear {
  display: none;
}

/* loading */
.loader_wrap{display:block; position:absolute; top:0; left:0; z-index:3000; width:100%; height:100%; background-color:rgba(0, 0, 0, 0);}
.loader_wrap:hover{cursor:wait;}
.loader_wrap.over_all{position:fixed;}
.loader_wrap .loader {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80px;
  height: 80px;
  transform:translate(-50%,-50%);
}

/* .loader_wrap .loader div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 60px;
  height: 60px;
  border: 5px solid #cd9834;
  border-radius: 50%;
  animation: loader 1.1s cubic-bezier(0.16, 0.07, 0.01, 0.84) infinite;
  border-color: #cd9834 transparent transparent transparent;
}

.loader_wrap .loader div:nth-child(1) {
  animation-delay: -0.35s;
}
.loader_wrap .loader div:nth-child(2) {
  animation-delay: -0.75s;
} */

/* .loader_wrap .progressed_count {
  display: block;
  position: absolute;
  top: 100px;
  right: 100px;
  font-size: 30px;
  color: #fff;
  width: 120px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background-color: #333;
}

@keyframes loader {
  0% {
      transform: rotate(0deg);
  }

  100% {
      transform: rotate(360deg);
  }
} */

/* common */
html,body {width: 100%;height: 100%;}
body{padding: 0; background-color: #fff;}
.wrap {position: relative;width:100%;height: 100%;background-color: #fff;}
.floating_quote{display: none;}
.blind {display: none;}

/* header */
.header {position: fixed; left: 0; top: 0; z-index: 100; width: 100%;height: 60px;background-color: #fff;border-bottom: 1px solid #D9D9D9;}
.header .inner{ position: relative; display:flex; align-items:center; width: 100%;max-width:1920px;height: 60px;margin:0 auto;}
.header .inner .logo{display:flex; align-items:center; justify-content:center; width:280px; height:100%; border-right:1px solid #E6E6E6;}
.header .inner .btn_box{position:absolute; top:50%; right:40px; transform:translateY(-50%); font-size:0;}
.header .inner .btn_box a{display:inline-block; vertical-align:top; padding:10px 18px; font-size:14px; border-radius:999px; transition:all .3s;}
.header .inner .btn_box .close{color:#666; border:1px solid #999;}
.header .inner .btn_box .car_select{margin-right:4px; background-color:#666; border:1px solid #666; color:#fff;}
.header .inner .btn_box .close:hover{border-color:#222; color:#222;}
.header .inner .btn_box .car_select:hover{background-color:#000; border-color:#000;}

.header .inner .tel{display: inline-block;margin-top:-53px;margin-left: 20px;height: 60px;line-height: 60px;vertical-align: middle;font-size: 13px;}
.header .inner .tel strong{margin-left:4px;font-family: 'RouisWeb', 'NotoSansKRWeb', Arial, sans-serif;}
@media all and (max-width:1360px) {
  .header.request .tel {display: none;}
}


/* container */
.container{width: 100%; height: 100%; padding-top: 60px;}

/* content */
.content{overflow: hidden; position: relative; width: 100%; max-width: 1920px; margin: 0 auto;}

/* sec */
.sec{display: none; width: 100%; padding: 0; background-color: #fff; font-size: inherit;}
.sec.active{display: block;}
.exterior.active,
.interior.active{height: 100%;}

/* btn_wrap */
.btn_wrap .default_btn{position: relative; display:block; height: 60px; padding-left: 30px;font-size: 16px; line-height: 60px; color: #222; background-color: #fff;}
.btn_wrap .default_btn:after{content: ''; display: block; position: absolute; right: 30px; top: 50%; width: 8px; height: 8px ;margin-top:-4px; border-top: 1px solid #fff; border-left: 1px solid #fff;
  transform: rotate(-225deg);
  -webkit-transform: rotate(-225deg);
  -moz-transform: rotate(-225deg);
  -ms-transform: rotate(-225deg);
}
.content[data-section="exterior"] .btn_wrap .btn_next:after,
.content[data-section="interior"] .btn_wrap .btn_next:after{animation: arrowMotion 1.3s infinite ease-out;}

@keyframes arrowMotion{
  0%{
    opacity: 0;
    right: 60px;
  }
  50%{
    opacity: 1;
    right: 30px;
  }
  100%{
    opacity: 1;
    right: 30px;
  }
}

@keyframes arrowReverseMotion{
  0%{
    opacity: 0;
    right: 45px;
  }
  50%{
    opacity: 1;
    right: 75px;
  }
  100%{
    opacity: 1;
    right: 75px;
  }
}

/* gnb */
.gnb{overflow: hidden;display:inline-block; padding-left:40px; height: 60px; background-color: transparent; border-bottom: 1px solid #D9D9D9;}
.gnb::after{display:block; clear:both;}
.gnb .depth1{float:left; position:relative; display:flex; height:100%; align-items: center;}
.gnb .depth1::after{content:""; display:inline-block; vertical-align:middle; width:16px; height:16px; margin:0 28px; background:url(/httpobject/cad_images/onlineShop/common/gnb_arrow.png) 0 0,no-repeat;}
.gnb .depth1:last-of-type::after{display:none;}
.gnb .depth1 span{display:block; width:26px; height:26px; margin-right:8px; border-radius:50%; background-color:#C2C2C2; font-size:16px; line-height:24px; color:#fff; text-align:center;}
.gnb .depth1 p{display:block; font-size:16px; letter-spacing:-0.2px; line-height:24px; color:#999;}
.gnb .depth1.on > *{font-weight:700;}
.gnb .depth1.on span{background-color:#222;}
.gnb .depth1.on p{color:#222;}


/* sub_gnb */
.sub_gnb{overflow: hidden; float: left; height: 60px; padding: 0 30px;}
.sub_gnb .depth2{float: left; position: relative; margin-left: 30px; font-size:13px;}
.sub_gnb .depth2:after{display: none; position: absolute; left: 0; bottom:1px; width: 100%; height: 3px; background-color: #cd9834; content: "";}
.sub_gnb .depth2.on:after{display: block;}
.sub_gnb .depth2:first-child{margin-left: 0;}
.sub_gnb .depth2 a{display: block; height: 60px; font-weight: 400; color: #393939; line-height: 60px;}
.sub_gnb .depth2.on a{color: #cd9834;}


/* footer */
#footer{max-width: 1400px; padding: 0 60px; margin: 0 auto;}
.footer_sitemap_wrap{width: 980px;}
.footer_sitemap_wrap:after{display:block; clear:both; content:'';}
.footer_sitemap_wrap .sm_depth1{float:left; width:122px; margin-left:18px;}
.footer_sitemap_wrap .sm_depth1:first-child{margin-left:0;}
.footer_sitemap_wrap .sm_depth1 h3{font-size:15px;font-weight:bold;}
.footer_sitemap_wrap li ul{padding-top:7px}
.footer_sitemap_wrap li li{margin-bottom:8px; line-height:1.5em;}
.footer_sitemap_wrap li li a{font-weight:normal;font-size:12px;color:#808285;}
.footer_sitemap_wrap li li a:hover{color:#cd9834;text-decoration:underline;}
.footer_sitemap_wrap h3{font-size:14px; color:#000;}
.footer_sitemap_wrap h4{font-size:12px; font-weight:bold;}
.footer_sitemap_wrap h4 a{color:#414042; font-size:12px; font-weight:bold;}
.footer_sitemap_wrap h4 a:hover{color:#cd9834;}

/* sns_wrap */
.sns_wrap{position:relative; left:0; top:0; margin-top:15px;}
.sns_wrap h2{float:left; font-size:16px; line-height:1.6;}
.sns_wrap h2, .sns_list >ul>li>.sns{display:block; height:25px; margin-right:7px;}
.sns_wrap .sns_list ul{overflow:hidden; padding-left:10px;}
.sns_wrap .sns_list ul>li{float:left; margin-left:10px;}
.sns_wrap .sns_list >ul>li:nth-child(1){margin-left:0;}
.sns_wrap .sns_list >ul>li>.sns{height:28px; background-repeat:no-repeat; background-image: url(/httpobject/cad_images/common/layout/sns_icon.png); margin-right:0; text-indent:-9999px;}
.sns_wrap .sns_list >ul>li>.sns.fb{width:16px; background-position:0 0;}
.sns_wrap .sns_list >ul>li>.sns.yb{width:38px; background-position:-25px 0;}
.sns_wrap .sns_list >ul>li>.sns.insta{width:28px; background-position:-72px 0;}
.sns_wrap .sns_list >ul>li>.sns.fb:hover{background-position:0 -30px;}
.sns_wrap .sns_list >ul>li>.sns.yb:hover{background-position:-25px -30px;}
.sns_wrap .sns_list >ul>li>.sns.insta:hover{background-position:-72px -30px;}
.sns_wrap .find{display:inline-block; position:absolute; right:0; top:0; font-family: RouisWeb, NanumWeb, Dotum, Helvetica, sans-serif; font-size:20px; color:#29292a;}

/* copyright_wrap */
.copyright_wrap{clear:both; position:relative; padding:14px 0 35px; margin-top:23px; border-top:1px solid #dedede;}
.copyright_wrap ul{overflow:hidden}
.copyright_wrap ul li{float:left;padding:0 18px 0 9px;margin-left:-9px;background-position:-337px -60px;line-height:13px;}
.copyright_wrap ul li a{font-size:11px;color:#808285;}
.copyright_wrap ul li a:hover{color:#cd9834;text-decoration:underline;background:none;}
.copyright_wrap ul li a span{font-weight:bold;}
.copyright_wrap .customer_call{position:absolute;top:16px;right:0;font-size:15px;color:#666;}
.copyright_wrap address{display:block;margin-top:9px;font-style:normal;font-size:11px;color:#808285;line-height:20px;}

/* radio_wrap */
.radio_wrap {position: relative;}
.radio_wrap input[type="radio"] {overflow: hidden; position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px; clip:rect(0,0,0,0);border: 0;}
.radio_wrap input[type="radio"] + label {display: inline-block;position: relative;height:20px;line-height:20px;margin-right:30px;padding:1px 0 0 30px;font-family: 'RouisWeb','NotoSansKRWeb', Arial, sans-serif;font-size: 15px;color:#393839;font-weight:600;letter-spacing: -.01em;cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
}
.radio_wrap input[type="radio"] + label:last-child{margin-right: 0;}
.radio_wrap input[type="radio"] + label:before {content: '';position: absolute;left: 0;top: 2px;width: 16px;height: 16px;text-align: center;background: #fff;border: 1px solid #d4d4d4;border-radius: 100%;}
.radio_wrap input[type="radio"]:checked + label:after {content: '';position: absolute;top: 8px;left: 6px;width: 6px;height: 6px;background: #666;border-radius: 100%}

/* summary */
/* .summary .summary_inner{width: 100%; max-width: 1400px; padding: 50px 60px 0; margin: 0 auto 100px;}
.summary .tit_area{padding-bottom: 50px; margin-bottom: 50px; border-bottom: 1px solid #e5e5e5;}
.summary .tit_area h3{font-weight: 600; font-size: 24px; color: #383938; line-height: 36px;}
.summary .tit_area p{color: #707070; line-height: 20px;}
.summary .summary_wrap{overflow: hidden;}
.summary .summary_img{float: left; width: calc(100% - 530px);}
.summary .summary_img h4{font-weight: 600; font-family: 'NotoSansKRWeb', Arial, sans-serif; font-size: 22px; color: #393839;}
.summary .summary_img .img_box{position: relative; height: 0; padding-bottom: 56.25%;}
.summary .summary_img .img_box img{width: 100%;}
.summary .summary_img .img_box .car_option{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.summary .summary_info{float: left; width: 530px; margin-top: 40px;}

.summary .info_wrap .info_box{padding: 30px 20px; border-top:1px solid #e5e5e5;}
.summary .info_wrap .info_box::after{content:''; display:block; clear:both;}
.summary .info_wrap .info_box:first-child{border-top: none;}
.summary .info_wrap .info_box h4{float:left; width:110px; font-size:14px; font-weight:600; color:#383938;}
.summary .info_wrap .info_list{float:left; width:calc(100% - 110px);}
.summary .info_wrap .info_list li{font-size:0; padding-top:15px;}
.summary .info_wrap .info_list li:first-child{padding-top:0;}
.summary .info_wrap .info_list li p{display:inline-block; font-size:14px;}
.summary .info_wrap .info_list li .option_tit{width:75%;}
.summary .info_wrap .info_list li .option_price{width:25%; text-align:right; color:#383938;}
.summary .info_wrap .info_list li .car_name,
.summary .info_wrap .info_list li .car_trim{display: block;}
.summary .info_wrap .total_box{border-top: 2px solid #a3a1ae;}
.summary .info_wrap .total_box .total_wrap::after{content:''; display:block; clear:both;}
.summary .info_wrap .total_box .total_txt{float:left; padding-top:5px; font-size:14px; font-weight:600; color:#383938; letter-spacing:-0.07em;}
.summary .info_wrap .total_box .total{float:right; font-family:'RouisWeb','NotoSansKRWeb', Arial, sans-serif; font-weight:600; font-size:22px; color:#383938;}
.summary .info_wrap .total_box .total span{padding-right:5px;}
.summary .info_wrap .acc_box{display: none;}
.summary .info_wrap .acc_box.active{display: block;}

.summary .btn_wrap{text-align: right;}
.summary .btn_wrap .default_btn{display: inline-block; width: 320px; font-weight: 500; text-align: left;} */


/* confirm_popup_layer :: ¿Â¶óÀΰßÀû, ¿Â¶óÀμ¥ »ç¿ë */
.confirm_popup_layer {z-index:101;display: none;position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);}
.confirm_popup_layer.open {display: block;}
.confirm_popup_layer .popup_inner {position: relative; left: 50%;top: 50%;transform: translate(-50%, -50%);padding:40px 45px;width: 574px;background-color: #fff;letter-spacing: -.05em;}
.confirm_popup_layer .popup_cont{text-align: center;}
.confirm_popup_layer .popup_cont .txt { position: relative;padding-top:60px; font-size:16px;color: #393839;text-align: center;letter-spacing: -.05em;line-height: 24px;}
.confirm_popup_layer .popup_cont .txt .tit{display:block;font-size:20px;margin-bottom: 20px;font-weight: bold;}
.confirm_popup_layer .popup_cont .txt::before{content: ""; position: absolute;left:50%;top: 0;transform: translateX(-50%); width: 38px; height: 38px;background: url('/httpobject/cad_images/onlineSales/common/ico_cert_success.png') left top no-repeat;}
.confirm_popup_layer .btm_cont {overflow: hidden;text-align: center;}
.confirm_popup_layer .btm_cont .btn_confirm{display:block;margin:30px auto;width:100px;height:36px;line-height:36px;vertical-align:middle;font-size: 14px;color: #fff;background-color: #cd9834;letter-spacing: -.02em;text-align: center;}
.confirm_popup_layer .btm_cont .btn_todayClose{display:block;font-size:13px;color:#a9a9a9;text-decoration: underline;letter-spacing: -.05em;}

/*********************************************************** 20240202 ¿Â¶óÀμ¥ °³¼± º¯°æ css ***********************************************************/
.chevy{font-family: ChevySans;}
.mCSB_inside > .mCSB_container{margin-right:0;}
.configuration{min-width:1280px; height:100vh; overflow:hidden;}
.configuration #footer{display:none;}
.configuration gb-global-footer{display:none;}
.dim{position:fixed; top:-100%; left:0; width:100%; height:100vh; background-color:rgba(0,0,0,0.5); z-index:100; opacity: 0; transition:opacity .5s;}
.dim.active{top:0; opacity:1;}
.car_select_wrap{position:fixed; top:0; right:-100%; width:520px; height:100vh; padding-top:60px; background-color:#fff; z-index:101; transition:right .5s;}
.car_select_wrap.active{right:0;}
.car_select_wrap .select_close{position:absolute; top:20px; right:20px; display:block; width:40px; height:40px;}
.car_select_wrap strong{display:block; font-size:28px; letter-spacing:-0.2px; line-height:40px; color:#222; padding-left:40px;}
.car_select_wrap .car_list_wrap{width:100%; height:calc(100vh - 140px); margin-top:40px; overflow:auto;}
.car_select_wrap .car_list_wrap .mCSB_container{padding-bottom:40px;}
.car_select_wrap .car_list + .car_list{margin-top:40px;}
.car_select_wrap .car_list > span{display:block; font-size:16px; letter-spacing:-0.2px; line-height:24px; padding-left:40px;}
.car_select_wrap .car_list .car{margin-top:12px;}
.car_select_wrap .car_list .car + .car{margin-top:10px;}
.car_select_wrap .car_list .car a{display:block; font-size:0; padding:10px 0 13px 25px;}
.car_select_wrap .car_list .car a > *{display:inline-block; vertical-align:bottom;}
.car_select_wrap .car_list .car .img_box{position:relative; width:260px; height:100px;}
.car_select_wrap .car_list .car img{position:absolute; top:0; left:0; width:100%; height:100%; opacity: 0; transition:opacity .2s;}
.car_select_wrap .car_list .car img:nth-of-type(1){opacity: 1;}
.car_select_wrap .car_list .car .info_box{padding-bottom:5px;}
.car_select_wrap .car_list .car .info_box .car_name{font-size:18px; letter-spacing:-0.2px; font-weight:500; color:#222;}
.car_select_wrap .car_list .car .info_box .car_price{font-size:24px; line-height:36px; color:#999;}
.car_select_wrap .car_list .car .info_box .car_price span:first-of-type{margin-right:2px; font-size:18px;}
.car_select_wrap .car_list .car a:hover{background-color:#F1F1F1;}
.car_select_wrap .car_list .car a:hover img:nth-of-type(1){opacity: 0;}
.car_select_wrap .car_list .car a:hover img:nth-of-type(2){opacity: 1;}