@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;}
.dim-menu.on{display: block}
.close-wrap{position: absolute; top: 2.4vw; right: 3vw; 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{height: 6rem; position: relative;}
.menu-header .user-wrap{display: none;}
.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{flex: 1;}
.menu-slide > li.active > a, .menu-slide > li:hover > a{color: #39a845;}
.menu-slide li.active ul li a, .menu-slide li:hover ul li a{color: #fff;}
/* .menu-slide li.active a .text, .menu-slide li a:hover .text{border-bottom: 1px solid #fff; display: inline-block; padding-bottom: 10px;} */
/* .menu-slide li.active a span:after, .menu-slide li a:hover span::after{content: ''; width: 100%; top: 100%; left: 0; height: 2px; display: inline-block; background: #fff; position: absolute;} */
.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; font-weight: 600; color: #fff;}

/* .menu-slide > li:hover ul li a{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){
	#header.open .topmenu > li > a{padding: 0 3em;}
	#header.open .topmenu > li.menu-03 > a{padding: 0 4em;}

	.brand-wrap .brand-card .cont .container .inner{width: 41vw; height: max(38rem, 28vw);}

	.section-qmenu .item a{padding: 2rem;}
}

@media screen and (min-width:1441px) {
	.gutter-xl.container{max-width: 100%; padding-left: max(10rem, 8.933vw); padding-right: max(10rem, 8.933vw);}
	.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%;}


	/* ## MAIN-1440 */
	
}

@media screen and (max-width:1280px) {
	
	.subpage #header.open .util-dropdown a{color: #0a0a0a;}
	.subpage #header.open .util-button .icon-bar{background-color: #0a0a0a;}
	.subpage #header.open .ico-down{background-image: url('../images/icons/ico-down-b.png');}


	#footer .container{max-width: 100%; padding:  0 15px;}
	.footer-info-wrap{padding: 2rem 0 3rem;}
	.footer-widget.menu, .footer-widget.logo{display: none;}
	.footer-widget.info{width: 100%;}
	.footer-links li a{padding: 0; border: 0;}
	.footer-widget.info .select-box .btn-select{background-color: #eee;}
	.footer-etc{}
	.footer-widget.info .select-box .select-list{top: -620%; background-color: #eee;}


	/* ## MAIN-1280 */
	.main-container{margin: 2rem 0 4rem;}
	.section-qmenu .item a{padding: 2rem;}
	.main-container .widget{padding: 2rem;}
	.main-container .content{padding-right: 2rem;}

	.business-wrap .item{margin-left: 4rem;}

	/* ## 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 */
	.section-banner{padding: 4rem;}
	.list-search-wrap .inner{padding: 2rem 4rem;}
	.list-header{flex-direction: column;}
	.list-header .order-wrap{margin-top: 0.8rem;}


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

}

@media only screen and (max-width: 1200px) and (min-width: 992px){
	.section-qmenu .item a{padding: 1.5rem;}
}

@media (max-width: 991px) {
	
	/* 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{height: 6rem;}
	.header-util{font-size: 1.4rem;}
	.header-util .item{display: none;}
	.header-util .m-user{display: block;}
	#header.open .btn-gnb{margin: 0; transform: translateX(0);}
	#header.open .header-gnb{display: none;}
	#gnb{display: none;}

	.layer-popup .pop-wrap{width: 80%;}

	/* ## COMMON - 991 */
	.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);}
	.btn-icon-wrap .icon{margin-left: 0.5rem;}

	.section-header{margin-bottom: 0;}
	.section-header-title{line-height: 1.2; font-size: 1.6rem; }
	.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;}
 
    /* ## HEADER - 991 */
	.logo a{width: 123px; height: 35px; /* background-image: url('../images/m-logo-c@3.png'); */}
	.user-icon-menu{width: 80px;}
	.header-tnb{display: none}

	/* ## FOOTER - 991 */
	#footer{font-size: 1.2rem; padding-bottom: 6rem;}
	.footer-info-top{background-color: #f5f5f5; padding: 1.1rem 0;}
	.footer-links li a{color: #666;}
	.footer-links li:last-child a{color: #343434;}
	.footer-social{background-color: transparent; padding: 0; height: auto; border-radius: 0; position: absolute; bottom: -60px; z-index: 4;}
	.footer-widget .widget-title{margin-bottom: 1rem;}
	.footer-widget.info{margin-top: 4rem;}
	.footer-widget.info p{line-height: 1.7;}
	.footer-widget.info p:last-child{margin-top: 3rem;}
	#footer .show-mobile{display: none !important;}
	.pay-logo{display: flex; flex-direction: column; right: 1.5rem; justify-content: flex-start; position: absolute;}
	.pay-logo span{margin-left: 0;}
	.pay-logo span + span{margin-top: 1rem;}
	.pay-logo span img{max-height: 20px;}

	.huQWSX{bottom: 10% !important;}
	#ch-plugin .huQWSX{bottom: 10% !important;}

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

	.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-a4); background-color: #fff; display: flex; align-items: center;}
	.fixed-util ul li {position: relative; flex: 1; text-align: center;}
	.fixed-util ul li a {box-sizing: content-box; display: block; padding-top: 0.7rem; 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/m-menu.png"); }
	.fixed-util li.mycg a:before {background-image: url("../images/icons/m-mypage.png"); background-size: 1.8rem; }
	.fixed-util li.button{margin-top: -30px;}
	.fixed-util li.button a:before {background-image: url("../images/icons/m-purchase.png"); }
	.fixed-util li.cart a:before {background-image: url("../images/icons/m-cart.png"); background-size: 1.5rem; }
	.fixed-util li.today a:before {background-image: url("../images/icons/m-recent.png"); background-size: 2rem; }
	/* .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: 90%; 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;}

	.menu-header{border-bottom: 1px solid #ccc; background-color: #fff; z-index: 1; top: 0; height: 10rem; padding: 2rem 3rem;}
	.close-wrap .text{display: none;}
	.menu-close{background-image: url('../images/icons/ico-close-b.png');}
	
	.menu-slide{height: auto; flex-direction: column; margin-top: 0;}
	.menu-slide > li{max-width: 100%; position: relative; margin-bottom: 0; display: block; border-top: 1px solid #ccc; padding: 3rem;}
	.menu-slide > li > a{font-size: 2rem; display: block; text-align: left; font-weight: 600; padding: 0; margin-bottom: 0; color: #666;}
	.menu-slide li:first-child{border-top: 0;}
	.menu-slide li:first-child .dropdown-menu{display: block;}
	.menu-slide li:first-child ul li a{display: block; width: 100%; border: 1px solid #39a845; color: #39a845; height: 5rem; line-height: 5rem; border-radius: 25px; text-align: center;}
	.menu-slide li:first-child ul li + li{margin-left: 0; padding-left: 0; margin-top: 10px;}
	.menu-slide li:first-child ul li + li::before{display: none}

	.menu-slide li .dropdown-menu{position: static; height: auto; transition: none; pointer-events: visible;  padding: 2.5rem 0 0; display: flex;}
	.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{color: #666;}
	.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-left: 25px; padding-left: 25px;}
	.menu-slide li ul li + li::before{content: ''; width: 1px; height: 10px; background-color: #333; left: 0; position: absolute; top: 4px;}
	.menu-slide li ul li a::before{display: none;}

	.menu-slide li.active > a span{border-bottom: 1px solid #fff;}
	.menu-slide li.open > a::after{transform: rotate(180deg);}

	.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 */
	/* #main .section{padding: 6rem 0;} */
	#main > .container{padding: 0;}
	.main-container{flex-direction: column; margin: 0;}
	.main-container .content{width: 100%; padding: 0;}
	.main-container .widget{display: none}

	.section-main-visual{margin-bottom: 3rem;}
	.section-main-visual .screen-image img{border-radius: 0;}

	.section-qmenu .section-wrap{padding: 0 1rem;}
	.section-qmenu .item .image img{width: 100%; height: auto;}
	.section-qmenu .item a{padding: 1rem; border: 0; display: flex; flex-direction: column-reverse;}
	.section-qmenu .item .grid-title{font-size: 1.6rem; color: #0a0a0a; text-align: center; margin-top: 10px; font-weight: 400;}
	.section-qmenu .item + .item{margin-left: 0;}
	.section-qmenu .item .grid-desc{display: none;}

	.section-qmenu .item a:hover .grid-title, .section-qmenu .item a:hover .grid-desc{color: #0a0a0a;}
	.section-qmenu .item a:hover, .section-qmenu .item:nth-child(2) a:hover, .section-qmenu .item:nth-child(3) a:hover{background-color: #fff;}
	.section-qmenu .item:nth-child(2) .grid-title, .section-qmenu .item:nth-child(3) .grid-title{color: #0a0a0a;}


	#main #section-02{background-color: transparent;}
	#main #section-02 .bg{display: none}
	#main .section-header .section-header-title{text-align: center; }
	#main .section-header .section-header-desc{text-align: center; margin-top: 2.5rem;}
	.company-wrap{background-color: #effaed; padding: 6rem 1.5rem;}
	.company-cont{display: flex; flex-direction: column-reverse; align-items: center;}
	.company-cont .image{margin: 0 auto 3rem;}
	.company-cont .image img{max-width: 100%; width: 100%;}
	.company-cont p{text-align: center; padding: 0 1rem;}
	.company-wrap .mark{margin-top: 3rem;}

	#main #section-03 .section-header{background-color: #f9f9f9; padding-top: 6rem;}
	#main #section-03 .business-wrap{background-color: #f9f9f9; margin-top: 0; padding: 3rem 3rem 6rem; flex-direction: column;}
	#main #section-03 .section-header .section-header-desc{margin-bottom: 0;}
	#main #section-03 .section-header .section-header-desc strong{font-weight: 400;}
	.business-wrap .item{margin-left: 0; padding: 0; background: none !important;}
	.business-wrap .item .inner{display: none;}
	.business-wrap .item + .item{margin-top: 4rem;}
	.business-wrap .item img{width: 100%;}


	#main #section-04{margin-top: 3rem; padding-top: 6rem;}
	.partner-wrap{margin-top: 4rem; padding: 2rem 3rem;}
	.partner-wrap ul li{flex: 0 0 50%; padding: 1rem 0;}
	.partner-wrap ul li img{width: 100%; }

	.m-banner{padding: 4rem 0; text-align: center;}
	.m-banner img{ max-height: 50px;}

	#main #section-05{padding-bottom: 0; border-top: 1px solid #cbcbcb; padding: 0;}
	.support-wrap .info-container{display: none;}
	.support-wrap .download-container{display: none;}
	.support-wrap .notice-container{width: 100%;}
	.notice-container .bbs-list{border-top: 0;}
	.notice-container .bbs-list::before{content: '공지'; position: absolute; left: 0; top: 50%; background-color: #f0edff; border-radius: 5px; color: #6841ff; font-size: 12px; transform: translate(0, -50%); width: 30px; height: 20px; line-height: 20px; text-align: center;}
	.notice-container .bbs-list li{padding: 2rem; padding-left: 4rem; border-bottom: 0;}
	.notice-container .bbs-list li:nth-child(2),.notice-container .bbs-list li:nth-child(3){display: none;}
	.notice-container .bbs-list .date{display: none;}
	.support-wrap .card-header .card-title{display: none;}
	.support-wrap .card-header{position: absolute; margin: 0; right: 10px; top: 50%; margin-top: -6px;}
	.support-wrap .more-wrap{padding-left: 0;}
	.ico-more-box{width: 10px; height: 10px;}


	/* ## 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[data-type=pin] + .sub-tab-wrap{padding-top: 6rem;}
	.sub-visual[data-type=scale] .image-wrap{margin-top: 3rem;}
	.sub-visual[data-type=scale] + .sub-tab-wrap{padding-top: 3rem;}

	.subwrap-top{margin-top: 3rem; padding-top: 0;}
	/* .subwrap-top .subwrap-title{font-size: 3.6rem; line-height: 1.3;} */
	.subwrap-title-s{font-size: 1.6rem;}
	.sub-tab-wrap{padding: 3rem 0;}
	.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;}

	/* .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;}
	.sub .section-title{line-height: 1.2;}
	.sub .section-header{margin: 3rem 0;}
	.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;}
	.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;}


    /* ## 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;}


	/* ## CONTACT-991 */
	.contact-wrap{padding: 3rem 0; height: auto; background-color: #f2f0ed;}
	.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-wrap{margin: 0;}
	.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: 75%; 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;}
	#post-content table{max-width: 100%; width: 100% !important; height: auto;}
	table.bbs-view #post-content .table td{font-size: 14px;}

	.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-991 */
	.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;}

	#sit_ov_from{padding: 3rem 0 6rem;}
	#sit_ov_wrap{flex-direction: column;}
	/* #sit_pvi{flex-direction: column;} */
	#sit_pvi_big img{max-width: 100%}
	#sit_ov{max-width: 100%; margin-left: 0; margin-top: 3rem; padding-bottom: 0;}

	#sit_info{margin: 6rem 0 0;}

	.list-header{padding-top: 3rem;}

	.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;}

	/* ## GUIDE */
	.guide-wrap ul li{flex: 0 0 33%; padding: 10px;}
	.guide-wrap ul li a{height: 4rem; line-height: 4rem; font-size: 14px;}
	

	/* ## 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}
	

    .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 */
    .company-info{font-size: 12px;}
    .contact-info{margin-left: 0; margin-bottom: 0.7rem; font-size: 0.8rem; font-weight: 600;}
    .contact-info div span{border-bottom: 0;}
    .contact-info div + div{margin-left: 0.5rem;}
	#footer .show-mobile{display: block !important;}


	/* ## 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;}


	.support-wrap .card-container{padding: 0;}
	.card-container::before{display: none;}

	.notice-container .swiper-nav{width: 56px; height: 24px;}
	.notice-container .swiper-nav div{width: 24px; height: 24px;}
	


	.news-title-wrap .section-title{font-size: 2.4rem;}
	.swiper-nav-wrap span{width: 3rem; height: 3rem;}
	.icon-arrow-wrap{width: 3rem; height: 3rem;}
	.icon-btn .arrow{width: 3rem; height: 3rem;}

	.layer-popup .pop-wrap{width: 100%; height: 100%; padding: 20px;}
	/* .pop-header{padding: 10px 0 0 0; height: 30px;} */
	.pop-content{height: calc(100% - 60px); overflow-y: scroll; padding: 15px; max-height: 80vh;}
	.pop-footer{position: fixed; width: 100%; bottom: 10px;}
	.pop-wrap .btn-close{top: 30px; right: 30px; text-indent: -9999px; width: 20px; height: 20px; z-index: 999;}
	/* .pop-wrap .btn-close.cross:before, .pop-wrap .btn-close.cross:after{background-color: #000;} */
	.pop-footer .btn-close{top: 0; left: 0; right: 0; text-indent: 0; width: auto; height: auto;}

	.pop-status .pop-content{height: auto;}
	
 		
	/*  ## 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;}

	.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;}
	.breadcrumb{font-size: 12px; margin-bottom: 1.5rem;}
	.ico-home{width: 14px; height: 14px;}

	.section-header-title{font-size: 6.38vw; }
	.sub section.bg-section{margin-bottom: 0;}
	.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{flex-wrap: wrap; justify-content: flex-start;}
	.sub-tab ul li{margin-top: -1px; flex: 0 0 50%;}

	.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');}


	/**********
	* ## COMPANY-767
	**********/
	.history-wrap{padding: 2rem;}
	.history-wrap .item .year{margin-right: 0;}
	.history-wrap .item{flex-direction: column;}
	.history-wrap .item .year h4{width: 100%; height: 4.5rem;}
	.history-wrap .bg{display: none;}
	.history-wrap .item .cont{margin-top: 2rem;}
	.history-wrap .item .cont ul li .month{width: 80px;}
	.history-wrap .item .cont ul li + li{margin-top: 3rem;}
	.history-wrap .item.border{margin-bottom: 4rem; padding-bottom: 4rem;}

	/**********
	* ## Alliance-767
	**********/
	.alliance-wrap .items{flex-direction: column; margin: 0;}
	.alliance-wrap .items .item{ width: 100%; padding: 3rem; margin: 0;}
	.alliance-wrap .items .item + .item{margin-top: 2rem;}

	.contact-info dl{display: block;}
	.contact-info dt{width: 100%; height: 4rem;}
	.contact-info dd{width: 100%; padding: 2rem; text-align: center; display: block;}
	.alliance-box{height: 6rem;}

	.page-alliance .section-title{flex-direction: column; align-items: flex-start;}
	.page-alliance .section-title em{margin-left: 0; margin-top: 0.5rem;}


    /* ## SUPPORT-767 */
	.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;}
	
	/* ## 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: #39a845; padding: 3rem 1.5rem 6rem; font-size: 12px; background-image: url('../images/common/logo-my.png'); background-repeat: no-repeat; background-position: 95% 105%; background-size: 56px 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-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;}


	.page-contact .bbs-wrap .bbs-tab li{margin-right: 0;}
	.page-contact .bbs-wrap .bbs-tab li a{width: 100%; }


 	/* ## 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 {padding: 20px 0 20px 20px; position: relative;}	
	.faq-wrap ul.faq li.faq-item a.faq-title span.arrow {right: 10px;}
	.faq-wrap ul.faq li.faq-item .faq-label{margin-right: 10px; font-size: 1.6rem;}
	.faq-wrap ul.faq li.faq-item .answer{padding-left: 20px;}
	.faq-wrap ul.faq li.faq-item .answer .answer-content{width: calc(100% - 25px);}


	.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;}


	/**********
	* ## SHOP-767
	**********/
	#sit_ov_from{background-color: #fff; padding-bottom: 0;}
	#sit_ov_wrap{padding: 0; border: 0;}
	#sit_pvi{flex-direction: column; margin-right: 0;}
	#sit_pvi_thumb{float: none; margin-top: 2rem; text-align: left; display: flex; align-items: center; overflow-x: auto;}
	#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;}

	#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{padding-top: 6rem; margin-top: 6rem;}
	#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;}

	
	.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;}


	.section-banner{padding: 2rem;}
	.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;}
	.section-banner.kind-01{padding: 2rem;}
	
	.list-search-wrap .inner{padding: 3rem 1rem 5rem; display: flex; position: relative;}
	.list-search-wrap .inner .label{position: absolute; top: 1rem; font-size: 14px;}
	.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 > ul li a{font-size: 14px; padding: 8px 16px;}
	
	.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{padding-top: 2rem; margin-bottom: 2rem; font-size: 14px;}

	/* ## 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 .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-bottom: 0; border-top: 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;}
	.cart-item-wrap .item .btn-close{position: absolute; right: 1.5rem; top: 2rem;}

	.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_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;}
	.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;}
	#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;}
	#sod_frm_sales .tbl_frm01 td{text-align: right; padding-right: 0;}

	#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;} */


	#sit_rel .swiper-arrows .btn-swiper-next{right: 0; margin-top: -8rem;}
	#sit_rel .swiper-arrows .btn-swiper-prev{left: 0; margin-top: -8rem;}
	
}

@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;}


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