/* 카테고리 proc/_category_all.html */
.category_side {width:274px; margin:0 auto;}
.category_side > li.add{ display:none;}
.category_side > li {padding:0 15px 0 15px;} 
.category_side > li ul {display:none; border-top:1px solid #666666;}
.category_side > li a {position:relative; display:block; padding:12px 0 12px 0; font-size:12px; color:#262626;}
.category_side > li a > img{max-width:100%;}
.category_side > li a.go{ display:none;}
/* 1차 카테고리 타이틀 */
.category_side > li > a { font-weight:bold;}
.category_side > li > a.on {color:#2a2a2a;}
/* 2차 카테고리 타이틀 */
.category_side > li > ul > li > a {padding-left:10px;}
.category_side > li > ul > li > a.on {color:#2a2a2a; font-weight:bold;}
/* 3차 카테고리 타이틀 */
.category_side > li > ul > li > ul > li > a {padding-left:15px; font-size:14px; color:#747474;}
.category_side > li > ul > li > ul > li > a.on {color:#2a2a2a; font-weight:bold;}
/* 4차 카테고리 타이틀 */
.category_side > li > ul > li > ul > li > ul > li > a {padding-left:25px; font-size:12px; color:#767676;}
.category_side > li > ul > li > ul > li > ul > li > a.on {color:#2a2a2a; font-weight:bold;}
/* 하위카테고리가 있을경우 아이콘 */
.category_side li a span.icon_plus {position:absolute; top:50%; right:0; display:block; width:12px; height:7px; margin:-3px 0 0 0; background:url('../../img/icon/icon_left_arrow.png') no-repeat center; font-size:0; vertical-align:middle; background-size:12px 7px;}
.category_side li a.on span.icon_plus {background:url('../../img/icon/icon_left_arrow_on.png') no-repeat center; background-size:12px 7px;}
/* 하위카테고리가 없을경우 아이콘 */
.category_side li a.icon_arrow {/*background:url('../../img/icon/icon_arrow_right.png') no-repeat right center; background-size:6px 10px;*/}


#side{display:block;}

.side_header{ padding:0; text-align:center}
.side_header .left_logo{ display:block; text-align:center; padding:5px 20px;}
.side_header .left_logo img{ display:block; height:100%; max-height:30px; margin:0 auto; }
.side_header ul{width:159px;margin:0 auto}
.side_header li{float:left;margin-left:16px}
.side_header li:first-child{margin-left:0}
.side_header a{display:block;}


#side .member-btns { display:block; float:left; width:100%; margin:0; padding:0; border-bottom: 1px solid #dddddd; }
#side .member-btns .member-btn {display: table; width:90%; margin:0 auto; padding:20px 0 15px; text-align:center; background-color:transparent;}
#side .member-btns .member-btn .btnbox { display:table; width:100%; text-align:center;}
#side .member-btns .member-btn-in{display: table-cell; width:50%; vertical-align: middle;padding: 0 5px;}
#side .member-btns .member-btn .msg { display:block; padding:5px 15px; font-size:0.7em; color:#808080; }
#side .member-btns .member-btn .msg .state { display:block; color:#000; font-weight:bold;}

#side .member-btns .member-btn-in:first-child{padding: 0 5px 0 0;}
#side .member-btns .member-btn-in+.member-btn-in{padding: 0 0 0 5px;}
#side .member-btns .member-btn-in a{display: block; font-size: 14px; background: #242424; color: #fff; text-align: center; height: 39px; line-height: 39px; }
#side .member-btns .subbtn a { background: #242424; }

#side .side_lnb { display:block; float:left; width:100%; margin:0 auto; padding:10px 0 0; background:#F9F9F9;  border-bottom: 1px solid #dddddd; }
#side .side_lnb :after{content:''; display:block; clear:both;}
#side .side_lnb ul{ display:block; width:90%; margin:0 auto;}
#side .side_lnb ul li{display:inline-block; position:relative; float:left; width:25%; text-align:center;}
#side .side_lnb a { display:block; }
#side .side_lnb a span{ display:block; padding:10px 0; text-align:center; white-space:nowrap; font-size:0.7em;  }
#side .side_lnb span.ico{ width:20px; margin:0 auto; padding:10px; vertical-align:middle; border-radius:20px; background:#FFF;}
#side .side_lnb img { display:block; width:auto; height:20px; margin:0 auto; vertical-align:middle;}



/**고객센터**/
#side .cscenter { display:block; float:left; width:100%; margin:10px auto; text-align:center; vertical-align:top;}
#side .cscenter:after { content:''; display:block; clear:both;}
#side .cscenter h3 { display:block; width:100%; text-align:center; padding:0 0 10px; font-size:12px; }
#side .cscenter .inbox{ display:block; padding:10px 20px; border:1px solid #e0e0e0; }
#side .cscenter .inbox:after{content:''; display:block; clear:both;}

#side .callcenter { display:block; margin:10px;  vertical-align:top; }
#side .callcenter dd.phone a{ font-size:1.5em; font-weight:bold; }
#side .callnumber{ display:block; margin:10px; padding:10px; color:#FFFFFF; background:#000000; }
#side .callnumber span{display:inline-block; width:14px; margin-right:10px;}
#side .callnumber span img{display:block; width:100%; vertical-align:middle;}
#side .cscenter dl,
#side .cscenter dd,
#side .cscenter dt { display:block; float:left; width:100%; text-align:center; font-size:0.9em; line-height:1.5em; }
#side .cscenter dt {font-weight:bold; }
#side .cscenter dl { margin-bottom:10px;}
#side .bankinfo { display:block; margin:10px; vertical-align:top; }
#side .cscenter .bank{margin-right:5px;}
#side .cscenter .bank, 
#side .bankinfo .account { display:inline-block; border:0;}

#side .bankinfo > a, #side .callcenter > a{display:block; width:100%; margin:10px auto 0; padding:10px 0;  text-align:center; color:#FFF; }



#side .side_banner{ display:block; }
#side .side_banner img{ max-width:100%; }



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

	 좌측 메뉴

───────────────────────────────────────────────────────────*/
#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:#2a2a2a;}
/* 중앙 링크 (장바구니, 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:#2a2a2a; color:#fff; font-weight:bold;}
.nav_tabmenu_box .nav_tabmenu li:nth-child(1) span {margin:0;}
.nav_tabmenu_box .nav_tabmenu li:nth-child(2) span {margin:0;}

/* 게시판 */
.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%;}