@charset "euc-kr";
/*CSS Document*/

@font-face {
    font-family: 'NanumGothic';
    font-weight: 400;
    src: url(./fonts/NanumGothic.eot);
    src: local('NanumGothic'),
    url(./fonts/NanumGothic.eot?#iefix) format('embedded-opentype'),
    url(./fonts/NanumGothic.woff) format('woff'),
    url(./fonts/NanumGothic.woff2) format('woff2'),
    url(./fonts/NanumGothic.ttf) format('truetype');
}

@font-face {
  font-family: 'NanumGothic';
  font-weight: 700;
  src: url(./fonts/NanumGothicBold.eot);
  src: local('NanumGothicBold'),
  url(./fonts/NanumGothicBold.eot?#iefix) format('embedded-opentype'),
  url(./fonts/NanumGothicBold.woff2) format('woff2'),
  url(./fonts/NanumGothicBold.woff) format('woff'),
  url(./fonts/NanumGothicBold.ttf) format('truetype');
}


@font-face {
    font-family: 'NanumGothic';
    font-weight: 900;
    src: url(./fonts/NanumGothicExtraBold.eot);
    src: local('NanumGothicExtraBold'),
    url(./fonts/NanumGothicExtraBold.eot?#iefix) format('embedded-opentype'),
    url(./fonts/NanumGothicExtraBold.woff2) format('woff2'),
    url(./fonts/NanumGothicExtraBold.woff) format('woff'),
    url(./fonts/NanumGothicExtraBold.ttf) format('truetype');
}

html, body{font-family:'NanumGothic', sans-serif;}

.global-inner{ padding:0 1.25rem; box-sizing:border-box;}
.clearfix:after{content:''; display:block; clear:both;}
.shadow_bg{position:fixed; left:0; top:0; width:100%; height:100vh; background:rgba(0, 0, 0, .8); z-index:200;}

.header{background:#000;}
.header__inner{display:flex; justify-content:space-between; align-items:center; height:3.125rem;}
.header .btn--menu{width:1.313rem; height:2rem; background:url(/m/carskin/images/comm/btn_menu.png) no-repeat 50% 50%; background-size:1.313rem auto; font-size:0; text-indent:-9999px;}
.header__tnb{font-size:0;}
.header__tnb li{display:inline-block; position:relative; margin-left:2.12rem;}
.header__tnb li + li:before{content:''; display:block; position:absolute; left:-1.06rem; top:50%; width:1px; height:0.75rem; margin-top:-.375rem; margin-left:-0.5px; background:rgba(255, 255, 255, .2);}
.header__tnb a{display:block; color:#656565; font-size:0.8125rem; letter-spacing:-0.065rem; }
.gnb{ position:fixed; left:-100%; top:0; width:78%; max-width:350px; height:100vh; background:#fff; z-index:500; transition:left .4s ease-out; -webkit-transition:left .4s ease-out; -moz-transition:left .4s ease-out; -ms-transition:left .4s ease-out; -o-transition:left .4s ease-out; }
.gnb.active{left:0;}
.gnb__welcome{display:flex; height:7.5rem; padding:0 2.188rem; background:#000; box-sizing:border-box; align-items:center;}
.gnb__welcome p{color:#fff; font-size:1.563rem; font-weight:700; letter-spacing:-.06em; line-height:2rem;}
.gnb__head {height:17.5rem;}
.gnb__head > p {padding:1.625rem 0 2rem; color:#414042; font-size:0.9375rem; line-height:1.125rem;}
.gnb__head__mem-nav{display:flex; flex-wrap:wrap; align-items:space-between;}
.gnb__head__mem-nav a{display:block; width:48.3%; height:2.5rem; margin-bottom:0.625rem; background:#1a1a1a; color:#fff; font-size:0.9375rem; font-weight:700; line-height:40px; text-align:center;}
.gnb__head__mem-nav a:nth-child(2n){margin-left:3.4%;}
.gnb__head__mem-nav .lnk-home{width:100%; margin:0; background:#fff; border:1px solid #1a1a1a; color:#1a1a1a; line-height:2.375rem
  ; box-sizing:border-box;}
.gnb__head__quick-nav{display:flex; justify-content:space-between; align-items:center; height:7.125rem; border-bottom:1px solid #000; box-sizing:border-box;}
.gnb__head__quick-nav a{display:block; width:22.5%; padding-top:2.5rem; background-repeat:no-repeat; background-position:50% 0%; color:#000; font-size:0.875rem; font-weight:700; text-align:center; box-sizing:border-box;}
.gnb__head__quick-nav a:nth-child(1){background-image:url(/m/carskin/images/comm/gnb_quick1.png); background-size:auto 1.5rem;}
.gnb__head__quick-nav a:nth-child(2){background-image:url(/m/carskin/images/comm/gnb_quick2.png); background-size:auto 1.625rem;}
.gnb__head__quick-nav a:nth-child(3){background-image:url(/m/carskin/images/comm/gnb_quick3.png); background-size:auto 1.688rem;}
.gnb__head__quick-nav a:nth-child(4){background-image:url(/m/carskin/images/comm/gnb_quick4.png); background-size:auto 1.875rem;}
.gnb__menu {height:calc(100vh - 25rem); padding-bottom:5rem; overflow-y:auto;}
.gnb__menu > li {line-height:3.438rem;}
.gnb__menu > li > a{display:block; color:#000; font-size:1.125rem; font-weight:700;}
.gnb__menu .depth-group > a{background:url(/m/carskin/images/comm/gnb_arr.png) no-repeat right 0 top 50%; background-size:auto 0.6875rem;}
.gnb__menu ul{display:flex; flex-wrap:wrap; padding:0.1875rem 0 1.625rem;  border-top:1px solid #ccc; }
.gnb__menu ul li{width:50%; line-height:2.5rem;}
.gnb__menu ul a{display:block; color:#888; font-size:0.9375rem; letter-spacing:-0.06em;}
.gnb .btn--menu-close{position:absolute; right:-1.875rem; top:0.9375rem; width:1.125rem; height:1.125rem; background:url(/m/carskin/images/comm/btn_menu_close.png) no-repeat; background-size:1.125rem auto; font-size:0; text-indent:-9999px;}


.footer{position:relative; padding:3.125rem 0; background:#bcbec0;}
.footer.view-ver{margin-bottom:3.75rem;}
.footer-sect + .footer-sect{margin-top:2.188rem;}
.footer-sect.sns-sect{position:absolute; right:1.25rem; top:3.125rem;; margin:0; font-size:0;}
.footer-sect.sns-sect a{margin-left:9px;}
.footer-sect h2{margin-bottom:1.25rem; color:#414042; font-size:1.125rem; font-weight:900;}
.footer .bank-sect p{ color:#414042; font-size:0.875rem; letter-spacing:-0.06rem; line-height:1.5rem;}
.footer .bank-item strong{font-weight:900;}
.footer .cs-sect ul{margin-top:0.75rem;}
.footer .cs-sect li{color:#414042; font-size:0.875rem; line-height:1.25rem; letter-spacing:-0.06rem;}
.footer .partner-sect img{width:100%; height:auto;}

.sub-container.grey-ver{background:#f4f4f4; padding-top: 3.125rem;}
.sub-header{display: flex; flex-direction: column; height:10rem; background:url(/m/carskin/images/comm/sub_head_bg2.jpg) no-repeat 50% 50%; background-size:cover;}
.sub-path-sect{height:2.2rem; color:#414042;  font-size:0;}
.sub-path-sect a, .sub-path-sect span{position:relative; display:inline-block; margin-right:21px; font-size:13px; line-height:2.2rem; letter-spacing:-0.06rem; vertical-align:middle;}
.sub-path-sect a:before, .sub-path-sect span:before{content:''; display:inline-block; position:absolute; left:-14px; top:50%; width:7px; height:12px; margin-top:-6px; background:url(/m/carskin/images/comm/path_arr.png) no-repeat 50% 50%;}
.sub-path-sect :first-child:before{display:none;}

.sub-quick-menu{position:relative; width:16.88rem; height:7.188rem;
  margin:0 auto; padding:1rem 0 0; background:url(/m/carskin/images/comm/sub_nav_bg.png) no-repeat 50% 0%; background-size:16.88rem 7.188rem; text-align:center; box-sizing:border-box;}
.sub-quick-menu .logo img{width:11rem; height:auto}
.sub-quick-menu .film-lnk{position:absolute; left:0; bottom:-12px; display:flex; width:100%; justify-content:space-between; padding:0 0.9375rem; box-sizing:border-box;}


.sub-typo{margin: 0 auto; padding-top: 11px;}
.sub-tit{display: flex; flex-direction: column;color: #fff;}
.sub-tit span{font-size: 1.288125rem; font-weight: 300;}
.sub-tit strong{margin-top: -5px; font-size: 3.5534375rem; font-weight: 900; letter-spacing: -0.04em;}
.sub-txt{margin-top: -3px; font-size: 0.5rem; font-weight: 300; letter-spacing: -0.04em; line-height: normal; text-align: left; color: #fff;}
.sub-menu{display: flex; justify-content: center; gap: 15px;}
.sub-menu a{position: relative; font-size: 0.86875rem; font-weight: 700; color: #fff; padding: 4px 0 5px;}
.sub-menu a:after{background: none repeat scroll 0 0 transparent; bottom: 3px; content: ''; height: 2px; left: 50%; position: absolute; background: #fff; transition: width 0.3s ease 0s, left 0.3s ease 0s; width: 0;}
.sub-menu a:hover:after{width: 100%; left: 0;}