@charset "utf-8";

body {width:100%; height:auto; -webkit-overflow-scrolling:touch;}
#wrap {min-width:320px; width:100%; height:100%; -webkit-overflow-scrolling:touch;}
.ly_wrap {overflow:hidden; overflow-y:scroll; -webkit-overflow-scrolling:touch;}

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

	 HEADER

───────────────────────────────────────────────────────────*/
#header_wrap {}
#header_wrap header { width:100%; min-width:320px; background:#fff; z-index:300;}
#header_wrap header.h_on {position:fixed; top:0; left:0;}
#header_wrap header .header_box {position: relative;border-bottom:1px solid #dfdfdf;}
#header_wrap header .header_box .h_logo {width:120px; padding:0; margin:0 auto; line-height:0; text-align:center;}
#header_wrap header .header_box .h_logo a {font-size:0; line-height:0; }
#header_wrap header .header_box .h_logo img {width:100%;}
#header_wrap header .header_box .left_menu {position:absolute; top:18px; left:15px; display:table;z-index: 1002;}
#header_wrap header .header_box .left_menu.active{position: fixed;}
#header_wrap header .header_box .left_menu li {display:table-cell; vertical-align:top;}
#header_wrap header .header_box .right_menu {position:absolute; top:0; right:15px; display:table;}
#header_wrap header .header_box .right_menu li {position:relative; display:table-cell; vertical-align:top;}
/* 좌측 메뉴 */
.left_menu .side_menu {position: relative;display:inline-block; width:23px;height: 10px;}
.left_menu .side_menu span {position: absolute;display:inline-block; width:19px;height: 19px;font-size:0; background:url('../img/icon/icon_menu.png') no-repeat center; background-size:100%; vertical-align:top;}
/* 검색 */
#header_wrap header .header_box .top_search {display:inline-block; padding:15px 5px 16px 7px; vertical-align:top; background:none; border:none;}
#header_wrap header .header_box .top_search span {display:inline-block; width:21px; height:21px;  font-size:0; background:url('../img/icon/icon_search.png') no-repeat center; background-size:100%; vertical-align:top;}
/* 마이페이지 */
#header_wrap header .header_box .mypage {display:inline-block;  padding:16px 0 16px 5px;}
#header_wrap header .header_box .mypage span {display:inline-block; width:21px; height:22px; font-size:0; background:url('../img/icon/icon_mypage.png') no-repeat center; background-size:100%; vertical-align:top;}
/* 장바구니 */
#header_wrap header .header_box .cart {display:inline-block;  padding:15px 7px 14px 7px;}
#header_wrap header .header_box .cart span {display:inline-block; width:21px; height:21px;  font-size:0; background:url('../img/icon/icon_cart.png') no-repeat center; background-size:100%; vertical-align:top;}
#header_wrap header .header_box .cart_count {position:absolute; top:23px; right:1px; display:block; padding:0px 4px 0px 4px;; line-height:13px; border-radius:100%; color:#fff; background:#181717;  vertical-align:middle; font-size:9px;}

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

	 중앙 위치

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

