@charset "utf-8";

/* ******************************************************
	00. common
*******************************************************/
.letter{letter-spacing:normal !important} 
.under{text-decoration: underline !important}
html.fix{overflow-y:hidden}
.fontstyle-i {font-style: italic;}
.hdTxt, .description, .btnHdTxt {position: absolute !important; left: -9000px !important;}
.dis-ib {display: inline-block;}
body ::-webkit-scrollbar{width: 20px;}
body ::-webkit-scrollbar-track {
	background-color:#f7f7f7;
	border-left: 1px solid #ececec;
}
body ::-webkit-scrollbar-thumb {background-color:#dd3861;}
body ::-webkit-scrollbar-thumb:hover {background: #dd3861;}
body ::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment {
	width:0px;height:0px;background:#f7f7f7;
}

body #header ::-webkit-scrollbar{width: 0;}
body #header ::-webkit-scrollbar-track {
	background-color:#f7f7f7;
	border-left: 1px solid #ececec;
}
body #header ::-webkit-scrollbar-thumb {background-color:#dd3861;}
body #header ::-webkit-scrollbar-thumb:hover {background: #dd3861;}
body #header ::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment {
	width:0px;height:0px;background:#f7f7f7;
}

.br {
	overflow:hidden;
	display:block;
	width:0;
	height:0 !important;
	padding:0 !important;
	margin:10px 0 !important;
}
.str {
	display: inline-block;
	color: #d7083b;
	margin-right: 3px;
	width: 10px;
	line-height: 15px;
	vertical-align: middle;
}
.non-str {
	display: inline-block;
	margin-right: 3px;
	line-height: 15px;
	width: 10px;
}
.flL {float: left;}
.flR {float: right;}
.mg0 {margin: 0;}

