:root {
	--bg-color : #1e1f21;
	--main-color : #ff6b6b;
	--main-red-color : #ff3131;
	--sub-point-color : #6ea0f3;
}

body {width:100%; height:auto; -webkit-overflow-scrolling:touch; }

.scrollbar-st1::-webkit-scrollbar  { width: 5px; height: 5px; }
.scrollbar-st1::-webkit-scrollbar-thumb { background: #666; border:none; border-radius: 6px; }
.scrollbar-st1::-webkit-scrollbar-track { background: #111; }

/*───────────────────────────────────────────────────────────*/

/* 페이지 타이틀 */
.new-tapmenu-title { text-align: center; padding: 30px 0 0 0; }
.new-tapmenu-title h2 { color: #f5f5f5; font-weight: 700; font-size: 1.8em; font-style: italic; margin: 0; }
.new-tapmenu-title h3 { font-weight: 500;font-size: 1em; color: #999; letter-spacing: 0;padding-top: 2px;}
.new-tapmenu-title h3 b { /* font-size: 1.8em; */ }

/* 페이지 타이틀  탑 메뉴 */
.category-tap { width:80%; height:50px; box-sizing:border-box;  position:relative; background:#111; border:1px solid #000; border-radius: 35px;  margin:25px auto 25px; }
.category-tap .tap li { position: absolute; width: 54%; height:46px; box-sizing:border-box;  top: -1px; text-align: center; font-size: 13px; }
.category-tap .tap li.all {left: -1px; }
.category-tap .tap li.detail {right: -1px; }
.category-tap .tap li.left {left: -1px; }
.category-tap .tap li.right {right: -1px; }
.category-tap .tap li.center { left: 50%; transform: translateX(-50%); }
.category-tap .tap li a { width: 100%; height:46px; font-weight:500; font-size:1em; letter-spacing:-1px; color:#aaa;
	display: grid; place-items: center; padding: 12px 0; border-radius: 24px; text-decoration:none !important; box-sizing:border-box; }
.category-tap .tap li.active a { background-color:#fff; color:#ff2625; }

.category-tap.tree { width:80%; }
.category-tap.tree .tap li { width:33.33%; }

/*───────────────────────────────────────────────────────────*/

#wrap {
	min-width:320px; 
	max-width: 600px; width:100%; height:100%; 
	margin: 0 auto;
	-webkit-overflow-scrolling:touch;
}

.ly_wrap { overflow:hidden; overflow-y:scroll; -webkit-overflow-scrolling:touch;}

.ly_wrap::-webkit-scrollbar { width: 5px; height: 5px; }
.ly_wrap::-webkit-scrollbar-thumb { background: #666; border:none; border-radius: 6px; }
.ly_wrap::-webkit-scrollbar-track { background: #111; }

/*───────────────────────────────────────────────────────────

	 HEADER

───────────────────────────────────────────────────────────*/
#header {  text-align:center;
    height: 66px;
    background-color: #ff3131;
	position:relative;
}
#header h1 {
    display: inline-block;
    height: 70px;
    box-sizing: border-box;
    padding: 8px 0 0 0;
}

#header h1 img {
    max-height: 50px;
    vertical-align: middle;
}

.gcb-fixed {
    position: fixed !important;
    top: 0;
    left: 0;
    z-index: 1001;
}

.gnb-category-box {
    width: 100%;
    /* position: relative; */
	position: sticky;
    top: 0;
    background-color: #161719;
    border: 1px solid #111;
	z-index: 1001;
	box-sizing:border-box; 
}

.gnb-category-box > ul {
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: scroll;
	display:flex;
	gap:2px;
}

.gnb-category-box > ul::-webkit-scrollbar{ width:5px; height:5px; border-left:solid 1px rgba(255,255,255,.1)}
.gnb-category-box > ul::-webkit-scrollbar-thumb{  background:#555;  }

.gnb-category-box.gcb-fixed > ul {
    width: 600px;
    margin: 0 auto;
}

.gnb-category-box > ul > li {
    letter-spacing: -0.5px;
    color: #1c8b72;
    height: 42px;
    line-height: 42px;
    margin: 0;
    box-sizing: border-box;
    padding: 0 7px;
    text-align: center;
}

.gnb-category-box > ul > li a {
    color: #fff;
    font-size: 1.1em;
    font-weight: 500;
}
.gnb-category-box > ul > li i {
	color: #fff;
}
.gnb-category-box > ul > li.active {
}

.gnb-category-box > ul > li.active a {
    color: #ff7070 !important;
}


#header_wrap {}
#header_wrap header { position:relative; width:100%; min-width:320px; max-width: 600px; margin: 0 auto;  z-index:300;}
#header_wrap header.h_on { /* position:fixed; */ top:0; left:0; }
#header_wrap header .header_box { border-bottom:1px solid #444; }

#header .left_menu { position:absolute; top:7px; left:10px; display:table; }
#header .left_menu li { display:table-cell; vertical-align:top; }
#header .right_menu { position:absolute; top:7px; right:10px; display:table; }
#header .right_menu li { position:relative; display:table-cell; vertical-align:top; }

/* 좌측 메뉴 */
/*
#header .side_menu {display:inline-block; padding:16px 7px 15px 7px; vertical-align:top;}
#header .side_menu span {display:inline-block; width:20px; height:15px; font-size:0; background:url('../img/icon/icon_menu.png') no-repeat center; background-size:100%; vertical-align:top;}
*/
#header .side_menu_new {display:inline-block; padding:16px 7px 15px 7px; vertical-align:top;}
#header .side_menu_new span {display:inline-block; width:20px; height:15px; font-size:0; background:url('../img/icon/icon_menu.png') no-repeat center; background-size:100%; vertical-align:top;}

/* 검색 */
#header .top_search {display:inline-block; padding:15px 7px 15px 7px; vertical-align:top; background:none; border:none;}
#header .top_search span {display:inline-block; width:18px; height:17px;  font-size:0; background:url('../img/icon/icon_search.png') no-repeat center; background-size:100%; vertical-align:top;}
/* 마이페이지 */
#header .mypage {display:inline-block;  padding:14px 7px 14px 7px;}
#header .mypage span {display:inline-block; width:21px; height:21px; font-size:0; background:url('../img/icon/icon_mypage.png') no-repeat center; background-size:100%; vertical-align:top;}
/* 장바구니 */
#header .cart {display:inline-block;  padding:15px 7px 14px 7px;}
#header .cart span {display:inline-block; width:20px; height:21px;  font-size:0; background:url('../img/icon/icon_cart.png') no-repeat center; background-size:100%; vertical-align:top;}
#header .cart_count {position:absolute; top:8px; right:0; display:block; padding:3px 6px 1px 6px; line-height:15px; border-radius:100%; color:#fff; background:#ab3e55;  vertical-align:middle; font-size:12px;}

#bottom_bar_wrap {
    position: relative;
    z-index:1001;
}

#bottom_bar{
    width: 100%;
    min-width: 320px;
    max-width: 600px;
    margin: 0 auto;
    display: flex;
    gap: 12px;
    padding: 0 16px;
	/*
    padding-bottom: calc(env(safe-area-inset-bottom) + 0px);
    padding-bottom: calc(constant(safe-area-inset-bottom) + 0px);
	*/
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #101113;
    color: #666;
    border: 1px solid #000;
    box-sizing: border-box;
    transform: translateZ(0);
}
#bottom_bar > a{
	display: flex;
    flex-direction: column;
    align-items: center;
    flex-basis: 20%;
    height: 55px;
    color: inherit;
    font-size: 11px;
	color: #888;
    font-weight: 600;
    line-height: 14px;
    text-decoration: none;
}
#bottom_bar > a span.icon{
	display:block;
	margin: 5px 0 3px;
}
#bottom_bar > a span.icon i{
	font-size: 20px;
    color: #fff;
}
/*───────────────────────────────────────────────────────────
glob-nav
───────────────────────────────────────────────────────────*/