.sub_top {position:relative; padding:0 45px 0 43px; border-top:1px solid #dbdcde; background:#fff;}
/* 좌측 이전 */
.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:26px; left:310px; width:20px; height:20px; 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:100%; height:100%; margin:0 0 0 -290px; background:#ededed; 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 { position:relative; background:#f3f3f3; margin: 8px 0 0 0;background: #fff; padding:20px 20px 120px 20px;}
.nav_language .tit {font-size:17px;color:#393939; font-weight:bold; box-sizing:border-box;}
.nav_language .language_box {display: block;margin:5px 0 0 0;}

/* 배너 및 로그인 & 로그아웃 */
.nav_banner {display:table;width: 100%;height: 55px;position: relative;padding: 16px 15px 16px 15px;background-color: #fff;box-sizing: border-box;text-align: right;    border-bottom: 1px solid #e1e1e1;}
.nav_banner .left_menu {position:absolute; top:18px; left:15px; display:table;z-index: 1002;}
.nav_banner .nav_login {position: absolute;right: 10px;top: 18px;}
.nav_banner .nav_login ul {font-size:0;display: inline-block;}
.nav_banner .nav_login ul li {display:inline-block; padding:0 0 0 10px; }
.nav_banner .nav_login ul li:first-child {padding:0 10px 0 10px;}

.nav_banner .nav_login ul li a {display:inline-block; font-size:12px; color:#999999;}

.nav_banner .nav_login ul li a.login{font-size: 13px;color: #181717;padding:0;}
.nav_banner .nav_login ul li a.join{font-size: 13px;}

.nav_banner img {width:100%;}


.nav_banner .left_logo {display: table-cell;vertical-align: middle;}
.nav_banner .left_logo img {width:69px;vertical-align: middle;}
.nav_banner .login_txt {font-size:13px; text-align:center; line-height:20px; box-sizing:border-box;color:#333;padding: 10px 0 10px 0;}
.nav_banner .login_txt p.name{font-weight: bold;}
.nav_banner .login_txt p.name strong {position: relative;top:-3px;overflow:hidden; display:inline-block; max-width:150px; text-overflow:ellipsis; white-space:nowrap; font-size:16px;color: #222;vertical-align:middle; }
/* 중앙 링크 (장바구니, Q&A, 최근본상품) */
.nav_link {height: 76px;margin: 8px 0 0 0;background-color: #fff;}
.nav_link ul {display:table; width:100%;}
.nav_link ul li {display:table-cell; width:33.3%; text-align:center;}
.nav_box.login_wrap .nav_link ul li { width:25%;}
.nav_link ul li a {display:block; padding:43px 0 14px 0; font-size:13px; color:#3b3b3b;background-repeat: no-repeat;background-position: center 17px; background-size: 20px 20px;border-left: 1px solid #edeef3;}
.nav_link ul li:nth-child(1) a {background-image:url('../img/icon/icon_nav_cart.png');border: 0;}
.nav_link ul li:nth-child(2) a {background-image:url('../img/icon/icon_nav_lnb_heart.png');}
.nav_link ul li:nth-child(3) a {background-image:url('../img/icon/icon_nav_prd_latest.png');}
.nav_link ul li:nth-child(4) a {background-image:url('../img/icon/icon_nav_mypage.png');}


/* 네비 탭메뉴 */
.nav_category{margin: 8px 0 0 0;}
.category_img img {width:100%;}
.nav_tabmenu_box {background: #ededed;}
.nav_tabmenu_box > *{background: #fff;}
.nav_tabmenu_box .tab_menu1{overflow: hidden;}
.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; height: 26px;padding:12px 0 8px 0; font-size: 15px;color:#b2b2b2;border-bottom: 1px solid #d3d3d3}
.nav_tabmenu_box .nav_tabmenu li.on span {height: 25px;color:#181717; font-weight:bold;border-bottom: 2px solid #181717;}


/* 게시판 */
.nav_community_box {margin:10px 0 0 0;}
.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 {overflow: hidden;background-color: #fff;}
.nav_community_box .board_cate li {float: left;width: 50%;border-top: 1px solid #dfdfdf;box-sizing: border-box; }
.nav_community_box .board_cate li:nth-child(even){border-left: 1px solid #dfdfdf;}
.nav_community_box .board_cate li:nth-child(1){border-top: 0;}
.nav_community_box .board_cate li:nth-child(2){border-top: 0;}

.nav_community_box .board_cate li a {display:block; padding:15px 0; font-size:13px; color:#838383;text-align: center;}
.nav_community_box .board_cate li a span{display: inline-block;padding: 0 0 0 20px;background-repeat: no-repeat;background-position:left 2px;background-size: 15px;}
.nav_community_box .board_cate li:nth-child(1) a span{background-image: url("../img/icon/icon_nav_notice.png");border-top: 0;}
.nav_community_box .board_cate li:nth-child(2) a span{background-image: url("../img/icon/icon_nav_review.png");border-top: 0;}
.nav_community_box .board_cate li:nth-child(3) a span{background-image: url("../img/icon/icon_nav_qna.png")}
.nav_community_box .board_cate li:nth-child(4) a span{background-image: url("../img/icon/icon_nav_faq.png")}

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


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

	 FOOTER

───────────────────────────────────────────────────────────*/
#footer {}
/* 로그인 / PC화면 보기 */
#footer footer .ft_button_box {padding:0 25px; background:#fff;}
#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; border: 1px solid #ccc; color:#666; font-size:12px;}

#footer footer {background:#fff;}
#footer footer .ft_menu {display:table; width:100%;margin: 10px 0 0 0;}
#footer footer .ft_menu li {display:table-cell; width:25%;}
#footer footer .ft_menu li+li{width: 20%;}
#footer footer .ft_menu li+li+li{width: 30%;}
#footer footer .ft_menu li a {display:block; padding:10px 0 10px 0; font-size:12px; color:#000; text-align:center; letter-spacing:-1px;}
#footer footer .ft_menu li a.privacy {font-weight:bold;}

#footer footer .ft_info2_box .ft_address {padding:25px 10px 0 10px; text-align:center; font-size:10px; color:#999; 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 footer .ft_copy {padding:20px 0 0 0; color:#888; font-size:12px; text-align:center; font-style:normal;font-weight: bold;}
/* 바로가기 */
#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;margin: 20px 20px 0px 20px;padding:0 20px 0 20px; height:46px; line-height:46px; color:#1c1c1c; font-size:16px; font-weight:bold; letter-spacing:-1px; border:1px solid #d7d7d7;text-align: center;}
.btn_nav_brand_search span { display:inline-block;  background:url('../img/icon/icon_nav_brand_search.png') no-repeat 0 15px; background-size:13px 13px;padding: 0 0 0 20px;}
.btn_nav_brand_search:after {position:absolute; top:17px; right:17px; display:inline-block; content:''; width:6.5px; height:12px; background:url('../img/icon/icon_nav_brand_arrow.png') no-repeat 0 0; background-size:6.5px 12px;}

#layerSearch{z-index:1003!important;}

/* 증명 마크 로고 영역 */
.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;}