@charset "utf-8";
/* outline/header/css/design02.css */

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

	 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 {border-bottom:1px solid #ededed;position:relative;}
#header_wrap header .header_box .h_logo {width:120px; padding: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:0; left:5px; display:table;}
#header_wrap header .header_box .left_menu li {display:table-cell; vertical-align:middle;padding:10px 0px;}
#header_wrap header .header_box .right_menu {position:absolute; top:0; right:5px; display:table;}
#header_wrap header .header_box .right_menu li {position:relative; display:table-cell; vertical-align:middle;padding:11px 0;}
/* 좌측 메뉴 */
#header_wrap header .header_box .side_menu {display:inline-block; vertical-align:middle;}
#header_wrap header .header_box .side_menu span {display:inline-block;;font-size:25px; /*background:url('../../../img/icon/icon_menu.png') no-repeat center; background-size:100%;*/ vertical-align:middle;}
#header_wrap header .header_box .side_menu span i{line-height: 20px;vertical-align: middle;color:#333;}
/* 검색 */
#header_wrap header .header_box .top_search {display:inline-block; vertical-align:middle; background:none; border:none;}
#header_wrap header .header_box .top_search span {display:inline-block;font-size:25px;/*background:url('../../../img/icon/icon_search.png') no-repeat center; background-size:100%;*/ vertical-align:middle;}
#header_wrap header .header_box .top_search span i{line-height: 20px;vertical-align: middle;color:#333;}
/* 마이페이지 */
#header_wrap header .header_box .mypage {display:inline-block;vertical-align:middle;}
#header_wrap header .header_box .mypage span {display:inline-block;font-size:25px; /*background:url('../../../img/icon/icon_mypage.png') no-repeat center; background-size:100%; */vertical-align:middle;}
#header_wrap header .header_box .mypage span i{line-height: 20px;vertical-align: middle;color:#333;}
/* 장바구니 */
#header_wrap header .header_box .cart {display:inline-block;vertical-align:middle; }
#header_wrap header .header_box .cart span {display:inline-block;font-size:25px;padding-right:10px;/*background:url('../../../img/icon/icon_cart.png') no-repeat center; background-size:100%;*/ vertical-align:middle;}
#header_wrap header .header_box .cart span i{line-height: 20px;vertical-align: middle;color:#333;}
#header_wrap header .header_box .cart_count {position:absolute; top:10px; right:0; display:block; padding:3px 6px 1px 6px; line-height:14px; border-radius:100%; color:#fff; background:#000;  vertical-align:middle; font-size:12px;}

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

	 중앙 위치

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

.sub_top {position:relative; padding:0 45px 0 43px; border-top:1px solid #dbdcde; background:#f9f9f9;}
/* 좌측 이전 */
.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:absolute; top:20px; left:100%;margin-left:10px; width:29px; height:29px; background:url('../../../udweb/img/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:80%; 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_header {position:relative; width:100%; margin:0 auto; text-align:center;}
.nav_header .nav_login {position:relative;padding:10px;}
.nav_header .nav_login ul {font-size:0;width:100%;display:table;}
.nav_header .nav_login ul li {display:table-cell;width:50%; }
.nav_header .nav_login ul li:last-child a{float:right;}
.nav_header .nav_login ul li a {float:left;display:block;width:95%; font-size:12px; color:#222222; padding:10px 0;border:1px solid #ccc;}
.nav_header .login_txt {position:relative;font-size:13px; text-align:left; line-height:33px; box-sizing:border-box;padding:20px 15px;background:#333;color:#fff; }
.nav_header .login_txt i{margin-right:5px;background: #000;border-radius: 50%;width:33px;height:33px;font-size:20px;text-align:center;line-height:33px;vertical-align:bottom;}
.nav_header .login_txt p.name{display:inline-block;}
/*.nav_header .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:#fff;}*/
/* 중앙 링크 (장바구니, Q&A, 최근본상품) */
.nav_link {padding:10px 0 0 0;}
.nav_link ul {display:table; width:100%;}
.nav_link ul li {display:table-cell; width:20%; text-align:center;}
.nav_link ul li a {display:block; font-size:12px; color:#333;}
.nav_link ul li a i{font-size:23px;color:#333;display:block;}
/*.nav_link ul li:nth-child(1) a {background:url('../../../img/icon/icon_cart.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:33.3%; text-align:center;}
.nav_tabmenu_box .nav_tabmenu li span {display:block; padding:10px 0 10px 0; background:#f7f7f7;font-size:11px;color:#333;border:1px solid #ececec;border-right:0;}
.nav_tabmenu_box .nav_tabmenu li.on span {background:#fff; color:#333; font-weight:bold;border-bottom:0;}
.nav_tabmenu_box .nav_tabmenu li:first-child span{border-left:0;}
.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;*/}

/* 게시판 */
.nav_community_box {padding-top:25px;}
.nav_community_box .comm_tit {padding:10px 0 10px 10px; margin:0 10px 0 10px; font-size:12px; 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:13px; color:#1c1c1c;}

/* 고객센터 */
.nav_customer_box {padding-top:25px;}
.nav_customer_box .cust_tit {padding:10px 0 10px 10px; margin:0 10px 0 10px; font-size:12px; color:#272727; font-weight:bold;background:#f9f9f9; border-bottom:1px solid #ececec;}
.nav_customer_box .cust_info{padding:10px; margin:0 10px 0 10px;font-size:12px;color:#888;font-weight:normal;line-height:20px;}
.nav_customer_box .cust_info .tel{color:#333;font-size:16px;font-weight:bold;line-height:27px;}
.nav_customer_box .cust_info .bank{color:#333;font-size:16px;font-weight:normal;line-height:27px;}

/* sns */
.nav_sns{padding:15px 0 25px;}
.nav_sns ul{text-align:center;}
.nav_sns ul li {width:40px;display:inline-block;box-sizing: border-box;}
.nav_sns ul li a {display: block;width:31px;margin: 0 auto;font-size: 13px;text-align: center;color: #555;background: #f5f5f5;border-radius: 3px;padding: 6px 0;}

.nav_qa_btn{display: block;padding: 10px 0 10px 0;text-align: center;margin: 35px 20px 10px 20px;color: #333;border: 1px solid #ebebeb;border-radius:2px;border-bottom-color: #c6c6c6;box-shadow: 0 2px 2px rgba(0,0,0,0.04);text-shadow: 0 0 2px rgba(255,255,255,1);background: #fff; background: linear-gradient(to bottom,#ffffff 40%,#f6f6f6 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',endColorstr='#f6f6f6',GradientType=0 );}



/* 카테고리 proc/_category_all.html */
.category_side {width:100%; margin:0 auto;}
.category_side > li {border-bottom:1px solid #ececec;padding:0;} 
.category_side > li ul {display:none;background:#f7f7f7;border-top:0;}
.category_side > li a {position:relative; display:block; padding:11px 15px;padding-right:10px; font-size:12px; color:#262626;}
.category_side > li a > img{max-width:100%;}
/* 1차 카테고리 타이틀 */
.category_side > li > a { font-weight:normal;}
.category_side > li > a.on {background:#f7f7f7;font-weight:bold;color:#262626;}
/* 2차 카테고리 타이틀 */
.category_side > li > ul > li > a {padding-left:15px;border-top:1px solid #eaeaea;}
.category_side > li > ul > li > a.on {color:#000; font-weight:bold;}
/* 3차 카테고리 타이틀 */
.category_side > li > ul > li > ul > li > a {padding-left:20px; font-size:12px; color:#747474;}
.category_side > li > ul > li > ul > li > a.on {color:#000; 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:#000; font-weight:bold;}
/* 하위카테고리가 있을경우 아이콘 */
.category_side li a span.icon_plus {position:absolute; top:50%; right:10px; display:block; width:12px; height:7px; margin:-3px 0 0 0; background:url('../../../udweb/img/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('../../../udweb/img/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;*/}



/*** 레이어 팝업 검색 | proc/_header_search.html ***/
._header_search {}
._header_search .layer_search_box {position:relative; background:#f7f7f7;}
._header_search .layer_search_box fieldset {}
._header_search .layer_search_box fieldset legend {display:none;}
._header_search .layer_search_box dl {padding:10px 60px 10px 15px;}
._header_search .layer_search_box dl dt {display:none;}
._header_search .layer_search_box dl dd {width:100%;}
._header_search .layer_search_box dl dd .keyword_box {position:relative;}
._header_search .layer_search_box dl dd .keyword_box input {width:100%; height:40px; border:1px solid #fff; padding:0 30px 0 0; text-indent:10px;}
._header_search .layer_search_box dl dd .keyword_box button {position:absolute; top:9px; right:10px; display:inline-block; width:21px; height:21px; background:url('../../../udweb/img/icon_x.png') no-repeat center; background-size:21px; font-size:0; border:none;}

/* 검색 버튼 */
.h_search_btn {position: absolute;top: 11px;right: 15px;display: inline-block;padding: 0;width: 38px;height: 38px;border-radius: 50%;border: 1px solid #333;background: #333;color: #ffffff; font-size: 15px;line-height: 38px;text-align: center;box-sizing: border-box;font-weight: bold;}

/* 커스텀 검색 닫기 버튼 */
.cus_search_close{display: inline-block;width: 100%;text-align: right;background: #f5f5f5;}
.cus_search_close .h_search_close_btn{position: relative;display:inline-block;width:auto;height:34px;top: auto;right: auto;background: transparent;border: transparent;color: #000;font-weight: normal;font-size: 12px;}
/* 검색 내용 */
._header_search .layer_search_content {position:relative; overflow-y:scroll;}
._header_search .layer_search_content .search_bx_area {display:table; width:100%; background:#f2f2f2;border-bottom:0;}
._header_search .layer_search_content .search_bx_area .latest_search_tab {display:table-cell;width:50%;padding:5px 2px 5px 2px; background:#f5f5f5;border:1px solid #e5e5e5;border-right:0;box-sizing:border-box; }
._header_search .layer_search_content .search_bx_area .latest_search_tab h3 {display:block; padding:2px 0 2px 0; text-align:center; color:#999999;}
._header_search .layer_search_content .search_bx_area .latest_search_tab.on {background:#fff;border-bottom:0;}
._header_search .layer_search_content .search_bx_area .on h3 {color:#484848; }
._header_search .layer_search_content .search_bx_area .latest_search_tab:first-child {}
._header_search .layer_search_content .search_bx_area .latest_search_tab:last-child {}
._header_search .layer_search_content .search_bx_area .latest_search_list_box {position:absolute; top:37px; left:0; width:100%;}
/* 최근검색 리스트 / 인기검색어 */
._header_search .layer_search_content .search_bx_area .latest_search_list_box .latest_search_list {width:100%; font-size:0;}
._header_search .layer_search_content .search_bx_area .latest_search_list_box .latest_search_list li {width:100%;  border-bottom:1px solid #e5e5e5;}
._header_search .layer_search_content .search_bx_area .latest_search_list_box .latest_search_list li div {display:inline-block; font-size:13px; vertical-align:top;}
._header_search .layer_search_content .search_bx_area .latest_search_list_box .latest_search_list li div.link {width:70%;}
._header_search .layer_search_content .search_bx_area .latest_search_list_box .latest_search_list li a {overflow:hidden; display:block; font-size:13px; padding:8px 20px 8px 0; text-indent:15px; white-space:nowrap; text-overflow:ellipsis; line-height:20px;}
._header_search .layer_search_content .search_bx_area .latest_search_list_box .latest_search_list li div.date {width:20%; padding:5px 0 5px 0; font-size:10px; line-height:18px; text-align:right; color:#999999;}
._header_search .layer_search_content .search_bx_area .latest_search_list_box .latest_search_list li div.date {}
._header_search .layer_search_content .search_bx_area .latest_search_list_box .latest_search_list li div.keyword_delete {width:10%; padding:5px 0 5px 0; text-align:center;}
._header_search .layer_search_content .search_bx_area .latest_search_list_box .latest_search_list li div.keyword_delete button {display:inline-block; width:18px; height:18px; font-size:0; background:url('../../../img/icon/icon_x1.png') no-repeat center; background-size:6px; border:none; vertical-align:top;}
._header_search .layer_search_content .search_bx_area .latest_search_list_box .latest_search_del {padding:8px 10px 8px 10px; text-align:right;display:inline-block;float:left;}