.pd0 {padding: 0 !important;}
.pdB0 {padding-bottom: 0 !important;}
.pbB0 {padding-bottom: 0 !important;}
.pt5 {padding-top: 5px;}
.pt8 {padding-top: 8px;}
.pt10 {padding-top: 10px !important;}
.pb10 {padding-bottom: 10px !important;}
.pb20 {padding-bottom: 20px !important;}
.pl0 {padding-left: 0 !important;}
.pr0 {padding-right: 0 !important;}
.pr7 {padding-right: 7px !important;}
.pt0 {padding-top: 0 !important;}
.pt40 {padding-top: 40px !important;}
.pb150 {padding-bottom: 150px !important;}
.ml0 {margin-left: 0 !important;}
.ml10 {margin-left: 10px;}
.mr10 {margin-right: 10px;}
.mr20 {margin-right: 20px;}
.mt10 {margin-top: 10px !important;}
.mb100 {margin-bottom: 100px !important;}
.txtL {text-align: left;}
.txtR {text-align: right;}
.txtC {text-align: center !important;}
.bdT0 {border-top: 0 !important;}
.w100 {width: 100% !important;}
.fz18 {font-size: 18px !important;}
/* ******************************************************
	01. Font
*******************************************************/
html{font-family:'Noto Sans', sans-serif;font-weight:400;color:#666;font-size:14px;line-height:1;letter-spacing:-1px;word-break:break-all;-webkit-font-smoothing: antialiased;}
input , textarea {font-family:'Noto Sans', sans-serif;-webkit-font-smoothing: antialiased;font-weight:300;}

.f_100{font-weight:100}/* Thin */
.f_300{font-weight:300}/* light */
.f_400{font-weight:400}/* Reguler */
.f_500{font-weight:500}/* Medium */
.f_700{font-weight:700}/* Bold */

/* ******************************************************
	02. layout
*******************************************************/
#wrap{position:relative; max-width:1920px; margin:0 auto;overflow:hidden;z-index:5;background:#fff;}

#header {display: none;}
#header {position:fixed;top:0;left:0;width:100%;z-index:100;}
#header .header_wrap{position:relative;max-width:1920px;margin:0 auto;}
#header h1{position:absolute;top:30px;left:108px;width:0;}
#header h1.on{width:auto;}
#header .btn_menu{position:absolute;top:10px;left:30px;width:50px;height:50px;z-index:5}
#header .btn_menu img{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5;transition:transform 0.5s 0.1s cubic-bezier(0.175, 0.885, 0.320, 1.275);}
#header .btn_menu:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:#d7083c;border-radius:50%;z-index:1;transform: scale(0);transition:transform 0.5s 0.05s cubic-bezier(0.175, 0.885, 0.320, 1.275)}
#header.on .btn_menu img.off,
#header .btn_menu img.on {display: block;}
#header .btn_menu img.off,
#header.on .btn_menu img.on {display: none;}
#header .btn_shop{position:absolute;right:30px;top:25px;font-size:36px;color:#171c61;font-weight:700;line-height:60px}
#header .btn_shop img{display:none}

#header .customer-info-box {position: relative; width: 100%; height: 212px; text-align: center;border-bottom: 1px solid #e5e5e5;}
#header .customer-info-box > div {position: absolute; left: 50%; bottom: 33px; transform:translate(-50%); width: 100%;}
#header .customer-info-box ul li {display: inline-block; max-width: 58px; width: 100%;}
#header .customer-info-box ul li img {max-width: 53px; width: 100%;}
#header .customer-info-box .ment {padding-top: 33px; font-size: 15px; color: #5d5c5f;}
#header .customer-info-box .ment span {color: #000;}
#header .gnb-myBtn {display: inline-block; width: 87px; height: 32px; line-height: 32px; font-size: 15px; font-weight: 600; background: #fff; margin-right: 15px;}
#header .gnb-m-login {border: 1px solid #d7083b; border-radius: 32px; color: #d7083b;}
#header .gnb-m-join {border: 1px solid #bfbfbf; border-radius: 32px; color: #bfbfbf; margin-right: 0;}

#header .customer-info-box.myshop {position: relative; width: 100%; height: 143px; border-bottom: 1px solid #e5e5e5;}
#header .customer-info-box.myshop li {margin-left: 20px;}
#header .customer-info-box.myshop li:first-child {margin-left: 0;}
#header .customer-info-box.myshop span {display: inline-block; margin-top: 11px; font-size: 13px;}
#header.fix {position:fixed;}
#header.open{height:100%;}
#header.open .btn_menu:after{transform: scale(1);}
#header.open .btn_menu .off {transform: scale(0);}
#header.open .btn_menu .on {transform: scale(1);}
#header.open .gnb_wrap{left:0;}

#gnbHeader {z-index: 99; background: rgba(255,255,255,0.9); position: absolute; top:0; width: 100%; height: 100px; margin: 0 auto; text-align: center; border-bottom: 1px solid #d2d2d2; overflow: hidden;}
#gnbHeader .gnbHeader-area {width: 1400px; margin: 0 auto; padding: 18px 0 12px; text-align: left; }
#gnbHeader .gnbline {content:""; width: 100%; display: inline-block;border-bottom: 1px solid #d2d2d2;}
#gnbHeader .gnbHeader-area h1 {display: inline-block;}
#gnbHeader .gnbHeader-area nav {float: right; display: inline-block; width: calc(100% - 268px); height: 70px; line-height: 70px; margin-left: 105px; }
#gnbHeader .gnbHeader-area nav div ul {position: relative; display: inline-block;}
#gnbHeader .gnbHeader-area nav div ul li {display: inline-block;}
#gnbHeader .gnbHeader-area nav div ul.gnb-depth01 {font-size: 16px; font-weight: 600; color: #0a0a0a;}
#gnbHeader .gnbHeader-area nav div ul.gnb-depth01 li {margin-left: 80px; font-size: 16px;}
#gnbHeader .gnbHeader-area nav div ul.gnb-depth01 li:first-child {margin-left: 0;}
#gnbHeader .gnbHeader-area nav div ul.gnb-depth02 {position: absolute; top: 100px; display: block;}
#gnbHeader .gnbHeader-area nav div ul.gnb-depth02 li {display: block; margin-left: 0;}
#gnbHeader .gnbHeader-area nav div ul.gnb-depth02 li span {display: block; padding: 13px 0 0; line-height: 1; font-weight: 400; font-size: 16px; color: #0a0a0a;}
#gnbHeader .gnbHeader-area nav div ul.gnb-depth02 li span:first-child {display: block; padding: 35px 0 0; line-height: 1; font-weight: 400; font-size: 16px; color: #0a0a0a;}
#gnbHeader .gnbHeader-area nav div ul.gnb-depth02 li span a:hover {color: #d7083b;}

#gnbHeader .gnbHeader-area nav div {display: inline-block;}
#gnbHeader .gnbHeader-area nav div:last-child {float: right;}
#gnbHeader .gnbHeader-area nav div:last-child ul {display: inline-block;}
#gnbHeader .gnbHeader-area nav div ul.login-area li {margin-right: 36px;}
#gnbHeader .gnbHeader-area nav div ul.login-area li:last-child {margin-right: 0;}
#gnbHeader .gnbHeader-area nav div ul.login-area li {margin-right: 28px; font-size: 13px; color: #8c8b8f;}

#gnb .m-menu-list {position: relative;}
#gnb .m-menu-list > ul > li {
	border-bottom: 1px solid #e5e5e5;
    display: inline-block;
    padding: 0;
    margin: 0;
	cursor:pointer;
}
#gnb .m-menu-list ul.m-menu-2depth {
	display: none;
	width: 100%;
	line-height: 14px;	
	transition: all 0.5s;
}
#gnb .m-menu-list ul.m-menu-2depth.open {
	display: inline-table;
}
#gnb .m-menu-list ul li p.m-menu-1depth {
	padding: 19px 0 19px 15px;
	text-align: left;
	font-size: 15px;
	color: #101010;
	font-weight: 600;
} 
#gnb .m-menu-list ul.m-menu-2depth > li {
	margin: 0;
	padding: 15px 0 15px 15px;
	background-color: #f3f3f3;    
}
#gnb .m-menu-list ul.m-menu-2depth li.m-menu-lise {
	position: relative;
    width: calc(100% - 15px);
    height: auto;
    margin: 0;
    text-align: center;
	background: #f3f3f3;
	text-align: left;
	padding: 10px 0;
    font-size: 15px;
    color: #8b8b8b;
}
#gnb .m-menu-list ul.m-menu-2depth li.m-menu-lise span {
	cursor: pointer;
	display: block;
	margin-bottom: 20px;
	font-weight: 400;
	color: #8b8b8b;
}
#gnb .m-menu-list ul.m-menu-2depth li.m-menu-lise span:last-child {
	margin-bottom: 0px;
}
#gnb .m-menu-list ul.m-menu-2depth li.m-menu-lise span:hover {color: red;}
.m-menu-1depth .icon-arrow {
	display: inline-block;
	position: absolute;
	right: 15px;
	background: url(../img/common/m-15xvbd5.png) no-repeat 0 1px;
	-webkit-background-size: 21px 12px;
	-moz-background-size: 21px 12px;
	o-background-size: 21px 12px;
	background-size: 21px 12px;
	width: 21px;
	height: 15px;
    transition: all 0.5s;
}
.m-menu-1depth .icon-arrow.on {
	transform:rotate(180deg);
}


