@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 {position:relative; 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 #333;}
#header_wrap header .header_box .h_logo {width:250px; padding:10px 0 10px 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:45px; left:13px; 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:45px; right:13px; 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:16px 7px 15px 7px; vertical-align:top;}
#header_wrap header .header_box .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_wrap header .header_box .top_search {display:inline-block; padding:19px 7px 15px 7px; vertical-align:top; background:none; border:none;}
#header_wrap header .header_box .top_search span {display:inline-block; width:16px; height:18px;  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: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:19px 7px 14px 7px;}
#header_wrap header .header_box .cart span {display:inline-block; width:16px; height:19px;  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:30px; right:2px; display:block; padding:2px 4px 1px 4px; line-height:10px; border-radius:20%; color:#fff; background:#272727;  vertical-align:middle; font-size:10px;}
/* 상단 gnb */
.member_gnb {}
.member_gnb ul {display:table; width:100%;}
.member_gnb ul li {position:relative; display:table-cell; padding:10px 0; width:20%; height:18px; text-align:center; background:url('../img/icon/icon_member_bar.png') no-repeat right center; background-size:1px 9px;}
.member_gnb ul li:last-child {background:none;}
.member_gnb ul li a {color:#a0a0a0; font-size:11px;}
.member_gnb ul li a .cart_count {display:inline-block; padding:2px 4px; margin:0 0 0 2px; line-height:10px; border-radius:20%; color:#fff; background:#9a9a9a;  vertical-align:middle; font-size:10px;}
.member_gnb ul li .admin_point {position:absolute; top:29px; left:50%; margin-left:-23px; display:inline-block; color:#fff; background:#9a9a9a; font-size:11px; padding:1px 5px; border-radius:3px; z-index:400;}
.member_gnb ul li .admin_point {animation: pointplay 0.9s linear infinite; transition: all .1s .0s ease-in-out;}
.member_gnb ul li .admin_point em {position:absolute; top:-3px; left:50%; content:''; width:5px; height:3px; display:inline-block; margin-left:-2.5px; background:url('../img/etc/bg_bubble_arrow.png') no-repeat 0 0; background-size:5px 3px; }

@keyframes pointplay {
	50% {margin-top:3px;}
}

/* 상단 슬라이드 배너 */
.main_slide3 .slider-wrap .slick-dots {text-align:right; right:20px; bottom:7px;}
.main_slide3 .slider-wrap .slick-dots li {margin:0 2px !important;}
.main_slide3 .slider-wrap .slick-dots li button {opacity:1;}

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

	 중앙 위치

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

.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:13px; left:274px; width:16px; height:16px; 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:310px; 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 {padding:22px 0 5px 7px; background:#ffffff;}
.nav_banner .nav_login {margin-left:-3px;}
.nav_banner .nav_login ul {font-size:0;}
.nav_banner .nav_login ul li {display:inline-block; padding:0 13px 0 13px; 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:#333333; font-weight:bold;}
.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 {font-size:14px; color:#a2a2a2; text-align:left; line-height:20px; box-sizing:border-box; padding:20px 20px 0 10px;}
.nav_banner .login_txt span {display:block; color:#438ed8; font-size:15px;}
.nav_banner .login_txt p.name {display:inline-block; color:#333; font-size:15px;}
.nav_banner .login_txt p.name strong {font-weight:normal; color:#333; font-size:15px;}
/* 중앙 링크 (장바구니, Q&A, 최근본상품) */
.nav_link {padding:14px 0 16px 0; background:#ffffff;}
.nav_link ul {display:table; width:100%;}
.nav_link ul li {display:table-cell; width:25%; text-align:center;}
.nav_link ul li a {display:block; padding:36px 0 0 0; font-size:12px; color:#666;}

.nav_link ul li:nth-child(1) a {background:url('../img/icon/icon_prd_latest.png') no-repeat center 11px; background-size:39px 15px;}
.nav_link ul li:nth-child(2) a {background:url('../img/icon/icon_lnb_heart.png') no-repeat center 4px; background-size:32px 25px;}
.nav_link ul li:nth-child(3) a {background:url('../img/icon/icon_lnb_cart.png') no-repeat center 4px; background-size:22px 27px;}
.nav_link ul li:nth-child(4) a {background:url('../img/icon/icon_mypage.png') no-repeat center 3px; background-size:30px 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:7px 0 6px 0; background:#eeeeee; color:#777777; border:0px solid #e7e7e7; font-size:14px;}
.nav_tabmenu_box .nav_tabmenu li.on span {background:#333; color:#ffffff; font-weight:bold; border:0px solid #333333;}
.nav_tabmenu_box .nav_tabmenu li:nth-child(1) span {margin:0 5px 0 20px;}
.nav_tabmenu_box .nav_tabmenu li:nth-child(2) span {margin:0 20px 0 5px;}

/* 게시판 */
.nav_community_box {padding:25px 20px 15px 20px;}
.nav_community_box .comm_tit {padding:7px 0; margin:5px 0 10px 0; background:#333333; color:#ffffff; font-size:14px; font-weight:bold; text-align:center;}
.nav_community_box .board_cate {}
.nav_community_box .board_cate li {padding:0 10px;}
.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%;}

/* 커뮤니티 */
.nav_tabmenu_box {}
.nav_tabmenu_box .board_cate {}
.nav_tabmenu_box .board_cate li {}
.nav_tabmenu_box .board_cate li a {display:block; color:#666666; font-size:13px;}


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

	 FOOTER

───────────────────────────────────────────────────────────*/
#footer {margin:10px 0 0 0}
/* 고객센터 / PC화면 보기 */
#footer footer {background:#fff; padding:0px 0 0 0;}
#footer footer .ft_button_box {}
#footer footer .ft_info2_box {position:relative;}
#footer footer .ft_info2_box .ft_button_box a {position:absolute; top:65px; right:20px; display:inline-block; padding:6px 18px; border:1px solid #c3c3c3; background:#fff; color:#7c7c7c; font-size:11px; font-weight:bold;}
#footer footer .ft_info2_box .ft_menu {display:table; margin:0 auto;background:#f5f5f5;width:100%;padding:5px 0;}
#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:5px 0 5px 0; font-size:11px; color:#222222; text-align:center; letter-spacing:0px; font-weight:bold;}
#footer footer .ft_info2_box .ft_address {padding:0px 20px 0 20px; text-align:center; font-size:11px; color:#222222; word-break:keep-all; line-height:18px;}
#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:5px 0 25px 20px; color:#222222; font-size:11px; text-align:center; font-style:normal;}
/* 바로가기 */
#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 {position:fixed; right:11px; bottom:20px; }
.fixed_btn span {transition: all .3s ease; display:inline-block; width:42px; height:42px; font-size:0; text-indent:-9999px;}
.fixed_btn .go_top {visibility:visibility; background:url('../img/btn/btn_top.png') no-repeat 0 0; background-size:42px 42px;}
.fixed_btn .go_bottom {opacity:0; visibility:hidden; background:url('../img/btn/btn_bottom.png') no-repeat 0 0; background-size:42px 42px;}
.fixed_btn .go_top.on {padding:45px 0 0 0; opacity:1; visibility:visible;}
.fixed_btn .go_bottom.on {padding:0; opacity:0; visibility:hidden;}
.fixed_btn .go_top.on2 {padding:0;}

.ft_login_box {text-align:center;}
.ft_login_box li {list-style:none; display:inline-block; margin:0 3px;}
.ft_login_box li a {display:inline-block; padding:6px 29px; min-width:40px; color:#6c6c6c; font-size:11px; font-weight:bold; border:1px solid #dcdcdc; background:#dcdcdc;}

/* 하단 정보 BOX */
.main_info_box {padding:10px 15px 15px 15px;}
.main_info_box .main_info {display:table; width:100%; margin:0 auto; padding:0 0 12px 0; text-align:center;}
.main_info_box .main_info dl {text-align:left; vertical-align:top;}
.main_info_box .main_info dl dt {padding:13px 0 6px 0; font-size:14px; color:#222; margin:13px 5px 0 5px; border-top:1px solid #d8d8d8;}
.main_info_box .main_info dl:first-child dt {border:none;}
.main_info_box .main_info dl dd {font-size:11px; padding-left:5px;}
.main_info_box .main_info dl dd strong {font-size:14px; font-weight:bold; color:#222;}

/* CS CENTER */
.main_info dl dd p.phone {display:inline-block; font-size:16px; vertical-align:bottom; font-weight:bold;}
.main_info dl dd .call {display:inline-block; padding:4px 10px 2px 10px; background:#f2f2f2; font-size:16px; color:#222222; font-weight:bold; border:1px solid #c3c3c3;}
.main_info dl dd p.business_hours {margin:7px 0 0 0; font-size:12px; color:#5b5b5b;}

/* BANK INFO */
.main_info dl dd .account_holder {padding:0; font-size:12px; color:#222;}
.main_info dl dd ul.main_bank {display:table-cell;}
.main_info dl dd ul.main_bank li { vertical-align:middle;}
.main_info dl dd ul.main_bank li span {font-weight:bold;}

/* SNS BOX */
.sns_box {padding:0 0 30px 20px;}
.sns_box li {display:inline-block; padding:0 7px 0 0;}
.sns_box li a {display:inline-block;}
.sns_box li a img {width:16px; height:16px;}

/* 브랜드 검색 버튼 */
.btn_nav_brand_search {position:relative; display:block; color:#666666; font-weight:normal; font-size:13px; padding:12px 0 12px 33px; margin:9px 20px 0 20px; margin-bottom:-10px; letter-spacing:-1px; border-bottom:1px solid #e7e7e7;}
.btn_nav_brand_search:before {position:absolute; top:16px; left:11px; content:''; display:inline-block; width:12px; height:12px; background:url('../img/icon/icon_brand_trendy_arrow.png') no-repeat 0 center; background-size:12px 12px;}