@charset "UTF-8";

/**********
* ## MOBILE
**********/
.menu-slide-container {position: fixed; z-index: 800; top: 0; bottom: 0; width: 60%; max-width: 86rem; -webkit-transition: all 0.2s;transition: all 0.2s; opacity: 0; height: 100vh; background-color: #000;}
.menu-slide-container.right-side {right: -100%; }
.menu-slide-container.right-side.menu-open {right: 0; opacity: 1;}
.menu-slide-container.left-side {left: -280px;}
.menu-slide-container.left-side.menu-open {left: 0;}
.menu-slide-container #logo {margin-bottom: 45px;}
.dim-menu{position: fixed; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; display: none; background-color: rgba(0, 0, 0, 0.5);}
.dim-menu.on{display: block}
.close-wrap{position: absolute; top: 2.4vw; right: 1.5rem; color: #fff; display: flex; align-items: center;}
.close-wrap .text{font-size: 2rem; margin-right: 10px; display: inline-block; line-height: 1;}
.menu-close {display: inline-block; width: 25px; height: 25px; top: 2rem; right: 1.5rem; background: url('../images/icons/ico-close-w.png') no-repeat center; text-decoration: none; -webkit-transition: all 0.25s; transition: all 0.25s; z-index: 2; background-size: 18px; }
/* .menu-slide-container.menu-open .menu-close{position: fixed;} */

.menu-slide-container .container{padding: 0 max(6rem, 6.875vw);}

.menu-header{position: relative;}
.menu-content{z-index: 1; position: relative;}
.menu-slide,
.menu-slide ul {margin: 0; list-style: none;}

.menu-slide {position: relative; margin-top: max(6rem, 12vw); display: flex; justify-content: center; flex-direction: column;}
.menu-slide li {position: relative; text-align: left;}
.menu-slide .dropdown-menu .dropdown-title{color: #e1e1e1; padding: 20px 0 5px 20px; font-size: 1.4rem; border-bottom: 2px solid #f5f7fa;}
.menu-slide .dropdown-menu + .dropdown-menu{padding-top: 15px;}
.menu-slide li.open > a,
.menu-slide li.active > a{font-weight: 700; color: #0d0d0d;}
.menu-slide li.active ul li a, .menu-slide li:hover ul li a{color: #fff;}
.menu-slide li a {position: relative; display: inline-block; margin-bottom: 0; line-height: 1.3; text-decoration: none; -webkit-transition: all 0.25s; transition: all 0.25s; }
.menu-slide > li{display: flex; margin-bottom: 8rem; align-items: center;} 
.menu-slide > li > a {font-size: 3.2rem; color: #fff;}

.menu-slide > li > a > span{display: inline-block; position: relative;}
.menu-slide li ul{display: flex; margin-left: 8rem;}
.menu-slide li ul li{padding: 8px 0; margin-right: 4rem;}
.menu-slide li ul li:last-child{margin-right: 0;}
.menu-slide li ul li:hover > a::before{width: 100%;}
.menu-slide li ul li a{color: #fff; font-size: 2.4rem; letter-spacing: -0.6px; position: relative;}
.menu-slide li ul li a::before{content: ''; position: absolute; display: block; bottom: 0; left: 0; width: 0; background-color: #39a845; height: 1px; transition: width 0.2s ease; -webkit-transition: width 0.2s ease; -moz-transition: width 0.2s ease; -ms-transition: width 0.2s ease; -o-transition: width 0.2s ease;}
.menu-slide li ul li a:hover{color: #39a845;}
.menu-slide li ul li ul{margin-left: 2rem;}
.menu-slide li ul li ul li{padding: 2px 0;}
.menu-slide li ul li ul li a{font-size: 1.4rem;}
.menu-slide li ul li ul li:last-child{padding-bottom: 0;}


/* .menu-tnb{margin: 30px 0 20px; border-bottom: 1px solid #eee; padding-bottom: 30px;}
.menu-tnb a{width: 47%; border-radius: 5px; display: inline-block; margin: 1%; padding: 10px 0; font-size: 18px; background-color: #ff8133; border: 1px solid #ff8133; text-align: center; color: #fff;}
.menu-tnb a:first-child{background-color: #fff; color: #ff8133;} */

.menu-link{padding: 3rem 2rem; margin-top: auto; background-color: #f5f5f5;}
.menu-link .inner{display: flex;}
.menu-link a{display: inline-block; position: relative; text-align: center; font-size: 12px; background-color: #fff; flex: 1; margin: 0.5rem; padding: 1.5rem 0.7rem;}
.menu-link a .icon{max-height: 35px; background-size: auto 35px;}
.menu-link p{letter-spacing: -0.5px;}
.menu-link .social-link a{text-align: left;}

.menu-ft{position: relative;}

/**********
* ## Responsive
**********/
@media only screen and (max-width: 1620px) and (min-width: 1280px){
	.brand-wrap .brand-card .cont .container .inner{width: 41vw; height: max(38rem, 28vw);}
}

@media screen and (min-width:2400px) {
	.section-banner .cont{width: calc(100%  - 1120px);}
	.section-banner .media{max-width: 1120px;}

	
	#header{height: 8.8rem;}
	#contents{margin-top: 8.8rem;}
	.mega-menu{top: 8.8rem;}
	.bg-gnb:before{height: 8.8rem;}
	.panel{margin: 8.8rem auto; padding: 8.8rem 0;}

	.section-page{padding: 12rem 0;}
	.section-page.last{padding-bottom: 20rem;}
	.basic-section.section-page{padding-top: 6rem;}

	.footer-widget.category ul{margin-left: 8rem;}
	.footer-links li a{margin-right: 6rem;}

	.panel-header .desc{margin-top: 4rem;}

	.login-box .input{height: 6rem; line-height: 6rem;}
	.panel-login .links{height: 10rem}
	.btn-group .btn-lg + .btn-lg{margin-left: 4rem;}
	.sp-submit.lg, .btn.btn-lg{height: 7rem; line-height: 7rem;}

	#main .section{padding: 12rem 0;}
	.section-main-visual{max-height: 1280px;}
	.brand-wrap .brand-card .cont .container{max-width: 1600px;}

	.gallery-swiper .swiper-pagination{bottom: 6rem;}

	#section-02 .section-wrap .cont .text{margin-bottom: 6rem}
	.brand-wrap .brand-card .cont .desc {margin: 3rem 0 6rem;}
	.tab-list{margin-bottom: 6rem}

	#section-08 .image-wrap{margin-top: 10rem}
	#section-08 .image-wrap .m2{margin-top: 10rem}



	.sub-top-visual .visual-form .input{height: 7rem; line-height: 7rem; padding-left: 3rem}
	.sub-top-visual .visual-form .search-input-wrap .btn-search{width: 7rem; height: 7rem;}

	.sub-tab-wrap{margin: 6rem 0;}
	.subwrap-top{padding: 9rem 0 0;}


	.page-brands-view .section-banner .cont .title{margin-top: 6rem}

	.overview-wrap .title{padding-top: 18rem; padding-bottom: 6rem}
	.overview-wrap .about{margin: 20rem 0 12rem;}
	.overview-wrap .about .inner .cont h3{margin-bottom: 6rem;}
	.overview-wrap .about .inner .cont .btn-wrap{margin-top: 6rem;}


	.inquiry-wrap{padding-top: 12rem;}
	.inquiry-wrap .contact-top{padding-left: 3rem;}

	.po-wrap{padding-top: 12rem;}
	.po-wrap h3{margin-bottom: 6rem;}
	.po-wrap ol{margin-left: 4rem;}


	.contact-wrap .section-header{padding: 12rem 3rem;}
	.contact-item{padding: 0 6rem;}
	.contact-item dl{margin-top: 6rem;}

	.showroom-wrap{padding-top: 8rem;}
	.showroom-wrap .btn-wrap{margin-top: 4.8rem; }
	.showroom-wrap + .showroom-wrap{padding-top: 12rem; margin-top: 12rem;}


	.form-btn{margin-top: 10rem}
	.faq-wrap ul.faq li.faq-item a.faq-title span.subject {padding-left: 3rem}
	.faq-wrap ul.faq li.faq-item .answer {padding: 3rem;}


	.mypage-content > .cont{margin-left: 6rem;}

	.point-wrap .point-box{margin-bottom: 6rem;}

	.coupon-info{margin-top: 6rem;}
	.bbs-tab-wrap{margin-bottom: 10rem;}
	.bbs-btn {margin:10rem auto 0; }

	.bbs-banner{padding-top: 6rem;}
	.bbs-banner .inner{top: 12rem; right: 12rem; height: 44rem; }

	.paging-wrap{margin-top: 6rem; }
	.bbs-bot {margin-top: 12rem;}
	.post-contents + .post-contents{margin-top: 12rem;}

	.pop-catalogue .pop-content .inner .image{width: 48rem; height: 62rem;}





	#section-models{padding-top: 10rem;}
	.section-banner{margin-bottom: 12rem; height: 68rem;}
	.section-banner .inner{width: 58rem;}

	.list-search-wrap{margin-bottom: 10rem;}

	.grid-filter a.with-img .text{width: calc(100% - 6rem); }
	.grid-filter a.with-img .image{width: 6rem; height: 6rem}
	.grid-filter[data-filter-grid="filter-color"] a.with-img .image{width: 5rem; height: 5rem;}
	.list-header{margin-bottom: 4rem;}

	.grid-list .item .grid-content .grid-desc + .grid-desc{margin-top: 3rem;}

	.pvi-short ul li + li{margin-left: 6rem;}

	.ar-box{margin-top: 4rem}


	#sit_info{margin-top: 20rem; margin-bottom: 12rem;}
	#sit_info section{padding: 12rem 0;}

	.grid-fuel + .desc{margin-top: 6rem;}

	#sit-download h2{margin-bottom: 6rem;}

	#sit_use_list .list-header{margin-top: 10rem;}

	#sit_ex {margin: 10rem 0 0 }

	.sod-wrap{margin-bottom: 10rem}

	.cart-item-wrap + .cart-item-wrap{margin-top: 6rem;}

	.btn-order{margin-top: 8rem;}

	#sod_frm .sod-cont section{margin-top: 6rem;}

	#sod_fin section + section{margin-top: 8rem;}

	.order-list-wrap .item-container + .item-container{margin-top: 6rem;}

}

@media screen and (max-width:1620px) {
	.grid-box .item{height: auto;}
	.grid .item .image img{height: auto;}

	/* ## ITEM - 1440 */
	.download-box{padding: 3rem 2rem;}
	.download-item{padding: 3rem 2rem; max-width: 100%;}

	#gnb{height: 100%; line-height: max(6rem, var(--header-height));}
	#gnb .topmenu > li{flex: 0; height: 100%;}
	#gnb .topmenu > li > a{padding: 0 max(1.5rem, 1.8vw);}

	.dropdown-menu .menu-title{line-height: 1; margin-bottom: 1.5rem;}
	.dropdown-menu > li.depth1{margin-bottom: 1.5rem;}
	.dropdown-menu > li + li{margin-left: 4rem;}
}

@media screen and (min-width:1441px) {
	/* .gutter-xl.container{max-width: 100%; padding-left: max(10rem, 8.3334vw); padding-right: max(10rem, 8.3334vw);} */
	/* .gutter-m.container{max-width: 100%; padding-left: max(10rem, 13.099vw); padding-right: max(10rem, 13.099vw);} */
}

@media screen and (max-width:1440px) {
	.swiper-arrows .btn-swiper-prev{left: 0;}
	.swiper-arrows .btn-swiper-next{right: 0;}
	.lnb-wrap .container{padding: 0;}
	.container{padding: 0 2.5%;}
	.sp-item{padding: 1rem; flex: 0 0 30%;}
	#scrollWrap #wrapper .cont-wrap{min-width: 100%;}


	.section-banner .cont .in{position: relative;}
	/* ## MAIN-1440 */
	
	
}

@media screen and (max-width:1280px) {
	
	#footer .container{max-width: 100%; padding:  0 15px;}
	.widget-wrap{flex-direction: column;}
	.logo-wrap a + a{margin-left: 2rem;}
	.footer-widget.category{margin-top: 3rem;}

	.footer-widget.info{width: 100%;}
	.footer-widget.info .select-box .btn-select{background-color: #eee;}
	.footer-widget.info .select-box .select-list{top: -620%; background-color: #eee;}

	/* ## MAIN-1280 */
	.grid-box .item{height: auto;}
	
	.brand-wrap .brand-pc{display: none;}
	.brand-wrap .brand-mobile{display: block;}

	.brand-mobile .section-header{padding-top: 4rem; padding-bottom: 2rem;}
	.brand-mobile .cont .image{max-height: 50rem;}
	.brand-mobile .cont .image img{width: 100%; height: 100%; object-fit: cover;}
	.brand-mobile .cont .inner{padding: 3rem 1.5rem; background-color: #ede6d5;}
	.brand-mobile .cont h4 {font-size: 2rem; line-height: 1em;}
	.brand-mobile .cont .desc{font-weight: 400; font-size: 1.6rem; margin-top: 1.8rem;}
	.brand-mobile .cont .btn-more-wrap {margin-top: 2rem; }
	.brand-mobile .swiper-pagination{position: relative; text-align: left; bottom: 0; left: 0; right: 0; top: 0; padding: 0 1.5rem; margin-bottom: 2.4rem;}
	.brand-mobile .swiper-pagination .swiper-pagination-bullet{color: #a0a0a0; width: auto; height: auto; background-color: transparent; opacity: 1; border-radius: 0; margin: 0; margin-right: 2rem;}
	.brand-mobile .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{color: #0d0d0d; }

	/* ## BUSINESS-1280 */
	/* ## SHOP-1280 */
	.item_review_title{padding-bottom:0}
    .review-info li{padding-top:5px}

    .item_qna_title{padding-bottom:0}
    .qna-info li{padding-top:5px}


	/* ## LISTS - 1280 */
	.sod-product-wrap .image img{max-width: 100px; max-height: 100px;}
	.sod-panel{margin-left: 2rem;}

	
	/* ## ITEM - 1280 */
	.sit_buy_inner .text{max-width: 50%;}
	.grid-download{flex-direction: column;}
	.download-box ul{grid-template-columns: 1fr 1fr;}
	.download-wrap.with-box{grid-template-columns: 68.75% 30%;}
	.download-box{max-width: 100%;}
	

}

@media only screen and (max-width: 1280px) and (min-width: 1081px){
	
}

@media (max-width: 1080px) {
	
	/* body{font-size: 0.8rem;} */

	.layer-fix{overflow: hidden;}
    .show-mobile { display:block!important}
	.hide-mobile { display:none!important}


	.gutter-xl.container,
	.gutter-m.container{padding: 0 1.5rem;}

	.container-full{padding: 0 1.5rem}
	.container-wide{padding: 0 1.5rem;}

	.dlpo-wrap .banner-item a{font-size: 14px; padding: 1.5rem 0;}
	.dlpo-wrap .dlpo-close{right: 10px;}

	/* ## HEADER - 991 */
	#header{height: 6rem; background-color: rgba(255, 255, 255, 0.95);}
	body.st-up #header{box-shadow: 0.5px 0.5px 4px 0.2px rgba(0, 0, 0, 0.15);}
	body.st-up.hide-header #header{box-shadow: none;}

	.header-util{font-size: 1.4rem;}
	.header-util .item.first{display: none;}
	.logo a{width: 151px; height: 17px; background-image: url('../images/logo-tsl-b.svg');}
	.header-util .item .user-proc{left: -140px;}
	#header .ico-cart-w{background-image: url('../images/icons/cart-b-v3.svg'); width: 20px; height: 23px;}
	#header .ico-user-w{background-image: url('../images/icons/avatar-b-v2.svg'); width: 23px; height: 24px;}

	#header.open .header-util .m-user a{color: #0d0d00; border-color: #0d0d00;}
	#gnb{display: none;}

	.layer-popup .pop-wrap{width: 80%;}
	.pop-category .pop-wrap{width: 100%; padding: 0;}
	.pop-category.navCategory .pop-wrap{ top: 108px; left: 0;}

	.layer-popup.full .pop-wrap{width: 100%;}
	.layer-popup.full .pop-content{position: relative; padding: 0; overflow-y: auto; height: 100vh;}
	.layer-popup.full .pop-footer{position: fixed; bottom: 0; left: 0; right: 0; padding: 1.5rem; z-index: 10;}
	.layer-popup.full .pop-footer .btn-close{width: 100%; height: 4.5rem; line-height: 4.5rem; padding: 0;}

	/*******************
	* ## COMMON - 1080
	*******************/
	.sit_empty, .empty-post{padding: 30px 0 !important; font-size: 14px;}
	.util .list img{max-width: 50px;}
	.scroll-to-top a{width: max(4.5rem , 6vw); height: max(4.5rem , 6vw);}

	.grid{grid-template-columns: 1fr 1fr 1fr;}
	.grid-filter{grid-template-columns: 1fr 1fr 1fr 1fr;}

	.section-header{margin-bottom: 0;}
	.section-header .section-desc{margin-top: 1rem;}

	.row.space-20 [class*="col-"]{padding-left: 10px; padding-right: 10px;}
	.row.space-20{margin-left: -10px; margin-right: -10px;}


	.dlpo-wrap{position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 999;}
	.dlpo-wrap::before{background: rgba(0, 0, 0, 0.3); content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
	.dlpo-wrap .banner-item{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #fff; border-radius: 10px; width: 90%; padding: 6rem 0; flex-direction: column; text-align: center; padding-bottom: 0;}
	.dlpo-wrap .banner-item .ico-reminder{background-image: url('../images/icons/m-alert.png'); width: 60px; height: 60px; margin-right: 0; margin-bottom: 2.4rem;}
	.dlpo-wrap .banner-item .title{color: #39a845; flex-direction: column; font-size: 24px; font-weight: 600; line-height: 1.3; margin-bottom: 15px;}
	.dlpo-wrap .banner-item a{background-color: #39a845; display: block; margin-top: 15px; text-align: center; padding: 0.95rem 2rem; border-radius: 2rem; display: inline-block;}
	.dlpo-footer{display: flex; justify-content: space-between; padding: 3rem 2rem; background-color: #f9f9f9; width: 100%; margin-top: 6rem; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
	.dlpo-wrap .dlpo-footer .dlpo-close:before, .dlpo-wrap .dlpo-footer .dlpo-close:after{transform: rotate(0);}
	.dlpo-wrap .dlpo-footer .check-box.icon label{color: #cbcbcb;}
	.dlpo-wrap .check-box.icon input:checked + label{color: #0a0a0a;}
	.dlpo-wrap .dlpo-footer .dlpo-direct{color: #666;}
 

	.tab-list{position: relative; overflow: hidden;}
	.tab-swiper{margin-right: 4.6rem;}
	.tab-list ul li{width: auto;}
	.tab-list ul li a{padding: 1.4rem 2rem; display: inline-block; color: #a0a0a0; background-color: #fff; border: 1px solid #e3e3e3;}
	.tab-list ul li a.active{background-color: #0d0d0d; color: #fff; border-color: #0d0d0d; font-weight: 400;}
	.tab-list li a::after{display: none;}
	.tab-list button{position: absolute; right: 0; top: 0; height: 4.6rem; width: 4.6rem; z-index: 1; background-color: #fff; border: 1px solid #e3e3e3;}
	.btn-category{display: block}


	

	/* ## FOOTER - 991 */
	#footer{font-size: 1.2rem; padding-bottom: 6rem; display: flex; flex-direction: column;}
	#footer .show-mobile{display: none !important;}
	#footer .logo-wrap{display: none}
	.footer-info{padding: 1.5rem 0; order: 1;}
	.footer-cont{order: 2;}
	.widget-wrap{padding-top: 4rem;}
	.footer-company-wrap{padding-bottom: 4rem;}

	body.hide-util #footer{margin-bottom: 0; padding-bottom: 0; display: none;}
	body.hide-util .page-cart{padding-bottom: 6rem;}
	body.hide-util .page-order{padding-bottom: 12rem;}
	body.hide-util .fixed-util{display: none}

	.fixed-util {position: fixed; z-index: 100; left: 0; right: 0; bottom: 0; height: 6rem; padding-top: 1px; background-color: #fff; display: block;}
	.fixed-util ul {border-top: 1px solid var(--bg-color-e3); background-color: #fff; display: flex; align-items: center;}
	.fixed-util ul li {position: relative; flex: 1; display: flex; justify-content: center;}
	.fixed-util ul li a {box-sizing: content-box; display: block; margin-top: 1rem; height: 4.3rem; font-size: 1.2rem; color: #666; text-align: center; }
	.fixed-util ul li a:before {content: ""; display: block; width: 2rem; height: 2rem; margin: 0 auto 7px; }
	
	.fixed-util li a:before {display: inline-block; text-indent: -9999px; overflow: hidden; background-position: center; background-repeat: no-repeat; background-size: contain;}
	  
	.fixed-util li.menu a:before {background-image: url("../images/icons/menu-bar.svg"); background-size: 2.3rem auto; width: 2.3rem;}
	.fixed-util li.brand a:before {background-image: url("../images/icons/brand.svg"); background-size: 1.8rem auto; }
	.fixed-util li.home a{background-color: #28282a; border-radius: 50%; height: 45px; width: 45px; display: flex; align-items: center; justify-content: center; margin-top: 0.5rem;}
	.fixed-util li.home a:before {background-image: url("../images/icons/logo-l.svg");  background-size: 1.3rem auto; margin: 0;}
	.fixed-util li.search a:before {background-image: url("../images/icons/search-b.svg"); background-size: 1.4rem auto; }
	.fixed-util li.today a:before {background-image: url("../images/icons/m-recent.png"); background-size: 2rem auto; }
	/* .fixed-util li.today a:before {background-image: url("../images/icons/m-delivery.png"); background-size: 1.9rem; } */
	.fixed-util .btn-buy{background: url('../images/icons/m-purchase.png') no-repeat center/cover; width: 56px; height: 56px;}

	.fixed-util li.cart .cart-count{right: 10px; top: 5px;}

	body.buy-on .btn-buy{background-image: url('../images/icons/m-purchase-close.png');}
	.buy-menu{display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 99;}
	.buy-menu .dim{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3)}
	
	.fixed-util li.button ul{position: absolute; bottom: 100px; left: 0; right: 0; width: 80%; margin: 0 auto; background-color: transparent; display: none; border: 0;}
	.fixed-util li.button ul li{width: 100%;}
	.fixed-util li.button ul li a{background-color: #fff; display: block; border-radius: 25px; height: 50px; line-height: 50px; text-align: center; padding: 0; font-size: 1.6rem;}
	.fixed-util li.button ul li a:before{display: none;}
	.fixed-util li.button li + li{margin-top: 1.5rem;}
	body.buy-on .buy-menu{display: block;}
	/* body.st-up .buy-menu ul{top: 70vh;} */
	body.buy-on .fixed-util li.button ul{display: block;}
	body.buy-on .fixed-util li.button{position: inherit;}


	.util{bottom: 30%; top: auto;}
	.util .list li.shop{margin-bottom: 10px;}
	.util .list li{display: none;}
	.util .list li:last-child{display: block;}
	/* .scroll-to-top{display: none;} */

	
	.menu-slide-container{width: 100%; background-color: #fff;}
	.menu-slide-container .container{width: 100%; padding: 0 !important;}
	.menu-link .footer-widget{display: flex; margin-left: 0; justify-content: space-between; margin-top: 3rem;}
	.menu-link .footer-widget ul{display: flex; width: 100%; justify-content: space-between;}
	.menu-link .footer-widget ul li{width: auto; padding: 0; flex: 0 0 33.333%;}
	.menu-link .footer-widget.other ul li{flex: 0 0 50%;}
	.menu-link .ico-arrow-next-w{background-image: url('../images/icons/ico-arrow-next.png'); margin-right: 1rem;}

	.menu-content{height: 100vh; overflow-y: auto; background-color: #fff;}

	.menu-header{background-color: #fff; z-index: 1; top: 0; padding: 6rem 1.5rem 2rem; }
	.menu-header .search-input-wrap .input-container{background-color: #f2f2f2;}
	.menu-header .search-input-wrap input{max-width: 100%; background-color: #f2f2f2;}
	.menu-header .search-input-wrap .btn-search{background-image: url('../images/icons/search-b.svg');}

	.close-wrap .text{display: none;}
	.menu-close{background-image: url('../images/icons/ico-close-b.png');}
	
	.menu-slide{height: calc(100% - 120px); flex-direction: column; margin-top: 0; background: #f2f2f2; width: 160px; justify-content: flex-start;}
	.menu-slide > li{max-width: 100%; position: relative; margin-bottom: 0; display: block; padding: 2.091rem 1.5rem; background-color: #f2f2f2;}
	.menu-slide > li > a{font-size: 1.4rem; display: block; text-align: left; padding: 0; margin-bottom: 0; color: #0d0d0d; background: url('../images/icons/arw-r-b.svg') no-repeat right/cover; background-size: 7px 12px;}
	.menu-slide li .dropdown-menu{position: static; height: auto; transition: none; pointer-events: visible;  padding: 2.5rem 0 0; display: none; opacity: 1;}
	.menu-slide li ul li a{font-size: 1.6rem; letter-spacing: 0; color: #fff; display: block;}
	.menu-slide li.active ul li a, .menu-slide li:hover ul li a{font-weight: 600; background-color: #fff;}
	.menu-slide li ul{display: block; margin: 0 auto;}
	.menu-slide li ul li a{color: #0a0a0a}
	.menu-slide li ul li{padding: 0; margin-right: 0; position: relative;}
	.menu-slide li ul li + li{margin-top: 10px; margin-left: 0;}
	.menu-slide li ul li a::before{display: none;}

	.menu-slide li.active, .menu-slide li.open{background-color: #fff;}
	/* .menu-slide li.active.open{} */
	.menu-slide li.open > a::after{transform: rotate(180deg);}

	.menu-hover{position: absolute; top: 120px; left: 160px; background: #fff; height: calc(100vh - 120px); width: calc(100% - 160px);} 
	.menu-hover .dropdown-menu{opacity: 1; z-index: 1; width: 100%; pointer-events: visible; display: block;}
	.menu-hover .dropdown-menu li a{font-size: 1.4rem; display: block; padding: 2.091rem 1.5rem; font-weight: 500; background: url('../images/icons/arw-r-b.svg') no-repeat right/cover; background-size: 7px 12px; position: relative; background-position: 92% 50%;}
	.menu-hover .dropdown-menu > li + li{margin-left: 0;}

	.menu-ft{padding: 3rem 4.5rem;}
	.menu-ft .seller-info .ico-angle-right{background-image: url('../images/icons/ico-angle-down.png'); transform: rotate(-90deg);}
	.menu-ft .tel-info{max-width: 100%; }
	.menu-ft .tel-info .label{width: 32.5%; height: 5rem; font-size: 1.2rem;}
	.menu-ft .box-desc{margin-bottom: 0.5rem; margin-top: 2rem; font-size: 1.2rem;}
	.menu-ft .box-desc .dash li .label{width: auto; margin-right: 4px;}
	.tel-info .tel a .icon{width: 15px; height: 15px;}

	.menu-header .user-wrap {position: relative; display: block;}
	.menu-header .user-wrap .user-container {display: flex; align-items: center; }
	.menu-header .user-wrap .user{margin-left: 1rem;}
	.menu-header .user-wrap .user strong{font-size: 24px; font-weight: 600;}
	.menu-header .user-wrap .user .btn {padding: 4px 6px; min-width: auto; }
	.menu-header .user-wrap .user .btn + .btn {margin-left: 10px; }
	.menu-header .user-wrap .user span {display: block; margin-top: 10px;}



	/***************
	 * ## MAIN-991 
	 ****************/
	.section-main-visual{height: calc(100vh - 12rem); margin-top: 6rem;}
	.section-main-visual .screen-image img{border-radius: 0;}
	#section-02 .section-wrap{flex-direction: column;}
	.bg-section-02{display: none;}
	#section-02 .section-wrap .section-header{background-color: #fff; width: 100%; padding-top: 4rem;}
	#section-02 .section-wrap .section-header .btn-more-wrap{display: none;}
	#section-02 .section-wrap .cont .text{margin-top: 1.5rem; font-weight: 400;}
	#section-02 .section-wrap .cont{padding: 0;}
	#section-02 .grid{grid-template-columns: 1fr 1fr;}

	#section-03 .grid-collection{row-gap: 30px; column-gap: 25px;}
	.grid-collection .cont{text-align: left;}

	#section-08 .image-wrap{flex-direction: column;}
	#section-08 .image-wrap .m1{transform: none;}
	#section-08 .image-wrap .m2{transform: none; margin-top: 2rem;}
	#section-08 dl{margin-top: 3rem;}


	/* ## SUB-991 */
	.sub-visual{padding: 3rem 0;}
	.contents{padding: 3rem 0; height: auto;}
	.page-title{font-size: 0.75rem; color: #131313;}
	.section-page{padding: 4rem 0;}
	.basic-section.section-page{padding-top: 3rem;}
	.sub section:last-child{padding-bottom: 6rem;}
	.sub .visual-section .section-title{font-size: 2.4rem;}

	.subwrap-title-s{font-size: 1.6rem;}
	.sub-tab ul{max-width: 100%;}

	.tabs.dark li a{padding: 1.4rem 0;}

	/* .sub-top-visual{height: 150px;} */
	.sub-top-wrap{height: 320px;}
	.sub-top-visual .line{margin: 15px 0 13px;}
	.sub-top-visual .visual-title{font-size: 1.6rem; }
	.sub-top-visual .visual-desc{font-size: 1rem;}
	.sub-top-visual .visual-form{margin-top: 1.5rem;}
	.sub-top-visual .visual-form .search-input-wrap .btn-search{background-size: 16px auto;}

	.section-banner .cont{width: 58%;}
	.section-banner .inner{max-width: 100%;}

	.section-tabs ul li a{padding: 1.2rem 3rem;}

	/* .section-page{padding: 5vw 0;} */
	

    .lnb-wrap {padding: 0 1.5rem;}
	.lnb-wrap .lnb-menu{display: flex; height: 3rem;}
	.lnb-wrap .lnb-menu li{flex: 1; font-size: 14px;}
	.lnb-wrap .lnb-menu .menu-box2:last-child {width:100%!important; border:0; background:#333}
	/* .lnb-wrap .lnb-menu .sub-menu { background:#333; box-shadow: 0 0 10px rgba(0,0,0,0.2); z-index: -1; padding-bottom: 10px;}  */
	/* .lnb-wrap .lnb-menu .sub-menu a {color:#fff; border:0} */
	.lnb-wrap .lnb-menu .btn-lnb {letter-spacing: 0; width: 100%; padding-left: 12px; height: 40px; line-height: 40px; max-width: 100%; }
	.lnb-wrap .lnb-menu a{overflow: hidden; text-overflow: ellipsis; white-space: nowrap}
	.lnb-wrap .lnb-menu .sub-menu a{text-align:center;padding:0 12px 0 12px; letter-spacing: 0; text-align:left; height: 40px; line-height: 40px;}
	/* .lnb-wrap .lnb-menu .btn-lnb .ic {width:56px;height: 56px;right: 0; top: 0; margin-top: 0; background: url("../img/hd/ico_gnb_arrow.png") no-repeat center center; background-size:38% auto} */
    /* .subwrap-top + .sub-wrap.notice-wrap .panel-sub:first-child {padding-top: 40px;} */
	.lnb-wrap .lnb-menu .btn-lnb .ic{right: 5px}

	.sub-tab-nav li a{line-height: 1.2;}

	.section-image{margin-top: 30px;}
	.section-page.first{padding-top: 4rem;}
	.sub-tab-wrap + .section-page{padding-top: 0;}
	.section-header h4{line-height: 1.2;}
	.basic-section .section-header .section-desc{font-size: max(1.6rem, 2.6vw); line-height: 1.4;}

	
	.thumb-swiper .swiper-slide:hover::before{background-size: 2.5rem;}


	.page-register .btn-wrap{margin-top: 4rem;}
	.register-section{margin-top: 4rem;}
	.contact-form.table-layout .form-group{flex-direction: column; margin-bottom: 3rem;}
	.contact-form.table-layout .form-group .label{font-size: 1.6rem; height: auto; line-height: 1; margin-bottom: 1rem; width: 100%;}
	.contact-form.table-layout .name-input{max-width: 100%;}
	.help-box{padding: 1.5rem; margin-top: 1rem; font-size: 14px;}
	.help-desc{font-size: 14px;}
	.contact-form.table-layout .email-input{max-width: 100%;}
	.contact-form.table-layout .form-group .select-box .btn-select{height: 4rem; line-height: 4rem;}
	.contact-form.table-layout .phone-input{max-width: 100%;}

	.label-req-info{font-size: 1.4rem;}


	/* ## OUR-BRANDS-991 */
	.grid-brand{row-gap: 60px; column-gap: 20px;}
	.grid-brand .item .cont{padding: 2rem;}
	.btn-more-wrap a.border{padding: 1.3rem 3rem;}


    /* ## ABOUT-991 */
	.overview-wrap{flex-direction: column-reverse;}
	.overview-wrap .image img{width: auto; max-width: 100%;}
	.overview-wrap .cont{width: 100%; margin-right: 0; margin-top: 3rem;}
	.overview-wrap .cont p{font-size: 1.6rem;}


	/***************
	 * ## SUPPORT-991 
	 ****************/
	.page-support-inquiry .section-title,
	.page-support-quote .section-title{font-size: 2.4rem;}





	/* ## CONTACT-991 */
	.contact-content{padding: 1.5rem 0 5rem;}
	.location-info .cont{margin-left: 0; padding-left: 0; margin-top: 3rem;}
	.location-info .cont::before{display: none;}
	.location-info .cont .item + .item{margin-top: 1.5rem;}
	.location-info .cont .item .text em{flex-shrink: 0; width: 16%;}
	.location-info .cont .item .text span{margin-left: 0; flex-grow: 1;}
	/* .location-info .cont .item{font-size: 1.6rem;} */


	.contact-content .text{font-size: 1.2rem; margin-top: 1.5rem; line-height: 1.58;}
	.contact-content svg{top: 11rem; right: -40%; left: auto; max-width: 50vmax; width: 90vw; z-index: 2}

	.form-input .radio-box + .radio-box{margin-left: 0; margin-top: 1rem;}
	.contact-form .radio-box label{font-size: 14px;}

	.form-row:first-child{border-bottom: 1px solid #fff; padding-bottom: 2rem;}
	.contact-form .form-input.d-flex{flex-wrap: wrap;}
	.form-half{flex: 0 0 100%;}
	.form-half + .form-half{margin-left: 0; margin-top: 1rem;}
	

	.contact-form .label{font-size: 1.6rem; margin-bottom: 1.5rem;}
	.contact-form .input{height: 4rem; line-height: 4rem; font-size: 1.6rem;}
	.contact-form .select-box .btn-select{padding-left: 5px; height: 4rem; line-height: 4rem;}
	.contact-form .form-input{margin-bottom: 4rem;}
	.address-input .zipcode .btn{height: 4rem; width: auto; min-width: auto; padding: 0 10px; font-size: 14px;}
	.file-input button{height: 4rem; line-height: 4rem; font-size: 14px;}
	.address-input .input{max-width: 100%;}

	.contact-top .contact-title{font-size: 1.8rem;}

	/* #### FAQ-991 */
	.faq-wrap ul.faq li.faq-item a.faq-title span.subject{font-size: 16px; }

	.grid-item:first-child{margin-top: 0;}
	.grid-list{margin-top: 0;}
	.grid-list.bg-white .grid-item{padding-right: 20px; margin-left: 20px;}
	

	/* ## FORM-991 */
	.bs-number-input{width: 100%; display: flex; align-items: center; justify-content: space-between; max-width: 100%;}
	.bs-number-input .bno1{width: 30%;}
	.bs-number-input .bno2{width: 20%;}
	.bs-number-input .bno3{width: 50%;}

	.contact-form textarea.input{min-height: 40vw;}
	.control-label{margin-bottom: 0.5rem; display: block;}

	/* ## BOARD-991 */
	.bbs-banner .inner{padding: 3rem; right: 4rem; top: 3rem; width: 50%;}

	.bbs-wrap{margin: 0;}
	.bbs-wrap .bbs-table{border-top: 1px solid #a0a0a0;}
	.bbs-tab li a{width: auto; font-size: 14px; padding: 0 2rem;}
	.bbs-table table thead td, .bbs-table table tbody td.ft-s, .bbs-table .type-box {font-size: 18px; padding: 15px;}
	/* .bbs-table table td, .bbs-table table tbody td.subject {font-size: 18px; line-height: 24px; font-weight: normal;} */

	.bbs-table table td.subject .category{display: block; margin-bottom: 5px;}
	.bbs-table table tbody td.subject, .bbs-table table td a, .bbs-table table td, .bbs-table table tbody td.subject { color: #333; font-weight: 500; padding: 10px;}
	.bbs-table table tbody td.subject, .bbs-table table tbody td.subject + td {display: block; text-align: left!important; border: 0; padding: 20px 10px; }
	.bbs-table table tbody td.subject {padding-bottom: 0;}
	.bbs-table table tbody td.subject + td {padding-top: 5px; border-bottom: 1px solid #d5d5d5;}
	.bbs-table table tbody td.subject a {max-width: 80%; padding: 0;}


	.bbs-list-search{font-size: 14px;}
	.bbs-list-search .search-wrap li .select-box{width: 90px;}
	.bbs-list-search .search-wrap li .btn-search{right: -10px;}
	.bbs-list-search .search-wrap{max-width: 320px; margin: 0 auto;}
	.bbs-list-search .search-wrap li input[type=text]{max-width: 150px;}

	.bbs-bot{margin-top: 50px;}
	.bbs-bot ul li{font-size: 14px;}
	#post-content iframe{max-width: 100%; width: 100%; height: auto; min-height: 280px;}

	.bbs-gallery .grid-item{margin-bottom: 3rem;}

	/* ## Panel - 991 */
	.panel{max-width: 100%;}
	.panel-footer{padding: 1.5rem 1rem;}
	.panel-header h2{font-size: 24px;}
	.panel-body{padding: 0 1.5rem;}
	.password-wrap .panel{margin: 50px auto;}

	.alert{font-size: 14px;}
	.sp-submit{height: 45px; line-height: 45px;}


	/* ## Terms */
	.privacy-wrap{padding-bottom: 50px;}
	.privacy-wrap .privacy-box.summary{padding: 15px;}
	.privacy-box.summary .list-style-box, .privacy-box.summary .list-style{display: block; margin: 0 auto; width: 100%;}


	.scroll-to-top{bottom: 4%;}
    .scroll-to-top .scroll-bar-text{font-size: 12px;}
	.scroll-to-top .scroll-top-icon{width: 18px; height: 10px; margin-bottom: 4px;}
	.scroll-to-top .scroll-top-inner{width: 2.5rem; height: 2.5rem;}


	/* ## SHOP-1080 */
	.detail-page #contents{margin-top: 0;}

	.nav-cate{display: block;}
	.grid-filter.active{max-height: 100%;}

	.rp-history-wrap{min-height: 60vh;}
	.rp-history-control .rp-close{display: none;}
	.rp-history-list > li:last-child{padding-bottom: 15px;}
	.rp-history-top{border-bottom-color: #f5f5f5;}
	.rp-history-cont .empty-post{z-index: 1;font-size: 14px;}

	.detail-page .fixed-util{display: none;}
	#sit_ov_from{}
	#sit_ov_wrap{flex-direction: column;}
	/* #sit_pvi{flex-direction: column;} */
	#sit_pvi_big img{max-width: 100%}
	#sit_ov{max-width: 100%; width: 100%; margin-left: 0; margin-top: 2rem; padding-bottom: 0;}
	#sit_pvi{width: 100%; margin-right: 0; position: relative; max-width: 614px; float: none; margin: 0 auto;}
	#sit_pvi.with-thumb{top: 0;}
	
	#sit_inf_explan p{width: 100% !important;}

	#sit_ov_btn{display: none;}
	#sit_tot_price{display: none;}

	#sit_buy{transform: translateY(0); opacity: 1; visibility: visible; box-shadow: 0px 1px 4.8px 0.3px rgba(0, 0, 0, 0.1); background-color: #fff; border-top-color: #e3e3e3;}
	#sit_buy .container{padding: 0;}
	.sit_sel_option{display: none;}
	.sit_buy_inner{padding: 3px; flex-direction: column;}
	.sit_buy_inner .text{display: none}
	.sit_tot_price{display: none;}
	.buy-view{display: block;}

	.sit_order_btn{display: flex; align-items: center; margin-top: 0;}
	.sit_order_btn a{width: 75px; margin-right: 5px; display: inline-block; text-align: center; padding: 1.3rem 0; line-height: 1;}
	.sit_order_btn a .ico-wish{width: 26px; height: 21px;}
	.sit_order_btn button{width: 45% !important; padding: 1.6rem 0; border: 1px solid #28282a;}
	.sit_order_btn .sit_btn_cart{background-color: #fff; color: #28282a;}
	.sit_order_btn .sit_btn_buy{margin-left: 3px; display: block;}

	.buy-pass{position: fixed; bottom: 56px; background-color: #fff; width: 100%; z-index: 999; box-shadow: 0px 1px 4.8px 0.3px rgba(0, 0, 0, 0.1); }
	.buy-pass .btn-wrap{text-align: center; line-height: 1; margin-top: -10px;}
	.buy-pass .btn-wrap .close{width: 60px; height: 20px; background-color: #fff;}
	.buy-pass .inner{padding-top: 3rem; font-size: 1.4rem;}
	.buy-pass.active{display: block;}
	.buy-pass .sit_sel_option{display: block; margin-right: 0;}

	.buy-pass .sit_sel_option input[type=text], .buy-pass .sit_sel_option .buy-pass .sit_qty_minus, .buy-pass .sit_sel_option .sit_qty_plus{display: block;}


	.sit_side_option h3{display: none;}
	.sit_side_option label.label-title{display: block;}

	.pvi-info{display: none;}
	.sit_ov_tbl .pvi-review{display: flex; justify-content: flex-start; padding-bottom: 2rem;}
	.sit-pvi{display: block; border-top: 10px solid #f2f2f2; padding-bottom: 3rem; font-size: 1.4rem;}
	.sit-pvi .pvi-info{display: block; margin-top: 0;}
	.pvi-short ul li a{text-align: center;}
	.pvi-help{margin-top: 3rem;}
	.pvi-help > div .text{font-size: 1.6rem;}
	.pvi-help .link-wrap{font-size: 1.6rem; margin-bottom: 0; margin-top: 1.5rem;}

	.tech-wrap .thumb-list{padding: 1.5rem;}

	.sod-wrap{flex-direction: column;}
	.sod-panel{width: 100%; margin-left: 0; margin-top: 2rem;}
	#sod_bsk_act .btn{height: 4rem; line-height: 4rem;}


	#sod_frm .tbl_frm01 th, #sod_frm .tbl_frm01 td{line-height: 1.4; vertical-align: middle;}

	#sod_frm_sales .select-box{max-width: 100%;}
	

	/* ## ORDER-991 */
	.page-order.result .section-page{padding: 2.5rem 0;}
	.result-wrap{margin: 6rem auto 4rem;}

	/* ## STATEMENT-991 */
	.statement-wrap .table-wrap{overflow-x: auto;}
	.statement-wrap .table-wrap table{width: 1200px;}

}

@media(min-width: 768px){
    #sp-wrapper.register #sp-footer{position: relative}
}


@media screen and (max-width: 767px){
    
	html{font-size: 10px;}

	.show-mobile-xs { display:block!important}
	.hide-mobile-xs { display:none!important}
	
	.grid{grid-template-columns: 1fr 1fr; gap: 15px;}
	.grid.gap40{gap: 15px;}
	.grid.grid-inspiration{grid-template-columns: 1fr 1fr; column-gap: 15px; row-gap: 40px;}
	.grid.grid-sns.gap40{row-gap: 30px; column-gap: 15px;}


	.layer-popup .pop-wrap{width: 100%;}
	.pop-header{padding: 3rem 1.5rem 1.5rem;}
	.pop-content{overflow-y: scroll; padding: 0 3rem 3rem; max-height: 80vh;}
	.pop-footer{position: fixed; width: 100%; bottom: 10px;}
	.pop-wrap .btn-close{width: 20px; height: 20px;}
	.pop-footer .btn-close{top: 0; left: 0; right: 0; text-indent: 0; width: auto; height: auto;}
	.pop-status .pop-content{height: auto;}
	
	.layer-popup.full .pop-header{position: sticky;}
	.layer-popup.full .pop-wrap{top: 0 !important; margin-top: 0 !important;}
	.layer-popup.full .pop-content{max-height: 100%; height: calc(100vh - 69px);}

	.pop-catalogue .pop-content .inner .image{height: auto; width: 100%;}

	.layer-popup.pop-sns .pop-content{flex-direction: column; }
	.layer-popup.pop-sns .pop-content .image{width: 100%;}
	.layer-popup.pop-sns .pop-content .inner{width: 100%; margin-left: 0;  padding: 3rem 1.5rem 4rem;}
	.pop-sns-header{padding: 1.5rem;}
	.pop-sns-cont{padding: 1.5rem;}
	.pop-shop-info .thumb img{height: 100%; object-fit: contain;}
	.pop-shop-info .pop-shop-pd{margin-left: 1.5rem;}
	.pop-shop-info .thumb{width: 45%; height: 41.4vw;}
	.pop-shop-info .pop-shop-pd a{margin-top: 1.5rem; padding: 1rem 0; font-size: 1.4rem;}
	

    .handle-preloader .animation-preloader .spinner {height: 8em; width: 8em;}

	.scroll-to-top{bottom: 4%;}
    .scroll-to-top .scroll-bar-text{font-size: 12px;}
	.scroll-to-top .scroll-top-icon{width: 18px; height: 10px; margin-bottom: 4px;}
	.scroll-to-top .scroll-top-inner{width: 5rem; height: 5rem;}

	.select-box .btn-select{font-size: 14px;}
	input::-webkit-input-placeholder {font-size: 14px;}
	input:-moz-input-placeholder {font-size: 14px;}
	input::-moz-input-placeholder {font-size: 14px;}
	input:-ms-input-placeholder {font-size: 14px;}


	/* ## HEADER-767 */
	.util-user{height: 3rem;}
	.util-user .ico-user{height: 3rem; width: 3rem; background-image: url('../images/icons/m-ico-avatar.png');}


	.util .list li.shop{opacity: 0; display: none;}
	.util .list li.shop.visible{opacity: 1; display: block;}

	.util-help{bottom: 70px; width: 45px; height: 45px;}

	.scroll-to-top .scroll-top-inner{display: none;}
	.scroll-to-top .scroll-top-inner.visible{display: block;}



	/* ## FOOTER-767 */
	.footer-widget.category{display: none;}
	#footer .show-mobile{display: block !important;}
	.footer-links li a{margin-right: 3rem;}


	/***************
	* ## MAIN-767 
	****************/
	.section-main-visual{max-height: 100%;}
	.section-main-visual .btn{font-size: 14px; width: 12rem; height: 4rem; line-height: 4rem;}
	.section-main-visual .screen-text2{font-size: 1.6rem;}
	.section-main-visual .swiper-pagination{bottom: 1.5rem;}
	.swiper-arrows button{width: 35px; height: 35px;}
	.swiper-arrows .btn-swiper-next{right: 1.5rem; margin-top: -17.5px;}
	.swiper-arrows .btn-swiper-prev{left: 1.5rem; margin-top: -17.5px;}

	.gallery-swiper .swiper-arrows .btn-swiper-prev{left: 1.5rem;}
	.gallery-swiper .swiper-arrows .btn-swiper-next{right: 1.5rem;}

	#section-02 .grid{grid-template-columns: 1fr; gap: 10px;}
	#section-02 .grid-box .item{padding: 2rem 2rem 4rem;}

	#main #section-08 .section-header .section-header-title{margin-bottom: 1rem;}
	#main #section-08 .section-header .section-logo img{max-width: 170px;}

	.grid-inspiration{display: none;}
	.inspiration-swiper{display: block;}
	.inspiration-swiper .swiper-slide{max-width: 80%;}
	.inspiration-swiper .image{position: relative; overflow: hidden; border-radius: 10px;}
	.inspiration-swiper .image img{ transform: scale(1.1); transition: opacity 1s .2s ease, transform .3s ease; height: auto; min-height: 38rem;}
	.inspiration-swiper a:hover img{ transform: scale(1);}
	.inspiration-swiper .badge{border-radius: 15px; padding: 9px 30px;}
	.inspiration-swiper .cont{margin-top: 1.8rem; opacity: 0; transition: opacity .3s ease;}
	.inspiration-swiper .cont .title{font-size: 2rem; font-weight: 600;}
	.inspiration-swiper .cont .desc{display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; word-break: break-all; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 1.6rem;}

	.inspiration-swiper .swiper-slide-active .cont{opacity: 1;}



	
 		
	/*  ## SUB-767 */
	.desc{font-size: 1.4rem;}
	.sub-top-wrap{height: 320px;}
	.sub-top-content{margin-top: 6rem;}

	.sub-top-visual .line{margin: 15px 0 13px;}
	.sub-top-visual .visual-title{font-size: 8vw; }
	.sub-top-visual .visual-desc{font-size: 4.5vw;}

	.sub-top-visual .visual-header{flex-direction: column;}
	.sub-top-visual .visual-header span{margin-left: 0; margin-top: 2rem; text-align: center;}

	.lnb-wrap{padding: 0 5vw;}
	.lnb-wrap h2, .lnb-wrap .lnb-menu .ic{display: none;}
	.lnb-wrap .lnb-menu ul{margin-left: 0; justify-content: center; width: 100%;}
	.lnb-wrap .lnb-menu li{margin-right: 0; text-align: center;}

	.lnb-wrap .lnb-menu{height: 45px;}
	.ico-home{width: 14px; height: 14px;}

	.sub .section-header{margin-bottom: 3rem;}
	.sub section.bg-section{margin-bottom: 0;}
	.sub .visual-section .section-title{font-size: 1.8rem;}

	.sub-tab-nav-warp{margin-top: 0;}
	.sub-tab-nav-warp .container{padding: 0;}
	.sub-tab-nav{transition: all 0.3s; width: 100%; z-index: 1; }
	.sub-tab-nav.active{display: flex; opacity: 1; background-color: #fff;}

	.sub-tab-nav li{border-bottom-width: 1px;}
	.sub-tab-nav li a{font-size: 14px; }
	.sub-tab-nav li.active{background-color: transparent; border-bottom-width: 2px;}
	/* .sub-tab-nav li.active a{color: #fff;} */
	.sub-tab-nav li a:after{display: none;}

	.sub-tab ul{}
	.sub-tab ul li{}
	.sub-tab ul li a{padding: 1.5rem 2rem;}

	.fixed-nav .sub-tab-nav-warp .container{padding: 0;}
	.fixed-nav .sub-tab-nav{width: 100%;}

	/* .sub-tab-nav-warp .btn-lnb{display: block; background-color: #2351b1; color: #fff; padding: 12px 10px;} */
	.btn-lnb{padding: 19px 20px; width: 100%; display: block; position: relative; line-height: 1; }
	.btn-lnb .more{position: absolute;  width: 40px; height: 40px; right: 0; top: 0; text-align: center; line-height: 40px;}
	.btn-lnb .more .icon{width: 20px; height: 10px; background: url('../images/icons/ico_angle_down.png') no-repeat center; display: inline-block; background-size: 20px 10px;}

	.sub-tab-nav-warp .btn-lnb.active .icon{background-image: url('../images/icons/ico_angle_down_on.png');}


	.section-banner .cont .title{margin-top: 1.7rem;}
	.section-banner .cont .desc{margin-top: 1.7rem;}

	.section-header.line{flex-direction: column; align-items: flex-start; margin-bottom: 2.8rem;}
	.section-header.line .section-header-title{margin-bottom: 1.6rem; letter-spacing: -1.2px;}
	.section-header.line .line{margin: 1.5rem 0 2rem; display: none;}
	.section-header.line .section-header-desc{line-height: 1.4;}
	
	.hashtag{font-size: 1.2rem; padding: 1rem 1.75rem;}


	.section-tabs{border-bottom: 0; }
	.section-tabs ul{flex-direction: column; margin: 0 auto; max-width: 81.5%;}
	.section-tabs ul li{border: 1px solid #0d0d0d;}
	.section-tabs ul li.active::after{display: none;}
	.section-tabs ul li.active{margin-left: 0; border: 1px solid #0d0d0d;}
	.section-tabs ul li a{padding: 1.2rem 3rem; display: block; text-align: center; color: #0d0d0d; }
	.section-tabs ul li a::after{content: ''; background: url('../images/icons/arw-r-b.svg') no-repeat right/cover; background-size: 7px 12px; width: 7px; height: 12px; display: inline-block; margin-left: 1rem;}
	.section-tabs ul li + li{margin-top: 1rem;}
	.section-tabs ul li:first-child{border-left-color: #0d0d0d;}


	/**********
	* ## ABOUT-767
	**********/
	.overview-wrap .title{font-size: 2.4rem;}
	.overview-wrap .about .inner{flex-direction: column;}
	.overview-wrap .about .inner .cont{width: 100%; margin-right: 0; margin-bottom: 3rem;}
	.overview-wrap .about .inner .cont .btn-wrap a + a{margin-left: 1.5rem;}
	.overview-wrap .about .inner .cont .btn-wrap a{padding: 1rem 0;}
	.overview-wrap .about .inner .image span + span{margin-left: 1.5rem;}

	/**********
	* ## OUR-BRANDS-767
	**********/
	.grid-brand{grid-template-columns: 1fr;}


	/**********
	* ## BRAND-767
	**********/
	.grid-brand .item .desc{margin: 1.5rem 0 2rem;}


	/**********
	* ## COMPANY-767
	**********/

	/**********
	* ## CONTACT-767
	**********/
	.gnb-contact .sub-top-visual .inner{height: 16rem;}
	.contact-wrap{flex-direction: column;}
	.contact-wrap .section-header{width: 100%; padding: 0; margin-bottom: 0;}
	.contact-wrap .cont{width: 100%;}

	.inquiry-wrap{flex-direction: column;}
	.inquiry-wrap .contact-top{padding-left: 0; width: 100%; margin-bottom: 3rem;}
	.inquiry-wrap .contact-form{width: 100%;}
	.no-label{margin-left: 0;}
	.form-btn.no-label{margin-left: 0;}

	.showroom-wrap{flex-direction: column;}
	.showroom-wrap .view{width: 100%;}
	.showroom-wrap .btn-border{width: 100%;}

	.map{height: max(30rem, 45vw);}
	.contact-item{padding: 3rem 1.5rem;}
	.contact-item:last-child{padding-bottom: 0;}

	.showroom-wrap .contact-item{padding-top: 3rem;}
	
	/**********
	* ## SUPPORT-767
	**********/
	.grid-help{grid-template-columns: 1fr;}
	.grid-help .item a{padding: 3rem 1.5rem;}

	.info-box{flex-direction: column; font-size: 1.4rem;}
	.info-text .info-title{font-size: 1.8rem;}

	.contact-top .contact-title{font-size: 1.8rem;}
	.form-group .label{font-size: 1.6rem;}

	.contact-form .radio-input{max-width: 100%;}
	.contact-form .radio-box-wrap{margin-right: 3.5%; flex: 0 0 31%;}
	.radio-box label{margin-left: 2.4rem;}
	.radio-box label::before{width: 18px; height: 18px; top: 3px;}
	.radio-box label::after{top: 3px; left: 3px;}
	.radio-box input[type="radio"]:checked + label::after{top: 6px; left: 3px;}

	.email-input{flex-direction: column;}
	.email-input .select-box{position: relative; width: 100%; margin-top: 0.5rem;}
	.email-input .inputs{width: 100%;}
	.email-input .input{width: 45%;}
	.email-input .unit{width: 10%;}

	.contact-form .form-btn .btn{width: 100%;}
	.contact-form .input.border{width: 12rem; height: 40px; line-height: 40px;}

	.check-container .text{display: none;}

	.qna-list li .title{font-size: 1.8rem;}

	.contact-form .input{font-size: 1.4rem;}
	.sp-submit{max-width: 100%;}
	.form-btn{margin-top: 4rem;}


	/* ## DOWNLOAD-767 */
	.list-banner .inner{flex-direction: column; align-items: normal;}
	.list-banner .inner .btn-wrap{margin-top: 1rem; display: block;}
	.list-banner .inner .btn-white{padding: 1.2rem 5rem; width: 100%; display: block;}
	
	/* ## PANEL-767 */
	.social-login{padding: 1rem;}
	.form-table colgroup {display: none;}
	.form-table th {padding-bottom: 10px; padding-top: 15px; border-bottom: 0; text-align: left; }
	.form-table th.req {background-position: left center; width: auto;}
	.form-table .name-input, .form-table .phone-input {width: 100%;}
	.form-table th, .form-table td {width: 100%; display: block; }
	.form-table th + td {padding-top: 0; padding-left: 0;}

	.form-table .select-box {height: 40px;}
	.form-table .select-box .btn-select{padding-left: 0;}
	/* .select-box .select {z-index: 10;}
	.select-box .btn-select {z-index: 1;} */

	.form-table .email-input{width: 100%; display: block;}
	.form-table .email-input .dx-input{width: 47%;}
	.form-table .email-input .unit{width: 6%;}
	.form-table .email-input .select-box{display: block; position: relative; clear: both; width: 100%; margin-left: 0; margin-top: 10px; top: 5px; padding-left: 5px;}

	.form-table .phone-input + a {display: block; margin-left: 0; margin-top: 5px; height: 44px; line-height: 44px; padding: 0; font-size: 15px;}

	.form-table .num-input {width: 100%;}
	.form-table .num-input .dx-input {width: 100%;}
	.form-table .num-input a {position: absolute; right: 0; top: 0; height: 38px; line-height: 38px; padding: 0 10px;}
	.form-table .num-input .time {font-size: 17px; padding-left: 0; margin-top: 10px; margin-left: 0; display: block;}

	.form-table .category-input {width: 100%; position: relative;}
	.form-table .category-input .select-box {width: calc(100% - 110px);}
	.form-table .category-input a.btn-info {position: absolute; right: 0; top: 0; height: 38px; line-height: 38px; padding: 0 10px;}

	.input-inner{margin-top: 10px;}

	.form-table .product-input{width: 100%;}
	.form-table .product-input .select-box{width: 45%;}

	.select-input{width: 100%;}
	.select-input .select-box{width: 100%; margin-left: 0; padding-left: 5px;}

	.contact-top .label-req{font-size: 12px;}

	.social-login{height: 4.5rem; line-height: 4.5rem; border-radius: 3rem; padding-left: 2rem;}
	.panel-login .form-group{margin-bottom: 1.5rem;}


	/* ## MYPAGE-767 */
	.mypage-content{flex-direction: column-reverse;}
	.mypage-content > .cont{margin-left: 0;}
	.mypage-content .left{width: 100%;}
	.mypage-content .left .inner{padding: 0;}
	.mypage-content .left .title{display: none;}
	.mypage-content .left ul{margin: 0; padding: 0; border: 0;}
	.mypage-content .left ul li{padding: 0; border-top: 1px solid #cbcbcb;}
	.mypage-content .left ul li a{display: block; padding: 2rem 1.5rem; background: url('../images/icons/m-next.png') no-repeat right; background-size: 9px auto; color: #0a0a0a;}
	.mypage-content .left .inner{border: 0; border-radius: 0; padding: 0;}
	.mypage-content .left .info{display: none;}

	.mypage-wrap .header{height: auto; margin-bottom: 0; padding: 2rem 0;}
	.mypage-wrap .header .title{display: none;}
	.mypage-wrap .header .welcome{background-image: none; padding-left: 0; width: 75%;}
	.mypage-wrap .header .widget{width: 25%; border-radius: 4px; padding: 1rem; text-align: left;}
	.mypage-wrap .header .widget div{margin-bottom: 0.4rem;}
	.mypage-wrap .header .welcome p{font-size: 14px;}

	/* .page-mypage .container{padding: 0;} */
	.page-mypage .section-page.basic-section{border-bottom: 1px solid #cbcbcb; padding-bottom: 0; margin-bottom: 6rem; padding-top: 0;}

	.dashboard .mypage-content .section-header{display: none;}
	.dashboard .mypage-content .section:nth-child(2), .dashboard .mypage-content .section:nth-child(3){display: none;}

	.status-wrap{background-color: var(--bg-color-3f); padding: 3rem 1.5rem 6rem; font-size: 12px; background-image: url('../images/logo-tsl-w.svg'); background-repeat: no-repeat; background-position: 95% 90%; background-size: 148px auto;}
	.status-wrap .step .item{background-color: #fff;}
	.status-wrap .item::after{display: none;}
	.status-wrap .step .item a{padding: 2rem 1rem;}
	.status-wrap .step{border: 0;}


	.mypage-content .search-wrap{flex-direction: column;}
	.mypage-content .search-wrap .item + .item{margin-left: 0; margin-top: 1rem;}
	.mypage-content .search-wrap .label{display: none;}
	.mypage-content .search-wrap .item .btn{flex: 1;}

	
	.pop-status .pop-wrap .pop-content{padding: 1rem;}
	.pop-status .status-wrap{background: none; padding: 0; font-size: 14px;}


	.coupon-info p{font-size: 1.4rem;}

	#sod_ws li .grid-content{padding-left: 25px;}
	.grid-date{font-size: 1.4rem;}


	.item-qna-wrap .table-wrap table thead{display: none;}
	.item-qna-wrap .table-wrap table tbody td{display: block; border-bottom: 0;}
	.item-qna-wrap .table-wrap table tbody td + td{border-bottom: 1px solid #cbcbcb; padding-top: 0;}
	.subject-etc{display: flex; justify-content: space-between; font-size: 14px; color: #888; margin-top: 0.5rem;}

	.sub .mypage-content .section-header{margin-top: 0;}

	.qna-wrap  .table-wrap table thead{display: none;}
	.qna-wrap .reply td .inner{font-size: 1.4rem;}


	/* ## BOARD-767 */
	.bbs-wrap{min-height: auto;}
	.bbs-banner{padding-top: 0;}
	.bbs-banner .inner{position: relative; width: 100%; left: 0; top: 0; right: 0; bottom: 0; padding: 3rem 1.5rem; height: auto; background-color: #f2f2f2;}
	.bbs-banner .inner .desc{margin-top: 2.5rem;}

	.bbs-top{flex-direction: column-reverse; align-items: flex-start;}
	.bbs-top .top-left{font-size: 1.6rem;}
	.bbs-top .top-right {position: relative; background: #fff; margin-bottom: 2rem;}
	.bbs-top .top-right ul.search-wrap {display: table; width: 100%; table-layout: fixed; margin: 0 auto; padding: 0; }
	.bbs-top .top-right ul.search-wrap > li {display: table-cell; vertical-align: bottom; width: 30%; position: relative; }
	.bbs-top .top-right ul.search-wrap > li .select-box {width: 90%;}
	.bbs-top .top-right ul.search-wrap > li + li {width: 70%;}
	.bbs-top .top-right ul.search-wrap > li + li::before {background: #fff; width: 10px; height: 106%; content: ""; display: block; left: -10px; bottom: 0; z-index: 10;}
	.bbs-top .top-right ul.search-wrap > li + li input,
	/* .bbs-top .top-right.single ul.search-wrap li input {width: 100%; padding: 13px 0; border-bottom: 1px solid #d5d5d5;} */
	.bbs-top .top-right ul.search-wrap > li + li .btn-search {right: 10px;}
	.bbs-top .top-right ul.search-wrap > li input[type=text]{border-bottom: 1px solid #e1e1e1; width: 100%;}
	.bbs-top .top-right ul.search-wrap .select-box .btn-select{border-bottom: 1px solid #e1e1e1;}
	.bbs-top .top-right ul.search-wrap .btn-write{position: absolute; top: 78px; right: 5%; margin-left: 0;}

	
	.bbs-tab{flex-wrap: wrap; justify-content: flex-start; }
	.bbs-tab li{flex: 0 0 50%; margin-right: 0; max-width: 50%;}
	.bbs-tab li a{padding: 0; display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 10px; height: 4rem; line-height: 4rem;}

	table.bbs-view td.subject .detail-header {padding: 15px 10px;}
	table.bbs-view td.subject .detail-header p.hd-tit {font-size: 24px; line-height: 1.3em;}
	table.bbs-view td.subject .detail-header .label-type {top: 0; margin-top: 0; right: 0; }

	table.bbs-view tbody td.contents, table.bbs-view tbody td.file-wrap {padding: 20px 10px;}
	table.bbs-view tbody td.file-wrap ul li {padding-right: 0; width: 30px;}
	table.bbs-view tbody td.file-wrap p {content: ""; width: 20px; display: block; height: 20px; }
	table.bbs-view tbody td.file-wrap p span {display: none;}

	.bbs-bot ul li {width:50px}
	.bbs-bot ul li.date {width:80px!important; padding-right: 0;}


	.board-table .category-input .select-box{width: 100%;}

	.bbs-write{padding: 15px 10px; overflow: hidden;}
	.board-write .btn{width: 49%; float: left;}
	.board-write.btn-group .btn + .btn{margin-left: 2%;}

	.empty-wrap p{font-size: 16px;}

	
	.news-content .grid-btn{width: 4rem; height: 4rem;}

	.bbs-gallery{padding-top: 0;}
	.bbs-gallery.type-01 .grid-item .grid-image{width: 15rem;}
	.bbs-gallery.type-01 .grid-item .grid-image img{width: 100%;}
	.bbs-gallery.type-01 .grid-item .grid-content{margin-left: 1.5rem;}
	.bbs-gallery.type-01 .grid-item .grid-title{font-size: 1.6rem; margin-bottom: 1rem;}
	.bbs-gallery.type-01 .grid-item .grid-desc + .grid-desc{margin-top: 1rem;}
	.bbs-gallery.type-01 .grid-item{margin: 0; padding: 1.5rem 0;}

	.bbs-gallery.type-01 .grid-item .grid-desc{-webkit-line-clamp: 2; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical}

	.post-action .btn{min-width: 80px; height: 35px; line-height: 35px; padding: 0;}
	.post-action .btn-group{display: inline-flex;}


	.bbs-card .grid-list .grid-item{height: auto; padding: 1.5rem;}
	.bbs-card .grid-list .grid-item .grid-image{display: none;}

	.grid-all-image{grid-auto-rows: 120px;}
	.grid-all-image .item .cont{padding: 1.5rem;}
	
	.grid-fuel + .desc{margin-top: 3rem;}


	/**********
	* ## INSPIRATION-767
	**********/
	.pop-catalogue .pop-content .bottom{flex-direction: column; padding: 1.5rem;}
	.pop-catalogue .pop-content .inner .title{margin-bottom: 1rem;}

	
 	/* ## FAQ-767 */
	.page-faq .sub-top-visual{padding: 30px; margin-bottom: 30px;}
	.page-faq .sub-top-visual .visual-desc{font-size: 15px;}
	.faq-wrap ul.faq li.faq-item a.faq-title {position: relative; padding: 1rem;}
	.faq-wrap ul.faq li.faq-item a.faq-title span.subject{padding-left: 1rem;}
	.faq-wrap ul.faq li.faq-item a.faq-title span.arrow {right: 10px;}
	.faq-wrap ul.faq li.faq-item .answer{padding: 1rem;}
	.faq-wrap ul.faq li.faq-item .answer .answer-content{width: calc(100% - 25px); padding-left: 1rem;}
	.faq-wrap ul.faq li.faq-item .answer .answer-content iframe{width: 100%;}


	.contact-container{flex-direction: column;}
	.contact-container .map-wrap{height: 40rem; flex: auto;}
	.contact-container .address-info{width: 100%; height: auto;}
	/* .contact-container .address-info .form-group{margin-bottom: 2rem;} */
	.contact-container .address-info .form-group:last-child{margin-bottom: 0;}
	.contact-container .text{font-size: 1.6rem;}


	.page-search .section-page.first{padding-top: 0;}


	/**********
	* ## SHOP-767
	**********/
	.grid-list .item .grid-content {font-size: 1.4rem;}
	.grid-list .item .grid-content .grid-review{margin-top: 8px;}
	.grid-list .item .grid-content .grid-title{margin-bottom: 0;}
	.grid-list .item .grid-content .grid-price{margin-top: 0;}

	.grid-filter .item a{padding: 1rem; font-size: 1.4rem;}

	
	.hide-util .util{display: none;}

	#sit_tab{background-color: #fff; border-bottom: 1px solid #e3e3e3;}
	#sit_tab .container{padding: 0;}
	#sit_tab ul li{flex: 1; background-color: #fff;}
	#sit_tab ul li a::before{display: none;}
	#sit_tab ul li a{padding: 1.2rem 0; font-size: 1.4rem;}
	#sit_tab ul li a.active{border-bottom: 3px solid #0d0d0d; display: block}

	#sit_tab.fixed ul li a{font-size: 1.4rem;}
	#sit_tab.fixed ul li a{padding: 1.2rem 0;}
	#sit_tab.fixed ul li{background-color: #fff;}

	#sit_ov_from{background-color: #fff; padding-bottom: 0;}
	#sit_ov_wrap{padding: 0; border: 0; font-size: 1.4rem;}
	#sit_pvi_big{width: 100%;}
	#sit_pvi.with-thumb #sit_pvi_big{width: 100%;}
	#sit_pvi_thumb{float: none; margin-top: 2rem; text-align: left; display: flex; align-items: center; overflow-x: auto; display: none}
	#sit_pvi_thumb li{margin: 0;}
	#sit_pvi_thumb img{max-width: 60px;}
	#sit_pvi_thumb li + li{margin-left: 1rem;}
	#sit_ov_btn .btn{height: 4.5rem; line-height: 4.5rem; min-width: auto}
	.sit_ov_tbl th{width: 28%; font-size: 14px;}
	.sit_ov_tbl td{padding: 10px 0; font-size: 14px;}
	#sit_opt_added li .opt_name{margin-bottom: 1.5rem; font-size: 14px;}
	#sit_opt_added li{padding: 10px 10px 20px;}

	.item-swiper .swiper-paging{display: block; text-align: right; margin-top: 5px;}
	.item-swiper .swiper-paging .inner{display: inline-block; border-radius: 1rem; width: 4rem; line-height: 1.8rem; height: 2rem; background-color: rgba(0, 0, 0, 0.3); color: #fff; text-align: center;}
	.item-swiper .swiper-paging .inner span{color: #fff; display: inline-block; font-size: 1.2rem; position: relative;}
	.item-swiper .swiper-paging .inner .total::before{position: absolute; left: 0; top: 25%; height: 50%; background-color: #fff; content: ''; width: 1px;}
	.item-swiper .swiper-paging .inner .total{padding-left: 5px; margin-left: 5px;}

	#sit_title{margin-bottom: 0;}
	.sit_ov_tbl td strong.disp-price{padding-bottom: 1.5rem;}

	.sit-price{margin-bottom: 0; border-bottom: 0; padding: 3rem 0;}

	#btn_wish{margin-right: 0;}
	#btn_wish i.ico-wish{width: 19px; height: 15px;}
	.ico-share{width: 14px; height: 17px;}

	#sit_inf_explan{margin: 1.5rem 0;}
	.supply-include{padding: 1.2rem 0;}

	.sit-price .line{flex-direction: column;}
	.sit-price .line .label{width: 100%; margin-right: 0; margin-bottom: 1.5rem;}
	.sit-price .line + .line{margin-top: 3rem; padding-top: 3rem;}
	.sit-price .line .text{width: 100%;}
	.sit-price .line .box{flex-direction: column; max-width: 85%; margin: 0 auto;}
	.sit-price .line .box li + li{border-top: 0; border-left: 1px solid #e3e3e3;}
	.sit-price .line .box li p{font-size: 1.4rem;}

	.supply-include{display: block;}
	.supply-include .label{display: block; width: 100%; margin-right: 0; margin-bottom: 1rem;}

	.get_item_options,
	.get_item_supply{flex-direction: column;}
	
	.get_item_options label,
	.get_item_supply label{width: 100%; margin-right: 0; margin-bottom: 1rem;}
	.get_item_options label + span,
	.get_item_supply label + span{width: 100%;}

	.sit_option{padding: 2rem 0; }
	.get_item_supply + .get_item_supply{margin-top: 2rem;}

	#sit_inf_open th, #sit_inf_open td{font-size: 14px; padding: 7px;}

	
	#sit_tab .tab_tit li button{font-size: 1.4rem; height: 48px;}
	#sit_info section h2{font-weight: 600;}
	#sit_ex dl{flex-direction: column;}
	#sit_ex dl dt{width: 100%; font-size: 1.6rem;}
	#sit_ex dl dd{margin-left: 0; margin-top: 1rem; font-size: 1.4rem;}

	.grid.grid-fuel{row-gap: 20px; column-gap: 15px;}
	.grid-fuel .item{padding: 2rem 1rem; border: 1px solid #ececec}
	.grid-fuel .item .text{margin: 2.5rem 0 0;}
	
	.alert-line{flex-direction: column; align-items: flex-start;}
	.alert-line .btn-icon-wrap{margin-left: 0; margin-top: 0.5rem;}
	#sit_dex .con, #sit_dex .con p{font-size: 14px;}
	#sit_ex{margin-top: 4rem;}

	
	.swiper-pagination .swiper-pagination-bullet{width: 8px; height: 8px; border-radius: 8px;}

	.section-banner{flex-direction: column; height: auto;}
	.section-banner .inner{padding-left: 0;}
	.section-banner .media{width: 100%;}
	.section-banner .media img{min-height: 30rem;}
	.section-banner .cont{width: 100%; order: 2;}
	.section-banner .cont .inner{padding: 4rem 0.5rem;}
	.section-banner .cont .in{position: relative;}
	.section-banner .btn-wrap{position: relative; top: 0; left: 0; margin-top: 1.5rem;}
	.section-banner .btn-wrap a{transform: none; padding: 8px 16px; width: 100%;}
	.section-banner .text span{font-size: 14px; padding: 4px 10px; border-width: 1px;}

	.page-brands-view .section-banner .cont .inner{padding: 4rem 2rem;}
	.page-brands-view .section-banner .cont .logo{display: block; text-align: center;}
	
	.list-search-wrap .inner{flex-direction: column; text-align: left; align-items:flex-start; padding-bottom: 0;}
	.list-search-wrap .inner ul{display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin: 0; padding: 2rem 0; width: 100%;}
	.list-search-wrap .inner .label{border-bottom: 1px solid #a0a0a0; display: flex; width: 100%; padding-bottom: 5px; align-items: center;}
	.list-search-wrap .inner .label .btn-reset{margin-left: auto; padding: 5px 10px;}
	.list-search-wrap .inner .label .btn-reset .ico-reset{width: 15px; height: 13px; margin-right: 5px;}
	.list-search-wrap .inner .select-area{width: 48%; margin-left: 0; font-size: 14px; margin-top: 0.5rem;}
	.list-search-wrap .inner .select-area .input{line-height: 3rem; height: 3rem;}
	.list-search-wrap .inner .select-area + .select-area{margin-left: 2%; }
	.list-search-wrap .inner .btn-submit{margin-left: 0; font-size: 14px; position: absolute; right: 1rem; left: 1rem; bottom: 1rem; height: 3rem; line-height: 3rem;}

	.list-search-wrap .inner ul li a{border: 1px solid #a0a0a0; padding: 1rem 1.5rem; height: auto; color: #a0a0a0; font-size: 1.4rem;}
	.list-search-wrap .inner ul li a.active{color: #a0a0a0; border-color: #a0a0a0;}
	.list-search-wrap .inner ul li a:hover{color: #0d0d0d;}
	.list-search-wrap .inner ul li span{right: 1.5rem;}
	.list-search-wrap .inner ul li + li{margin-left: 0; }
	.list-header .list-total .btn-reset{display: none;}

	.list-search-wrap > ul li a{font-size: 14px; padding: 8px 16px;}
	.list-search-wrap .inner ul li a.active::after{display: none;}
	
	.search-result{padding: 0.5rem; margin-top: 1rem; text-align: left;}
	.search-result .item{height: 3.5rem; line-height: 3.5rem; padding: 0 1.8rem; font-size: 14px; margin: 0.5rem;}
	.search-result .item .close{margin-left: 1rem;}
	.search-result .item + .item{margin: 0.5rem;}

	.list-header{font-size: 14px; padding: 1rem 1.5rem;}
	.list-header .select-box .btn-select{height: 3rem; line-height: 3rem;}
	.list-header .order-wrap{position: absolute; right: 3rem;}
	.order-wrap .select-box .select-list{width: auto;}


	.grid.grid-box{grid-template-columns: 1fr; row-gap: 20px;}
	.grid-box .item{height: auto; padding: 3rem 2rem;}

	.best-swiper .swiper-arrows{display: none;}
	.best-swiper .item{font-size: 1.4rem;}
	.best-swiper .item .title{margin-bottom: 0;}

	.grid-resource .item a{padding: 2rem;}

	#sit-download{border-top: 10px solid #f2f2f2;}
	#sit-download h2{font-weight: 600; margin-bottom: 2rem;}

	#sit_info{border-top: 10px solid #f2f2f2; margin-top: 4rem; margin-bottom: 6rem;}
	#sit_info section{padding: 4rem 0;}
	.sit-pvi + #sit_info{margin-top: 0;}


	.download-wrap.with-box{display: block}
	.download-item{padding: 2rem 1rem;}
	.download-item .cont{max-width: 80%;}
	.download-box{margin-top: 2rem; padding: 1.5rem 1rem;}
	.download-box .download-header{justify-content: space-between;}
	.grid-download .download-item p{font-size: 1.4rem;}
	.download-box ul{grid-template-columns: 1fr 1fr 1fr 1fr;}

	
	.tech-wrap{flex-direction: column;}
	.tech-wrap .image{width: 100%;}
	.tech-wrap .cont{width: 100%; margin-left: 0; margin-top: 2rem;}
	.tech-wrap .cont h4{padding: 2rem 0;}
	.tech-wrap .cont .info{padding: 2rem 0; font-size: 1.4rem;}
	.tech-wrap .cont dl + dl{margin-top: 2rem;}
	.tech-wrap .image .tech-image .product{left: 2rem; bottom: 2rem;}

	#sit_dex .section-header{margin-bottom: 2rem; padding-bottom: 2rem;}


	.pop-gallery-swiper .swiper-arrows .btn-swiper-prev{left: 1rem;}
	.pop-gallery-swiper .swiper-arrows .btn-swiper-next{right: 1rem;}
	.layer-popup.pop-gallery .pop-content{padding: 1.5rem; flex-direction: column; height: calc(100vh - 69px - 59px); overflow-y: auto;}
	.layer-popup.pop-gallery .pop-footer{overflow-x: auto; border-top: 1px solid #e3e3e3; position: fixed; padding: 1.5rem 1rem;}
	.layer-popup.pop-gallery .pop-footer ul{padding: 0; width: 118%;}
	.layer-popup.pop-gallery .pop-content .cont{width: 100%;}
	.layer-popup.pop-gallery .pop-content .cont img{height: calc(100% - 2px);}
	.layer-popup.pop-gallery .view-situ .pop-content .cont img{height: 100%;}
	.layer-popup.pop-gallery .pop-footer ul li{margin-right: 0.5rem;}
	.layer-popup.pop-gallery .pop-footer ul li:last-child{margin-right: 0;}
	.layer-popup.pop-gallery .pop-content .aside{width: 100%; padding-left: 0; }
	.pop-gallery .pop-content .aside .swiper-bar{height: auto; padding-right: 0; margin-top: 2rem;}
	.pop-gallery .pop-content .cont .info{padding: 1rem;}
	.pop-gallery .pop-content .cont .info .title{margin-bottom: 0;}
	.pop-gallery .pop-content .aside .swiper-bar ul{gap: 10px;}
	.pop-gallery .pop-content .aside .swiper-bar ul li{max-width: 100%;}
	.layer-popup.pop-gallery iframe{height: calc(100vh - 69px - 59px);}
	.layer-popup.pop-gallery .layer-dim{display: none}



	/* ## CART */
	.page-cart .container{padding: 0;}
	.page-cart .cart-item-total{padding-left: 1.5rem;}

	.sub-etc .container{padding: 0;}
	.sub-etc .section-header{margin: 0 0 3rem; padding: 1.5rem; background-color: #fff;}

	.cart-item-total{margin-bottom: 1.5rem;}
	.item-top{padding: 0 1.5rem; font-size: 12px; margin-bottom: 0;}
	.item-top h4{padding-left: 3.5rem;}
	.item-header{background-color: #f9f9f9; border-top: 0; border-left: 0; border-right: 0; padding: 1.521rem 1.5rem;}
	.item-header .check-box.icon label{margin-left: 3rem; font-size: 14px;}

	.cart-item-wrap{border-bottom: 1px solid #cbcbcb; padding-bottom: 2rem;}
	.cart-item-wrap .item-container{border-bottom: 1px solid #cbcbcb; padding: 0 0 2rem;}
	.cart-item-wrap .item{flex-direction: column; position: relative; padding: 2rem 1.5rem; border: 0;}
	.cart-item-wrap .item .field.sod-product-wrap{position: static; align-items: flex-start; padding: 0; border: 0; flex: 1; font-size: 14px;}
	.cart-item-wrap .item .field.sod-product-wrap .image{margin-left: 0;}
	.cart-item-wrap .item .check-box{position: absolute; top: 2rem; left: 1.5rem;}
	.cart-item-wrap .item .field-price{font-size: 14px; margin-top: 1rem;}
	

	.sod-product-wrap .image img{max-width: 80px; max-height: 80px;}
	.sod-product-wrap .cont{position: inherit; padding-top: 0; margin-left: 1.5rem;}
	.sod-product-wrap .cont .title strong span{font-size: 1.2rem;}
	.sod-product-wrap .cont .desc{margin-top: 0;}
	.item-footer{border: 0; padding: 10px 0; text-align: center; font-size: 12px; width: calc(100% - 3rem); position: relative; left: 1.5rem;}
	.item-footer .inner{display: block;}

	#sod_bsk .cart-item-wrap .item{padding: 6rem 1.5rem 2rem;}
	#sod_bsk .sod-product-wrap .cont .category{position: absolute; top: 2.2rem; left: 4rem; margin-bottom: 0;}

	.cart-info{margin-top: 2rem; padding: 0 1.5rem; font-size: 1.4rem;}

	.sod_option_btn .mod_options{font-size: 12px;}

	.sod-panel .inner{border-left: 0; top: auto; border-right: 0; padding: 2rem 1.5rem; position: relative; font-size: 14px; border-bottom: 0;}
	#sod_bsk_act{position: fixed; bottom: 0; background-color: #fff; left: 0; right: 0; z-index: 99; margin: 0;}
	#sod_bsk_act .btn-submit{display: none;}
	#sod_bsk_act .btn{background-color: #ff5b4d; color: #fff; height: 5rem; line-height: 5rem; border: 0;}
	#sod_bsk_act .btn + .btn{margin-top: 0;}
	
	#sod_bsk_tot h4{margin-bottom: 2rem;}
	#sod_bsk_list #mod_option_frm{width: 90%; margin: 0 auto; transform: translate(-50%, -50%);}


	/* ## ITEM */
	.grid-item .grid-title{line-height: 1.35; font-size: 14px;}
	.badge{padding: 4px; font-size: 12px;}
	.grid-badge.type .badge{width: 40px; height: 22px; line-height: 22px;}
	.badge-round{width: 35px; height: 35px; line-height: 35px; padding: 0;}
	.grid-badge span + span{margin-top: 5px;}
	.ico-dibs{width: 16px; height: 15px;}


	/* ## VIEW */
	#sod_fin_pay .cont{flex-direction: column;}
	#sod_fin_pay .item + .item{margin-left: 0; margin-top: 3rem;}
	.select-box{max-width: 100%; width: auto;}
	.input.half{width: 100%;}
	.sod_fin_no{flex-direction: column; align-items: flex-start; padding: 2rem 1.5rem; position: relative;}
	.sod_fin_no strong{margin-right: 0; margin-bottom: 0.5rem;}
	.sod_fin_no a{position: absolute; margin-left: 0; right: 1.5rem; font-size: 14px;}
	.sod_fin_no .btn-border{margin-left: 0; position: absolute; right: 1.5rem; top: 2rem; padding: 6px 10px;}
	
	.order-list-wrap .item{flex-direction: column; font-size: 14px;}
	.order-list-wrap .item-panel{width: 100%; padding: 1rem;}
	.item-panel .btns{margin-top: 1.5rem;}
	.item-panel .btns .btn{width: 100%;}


	/* ## ORDER */
	.page-order{background-color: #f5f5f5;}

	.hide-util .sod-wrap{margin-bottom: 0;}
	#sod_frm .item-header{background-color: #fff; border-bottom: 1px solid #f5f5f5;}
	#sod_frm .sod-cont section{background-color: #fff; margin-top: 2rem; font-size: 14px; border-bottom: 0;}
	#sod_frm .sod-cont section h3{padding: 1.5rem 2rem;}
	#sod_frm .cart-item-wrap .item-container{background-color: #fff; padding-bottom: 0;}
	#sod_frm_taker h3 a{font-size: 14px;}
	#sod_frm #sod_frm_taker .tbl_frm01 th, 
	#sod_frm #sod_frm_taker .tbl_frm01 td,
	#sod_frm #sod_frm_orderer .tbl_frm01 th, 
	#sod_frm #sod_frm_orderer .tbl_frm01 td
	{padding: 0; display: block; width: 100%; line-height: 1.45;}
	#sod_frm #sod_frm_taker .tbl_frm01 th, #sod_frm #sod_frm_orderer .tbl_frm01 th{padding-top: 1rem; padding-bottom: 0.5rem;}
	#sod_frm #sod_frm_taker .tbl_frm01 td, #sod_frm #sod_frm_orderer .tbl_frm01 td{padding-bottom: 1rem;}
	#sod_frm .tbl_frm01{padding: 1rem 2rem;}
	#sod_frm #od_name, #sod_frm #od_tel, #sod_frm #od_hp, #sod_frm #od_pwd, #sod_frm #od_b_name, #sod_frm #od_b_tel, #sod_frm #od_b_hp, #sod_frm #ad_subject, #sod_frm #od_hope_date{width: 100%;}
	
	#sod_frm #sod_frm_pay h3{border-bottom: 1px solid #cbcbcb; padding-bottom: 1.5rem;}
	#forderform .od_pay_buttons_el{margin-top: 0;}
	#sod_frm_paysel li{border: 0; border-bottom: 1px solid #f5f5f5;}
	#sod_frm_paysel li > .check-box{background-color: #fff;}
	#sod_frm_paysel li .cont{padding: 1rem;}
	#settle_vbank .check-box + .check-box{margin-left: 1rem;}

	.method-wrap .select-area{flex-direction: column; align-items: flex-start;}
	.method-wrap .select-area select[name=od_personal_type]{width: 100%;}
	.method-wrap .add-option div{max-width: 100%;}
	.method-wrap .add-option{margin-left: 0; margin-top: 0.5rem;}
	.btn-order{display: none;}

	#sod_frm .sod-panel{background-color: #fff;}
	#sod_frm .sod-panel .inner{border: 0;}
	#sod_frm #sod_bsk_tot{margin-bottom: 0;}
	#display_pay_button{position: fixed; left: 0; right: 0; bottom: 0; z-index: 99; background-color: #f5f5f5; width: 100%;}
	#display_pay_button p{display: flex; justify-content: space-between; padding: 1rem; color: #0a0a0a;}
	#display_pay_button p .more{text-decoration: underline;}

	#sod_frm .sod-product-wrap .cont .title{display: block;}
	#sod_frm .sod-product-wrap .cont .title > strong{display: block;}
	.cp_btn{margin-left: 0; margin-top: 0.5rem;}
	.cp_cancel{margin-top: 0.5rem;}
	#cp_frm{width: 320px;}

	.od_coupon h3{font-size: 16px;}

	#sod_frm_sales #sc_coupon_frm, #sod_frm_sales #od_coupon_frm{width: 320px;}
	.od_coupon .tbl_head02{margin: 10px;}

	#sod_frm_sales .tbl_frm01 th{padding-left: 0; padding-right: 5px;}
	#sod_frm_sales .tbl_frm01 td{text-align: right; padding-right: 0; padding-left: 5px; letter-spacing: -0.2px;}

	#sod_frm_sales .pay_tbl th{width: auto;}
	#sod_frm_sales .pay_tbl th, #sod_frm_sales .pay_tbl td{padding: 0; border: 0;}

	#sod_addr .bbs-card .grid-list .grid-item{flex-direction: column; margin-bottom: 2rem;}
	#sod_addr .addr-title{width: 100%; display: flex; align-items: center; justify-content: space-between;}
	#sod_addr .addr-info{margin-left: 0;}
	#sod_addr .addr-info .dash .label{width: 20%;}
	#sod_addr .addr-btn{position: relative; display: flex; align-items: center; margin-top: 1rem;}
	#sod_addr .addr-btn .btn{flex: 0 0 33%; padding: 8px 10px;}
	#sod_addr .addr-btn .btn + .btn{margin-top: 0;}
	#sod-addr-form .contact-form{margin-top: 0;}


	/* VIEW */
	#sod_fin .table-wrap th, 
	#sod_fin .table-wrap td	{padding: 0; display: block; width: 100%; line-height: 1.45;}
	#sod_fin .table-wrap th{padding-top: 1rem; padding-bottom: 0.5rem;}
	#sod_fin .table-wrap td{padding-bottom: 1rem;}

	#sod_fin_pay .item ul > li{padding: 1.5rem 0;}
	#sod_fin_pay .item .title{padding-left: 0;}
	#sod_fin_pay .item ul li ul li{padding-left: 1rem;}

	.cancel-calc-wrap ul{flex-direction: column; padding: 0 3rem;}
	.cancel-calc-wrap ul li{display: flex; align-items: center; width: 100%; justify-content: space-between;}
	.cancel-calc-wrap ul li .label{margin-bottom: 0;}

	#sit_use_list .list-header{flex-direction: row;}
	.sit-use-date{margin-top: 3rem;}
	.sit_qa_dl{width: 100%; float: none; text-align: left; line-height: 1.4; }
	.sit_qa_dl dd{margin-left: 0; margin-top: 0.5rem; font-size: 1.4rem;}
	.sit_use_dl dd{font-size: 1.4rem; line-height: 1.45; font-weight: 400;}
	#sit_qa_wbtn a{width: 100%;}
	/* #sod_frm #sod_frm_taker{display: none;} */
	
}

@media screen and (max-width: 640px){
	.support-wrap .card-container{display: block;}
	.card-container .item{flex: 0;}
	.card-container .item + .item{margin-top: 3rem; margin-left: 0;}

}
@media screen and (max-width: 480px){
	
    .handle-preloader .animation-preloader .spinner {height: 7em; width: 7em;}
	.handle-preloader .animation-preloader .txt-loading .letters-loading {font-size: 30px; letter-spacing: 10px;}


	.form-group .form-content.inq-row{flex-direction: column;}
	.form-group .form-content .name-container{width: 100%; margin-right: 0; margin-bottom: 40px;}
	.form-group .form-content .phone-container{width: 100%;}
	
	.mfp-arrow-right{right: -10px !important}
	.mfp-arrow-left{left: -10px !important}


	.sub-visual[data-type=pin] .image-wrap .image{height: 114vw; --wide: 5.128vw}
	.sub-visual[data-type=scale] .image-wrap .image{height: 64vw; --wide: 5.128vw}
	.page-brand .sub-visual[data-type=pin] .image-wrap .image{ --wide: 5.128vw}

	.dist-wrap .item p{font-size: 1.4rem;}


	.contact-wrap .cont{flex-direction: column;}
	.contact-item + .contact-item::before{width: 100%; height: 1px; background-color: #e3e3e3;}


	/* ## MALL-480 */
	.item-btn .btn{ font-size:1em;width:100%;margin:3px 0}
	.mall-list-col {width:100%}


	.breadcrumb-item{margin-left: 5px;}
	.breadcrumb-item a{padding-right: 5px;}
	.breadcrumb-item.sub{flex: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
	.breadcrumb-item.sub a{text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

	.sit_order_btn button{width: 38% !important;}
}