/* common */
#max_wrap {width:100%; height:auto; min-width:360px;}
#max_header {width:100%; height:auto; padding:0 6.8vw; position:absolute; top:0; left:0; z-index:2;  transition: 0.4s;}
#max_header .hd-inner {width:100%; height:auto; display:flex;}
.logo {padding:1.875rem 0; position:absolute; top:0; left:6.8vw;}
.logo a {display:block; width:9.25rem; height:2.563rem; background:url("../image/common/logo.png") center / cover no-repeat;}

.lnb {width:calc(100% - 38%); height:auto; margin:0 auto; text-align:center; font-weight:600; font-size:1.125rem; letter-spacing:0;}
.lnb a {display:block; width:100%; height:auto;}
.lnb > ul {width:100%; height:inherit; display:flex; justify-content:center;}
.lnb > ul > li {flex:1; width:100%; position:relative;}
.lnb > ul > li > a {padding:2.563rem 0; text-transform:uppercase;}
.lnb > ul > li > .sub-menu {opacity:0; position: relative;width:90%; max-width:13.125rem; height:auto; padding:2.5rem 0 1.5rem; /*border-top:4px solid var(--main-color);*/ background-color:#fff; box-shadow:0rem 1rem 1rem rgb(0 0 0 / 10%); position:absolute; top:6.25rem; left:50%; transform:translateX(-50%); transition:top .3s ease-out; font-weight:400; color:#797979; visibility: hidden;}
.lnb > ul > li > .sub-menu::before {position: absolute; content:''; width:2px; height:30px; left:50%; top:-10%; background:var(--main-color);}
.lnb > ul > li > .sub-menu > li > a {padding:8px 0;}
.lnb > ul > li:hover .sub-menu {opacity:1; top:6rem; visibility: visible;}

.gnb {display:flex; justify-content:flex-end; align-items:center; letter-spacing:0; position:absolute; top:2.2rem; right:6.8vw; }
.gnb .bt-sitemap { font-size:.813rem; text-transform:uppercase; margin-right:3em; transition:all .2s;}
.gnb .bt-sitemap span, .gnb .bt-sitemap .i-menu {display:inline-block; vertical-align:middle; color:#111; margin-left:1em;}

.gnb .bt-sitemap span:before {content:''; display:inline-block; vertical-align:middle; width:4px; height:4px; margin:-2px 8px 0 0; border-radius:100%; background-color:var(--main-color);}
.gnb .language {font-weight:700; font-size:.875rem;}
.gnb .language li {display:inline-block;}
.gnb .language li a {display:inline-block; padding:.375rem .75rem; border-radius:.625rem;}
.gnb .language li .current {background-color:var(--main-color); color:#fff !important;}
.gnb .lang-full li a {color:#000}

/*#max_wrap.down .main_header {background: rgba(0,0,0,0.4); }
#max_wrap.down .main_header .logo a {background-image:url("../image/common/logo_w.png");}
#max_wrap.down .main_header ul#main-menu > li > a {color:#fff;} 
#max_wrap.down .main_header .gnb .bt-sitemap span, #max_wrap.down .main_header .gnb .bt-sitemap .i-menu { color:#fff !important;}
#max_wrap.down .main_header .gnb ul.language a {color:#fff;}*/
#max_wrap.down .main_header .gnb .lang-full li a {color:#000;}

#max_wrap.down .sub_header {/*position:fixed; background: rgba(0,0,0,0.6);*/}
#max_wrap.down .pr_header {/*position:fixed;*/  background: #fff;}

#max_header.pr .lnb > ul > li > a{ color:#000;}
#max_header.pr .logo a {background-image:url("../image/common/logo.png");}
#max_header.pr .gnb .bt-sitemap span, #max_header.pr .gnb .bt-sitemap .i-menu { color:#000 !important;}
#max_header.pr .lnb, #max_header.pr .gnb .language {color:#000}


#max_header.hover .lnb > ul > li > a{ color:#fff;}
#max_header.hover .logo a {background-image:url("../image/common/logo_w.png");}
#max_header.hover .gnb .bt-sitemap span, #max_header.hover .gnb .bt-sitemap .i-menu { color:#fff !important;}
#max_header.hover .lnb, #max_header.hover .gnb .language {color:#fff}

#max_header.white .logo a {background-image:url("../image/common/logo_w.png");}
#max_header.white .lnb, #max_header.white .gnb .language {color:#fff}
#max_header.white .gnb .bt-sitemap span, #max_header.white .gnb .bt-sitemap .i-menu { color:#fff !important;}

/*store*/
#max_header.storehead .logo a {background-image:url("../image/common/logo.png");}
#max_header.storehead .lnb > ul > li > a{color:#000 !important;} 
#max_header.storehead .store_gnb > li {float:left;margin:0 0.8rem; position: relative; color:#222;}
#max_header.storehead .store_gnb >  li:last-child {margin-left:2.5rem;}
#max_header.storehead .store_gnb >  li .nscart { right:-1rem; bottom:0; background: #CF1248; width:1.3rem; height:1.3rem; color:#fff; text-align: center; font-size: 0.8rem;font-weight: bold; line-height:1.3rem;position: absolute; border-radius:1rem;	}
#max_header.storehead .store_gnb >  li .text {margin:10px 0; vertical-align: super; font-size: 1rem; font-weight: 600;}
#max_header.storehead .gnb .bt-sitemap {display: none;}
#max_header.storehead .store_gnb .members_popup {position: absolute; width: 20rem; height: 18rem;background: #fff; left:-9rem; top:3rem;border-radius:2rem; box-shadow: 0 0px 12px rgb(0 0 0 / 20%);}
#max_header.storehead .store_gnb .members_popup .members_box {text-align: center; margin:1.5rem}
#max_header.storehead .store_gnb .members_popup .members_box h2 {font-size: 2rem;font-weight: bold;margin: 0.2rem 0 0.8rem; display: inline-block;color:#000;}
#max_header.storehead .store_gnb .members_popup .members_box .login_button {margin: 0 0 1rem;width: 100%; display: inline-block;	}
#max_header.storehead .store_gnb .members_popup .members_box .login_button li {display: block; width: 100%; margin:.75rem 0;}
#max_header.storehead .store_gnb .members_popup .members_box .login_button li a{width: 100%;display: inline-block; padding:1.2rem; font-size:1rem; border-radius:1rem;}
#max_header.storehead .store_gnb .members_popup .members_box .login_button li a.bt_black {background: #000; color:#fff;}
#max_header.storehead .store_gnb .members_popup .members_box .login_button li a.bt_white {border:1px solid #000; color:#000;}
#max_header.storehead .store_gnb .members_popup .members_box .login_gnb {display: inline-block; text-align: center; font-size:1rem;}
#max_header.storehead .store_gnb .members_popup .members_box .login_gnb ul li {float:left;position: relative;}
#max_header.storehead .store_gnb .members_popup .members_box .login_gnb ul li::before {content:''; width: 3px; height:3px; transform:translate(-50%, 0); background-color: #888; position: absolute;right:-3px; top:50%; }
#max_header.storehead .store_gnb .members_popup .members_box .login_gnb ul li:last-child::before {display: none;	}
#max_header.storehead .store_gnb .members_popup .members_box .login_gnb ul li a {position: relative; margin:0 10px; color:#888;}
#max_header.storehead .store_gnb .members_popup .members_box .login_gnb ul li a::before {position: absolute; content:''; width: 100%; background-color: currentColor;height:1px; bottom:-5px;}

#max_header.storehead .gnb .bt-sitemap span, #max_header.storehead .gnb .bt-sitemap .i-menu { color:#111 !important;}


.full-menu {width:100%; height:100%; position:fixed; top:0; right:0;}
.full-menu:after {content:''; display:block; width:100%; height:inherit; background-color:rgba(24,24,24,.75); position:absolute; top:0; right:0; z-index:-1;}
.full-menu nav {width:50%; padding:6.25rem; height:inherit; position:absolute; top:0; right:0; z-index:1; background-color:#fff;}
.full-menu nav:before {content:''; display:block; width:0; height:inherit; position:absolute; top:0; left:0; z-index:-1; transition:width .2s linear;}
.full-menu nav .fm-lnb {text-transform:uppercase;}
.full-menu nav .fm-lnb .lnb-item {}
.full-menu nav .fm-lnb .lnb-item a {display:block;}
.full-menu nav .fm-lnb .lnb-item > a {margin-top:4.5rem; font-weight:700; font-size:3rem;}
.full-menu nav .fm-lnb .lnb-item .lnb-dep2 {opacity:0; width:50%; padding-left:6.25rem; position:absolute; top:10rem; left:45%; transition:left .2s linear;}
.full-menu nav .fm-lnb .lnb-item .lnb-dep2 > li {}
.full-menu nav .fm-lnb .lnb-item .lnb-dep2 > li > a {padding:1rem 0 1.25rem; font-weight:500; font-size:1.875rem;}
.full-menu nav .fm-lnb .lnb-item .lnb-dep3 {}
.full-menu nav .fm-lnb .lnb-item .lnb-dep3 li {}
.full-menu nav .fm-lnb .lnb-item .lnb-dep3 li a {padding:1rem 2rem; color:#797979; position: relative;}
.full-menu nav .fm-lnb .lnb-item .lnb-dep3 li a::before {position: absolute; content:''; width: 10px; height:1px; background: #aaa; left:0; top:50%;}
.full-menu nav.on:before {width:50%; background-color:#181818;}
.full-menu nav.on .fm-lnb .lnb-item > a {color:#393939;}
.full-menu nav.on .fm-lnb .lnb-item .current {color:#fff;}
.full-menu nav.on .fm-lnb .lnb-item .lnb-dep2.open {left:50%; opacity:1; z-index:1;}
.full-menu .gnb {z-index:2;}
.full-menu .gnb .bt-fm-close {font-size:.813rem; margin-right:2rem; text-transform:uppercase;}
.full-menu .gnb .bt-fm-close span, .full-menu .gnb .bt-fm-close .i-close {display:inline-block; vertical-align:middle; color:#111 !important;}
.full-menu .gnb .bt-fm-close span {padding-right:.75rem;}
.full-menu .gnb .bt-fm-close span:before {content:''; display:inline-block; vertical-align:middle; width:4px; height:4px; margin:-2px 8px 0 0; border-radius:100%; background-color:var(--main-color);}
.full-menu .gnb a {display:flex; align-items: center; font-size:.813rem;}


.writing {font-weight:700; line-height:1.3;}
.foot-wrap .f-sitemap {width:100%; height:auto; font-weight:500; font-size:1.125rem; text-transform:uppercase;}
.foot-wrap .f-sitemap li {display:inline-block; letter-spacing:0;}
.foot-wrap .f-sitemap li:not(:last-child) {margin-right:3rem;}
.foot-wrap .f-logo {width:6.875rem; height:2rem; margin-top:8rem; background:url("../image/common/f_logo.png") 0 0 / cover no-repeat; opacity:.3;}
.foot-wrap address {margin-top:1rem; font-weight:300; font-size:1.125rem; line-height:1.3;}
.foot-wrap address span {display:block; font-size:0;}
.foot-wrap cite {display:block; margin-top:2rem; font-weight:300; color:#797979;}

#max_footer {width:100%; height:auto;  background-color:#222; color:#fff; position:relative;}
#max_footer .inner {width:inherit; max-width:1280px; height:inherit; padding:6rem 0; margin:0 auto; display:table; overflow:hidden;}
#max_footer .inner .writing, #max_footer .inner .foot-wrap {display:table-cell; vertical-align:top; width:50%;}
#max_footer .inner .writing {font-size:2.25rem;}
#max_footer .inner .foot-wrap .f-logo {opacity:1; margin-top:4rem;}
#max_footer .inner .foot-wrap address span {display:inline-block; font-size:1.125rem; margin:0 1rem;}
#max_footer .inner .foot-wrap cite {margin-top:1.125rem;}


#max_footer .foot-store-wrap {width: 100%;display: table;	}
#max_footer .foot-store-wrap .f-logo {opacity:1; width:6.875rem; height:2rem; margin-bottom:1rem; background:url("../image/common/f_logo.png") 0 0 / cover no-repeat; opacity:1;}
#max_footer .foot-store-wrap .writing {font-size:2.25rem;width: 50%;}
#max_footer .foot-store-wrap .store_info {width:50%;display: table-cell;vertical-align: top;}
#max_footer .foot-store-wrap .store_info h4 {margin-bottom:1.8rem;font-size: 1.3rem;}
#max_footer .foot-store-wrap .store_info .cs_area {width:50%; float:left; display: inline-block;}
#max_footer .foot-store-wrap .store_info .cs_area .tel {font-size: 2.4rem;font-weight: 600;margin-bottom:1.4rem;}
#max_footer .foot-store-wrap .store_info .cs_area .info {font-size: 1rem;font-weight: 300;line-height:150%;}
#max_footer .foot-store-wrap .store_info .bank_area {width:50%;float:left; display: inline-block;}
#max_footer .foot-store-wrap .store_info .bank_area .bank {margin-bottom:1rem;line-height:150%;}
#max_footer .foot-store-wrap .store_info .bank_area .bank p {font-size: 1rem}
#max_footer .foot-store-wrap .store_info .bank_area .bank p > span { margin-left:0.5rem;font-size: 1.2rem;}
#max_footer .foot-store-wrap .store_info .bank_area .bank_btn {display: block; text-align: center;width: 100%; }
#max_footer .foot-store-wrap .store_info .bank_area .bank_btn li {float:left; width: 50%; color:#666;}
#max_footer .foot-store-wrap .store_info .bank_area .bank_btn li a {display:block;border:1px solid currentColor;margin-right : 5%; padding:.5rem;}
#max_footer .store-info_wrap {width: 100%; border-top:1px solid #333;margin-top:2.5rem; padding-top:2.5rem;color:#888; font-size: 1rem; line-height: 150%;}
#max_footer .store-info_wrap address span {display:inline-block;  margin:0 1rem; }
#max_footer .store-info_wrap address a {border:1px solid currentColor; font-size: 0.8rem; padding:.2rem .5rem; margin-left:.5rem;}
#max_footer .store-info_wrap cite {display:block; margin-top:2rem; color:#666; font-size:.8rem;}


#max_footer .footer_gnb {width:100%; background: #000;}
#max_footer .footer_gnb .inner {padding:1.5rem 0;}
#max_footer .footer_gnb ul li {float:left;font-size: 1rem;font-weight: 300;padding:0 1.4rem; position: relative;}
#max_footer .footer_gnb ul li:first-child {padding-left:0;}
#max_footer .footer_gnb ul li::before {content:''; position: absolute; right:0; top:50%; width:5px; height:5px; background: #444; transform:translate(0%, -50%); border-radius:3px;}
#max_footer .footer_gnb ul li:last-child::before  {display: none;}
#max_footer .footer_gnb ul li .privacy {color:#dd1f70}



/* mobile m_quick */
#m_quick {display:block; width:4rem; height:auto; position:fixed; bottom:1rem; right:1rem;z-index:2;}
#m_quick button {width:4rem; height:4rem; border-radius:100%;margin:0.4rem 0; font-size:0;outline:none;    }
#m_quick button.q-open { position: relative; background:#d50855;  color:#fff; box-shadow: 0px 5px 7px rgb(0 0 0 / 35%);  z-index:1;}
#m_quick button.q-open svg {position: absolute; left: 50%; top: 50%;transform:translate(-50%, -50%);   transition: all 0.2s ease ;}
#m_quick button.q-open:hover svg{ transform: translate(-50%, -50%) rotate( -45deg ) ;}
#m_quick button.q-close { background:#d50855;  color:#fff; padding:0; margin:0.2rem 0;}
#m_quick button.bt-top { background:#fff;  color:#000; box-shadow: 0px 5px 7px rgb(0 0 0 / 35%); z-index:3;}
#m_quick .q-open {}
#m_quick .q-layer {width: 100%; height: 100%; position:fixed; bottom:0%; right:1rem; opacity:1; z-index:3; text-align:right; display: none;}
#m_quick .q-layer .q-layer-bg {position: fixed; width: 100vw; height: 100vh; background: rgb(0 0 0 / 75%);display: block;z-index: -1;lefT: 0;bottom: 0;}
#m_quick .q-layer ul {display: inline-block; height: auto; position: absolute;  bottom: 90px;  right: 0; bottom:14px;}
#m_quick .q-layer ul li {width:100%; height:auto; margin-bottom:5px;}
#m_quick .q-layer ul li a {display:inline-block; width:4rem; height:4rem; position:relative; color:#d50855;background: #fff;    border-radius: 5rem; transition: all 0.2s linear; box-shadow: 0px 0px 7px rgb(0 0 0 / 35%);}
#m_quick .q-layer ul li a svg {position: absolute;top:50%; right:50%;transform:translate(50%, -50%);}
#m_quick .q-layer ul li a span {display: block;position: absolute;left: -100px;top: 50%;transform: translate(0%, -50%);color: #fff;font-size: .9rem;width: 90px;}
#m_quick .q-layer ul li:hover a {width:100%; background: #d50855; color:#fff !important;border-radius:5rem; transition: all 0.2s linear;}
#m_quick .q-layer ul li:hover a svg {transform: translate(0%,-50%); top: 50%; right: 20px;}

#m_quick .q-close {background:#fff; color:#000; padding:14px;}
#m_quick .q-close i{transform:translate(-15%, -15%);}
#m_quick .q-close .i-close:before,
#m_quick .q-close .i-close:after {width:24px; height:2px;}
#m_quick.open .q-layer {bottom:6rem; opacity:1; display:block;}




.scroll-down {position:fixed; bottom:1em; right:2em; z-index:1; color:#000; opacity:.75; transform-origin:left; font-size:13px; letter-spacing:0.04em; animation:scroll_effect .75s infinite alternate linear;}
.scroll-down a {display: block;width: 50px; height: 50px; cursor:pointer;}
.scroll-down a span.txt {position: absolute;transform: rotate(90deg);width: 105px;top: -70px;left: -27px; color:#888;     text-align: right;}
.scroll-down a svg {fill:#666;}
.scroll-down a svg:hover {fill:var(--main-color);}

#scroll-m {display: none;position:fixed; bottom:1em; right:1em;z-index:3;}
#scroll-m a {display:block; width:40px; height:40px;  font-size:.7em; border-radius:2px; padding:10px 0; border:1px solid #d7d7d7; background:#fff; box-sizing:border-box; text-align:center; text-decoration:none; color:#797979;}
#scroll-m a i {display:block; position:relative; width:10px; height:5px; margin:0 auto;}
#scroll-m a i:before {content:''; height:0; width:0; display:block; border:5px transparent solid; border-top-width:0; border-bottom-color:var(--main-color);}
#scroll-m a span {display:block; line-height:1; margin-top:5px;}

.swiper-page {position:absolute; bottom:32px; right:6.8vw; z-index:1;}
.sub-lnk-page {position:fixed; bottom:32px; right:6.8vw; z-index:2;}
.swiper-page button, .swiper-page a {display:inline-block; vertical-align:middle; margin:0 .8rem; text-transform:uppercase;}
.swiper-page i {display:inline-block; vertical-align:middle; width:12px; height:12px; border-radius:100%; margin-top:-4px; background-color:rgba(0,0,0,.5); font-size:0;}
.swiper-page span {display:none; width:56px; text-align:right; position:absolute; top:4px; left:-56px; font-weight:500; font-size:12px; letter-spacing:0;}
.swiper-page .swiper-pagination-bullet-active i, .swiper-page .on i {width:16px; height:16px; border-radius:0;margin-top: 0px; background-color:transparent !important;}
.swiper-page .swiper-pagination-bullet-active i:before, .swiper-page .on i:before {content:''; display:block; width:0; height:0; border:12px transparent solid; border-top-width:0; border-bottom-color:var(--main-color); transform:rotateY(45deg);}
.swiper-page .swiper-pagination-bullet-active span, .swiper-page .on span {display:block; color:var(--main-color);}

.swiper-page.white i {background-color:rgba(255,255,255,.5);}
.swiper-page.white .swiper-pagination-bullet-active i:before, .swiper-page.white .on i:before {border-bottom-color:#fff;}
.swiper-page.white .swiper-pagination-bullet-active span, .swiper-page.white .on span {color:#fff;}

.adm-setting {width:100%; max-width:1280px; height:auto; margin:0 auto; border-top:1px solid #d7d7d7; text-align:right; font-size:1rem;}
.adm-setting p {display: inline-block;}
.adm-setting .chk-all {margin-right:1rem;}
.adm-setting a, .adm-setting button {display:inline-block; padding:1rem 2rem; margin-top:1rem; background-color:#181818; color:#fff; border:1px solid #181818;}
.adm-setting a:hover, .adm-setting button:hover {background-color:var(--main-color); color:#fff !important; border-color:var(--main-color);}
.adm-setting .bt-write {color:#181818; background-color:transparent !important;}
.adm-setting .bt-write:hover {color:var(--main-color) !important;}

.max_page { width:100%; padding:2em 0; text-align:center; clear:both; font-weight:600; text-align:center;}
.max_page a {display:inline-block; vertical-align:middle; width:3rem; height:3rem; line-height:3rem; margin:0 .2rem; border-radius:100%; border:1px solid #d7d7d7; position:relative; overflow:hidden; font-size:14px;}
.max_page a span { font-size:1rem;}
.max_page a span.max_bbs_page_on {}
.max_page a .i-arrow {display:inline-block; vertical-align:middle;}
.max_page a .i-arrow:before {width:.625rem; height:.625rem; bottom:.375rem; left:.188rem;}
.max_page a.max_bbs_page_list { font-size:1rem;}
.max_page a.max_page_cur {color:var(--main-color); border:0;}
.max_page a.max_page_cur:before {content:''; display:block; width:4px; height:4px; border-radius:4px; background-color:var(--main-color); position:absolute; top:.375rem; left:50%; transform:translateX(-50%);}
.max_page a.max_bbs_page_prev_first .i-arrow, .max_page a.max_bbs_page_prev .i-arrow {transform:rotate(90deg);}
.max_page a.max_bbs_page_prev_first .i-arrow:before, .max_page a.max_bbs_page_next_end .i-arrow:before {bottom:.5rem;}
.max_page a.max_bbs_page_prev_first .i-arrow:after, .max_page a.max_bbs_page_next_end .i-arrow:after {width:.875rem; height:2px; background-color:currentColor; position:absolute; bottom:2px; left:1px;}
.max_page a.max_bbs_page_next_end .i-arrow, .max_page a.max_bbs_page_next .i-arrow {transform:rotate(-90deg);}
.max_page a.max_bbs_page_prev {margin-right:1rem;}
.max_page a.max_bbs_page_next {margin-left:1rem;}

.max_page a.max_page_prev_first .i-arrow, .max_page a.max_bbs_page_prev .i-arrow {transform:rotate(90deg);}
.max_page a.max_page_prev_first .i-arrow:before, .max_page a.max_bbs_page_next_end .i-arrow:before {bottom:.5rem;}
.max_page a.max_page_prev_first .i-arrow:after, .max_page a.max_bbs_page_next_end .i-arrow:after {width:.875rem; height:2px; background-color:currentColor; position:absolute; bottom:2px; left:1px;}
.max_page a.max_page_next_end .i-arrow, .max_page a.max_bbs_page_next .i-arrow {transform:rotate(-90deg);}
.max_page a.max_page_prev {margin-right:1rem;}
.max_page a.max_page_next {margin-left:1rem;}


@media screen and (max-width: 1366px) {
	body,html {font-size:15px;}
	#max_header {padding:0 2rem;height: 85px;}
	.logo {left:2rem;}
	.lnb {font-size:1.1rem;}
	.gnb {right:2rem;}
	.full-menu nav {width:70%;}


	
}
@media screen and (max-width: 1194px) {
	body,html {font-size:14px;}
	.logo a {background-image:url("../image/common/logo_m.png");}
	.lnb {display:none;}
	.gnb .bt-sitemap {opacity:1; margin-right:1rem;}
	#max_header.hover {height:90px;}
	#max_header.storehead .gnb .bt-sitemap {display: block;}

	#max_footer .inner {padding:5rem 1.25rem;}
	.foot-wrap .f-logo {background-image:url("../image/common/f_logo_m.png");}


	#max_header.storehead .store_gnb > li:last-child {display: none;}
	#max_header.hover .store_gnb > li svg{color:#222;}

	#max_footer .footer_gnb ul {display: inline-block; text-align: center;width: 100%; }
	#max_footer .footer_gnb ul li {float: inherit;display: inline-block;}
	#max_footer .store-info_wrap {text-align: center;}


	
}
@media screen and (max-width: 926px) {
	.storehead  {padding:0 1.25rem !important;position:relative !important; height:65px !important;}
	#max_header.hover {height: 60px;}

	#max_wrap.down .sub_header  {background: rgba(0,0,0,0.6);}
	#max_wrap.down .storehead  {position:fixed;  background: #fff !important; box-shadow:0px 3px 13px 0px rgb(0 0 0 / 16%);}


	.logo {left:1.25rem; padding:.9rem 0;}
	.logo a {width:128px; height:35px;}
	.gnb {right:1.25rem; top: 1.2rem;}
	.gnb .language {display:none;} 
	
	
	.full-menu nav {width:100%; padding:3rem 2.5rem;}
	.full-menu nav .fm-lnb {margin-top:2rem;}
	.full-menu nav .fm-lnb .lnb-item > a {font-size:1.75rem;}
	.full-menu nav .fm-lnb .lnb-item .lnb-dep2 {top:6.5rem; padding-left:2.5rem;}
	.full-menu nav .fm-lnb .lnb-item .lnb-dep2 > li > a {font-size:1.25rem;font-weight: 500;}
	.full-menu nav .fm-lnb .lnb-item .lnb-dep3 li a {padding:1rem; }
	.full-menu nav .fm-lnb .lnb-item .lnb-dep3 li a::before {width:6px;}
	.full-menu .gnb .language {display:block;}
	.full-menu .gnb .bt-fm-close {margin-right:1rem;}
	.full-menu .gnb .bt-fm-close span {padding-right:.25rem;}

	.foot-wrap .f-sitemap li {display:block; padding-bottom:1.4rem;}
	.foot-wrap .f-sitemap li:not(:last-child) {margin-right:0; }
	.foot-wrap .f-logo {margin-top:3rem;}
	.foot-wrap address {font-size:1rem;}
	#max_footer .inner .writing, #max_footer .inner .foot-wrap {display:block; width:100%;}
	#max_footer .inner .writing {font-size:1.5rem;}
	#max_footer .inner .foot-wrap {padding-top:2rem;}
	#max_footer .inner .foot-wrap address span {display:block; font-size:0;}

	.swiper-page, .adm-setting {display:none !important;}
	#scroll-m {display: block;}
	#max_footer .foot-store-wrap {display: inline-block;}
	#max_footer .foot-store-wrap .f-logo {display: block;    margin: 0 auto 1rem;}
	#max_footer .foot-store-wrap .writing {margin-bottom:2rem; text-align: center;}
	#max_footer .foot-store-wrap .store_info {text-align: center;display: inline-block;width: 100%;}
	.scroll-down {bottom:0em; right:1em;}
	.scroll-down a {width: 40px; height: 40px; }
	.scroll-down a span.txt {display: none;	}

	#m_quick {width: 3.5rem;}
	#m_quick button {width: 3.5rem; height: 3.5rem;}
	#m_quick .q-layer ul li a {width: 3.5rem; height: 3.5rem;}
}

@media screen and (max-width: 568px) {

	.scroll { overflow-x: scroll;}
	.scroll table{min-width:568px;}

	#m_quick .q-layer ul li:hover a { border-radius:5rem; transition: all 0.2s linear;}
	#m_quick .q-layer ul li:hover a svg {transform: translate(-50%,-50%); top: 50%; left:50%;}


	.max_page a {width:2.4rem; height:2.4rem; line-height:2.4rem;}
	.max_page a.max_page_cur:before {top:0;}
	.max_page a.max_bbs_page_next_end .i-arrow:before {left:.3rem;}
	.max_page a.max_bbs_page_next_end .i-arrow:after {left:.125rem;}
	.max_page a.max_bbs_page_prev {margin-right:0;}
	.max_page a.max_bbs_page_next {margin-left:0;}
	.max_page a.max_bbs_page_next .i-arrow:before {left:.3rem;}

	
	#max_header.storehead .store_gnb > li {margin:0 0.5rem}
	#max_header.storehead .gnb .bt-sitemap span {display: none;}

	#max_header.storehead .gnb .bt-sitemap {margin-right:0;}
	#max_footer {margin-top:0rem;}
	#max_footer .inner {padding:2rem 5%;}
	
	#max_footer .footer_gnb .inner {padding:1rem 0;}
	#max_footer .footer_gnb ul li {font-size:.8rem; padding:0 1rem;}
	#max_footer .footer_gnb ul li::before {width:3px; height:3px;}

	#max_footer .store-info_wrap {line-height: 110%;margin-top: 1.5rem;  padding-top: 1.5rem;}

	#max_footer .foot-store-wrap .store_info {width: 100%;}
	#max_footer .foot-store-wrap .store_info h4 {font-size: 1rem;}
	#max_footer .foot-store-wrap .store_info .cs_area .tel {    font-size: 1.6rem;}
	#max_footer .foot-store-wrap .store_info .cs_area .info {font-size:.78rem;}
	#max_footer .foot-store-wrap .store_info .bank_area .bank p {font-size:.8rem;}
	#max_footer .foot-store-wrap .store_info .bank_area .bank p > span {font-size:1rem;}
	#max_footer .foot-store-wrap .store_info .bank_area .bank_btn li a {font-size: .8rem; }
	#max_footer .foot-store-wrap .store_info .bank_area .bank_btn {width: 80%; margin: 0 auto;}

	#max_footer .foot-store-wrap .writing {display: none;	}
	#max_footer .foot-store-wrap .store_info .bank_area {width: 50%;}
	#max_footer .foot-store-wrap .store_info .cs_area {width: 50%;  }
	#max_footer .store-info_wrap address  {font-size:.85rem;}
	#max_footer .store-info_wrap address span {display: block; font-size: 0; height:0.3rem;}
	#max_footer .store-info_wrap address br {display: none;	}
	#max_footer .store-info_wrap cite {margin-top:1rem;}

	#max_header.storehead .store_gnb .members_popup {left:-12rem;}
}



/* animation */
@keyframes scroll_effect {
 from {
	transform: translateY(0px);
  }
  to {
     transform: translateY(-15px);
  }
}

@-webkit-keyframes rotation {
    from {-webkit-transform: rotate(0deg);}
    to   {-webkit-transform: rotate(359deg);}
}