@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;}

#popupCode_layer_4 {}


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

	 HEADER

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

.top_event_banner {width: 100%; background: #2C2825;}
.top_event_banner a {display: block; width: 100%; height: 35px; line-height: 35px; text-align: center; color: #fff; font-size: 12px;}
.top_event_banner a img {display: none;}

#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 {border-bottom:1px solid #cbcbcb; position: relative;}
#header_wrap header .header_box .top {position: relative;}
#header_wrap header .header_box .h_logo {width: 135px; padding: 18px 0px; 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:50%; transform: translateY(-50%); left: 10px; display:table;}
#header_wrap header .header_box .left_menu li {display:table-cell; vertical-align:top;}
#header_wrap header .header_box .right_menu {position:absolute; top:50%; transform: translateY(-50%); right: 10px; display:table;}
#header_wrap header .header_box .right_menu li {position:relative; display:table-cell; vertical-align:top;}
/* 좌측 메뉴 */
#header_wrap header .header_box .side_menu {display:inline-block; padding: 19px 5px 15px 5px; vertical-align:top;}
#header_wrap header .header_box .side_menu span {display:inline-block; width: 24px; height: 24px; font-size:0; background:url('/data/custom/img/mo_nav.svg') no-repeat center; background-size:100%; vertical-align:top;}
/* 검색 */
#header_wrap header .header_box .top_search {display:inline-block; padding:19px 5px 15px 5px; 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('/data/custom/img/search_icon.svg') no-repeat center; background-size:100%; vertical-align:top;}
/* 고객센터 */
#header_wrap header .header_box .cs_btn {display:inline-block; padding:19px 5px 15px 5px; vertical-align:top;}
#header_wrap header .header_box .cs_btn span {display:inline-block; width:21px; height:21px; font-size:0; background:url('/data/custom/img/cs_icon.svg') no-repeat center; background-size:100%; vertical-align:top;}
/* 마이페이지 */
#header_wrap header .header_box .mypage {display:inline-block;  padding:14px 7px 14px 7px;}
#header_wrap header .header_box .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_wrap header .header_box .cart {display:inline-block;  padding:17px 7px 14px 7px;}
#header_wrap header .header_box .cart span {display:inline-block; width:21px; height:24px;  font-size:0; background:url('/data/custom/img/cart_icon.svg') no-repeat center; background-size:100%; vertical-align:top;}
#header_wrap header .header_box .cart_count {position:absolute; top:30px; right:0; display:block; padding:3px 6px 1px 6px; line-height:15px; border-radius:100%; color:#fff; background:var(--main_color);  vertical-align:middle; font-size:12px;}

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

	 중앙 위치

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

/* 카테고리 네비 */
#header_wrap .cate_nav {background: #fff; border-bottom: 1px solid #e0e0e0; overflow-x: auto; -webkit-overflow-scrolling: touch;}
#header_wrap .cate_nav::-webkit-scrollbar {display: none;}
#header_wrap .cate_nav ul {display: inline-flex; height: 44px; padding: 0 12px; white-space: nowrap;}
#header_wrap .cate_nav ul li {display: inline-flex;}
#header_wrap .cate_nav ul li a {display: flex; align-items: center; height: 44px; padding: 0 10px; font-size: 16px; color: #666; font-weight: 700;}
#header_wrap .cate_nav ul li.active {border-bottom: 2px solid #256ef4;}
#header_wrap .cate_nav ul li.active a {color: #256ef4; font-weight: 600;}

.sub_top {position:relative; padding:0 45px 0 43px; border-bottom: 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: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:#272727; }
.nav_language .tit {display:table-cell; width:30%; font-size:15px; padding:13px 15px 13px 15px; color:#ffffff; font-weight:bold; box-sizing:border-box;}
.nav_language .language_box {display:table-cell; width:70%; box-sizing:border-box;}

/* 배너 및 로그인 & 로그아웃 */
.nav_banner {margin:0 auto; text-align:center;}
.nav_banner .nav_login {}
.nav_banner .nav_login ul {font-size:0;}
.nav_banner .nav_login ul li {display:inline-block; width:50%; box-sizing:border-box;}
.nav_banner .nav_login ul li:first-child {background:none;}
.nav_banner .nav_login ul li:first-child a {background:var(--main_color);}
.nav_banner .nav_login ul li a {display:inline-block; width:100%; padding:16px 0 16px 0; font-size:15px; color:#ffffff; background:#4c4c4c;}
.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 {height:71px; font-size:16px; text-align:left; box-sizing:border-box;padding:4px 20px 0 20px; color:#ffffff; background:#272727;}
.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:var(--main_color);}
/* 중앙 링크 (장바구니, Q&A, 최근본상품) */
.nav_link {border-bottom:1px solid #ebebeb;}
.nav_link ul {display:table; width:100%; background:#ffffff;}
.nav_link ul li {display:table-cell; width:33.3%; padding:8px 0 10px 0; border-left:1px solid #ebebeb; text-align:center;}
.nav_link ul li:first-child {border-left:none;}
.nav_link ul li a {display:block; padding:37px 0 0 0; font-size:13px; color:#333333;}
.nav_link ul li:nth-child(1) a {background:url('../img/icon/icon_lnb_heart.png') no-repeat center 9px; background-size:23px 20px;}
.nav_link ul li:nth-child(2) a {background:url('../img/icon/icon_prd_latest.png') no-repeat center 14px; background-size:35px 14px;}
.nav_link ul li:nth-child(3) a {background:url('../img/icon/icon_qna.png') no-repeat center 9px; background-size:22px 23px;}

/* 네비 탭메뉴 */
.nav_tabmenu_box {}
.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:#ffffff; color:#818181; font-size:16px; border-bottom:1px solid #ebebeb;}
.nav_tabmenu_box .nav_tabmenu li.on span {background:#ffffff; color:var(--main_color); font-weight:bold; border-bottom:2px solid var(--main_color);}
.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_tabmenu_box .nav_slide_banner {padding:0 20px; margin:0 0 50px 0;}
.nav_tabmenu_box .nav_slide_banner .slider-banner-1273995955  .slick-dots {bottom:-23px;}

/* 게시판 */
.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_wrap{position:relative;}
#footer {padding: 64px 0px; background: #333434;}
#footer .container {padding: 0px 20px; box-sizing: border-box;}
#footer .ft_info {margin-bottom: 34px;}
#footer .ft_info .foot_logo {margin-bottom: 14px;}
#footer .ft_info .info article {font-size: 14px; color: #CECECE; line-height: 1.7;}
#footer .ft_info .info article a {font-size: 14px; color: #fff;}
#footer .ft_util ul {display: flex; justify-content: flex-start; gap: 20px; margin-bottom: 20px;}
#footer .ft_util ul li {padding-right: 20px; border-right: 1px solid #5B5B5B;}
#footer .ft_util ul li:last-child {border-right: 0;}
#footer .ft_util ul li a {font-size: 14px; color: #DDD; font-weight: 600; line-height: 1;}
#footer .ft_util p,
#footer .ft_util > a {font-size: 14px; color: #F5F5F5;}


/* 브랜드 검색 버튼 */
.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('../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;}