#m-gnbHeader-area {display: none; position: relative; top: 0; width: 100%; height: 70px; background: #d7083c;}
#m-gnbHeader-area h1 {position: absolute; left: 50%; transform:translate(-50%,0)}
#m-gnbHeader-area h1 img {height:50px; padding: 11px 0;}


#gnb{position:fixed;top:0;left:-100%;width:100%;height:100%;overflow-y:auto;overflow-x:hidden; background: #fff; transition:all 0.3s;}
#gnb .gnb-menu-log {position: relative; width: 100%; height: 70px; margin: 0 auto; background: #d7083c;}
#gnb .gnb-menu-log img {position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%);display:inline; width:117px; vertical-align:middle;}
#gnb ul li{position:relative;width:100%;height:auto;margin:18px auto;;text-align:center;}
#gnb ul li a{position:relative;display:inline-block;font-size:60px;color:#000;font-weight:700;line-height:60px;}
#gnb ul li a:hover{color:#d7083b}
#gnb ul li .subMenu {display: block;}
#gnb ul li .subMenu a {font-size: 30px; color: #e1e1e1; font-weight: 300;}
#gnb ul li .subMenu a:hover {color: #a1a1a1;}
#gnb .gnb_product{display:none;padding:65px 25px 25px 25px}
#gnb .gnb_product .name{font-size:18px;color:#fff;margin-top:35px;}
#gnb .gnb_product .btn{margin-top:15px}
#gnb .gnb_product .btn a{display:inline-block;margin:0 1px}
#gnb .gnb_product .btn .btn_01{height:40px;font-size:13px;color:#0f657a;font-weight:700;line-height:38px;padding:0 15px;text-align:center;background:#fff;box-sizing:border-box;border-radius:2px;background:#fff;border:1px solid #fff;}
#gnb .gnb_product .btn .btn_02{height:40px;font-size:13px;color:#fff;font-weight:400;line-height:38px;padding:0 15px;text-align:center;background:rgba(255,255,255,0.3);border-radius:2px;border:1px solid #92bdc7;box-sizing:border-box;}
#gnb .gnb_product .btn_gnb_sns{margin-top:50px}
#gnb .gnb_product .btn_gnb_sns a{margin:0 8px}
#gnb .gnb_product .obj {display: inline-block;width: 50%;text-align: center;}


