@charset "euc-kr";
body{background:#bcbec0;}

.main-vis-area{padding-top: 3.125rem; padding-bottom: 1.125rem; background:url(/m/carskin/images/main/main_visual.jpg) no-repeat 50% 3.125rem; background-size: cover;}
.main-vis-area .global-inner{display: flex; flex-direction: column;}

.main-typo{margin: 0 auto; padding-top: 1.875rem;}
.main-tit{display: flex; flex-direction: column;color: #fff;}
.main-tit span{font-size: 1.288125rem; font-weight: 300;}
.main-tit strong{margin-top: 0; font-size: 3.5534375rem; font-weight: 900; letter-spacing: -0.04em;}
.main-txt{margin-top: -2px; font-size: 0.5rem; font-weight: 300; letter-spacing: -0.04em; line-height: normal; text-align: left; color: #fff;}

.main-menu-area{padding-top: 16px;}
.main-menu{display: flex; justify-content: space-between; gap: 8px 18px; flex-wrap: wrap;}
.main-menu-btm{justify-content: flex-start; margin-top: 18px;}
.main-menu a{position: relative; font-size: 1.046875rem; font-weight: 700; letter-spacing: -0.04em; color: #fff;}
.main-menu a:after{background: none repeat scroll 0 0 transparent; bottom: -2px; content: ''; height: 2px; left: 50%; position: absolute; background: #fff; transition: width 0.3s ease 0s, left 0.3s ease 0s; width: 0;}
.main-menu a:active:after, .main-menu a:hover:after{width: 100%; left: 0;}
.main-menu-left-link{margin-left: auto;}

.main-vis-nav{padding-top: 26px;}
.main-vis-nav .lst-tit{display: flex; align-items: baseline; justify-content: center; gap: 2.79%; flex-wrap: wrap; font-weight: 700; color: #fff;}
.main-vis-nav .lst-tit strong{font-size: 1.0625rem; letter-spacing: -0.04em; margin-bottom: 4px;}
.main-vis-nav .lst-tit span{font-size: 0.625rem; letter-spacing: -0.04em;}

.main-vis-nav .nav-lst{display:flex; gap: 2.3%; width:100%; flex-wrap:wrap; justify-content: start; margin-top: 8px; margin-bottom: -11px;}
.main-vis-nav .nav-lst a{display: flex; flex-direction: column; align-items: center; position:relative; width:18.16%; margin-bottom: 11px;}
.main-vis-nav .nav-lst a span{padding-top:5px; font-size: 0.925rem; font-weight: 700; letter-spacing: -0.04em; color: #fff;}
.main-vis-nav .nav-lst a img{width: 100%;}
/* .main-vis-nav .nav-lst a img{position:absolute; left:0; top:0; bottom:0; right:0; width:100%; height:100%; margin:auto;} */

.main-prd-area{padding:3.125rem 0; background:#bcbec0;}
.sub-prd-lst-sect{padding-top:2.125rem;}
.main-prd-area .lst-sect + .lst-sect{padding-top:5rem;}
.main-prd-area .sect-tit, .sub-prd-lst-sect .sect-tit{margin-bottom:1.25rem; color:#414042; font-size:1.25rem; font-weight:900;}
.carskin-prd-lst-item{float:left; width:48.78%; height:14.75rem; margin-right:2.44%; margin-top:2.44%; background:#fff; }
.carskin-prd-lst-item:nth-child(2n){margin-right:0;}
.carskin-prd-lst-item > a{display:block; position:relative; width:100%; height:100%; padding:0.625rem; box-sizing:border-box;}
.carskin-prd-lst-item .img-area{ position:relative; height:6.25rem; border-radius:.625rem; -webkit-border-radius:.625rem; -moz-border-radius:.625rem; -ms-border-radius:.625rem; -o-border-radius:.625rem; overflow:hidden; }
.carskin-prd-lst-item .img-area img{position:absolute; left:0; right:0; bottom:0; top:0; width:auto; height:auto; max-width:100%; max-height:100%; margin:auto;}
.carskin-prd-lst-item .brand-area{padding:0.625rem 0;}
.carskin-prd-lst-item .brand-area img{width:auto; height:auto; max-height:1rem;}
.carskin-prd-lst-item .brand-area .prd-ico{float:right;}
.carskin-prd-lst-item .info-area{color:#57585b; font-size:0.6875rem;}
.carskin-prd-lst-item .info-area .prd-num{display:block; margin-bottom:.4rem; font-size:0.9375rem; line-height:1.3;}
.carskin-prd-lst-item .info-area  p{font-weight:700;}

.main-cont-area{padding:0 0 2.5rem; background:#d1d3d4 url(/m/carskin/images/main/cont_top_bg.jpg) no-repeat 50% 0%;}
.main-cont-area .intro-sect{padding:12.5rem 0 0; margin-bottom:2.813rem; background:url(/m/carskin/images/main/intro_bg.png) no-repeat 50% 3.125rem; background-size:auto 7.25rem; box-sizing:border-box; text-align:center;}
.main-cont-area .intro-sect h2{color:#414042; font-size:1.25rem; line-height:1.75rem; letter-spacing:-0.06em; word-break:keep-all}

.main-cont-area .intro-sect span{font-weight:700;}
.main-cont-area .intro-sect p{padding-top:0.75rem; color:#414042; font-size:0.9375rem; font-weight:700; line-height:1.313rem; letter-spacing:-0.06em; word-break:keep-all}


.main-cont-area .lnk-item{ float:left; width:49.5%; margin:1% 1% 0 0; }
.main-cont-area .lnk-item:nth-child(2n){margin-right:0;}
.main-cont-area .lnk-item a{display:block; width:100%;}
.main-cont-area .lnk-item img{width:100%; height:auto;}

/* /shop/prd_view */
.product-view-head .img-box{}
.product-view-head .img-box .swiper-slide{width:100%; height:0; padding-top:78%;}
.product-view-head .swiper-slide img{position:absolute; left:0; right:0; bottom:0; top:0; margin:auto; width:auto; height:auto; max-width:100%; max-height:100%; margin:auto;}

.product-view-head .img-pager{position:static; margin-top:10px; bottom:0; font-size:0; text-align:center;}
.product-view-head .img-pager .swiper-pagination-bullet{ display:inline-block; width:9px; height:9px; margin:0 0.3125rem; background:#7f7f7f; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; cursor:pointer;}
.product-view-head .img-pager .swiper-pagination-bullet-active{background:#000;}
.product-view-head .prd-brand{padding-top:.5rem; padding-bottom:1rem; border-bottom:1px solid #ddd;}
.product-view-head .prd-brand img{width:auto; height:1.375rem; max-width:100%;}
.product-view-head .tit-box{padding-top:1rem; color:#414042; font-size:1.125rem; font-weight:900; letter-spacing:-0.06em; line-height:1.5rem;}
.product-view-head .prd-name{display:block; font-size:1.125rem;}
.product-view-head .prd-tag{padding-top:7px; color:#414042; font-size:0.9375rem; font-weight:400;}
.product-view-head .info-box{color:#414042;}
.product-view-head .info-box .ttl{float:left; width:27.8%; letter-spacing:-0.06rem;}
.product-view-head .info-box .val{float:left; width:72.2%; letter-spacing:-0.06rem;}
.product-view-head .price-box{margin-top:1.25rem;  color:#414042;}
.product-view-head .price-box .ttl{font-size:0.9375rem; font-weight:700; line-height:1.938rem;}
.product-view-head .price-box .val{font-size:1.125rem; font-weight:900; line-height:1.938rem;}
.product-view-head .benefit-box{color:#00aeef; line-height:1.938rem;}
.product-view-head .benefit-box .val{font-weight:700;}
.product-view-head .detail-box{padding-top:6px; margin-top:10px; border-top:1px solid #414042;}
.product-view-head .detail-box li{margin:8px 0; font-size:13px; line-height:17px;}
.product-view-head .detail-box li:after{content:''; display:block; clear:both;}
.product-view-head .notice-box{padding:1.25rem 0 1.875rem; border-bottom:1px solid #676668; color:#888; font-size:13px; line-height:20px; letter-spacing:-0.06rem;}
.product-view-head .notice-box strong{font-weight:700;}
.product-view-body .view-cont-inner{font-size:0;}
.product-view-body .view-cont-inner *{font-size:14px;}
.product-view-body .view-cont-inner img{width:auto; height:auto; max-width:100%;}
.product-view-body .view-cont-inner br{display:none;}


.product-view-buy{position:fixed; left:0; bottom:0; width:100%; background:#fff; z-index:400; box-shadow: 0px -5px 20px 0px rgba(0, 0, 0, 0.1);}
.product-view-buy .btn--control{position:absolute; left:50%; top:-1.85rem; width:3.75rem; height:3.75rem; margin-left:-1.85rem; background:#fff url(/m/carskin/images/comm/util_arr.png) no-repeat 50% 1rem; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; font-size:0; text-indent:-9999px; z-index:-1 ;}
.product-view-buy .opt-box{ height:0; padding-top:4px; overflow:hidden; transition:padding .3s ease-out; -webkit-transition:padding .3s ease-out; -moz-transition:padding .3s ease-out; -ms-transition:padding .3s ease-out; -o-transition:padding .3s ease-out; }
.product-view-buy .opt-box.active{height:auto; padding-top:1.125rem;}
.product-view-buy .opt-item .ttl{margin-bottom:5px; color:#414042; font-size:14px; line-height:24px;}
.product-view-buy .opt-item{ font-size:13px; font-weight:700; letter-spacing:-0.06rem; line-height:24px;}
.product-view-buy .opt-item ~ .opt-item{margin-top:10px;}
.product-view-buy .opt-item select{min-width:100%; height:2.5rem; border:1px solid #414042; color:#414042; font-size:13px; font-weight:700;vertical-align: middle}
.product-view-buy .selected-box{margin:28px 0 10px; color:#414042; text-align:right;}
.product-view-buy .selected-box .prd{margin-right:10px; font-size:0.9375rem; font-weight:700;  box-sizing:border-box; letter-spacing:-0.06em;}
.product-view-buy .selected-box .opt{  font-size:0.9375rem;  letter-spacing:-0.06em;}
.product-view-buy .total-box{padding:20px 0 30px; border-top:1px solid #ddd;  color:#414042; font-size:0; text-align:right}
.product-view-buy .total-box {font-size:0.9375rem; font-weight:700; letter-spacing:-0.06em; vertical-align:text-bottom}
.product-view-buy .total-box .price{margin-left:20px; font-size:22px; font-weight:900; letter-spacing:-0.06em; vertical-align:text-bottom}


.product-view-buy .util-box a{height:3.75rem; color:#fff; font-size:1.125rem; font-weight:900; letter-spacing:-0.06rem; text-align:center; box-sizing:border-box;}
.product-view-buy .util-box a + a{border-left:1px solid #414042;}

.product-view-buy .util-box .wish_btn {float:left; width:15.5%;; background:#000 url(/m/carskin/images/prd/wish_ico.png) 50% 50% no-repeat; text-indent:-9999px; box-sizing:border-box;}
 .product-view-buy .util-box .wish_btn.on {background-image:url(/m/carskin/images/prd/wish_on.png);}
.product-view-buy .util-box .order_btn {float:left; width:42.25%; line-height:3.75rem; text-align:center; background:#000;}
.product-view-buy .util-box .cart_btn {float:left; width:42.25%; line-height:3.75rem; text-align:center; background:#000; }



.AW_pager{padding:1.25rem 0 1.875rem; text-align:center;}
.AW_pager b {display:inline-block; width:auto;}
.AW_pager em, .AW_pager a {display:inline-block; width:1.875rem; height:1.875rem; line-height:calc(1.875rem - 2px); border:1px solid #ddd; margin:0 .5px; vertical-align:middle; box-sizing:border-box; font-size:0.8125rem; height:1.875rem; line-height:calc(1.875rem - 2px);text-align:center; background:#fff; color:#666;}
.AW_pager a img {width:100%; height:100%; vertical-align:top;}
.AW_pager em {background-color: #333; border-color:#333; color: #fff;}