@charset "UTF-8";

/*-------------------------------------------------------------------
    ## 좌측 슬라이드 메뉴
-------------------------------------------------------------------*/
.nav_banner .nav_login {position:relative; top:0; left:0;}
.nav_banner .login_txt {position:relative; top:0; left:0px; font-size:16px; text-align:left; line-height:20px; box-sizing:border-box; padding:14px 20px; border-bottom:1px solid #e8e8e8;}
.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:#333333;}
.nav_tabmenu_box .nav_tabmenu li.on span {background-color:#333333;}
.category_side > li > a.on {color:#333333;}
.category_side > li ul {border-top:1px solid #e8e8e8;}

/*-------------------------------------------------------------------
    ## 상단디자인
-------------------------------------------------------------------*/
#header_wrap header.h_on .header_box {border-bottom:1px solid #E6E6E6;}
#header_wrap header .header_box {border-bottom:none;}
#header_wrap header .header_box .h_logo a {font-size:0; line-height:0; }
#header_wrap header .header_box .h_logo img {width:100%; max-width:94px;}
.nd-main #header_wrap header .nd-header {position:fixed; top:0; left:0; right:0; width:100%; background:none; z-index:999;}
.nd-main #header_wrap header.h_on .nd-header {background:rgba(255, 255,255, 0.8);}
/* HEADER : 좌측 메뉴 */
#header_wrap header .header_box .side_menu {display:inline-block; padding:20px 7px 15px; vertical-align:top;}
#header_wrap header .header_box .side_menu span {display:inline-block; width:20px; height:15px; font-size:0; background:url('../img/oimg/ico_menu.png') no-repeat center; background-size:100%; vertical-align:top;}
/* HEADER : 검색 */
#header_wrap header .header_box .top_search {display:inline-block; padding:19px 7px 15px; vertical-align:top; background:none; border:none;}
#header_wrap header .header_box .top_search span {display:inline-block; width:19px; height:19px;  font-size:0; background:url('../img/oimg/ico_search.png') no-repeat center; background-size:100%; vertical-align:top;}
/* HEADER : 장바구니 */
#header_wrap header .header_box .cart {display:inline-block;  padding:18px 7px 13px 19px;}
#header_wrap header .header_box .cart span {display:inline-block; width:20px; height:22px;  font-size:0; background:url('../img/oimg/ico_cart.png') no-repeat center; background-size:100%; vertical-align:top;}
#header_wrap header .header_box .cart_count {position:absolute; top:22px; right:30px; display:block; padding:1px 0; line-height:12px; border-radius:0; color:#000000; background:none; border-bottom:2px solid #000000; vertical-align:middle; font-size:12px; font-weight:bold;}

/*-------------------------------------------------------------------
    ## 하단디자인
-------------------------------------------------------------------*/
/* 탑버튼 */
#footer footer .nd-footer .ft_btn_top a {display:inline-block; width:100%; height:46px; border-top:1px solid #E6E6E6; border-bottom:1px solid #E6E6E6; text-align:center; color:#333333; background:#ffffff; line-height:46px; font-size:13px; font-weight:bold;}
/* 고객센터, 계좌정보 */
.nd-footer .nd-footer-cont {display:table; overflow:hidden; width:100%; border-bottom:1px solid #E6E6E6;}
.nd-footer .nd-footer-cont .nd-footer-cs {display:table-cell; position:relative; width:50%; padding:26px 0 26px; vertical-align:top; text-align:center;}
.nd-footer .nd-footer-cont .nd-footer-cs:after {content:""; position:absolute; top:0; right:0; bottom:0; border-right:1px solid #E6E6E6;}
.nd-footer .nd-footer-cont .nd-footer-bank {display:table-cell; position:relative; width:50%; padding:26px 0 26px; vertical-align:top; text-align:center;}
.nd-footer .nd-footer-cont h4 {padding:0 0 13px; font-size:16px; font-weight:400; color:#000000; line-height:1;}
.nd-footer .nd-footer-cont .nd-fcont-wrap {min-height:70px;}
.nd-footer .nd-footer-cont .nd-fcont-wrap strong {display:block; padding:0 0 6px;font-size:18px; font-weight:bold; color:#333333; line-height:1;}
.nd-footer .nd-footer-cont .nd-fcont-wrap p {font-size:11px; font-weight:400; color:#999999; line-height:1.5;}
.nd-footer .nd-footer-cont .nd-fcont-wrap p.nd-fbank-depositor {padding:5px 0 0;}
.nd-footer .nd-footer-cont .nd-fbtn-cs {display:inline-block; width:110px; height:32px; margin:8px 0 0; background:#333333; font-size:11px; font-weight:normal; line-height:32px; color:#ffffff;}
/* 정보 */
#footer footer .nd-footer .ft_info2_box {padding:18px 0 0; background:#ffffff; text-align:left;}
#footer footer .nd-footer .ft_info2_box .nd-footer-info2 {padding:12px 30px;}
#footer footer .nd-footer .ft_info2_box .nd-footer-info2 h4 {padding:0 0 11px; font-size:14px; font-weight:normal; color:#000000; line-height:1;}
#footer footer .nd-footer .ft_sns_btn {display:table; width:100%; text-align:left; font-size:0;}
#footer footer .nd-footer .ft_sns_btn li {display:inline-block; padding:0;}
#footer footer .nd-footer .ft_sns_btn li a {display:block; width:auto; padding:0 15px;}
#footer footer .nd-footer .ft_sns_btn li:first-child a {padding-left:0;}
#footer footer .nd-footer .ft_sns_btn li a img {width:auto; height:20px;}
#footer footer .nd-footer .ft_info2_box .nd-footer-info2 .nd-foot-exchange {font-size:12px; font-weight:normal; color:#7E7E7E;}
#footer footer .nd-footer .ft_info2_box .ft_address {padding:0; text-align:left; font-size:11px; color:#999999; word-break:keep-all;}
#footer footer .nd-footer .ft_info2_box .ft_address span {display:block; font-size:12px; font-weight:normal; color:#999999;}
#footer footer .nd-footer .ft_info2_box .ft_address a {font-size:12px; font-weight:normal; color:#999999;}
#footer footer .nd-footer .ft_info2_box .ft_menu {display:block; width:100%; font-size:0;}
#footer footer .nd-footer .ft_info2_box .ft_menu li {display:inline-block; position:relative; width:auto;}
#footer footer .nd-footer .ft_info2_box .ft_menu li:before {content:""; position:absolute; top:50%; left:0; height:10px; margin-top:-5px; border-right:1px solid #999999;}
#footer footer .nd-footer .ft_info2_box .ft_menu li:first-child:before {display:none;}
#footer footer .nd-footer .ft_info2_box .ft_menu li a {display:block; padding:0 6px 0 4px; font-size:11px; font-weight:bold; color:#999999; text-align:center; letter-spacing:-1px;}
#footer footer .nd-footer .ft_info2_box .ft_menu li:first-child a {padding-left:0;}
#footer footer .nd-footer .ft_info2_box .ft_menu li a.privacy {color:#999999; font-weight:bold;}
/* 카피라이터 */
#footer footer .nd-footer .ft_copy {margin:18px 0 0; padding:15px 2px 15px; background:#F7F7F7; color:#999999; font-size:11px; text-align:center; font-style:normal;}

/* 플로팅버튼 */
.nd-btn-float {position:fixed; right:11px; bottom:132px; z-index:99; font-size:0;}
.nd-btn-float > div {margin:5px 0 0;}
.nd-btn-float img {width:42px;}

/*-------------------------------------------------------------------
    ## 슬라이드메뉴
-------------------------------------------------------------------*/
/* 배너 및 로그인 & 로그아웃 */
.nav_banner {position:relative; width:100%; margin:0; padding:8px 0 8px 0; background:#EEEEEE; text-align:center;}
.nav_banner .nav_login {position:relative; top:0; left:0; padding:0 10px; font-size:0;}
.nav_banner .nav_login ul li {display:inline-block; position:relative; width:33.3%; padding:0; background:none; background-size:1px 11px;}
.nav_banner .nav_login ul li a {display:block; font-size:14px; color:#000000;}
.nav_banner .nav_login ul li:before {content:""; position:absolute; top:50%; left:0; width:2px; height:2px; margin-top:-1px; background:#333333;}
.nav_banner .nav_login ul li:first-child:before {display:none;}
.nav_banner .nav_login ul li .join-ad {position:absolute; top:24px; left:50%; margin-left:-30px; width:60px;}
.nav_banner .nav_login ul li .join-ad-wrap {position:relative; display:block; background:#afb4a9; line-height:22px; width:100%; height:22px; color:#ffffff; font-size:11px; font-weight:400; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
.nav_banner .nav_login ul li .join-ad-wrap:before {position:absolute; content:""; top:-4px; left:50%; width:0; height:0; margin-left:-3px; border-top:none; border-bottom:4px solid #afb4a9; border-left:3px solid transparent; border-right:3px solid transparent;}
.left_logo,
.login_txt{display:none;}
/* 중앙 링크 (장바구니, Q&A, 최근본상품) */
.nav_link {display:none;}
/* 브랜드 */
.tab_menu1 .btn_nav_brand_search {display:none;}
.tab_menu1 .brand_cate {display:none;}
/* 카테고리 탭메뉴 */
.nav_tabmenu_box .nav_tabmenu {display:table; width:100%; padding: 0 0 10px;}
.nav_tabmenu_box .nav_tabmenu li span {display:block; padding:10px 0 10px 0; background:#ffffff; font-size:13px; font-weight:bold; color:#000000;}
.nav_tabmenu_box .nav_tabmenu li.on span {border-bottom:2px solid #000000; background:#ffffff; color:#000000; 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;}
/* 카테고리 샵 */
.category_side > li a {position:relative; display:block; padding:14px 0; font-size:13px; color:#000000;}
.category_side > li > a {font-weight:normal;}
.category_side > li > a.on {color:#000000;}
.category_side li a span.icon_plus {position:absolute; top:50%; right:0; display:block; width:10px; height:10px; margin:-5px 0 0 0; background:url('../img/oimg/ico_plus.png') no-repeat center; font-size:0; vertical-align:middle; background-size:100%;}
.category_side li a.on span.icon_plus {background:url('../img/oimg/ico_minus.png') no-repeat center; background-size:100% auto;}
.category_side > li ul {padding:5px 0; border-top:none;}
.category_side > li ul a {padding:6px 0; font-size:12px; color:#000000;}
.category_side > li > ul > li > a {padding-left:17px;}
/* 카테고리 커뮤니티 */
.nav_community_box {width:274px; margin:0 auto; padding-top:0;}
.nav_community_box .board_cate {}
.nav_community_box .board_cate li {padding:0 15px;}
.nav_community_box .board_cate li a {display:block; padding:14px 0; font-size:13px; color:#1c1c1c;}


/*-------------------------------------------------------------------
    ## 상품 리스트
-------------------------------------------------------------------*/
.goods_list .goods_list_category ul {font-size:0; text-align:center;}

/*-------------------------------------------------------------------
    ## 상품 상세
-------------------------------------------------------------------*/
.goods_board_review_list li .item_list_summary .board_left .title span img {vertical-align:middle;}
.goods_board_view .contents_holder img {width:100%; max-width:100%;}
#external-video {position:relative; padding-bottom:54.25%; padding-top:30px; height:0; overflow:hidden;}
#external-video iframe {position:absolute; top:0; left:0; width:100%; height:100%;}

.join .input_title.required {background-position:0 15px;}