@charset "utf-8";

/* font (ROBOTO) */
.roboto-thin {
  font-family: "Roboto", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.roboto-light {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.roboto-regular {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.roboto-medium {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.roboto-bold {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.roboto-black {
  font-family: "Roboto", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.roboto-thin-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.roboto-light-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.roboto-regular-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.roboto-medium-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.roboto-bold-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.roboto-black-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 900;
  font-style: italic;
}

html, body {
	height: 100%;-webkit-text-size-adjust:none;width:100%; height:100%;
}
body {
	font-size: 14px;
	line-height: 1.4;
	font-family: "Roboto", "Noto Sans KR", "PingFang SC", "Apple SD Gothic Neo", "Microsoft YaHei UI", "Malgun Gothic", sans-serif;
	color: #000;
}
table, th, td, input, select, button, textarea, pre {
	font: inherit;
	color: inherit;
}
body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, select, button, textarea, p, blockquote, table, th, td {
	margin: 0;
	padding: 0;
}

.roboto {font-family: 'Roboto', sans-serif;}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: inherit;
}
ol, ul {
	list-style: none;
}
img, fieldset {
	border: 0;
}
img {
	vertical-align: middle;
}
a {
	color: #000;
	text-decoration: none;
}
table {
	border-spacing: 0;
	border-collapse: collapse;
	border: 0;
}
th, td {
	word-break: break-all;
	word-wrap: break-word;
}
label {
	cursor: pointer;
}
input, button {
	border: 0;
	border-radius: 0;
	background: none;
}
textarea {
	resize: none;
}
address, caption, cite, code, dfn, em, var {
	font-style: normal;
}
hr {
	clear: both;	
}
blockquote, q {
	quotes: none;
}
abbr, acronym {
	border: 0;
}
legend, caption {
	visibility: hidden;
	overflow: hidden;
	line-height: 0;
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
	text-indent: -99999px;
	font-size: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {
	display: block;
}

.filter-gray{ opacity: .30;}
.hidden {
	position: absolute;
	visibility: hidden;
	overflow: hidden;
	height: 0;
	line-height: 0;
	width: 0;
	margin: 0;
	padding: 0;
	font: 0/0 Arial;
}

	
.wrapper{ padding:0 5%}
.wrapper_blur{ -webkit-filter:blur(15px);}

/*header*/

.header_back{ position:fixed; z-index:1000; top:0; right:0; left:0; height:40px; background:#000;}
	.header_back .back{ float:left; padding:0 5%; height:40px; line-height:40px; font-size:15px; color:#FFF;}	
	.header_back .back img{ display:block; float:left; margin:10px 10px 10px 0; height:20px;}
	.header_back_text{ position:fixed; z-index:1000; bottom:5%; left:50%; margin:0 0 0 -75px; width:150px; height:30px; border-radius:15px; background:rgba(0,0,0,0.5); text-align:center; line-height:30px; font-size:15px; font-weight:900; color:rgba(255,255,255,0.8);}
		
header{ z-index:1000; top:0; right:0; left:0; height:60px;}
	header > .logo{ position:absolute; z-index:1; top:23px; left:5%;}
	header > .logo img{ display:block; position:absolute; width:130px}
	header > .logo img.lan{}
	header > .logo img.bai{ opacity:0;}
	
	header .menu{overflow:hidden; float:right; position:relative; z-index:1; margin-right:5%; width:23px; height:14px; margin-top:24px}
	header .menu .wrap{ overflow:hidden; float:left; width:140px; height:100%}
	header .menu .wrap .on{float:left; width:30px; height:100%; display:flex; flex-direction:column; justify-content:space-between; }
	header .menu .wrap .on span{ display:block; width:100%; height:2px; background:#000;}
	header .menu .wrap .off{ float:left; width:70px; height:40px;}
	header .menu .wrap .off img{ display:block; margin:12px auto; width:16px;}
	header .color{ position:absolute; z-index:940; top:0; right:0; width:70px; height:60px; background:#000;}
	header .gnb{ display:none; position:fixed; z-index:10; width:100%; min-height:100%; height:100vh; left:0; top:0; background:#fff; overflow-y:auto}
	header .gnb .box{height:100%}
	
	header .gnb .top{ height:55px; background:#000; display:flex; justify-content:space-between;}
	header .gnb .top .gnb_right_wrap{display:flex; flex:2; justify-content:flex-end; align-items:center;} 
	header .gnb .top .logo{flex:1;display:flex;  align-items:center; padding-left:15px;}
	header .gnb .top .logo img{display: block;width:130px;}
	header .gnb .top .weight{color: #555; font-size: 13px;text-align: center;border: 1px solid #fff; border-radius: 30px;color: #fff;font-weight: 300; padding:2px 7px; margin-right:10px}
	header .gnb .top .weight.joinus{position:relative; }
	header .gnb .top .weight.joinus > div{width:100%; height:100%; position:absolute; top:calc(100% + 20px); left:50%; transform:translateX(-50%);animation:pointmove 1.5s infinite linear; }
	header .gnb .top .weight.joinus span{ position:absolute; top:0; left:50%; transform:translateX(-50%); background-color:#98c523; line-height:1; font-size:13px; padding:3px 10px 5px; border-radius:50px;}
	header .gnb .top .weight.joinus span:before{content:'';display:block; position:absolute; top:-6px; left:50%; transform:translateX(-50%);  width: 0;height: 0; border-style: solid;border-width: 0px 5px 7px 5px;border-color: transparent transparent #98c523 transparent; }
	@keyframes pointmove{
		0%,100%{
			transform:translate(-50%,-50%);
		}
		50%{
			transform:translate(-50%,-60%);
		}
	}
	header .gnb .top .close{}
	header .gnb .top .close img{ display:block; width:31px; padding-right:15px}
	
	header .gnb .icon_list {text-align: center;border-bottom: 1px solid #eee;background-color:#fff; display:flex;}
	header .gnb .icon_list li{padding: 10px 0;border-right: 1px solid #eee;flex:1; text-align: center;}
	header .gnb .icon_list li:last-child {border-right:none}
	header .gnb .icon_list li a{text-align: center;
    font-size: 14px;
    color: #000000;
    /* letter-spacing: -1px; */
    font-weight: 400;
    line-height: 25px;
    margin-top: 8px;}
	header .gnb .icon_list li a{display:flex; flex-direction:column; align-items:center;}
	header .gnb .icon_list li a img {width:25px}
/*	header .gnb .icon_list li a font{ display:block; margin:10px 0 0 0; text-align:center; line-height:15px; font-size:14px; color:#000; letter-spacing:-1px;}*/
/*	header .gnb ul li.on a div{ border-color:#000; background:#000;}*/

	header .catelinks .tit {font-size: 15px; color: #333; font-weight: 800; padding-left: 15px; line-height: 40px; background-color:#cae87b; color:#000;}
	
	header .catelinks .menu1 {background: #fff;border-top: 1px solid  #ccc;width:100%; overflow:hidden;}	
	header .catelinks .menu1  > li {width: 100%; line-height:46px; font-size:14px; color:#333; border-right:  1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; overflow:hidden;}
	header .catelinks .menu1  > li:nth-child(2n) {border-right:none;}
	header .catelinks .menu1  > li:last-child{border-bottom:0}
	header .catelinks .menu1  > li > a {    overflow: hidden;
    display: block;
    height: 39px;
    line-height: 39px;
    padding: 0 15px;
    font-size: 14px;
    color: #000;
	font-weight: 600;}
	header .catelinks .menu1  > li > a > .arrow {float:right;}
	header .catelinks .menu1  > li > a > .arrow > img {vertical-align:middle; }
	header .catelinks .menu1 > li.bbt {border-bottom: 0px;}
	header .catelinks .menu1 > li:first-child {border-top: 0px;}
	header .catelinks .menu1 > li > .menu1_li_wrap {padding:0 15px;color:#000;font-weight: 600; letter-spacing: -1px;}
	header .catelinks .menu1 > li > .menu1_li_wrap:before{content:""}
	header .catelinks .menu1 > li > .menu1_li_wrap .arrow {float:right;}
	header .catelinks .menu1 > li > .menu1_li_wrap > .arrow > img {vertical-align:middle; transform:rotate(90deg); transition:.8s ease;}	
	header .catelinks .menu1 > li > .menu1_li_wrap > .arrow > img.rotate {transform:rotate(270deg); transition:.8s ease;}	
	header .servicelinks .menu1 > li:last-child {border-bottom:0}
/* 	header .catelinks .menu1 > li > a:after, */
	/* header .servicelinks .menu1 > li > a:after{width: 10px;height: 10px;display: inline-block;float: right;margin-top: 11px;margin-right: 10px;background: url(../img/main/header/links.png) no-repeat;background-size: 10px auto;content: "";} */
	header .catelinks .menu1 > li >  ul { width:100%; display:none;}
	header .catelinks .menu1 > li >  ul.block {display:flex; flex-wrap:wrap; background:#f7f7f7; padding:3px 15px; border-top:1px solid #dfdfdf}
	header .catelinks .menu1 > li >  ul > li{width:calc(100% / 2); padding:10px 0; }
	header .catelinks .menu1 > li >  ul > li a{font-size:14px; line-height:1;word-break:keep-all;}



	header .catelinks.links2 .menu1 > li { width: 50%; float: left; box-sizing: border-box;}
	header .catelinks.links3 .menu1 > li { width: 50%; float: left; box-sizing: border-box;}



/*	header .gnb .ibk{ overflow:hidden; position:absolute; top:520px; right:0; bottom:0; left:0;}*/
	header .gnb .ibk .center{padding: 30px 0;}
	header .gnb .ibk .center img{display:block; margin:0 auto;width:30%}
	header .gnb .ibk .center p{text-align:center; line-height:30px; font-size:20px; color:#333333;}
	header .gnb .ibk .center font{display:block; text-align:center; line-height:20px; font-size:14px; color:#333333;letter-spacing: -1px;}
	
	.header_sub_css .logo img.lan{ opacity:0 !important; }
	.header_sub_css .logo img.bai{ opacity:1 !important; }
	.header_sub_css .color{ width:100% !important;}
	
/*header_in*/
.header_menu {margin:60px 0}
	.header_menu ul {background-color: #fff;opacity: .7;border-bottom: 1px solid #ccc;}
	.header_menu ul li {display: inline-block;margin:8px;vertical-align:middle}
	.header_menu ul li:nth-child(2){margin-left:-5px;}
	.header_menu ul li:nth-child(3){float:right}
	.header_menu ul li span {}
	.header_menu ul li .back {display: block;width: 25px;height: 25px;background-image: url(../img/shopping/next.png);background-repeat: no-repeat;background-size:25px}
	.header_menu ul li .back a {display: block;height: 25px;}
	.header_menu ul li .home {display: block;width: 28px;height: 28px;background-image: url(../img/shopping/home.png);background-repeat: no-repeat;background-size:28px}
	.header_menu ul li .home a {display: block;height: 28px;}
	.header_menu ul li .basket {display: block;width: 33px;height: 33px;background-image: url(../img/shopping/basket.png);background-repeat: no-repeat;background-size:33px}
	.header_menu ul li .basket a {display: block;height: 33px;}
/*
.visual{ overflow:hidden; position:relative; margin-top: 20px}
	.visual .quick_banner{ overflow:auto; position:absolute; z-index:100; top:0; right:0; bottom:0; padding:59px 0 0 0; width:70px; background:#3c3c3c;}
	.visual .quick_banner a{ overflow:hidden;height: 24.99%;}
	.visual .quick_banner a img{ display:block; width:100%;}
		
	.visual .item{margin:0;}
	.visual .item .slide{ overflow:hidden;}
	.visual .item .slide a{ overflow:hidden; position:relative;}	
	.visual .item .slide a .line{ position:absolute; z-index:100; top:0; left:100%; right:0px; height:1px; background:#000;}

	.visual .item .slide a p{ opacity:0; display:block; position:absolute; right:248px; bottom:0; left:6%; width:110px; line-height:30px; font-size:14px; border-radius:30px; background-color:#2e2e2e; color:#fff; text-align:center; font-weight:400; color:#FFF; letter-spacing:-1px;}
	.visual .item .slide a font{ opacity:0; display:block; position:absolute; right:100px; bottom:0%; left:5%; line-height:35px; font-size:35px; font-weight:900; color:#FFF;}
	.visual .item .slide a .btn{ opacity:0; display:block; position:absolute; bottom:0%; left:6%; width:120px;}
	.visual .item .slide a .img{ display:block; width:100%;}
	
	.visual .slick-dots{ z-index:100;width:100%; display:flex; justify-content:center; bottom: -20px;}
	.visual .slick-dots li{ float:left; margin:0 0 0 5px; width:10px; height:10px;}
	.visual .slick-dots li button{ padding:0; width:10px; height:10px; border-radius:5px; background:#b6b6b6; opacity:0.3;}
	.visual .slick-dots li button:before{ display:none;}
	.visual .slick-dots li.slick-active button{background-color:#000}
*/
.visual.swiper.subslide {padding-bottom:30px;}
.visual .swiper-slide a{position:relative; display:flex; justify-content:center;}
.visual .swiper-slide p{position:absolute; bottom:7%; right:5%; background-color:rgb(152 197 35 / 90%); color:#fff; line-height:1; padding:6px 15px 7px; font-size:13px; border-radius:50px;}
.visual .swiper-slide img{max-width:99%;}
.visual .swiper-button-next,
.visual .swiper-button-prev{background-color:rgba(255,255,255,0.8); width:35px; height:35px; border-radius:50px; border:1px solid #ddd}
.visual .swiper-button-next:after,
.visual .swiper-button-prev:after{font-size:17px; color:#000; font-weight:700;}
.visual .swiper-button-prev:after{padding-right:3px}
.visual .swiper-button-next:after{padding-left:3px;}
.visual .swiper-pagination{}

section {width:100%;}

	/*	section_event : s*/
section.event {}
	section.event ul {overflow:hidden;}
	section.event ul li {float:left; width:48%; height:175px; margin:0 1%; border:1px solid #ddd; box-sizing:border-box; margin-top:10px;}
	section.event ul li a .event_img {width:100%; height:150px;}
	section.event ul li a .event_img {background-position:center; background-repeat:no-repeat; background-size:cover; }
	section.event ul li a img {width:100%; height:335px;}
	section.event ul li:first-child {height:360px;}
	section.event ul li:first-child a .event_img {width:100%; height:335px;}
	section.event ul li:nth-child(4) {width:98%;}
	section.event ul li p {height:25px; line-height:25px; font-size:12px; margin-left:5px; letter-spacing:-0.5px; font-weight:600;}
	/*	section_event :: e*/

.container{ padding:0 0px;  overflow:hidden;}

	.container .big_deal{ padding:40px  0 30px 0; /*background:url(/mobile/images/main/container/bg_big_deal.jpg);*/ background-size:100px 86px; background-color: #f2f2f2;}
	.container .big_deal > .title{ overflow:hidden; margin:0 0 20px 0;}
	.container .big_deal > .title .t1{ text-align:left; line-height:30px; font-size:30px; font-weight:900; color:#000; letter-spacing:-1px;}
	.container .big_deal > .title .t1 font{ color:#000;}
	.container .big_deal > .title .t2{ display:block; margin:5px 0 0 0; text-align:left; line-height:18px; font-size:14px; color:#333; letter-spacing:-1px;}
	.container .big_deal > .title .t2 font{ font-weight:600; color:#F00;}
	.container .big_deal > .title ul{ overflow:hidden; margin:15px 0 0 0; text-align:center;}
	.container .big_deal > .title ul li{ display:inline-block; width:70px;}
	.container .big_deal > .title ul li img{ display:block; margin:0 auto; height:24px;}
	.container .big_deal > .title ul li p{ margin:5px 0 0 0; text-align:center; line-height:15px; font-size:12px; color:#666;}
	
	.container .big_deal > .item{ margin:0;}
	.container .big_deal > .item .slick-list{ overflow:inherit;}
	.container .big_deal > .item .slide{overflow:hidden;}
	.container .big_deal > .item .slide a{ position:relative; margin:0 5%; padding:5%; background:#FFF; box-shadow:0 1px 3px 0 rgba(0,0,0,0.15);}
	.container .big_deal > .item .slide a .icon{ display:block; position:absolute; top:0; left:50%; margin:0 0 0 -30px; width:60px;}
	.container .big_deal > .item .slide a .img{ display:block; margin:0 0 5% 0; width:47%;}
	.container .big_deal > .item .slide a .title1{ line-height:15px; font-size:14px; color:#333; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	.container .big_deal > .item .slide a .title2{ line-height:15px; font-size:8px; color:#999; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	.container .big_deal > .item .slide a .info{ margin:1% 0 0 0; padding:0 50px 0 40px;}
	.container .big_deal > .item .slide a .info .percent{ float:left; margin:0 0 0 -40px; line-height:25px; font-size:15px; color:#ff5f1e; letter-spacing:-2px;}
	.container .big_deal > .item .slide a .info .percent font{ font-size:25px; font-weight:bold;}
	.container .big_deal > .item .slide a .info .quantity{ float:right; margin:-15px -50px 0 0; line-height:15px; font-size:10px; color:#666;}
	.container .big_deal > .item .slide a .info .quantity font{ display:block; float:left; font-size:15px; font-weight:bold; color:#31adb4;}
	.container .big_deal > .item .slide a .info .price1{ width:100%; line-height:10px; font-size:8px; color:#999; text-decoration:line-through;}
	.container .big_deal > .item .slide a .info .price2{ width:100%; line-height:15px; font-size:12px; color:#333;}
	
	.container .big_deal > .more{ margin:20px auto 0 auto; width:88px; height:23px; border:1px solid rgba(0,0,0,0.15);}
	.container .big_deal > .more img{ float:left; margin:6px 3px 0 20px; height:10px;}
	.container .big_deal > .more p{ float:left; line-height:23.5px; font-size:12px; color:#666;}
	
	
	
.container .one_plus_deal{ padding:40px  0 30px 0; background:url(/images/main/container/bg_1+1_deal.jpg); background-size:100px 86px;}
	.container .one_plus_deal > .title{ overflow:hidden; margin:0 0 20px 0;}
	.container .one_plus_deal > .title .t1{ text-align:center; line-height:30px; font-size:30px; font-weight:900; color:#000; letter-spacing:-1px;}
	.container .one_plus_deal > .title .t1 font{ color:#000;}
	.container .one_plus_deal > .title .t2{ display:block; margin:5px 0 0 0; text-align:center; line-height:18px; font-size:14px; color:#333; letter-spacing:-1px;}
	.container .one_plus_deal > .title .t2 font{ font-weight:600; color:#F00;}
	.container .one_plus_deal > .title ul{ overflow:hidden; margin:15px 0 0 0; text-align:center;}
	.container .one_plus_deal > .title ul li{ display:inline-block; width:70px;}
	.container .one_plus_deal > .title ul li img{ display:block; margin:0 auto; height:24px;}
	.container .one_plus_deal > .title ul li p{ margin:5px 0 0 0; text-align:center; line-height:15px; font-size:12px; color:#666;}
	
	.container .one_plus_deal > .item{ margin:0;}
	.container .one_plus_deal > .item .slick-list{ overflow:inherit;}
	.container .one_plus_deal > .item .slide{}
	.container .one_plus_deal > .item .slide a{ position:relative; margin:0 5%; padding:5%; background:#FFF; box-shadow:0 1px 3px 0 rgba(0,0,0,0.15);}
	.container .one_plus_deal > .item .slide a .icon{ display:block; position:absolute; top:0; left:50%; margin:0 0 0 -30px; width:60px;}
	.container .one_plus_deal > .item .slide a .img{ display:block; margin:0 0 5% 0; width:100%;}
	.container .one_plus_deal > .item .slide a .title1{ line-height:15px; font-size:14px; color:#333; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	.container .one_plus_deal > .item .slide a .title2{ line-height:15px; font-size:8px; color:#999; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	.container .one_plus_deal > .item .slide a .info{ margin:1% 0 0 0; padding:0 50px 0 40px;}
	.container .one_plus_deal > .item .slide a .info .percent{ float:left; margin:0 0 0 -40px; line-height:25px; font-size:15px; color:#ff5f1e; letter-spacing:-2px;}
	.container .one_plus_deal > .item .slide a .info .percent font{ font-size:25px; font-weight:bold;}
	.container .one_plus_deal > .item .slide a .info .quantity{ float:right; margin:-15px -50px 0 0; line-height:15px; font-size:10px; color:#666;}
	.container .one_plus_deal > .item .slide a .info .quantity font{ display:block; float:left; font-size:15px; font-weight:bold; color:#31adb4;}
	.container .one_plus_deal > .item .slide a .info .price1{ width:100%; line-height:10px; font-size:8px; color:#999; text-decoration:line-through;}
	.container .one_plus_deal > .item .slide a .info .price2{ width:100%; line-height:15px; font-size:12px; color:#333;}
	
	.container .one_plus_deal > .more{ margin:20px auto 0 auto; width:88px; height:23px; border:1px solid rgba(0,0,0,0.15);}
	.container .one_plus_deal > .more img{ float:left; margin:6px 3px 0 20px; height:10px;}
	.container .one_plus_deal > .more p{ float:left; line-height:23.5px; font-size:12px; color:#666;}



	/* section_somehow : s */
	 .somehow {background-color: #f2f2f2; }
	 .somehow > .title{overflow:hidden; padding:15px 0 10px 0;}
	 .somehow > .title .t1{margin-left:12px;text-align:left; text-indent:7px;line-height:25px; font-size:16px; font-weight:500; color:#333; letter-spacing:-2px;border-left:2px solid red}
	 .somehow > .title .more {text-align:right; font-size:12px; margin: -18px 20px 0px 0px; letter-spacing: -1px; color:#555}
	 .somehow > .title .t1 font{ color:#000;}
	 .somehow > .title .t2{ display:block; margin:5px 0 0 0; text-align:center; line-height:18px; font-size:14px; color:#333; letter-spacing:-1px;}
	 .somehow > .title .t2 font{ font-weight:600; color:#F00;}
	 .somehow > .title ul{ overflow:hidden; margin:15px 0 0 0; text-align:center;}
	 .somehow > .title ul li{ display:inline-block; width:60px;}
	 .somehow > .title ul li img{ display:block; margin:0 auto; height:24px;}
	 .somehow > .title ul li p{ margin:5px 0 0 0; text-align:center; line-height:15px; font-size:12px; color:#666;}
		
	.somehow .somehow > .btn_wrap {}
	 .somehow > .btn_wrap .prev {position:absolute;left:6px;margin-top:-37vh;}
	 .somehow > .btn_wrap .prev a {display:block;}
	 .somehow > .btn_wrap .next {position:absolute;right:6px;margin-top:-37vh;}
	 .somehow > .btn_wrap .next a {display:block;}

	 .somehow > .menu{ overflow:hidden; margin:0 auto 20px auto; text-align:center;}
	 .somehow > .menu ul li{ display:inline-block; position:relative; margin:0 2px; height:30px; cursor:pointer;}
	 .somehow > .menu ul li p{ padding:0 10px; height:28px; border:1px solid rgba(0,0,0,0.15); text-align:center; line-height:28px; font-size:14px; color:#4b4234; letter-spacing:-1px;}
	 .somehow > .menu ul li.on p{ border-color:#000; background:#000; font-size:14px; color:#FFF;}
	
	 .somehow > .somehow_list > .somehow_item{margin:-3% 0 0 ; /*padding:0 1.5%;*/}
	 .somehow > .somehow_list > .somehow_item > li{margin-top:3%;}
	 .somehow > .somehow_list > .somehow_item > li a{ position:relative; border-top:1px solid rgba(0,0,0,0.15); border-left:1px solid rgba(0,0,0,0.15); border-bottom:1px solid rgba(0,0,0,0.15); box-sizing:border-box; background:#FFF;}
	 .somehow > .somehow_list > .somehow_item > li:last-child a{border-right:1px solid rgba(0,0,0,0.15);}
	 .somehow > .somehow_list > .somehow_item > li a .icon {position:absolute;width:40px;top:9px;right:7px}
	 .somehow > .somehow_list > .somehow_item > li a .img{display:block; margin:5%; width:90%;}
	 .somehow > .somehow_list > .somehow_item > li a .title1{ margin:0 5%; line-height:15px; font-size:15px; color:#333; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-weight:500; letter-spacing:-1px;}
	 .somehow > .somehow_list > .somehow_item > li a .title2{ margin:3px 5%; line-height:15px; font-size:11px; color:#999; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; letter-spacing:-1px;}
	 .somehow > .somehow_list > .somehow_item > li a .info{ overflow:hidden; margin:1% 0% 0 0%;/*padding:0 0 0 40px;*/}
	 .somehow > .somehow_list > .somehow_item > li a .info .percent{ float:left; margin:0 0 0 -40px; line-height:25px; font-size:15px; color:#ff5f1e; letter-spacing:-2px;}
	 .somehow > .somehow_list > .somehow_item > li a .info .percent font{ font-size:25px; font-weight:bold;}
	 .somehow > .somehow_list > .somehow_item > li a .info .price1{ width:100%; line-height:14px; font-size:12px; color:#777; margin-top: 8px; background-color: #eee; letter-spacing:-1px; padding: 6px;/*text-decoration:line-through;*/}
	 .somehow > .somehow_list > .somehow_item > li a .info .price2{ width:100%;  font-size:18px; color:#000;  margin: 4px 0 8px 6px; letter-spacing:-1px;}
	 .somehow > .somehow_list > .somehow_item > li a .info .price2 font{ font-size:14px; color:#777;  margin: 0 0 0 2px;}
	 .somehow > .somehow_list > .somehow_item > li a .bottom{ overflow:hidden; margin:5px 0 0 0; padding:0 0 0 5%; border-top:0.5px solid #d9d9d9; background:#f0f0f0;}
	 .somehow > .somehow_list > .somehow_item > li a .bottom li{ float:left; margin:0 10px 0 0;}
	 .somehow > .somehow_list > .somehow_item > li a .bottom li img{ display:block; float:left; margin:10px 5px 10px 0; height:10px;}
	 .somehow > .somehow_list > .somehow_item > li a .bottom li p{ float:left; line-height:30px; font-size:10px; color:#999;}
	
	 .somehow > .more{ margin:20px auto 0 auto; width:88px; height:23px; border:1px solid rgba(0,0,0,0.15);}
	 .somehow > .more img{ float:left; margin:6px 3px 0 20px; height:10px;}
	 .somehow > .more p{ float:left; line-height:23.5px; font-size:12px; color:#666;}
	/* section_somehow : e */
	
	
.container section.line_up{ padding:10px 0;}
	.container section.line_up > .title{ overflow:hidden; margin:0 0 15px 0;}
	.container section.line_up > .title .t1{margin-left:12px;text-align:left; text-indent:7px; line-height:25px; font-size:16px; font-weight:500; color:#333; letter-spacing:-2px;border-left:2px solid red}
	.container section.line_up > .title .t1 font{ color:#000;}
	.container section.line_up > .title .t2{ display:block; margin:5px 0 0 0; text-align:center; line-height:18px; font-size:14px; color:#333; letter-spacing:-0.5px;}
	.container section.line_up > .title .t2 font{ font-weight:600; color:#F00;}
	.container section.line_up > .title ul{ overflow:hidden; margin:15px 0 0 0; text-align:center;}
	.container section.line_up > .title ul li{ display:inline-block; width:60px;}
	.container section.line_up > .title ul li img{ display:block; margin:0 auto; height:24px;}
	.container section.line_up > .title ul li p{ margin:5px 0 0 0; text-align:center; line-height:15px; font-size:12px; color:#666;}
	
	.container section.line_up > .line_up_item > h3 { text-align:center; font-size:18px; color:#666; padding:15px 0 10px; font-family:'NanumSquare'; font-weight:600px; letter-spacing:-1px;}
	.container section.line_up > .line_up_item > .menu{ overflow:hidden; margin:0; text-align:center; }
	.container section.line_up > .line_up_item > .menu ul {width:98%; margin:0 1%; overflow:hidden;}
	.container section.line_up > .line_up_item > .menu ul li{ width:33.33%; height:30px; cursor:pointer; float:left; border-bottom:1px solid rgba(0,0,0,0.15); border-left:1px solid rgba(0,0,0,0.15); box-sizing:border-box;}
	.container section.line_up > .line_up_item > .menu ul li:nth-child(1) {border-top:1px solid rgba(0,0,0,0.15);}
	.container section.line_up > .line_up_item > .menu ul li:nth-child(2) {border-top:1px solid rgba(0,0,0,0.15);}
	.container section.line_up > .line_up_item > .menu ul li:nth-child(3) {border-top:1px solid rgba(0,0,0,0.15);}	
	.container section.line_up > .line_up_item > .menu ul li:nth-child(3n) {border-right:1px solid rgba(0,0,0,0.15);}	
	.container section.line_up > .line_up_item > .menu ul li p{ padding:0 5px;height:28px; text-align:center; line-height:28px; font-size:11px; color:#4b4234; letter-spacing:-1px;}
	.container section.line_up > .line_up_item > .menu ul li.on p{ border-color:#000; background:#444; color:#FFF;}
	
	.container section.line_up > .line_up_item > .item {overflow:hidden; width:100%;}
	.container section.line_up > .line_up_item > .item > li{ float:left; margin:3% 1% 0 1%; width:48%;}
	.container section.line_up > .line_up_item > .item > li a{ position:relative; border:1px solid rgba(0,0,0,0.15); background:#FFF;}
	.container section.line_up > .line_up_item > .item > li a .img{ display:block; margin:5%; width:90%;}
	.container section.line_up > .line_up_item > .item > li a .title1{ margin:0 5%; line-height:15px; font-size:15px; color:#333; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-weight:500; letter-spacing:-1px;}
	.container section.line_up > .line_up_item > .item > li a .title2{ margin:5px 5% 3px; height:14px; font-size:11px; color:#999; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; letter-spacing:-0.5px;}
	.container section.line_up > .line_up_item > .item > li a .info{ overflow:hidden; /* margin:1% 5% 0 5%; */}
	.container section.line_up > .line_up_item > .item > li a .info .percent{ float:left; margin:0 0 0 -40px; line-height:25px; font-size:15px; color:#ff5f1e; letter-spacing:-2px;}
	.container section.line_up > .line_up_item > .item > li a .info .percent font{ font-size:25px; font-weight:bold;}
	.container section.line_up > .line_up_item > .item > li a .info .price1{ width:100%; line-height:14px; font-size:12px; color:#777; margin-top: 8px; background-color: #eee;  letter-spacing:-1px;padding: 6px;/*text-decoration:line-through;*/}
	.container section.line_up > .line_up_item > .item > li a .info .price2{ width:100%;  font-size:18px; color:#000; margin: 4px 0 8px 6px;  letter-spacing:-1px;}
	.container section.line_up > .line_up_item > .item > li a .info .price2 font{ font-size:14px; color:#777;  margin: 0 0 0 2px;}
	.container section.line_up > .line_up_item > .item > li a .bottom{ overflow:hidden; margin:5px 0 0 0; padding:0 0 0 5%; border-top:0.5px solid #d9d9d9; background:#f0f0f0;}
	.container section.line_up > .line_up_item > .item > li a .bottom li{ float:left; margin:0 10px 0 0;}
	.container section.line_up > .line_up_item > .item > li a .bottom li img{ display:block; float:left; margin:10px 5px 10px 0; height:10px;}
	.container section.line_up > .line_up_item > .item > li a .bottom li p{ float:left; line-height:30px; font-size:10px; color:#999;}
	
	.container section.line_up > .more{ margin:20px auto 0 auto; width:88px; height:23px; border:1px solid rgba(0,0,0,0.15);}
	.container section.line_up > .more img{ float:left; margin:6px 3px 0 20px; height:10px;}
	.container section.line_up > .more p{ float:left; line-height:23.5px; font-size:12px; color:#666;}
	
	
.container .review{ padding:20px  0 10px 0; background: #eee;/* url(/mobile/images/main/container/bg_review.jpg) */; background-size:100% auto;}
	.container .review > .title{ overflow:hidden;}
	.container .review > .title .t1{ text-align:center; line-height:30px; font-size:30px; font-weight:900; color:#333; letter-spacing:-1px;}
	.container .review > .title .t1 font{ color:#f03e45; }
	.container .review > .title .t2{ display:block; margin:5px 0 0 0; text-align:center; line-height:18px; font-size:14px; color:#333; letter-spacing:-1px;}
	
	.container .review .best{ position:relative; margin:25px 1% 0 1%;}
	.container .review .best .icon{ position:absolute; z-index:100; top:-20px; left:50%; margin:0 0 0 -20px; width:40px; height:40px;}
	.container .review .best a{ overflow:hidden; position:relative; padding:0 0 0 50%;}
	.container .review .best a .img{ display:block; float:left; margin:0 0 0 -100%; width:100%;}
	.container .review .best a .right{ position:absolute; top:0; right:0; bottom:0; left:50%; padding:15px; background:#fff;}
	.container .review .best a .right .title{ line-height:14px; font-size:14px; font-weight:900; color:#333; letter-spacing:-1px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	.container .review .best a .right .contents{ overflow:hidden;  margin:5px 0 6px 0; height:60px; line-height:15px; font-size:11px; color:#666; letter-spacing:-1px; display:-webkit-box;    -webkit-line-clamp:4;    -webkit-box-orient:vertical;}
	.container .review .best a .right .name{ line-height:11px; font-size:11px; color:#04b3b9; margin-top:5px;     text-overflow: ellipsis;}
	
	.container .review .list{ overflow:hidden; margin-top:1%;}
	.container .review .list li{ float:left; margin:1% 1% 0 1%; width:31.33%;}
	.container .review .list li a{ overflow:hidden; background:#fff;}
	.container .review .list li a img{ display:block; width:100%;}
	.container .review .list li a p{  width:calc(100% - 20px); margin:10px; height:30px; line-height:15px; font-size:13px; color:#333; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis;overflow:hidden;}
	
	.container .review > .more{ margin:20px auto 0 auto; width:88px; height:23px; border:1px solid #ccc;}
	.container .review > .more img{ float:left; margin:6px 3px 0 18px; height:10px;}
	.container .review > .more p{ float:left; line-height:23.5px; font-size:12px; color:#333;}
	
	

.sub{ overflow:hidden; padding:40px 0 40px;}

.sub .sub_title{ overflow:hidden; margin:25px 0 15px 0;}
	.sub .sub_title .t1{ text-align:center; line-height:30px; font-size:20px; font-weight:700; color:#333; letter-spacing:-1px;}
	.sub .sub_title .t1 font{ color:#000;}
	.sub .sub_title .t2{ display:block; padding:0 5%; text-align:center; line-height:18px; font-size:12px; color:#7d7d7d; letter-spacing:-1px;}
	.sub .sub_title .t2 font{ font-weight:600; color:#000;}	
	.sub .sub_title ul{ overflow:hidden; margin:15px 0 0 0; text-align:center;}
	.sub .sub_title ul li{ display:inline-block; width:70px;}
	.sub .sub_title ul li img{ display:block; margin:0 auto; height:24px;}
	.sub .sub_title ul li p{ margin:5px 0 0 0; text-align:center; line-height:15px; font-size:12px; color:#666;}
	
	
.sub .inner{ margin:0 2% 20px 2%; height:30px;}
	.sub .inner ul{ overflow:hidden; text-align:center;}
	.sub .inner ul li{ display:inline-block; position:relative; margin:0 2px; height:30px; cursor:pointer;}
	.sub .inner ul li p{ padding:0 10px; height:28px; border:1px solid rgba(0,0,0,0.15); text-align:center; line-height:28px; font-size:14px; color:#4b4234; letter-spacing:-1px;}
	.sub .inner ul li.on p{ border-color:#000; background:#000; font-size:14px; color:#FFF;}


.sub .sub_menu{ margin:5% 2% 20px 2%; height:30px; text-align:right;}
	.sub .sub_menu ul{ overflow:hidden; text-align:center;}
	.sub .sub_menu ul li{ display:inline-block; position:relative; margin:0 2px; height:30px; cursor:pointer;}
	.sub .sub_menu ul li p{ padding:0 10px; height:28px; border:1px solid rgba(0,0,0,0.15); text-align:center; line-height:28px; font-size:14px; color:#4b4234; letter-spacing:-1px;}
	.sub .sub_menu ul li.on p{ border-color:#000; background:#000; font-size:14px; color:#FFF;}
	
	
.sub .sub_more{ margin:20px auto 0 auto; width:88px; height:23px; border:1px solid rgba(0,0,0,0.15);}
	.sub .sub_more img{ float:left; margin:6px 3px 0 20px; height:10px;}
	.sub .sub_more p{ float:left; line-height:23.5px; font-size:12px; color:#666;}

	
	
/* .sub .shopping{ overflow:hidden; padding:40px 0 0 0;}
	.sub .shopping .menu{height:50px; background:#f8f8f8; border-bottom: 1px solid #eee;}
	.sub .shopping .menu ul{ overflow:hidden;}
	.sub .shopping .menu ul li{ float:left; width:25%; height:50px;}
	.sub .shopping .menu ul li a{ text-align:center; line-height:60px; font-size:14px; font-weight:500; color:#7d7d7d; letter-spacing:-0.5px;}
	.sub .shopping .menu ul li.on a{ height:48px; border-bottom:3px solid #000; color:#000;} */

	.sub .shopping{ overflow:hidden; padding:0px 0 0 0;}
	.sub .shopping .menu{width:98%;padding:0 1%;}
	.sub .shopping .menu ul{ overflow:hidden; }
	.sub .shopping .menu ul li{float:left; width:50%; padding-top:12px; line-height:18px; height: 40px; vertical-align:middle; text-align:center;  font-size:13px; letter-spacing:-1px; border-left: 1px solid rgba(0,0,0,0.15); border-bottom: 1px solid rgba(0,0,0,0.15); box-sizing:border-box;}	
	.sub .shopping .menu ul li:nth-child(1){border-top: 1px solid rgba(0,0,0,0.15); }	
	.sub .shopping .menu ul li:nth-child(2){border-top: 1px solid rgba(0,0,0,0.15); border-right: 1px solid rgba(0,0,0,0.15);}	
	.sub .shopping .menu ul li:nth-child(3){border-top: 1px solid rgba(0,0,0,0.15); }	
	.sub .shopping .menu ul li:nth-child(2n-2){border-right: 1px solid rgba(0,0,0,0.15);}	
	.sub .shopping .menu ul li.on {background-color:#000; color:#fff; padding-top: 12px;
    line-height: 18px;
    font-size: 13px;
	font-weight:700;
   }
	.sub .shopping .menu ul li p {line-height: 15px; }
	
	.sub .shopping .list{ overflow:hidden; margin-top:25px;}
	.sub .shopping .list > li{ float:left; margin:3% 2% 0 5%; width:41%;}
	.sub .shopping .list > li a{ position:relative; background:#FFF;}
	.sub .shopping .list > li a .img{ display:block; margin:5%; width:90%;}
	.sub .shopping .list > li a .title1{padding-top:15px; 
	font-size:15px;
	color:#000;     
    overflow:hidden; 
    font-weight:600;	
	display: -webkit-box;
    overflow: hidden;
    max-height: 44px;
    line-height: 22px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: -o-ellipsis-lastline;
    white-space: normal;
    word-break: break-all;
    height:40px;
    letter-spacing: -0.01em;
   
    color: #000;
	
	}
	.sub .shopping .list > li a .title2{ margin:7px 0%; line-height:15px; font-size:12px; color:#999; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	.sub .shopping .list > li a .info{ overflow:hidden; }
	.sub .shopping .list > li a .info .percent{ float:left; margin:0 0 0 -40px; line-height:25px; font-size:15px; color:#ff5f1e; letter-spacing:-2px;}
	.sub .shopping .list > li a .info .percent font{ font-size:25px; font-weight:bold;}
	.sub .shopping .list > li a .info .price1{ width:100%; height:14px; font-size:12px; color:#777; margin-top: 3px; padding: 6px 0px 6px 0px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	.sub .shopping .list > li a .info .price2{ width:100%;  font-size: 14px;  line-height: 22px; letter-spacing: -0.01em; color:#000; font-weight:700; margin: 12px 0 10px 0px;}
	.sub .shopping .list > li a .info .price2 font{ font-size:14px; color:#777;  margin: 0 0 0 2px;}
	.sub .shopping .list > li a .bottom{ overflow:hidden; margin:5px 0 0 0; padding:0 0 0 5%; border-top:0.5px solid #d9d9d9; background:#f0f0f0;}
	.sub .shopping .list > li a .bottom li{ float:left; margin:0 10px 0 0;}
	.sub .shopping .list > li a .bottom li img{ display:block; float:left; margin:10px 5px 10px 0; height:10px;}
	.sub .shopping .list > li a .bottom li p{ float:left; line-height:30px; font-size:10px; color:#999;}
	
	.sub .shopping .deal{ margin:-3% 1.5% 0 1.5%;}
	.sub .shopping .deal li{ float:left; margin:3% 1.5% 0 1.5%; width:47%;}
	.sub .shopping .deal li a{ position:relative; padding:5%; border:1px solid #DDD; background:#FFF;}
	.sub .shopping .deal li a .icon{ display:block; position:absolute; top:-1px; left:50%; margin:0 0 0 -20px; width:40px;}
	.sub .shopping .deal li a .img{ display:block; margin:0 0 5% 0; width:100%;}
	.sub .shopping .deal li a .title1{ line-height:15px; font-size:14px; color:#333; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	.sub .shopping .deal li a .title2{ line-height:15px; font-size:8px; color:#999; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	.sub .shopping .deal li a .info{ margin:1% 0 0 0; padding:0 40px 0 35px;}
	.sub .shopping .deal li a .info .percent{ float:left; margin:0 0 0 -35px; line-height:25px; font-size:15px; color:#ff5f1e; letter-spacing:-2px;}
	.sub .shopping .deal li a .info .percent font{ font-size:20px; font-weight:bold;}
	.sub .shopping .deal li a .info .quantity{ float:right; margin:-12px -40px 0 0; text-align:right; line-height:13px; font-size:10px; color:#666; letter-spacing:-1px;}
	.sub .shopping .deal li a .info .quantity font{ display:block; float:left; font-weight:bold; color:#31adb4;}
	.sub .shopping .deal li a .info .price1{ width:100%; line-height:11px; font-size:8px; color:#999; text-decoration:line-through;}
	.sub .shopping .deal li a .info .price2{ width:100%; line-height:12px; font-size:11px; color:#333;}
	
	.sub .shopping .b_grade_what_btn{ margin:-10px auto 20px auto; width:130px; height:30px; border-radius:15px; background:#ed1b23; text-align:center; line-height:30px; font-size:15px; font-weight:900; color:#FFF;}
	
	.sub .shopping .b_grade{ margin:-3% 1.5% 0 1.5%;}
	.sub .shopping .b_grade > li{ float:left; margin:3% 1.5% 0 1.5%; width:47%;}
	.sub .shopping .b_grade > li a{ position:relative; border:1px solid #DDD; background:#FFF;}
	.sub .shopping .b_grade > li a .icon{ display:block; position:absolute; top:-1px; left:50%; margin:0 0 0 -20px; width:40px;}
	.sub .shopping .b_grade > li a .img{ display:block; margin:5%; width:90%;}
	.sub .shopping .b_grade > li a .title1{ margin:0 5%; line-height:15px; font-size:14px; color:#333; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	.sub .shopping .b_grade > li a .title2{ margin:0 5%; line-height:15px; font-size:8px; color:#999; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	.sub .shopping .b_grade > li a .info{ margin:1% 5% 0 5%; padding:0 40px 0 0;}
	.sub .shopping .b_grade > li a .info .quantity{ float:right; margin:-12px -40px 0 0; text-align:right; line-height:13px; font-size:10px; color:#666; letter-spacing:-1px;}
	.sub .shopping .b_grade > li a .info .quantity font{ display:block; float:left; font-weight:bold; color:#31adb4;}
	.sub .shopping .b_grade > li a .info .price1{ width:100%; line-height:11px; font-size:8px; color:#999; text-decoration:line-through;}
	.sub .shopping .b_grade > li a .info .price2{ width:100%; line-height:12px; font-size:11px; color:#333;}
	.sub .shopping .b_grade > li a .bottom{ overflow:hidden; margin:5% 0 0 0; padding:0 0 0 5%; border-top:0.5px solid #d9d9d9; background:#f0f0f0;}
	.sub .shopping .b_grade > li a .bottom li{ float:left; margin:0 10px 0 0;}
	.sub .shopping .b_grade > li a .bottom li img{ display:block; float:left; margin:10px 5px 10px 0; height:10px;}
	.sub .shopping .b_grade > li a .bottom li p{ float:left; line-height:30px; font-size:10px; color:#999;}
	
	
	
	
	
	
	
.sub .review{ overflow:hidden; margin-top:65px;}	
	.sub .review .best{ overflow:hidden; background:url(/mobile/images/main/container/bg_1+1_deal.jpg); background-size:100px 86px;}
	.sub .review .best .list{ margin:0;}
	.sub .review .best .list .slick-list{ overflow:inherit;}
	.sub .review .best .list .slide{}
	.sub .review .best .list .slide a{ position:relative; margin:0 5%; padding:5%; background:#FFF; box-shadow:0 1px 3px 0 rgba(0,0,0,0.15); border:1px solid #ddd;}
	.sub .review .best .list .slide a .icon{ display:block; position:absolute; top:-4%; left:50%; margin:0 0 0 -20px; width:40px;}
	.sub .review .best .list .slide a .img{ overflow:hidden; margin:0 0 5% 0;  background:#999;}
	.sub .review .best .list .slide a .img img{ display:block; width:100%;}
	.sub .review .best .list .slide a .title{ line-height:15px; font-size:14px; color:#333; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	.sub .review .best .list .slide a .name{ line-height:20px; font-size:11px; color:#999; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	.sub .review .best .list .slide a .name font{ display:block; float:left; color:#04b3b9;}
	.sub .review .best .list .slide a .contents{ overflow:hidden; margin:4% 0 2% 0; height:34px; line-height:16px; font-size:12px; color:#666; letter-spacing:-1px;}
			
	.sub .review > .list{ overflow:hidden; margin:-3% 0 0 ; padding:0 1.5%;}
	.sub .review > .list > li{ float:left; margin:3% 1.5% 0 1.5%; width:47%;}
	.sub .review > .list > li a{ position:relative; padding:5%; border:1px solid rgba(0,0,0,0.15); background:#FFF;}
	.sub .review > .list > li a .img{ overflow:hidden; margin:0 0 5% 0; background:#999;}
	.sub .review > .list > li a .img img{ display:block; width:100%;}
	.sub .review > .list > li a .title{ line-height:15px; font-size:14px; color:#333; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	.sub .review > .list > li a .name{ line-height:20px; font-size:11px; color:#999; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	.sub .review > .list > li a .name font{ display:block; float:left; color:#04b3b9;}
	.sub .review > .list > li a .contents{width: 100%; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;margin:4% 0 2% 0; height:34px; line-height:16px; font-size:12px; color:#666; letter-spacing:-1px;}





.sub .story{}
	.sub .story .list{ margin:0;}
	.sub .story .list .slick-list{ overflow:inherit;}
	.sub .story .list .slide{}
	.sub .story .list .slide a{ position:relative; margin:0 5%; padding:5%; background:#FFF; border:1px solid #DDD;}
	.sub .story .list .slide a .img{ position:relative; margin:0 0 5% 0;background:#999;}
	.sub .story .list .slide a .img .icon{ display:block; position:absolute; z-index:10; top:-20px; left:50%; margin:0 0 0 -20px; width:40px;}
	.sub .story .list .slide a .img .img{ display:block; width:100%;}
	.sub .story .list .slide a .title{ text-align:center; line-height:15px; font-size:14px; color:#333; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	.sub .story .list .slide a .text{ text-align:center; line-height:20px; font-size:13px; color:#04b3b9; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	.sub .story .list .slide a .contents{ text-align:center; overflow:hidden; margin:2% 0 1% 0; height:30px; line-height:15px; font-size:12px; color:#999; letter-spacing:-1px;}





.sub .event{ overflow:hidden; margin-top:45px;}	
	.sub .event .winner{ overflow:hidden;  background:url(/mobile/images/main/container/bg_1+1_deal.jpg); background-size:100px 86px;}	
	.sub .event .winner > .item{ overflow:hidden; margin:0 5%; padding:3%; border:4px solid #000;}
	.sub .event .winner > .item ul{ overflow:hidden;}
	.sub .event .winner > .item ul li{ border-top:1px solid #CCC;}
	.sub .event .winner > .item ul li:first-child{ border:0;}
	.sub .event .winner > .item ul li a{ line-height:35px; font-size:13px; color:#666; letter-spacing:-0.5px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	.sub .event .winner > .item ul li a p{ float:left; margin:0 5px 0 0; font-weight:bold; color:#24afa5;}
			
	.sub .event .list{ overflow:hidden; margin:-3% 0 0 ; padding:0 1.5%;}
	.sub .event .list > li{ float:left; margin:3% 1.5% 0 1.5%; width:47%;}
	.sub .event .list > li a{ position:relative; border:1px solid rgba(0,0,0,0.15); background:#FFF;}
	.sub .event .list > li a .img{ display:block; margin:5%; width:90%; height:110px;}
	.sub .event .list > li a .title{ overflow:hidden; margin:0 5%; height:30px; line-height:15px; font-size:14px; color:#333; letter-spacing:-0.5px;}
	.sub .event .list > li a .date{ margin:5% 5% 8% 5%; line-height:15px; font-size:10px; color:#1a968e; letter-spacing:-0.5px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}




.sub .information{ overflow:hidden; margin-top:45px;}	
				
	.sub .information .information_text.method {font-size:12px; padding:10px;}
	.sub .information .information_text.method p {margin-top:10px; padding:10px; border:1px solid #ddd; border-radius:5px;}
	










.sub .customer{ overflow:hidden; padding:40px 0 0 0;}
	
	.sub .customer .menu{ position:fixed; z-index:500; top:60px; right:0; left:0; height:40px; background:#26292f;}
	.sub .customer .menu ul{ overflow:hidden;}
	.sub .customer .menu ul li{ float:left; height:40px;}
	.sub .customer .menu ul li a{ text-align:center; line-height:40px; font-size:14px; font-weight:900; color:#CCC;}
	.sub .customer .menu ul li.on a{ height:37px; border-bottom:3px solid #000; color:#000;}
	
	.sub .customer .faq{ overflow:hidden;}
	.sub .customer .faq .item{ overflow:hidden; margin:0 5%; border-top:2px solid #000; background:#FFF;}
	.sub .customer .faq .item ul{ overflow:hidden; border:1px solid #DDD; border-top:0;}
	.sub .customer .faq .item ul li{ overflow:hidden; border-top:1px solid #DDD;}
	.sub .customer .faq .item ul li:first-child{ border:0;}
	.sub .customer .faq .item ul li .title{ overflow:hidden; padding:0 5%;}
	.sub .customer .faq .item ul li .title p{ position:relative; padding:10px 0 10px 30px; line-height:18px; font-size:12px; color:#333; letter-spacing:-0.5px;}
	.sub .customer .faq .item ul li .title p font{ display:block; position:absolute; top:50%; left:0; margin:-10px 0 0 0; height:20px; line-height:20px; font-size:20px; font-weight:900; color:#333;}
	.sub .customer .faq .item ul li .contents{ display:none; overflow:hidden; padding:5%; border-top:1px dashed #DDD; background:#fafafa; line-height:18px; font-size:12px; color:#666;}
	.sub .customer .faq .item ul li .contents p{}
	.sub .customer .faq .item ul li.on .title p{ font-weight:900; color:#000;}
	.sub .customer .faq .item ul li.on .title p font{ color:#000;}
	
	.sub .customer .news{ overflow:hidden;}
	.sub .customer .news .item{ overflow:hidden; margin:0 5%; border-top:2px solid #000; background:#FFF;}
	.sub .customer .news .item ul{ overflow:hidden; border:1px solid #DDD; border-top:0;}
	.sub .customer .news .item ul li{ overflow:hidden; border-top:1px solid #DDD;}
	.sub .customer .news .item ul li:first-child{ border:0;}
	.sub .customer .news .item ul li a{ overflow:hidden; padding:0 5%;}
	.sub .customer .news .item ul li a p{ position:relative; padding:10px 55px 10px 0; line-height:18px; font-size:13px; color:#333; letter-spacing:-1px;}
	.sub .customer .news .item ul li a p font{ display:block; position:absolute; top:50%; right:0; margin:-10px 0 0 0; height:20px; text-align:right; line-height:20px; font-size:11px; color:#999;}
	
	.sub .customer .qna{ overflow:hidden;}
	.sub .customer .qna .item{ overflow:hidden; margin:0 5%; border-top:2px solid #000; background:#FFF;}
	
	
	
	
	
.sub .coupon{}
	.sub .coupon .list{ margin:0;}
	.sub .coupon .list .slick-list{ overflow:inherit;}
	.sub .coupon .list .slide{}
	.sub .coupon .list .slide .box{ position:relative; margin:0 4%; padding:5%; background:#FFF; border:1px solid #DDD;}
	.sub .coupon .list .slide .box img{ display:block; width:100%;}
	.sub .coupon .list .slide .box .title{ margin:6% 0 5% 0; line-height:16px; font-size:15px; font-weight:900; color:#333; letter-spacing:-1px;}
	.sub .coupon .list .slide .box .contents{ line-height:20px; font-size:12px; color:#666; letter-spacing:-1px;}
	.sub .coupon .list .slide .box .btn{ margin:5% 0 0 0; height:30px; background:#000; text-align:center; line-height:30px; font-size:15px; font-weight:900; color:#FFF;}
	
	.sub .coupon .list .slide .box .check{ overflow:hidden; margin:5% 0 0 0;}
	.sub .coupon .list .slide .box .check .no{ border:1px solid #f0f0f0; background:#fafafa; padding:5%;}
	.sub .coupon .list .slide .box .check .no p{ line-height:15px; font-size:12px; color:#333;}
	.sub .coupon .list .slide .box .check .no p font{ font-weight:900; color:#000;}
	
	.sub .coupon .list .slide .box .number{ margin:5% 0 0 0; padding:5%; border:1px solid #f0f0f0; background:#fafafa;}
	.sub .coupon .list .slide .box .number .input_box{ overflow:hidden; position:relative; padding:0 5%; height:28px; border:1px solid #dcdcdc; background:#FFF;}
	.sub .coupon .list .slide .box .number .input_box input{ display:block; width:100%; height:28px; border-radius:0; border:0; background:none; text-align:center; line-height:28px; font-size:13px; color:#333; outline:none; -webkit-appearance:none;}
	.sub .coupon .list .slide .box .number span{ display:block; margin:4% auto 0 auto; width:100px; height:25px; border-radius:13px; background:#26292f; text-align:center; line-height:25px; font-size:12px; font-weight:900; color:#FFF;}
	
	
	
		
	
.sub .pay{ overflow:hidden;}	
	.sub .pay .list{ overflow:hidden; margin:-3% 0 0 ; padding:0 1.5%;}
	.sub .pay .list > li{ float:left; margin:3% 1.5% 0 1.5%; width:47%;}
	.sub .pay .list > li a{ position:relative; border:1px solid rgba(0,0,0,0.15); background:#FFF;}
	.sub .pay .list > li a img{ display:block; margin:5%; width:90%;}
	.sub .pay .list > li a .title{ overflow:hidden; margin:0 5%; line-height:16px; font-size:14px; color:#333; letter-spacing:-0.5px;}
	.sub .pay .list > li a .title font{ font-weight:bold; color:#1a968e;}
	.sub .pay .list > li a .money{ margin:5% 5% 8% 5%; line-height:15px; font-size:12px; color:#666; letter-spacing:-0.5px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	.sub .pay .list > li a .money font{ font-weight:bold; color:#F00;}



.sub .schBox{width:calc( 100% - 16px);height:40px;  border:#ff0000 solid 2px; box-sizing:border-box; margin:0 auto;}
	.sub .schBox fieldset{ position:relative; border:none;}
	.sub .schBox fieldset label{}
	.sub .schBox fieldset .uiInput>.lb{ font-size:16px; }
	.sub .schBox fieldset input.keyword{ border-width:0px; width:100%; height:36px; box-sizing:border-box; padding:5px 50px 5px 10px; font-size:15px; }
	.sub .schBox fieldset .btnSch{ position:absolute; right:0px; top:0px; width:40px; height:36px; background:url(../../../common/img/icoBtnSchBox.png) no-repeat; text-indent:-9999px; overflow:hidden; border:none;}
	.sub .t3{text-align:left; line-height:25px; font-size:14px; color:#333; letter-spacing:-1px; margin-left:10px;}
	.sub .t4{text-align:center; line-height:25px; font-size:14px; color:#333; letter-spacing:-1px; }
	.sub .search_no_wrap {display:block; padding:150px 0;}
	.sub .search_no_wrap img {width:40px; text-align:center; margin:0 auto;}
	.sub .search_no_wrap .search_no {width:40px; margin:20px auto 5px;}
	.sub #tabPanelKwdHot_mobile {overflow:hidden; padding:10px;}
	.sub #tabPanelKwdHot_mobile li {float:left; margin-right:10px;}
	.sub #tabPanelKwdHot_mobile li a {font-size:13px; color:#999999;}

	
	
.board_write_01{ overflow:hidden; padding:5% 10% 5% 10%; border:1px solid #CCC; background:#FFF;}
	.board_write_01 ul{ overflow:hidden;}
	.board_write_01 ul li{ overflow:hidden; padding:10px 0; border-top:1px solid #DDD;}
	.board_write_01 ul li > p{ line-height:20px; font-size:15px; font-weight:600; color:#333;}
	.board_write_01 ul li > div{ position:relative; margin:5px 0 5px 0; height:30px;}
	.board_write_01 ul li > div .input_box{ overflow:hidden; position:relative; padding:0 5%; height:28px; border:1px solid #dcdcdc; background:#fafafa;}
	.board_write_01 ul li > div .input{ display:block; width:100%; height:28px; border-radius:0; border:0; background:none; line-height:28px; font-size:13px; color:#666; outline:none; -webkit-appearance:none;}
	.board_write_01 ul li > div  select{ display:block; width:100%; height:28px; border-radius:0; border:0; background:url(/mobile/images/common/icon_board_select.png) right center no-repeat; background-size:15px 8px; line-height:28px; font-size:13px; color:#666; outline:none; -webkit-appearance:none;}
	.board_write_01 ul li > div textarea{ display:block; padding:5px 0; width:100%; height:88px; border-radius:0; border:0; background:none; line-height:15px; font-size:13px; color:#666; outline:none; -webkit-appearance:none;}
	.board_write_01 ul li > div .file{ position:relative; padding:0 80px 0 5%; height:28px; border:1px solid #dcdcdc; background:#fafafa;}
	.board_write_01 ul li > div .file .btn{ position:absolute; z-index:100; top:-1px; right:-1px; bottom:-1px; width:80px; background:#000; text-align:center; line-height:30px; font-size:13px; color:#FFF;}
	.board_write_01 ul li > div .info{ position:absolute; right:0; left:0; height:120px; border:1px solid #dcdcdc; background:#fafafa; line-height:15px; font-size:13px; color:#666; letter-spacing:-1px;}
	.board_write_01 ul li > div .info .mCSB_container{ margin:0;}


.board_write_btn{ margin:20px 0 0 0; overflow:hidden;}
	.board_write_btn ul{ height:30px; overflow:hidden; text-align:center;}
	.board_write_btn ul li{ display:inline-block; margin:0 5px; width:80px; height:30px; overflow:hidden; border-radius:3px; cursor:pointer;}
	.board_write_btn ul li img{ display:block; margin:6px auto;}
	.board_write_btn ul li.ok{ background:#000;}
	.board_write_btn ul li.cancel{ background:#999;}
	
	

.board_search{ position:relative; margin:20px auto 0 auto; width:250px; height:30px;}
	.board_search .btn{ position:absolute; top:0; right:0; width:25px; height:30px; cursor:pointer;}
	.board_search .btn img{ position:absolute; left:0; margin:7px 0; width:16px; height:16px;}
	.board_search .btn .on{ display:none;}
	.board_search input{ display:block; margin:0; padding:0 9px; width:230px; height:28px; background:#f5f5f5; border:1px solid #CCC; border-radius:0; text-align:left; line-height:28px; font-size:14px; color:#666; outline:none; -webkit-appearance:none;}
	
	
	

.board_page{ margin:20px 0 0 0;}
	.board_page ul{width:max-content; height:30px; text-align:center; overflow:hidden; margin:0 auto;}
	.board_page ul li{ position:relative; float:left; margin:0; width:30px; height:30px; box-shadow:0 1px 3px 0 rgba(0,0,0,0.05); cursor:pointer; }
	.board_page ul li p{ position:absolute; background:#FFF; line-height:26px; text-align:center; font-size:15px; color:#666;}
	.board_page ul li p.btn_L{ top:0; right:0; bottom:0; left:0; border-radius:3px 0 0 3px; border:1px solid #DDD;}
	.board_page ul li p.btn_R{ top:0; right:0; bottom:0; left:0; border-radius:0 3px 3px 0; border:1px solid #DDD; border-left:0;}
	.board_page ul li span{ position:absolute; top:0; right:0; left:0; height:28px; background:#FFF; border:1px solid #DDD; border-left:0; font-size:12px; line-height:28px; color:#666;}
	/* .board_page ul li span.on{ z-index:50; right:0; left:-1px; height:30px; border:0; background:#000 !important; line-height:30px; font-size:12px; font-weight:bold; color:#FFF;} */
	.board_page li a {height:28px;line-height:28px;}
	.board_page li a.on {height:28px;line-height:28px;color: #00b5a6;border: 1px solid #00b5a6;}



.quick{ position:fixed; z-index:500; right:0; bottom:0; left:0; height:50px; border-top:0px solid #000; background:#26292f;}
	.quick ul{ overflow:hidden;}
	.quick ul li{ float:left; width:25%; height:50px;}
	.quick ul li a{ overflow:hidden; height:50px;}
	.quick ul li:first-child a{ border:0;}
	.quick ul li a img{ display:block; margin:10px auto 2px auto; height:18px;}
	.quick ul li a p{ text-align:center; line-height:15px; font-size:10px; color:rgba(255,255,255,0.5);}	
	.quick ul li.on a{ background:#000;}	
	.quick ul li.on a p{ font-weight:900; color:rgba(255,255,255,1);}





/* 241209 add */
header{position:relative;}
.main_visul{height:150px; overflow:hidden;}
.main_visul > a {height:100%;}
.main_visul > a > img{height:100%; object-fit:contain; }
.banner_wrap{margin-top:30px;}
.banner_wrap img{max-width:100%}
.btn_header_cart .count {position: absolute; right: -4px; top: -4px; height: 18px; min-width: 18px; padding: 3px 2px 0; border-radius: 9px; font-size: 11px; letter-spacing: -0.01em; background-color: #f90f0f; color: #fff; font-weight: 700;	line-height: 1;	text-align: center;	box-sizing: border-box;}
.btn_header_cart {position:absolute; right:55px; top:50%; transform:translateY(-50%);}
.btn_header_cart.product .ico_cart:after {background-size: 26px 26px;background-image: url("/mobile/common/img/main/header/btn_header_cart_white_mok@2x.png");}
.btn_header_cart.product .ico_cart.lottie .lottie_white {display: block;}
.btn_header_cart.product .ico_cart.lottie .lottie_black {display: none;}
.btn_header_cart:after {content:''; display:block; width:26px; height:26px;	background-size: 26px 26px;	background-image: url("../../images/main/ico_cart.png"); background-position:0 0;}

.title_heading{font-size:22px; font-weight:600; text-align:center; margin-bottom:40px; margin-top:20px;}

.view_type_img .prod_list {display:flex; flex-wrap:wrap; gap:1rem}
.view_type_img .prod_list > li{width:calc(50% - 0.5rem)}
.view_type_img .prod_list > li span.img_box{height:150px; display:block; border:1px solid #ddd; text-align:center;}
.view_type_img .prod_list > li span.img_box img{max-width:100%; height:100%; object-fit:contain}
.view_type_img .prod_name{font-size:15px; line-height:1.3; font-weight:600; display:block; margin-top:10px; height:59px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.view_type_img .prod_author{font-size:13px; color:#666}
.view_type_img span.price{font-weight:600; margin-top:10px; display:block; color:#138cdd}

.tel_wrap{padding:1rem 0 1.5rem; background-color:#f0f1f2; margin:10px 0;}
.tel_wrap > h2{font-size:16px;display:flex; justify-content:center; font-weight:600; align-items:center;}
.tel_wrap > h2 > a{padding-left:10px; font-size:24px; color:#89ba0c; }
.tel_wrap > p{text-align:center; color:#565656; letter-spacing:-0.5px;}
.board_link{display:flex; gap:5px; margin-bottom:20px}
.board_link > article{flex:1; }
.board_link > article a {font-size:14px; border:1px solid #9a9a9a; padding:5px 5px 6px;display:flex; justify-content:center; align-items:center; line-height:1; gap:5px;}
.board_link > article a img{width:20px;}

.brand_wrap{position:relative}
.brand_title_wrap{position:absolute; top:0; left:0; }
.title_heading.brand_title{text-align:left; font-size:19px}
.swiper.banner_slide{padding-top:70px}
.swiper.banner_slide .swiper-slide{display: flex;justify-content: center;align-items: center;}
.swiper.banner_slide .swiper-slide img{max-width:100%;}
.swiper.banner_slide .swiper-slide > div{display:flex; flex-wrap:wrap; gap:7px 10px}
.swiper.banner_slide .swiper-slide > div > a{width:calc(50% - 5px);}
.swiper.banner_slide .brand_nav{position:absolute; right:0; top:4px; display:flex; width:80px}
.swiper.banner_slide .brand_nav .swiper-button-next{width:20px;height:20px; position:static; margin-top:0}
.swiper.banner_slide .brand_nav .swiper-button-prev{width:20px;height:20px; position:static; margin-top:0}
.swiper.banner_slide .brand_nav .swiper-button-prev:after,
.swiper.banner_slide .brand_nav .swiper-button-next:after{font-size:14px; font-weight:700; color:#000}
.swiper.banner_slide .brand_nav .swiper-pagination{ position:static; margin-top:0; font-size:0}
.swiper.banner_slide .brand_nav .swiper-pagination span{font-size:14px;}
.swiper.banner_slide .brand_nav .swiper-pagination span:first-child:after{content:''; display:inline-block; width:2px; height:10px; background-color:#ddd; margin:0 7px}
.swiper.banner_slide .brand_nav .swiper-pagination span:last-child{color:#a3a3a3}

footer{padding:20px 5% 90px; background-color:#333; }
footer .footer_logo {text-align:center;}
footer .footer_logo > img{filter:invert(0.8);}
footer ul.footer_menu_list{display:flex;margin:20px 0;flex-wrap:wrap; justify-content:center; align-items:center;}
footer ul.footer_menu_list li{width:calc(50%); font-size:13px; color:#fff; margin-bottom:5px; text-align:center;}
footer ul.footer_menu_list li a{font-size:inherit; color:#fff}
footer ul.copyright_wrap{}
footer ul.copyright_wrap li{color:#9e9e9e; font-size:13px; line-height:1.5}
footer ul.copyright_wrap li a{color:#9e9e9e; font-size:13px; display:inline-block;}
footer ul.copyright_wrap li span{width:1px; height:10px; background-color:#9e9e9e; display:inline-block; margin:0 10px}
footer ul.copyright_wrap li:last-child{margin-top:15px; color:#5d5d5d}
p.copyright_txt{ font-size:13px; color:#5d5d5d; text-align:center;}
p.notice_txt{font-size:13px; line-height:1.2; color:#9e9e9e; margin:10px 0; text-align:center;}
#viewPcBtn{width:100%; display:block; background-color:#ccc; margin-top:10px; padding:6px; font-size:13px; color:#1e1e1e;}
/* gnb */
.wrapper_new .gnb_wrap {
	position: relative;
	box-sizing: border-box;
	border-bottom: 1px solid #eaeaea;
}
.wrapper_new .gnb_wrap .gnb_list_wrap {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	top: 0;
	left: 0;
	box-sizing: border-box;
}
.wrapper_new .gnb_wrap .gnb_list_wrap::-webkit-scrollbar {
	display: none;
}
.wrapper_new .gnb_wrap .gnb_list_wrap .gnb_list {
	white-space: nowrap;
}
.wrapper_new .gnb_wrap .gnb_list_wrap .gnb_list .gnb_item {
	display: inline-block;
	padding: 0 7px;
	vertical-align: top;
	box-sizing: border-box;
}
.wrapper_new .gnb_wrap .gnb_list_wrap .gnb_list .gnb_item .gnb_link {
	display: block;
	font-size: 15px;
	line-height: 23px;
	letter-spacing: -0.01em;
	font-weight: 600;
	box-sizing: border-box;
	padding-bottom:10px;
}
.wrapper_new .gnb_wrap .gnb_list_wrap .gnb_list .gnb_item .gnb_link .ico_new {
	display: inline-block;
	width: 4px;
	height: 4px;
	margin: 2px 0 0 2px;
	/*background: #4dac27;*/
	border-radius: 2px;
	vertical-align: top;
}
.wrapper_new .gnb_wrap .gnb_list_wrap .gnb_list .gnb_item.active .gnb_link {
	color: #474c98;
}
.wrapper_new .gnb_wrap .gnb_list_wrap .gnb_list .gnb_item.active .gnb_link.picks {
	position: relative;
}
.wrapper_new .gnb_wrap .gnb_list_wrap .gnb_list .gnb_item.active .gnb_link.picks:after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 8px;
	display: block;
	width: 5px;
	height: 5px;
	border-radius: 100%;
	background-color: #5055b1;
	transform: translateX(-50%);
}
.wrapper_new .gnb_wrap .gnb_list_wrap .gnb_list .gnb_item:first-child {
	padding-left: 20px;
}
.wrapper_new .gnb_wrap .gnb_list_wrap .gnb_list .gnb_item:last-child {
	padding-right: 13px;
}
/* 상단 제휴 사이트 배너 */
.header_wrapper .top_banner_wrap {
	background: #f2f2f2;
}
.header_wrapper .top_banner_wrap .top_banner_inner .associate_box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	background: #e6e2df;
	padding: 12px 14px 15px;
}
.header_wrapper .top_banner_wrap .top_banner_inner .associate_box .txt_top_banner {
	color: #292929;
	padding-right: 10px;
	font-size: 12px;
	line-height: 18px;
	letter-spacing: -0.01em;
}
.header_wrapper .top_banner_wrap .top_banner_inner .associate_box .btn_min {
	flex: 0 0 64px;
}
.header_wrapper .associate_channel_wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	padding: 12px 14px 13px;
	background: #f2f2f2;
}
.header_wrapper .associate_channel_wrap .info_text {
	color: #767676;
	padding-right: 10px;
	font-size: 12px;
	line-height: 18px;
	letter-spacing: -0.01em;
	font-weight: 500;
	word-break: keep-all;
}
.header_wrapper .associate_channel_wrap .btn_close_channel {
	flex: 0 0 16px;
	width: 16px;
	height: 16px;
}
.header_wrapper .associate_channel_wrap .btn_close_channel .ico_close {
	width: 16px;
	height: 16px;
	background-size: 16px 16px;
	background-image: url("/mobile/common/img/main/header/btn_history_del_mok@2x.png");
}

/* docker 공통 */
.wrapper_new .docker_wrapper {
	position: fixed;
	height: 74px;
	width: 100%;
	bottom: 0;
	left: 0;
	z-index: 100;
	transform: translateY(0);
	transition: transform 0.23s;
}
.wrapper_new .docker_wrapper .docker_list {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	padding: 0 12px 12px;
	padding-bottom: calc(constant(safe-area-inset-bottom) + 12px);
	padding-bottom: calc(env(safe-area-inset-bottom) + 12px);
}
.wrapper_new .docker_wrapper .docker_list .docker_item {
	position: relative;
	display: inline-block;
	flex: 1;
	height: 100%;
	z-index: 2;
}
.wrapper_new .docker_wrapper .docker_list .docker_item [class^=btn_docker]:not(.btn_docker_my) {
	display: inline-block;
	width: 100%;
	padding: 16px 0 18px;
	vertical-align: top;
	box-sizing: border-box;
}
.wrapper_new .docker_wrapper .docker_list .docker_item [class^=btn_docker]:not(.btn_docker_my):after {
	content: "";
	display: block;
	width: 28px;
	height: 28px;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: 0 0;
}
.wrapper_new .docker_wrapper .docker_list .docker_item [class^=btn_docker]:not(.btn_docker_my).btn_docker_home:after {
	background-size: 28px 28px;
	background-image: url("../img/main/header/btn_docker_home_mok@2x.png");
}
.wrapper_new .docker_wrapper .docker_list .docker_item [class^=btn_docker]:not(.btn_docker_my).btn_docker_search:after {
	background-size: 28px 28px;
	background-image: url("../img/main/header/btn_docker_search_mok@2x.png");
}
.wrapper_new .docker_wrapper .docker_list .docker_item [class^=btn_docker]:not(.btn_docker_my).btn_docker_my:after {
	background-size: 61px 61px;
	background-image: url("../img/main/header/btn_docker_my_mok@2x.png");
}
.wrapper_new .docker_wrapper .docker_list .docker_item [class^=btn_docker]:not(.btn_docker_my).btn_docker_history:after {
	background-size: 28px 28px;
	background-image: url("../../images/main/ico_cart.png");
}
.wrapper_new .docker_wrapper .docker_list .docker_item [class^=btn_docker]:not(.btn_docker_my).btn_docker_menu:after {
	background-size: 28px 28px;
	background-image: url("../img/main/header/btn_docker_menu_mok@2x.png");
}
.wrapper_new .docker_wrapper .docker_list .docker_item.my {
	padding: 0 21px;
	text-align: center;
	z-index: 1;
}
.wrapper_new .docker_wrapper .docker_list .docker_item.my .btn_docker_my {
	overflow: hidden;
	position: relative;
	display: inline-block;
	width: 61px;
	height: 61px;
	vertical-align: top;
	border-radius: 100%;
	z-index: 1;
	/*box-shadow: 0 5px 10px 0 rgb(172 39 39 / 50%);*/
	animation: bounceBtn 5s cubic-bezier(0.3, 1.06, 0.81, 1.11);
	animation-iteration-count: infinite;
}
@keyframes bounceBtn {
	0%, 10%, 20%, 30%, 100% {
		transform: translateY(0);
		-webkit-transform: translateY(0);
	}
	15%, 25% {
		transform: translateY(-10px);
		-webkit-transform: translateY(-10px);
	}
}
.wrapper_new .docker_wrapper .docker_list .docker_item.my .btn_docker_my .img_box {
	display: none;
}
.wrapper_new .docker_wrapper .docker_list .docker_item.my .btn_docker_my:after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 100%;
	background-size: 61px 61px;
	background-image: url("../img/main/header/btn_docker_my_mok@2x.png");
}

.wrapper_new .docker_wrapper .docker_list .docker_item.my .btn_docker_my.page:after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 100%;
	background-size: 61px 61px;
	background-image: url("../img/main/header/btn_docker_mypage_mok@2x.png");
}
.wrapper_new .docker_wrapper .docker_list .docker_item.my:after {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	display: block;
	width: 136px;
	height: 74px;
	background-size: 136px 74px;
	background-image: url("../img/main/header/bg_docker_shape_mok@2x.png");
	transform: translateX(-50%);
}
.wrapper_new .docker_wrapper .docker_list .docker_item.my.login .btn_docker_my {
	animation: none;
}
.wrapper_new .docker_wrapper .docker_list .docker_item.my.login .btn_docker_my:after {
	content: none;
}
.wrapper_new .docker_wrapper .docker_list .docker_item.my.login .btn_docker_my .img_box {
	display: block;
	border-radius: 100%;
	height: 100%;
	background-size: cover;
	background-image: url("../img/main/header/btn_docker_my_mok@2x.png");
}
.wrapper_new .docker_wrapper .docker_list .docker_item.my.login .btn_docker_my .img_box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.wrapper_new .docker_wrapper .docker_list .docker_item.my.login .btn_docker_my .img_box.no_img {
	background-size: cover;
	background-image: url("../img/main/header/btn_docker_my_mok@2x.png");
	box-sizing: border-box;
}
.wrapper_new .docker_wrapper .docker_list .docker_item.my.login .btn_docker_my .img_box.no_img img {
	display: none;
}
.wrapper_new .docker_wrapper .docker_list:before, .wrapper_new .docker_wrapper .docker_list:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	height: 100%;
	background-color: #fff;
	border-top: 1px solid #ccc;
	margin-left: -60px;
}
.wrapper_new .docker_wrapper .docker_list:after {
	left: auto;
	right: 0;
	margin-left: 0;
	margin-right: -60px;
}
.wrapper_new .docker_wrapper .btn_xs {
	position: absolute;
	top: -109px;
	right: -18px;
	transform: translateY(calc(constant(safe-area-inset-bottom) * -1));
	transform: translateY(calc(env(safe-area-inset-bottom) * -1));
	z-index: 100;
	opacity: 0;
	background-color: #fff;
	transition: right 0.23s, opacity 0.23s;
}
.wrapper_new .docker_wrapper .btn_xs.active {
	opacity: 1;
	right: 18px;
}
.wrapper_new .docker_wrapper .btn_go_top, .wrapper_new .docker_wrapper .btn_spec_compare_popup {
	position: absolute;
	top: -65px;
	z-index: 100;
}
.wrapper_new .docker_wrapper .btn_go_top {
	transform: translateY(calc(constant(safe-area-inset-bottom) * -1));
	transform: translateY(calc(env(safe-area-inset-bottom) * -1));
	right: -18px;
	display: block;
	width: 47px;
	height: 47px;
	border-radius: 100%;
	background-color: #fff;
	border: 1px solid #d5d5d5;
	opacity: 0;
	transition: right 0.23s, opacity 0.23s;
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
}
.wrapper_new .docker_wrapper .btn_go_top:before {
	content: "";
	display: block;
	width: 13px;
	height: 18px;
	margin: 13px auto 0;
	background-size: 13px 18px;
	background-image: url("../img/main/header/arw_go_top_mok@2x.png");
}
.wrapper_new .docker_wrapper .btn_go_top.active {
	opacity: 1;
	right: 18px;
}
.wrapper_new .docker_wrapper .btn_go_top.active + .golden_time_link_box {
	top: -346px;
}
.wrapper_new .docker_wrapper .btn_go_top.active + .event_sticky_banner {
	bottom: calc(100% + 77px);
}
.wrapper_new .docker_wrapper:not(.docker_fixed):after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding-bottom: calc(constant(safe-area-inset-bottom));
	padding-bottom: calc(env(safe-area-inset-bottom));
	background-color: #fff;
}
.wrapper_new .docker_wrapper.scroll_down {
	transform: translateY(100%);
}
.wrapper_new .docker_wrapper.scroll_down .docker_list .docker_item.my .btn_docker_my {
	animation: none;
}
div.top_btn > a,
div.top_btn > span{display:inline-block;}
div.top_btn > span{margin:0 2px 0 7px}
.welcome_main_content_area {margin-top:20px}
.talkYn_bg2{background:rgba(0,0,0,0.5);position:fixed;left:0px;top:0px;width:100%;height:100%;z-index:999999;}
.talkYn_bg2 .talkYn_box{width:300px;height:220px;margin:25% auto;background:#FFF;}
.talkYn_bg2 .talkYn_box .talk_header{background:#000;color:#FFF;overflow:hidden;padding:5px 10px;line-height:30px;}
.talkYn_bg2 .talkYn_box .talk_content{text-align:center;padding:10px;}
.talkYn_bg2 .talkYn_box .talk_content p{line-height:30px;font-weight:bolder;font-size:13px;}
.gnb{display:none}


/* sub */
.sub_wrap{width:100%; margin:20px 0; padding:0 5%}
.sub_wrap.sub_wrap01{padding:0; margin:20px 0; width:100%;}
.sub_wrap > h1{font-size:21px; text-align:center; font-weight:700;}	
.login_wrap{margin:20px 0}
.login_wrap li p{font-size:15px}
.login_wrap ul li{margin-bottom:20px}
.login_wrap ul li div{}
.login_wrap ul li input[type="text"]{border-bottom:1px solid #848484; width:100%; padding:10px 5PX; background-color:transparent}
.login_wrap ul li input[type="password"]{border-bottom:1px solid #848484; width:100%; padding:10px 5PX; background-color:transparent}
.loginBtn{text-align:center;}
.loginBtn button{ line-height:1; font-size:15px; padding:15px 30px;background-color:#97c524; color:#fff;}
.member_wrap{display:flex; justify-content:center; margin:20px 0 30px}
.member_wrap a{color:#666; display:flex; align-items:center; font-size:14px;}	
.member_wrap a.joinUs:after{content:''; width:1px; height:14px; background-color:#c4c4c4; display:block; margin:0 10px}

	/* new-pro */
	.procuts_wrap > div.store_wrap:first-child{margin-top:20px}
	.store_wrap{display:flex; flex-wrap:wrap; gap:10px; margin-bottom:30px}
	.store_wrap > div{width:calc(50% - 5px)}
	.store_wrap .store_data{width:100%; background-color:#eee; padding:10px 10px 12px; font-weight:600; line-height:1}
	.store_wrap a{font-size:14px; line-height:1}
	.store_wrap a.imgwrap{height:150px; display:flex; justify-content:center; align-items:center; border:1px solid #ddd}
	/*.store_wrap a.imgwrap img{max-width:100%; height:100%; object-fit: scale-down;}*/
	.store_wrap a.imgwrap img{max-width:100%; height:100%; object-fit: contain;} 
	.store_wrap a.proname{margin-top:5px; height:59px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-height:1.3}
	span.prosize{font-size:14px; margin-top:5px ; display:inline-block; color:#666;}
	a.proname{font-size:15px; font-weight:600}
	p.price{font-weight:600; font-size:14px; color:#138cdd; margin-top:10px; margin-bottom:5px;}
	p.savings{font-weight:400; font-size:14px; color:#666}

	.store_wrap div.paging_wrap{width:100%; display:flex; flex-wrap:wrap; justify-content:center;}
	.store_wrap div.paging_wrap p:first-child{margin-right:5px; display:flex; justify-content:center; line-height:1.9; font-size:14px; align-items:center}
	.store_wrap div.paging_wrap p:last-child{margin-left:5px; display:flex; justify-content:center; line-height:1.9; font-size:14px; align-items:center}
	.store_wrap div.paging_wrap b{line-height:1; font-weight:700; color:#000; margin:0 2px; line-height:1.7}
	.store_wrap div.paging_wrap a{color:#979797; margin:0 2px; line-height:1.7}

	/* detail */
	.detail_wrap div.detail_top{ border-bottom:1px solid #d1d1d1; padding-bottom:20px}
	.detail_wrap div.detail_top > a{padding: 0 5%; display:flex; justify-content:center;}
	.detail_wrap .pro_title{font-size:21px; font-weight:600; margin:20px 0; padding:0 5%}
	.detail_wrap .pro_price{font-size:21px; padding:0 5%}
	.detail_wrap .pro_price span{color:#393939; display:block; text-decoration: line-through; font-size:19px; font-weight:300; }
	.detail_wrap .pro_price p.detail_price{font-size:25px; font-weight:600; color:#138cdd; line-height:1.2}
	.detail_wrap .pro_price p b{color:#000; font-size:15px; font-weight:300; margin-left:5px}
	.pro_main_img > img{max-width:100% !important; max-height:auto !important;}
	div.detail_mid{padding:0 5%; margin-top:15px}
	div.detail_mid ul li{display:flex; ; color:#5c5c5c; margin-bottom:5px;font-size:14px; border-bottom:1px solid #eee; margin-bottom:10px; padding-bottom:10px;}
	div.detail_mid ul li h3{width:120px;}
	div.detail_mid ul li p{width:calc(100% - 120px); color:#000; word-break:keep-all; }
	.detail_bottom > div{display:flex; align-items:center; flex-wrap:wrap;}
	.detail_bottom > div h3{width:120px;}
	.detail_bottom > div p{width:calc(100% - 120px); color:#000; word-break:keep-all;}
	.detail_bottom > div p input{border:1px solid #eee; padding:10px; margin-right:10px}
	.detail_bottom > div.button_wrap{margin:20px 0; gap:5px}
	.detail_bottom > div.button_wrap a{width:calc(50% - 3px); text-align:center; border:1px solid #eee; padding:10px 0}
	.detail_bottom > div.button_wrap a.purchase_btn{background-color:#19b916; color:#fff; width:100%; padding:13px 0 14px; font-weight:600}
	.detail_bottom > div.button_wrap a.cart_btn{border:1px solid #3582e9; color:#3582e9}
	.detail_bottom > div.button_wrap a.wish_btn{background-color:#fff}
	div.soldout{width:100%; display:flex; align-items:center; gap:5px}
	div.soldout a{flex:1; text-align:center; border:1px solid #eee; padding:10px 0}
	div.soldout a.soldout_btn{background-color:#d1d1d1; color:#9f9f9f;}

	/* 상품리스트 */
	div.best_pro_wrap{display:flex; flex-wrap:wrap; gap:1rem; padding:0 5%; margin-top:1rem}
	div.best_pro_wrap > div{width:calc(50% - 0.5rem)}
	div.best_pro_wrap > div > a div {height:150px; border:1px solid #ddd; text-align:center; margin-bottom:5px}
	div.best_pro_wrap > div > a div > img{max-width:100%; height:100%; object-fit:contain}
	div.best_pro_wrap h3{width:100%; text-align:center; font-size:21px; font-weight:600}
	div.best_pro_wrap > div p.pro_title{font-size:15px; font-weight:600; line-height:1.3; height:59px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box;
  -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
	div.best_pro_wrap > div p.pro_category{font-size:13px; color:#666}
	div.best_pro_wrap > div h4{font-weight:600; margin-top:10px; color:#138cdd}
	
	div.pick_pro_wrap:before{content:''; display:block; width:100%; height:1px; background-color:#ddd; margin-bottom:30px}
	div.pick_pro_wrap{display:flex; flex-wrap:wrap; gap:1rem; padding:30px 5% 0; margin-top:30px; margin-bottom:50px;}
	div.pick_pro_wrap > div{width:calc(50% - 0.5rem)}
	div.pick_pro_wrap > div > a div {height:150px; border:1px solid #ddd; text-align:center; margin-bottom:5px}
	div.pick_pro_wrap > div > a div > img{max-width:100%; height:100%; object-fit:contain}
	div.pick_pro_wrap h3{width:100%; text-align:center; font-size:21px; font-weight:600}
	div.pick_pro_wrap > div p.pro_title{font-size:15px; font-weight:600; line-height:1.3;}
	div.pick_pro_wrap > div p.pro_category{font-size:13px; color:#666}
	div.pick_pro_wrap > div h4{font-weight:600; margin-top:10px; color:#138cdd}

	/* 주문페이지 order_xpay.php */
	.order_wrap{margin-top:30px; }
	.order_wrap h3{width:100%; text-align:center; font-size:21px; font-weight:600}
	.order_wrap h4{}
	/* 주문하기 상품 리스트 */
	.order_list_wrap{ margin-top:20px; padding:0 5%}
	.order_list_wrap form{border-top:2px solid #000; }
	.order_pro_list{border-bottom:1px solid #ddd; margin-bottom:10px; padding:10px 0; display:flex; gap:10px; flex-wrap:wrap;}
	.order_pro_list div.order_pro_img{width:30%;height:150px; display:flex; justify-content:center; align-items:center; background-color:#f7f7f7; padding:7px;}
	.order_pro_list div.order_pro_img img{max-width:90%;object-fit: contain; max-height:100%;}
	.order_pro_list ul{width:calc(70% - 10px);}
	.order_pro_list ul li{display:flex; justify-content:space-between; margin-bottom:5px; line-height:1.1}
	.order_pro_list ul li h6{font-weight:800; line-height:1.2; border-bottom:1px solid #ddd; padding-bottom:10px; margin-bottom:10px; font-size:15px}
	.order_pro_list ul li p{font-size:14px; color:#2c2c2c;}
	.order_pro_list ul li b{font-size:14px; color:#2c2c2c;}
	.order_pro_list > .total_price{width:100%; border-top:1px solid #ddd; padding-top:10px}
	.order_pro_list > .total_price > div{display:flex; justify-content:space-between;}
	.order_pro_list > .total_price > div > p{font-weight:600;}
	.order_pro_list > .total_price > div > b{font-weight:600;}
	

	.total_price_wrap{padding:0 5%}
	.total_price_wrap ul li{display:flex; justify-content:space-between; margin-bottom:5px}
	.total_price_wrap ul li p{font-weight:600; font-size:16px}
	.total_price_wrap ul li b{font-weight:600; font-size:16px}
	.total_price_wrap ul li b span{font-weight:600; font-size:16px; color:#138cdd}
	.savings_box label{padding-right:10px}
	div.coupon_list_wrap{ display:flex; flex-wrap:wrap; align-items:center;justify-content:space-between; margin-bottom:5px}
	div.coupon_list_wrap b{font-size:16px; font-weight:600; width:100%;}
	.total_price_wrap ul li.coupon_li{flex-direction:column;}
	.total_price_wrap ul li.coupon_li > div{background-color:#f2f3f4; padding:10px 15px}
	.coupon_use{border:1px solid #000; font-size:13px; padding:2px 10px; margin-left:5px; background-color:#fff}
	/* 구매자 정보 */
	.info_buyer{margin-top:50px}
	.info_buyer > h6{font-size:17px; background-color:#f2f5f6; border:1px solid #666; border-width:1px 0; padding:15px 5%; font-weight:600; line-height:1}
	.information_box > ul {padding:20px 5%}
	.information_box > ul > li {padding-top:30px}
	.information_box > ul > li:first-child{padding-top:0}
	.information_box > ul > li:last-child{padding-top:20px}
	.information_box > ul > li > p{margin-bottom:5px; color:#000; font-weight:500}
	.information_box > ul > li input{border:1px solid #cfcfcf; width:100%; padding:8px 10px}
	.information_box > ul > li > div.tel_info_wrap{display:flex; align-items:center; justify-content:space-between; line-height:1}
	.information_box > ul > li > div.tel_info_wrap > input{width:calc(30%); }
	.information_box > ul > li.address_li > input{margin-bottom:10px;}
	.information_box > ul > li > div.address_wrap{display:flex; gap:10px; margin-bottom:10px}
	.information_box > ul > li > div.address_wrap input{width:50%}
	.information_box > ul > li > div.address_wrap > a{background-color:#000; color:#fff; display:flex; align-items:center; padding:8px 10px; font-size:13px; width:calc(50% - 10px); justify-content:center;}
	.information_box > ul > li > a{font-weight:400; margin:10px 5%; text-align:center}
	.information_box > ul > li > a span{text-decoration:underline; color:#138cdd;}
	.information_box > ul > li > a b{font-weight:600}
	.information_box > ul > li:last-child input:last-child{margin-bottom:0}
	
	.info_delivery > h6{font-size:17px; background-color:#f2f5f6; border:1px solid #666; border-width:1px 0; padding:15px 5%; font-weight:600; line-height:1;}
	li.deliv_fee_wrap{}
	li.deliv_fee_wrap > div{width:100%;}
	li.deliv_fee_wrap > div > input{display:none;}
	li.deliv_fee_wrap > div > label {display:flex; line-height:1.2; }
	li.deliv_fee_wrap > div > label:before{content:''; width:15px; height:15px; border:1px solid #a2a2a2; display:block;}
	li.deliv_fee_wrap > div > label span{width:calc(100% - 20px); margin-left:5px; font-size:14px;}
	li.deliv_fee_wrap > div > input:checked + label:before{background-color:#000; background-image:url('../../images/ico_chk2.png'); background-size:80%; background-position:center; background-repeat:no-repeat; border-color:#000}
	.information_box.info_delivery > ul > li:last-child{padding-top:30px}
	.deliv_message textarea{width:100%}
	.deliv_message span{font-size:14px; line-height:1.2; display:block; color:#8a8a8a}

	/* 개인정보 */
	.agreement_wrap{padding:15px 5%; }
	.agreement_wrap > h6{font-size:17px; font-weight:600}
	.agreement_wrap > div{padding:0 5px;display:flex; align-items:center; margin-top:5px}
	.agreement_wrap > div:nth-child(odd){margin-bottom:20px;}
	.agreement_wrap > div > p{font-size:14px; line-height:1.2; font-weight:600; width:30px;}
	.agreement_wrap > div > input{display:none;}
	.agreement_wrap > div > label{display:flex; line-height:1.2; display:flex; justify-content:space-between; font-size:14px; width:calc(100% - 30px)}
	.agreement_wrap > div > label:after{content:''; width:15px; height:15px; border:1px solid #a2a2a2; display:block;}
	.agreement_wrap > div > input:checked + label:after{background-color:#000; background-image:url('../../images/ico_chk2.png'); background-size:80%; background-position:center; background-repeat:no-repeat; border-color:#000}
	.agreement_wrap .agreement_all{border-bottom:1px solid #ddd; padding-bottom:20px; margin-bottom:20px }
	.agreement_wrap .agreement_all label{font-size:17px; font-weight:600; width:100%; align-items:center;}
		/* 내용box */
		.agreement_wrap > div.agree{display:block; width:100%; height:100px; font-size:13px; padding:10px; color:#4b4b4b; overflow-y:auto; border:1px solid #999;}
		.agreement_wrap > div.agree b{font-weight:600;font-size:13px; margin-bottom:3px; display:block;}
		.agreement_wrap > div.agree p{font-size:13px; display:block; margin:15px 0 0; width:100%}
		.agreement_wrap > div.agree span{font-size:13px; display:block; }
	/* 다음 버튼 */
	.agreement_wrap .confirm_btn{text-align:center; display:block; margin:50px 0}
	.agreement_wrap .confirm_btn > a{background-color:#000; padding: 15px 20px 17px; color:#fff; line-height:1}

	/* 회원가입 */
	.join_title{padding-top:10px; }
	.join_title > h3{font-size:21px; font-weight:600; text-align:center;padding-bottom:30px; }
	.join_title > div {background-color:#f0f1f3; border-radius:10px; padding:10px 0}
	.join_title > div > p{text-align:center; word-break:keep-all; padding:10px 20px ; font-size:14px; color:#4b4b4b; line-height:1.2; }
	.join_title > div > p > b{display:block; font-weight:600; color:#000; margin-bottom:3px}
		/* 회원가입 form만 */
		.join_title > div.join_info_txt{background-color:transparent}
		.join_title > div.join_info_txt > p{text-align:left; padding:0}
		.join_title > div.join_info_txt > p > b{display:inline-block; color:#F00}

	.join_chk_wrap{ border-top:1px solid #000; margin: 50px 0; padding-top:20px}
	.join_chk_wrap > div:first-child{margin-bottom:30px;}
	.join_chk_wrap > div:first-child > p{text-align:center; font-weight:600}
	.join_chk_wrap > div:first-child > span{text-align:center; display:block; font-size:13px; color:#666}
	.join_chk_wrap .join_all_chk{ border-bottom:1px solid #ddd; margin-bottom:20px; padding-bottom:20px;}
	.join_chk_wrap .join_all_chk input#a6{display:none;}
	.join_chk_wrap .join_all_chk label{font-size:17px; font-weight:600; width:100%; display:flex; justify-content:space-between; align-items:center; margin-bottom:10px; background:#d7e5d2; padding:10px; line-height:1}
	.join_chk_wrap .join_all_chk label:after{content:''; height:15px; width:15px; border:1px solid #a2a2a2; display:block}
	.join_chk_wrap .join_all_chk input:checked + label:after{background-color:#000; background-image:url('../../images/ico_chk2.png'); background-size:80%; background-position:center; background-repeat:no-repeat; border-color:#000}
	.join_chk_wrap .join_all_chk p{text-align:left; font-size:13px; color:#666; line-height:1.2}
	section.join_agreement_wrap{margin-top:20px}
	section.join_agreement_wrap > div strong{font-weight:600; margin-bottom:5px}
	section.join_agreement_wrap > div.agree{display:block; width:100%; height:100px; font-size:13px; padding:10px; color:#4b4b4b; overflow-y:auto; border:1px solid #999;}
	section.join_agreement_wrap > div.agree > b{font-weight:600; font-size:13px; margin-bottom:3px; display:block;}
	section.join_agreement_wrap > div.agree_chk{display:flex; justify-content:space-between; position:relative; margin-top:10px; }
	section.join_agreement_wrap > div.agree_chk div p{font-size:14px}
	section.join_agreement_wrap > div.agree_chk div p b{font-size:14px; font-weight:600; margin-right:5px}
	a.join_next{ display:block; width:100%; text-align:center; border:1px solid #000; margin-top:30px; padding:10px; background-color:#000; color:#fff}
	/*
	section.join_agreement_wrap > div.agree_chk input{width:0; height:0;}
	section.join_agreement_wrap > div.agree_chk input:after{content:''; display:block; width:15px; height:15px; border:1px solid #a2a2a2; position:absolute; top:50%; right:0; transform:translateY(-50%);}
	section.join_agreement_wrap > div.agree_chk input:checked:after{background-color:#000; background-image:url('../../images/ico_chk2.png'); background-size:80%; background-position:center; background-repeat:no-repeat; border-color:#000}
	*/
	.join_info_item{border-top:2px solid #000; margin-top:30px; padding-top:20px}
	.join_info_item li{margin-bottom:30px}
	.join_info_item li div.tell_wrap{position:relative}
	.join_info_item li div.tell_wrap a{background-color:#000; color:#fff; position:absolute; right:0; top:0; height:100%; display:flex;align-items:center; padding:0 10px; font-size:13px}
	.join_info_item li div.relative{position:relative}
	.join_info_item li div.relative a{background-color:#000; color:#fff; position:absolute; right:0; top:0; height:100%; display:flex;align-items:center; padding:0 10px; font-size:13px}
	.join_info_item li p{font-size:15px; margin-bottom:5px; font-weight:600}
	.join_info_item li p > i{color:#f00}
	.join_info_item li p.fix_info{border:1px solid #cfcfcf; width:100%; padding:10px 10px; background-color:transparent; font-weight:400; color:#6b6b6b}
	.join_info_item li input{border:1px solid #cfcfcf; width:100%; padding:10px 10px; background-color:transparent}
	.join_info_item li p.check_txt{font-size:13px; padding:5px 0 5px 5px; color:#808080; font-weight:400; }

	.join_info_item div.birth_info_form{display:flex; flex-wrap:wrap; gap:10px;justify-content:space-between;}
	.join_info_item div.birth_info_form input[type="text"]{max-width:80%;}
	.join_info_item div.birth_info_form input[type="number"]{max-width:80%;}
	.join_info_item div.birth_info_form div{width:calc((100% / 3) - 10px)}
	.join_info_item div.birth_info_form select{width:calc((100% / 3) - 10px); padding:0 10px; border-color:#cfcfcf}
	.join_info_item div.birth_info_form div span{padding-left:5px}
	.join_info_item div.birth_info_form div:last-child{width:100%}
	.join_info_item div.birth_info_form div.birth4_wrap{display:flex;}
	.join_info_item div.birth_info_form div.birth4_wrap input[type="radio"]{display:none }
	.join_info_item div.birth_info_form div.birth4_wrap label{width:50%; text-align:center; border:1px solid #cfcfcf; padding:10px; }
	.join_info_item div.birth_info_form div.birth4_wrap input:checked + label{background-color:#000; color:#fff; border-color:#000}
	.join_info_item li.sign_up_btn{margin-bottom:50px}
	.join_info_item li.sign_up_btn > a{display:block; color:#fff; background-color:#60c03a; width:100%;text-align:center; padding:10px}
	.join_info_item li.modify_btn{display:flex; gap:10px;}
	.join_info_item li.modify_btn > a{width:calc(50% - 5px); text-align:center;border:1px solid #ddd; padding:10px; color:#9b9b9b; background:#ececec;}
	.join_info_item li.modify_btn > a.modify_comfirm{background:#63c33d; color:#fff; border-color:#63c33d}
	
	/* 수정 완료 체크 페이지 */
	.join_info_item.mypage_edit_confirm input{border:1px solid #dedede; background:#f9fafc; color:#a0a0a0;}
	.join_info_item.mypage_edit_confirm input:focus{outline:0}
	.join_info_item.mypage_edit_confirm div.tell_wrap input{width:calc(30% - 10px);}
	.join_info_item.mypage_edit_confirm div.mailing_chk_wrap label{color:#c5c5c5}
	.join_info_item.mypage_edit_confirm .logout_info{text-align:center;}
	.join_info_item.mypage_edit_confirm .logout_info p {font-weight:500; line-height:1.2}
	.join_info_item.mypage_edit_confirm .logout_info p span{color:#f00}
	.join_info_item.mypage_edit_confirm .logout_info a{background-color:#bfbfbf; display:block; color:#fff; margin-top:10px; padding:10px 0}


	div.address_info input{margin-top:10px}
	div.tell_wrap{display:flex; gap:10px; align-items:center;}
	div.tell_wrap input{width:calc(24% - 10px)}
	div.email_wrap{display:flex; align-items:center; gap:5px}
	div.email_wrap > select{padding:10px 5px; border:1px solid #cfcfcf;}
	div.mailing_chk_wrap{display:flex}
	div.mailing_chk_wrap input{display:none}
	div.mailing_chk_wrap label{width:50%; text-align:center; border:1px solid #cfcfcf; padding:10px; }
	div.mailing_chk_wrap :checked + label{background-color:#000; color:#fff; border-color:#000}
	/*#auth_check{width:100%; border:1px solid #cfcfcf; margin-top:5px; padding:10px; text-align:center; background-color:#f0f3f4; color:#777e80}*/
	#auth_check{ border:1px solid #cfcfcf; padding:10px; text-align:center;}

	.special_price_paging{display:flex; justify-content:center; width:100%; margin-bottom:30px}
	h3.top_title{font-size:21px; font-weight:600; text-align:center; margin-top:20px}
	.list_produts{margin:20px 5% 0; display:flex; flex-wrap:wrap; gap:10px; }
	.list_pro_wrap{display:flex; flex-direction:column; padding-bottom:10px; width:calc(50% - 0.5rem)}
	.list_pro_wrap div:first-child{}
	.list_pro_wrap div.pro_info{}
	.list_pro_wrap div.pro_info > a:nth-child(1){font-size:13px; color:#666}
	.list_pro_wrap div.pro_info > a:nth-child(2){font-size:15px; color:#000; font-weight:600; line-height:1.2; margin-bottom:5px}
	.list_pro_wrap div.pro_info > div{font-size:14px}
	.list_pro_wrap > a > span{font-size:13px; color:#666; margin-top:10px; display:block;}
	.list_pro_wrap > a > h3{font-weight:600; height:59px; line-height:1.3; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
	.list_pro_wrap > a > h4{font-weight:600; color:#138cdd;}
	.list_pro_wrap > a > p{font-size:13px; color:#666;}
	.list_pro_wrap > a > table{width:100%}
	.list_pro_wrap > a > table td{vertical-align:middle; border:1px solid #ddd; height:150px;}
	.list_pro_wrap > a > table img{max-width:100% !important}

	.board_btns{display:flex; justify-content:center; margin:30px 0; text-align:center;}
	.board_btns > a{flex:1;}
	.board_btns > a > img{max-width:85%}
	.board_title > p{font-size:21px; font-weight:600; text-align:center; padding-bottom:20px; }
	.board_content{ display:block; margin:30px 5% 0}
	.board_content > tbody{ display:block; }
	.board_content > tbody > tr{display:flex; flex-wrap:wrap;padding:10px }
	.board_content > tbody > tr:first-child{border-top:2px solid #000}
	.board_content > tbody > tr > td:nth-child(1){width:100%; text-align:left;color:#454545; font-size:14px;}
	.board_content > tbody > tr > td:nth-child(2){width:100%; text-align:left;font-weight:600}
	.board_content > tbody > tr > td:nth-child(3){display:none}
	td.list_las_obj{display:flex; justify-content:space-between; width:100%; align-items:center; margin-top:5px;}
	td.list_las_obj > div{color:#454545; font-size:14px;}
	div.paging ul{width:100%; display: flex; padding:0 5%; margin:0 0 50px}
	div.paging ul li{display: flex;color:#a5a5a5; }
	div.paging ul li.prev,
	div.paging ul li.next{width:30px; color:#000}
	div.paging ul li.paging_list{width:calc(100% - 60px); display:flex; justify-content:center;}
	div.paging ul li.paging_list a{color:#a5a5a5; font-weight:300; letter-spacing:0.8px}
	div.paging ul li.paging_list b{font-weight:600; color:#000; letter-spacing:0.8px}
	.sRadios{margin-bottom:5px; padding:0 5% }
	.sBox {display:flex; padding:0 5%}
	.sBox input{border:1px solid #000; width:calc(100% - 90px); padding:0 10px}
	.sBox a{background-color:#000; color:#fff; width:90px; text-align:center; padding:5px 0}

	/* 마이페이지 */
	.myapge_wrap{margin:30px 0 50px; padding:0 5%}
	.myapge_wrap > h1{font-size:21px; font-weight:600; text-align:center; padding-bottom:30px;}
	.mypage_top{display:flex; justify-content:space-between; align-items:center;}
	.mypage_top p{font-size:16px; color:#323131; font-weight:400; max-width:70%}
	.mypage_top p span{font-size:20px; font-weight:500; color:#000}
	.mypage_top a{border:1px solid #adadad; border-radius:50px; padding: 5px 10px; font-size:13px; color:#4f4f4f; display:flex;}
	.mypage_top a img{width:17px; opacity:0.8}
	ul.mypage_menu{display:flex;  width:100%; border:1px solid #ddd; margin-top:10px; border-radius:10px; padding:15px 10px;  justify-content:center;}
	ul.mypage_menu > li{flex:1; display:flex; justify-content:center; align-items:center; text-align:center;}
	ul.mypage_menu > li img{width:26px}
	ul.mypage_menu > li p{font-size:13px; margin-top:10px; color:#3c3c3c; line-height:1}

	ul.board_menu{margin-top:20px; }
	ul.board_menu.customer_help{margin-top:30px}
	ul.board_menu li{margin-bottom:5px}
	ul.board_menu li h4{font-weight:600; border-bottom:1px solid #ddd; padding-bottom:10px;}
	ul.board_menu li a{font-size:14px; width:100%; display:flex; gap:5px; align-items:center;}
	ul.board_menu li a img{width:40px; opacity:0.5; }

	/* 마이페이지 내 메뉴들 공통 */
	.mypage_section{margin:30px 0 50px; padding:0 5%}
	.mypage_section > h1{font-size:21px; font-weight:600; text-align:center; padding-bottom:10px;}
	.mypage_section > p{text-align:center; padding-bottom:30px; font-size:14px; line-height:1.2}
	.mypage_section > p > span{display:block; margin-top:5px; font-size:14px; line-height:1.2}

	/* 주문 내역 */
	.order_details li{border:1px solid #ddd; margin-bottom:10px; padding:10px 15px; border-radius:5px}
	.order_details li a h3{text-align:left; font-size:16px; font-weight:600; margin-bottom:10px; display:flex; justify-content:space-between;}
	.order_details li a h3 span{font-weight:400; color:#7c7c7c; font-size:13px; border-radius:50px; border:1px solid #ddd; padding: 3px 7px}
	.order_details li a p{text-align:right; margin-top:10px; color:#36b7e3}
	.order_details li a div{display:flex; justify-content:space-between; width:100%; align-items:center;}
	.order_details li a div span{font-size:14px; color:#7c7c7c}
	.order_details li a div b{font-weight:600;}
	.mypage_section div.paging_box{display:flex; flex-wrap:wrap; }
	.mypage_section div.paging_box > div{display:flex; flex-wrap:wrap; width:80%; justify-content:center}
	.mypage_section div.paging_box > p{width:10%}

	/* 주문내역 디테일 */
	.mypage_section.order_detail_section{padding:0}
	.order_detail_wrap > li{border:10px solid #f0f1f2; border-width: 0 0 10px}
	.order_detail_wrap > li:first-child{border-width:10px 0}
	.order_detail_wrap > li > h2{padding: 7px 5%; display:flex; align-items:center; justify-content:space-between;}
	.order_detail_wrap > li > h2 > p{font-size:18px; font-weight:600}
	.order_detail_wrap > li > h2 button{width:19px; transform:rotate(270deg); transition:all 0.2s; padding:10px 5px;}
	.order_detail_wrap > li > div{padding: 0 5%}
	.order_detail_wrap > li.delivery_chk{}
	.order_detail_wrap > li > a{padding: 7px 5%; display:flex; font-size:18px; font-weight:600; align-items:center; justify-content:space-between;}
	.order_detail_wrap > li.delivery_chk img{width:19px; transition:all 0.2s; padding:10px 5px; transform:rotate(180deg); }
	/*.detail_info{display:none;}*/
	.detail_info.active{display:block; border-top:1px solid #ddd}
	.detail_info > div{border-bottom:1px solid #ddd; padding:15px 0}
	.detail_info > div.info_dp2{border-bottom:1px dashed #e7e7e7; display:flex; justify-content:space-between; flex-wrap:wrap}
	.detail_info > div.info_dp2 > div{width:100%;}
	.detail_info > div.info_dp2 > div > p{font-size:15px; color:#000}
	.detail_info > div.info_dp2 > div > p:first-child{color:#666}
	.detail_info > div.info_dp2 > div.info_dp2_100{flex-direction:column}
	.detail_info > div:last-child{border-bottom:0}
	.detail_info > div > span{color:#929292}
	.detail_info > div > h3{font-weight:600; font-size:16px; margin:0 0 5px}
	.detail_info > div > div{display:flex; justify-content:space-between; margin-bottom:5px}
	.detail_info > div > div > span{font-size:14px; color:#3c3c3c}
	.detail_info > div > div > p{font-size:14px; color:#3c3c3c}
	.mypage_section .toList{text-align:center; margin: 20px 5%; background-color:#5cbc36; color:#fff;}
	.mypage_section .toList input{padding:10px 0; display:block; width:100%;}
	
	/* 장바구니 */
	.cart_wrapper {margin-top:30px; padding:0 5%}
	.cart_wrapper > div.cart_title{ position:relative; }
	.cart_wrapper > div.cart_title > h3{font-size:21px; font-weight:600; text-align:center;padding-bottom:20px; }
	.cart_wrapper > div.cart_title > span{position:absolute; right:0; top:5px; font-size:13px; font-weight:400; display:flex; color:#4b4b4b;}
	.cart_wrapper > div.cart_title > span > i{background-color:#eee; width:20px; height:20px; font-size:13px; border-radius:50px; text-align:center}
	.cart_wrapper > div.cart_title > div.use_popup {display:none; position:fixed; top:0; left:0; padding:20px; width:100%; height:100vh; background-color:rgba(0,0,0,0.5); z-index:999;}
	.cart_wrapper > div.cart_title > div.use_popup > div {background-color:#fff;position:absolute; bottom:0; left:0; padding:20px; border-radius:20px 20px 0 0;}
	.cart_wrapper > div.cart_title > div.use_popup > div > ul{}
	.cart_wrapper > div.cart_title > div.use_popup > div > ul > li{margin-bottom:10px; line-height:1.2;color:#4b4b4b;}
	.cart_wrapper > div.cart_title .use_info_close{background-color:#000; color:#fff; text-align:center; padding:10px; margin-top:30px }
	div.cart_items{position:relative; padding:40px 0 10px; border-bottom:1px solid #ddd}
	div.cart_items input.cart_items_chk{position:absolute; left:0; top:10px; width:20px; height:20px; border-radius:0}
	div.cart_items div.cart_pro_info{display:flex; align-items:center;}
	div.cart_items div.cart_pro_info:first-child{border-top:0;}
	div.cart_items div.cart_pro_info > table{width:120px; height:120px; min-height:100px; border-radius:0; }
	div.cart_items div.cart_pro_info table a{display:flex; height:100%; justify-content:center; align-items:center; }
	div.cart_items div.cart_pro_info table a img{width:100%; height:100%; max-width:100%; max-height:100%;object-fit:contain;}
	div.cart_items div.cart_pro_info > div{width:calc(100% - 120px); margin-left:20px; text-align:left; display:flex; flex-direction:column; gap:10px}
	div.cart_items div.cart_pro_info > div > div.cart_quantity_wrap{display:flex; align-items:center; gap:10px;}
	div.cart_items div.cart_pro_info > div > div.cart_quantity_wrap input{border:1px solid #d7d7d7; padding:2px 5px;}
	div.cart_items div.cart_price_list_wrap{margin:10px 0}
	div.cart_items div.cart_price_list_wrap > div{display:flex; justify-content:space-between}
	div.cart_top_menu{display:flex; justify-content:space-between; border-bottom:2px solid #000; padding-bottom:10px}
	div.cart_top_menu > div > input{border:1px solid #9c9c9c; padding:2px 7px; font-size:13px}
	.total_price_info{width:100%; border:1px solid #000; border-width:1px 0; padding:10px 0; margin-bottom:10px }
	.total_price_info > div {display:flex; justify-content: space-between; align-items:center; margin-bottom:2px}
	.total_price_info > div b{font-size:19px; font-weight:600}
	div.cart_btns_wrap{display:flex; flex-wrap:wrap; gap:10px; margin-bottom:20px}
	div.cart_btns_wrap a{width:calc(50% - 5px); text-align:center; border:1px solid #ddd; padding:10px;}
	div.cart_btns_wrap .toOrder_btn{width:100%;background-color:#58b831; color:#fff;  padding:15px;}
	.cart_empty{padding:20px 5%; text-align:center; font-size:17px;font-weight:600}
	.total_price_info{}