#gnb.on{position:fixed;top:0;left:0;width:100%;height:100%;overflow-y:auto;overflow-x:hidden;background: #fff; transition:all 0.3s;}
#gnb.on .gnb-menu-log {position: relative; width: 100%; height: 70px; margin: 0 auto; background: #d7083c;}
#header.on {
    position: relative;
    width: 100%;
}
#header #gnb.on .customer-info-box {
    position: relative;
    width: 100%;
    height: 142px;
    text-align: center;
    border-bottom: 1px solid #e5e5e5;
}
#header #gnb.on .customer-info-box.myshop {
    position: relative;
    width: 100%;
    height: 95px;
    border-bottom: 1px solid #e5e5e5;
}
#gnb.on .m-menu-list {
    position: relative;
}

.gnb-on {
	color: #d7083b;
}



#btn_top_scroll{position:fixed;bottom:30px;left:50%;width:33px;height:33px;margin-left:915px;display:none;z-index:70}
#btn_top_scroll > a{display:block;width:100%;height:100%;}
#btn_top_scroll > a.btn_shop{display:none}


/* container */
#container{
	position: relative;
	top: 100px;
	z-index: 0;
	margin-bottom: 100px;
}

/* footer */
#m-footer {display: none;}
footer {position:relative;text-align:left;max-width:1920px;margin:0 auto;padding:50px 30px 30px;background: #434343; box-sizing:border-box; font-weight: 400; color: #e1e1e1;}
footer .bg_area {text-align: left;}
footer .footer-address {
}
footer .footer-address--box {
	display: inline-block;
	max-width: 700px;
}
footer .footer-section01 {
	display: inline-block;
	padding-bottom: 44px;
}
footer .footer-address--box .footer-section01 p {
	display: inline-block;
	padding-right: 30px;
	line-height: 1;
}
footer .footer-address--box .footer-section02 {
	display: block;
	width: 656px;
}
footer .footer-address--box .footer-section02 p {
	display: inline-block;
	line-height: 1;
	padding-bottom: 16px;
	padding-right: 30px;
	letter-spacing: -0.02em;
}
footer .footer-address-tit {
	font-weight: 400;
	color: #fff;
}
footer .footer-address-txt {
	padding-left: 3px;
	font-weight: 300;
	color: #e1e1e1;
}
footer .txt-righting {
	font-weight: 300;
	color: #868686;
	font-size: 13px;
}
footer .btn_sns_list {
	float: right;
	display: inline-block;
	padding-top: 15px;
}
footer .btn_sns_list p {
	display: inline-block;
	padding-right: 27px;
}
footer .btn_sns_list p:last-child {
	padding-top: 2px;
}
footer .as_number {
	float: right;
	display: inline-block;
	width: 250px;
	height: 50px;
	box-sizing: border-box;
}
footer .as_number select {
    background-image: url(../img/common/15xvbd5.png), -webkit-linear-gradient(#434343, #434343);
	background-position: 97% center;
}


/* footer {position:relative;text-align:left;max-width:1920px;margin:0 auto;padding:66px 30px 30px;background: #434343; box-sizing:border-box}
footer .footerbottom h2 {display: inline-block; margin-right: 42px; margin-top: 80px;}
footer p {margin-top: 15px;}
footer p span {font-weight:300;font-size:20px;color:#e1e1e1; line-height:1;}
footer .footerbottom address {display: inline-block; letter-spacing: -0.6px;}
footer .foot-tit {color: #fff; font-weight: 400;}
footer .footerbottom address p {display:inline-block; margin-top: 15px;}
footer .footerbottom address span {display: inline-block; padding-right: 3px;}
.bar-line {display: inline-block; width: 260px; height: 1px; background: #636363; margin: 0 0 25px;}

footer .footerbottom .customer_number p {margin-top: 0; margin-bottom: 15px; color: #e1e1e1; font-weight: 300; font-size: 20px; letter-spacing: -0.5px;}
footer a:hover {color: #d7083b;}
.footer-top {float: left; width: calc(100% - 55px); margin-right: 55px; padding-bottom: 15px;}
.footer-info-list {float: left; height: 36px; line-height:36px;}
.footer-info-list span {font-size: 15px; font-weight: 500; color: #000; margin-right: 45px; }
.footer-info-list span em {display:inline-block; width:24px; height:36px; margin-right:5px; background: url(../../images/common/mark-ico.png) 0 6px no-repeat}
select#soflow-color {float: left; -webkit-appearance: button; background-image: url(../../images/common/15xvbd5.png), -webkit-linear-gradient(#d7083b, #d7083b); background-position: 97% center; background-repeat: no-repeat; color: #fff; font-size: inherit; overflow: hidden; padding: 5px 10px; text-overflow: ellipsis; white-space: nowrap; width: 180px; height: 30px;}
select#soflow-color * {color: #000;}

.footerbottom {position: relative; padding: 0 0 75px 0; clear: both; max-width:1920px; font-size: 14px; color: #828285; text-align: left;}
.footerbottom .customer_number {position:absolute;right:0;text-align:left;}
.footerbottom .customer_number > div {float:left;margin-left:40px;}
.footerbottom .customer_number > div:first-child {margin-left:0;}
.footerbottom .customer_number div > div {display: inline-block;}
.footerbottom .customer_number .number_txt {font-size:20px;color:#fff;font-weight:600;text-align:left;}
.footerbottom .customer_number .number_txt a {letter-spacing: 0;}
.footerbottom .customer_number .number_info {font-size:16px;line-height:21px;margin-left:17px;font-weight:300;color:#444;letter-spacing:-0.01em;}



.btn_sns{overflow:hidden;}
.btn_sns > a{float:left;display:block;width:33px;height:33px;margin-left:20px;}
.btn_sns > a:first-child{margin-left:0;}

.customer-list {width: calc(100% - 85px); text-align: right; padding-top: 26px; padding-right: 85px;}
.customer-list p {margin-left: 10px; display: inline-block; width: 130px; height: 35px; background-color: #555; color: #fff; text-align: center; line-height: 35px; font-weight: 300; font-size: 14px; letter-spacing: normal; cursor: pointer; box-siz v��ing: border-box;}
.foot-info {float: left; width: 100%;}
.footer-info02 {}
.footer_content {width: 100%; border-bottom: 1px solid red;}
 */


/* ******************************************************
 page subtitle
*******************************************************/
.page-subtitle {
 color: #000;
 text-align: left;
 padding-top: 90px;
 padding-bottom: 60px;
}
.page-subtitle h2 {
 font-size: 30px;
 font-weight: 500;
 line-height: 1;
}

@media screen and (max-width:768px){
 .page-subtitle {
  padding-top: 60px;
  padding-bottom: 35px;
 }
}
@media screen and (max-width:640px){
 .page-subtitle {
  padding-top: 50px;
  padding-bottom: 30px;
 }
 .page-subtitle h2 {
  font-size: 25px;
 }
}



/* ******************************************************
	@ reponsive
*******************************************************/

@media screen and (max-width:1920px){		
	#btn_top_scroll{left:auto;right:15px;margin-left:0}
}
@media screen and (max-width:1560px){		
	footer .bg_area {max-width: 1366px; width: 100%;}	
}
@media screen and (max-width:1440px){		
	#gnbHeader .gnbHeader-area {width: calc(100% - 40px); margin: 0 20px;}
	#btn_top_scroll{left:auto;right:15px;margin-left:0}
	.footerbottom .customer_number {position:relative;right:0;text-align:center;padding-right:0;width:100%;margin-bottom:20px;}
	.footerbottom .customer_number > div {float: none; margin-left: 0;}
	.footerbottom .customer_number .as_number p {display: inline; margin-right: 30px;}
	.footerbottom .customer_number .as_number p:last-child {margin-right: 0;}
	.footerbottom .customer_number .as_number #soflow-color { display: block; margin: 20px auto;}
}
@media screen and (max-width:1200px){		
	#gnbHeader .gnbHeader-area nav div ul.gnb-depth01 li {
		margin-left: 70px;
	}
	#gnbHeader .gnbHeader-area nav {
		float: right;
		display: inline-block;
		width: calc(100% - 203px);
		height: 70px;
		line-height: 70px;
		margin-left: 40px;
	}
	#gnbHeader .gnbHeader-area nav div ul.login-area li {
		margin-right: 25px;
	}
	footer .as_number {
		float: none;
		display: inline-block;
		width: 250px;
		height: 50px;
		box-sizing: border-box;
	}
	footer .btn_sns_list {
		float: none;
		display: inline-block;
		padding-top: 15px;
	}
}
@media screen and (max-width:1024px){
	#container {position: relative; top: 0; z-index: 0; margin-bottom: 0;}
	#header {display: block;}
	#gnbHeader {display: none;}
	#m-gnbHeader-area {display: block;}

	#footer{margin-top:0px}
	.footer_content > div{margin-left:25px}

	.customer-list {width: calc(100% - 15px); text-align: center; padding-top: 26px; padding-right: 15px;}
	.customer-list p {margin-left: 10px; padding: 0 3px; display: inline-block; width: calc(33.33% - 21px); height: 35px; line-height: 35px;}

	.footerbottom {padding: 65px 30px 75px;}
	.footerbottom .customer_number .as_number #soflow-color {display: none;}
}