.glob-nav{ display:none; position:fixed; top:0; width:100%; max-width:600px; height:100%; background-color:#111; z-index:9999990; box-sizing:border-box; 
	border-left:1px solid #000; border-right:1px solid #000; }

.glob-nav button{ background:none; border:none; outline:none; }
.glob-nav button i { font-size: 17px; color:#fff;  }
.glob-nav > ul{ box-sizing:border-box;  }
.glob-nav > ul.search-wrap{ height:50px; padding:12px; }
.glob-nav > ul.search-wrap > div{
    display: flex;
    gap: 5px;
}
.glob-nav > ul.search-wrap > div > ul{    }
.glob-nav > ul.search-wrap > div > ul:first-child{ flex: 1 1 0%; }
.glob-nav > ul.search-wrap > div > ul:first-child label{ display: flex; height:36px; background:#333; overflow:hidden; border-radius:6px; box-sizing:border-box; }
.glob-nav > ul.search-wrap > div > ul:first-child label input{ width:calc(100% - 60px); border:none; outline:none; color:#fff; background:#333; padding-left:15px; }
.glob-nav > ul.search-wrap > div > ul:first-child label button{  width: 50px;  }

.glob-nav > ul.search-wrap > div > ul:nth-child(2){ 	flex-shrink: 0;
	width:60px; padding-top:5px;  text-align:right; }
.glob-nav > ul.search-wrap > div > ul:nth-child(2) button{ }
.glob-nav > ul.search-wrap > div > ul:nth-child(2) button i { font-size: 24px; }

.glob-nav > ul.gn-big-menu{ height:45px; padding:12px 0 0 20px; border-bottom:1px solid #444; }
.glob-nav > ul.gn-big-menu > div{ display:flex; gap:15px; }
.glob-nav > ul.gn-big-menu > div > ul{  font-size:14px; color:#999; } 
.glob-nav > ul.gn-big-menu > div > ul.on{ color:#eee; font-weight:600; } 
.glob-nav > ul.gn-body{ height:calc(100% - 95px); }


.cmenu-wrap{ display:flex; width:100%; height:100%;  }
.cmenu-wrap > ul.icon{ width:130px; overflow: auto; scrollbar-width: none; }
.cmenu-wrap > ul.icon > div{}
.cmenu-wrap > ul.icon > div > ul{ height:94px; border-bottom:1px solid #444; text-align:center; padding:18px 0 0 0; box-sizing:border-box; font-size:13px; cursor:pointer; }
.cmenu-wrap > ul.icon > div > ul i { font-size:38px; color:#aaa; font-weight:normal; }
.cmenu-wrap > ul.icon > div > ul span { display:block; margin-top:1px; font-size:12px; color:#aaa; }

.cmenu-wrap > ul.icon > div > ul.on{ background:#fff; }
.cmenu-wrap > ul.icon > div > ul.on i{ color:#222; }
.cmenu-wrap > ul.icon > div > ul.on span{ color:#222;  font-weight:600; }

.cmenu-wrap > ul.sub{ flex: 1 1 0%; overflow: auto;  background:#fff; }

.callservice-wrap{ padding-top:15px; }
.callservice-wrap > div{ 
	display: grid;
	padding: 0px 16px;
	row-gap: 5px;
	column-gap: 5px;
	grid-template-columns: repeat(2, 1fr);
}
.callservice-wrap > div > ul{
	padding:13px 15px;
	background:#222;
	border-radius:8px;
}

.callservice-wrap > div > ul.title{
	grid-column: auto / span 2;
	padding:13px 15px 5px;
	background:none;
	border-radius:0;
}
.callservice-wrap > div > ul.gab{
	grid-column: auto / span 2;
	padding:0;
	height:10px;
	background:none;
	border-radius:0;
}

.callservice-wrap > div > ul > a{ 
	display: flex;
	gap:4px;
	align-items: center;
}
.callservice-wrap > div > ul > a > span{
}
.callservice-wrap > div > ul > a > span:nth-child(1){
	flex-shrink: 0;
	width: 25px;
}
.callservice-wrap > div > ul > a i{
	font-size:23px;
	vertical-align:middle;
}
.callservice-wrap > div > ul > a i[class*="fa-"]{
	font-size:18px;
}
.callservice-wrap > div > ul > a img{
	height:22px;
	vertical-align:middle;
}

.c-wrap{  display:none; }

.sub-category{ display:none; font-size:0; padding: 0px 16px; }
.sub-category.on{ display:block; }

.sub-box-no-children{
    display: inline-block;
    width: 33.33%;
	text-align:center;
	padding:15px 0 0 0;
}


.sub-box{ padding-top:10px; padding-bottom: 20px; border-bottom:1px dashed #ddd; }
.sub-name{ font-size:15px; color:#111; font-weight:600; padding: 10px 20px; }

.sub-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0px, 1fr));
    justify-items: center;
    gap: 12px 4px;
   /* padding: 0px 16px; */
}

.sub-box-no-children a,
.sub-grid a {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 85%;
	margin:0 auto;
}
.sub-grid.c2 {
	grid-template-columns: 1fr 1fr;
}
.sub-grid.c2 a{
    max-width: 100%;
	padding-left:10px;
}

.sub-grid a > div{ font-size:0; text-align:center; }

.sub-box-no-children a > div img,
.sub-grid a > div img{ max-width:80px; }

.sub-box-no-children a > span,
.sub-grid a > span{  color:#222; line-height:120%; display:inline-block; margin-top:2px; }

.sub-box-no-children a > p,
.sub-grid a > p{ width:100%; color:#222; line-height:120%; position: relative; /* padding: 0 0 0 18px; */ } 
.sub-grid a.not-img > p{ background-color:#f2f2f2; height:100%; display:block; text-align:center; padding:8px 5px; border-radius:5px; display: flex; justify-content: center; align-items: center; }
/*
.sub-grid a > p:before {
    top: 7px;
    left:10px;
    width: 4px;
    height: 4px;
    content: "";
    display: block;
    position: absolute;
    border-radius: 50%;
    background-color: #bbb;
}
*/
.sub-grid a > p.no-dot{ padding: 0 0 0 10px;}
.sub-grid a > p.no-dot:before { display:none; }
.sub-grid a > p i{ margin-right:1px; }

.sub-box-2{ display:inline-block; width:33%; margin-top:15px; }
.sub-box-2 a { display:block; text-align:center; }
.sub-box-2 a > div{ font-size:0;  text-align:center; }
.sub-box-2 a > div img{ max-width:80px; }
.sub-box-2 a > span{  color:#222; line-height:120%; display:inline-block; margin-top:2px; }
/*───────────────────────────────────────────────────────────

	 중앙 위치

───────────────────────────────────────────────────────────*/

.sub_top {position:relative; padding:0 45px 0 43px; border-top:1px solid #444;  }
/* 좌측 이전 */
.sub_top .sub_top_left {position:absolute; top:0; left:0;}
.sub_top h2 {overflow:hidden; display:block; width:100%; padding:12px 0; white-space:nowrap; text-overflow:ellipsis; font-size:15px; line-height:15px; text-align:center;}
/* 목록가기 글쓰기 위치 */
.sub_top .sub_top_right2 {position:absolute; top:5px; right:5px;}

/*───────────────────────────────────────────────────────────

	 네비게이터

───────────────────────────────────────────────────────────*/
.navi_g { /* background:#f9f9f9; border-top:1px solid #dbdcde; */ }
.navi_g ul {padding:6px 10px 6px 10px; font-size:0;}
.navi_g ul li {display:inline-block; font-size:12px; text-indent:17px; background:url('../img/icon/icon_arrow_next.png') no-repeat 5px center; background-size:7px 11px;}
.navi_g ul li:nth-child(1) {text-indent:0; background:none;}
.navi_g ul li a {font-size:12px; text-indent:15px;}

/*───────────────────────────────────────────────────────────

	 좌측 메뉴

───────────────────────────────────────────────────────────*/
/*
#wrap nav {display:none;  position:fixed; top:0; left:0; width:100%; height:100%; z-index:1001;}
#wrap nav .bg {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:1001;}
#wrap nav .left_close {position:fixed; top:20px; left:310px; width:29px; height:29px; background:url('../img/icon/icon_left_x.png') no-repeat center; background-size:100%; z-index:1002;}
#wrap nav .nav_bg_box {position:relative;}
#wrap nav .nav_bg_box .nav_box {position:fixed; top:0; left:0; width:290px; height:100%; margin:0 0 0 -290px; background:#fff; z-index:1001;}
#wrap nav .nav_bg_box .nav_box .nav_iscroll_box {position:relative; overflow: hidden; width:100%; height:100%;}
#wrap nav .nav_bg_box .nav_box .nav_iscroll_box {position:absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0);}
*/

/* 다국어 선택 */
.nav_language {display:table; position:relative; width:100%; background:#f3f3f3; }
.nav_language .tit {display:table-cell; width:30%; font-size:15px; padding:13px 15px 13px 15px; color:#262626; font-weight:bold; box-sizing:border-box;}
.nav_language .language_box {display:table-cell; width:70%; box-sizing:border-box;}

/* 배너 및 로그인 & 로그아웃 */
.nav_banner {position:relative; width:274px; margin:0 auto; padding:8px 0 8px 0; text-align:center;}
.nav_banner .nav_login {position:absolute; top:84px; left:10px;}
.nav_banner .nav_login ul {font-size:0;}
.nav_banner .nav_login ul li {display:inline-block; padding:0 10px 0 10px; background:url('../img/icon/icon_line.gif') no-repeat left center; background-size:1px 11px; }
.nav_banner .nav_login ul li:first-child {background:none;}
.nav_banner .nav_login ul li a {display:inline-block; font-size:15px; color:#222222;}
.nav_banner img {width:100%;}
.nav_banner .left_logo {position:absolute; top:50px; left:20px;}
.nav_banner .left_logo img {width:112px;}
.nav_banner .login_txt {position:absolute; top:30px; left:0px;font-size:16px; text-align:left; line-height:20px; box-sizing:border-box;padding: 0 20px; }
.nav_banner .login_txt p.name strong {overflow:hidden; display:inline-block; max-width:150px; text-overflow:ellipsis; white-space:nowrap; font-size:18px; vertical-align:middle; color:#ab3e55;}
/* 중앙 링크 (장바구니, Q&A, 최근본상품) */
.nav_link {padding:10px 0 0 0;}
.nav_link ul {display:table; width:100%;}
.nav_link ul li {display:table-cell; width:33.3%; text-align:center;}
.nav_link ul li a {display:block; padding:36px 0 0 0; font-size:13px; color:#888;}
.nav_link ul li:nth-child(1) a {background:url('../img/icon/icon_qna.png') no-repeat center 3px; background-size:33px 30px;}
.nav_link ul li:nth-child(2) a {background:url('../img/icon/icon_prd_latest.png') no-repeat center 4px; background-size:40px 25px;}
.nav_link ul li:nth-child(3) a {background:url('../img/icon/icon_lnb_heart.png') no-repeat center 4px; background-size:33px 28px;}

/* 네비 탭메뉴 */
.nav_tabmenu_box {padding-top:25px;}
.nav_tabmenu_box .nav_tabmenu {display:table; width:100%;}
.nav_tabmenu_box .nav_tabmenu li {display:table-cell; width:50%; text-align:center;}
.nav_tabmenu_box .nav_tabmenu li span {display:block; padding:10px 0 10px 0; background:#e8e8e8; color:#acacac;}
.nav_tabmenu_box .nav_tabmenu li.on span {background:#ab3e55; color:#fff; font-weight:bold;}
.nav_tabmenu_box .nav_tabmenu li:nth-child(1) span {margin:0 1px 0 8px;}
.nav_tabmenu_box .nav_tabmenu li:nth-child(2) span {margin:0 8px 0 1px;}

/* 게시판 */
.nav_community_box {padding-top:25px;}
.nav_community_box .comm_tit {padding:10px 0 10px 10px; margin:0 10px 0 10px; font-size:18px; color:#272727; font-weight:bold; border-bottom:1px solid #000000;}
.nav_community_box .board_cate {}
.nav_community_box .board_cate li {padding:0 25px;}
.nav_community_box .board_cate li a {display:block; padding:12px 0; font-size:16px; color:#1c1c1c;}

/* 배너 2 */
.nav_banner2 {width:274px; margin:0 auto; padding:20px 0 50px 0; }
.nav_banner2 a img {width:100%;}

/*───────────────────────────────────────────────────────────

	 FOOTER

───────────────────────────────────────────────────────────*/
#footer { margin:15px 0 0 0; padding:0 0 57px 0; background-color: #292a2d; }

/* 고객센터 / PC화면 보기 */
#footer footer .ft_button_box {padding:0 25px; display: none; /* 添加此行代码来隐藏内容 */ }
#footer footer .ft_button_box ul {display:table; width:100%; padding:24px 0 0 0; text-align:center;}
#footer footer .ft_button_box ul li {display:table-cell; width:50%;}
#footer footer .ft_button_box ul li:nth-child(1) {padding-right:6px;}
#footer footer .ft_button_box ul li:nth-child(2) {padding-left:6px;}
#footer footer .ft_button_box ul li a {display:block; padding:10px 0; background:#484848; color:#aeaeae; font-size:13px; border-radius:2px;}
#footer footer .ft_info2_box { }
#footer footer .ft_info2_box .ft_menu {display:table; width:100%;}
#footer footer .ft_info2_box .ft_menu li {display:table-cell; width:25%;}
#footer footer .ft_info2_box .ft_menu li a {
	display:block; padding:18px 0 18px 0; font-size:1em; color:#d1d1d1; text-align:center; letter-spacing:-1px;
}
#footer footer .ft_info2_box .ft_menu li a.privacy {
	/* color:#fff; font-weight:bold; */
}
#footer footer .ft_info2_box .ft_address {padding:0 50px 0 50px; text-align:center; font-size:12px; color:#e0e0e0; word-break:keep-all;}
#footer footer .ft_sns_btn {display:table; width:100%; text-align:center;}
#footer footer .ft_sns_btn li {display:inline-block; padding:10px 5px 10px 5px;}
#footer footer .ft_sns_btn li a {display:block; width:36px;}
#footer footer .ft_sns_btn li a img {width:100%;}

.footer-info{ padding:0 25px; }
.footer-info .me {
    width: 100%;
    height:40px;
    line-height:40px;
    font-size: 1em;
    color: #eee;
    cursor: pointer;
	/*
    border-bottom: 1px solid #292a2d;
	*/
	border-bottom: 1px solid #424242; 
    box-sizing: border-box;
    padding-left: 5px;
    background: url('../../../../dg_image/site/ico_toggle_arrow_down.png') no-repeat 98% 20px;
    background-size: 14px;
}
.footer-info .me.on{ color:#ff9191; background:url("../../../../dg_image/site/ico_toggle_arrow_up2.png") no-repeat 98% 20px; background-size:14px; }
.footer-info .bo { 
	display:none;
	padding: 10px 5px;
}
.footer-info .bo p {
	font-size: 0.9em; font-weight: 400;
}
/* 카피라이터 */
#footer footer .ft_copy { text-align:center; padding:15px 0 0 0; color:#e0e0e0; font-size:13px; font-weight: 400; font-style:normal;}
#footer footer .footer-notice{ text-align:center; padding:15px 22px 40px; font-size:12px; font-weight: 400; color:#aaa;  }

/* 바로가기 */
#footer footer .shortcut {text-align:center; background:#2f2f2f;}
#footer footer .shortcut a {display:block; padding:12px 0 12px 0;}
#footer footer .shortcut a span {position:relative; display:inline-block; color:#e0e0e0; height:36px; line-height:36px; padding:0 0 0 46px; background-size:36px; background-repeat:no-repeat;}
#footer footer .shortcut a span em {color:#ff353b; font-style:normal;}
/* 탑버튼 */
#footer footer .ft_btn_top a {display:inline-block; width:100%; height:46px; border-top:1px solid #505050; border-bottom:1px solid #787878; text-align:center; color:#ffffff; background:#5d5d5d; line-height:46px; font-size:13px; font-weight:bold;}
#footer footer .ft_btn_top a span {padding:0 0 0 15px; background:url('../img/icon/icon_top_arrow.png') no-repeat 0 center; background-size:10px 6px;}
.fixed_btn_top {position:fixed; right:11px; bottom:85px; }
.fixed_btn_top span {display:inline-block; width:42px; height:42px; background:url('../img/btn/btn_top.png') no-repeat 0 0; background-size:42px 42px; font-size:0; text-indent:-9999px;}

/* 브랜드 검색 버튼 */
.btn_nav_brand_search {position:relative; display:block; padding-left:15px; margin:8px 8px 0 8px;; height:46px; line-height:46px; color:#1c1c1c; font-size:16px; font-weight:bold; letter-spacing:-1px; border:1px solid #e6e6e6;}
.btn_nav_brand_search:after {position:absolute; top:17px; right:17px; display:inline-block; content:''; width:6.5px; height:12px; background:url('https://m.www.sxjoa.com/data/skin/mobile/showdang_m/img/icon/icon_brand_arrow.png') no-repeat 0 0; background-size:6.5px 12px;}

/* 증명 마크 로고 영역 */
.foot_certify{padding:15px 7px 0; text-align:center; background:#fff;}
.foot_certify span{display:inline-block;margin-left:-4px;}
.foot_certify span:first-child{margin-left:0;}
.foot_certify img{height:45px; margin:0 7px 15px;}


/************************************************************************************************/
/* 상품리스트박스 공통 */
/* swiper */
.swiper-st1 { overflow: hidden; }

.swiper-st1 .swiper-wrapper{ padding-bottom:15px; }
.swiper-st1 .swiper-wrapper .swiper-slide { text-align: center; vertical-align:top; box-sizing:border-box; position: relative; }
.swiper-st1 .swiper-prd-info ul{ box-sizing:border-box; }
.swiper-st1 .swiper-prd-img-wrap{ position:relative;  background-color:#fff; padding:8px; box-sizing:border-box; border:1px solid #000; border-radius:8px; }
.swiper-st1 .swiper-prd-img-wrap a{ display:block; font-size:0; }
.swiper-st1 .swiper-prd-img-wrap a > img{ width:100%; }

.swiper-st1 .swiper-prd-info-price{  margin:2px auto 0; font-size: 13px; text-align:left; padding-top:3px;  }
.swiper-st1 .swiper-prd-info-price span{ display:inline-block; }
.swiper-st1 .swiper-prd-info-price .sl-per{ font-size: 16px; font-weight:500; margin-right:5px; margin-right:2px; }
.swiper-st1 .swiper-prd-info-price .or-price{ display:block; color:#999; font-size:0.9em; font-weight:400; }
.swiper-st1 .swiper-prd-info-price .or-price s{ font-size: 12px; color:#999 !important; font-weight:300; }
.swiper-st1 .swiper-prd-info-price .or-price.custom0{ display:none; }
.swiper-st1 .swiper-prd-info-price .sl-price{ color:#ff6b6b; font-size:14px; font-weight:600; }
.swiper-st1 .swiper-prd-info-name{ margin:6px auto 0; font-size: 12px; font-weight:400; text-align:left; line-height:130%; padding:0;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1; /* 라인수 */
	-webkit-box-orient: vertical;
	word-wrap:break-word; 
}

.swiper-st1 .swiper-button-next,
.swiper-st1 .swiper-button-prev{ width:40px !important; height:40px; color:#fff; font-size: 12px !important; box-sizing:border-box; border:2px solid #000;
	border-radius:50%; background-color:#000; top:33%;
}
.swiper-st1 .swiper-button-next{ right:-23px; padding-left:3px; }
.swiper-st1 .swiper-button-prev{ left:-23px; padding-right:3px;  }
.swiper-st1 .swiper-button-prev:after,
.swiper-st1 .swiper-button-next:after {
	font-size: 18px !important;
	font-weight:700;
}
.swiper-st1 .swiper-button-next:hover,
.swiper-st1 .swiper-button-prev:hover{  background-color:#ff2a2a; border:1px solid #d21313; }
.swiper-st1 .swiper-button-prev:hover:after,
.swiper-st1 .swiper-button-next:hover:after {
	color:#fff;
}

.wide .swiper-slide{ width:30%; padding:8px 0 0 8px;}
.wide .swiper-prd-img-wrap{ width:100%; }
.wide .swiper-prd-info{ width:100%; }
.wide  .swiper-prd-info-price{}

.sub-wide .swiper-slide{ height: 270px; }
.sub-wide .swiper-prd-img-wrap{ width:165px; height:165px; padding:6px; }
.sub-wide .swiper-prd-info{ width:165px; height: 250px; }
.sub-wide .swiper-prd-info-price{  width:150px; margin:0 auto; padding-top:0; }
.sub-wide  .swiper-prd-info-name{ width:150px; margin:4px auto 0; }

.x19x {
    background-color: #111 !important;
    border: 1px solid #333 !important;
}




@media all and (min-width:600px) { 

	/* 팝업관련 */
	.ly_pop { left: 50%; transform: translateX(-50%); }

	/* cateNav */
	#cateNav { left: 50%; transform: translateX(-50%); }

} 

@media all and (max-width:600px) { 

	.cmenu-wrap > ul.icon{ width:95px; }
	.cmenu-wrap > ul.icon > div > ul{ height:80px; font-size:12px;  padding:9px 0 0 0; }
	.cmenu-wrap > ul.icon > div > ul i { font-size:32px; }
	.cmenu-wrap > ul.icon > div > ul span { margin-top:0; font-size:0.9em; letter-spacing:-0.3px; }

	.sub-name{ padding: 5px 0 10px 5px; }
	.sub-grid { padding: 0px 0; }
	
	.sub-box-no-children a > div img,
	.sub-grid a > div img{ max-width:70%;  }
	
	.sub-box-no-children a > span,
	.sub-grid a > span{  font-size:0.8em;  letter-spacing:-0.2px;  }
	
	.sub-box-no-children a > p,
	.sub-grid a > p{ font-size:0.85em; letter-spacing:-0.2px; padding: 0 0 0 ;} 
	/*
	.sub-grid a > p:before {
		top: 5px;
		left: 3px;
		width: 4px;
		height: 4px;
		content: "";
		display: block;
		position: absolute;
		border-radius: 50%;
		background-color: #bbb;
	}
	*/
	
}