@media screen and (max-width:800px){	
	footer * {text-align: center;}
	footer .as_number {
		float: none;
		display: inline-block;
		width: 250px;
		height: 50px;
		box-sizing: border-box;
	}
	footer .btn_sns_list {
		float: none;
		display: inline-block;
		padding-top: 15px;
		padding-left: 10px;
	}
	.btn_sns{overflow:hidden;}
	.btn_sns > a{float: none; display: inline-block; margin-left: 10px; width: 28px;}
	.btn_sns > a:first-child{margin-left:0;}

}


@media screen and (max-width:768px){	
	.footer-top {float: left; width: 100%; margin-right: 0; padding-bottom: 15px;}
	.footer-info-list {float: none; width: 100%; height: auto; text-align: center;}

	#m-footer {display: block; width: 100%; height: 60px; font-size: 16px;}
	#m-footer .family-selectbox {
		position: relative;
		width: calc(100% - 30px);
		float: left;
		padding: 15px;
		background: #ddd;
	}
	#m-footer *:before, *:after {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	#m-footer .fmaily-sorter-title {
		display: inline-block;
		color: #575757;
		padding: 8px 0;		
	}
	#m-footer .icon-arrow-down {
		display: inline-block;
		position: absolute;
		right: 15px;
		background: url(../img/common/m-15xvbd5.png) no-repeat 0 10px;
		-webkit-background-size: 21px 12px;
		-moz-background-size: 21px 12px;
		o-background-size: 21px 12px;
		background-size: 21px 12px;
		width: 21px;
		height: 30px;
	    transition: all 0.5s;
	}
	#m-footer .icon-arrow-down.on {
		transform:rotate(180deg);
	}
	.selectbox.open .selectbox-list {
		display: block;
		text-align: center;
	}
	.selectbox-list {
		display: none;
		position: absolute;
		top: 60px;
		left: 0;
		width: 100%;
		border: 1px solid #cdcdcd;
		background: #f4f4f4;
		z-index: 9;
	}
	.selectbox-list li {
		color: #575757;
		padding: 10px;
	}
	.selectbox-selection {
		text-align: center;
	}
	footer .btn_sns_list {
		float: none;
		display: inline-block;
		padding-top: 15px;
		padding-left: 10px;
		width: 100%;
	}
	footer .as_number {display: none;}
	footer .footer-address--box .footer-section02 {
		display: block;
		width: 100%;
	}

}


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

	html{letter-spacing:-1px;}

	#header .btn_menu{top:10px;left:10px;width:50px;height:50px}
	#header .btn_shop{right:10px;top:11px;font-size:30px}

	#header .btn_shop{display:none}

	#gnb{}
	#gnb ul{}
	#gnb ul li a{font-size:30px;line-height:30px;}
	#gnb .gnb_product{display:block;}

	/* footer */
	footer .footer-address--box .footer-section01 p {
		display: inline-block;
		padding-right: 30px;
		line-height: 1.6;
	}
	#btn_top_scroll{height:auto}
}

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

}

#gnb .m-menu-list {position: relative;}
#gnb .m-menu-list > ul > li {
	border-bottom: 1px solid #e5e5e5;
    display: inline-block;
    padding: 0;
    margin: 0;
	cursor:pointer;
}
#gnb .m-menu-list ul.m-menu-2depth {
	display: none;
	width: 100%;
	line-height: 14px;	
	transition: all 0.5s;
}
#gnb .m-menu-list ul.m-menu-2depth.open {
	display: inline-table;	
}
#gnb .m-menu-list ul li p.m-menu-1depth {
	padding: 19px 0 19px 15px;
	text-align: left;
	font-size: 15px;
	color: #101010;
	font-weight: 600;
}
#gnb .m-menu-list ul.m-menu-2depth li.m-menu-lise {
	position: relative;
    width: calc(100% - 15px);
    height: auto;
    margin: 0;
    text-align: center;
	background: #f3f3f3;
	text-align: left;
	padding: 10px 0;
    font-size: 15px;
    color: #8b8b8b;
}
#gnb .m-menu-list ul.m-menu-2depth li span {
	cursor: pointer;
	display: block;
	margin-bottom: 20px;
	font-weight: 400;
	color: #8b8b8b;
}
#gnb .m-menu-list ul.m-menu-2depth li span:last-child {
	margin-bottom: 0px;
}
#gnb .m-menu-list ul.m-menu-2depth li span:hover {color: red;}