/* BASIC css start */
/*-----------------------------------------------------------------*/
/* CSS Table of Contents
/*-----------------------------------------------------------------*/
/*
1. Reset

2. Global
2-1. table
2-2. button
2-3. product

3. Layout
3-1. wrapper
3-2. header
3-3. content
3-4. footer
3-5. quick

4. Page
4-1. 메인
4-2. 상점
4-3. 회원
4-4. 마이페이지
4-5. 추가페이지

5. ETC

/*-----------------------------------------------------------------*/
/* 1. Reset
/*-----------------------------------------------------------------*/

@font-face {
	font-family:'Noto Sans KR';
	font-weight:normal;
	src: url('/design/resetmall/font/NotoSansCJKkr-Regular.eot');
	src: local('?'), url('/design/resetmall/font/NotoSansCJKkr-Regular.eot?#iefix') format('embedded-opentype'),
		url('/design/resetmall/font/NotoSansCJKkr-Regular.woff') format('woff'),
		url('/design/resetmall/font/NotoSansCJKkr-Regular.otf') format('opentype');
}
@font-face {
	font-family:'Noto Sans KR';
	font-weight:bold;
	src: url('/design/resetmall/font/NotoSansCJKkr-Bold.eot');
	src: local('?'), url('/design/resetmall/font/NotoSansCJKkr-Bold.eot?#iefix') format('embedded-opentype'),
		url('/design/resetmall/font/NotoSansCJKkr-Bold.woff') format('woff'),
		url('/design/resetmall/font/NotoSansCJKkr-Bold.otf') format('opentype');
}

html, body, div, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video, input {margin:0; padding:0; border:0; outline:0; color:#333; font-family:'SUIT', 'Noto Sans KR', Dotum, '돋움', sans-serif; font-size:12px; line-height:1.6; vertical-align:baseline;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
body {line-height:1.6;}
ol,
ul,
li {list-style:none;}
blockquote,
q {quotes:none;}
blockquote:before,
blockquote:after,
q:before,
q:after {content:''; content:none;}
table {border-collapse:collapse; border-spacing:0;}
img {vertical-align:top;}
input[type=radio],
input[type=checkbox] {vertical-align:middle;}
input[type=text],
input[type=email],
input[type=password] {vertical-align:top;}
a,
a:hover,
a:active, 
a:focus {text-decoration:none;}
*,
*:before,
*:after {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}


/*-----------------------------------------------------------------*/
/* 2. Global
/*-----------------------------------------------------------------*/

.hidden {visibility:hidden; overflow:hidden; width:0 !important; height:0 !important; margin:0 !important; padding:0 !important; font-size:0; line-height:0;}
.tac {text-align:center !important;}
.tal {text-align:left !important;}
.tar {text-align:right !important;}
.empty {padding:100px 0 !important; text-align:center;}
.fl {float:left !important;}
.fr {float:right !important;}
.clear {clear:both;}
.bc {display:block; margin-left:auto; margin-right:auto;}
.p_color {color:#d53838 !important;}
.p_cursor {cursor:pointer;}
.i_info {display:inline-block; position:relative; top:4px; width:16px; height:16px; background:url('/design/resetmall/img/icon_info.png') no-repeat center; font-style:normal; font-weight:normal; line-height:1;}

/* input 기본 스타일 */
.form_input {height:34px; padding:4px 10px; border:1px solid #dcdcdc; background:#fff; color:#c1c1c3; font-family:'SUIT', Malgun Gothic, '맑은 고딕', AppleGothic, Dotum, '돋움', sans-serif; font-size:12px; transition:all .3s ease;}
.form_input:focus {border-color:#000; outline:none !important;}
.form_input.block {width:100% !important;}
.form_input:-ms-input-placeholder {color:#000; font-family:'SUIT', Malgun Gothic, '맑은 고딕', AppleGothic, Dotum, '돋움', sans-serif;}
.form_input::-webkit-input-placeholder {color:#000; font-family:'SUIT', Malgun Gothic, '맑은 고딕', AppleGothic, Dotum, '돋움', sans-serif;}
.form_input::-moz-placeholder {color:#f00; font-family:'SUIT', Malgun Gothic, '맑은 고딕', AppleGothic, Dotum, '돋움', sans-serif;}
.form_input.readonly {background:#e0e0e0 !important;}
.form_input.gray {background:#fafafa;}
.form_input.gray:focus {background:#fff;}
textarea.form_input {height:auto;}



/* 셀렉트 */
select {max-width:100%; height:34px; padding:4px 6px; border:1px solid #dcdcdc; background:#fff; color:#666; font:inherit;}
select:focus {border-color:#000; outline:none !important;}

/* 서브 페이지 타이틀 */
h2.subtitle {padding:90px 0 50px; font-size:38px; font-weight:normal; text-align:center;}

/* 페이지 내 타이틀 */
h3.title.first {padding-top:0;}
h3.title {padding:30px 0 20px;}

/* 갯수 문단 */
.title_count {position:relative; top:-36px; height:0; color:#999; font-size:11px;}
.title_count strong {color:#343434; font-size:11px;}

/* 상품리스트 수량,정렬선택 */
.total_sort {clear:both; height:35px; margin:10px 0;}
.total_sort .total {float:left; font-size:11px; line-height:35px;}
.total_sort .sort {float:right;}


/* 박스 스타일 - 수량 */
.box_qty {display:inline-block; position:relative; vertical-align:top;}
.box_qty .form_input {width:59px; padding-right:22px;}
.box_qty .btn_ea {position:absolute; right:0; top:0; width:24px; height:34px;}
.box_qty .btn_ea a {display:block; width:24px; height:17px; background-repeat:no-repeat; background-position:center;}
.box_qty .btn_ea a.ea_up {background-image:url('/design/resetmall/img/bullet_arrow_up.png')}
.box_qty .btn_ea a.ea_down {background-image:url('/design/resetmall/img/bullet_arrow_down.png')}

/* 컬러칩 리스트 */
.color_option {font-size:0;}
.color_option:after {display:block; clear:both; content:'';}
.color_option li {float:left;}
.color_option li a {display:block; width:17px; height:17px; margin:1px; border:1px solid #fff;}
.color_option li a.selected {border:1px solid #fff; outline:1px solid #ff1111;}
.color_option li a img {width:15px; height:15px;}
.text_option {font-size:0;}
.text_option:after {display:block; clear:both; content:'';}
.text_option li {float:left; text-align:left;}
.text_option li a {overflow:hidden; display:block; height:20px; margin:1px; padding:0 6px; border:1px solid #d8d8d8; line-height:20px; text-align:center;}
.text_option li a.selected {border:1px solid #ff1111;}
.text_option li a.soldout {background:#ff1111; color:#fff;}

/* 하단 줄 */
.underline {display:inline-block; position:relative;}
.underline:after {position:absolute; left:50%; bottom:-3px; width:0; height:1px; background:#333; content:''; transition:all .3s ease;}
.underline:before {position:absolute; right:50%; bottom:-3px; width:0; height:1px; background:#333; content:''; transition:all .3s ease;}
.underline:hover:after,
.underline:hover:before {width:50%;}


/*-----------------------------------------------------------------*/
/* 2-1. table
/*-----------------------------------------------------------------*/

/* 테이블 스타일 - 가로 */
.tbl_col {table-layout:fixed; clear:both; width:100%; border-collapse:collapse;}
.tbl_col caption {padding-bottom:20px; font-weight:bold; text-align:left; display:block;}
.tbl_col > thead{display: contents;}
.tbl_col > thead > tr > th {padding:15px 0; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; font-weight:normal; text-align:center; vertical-align:middle;}
.tbl_col > tbody > tr > td {padding:15px 0; border-bottom:1px solid #e0e0e0; text-align:center; vertical-align:middle;}
.tbl_col > tbody > tr > td * {color:#666;}
.tbl_col > tbody > tr > td.tal {padding-left:15px !important;}
.tbl_col > tbody > tr > td.img img {width:100px; height:auto;}
.tbl_col > tbody > tr > td.order_number a {font-weight:bold; text-decoration:underline;}

/* 테이블 스타일 - 가로 - 장바구니 */
.tbl_col.prd > tbody > tr > td {padding:0;}
.tbl_col.prd > tbody > tr > td.delete_wish a {display:inline-block; position:relative;}
.tbl_col.prd > tbody > tr > td.delete_wish a:first-child:after {position:absolute; right:0; top:8px; width:1px; height:15px; background:#e0e0e0; content:'';}
.tbl_col.prd > tbody > tr > td .btn_edit {display:inline-block; vertical-align:top;}
.tbl_col.prd > tbody > tr > td .btn_edit a {font-size:11px; text-decoration:underline; line-height:35px;}
.tbl_col.prd > tbody > tr > td .btn_delivery {margin:4px 0;}
.tbl_col.prd > tbody > tr > td img {vertical-align:middle;}

/* 테이블 스타일 - 가로 - qna, review */
.tbl_col.board > tbody > tr > td.notice_cnt {padding:0; border:0;}
.tbl_col.board > tbody > tr > td.notice_cnt .notice_cnt_frame {display:none; padding:15px; border-bottom:1px solid #e0e0e0; background:#fafafa; text-align:left; word-break:break-all; word-wrap:break-word;}
.tbl_col.board > tbody > tr > td.subject .prdname {padding-bottom:5px;}
.tbl_col.board > tbody > tr > td.subject img {vertical-align:middle;}
.tbl_col.board > tbody > tr > td .best {display:inline-block; margin-right:5px; padding:3px 5px; background:#f00; color:#fff;}

/* 테이블 스타일 - 세로 */
.tbl_row {table-layout:fixed; width:100%; border-top:1px solid #e0e0e0;}
.tbl_row caption {padding-bottom:20px; font-weight:bold; text-align:left;}
.tbl_row th {padding:15px 0 15px 30px; border-bottom:1px solid #e0e0e0; font-weight:normal; text-align:left; vertical-align:middle;}
.tbl_row td {padding:15px 10px; border-bottom:1px solid #e0e0e0; text-align:left; vertical-align:middle; word-break:break-all; word-wrap:break-word;}

/* 테이블 스타일 - 주문서, 주문상세조회 */
.tbl_order {table-layout:fixed; width:100%; margin:0 auto; border-top:1px solid #e0e0e0;}
.tbl_order caption {padding-bottom:20px; font-weight:bold; text-align:left;}
.tbl_order th {padding:20px; border:1px solid #e0e0e0; border-width:0 1px 1px 0; font-weight:normal; text-align:left; vertical-align:middle;}
.tbl_order td {padding:20px; border-bottom:1px solid #e0e0e0; text-align:left; vertical-align:middle;}
.tbl_order td .form_input {width:260px;}
.tbl_order td .msg {color:#999; font-size:11px;}
.tbl_order td .own_mileage,
.tbl_order td .own_deposit {color:#d53838; line-height:35px;}
.tbl_order td.edit {line-height:30px;}
.tbl_order td.address p {margin-top:10px;}
.tbl_order td.address p:first-child {margin-top:0;}
.tbl_order td.address .zip .form_input {width:158px;}

/* 테이블 스타일 - 주문서, 주문상세조회, 장바구니 */
.tbl_order2 {table-layout:fixed; width:100%; margin:0 auto;}
.tbl_order2 caption {padding-bottom:20px; font-weight:bold; text-align:left;}
.tbl_order2 th {padding:6px 0; font-weight:normal; text-align:left; vertical-align:middle;}
.tbl_order2 td {padding:6px 0; text-align:right; vertical-align:middle;}
.tbl_order2.sale {margin:5px 0; border:1px solid #dcdcdc; border-width:1px 0;}
.tbl_order2 .total td {position:relative;}
.tbl_order2 .total td .view_info {display:none; margin-top:5px;}
.tbl_order2 .total_price,
.tbl_order2 .total_price * {color:#d53838;}


/*-----------------------------------------------------------------*/
/* 2-2. button
/*-----------------------------------------------------------------*/

/* 버튼스타일 - 기본 */
.box_btn {display:inline-block; text-align:center; vertical-align:top;}
.box_btn > * {display:inline-block; margin:0; padding:8px 12px; border:1px solid #676767; outline:none; background:#666; color:#fff !important; font-size:12px; font-family:'Montserrat', 'Noto Sans KR', Dotum, '돋움', sans-serif; font-weight:normal; text-align:center; vertical-align:middle; line-height:1.4; white-space:nowrap; cursor:pointer; -webkit-appearance:none; transition:all .2s ease;}
.box_btn > *:hover,
.box_btn > *:active,
.box_btn > *:focus {background:#333;}

/* 버튼스타일 - 크기 */
.box_btn.small > * {padding:4px 8px;}
.box_btn.large > * {padding:12px 16px; font-size:14px;}
.box_btn.large2 > * {padding:16px; font-size:12px;}
.box_btn.huge > * {padding:16px 20px; font-size:16px;}

/* 버튼스타일 - 가로길이 */
.box_btn.block {display:block;}
.box_btn.block > * {width:100%;}
.box_btn.w50 > * {width:50px;}
.box_btn.w75 > * {width:75px;}
.box_btn.w100 > * {width:100px;}
.box_btn.w125 > * {width:125px;}
.box_btn.w150 > * {width:150px;}
.box_btn.w168 > * {width:168px;}
.box_btn.w175 > * {width:175px;}
.box_btn.w200 > * {width:200px;}
.box_btn.w225 > * {width:225px;}
.box_btn.w250 > * {width:250px;}
.box_btn.w275 > * {width:275px;}
.box_btn.w300 > * {width:300px;}
.box_btn.w325 > * {width:325px;}
.box_btn.w350 > * {width:350px;}

/* 버튼스타일 - 색상 */
.box_btn.white * {border-color:#c3c3c3; background:#fff; color:#666 !important;}
.box_btn.white:hover *,
.box_btn.white:active *,
.box_btn.white:focus * {background:#f5f5f5;}
.box_btn.gray * {border-color:#f5f5f5; background:#f5f5f5; color:#666 !important;}
.box_btn.gray:hover *,
.box_btn.gray:active *,
.box_btn.gray:focus * {background:#dadada;}
.box_btn.dark_gray * {border-color:#999; background:#999; color:#fff !important;}
.box_btn.dark_gray:hover *,
.box_btn.dark_gray:active *,
.box_btn.dark_gray:focus * {background:#999;}
.box_btn.gray2 * {border-color:#d9d9d9; background:#f2f2f2; color:#333 !important;}
.box_btn.gray2:hover *,
.box_btn.gray2:active *,
.box_btn.gray2:focus * {background:#f2f2f2;}
.box_btn.blue * {border-color:#507fa1; background:#507fa1; color:#fff !important;}
.box_btn.blue:hover *,
.box_btn.blue:active *,
.box_btn.blue:focus * {background:#507fa1;}
.box_btn.blue_line * {border-color:#507fa1; background:#fff; color:#507fa1 !important;}
.box_btn.blue_line:hover *,
.box_btn.blue_line:active *,
.box_btn.blue_line:focus * {background:#fff;}
.box_btn.clear * {border-color:#b8b8b8; background:none; color:#666 !important;}

/* 버튼스타일 - 텍스트 */
.box_btn.strong * {font-weight:bold;}


/*-----------------------------------------------------------------*/
/* 2-3. product
/*-----------------------------------------------------------------*/

/* 상품스타일 - 기본 */
.prd_basic {display:table; width:100%; font-size:0; text-align:left !important;}
.prd_basic > li {display:inline-block; padding-bottom:40px; text-align:center; vertical-align:top;}
.prd_basic.col2 > li {width:50%;}
.prd_basic.col3 > li {width:33.33%;}
.prd_basic.col4 > li {width:25%;}
.prd_basic.col5 > li {width:20%;}
.prd_basic .box {position:relative; width:380px; margin:0 auto;}
.prd_basic .box .img {overflow:hidden; position:relative; z-index:1; width:100%; margin:0 auto; background:#fff; text-align:center;}
.prd_basic .box .img .prdimg {transition:all .3s ease;}
.prd_basic .box .img:hover .prdimg {-ms-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.prd_basic .box .img .soldout {display:none;}
.prd_basic .box.out .img .prdimg {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30); opacity:.3;}
.prd_basic .box.out .img .soldout {display:block; position:absolute; left:0; top:50%; z-index:5; width:100%; color:#000; font-size:14px; font-weight:bold; text-align:center; cursor:pointer;} /* 품절시 soldout 출력 */
.prd_basic .box .info {text-align:center;}
.prd_basic .box .quick_btn {position:relative; z-index:2; border:1px solid #e6e6e6; font-size:0;}
.prd_basic .box .quick_btn li {display:inline-block; width:50%; border-left:1px solid #e6e6e6; background:#fff;}
.prd_basic .box .quick_btn li.cart {border:0;}
.prd_basic .box .quick_btn li a {display:block; height:53px; font-size:15px; line-height:53px;}
.prd_basic .box .quick_btn li a:hover {background:#507fa1; color:#fff;}
.prd_basic .box .name {padding-top:23px; color:#333; font-size:20px; font-weight:400;}
.prd_basic .box .name a {color:inherit; font:inherit;}
.prd_basic .box .summary {padding-top:8px; color:#999; font-size:15px; font-weight:300; word-break:break-all; word-wrap:break-word;}
.prd_basic .box .price {padding-top:25px;}
.prd_basic .box .price .consumer {color:#999; font-size:18px; font-weight:300; text-decoration:line-through; word-break:break-all; word-wrap:break-word;}
.prd_basic .box .price .sell {color:#507fa1; font-size:24px; font-weight:500; word-break:break-all; word-wrap:break-word;}
.prd_basic .box .price .point {color:#999; font-size:14px;}

/* 상품스타일 - 기본 - 레이어 */
.prd_basic.mini {width:100%; text-align:center;}
.prd_basic.mini .box .img .prdimg {transition:none;}
.prd_basic.mini .box .img:hover .prdimg {-ms-transform:none; -webkit-transform:none; transform:none;}
.prd_basic.mini .box .img .icon_best {position:absolute; left:10px; top:10px; width:40px; height:40px; border-radius:50%; background:#fff; line-height:40px;}
.prd_basic.mini .box .info {display:none; position:absolute; left:50%; bottom:10px; z-index:5; width:100%; margin-left:-50%; background:transparent; text-align:center;}
.prd_basic.mini .box:hover .info {display:block;}
.prd_basic.mini .box:hover .img .prdimg {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30); opacity:.3;}
.prd_basic.mini .box .quick_btn {display:none;}
.prd_basic.mini .box .price .consumer,
.prd_basic.mini .box .summary,
.prd_basic.mini .box .count,
.prd_basic.mini .box .icon {display:none;}
.prd_basic.mini .box .price {padding-top:0;}

/* 상품스타일 - 기본 - 레이어 - new 5% dc */
.prd_basic.mini.new .box .img,
.prd_basic.mini.new .box .info {width:175px;}
.prd_basic.mini.new .box .info {margin-left:-87.5px;}
/* 상품스타일 - 기본 - 레이어 - 카테고리 추천 */
.prd_basic.mini.best .box .img,
.prd_basic.mini.best .box .info {width:205px;}
.prd_basic.mini.best .box .info {margin-left:-102.5px;}

/* 상품스타일 - 기본 - 슬라이드 */
.prd_basic.slide {display:none;}
.prd_basic.slide.slick-initialized {display:block;}
.prd_basic.slide .slick-prev {position:absolute; left:-44px; top:50%; width:24px; height:88px; margin-top:-44px; background:url('/design/resetmall/img/slide_prev.png') no-repeat center;}
.prd_basic.slide .slick-next {position:absolute; right:-44px; top:50%; width:24px; height:88px; margin-top:-44px; background:url('/design/resetmall/img/slide_next.png') no-repeat center;}

/* 상품스타일 - 관심상품, 관련상품 */
.prd_related {table-layout:fixed; clear:both; width:100%; border-top:1px solid #e0e0e0; border-collapse:collapse;}
.prd_related > thead {display:none;}
.prd_related > tbody > tr > td {border-bottom:1px solid #e0e0e0; vertical-align:middle; text-align:center;}
.prd_related > tbody > tr > td.img img {width:120px; height:auto;}
.prd_related > tbody > tr > td.tal,
.prd_related > tbody > tr > td.opt {padding-left:15px; text-align:left;}
.prd_related > tbody > tr > td.opt select {display:block; min-width:130px; margin:5px 0;}
.prd_related > tbody > tr > td .soldout {display:none; color:#d53838;}
.prd_related > tbody > tr > td .soldout.out {display:inline;}
.prd_related > tbody > tr > td .summary {color:#888; font-size:11px;}


/*-----------------------------------------------------------------*/
/* 3. Layout
/*-----------------------------------------------------------------*/

/*-----------------------------------------------------------------*/
/* 3-1. wrapper
/*-----------------------------------------------------------------*/

#wrapper {position:relative; min-width:1400px; text-align:left;}
#container {overflow:hidden;}
.wrap_inner {position:relative; width:1400px; margin:0 auto;} /* 컨텐츠 사이즈 */

/*-----------------------------------------------------------------*/
/* 3-2. header
/*-----------------------------------------------------------------*/

#topbanner .topSlider { width:100%; border-bottom:1px solid #ffee88; }
#topbanner .topSlider a { width:100%; text-align:center; line-height:42px !important; font-family: 'SUIT' !important; font-size:17px !important; font-weight:600 !important;  }
#topbanner .topSlider a span { font-family:'Roboto'; font-weight:700 }


#header { }

#header .gnb { padding:24px 0 22px; }
#header .gnb .logo { position:absolute; left:0px; width:247px }
#header .gnb .search { margin-left:247px; width:452px; height:49px; border:2px solid #000; box-sizing:border-box; border-radius:25px; position:relative; }
#header .gnb .search.focus {border:2px solid #1e00ff;}
#header .gnb .search input { margin-left:28px; width:370px; height:45px; line-height:45px; border:none; font-family: 'SUIT'; font-weight:600; font-size:15px; color:#a4a6a4; }
#header .gnb .search.focus input {color:#000; }
#header .gnb .search a { position:absolute; top:0; right:0; padding:10px 18px 10px 5px; display:block }
#header .gnb .search a img { position:absolute; top:0; right:0; padding:10px 18px 10px 5px; display:block; }

#header .gnb .search a img:nth-child(1) { display:block; }
#header .gnb .search a img:nth-child(2) { display:none; }
#header .gnb .search.focus a img:nth-child(1) { display:none; }
#header .gnb .search.focus a img:nth-child(2) { display:block; }

#header .gnb .menu { position:absolute; right:0; width:277px; padding-top:5px; }
#header .gnb .menu li { display: inline-block; position:relative; }
#header .gnb .menu li:before { clear: both; content: ""; display: inline-block; width:1px; height:9px; background:#e5e5e5; }
#header .gnb .menu li.fir:before { display:none }
#header .gnb .menu .fir { padding-left:0px }
#header .gnb .menu li > a { color:#888; font-size:14px; font-weight: 500; padding:0 9px; }

#header .gnb .menu li dl {display:none; position:absolute; top:23px; left:11px; z-index:30; padding:10px 0 30px; background:#fff; width:100px; text-align:left; border-radius:10px; box-shadow:0px 0px 10px rgba(0, 0, 0, 0.25);}
#header .gnb .menu li dl dd { height:40px; line-height:40px; padding-left:19px }
#header .gnb .menu li dl dd a {font-size:15px; color:#000;font-weight:500;letter-spacing:-1px}
#header .gnb .menu li dl dd a:hover {color:#1e00ff}
#header .gnb .menu li:hover dl {display:block;}


#header .category { z-index:20; text-align:center; border-top:2px solid #f3f3f3; background:url(/design/resetmall/img/top_bt_line.png) repeat-x 0 bottom; }
#header .category:after {display:block; clear:both; content:'';}

#header .category ul { font-size:0; }
#header .category ul li { display:inline-block;  margin:0 30px 0 0; height: 60px;}
#header .category ul li a {display:block; font-size:21px;  font-weight:800; color:#222; line-height:58px; letter-spacing:-1px; }
#header .category ul li a p {font-size:21px;  font-weight:800; color:#222; line-height:58px; letter-spacing:-1px }



#header .category .cate { float:left; display: flex;}
#header .category .cate a:hover { line-height:54px; border-bottom:4px solid #2b0fff; padding-top:2px }

#header .category .all_cate { float:left; } 
#header .category .all_cate a { display:inline-block; font-size:21px; font-weight:800; color:#222; line-height:58px; letter-spacing:-1px }

#header .category .board { float:right; }
#header .category .board a { font-weight:600; font-size:18px; color:#888; letter-spacing:-1px }
#header .category .board li { margin:0 0px; padding:0 15px; background:url(/design/resetmall/img/ling01.png) no-repeat 0 50%; position:relative;  }
#header .category .board li:first-child { background:none } 
#header .category .board .myp { padding:0 0px; background:none; }
#header .category .board .basket { padding:0 13px; background:none }
#header .category .board img { margin-top:17px }
#header .category .board .cqu { position:absolute; top:14px; right:3px; display:block; width:19px; height:19px; line-height:19px; text-align:center; background:#1e00ff; border-radius:10px; font-family:'Roboto'; font-size:13px; color:#fff; font-weight:500 }
#header .category .board .rvc { color:#424242 }

#header .category ul li.animationParent { overflow: hidden; }
#header .category ul li a.animationBox { position: relative; width: 75px; height: 100%; }
#header .category ul li a.animationBox p {font-size:21px;  font-weight:800; color:#222; line-height:58px; letter-spacing:-1px; text-align: center; width: 75px; position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
#header .category ul li a.animationBox p:nth-child(1) {animation: topMove1_1 4s linear 0s infinite normal forwards running;}
#header .category ul li a.animationBox p:nth-child(2) {animation: topMove2_1 4s linear 0s infinite normal forwards running; color: #2b0fff;}
#header .category ul li a.animationBox p:nth-child(3) {animation: topMove1_2 4s linear 0s infinite normal forwards running;}

@keyframes topMove1_1 {
  0%{transform: translate(-50%, 0%);}
  25%{transform: translate(-50%, 0%);}
  50%{transform: translate(-50%, -100%);}
  75%{transform: translate(-50%, -100%);}
  100%{transform: translate(-50%, -100%);}
}

@keyframes topMove1_2 {
  0%{transform: translate(-50%, 100%);}
  25%{transform: translate(-50%, 100%);}
  50%{transform: translate(-50%, 100%);}
  75%{transform: translate(-50%, 100%);}
  100%{transform: translate(-50%, 0%);}
}

@keyframes topMove2_1 {
  0%{transform: translate(-50%, 100%);}
  25%{transform: translate(-50%, 100%);}
  50%{transform: translate(-50%, 0%);}
  75%{transform: translate(-50%, 0%);}
  100%{transform: translate(-50%, -100%);}
}


/* 움직임을 정의 : 왼쪽에서 오른쪽으로 이동 */
.joi { height:10px }
@keyframes move {
        from{ top: 0; }
        to{ top: 7px; }
            }
            
.join1s { position:absolute; z-index:999; top:0px; left:0px; margin-top:-12px; display:block; background:url(/design/resetmall/img/jpbg.png) no-repeat 0 0; 
                width:82px; text-align:center; line-height:22px; padding-bottom:4px; font-size:12px; color:#222; font-weight:700; letter-spacing:-1px;

                /* 애니메이션 지정 */
                animation-name: move;
                animation-duration: 0.7s;
                animation-iteration-count: infinite;
                animation-direction: alternate;
                animation-timing-function: ease-in; }            
            
#header .category ul li dl {display:none; position:absolute; top:56px; left:-22px; z-index:30; padding:0px 0 25px; background:#fff; width:140px; text-align:left; border-radius:10px; box-shadow:0px 0px 10px rgba(0, 0, 0, 0.25);}
#header .category ul li dl dd { height:40px; line-height:40px; padding-left:24px }
#header .category ul li dl dd a {font-size:17px; color:#000;font-weight:500; letter-spacing:-1px}
#header .category ul li dl dd a:hover {color:#1e00ff}
#header .category ul li:hover dl {display:block;}


#header .fix_category { /*display:none;*/ }
#header .fix_category.fixed {display:block; position:fixed; top:0; left:0; z-index:99; width:100%; background:#fff; }

/*-----------------------------------------------------------------*/
/* 3-3. content
/*-----------------------------------------------------------------*/

#cnt {padding-bottom:50px; min-height:600px;}
#cnt .cntbody {width:1400px; margin:0 auto;}



/*-----------------------------------------------------------------*/
/* 4. Page
/*-----------------------------------------------------------------*/


/*-----------------------------------------------------------------*/
/* 4-2. 상점
/*-----------------------------------------------------------------*/




/* 퀵프리뷰 - 팝업(/shop/detail_popup.php) */
#detail_pop {position:relative; padding:30px;}
#detail_pop #detail {margin-top:0;}
#detail_pop .close {display:inline-block; position:absolute; right:20px; top:20px; z-index:10; width:21px; height:21px; background:url('/design/resetmall/img/hd_close.png') no-repeat center; text-indent:-9999px; cursor:pointer;}

/* 상품이미지줌 - 팝업(/shop/zoom.php) */
#zoomimg {text-align:center;}
#zoomimg h2 {padding:10px 60px 10px 20px; background:#676767; color:#fff; font-size:14px; text-align:left;}
#zoomimg .img {margin:40px auto 10px;}
#zoomimg .img img {max-width:500px; max-height:500px;}
#zoomimg .list {width:500px; margin:10px auto 0;}
#zoomimg .list li {float:left; margin:0 0 10px 10px;}
#zoomimg .list li:nth-child(5n+1) {margin-left:0 !important;}
#zoomimg .list li img {max-width:92px; max-height:92px;}
#zoomimg .list:after {display:block; clear:both; content:'';}
#zoomimg .box_btn {position:absolute; right:10px; top:7px;}

/* 상품갯수 - 장바구니(/shop/cart.php), 주문서(/shop/order.php) */
.enterprise {padding-top:30px;}
.enterprise.headY {padding-top:0;}
.enterprise .msg_delivery {padding-bottom:10px;}

/* 장바구니(/shop/cart.php) */
#cart .area_left {float:left; width:63%; margin-top:30px;}
#cart .area_left .msg {margin-top:60px; padding-left:25px;}
#cart .area_left .msg dt {padding-bottom:10px; font-weight:bold;}
#cart .area_left .msg dd {color:#888; font-size:11px; line-height:1.8;}

#cart .area_right {float:right; width:30%; margin-top:30px;}
#cart .area_right .box { width:100%; padding:40px; background:#f8f8f8;}
#cart .area_right .box.mim {border:1px solid #c3c3c3; background:#fff;}
#cart .area_right .box .box_btn {margin-top:20px;}
#cart .pay {clear:both; text-align:right;}
#cart .pay > div {padding-top:10px;}

/* 장바구니 옵션 변경 */
.cart_change_option {width:480px; padding:40px 50px;}
.cart_change_option h3 {font-size:20px; font-weight:normal;}
.cart_change_option .opt {margin-bottom:15px; padding:5px 0 15px; border-bottom:1px solid #e0e0e0;}
.cart_change_option .opt span {display:inline-block; padding:5px; border-radius:5px; background:#eee; color:#666;}
.cart_change_option table {width:100%; table-layout:fixed;}
.cart_change_option table > thead {display:none;}
.cart_change_option table > tbody > tr > th {padding:5px 0 5px 23px; background:url('/design/resetmall/img/bullet_check.png') no-repeat 7px center; font-weight:normal; text-align:left; line-height:34px;}
.cart_change_option table > tbody > tr > td {padding:5px; vertical-align:middle;}
.cart_change_option table > tbody > tr > td select {width:100%;}
.cart_change_option table > tbody > tr > td .box_qty {width:100%;}
.cart_change_option .total {position:relative; margin-top:15px; padding:15px 10px; border:1px solid #e0e0e0; border-width:1px 0;}
.cart_change_option .total .price {position:absolute; right:15px; top:8px;}
.cart_change_option .total .price strong {font-size:20px;}
.cart_change_option .btns {margin-top:20px; text-align:center;}
/* 장바구니 입점몰 계산 박스 */
.cart_sum {position:relative; padding:30px 60px; border-bottom:1px solid #dadada; background:#f8f8f8; text-align:right;}
.cart_sum:after {display:block; clear:both; content:'';}
.cart_sum .delivery_msg {position:absolute; left:30px; top:50%; z-index:10; margin-top:-7px; text-align:left; font-weight:bold;}
.cart_sum table {width:25%; float:right;}
.cart_sum table th {padding:5px 0; color:#666; font-weight:normal; text-align:left;}
.cart_sum table td {padding:5px 0; color:#666; text-align:right;}

/* 주문서(/shop/order.php) */
#order:after {display:block; clear:both; content:'';}
#order .guest {padding-bottom:40px;}
#order .guest .agree_guest {padding-bottom:20px;}
#order .guest .box_frame {border:1px solid #ebebeb;}
#order .guest .box_frame iframe {width:100%; height:162px; border:0;}
#order .print_receipt {padding-bottom:10px; text-align:right; line-height:30px;}
#order .area_left {float:left; width:63%;}
#order .area_right {float:right; margin-top:30px;}
#order .area_right .inner.fixed {position:fixed; right:50%; top:0; margin-right:-600px;}
#order .area_right .box {width:360px; padding:40px; background:#f8f8f8;}
#order .area_right .box .line {margin-top:25px; border-top:1px solid #dfdfdf;}
#order .coupon_list li {position:relative; margin-top:10px; padding-left:25px;}
#order .coupon_list li:first-child {margin-top:0;}
#order .coupon_list li .check {position:absolute; left:0; top:-2px;}
#order .coupon_list li .name {font-weight:bold;}
#order .coupon_list li .content {font-size:11px;}
#order .offcpn #off_cpn_div2,
#order .offcpn #off_cpn_img2 {display:none;}
#order .offcpn #off_cpn_div2 p {margin-bottom:5px;}
#order .offcpn #off_cpn_div2 .offbtn {text-align:right;}
#order .offcpn .box_btn.small a {min-width:89px;}
#order .title_delivery h3.title {display:inline-block;}
#order .method > div {position:relative;padding:0;}
#order .method > div > label {position:absolute; left:0; top:0; cursor:pointer;}
#order .method > div .msg_pay {padding:0 !important; color:#999 !important;}
#order .method > div .bank_name {display:none;}
#order .method > div #cash_reg {padding:5px 0 !important;}
#order .method > div #cash_reg span {color:#999 !important;}
#order .method > div select {width:100%; margin-bottom:5px;}
#order .order_cancel_msg {color:#666;}
#order #order1 {margin-top:25px; padding-top:25px; border-top:1px solid #dfdfdf;}
#order #order1 .box_btn {margin-top:10px;}
#order #order2 {display:none; clear:both; margin-top:30px; padding:50px 0; border:1px solid #dedede; text-align:center;}
#order #order2 .total_info {font-size:16px; font-weight:bold;}
#order #order2 .total_info strong,
#order #order2 .total_info strong * {font-size:inherit;}
#order #order2 .msg {padding:23px 0; color:#888;}

/* 주문완료(/shop/order_finish.php) */
#orderfin {width:640px; margin:0 auto; text-align:center;}
#orderfin h3 {padding-bottom:20px; text-align:left;}
#orderfin .box {margin-bottom:30px; padding:40px 80px; background:#f5f5f5;}
#orderfin .info {padding-bottom:30px;}
#orderfin .info .bank {padding-bottom:20px; color:#888;}
#orderfin .info .email {color:#888;}
#orderfin .box_gift .box_btn {margin-top:20px;}
#orderfin .btn {padding-top:20px; text-align:center;}

/* 상품검색(/shop/search_result.php) */
#search_result .re_search {position:relative; height:60px; padding-right:60px; background:#fafafa;}
#search_result .re_search:after {display:inline-block; position:absolute; right:60px; top:17px; width:1px; height:25px; background:#d5d5d5; content:'';}
#search_result .re_search .form_input.search {height:60px; border-color:#fafafa; background:transparent; font-size:14px;}
#search_result .re_search .btn {position:absolute; right:0; top:0; padding:17px;}
#search_result .check {padding:10px 0;}
#search_result .rank {position:relative; z-index:2; width:220px; padding:18px 0;}
#search_result .rank ol {overflow:hidden; position:absolute; right:0; top:0; width:124px; height:45px; border:1px solid #fff; padding:10px 0; background:url('/design/resetmall/img/arrow_down.png') no-repeat 95% center #fff;}
#search_result .rank ol li {overflow:hidden; padding:5px 8px; text-overflow:ellipsis; white-space:nowrap;}
#search_result .rank ol li span {display:inline-block; width:18px; height:18px; margin-right:5px; border-radius:50%; background:#ebebeb; font-size:11px; font-weight:bold; text-align:center; line-height:18px;}
#search_result .rank ol:hover {height:auto; border:1px solid #dcdcdc; background-image:none;}
#search_result .category {border:1px solid #e0e0e0; background:#fff;}
#search_result .result_cate {overflow:hidden; padding:0 25px; border-top:1px solid #e0e0e0;}
#search_result .result_cate:first-child {border-top:0;}
#search_result .result_cate:after {clear:both;}
#search_result .result_cate .kind {float:left; line-height:38px;}
#search_result .result_cate .list {width:85%; margin-left:15%; text-align:left;}
#search_result .result_cate .list li {overflow:hidden; text-overflow:ellipsis; float:left; width:20%; height:40px; white-space:nowrap; line-height:38px;}
#search_result .result_cate .list li a {color:#777; font-size:11px;}
#search_result .result_cate .list li a.selected {font-weight:bold;}
#search_result .result_cate .list li span {color:#aaa; font-size:11px;}

/* 상품문의 & 상품후기 - 상품정보(/shop/product_review_list.php & /shop/product_qna_list.php) */
#qnarev_list_all > .btn {position:relative; bottom:-30px; height:0;}
#qnarev_list_all > .btn .box_btn {position:absolute; right:0; top:0;}
#qnarev_list_all .board_search {clear:both; text-align:center;}
#qnarev_list_all .board_search form {display:inline-block; margin:30px auto 0; padding:5px; border:1px solid #dcdcdc; text-align:center;}
#qnarev_list_all .board_search select {border:0;}
#qnarev_list_all .board_search input.form_input.search {width:300px; border-width:0 1px;}
#qnarev_list_all .board_search .btn_search {display:inline-block; width:34px; height:34px; border:0; background:url('/design/resetmall/img/search_s.png') no-repeat center; vertical-align:top; text-indent:-9999px; cursor:pointer;}

/* 상품문의 & 상품후기 & 마이페이지 상품문의 & 마이페이지 상품후기 - 상품정보(/shop/product_review.php & /shop/product_qna.php) */
.qnarev_list .prd {overflow:hidden; position:relative; min-height:150px; padding:40px 50px; margin-bottom:32px; background:#fafbfb; color:#474645;}
.qnarev_list .prd .img {float:left; width:150px;}
.qnarev_list .prd .img img {width:150px; height:auto;}
.qnarev_list .prd .info {float:left; padding-left:40px; text-align:left;}
.qnarev_list .prd .info .name {padding-bottom:20px; font-weight:bold;}
.qnarev_list .prd .info .name img {padding-right:5px; vertical-align:middle;}
.qnarev_list .prd .info ul li {padding:5px 0; color:#666;}
.qnarev_list .prd .info ul li .nprice {text-decoration:line-through;}
.qnarev_list .prd .btn_related {padding-top:20px;}
.qnarev_list .btn {padding-top:20px; text-align:right;}
.qnarev_list .qnarev_cnt {padding:0; border:0;}
.qnarev_list .qnarev_cnt > div {display:none; padding:40px; border-bottom:1px solid #e0e0e0; text-align:left; word-break:break-all; word-wrap:break-word;}
.qnarev_list .qnarev_cnt .question,
.qnarev_list .qnarev_cnt .answer {position:relative; min-height:40px; padding-left:50px;}
.qnarev_list .qnarev_cnt .question {padding:0 0 20px 50px; border-bottom:1px solid #e5e5e5;}
.qnarev_list .qnarev_cnt .question img {max-width:100%; height:auto;}
.qnarev_list .qnarev_cnt .answer {margin-top:20px;}
.qnarev_list .qnarev_cnt .icon {display:inline-block; position:absolute; left:0; top:0; width:28px; height:28px; border-radius:50%; background:#777474; color:#fff; font-family:'arial'; text-align:center; line-height:28px;}
.qnarev_list .qnarev_cnt .answer .icon {background:#ef6363;}
.qnarev_list .qnarev_cnt .btn {text-align:left;}
.qnarev_list .qnarev_cnt .comment {padding-top:20px;}

/* 상품문의, 상품후기 - 비밀번호 확인 */
#pwbox {padding:40px 0; border:1px solid #e0e0e0; background:#fafafa; text-align:center !important;}
#pwbox h3 {padding-bottom:15px;}
#pwbox p {margin-bottom:20px; color:#888;}
#pwbox .form_input {width:330px; margin-bottom:20px;}

/* 상품문의 & 상품후기 - 쓰기 */
.qnarev_write {width:100%; margin:20px 0; background:#f5f5f5; text-align:center;}
.qnarev_write > div > form {display:inline-block; width:72%; margin:0 auto; padding:40px 0; text-align:left;}
.qnarev_write fieldset > div {position:relative; margin-bottom:10px;}
.qnarev_write fieldset > div:last-child {margin-bottom:0;}
.qnarev_write fieldset > div > label {display:none;}
.qnarev_write fieldset > div.name {min-height:34px; padding-right:100px; line-height:34px; font-weight:bold;}
.qnarev_write fieldset > div.name .form_input {float:left; width:49%;}
.qnarev_write fieldset > div.name .form_input.pw {float:right;}
.qnarev_write fieldset > div.name .check {position:absolute; right:0; top:5px;}
.qnarev_write fieldset > div.name.nopd {padding-right:0;}
.qnarev_write fieldset > div.contents {background:#fff;}
.qnarev_write fieldset > div.grade > label {display:inline-block; vertical-align:middle;}
.qnarev_write fieldset select {width:100%;}
.qnarev_write .btn {padding:20px 0; text-align:center !important;}

/* 상품문의 & 상품후기 - 수정 */
#qnarevmod .modi_pwd,
#qnarevmod .modi_cnt {display:none;}
#qnarevmod .modi_cnt .qnarev_write > form {display:inline-block; width:72%; margin:0 auto; padding:40px 0; text-align:left;}

/* 설문조사(/shop/poll_list.php) */
#poll .subject {padding:15px 30px; border:1px solid #e0e0e0; border-width:1px 0; text-align:left;}
#poll .subject strong {padding-left:40px;}
#poll .box {padding:30px; border-bottom:1px solid #e0e0e0; background:#fbfbfb;}
#poll .box .vote {margin-top:30px; padding:30px; border:1px solid #e0e0e0; background:#fff;}
#poll .box .vote table {width:100%; margin:0 auto; table-layout:fixed;}
#poll .box .vote table > thead {display:none;}
#poll .box .vote table > tbody > tr > td {padding:2px 0;}
#poll .box .vote table > tbody > tr > td .graph {height:5px; background:#b1b1b1;}
#poll .btn {margin:10px 0 40px 0; text-align:right;}
#poll .commentdel {padding:20px 0; border:1px solid #e0e0e0; border-bottom:0; background:#fff; text-align:center;}
#poll .commentdel .msg {padding-top:5px;}


/*-----------------------------------------------------------------*/
/* 4-3. 회원
/*-----------------------------------------------------------------*/

/* 아이디 비밀번호 찾기 */
#find.box_member {width:1200px; margin-bottom:50px;}
#find .login_wrap .non_member_login .savessl span.ssl:after {display:block;}

/* 비밀번호 변경 */
#modify_pwd .modify_id {padding-bottom:20px; font-size:14px; font-weight:bold;}

/* 회원가입 약관동의(/member/join_step1.php) */
#join_agree {width:640px; margin:0 auto; text-align:center;}
#join_agree .check {padding-bottom:17px; text-align:left; font-size:16px;}
#join_agree .check label {font-weight:bold; cursor:pointer; font-size:16px;}
#join_agree iframe {width:100%; height:222px; margin-bottom:40px; border:1px solid #e2e4eb; background:#fff;}
#join_agree .member_type {padding:20px 0 30px;}
#join_agree .member_type label {margin:0 10px;}
#join_agree .btn {text-align:center;}
#join_agree .simple {margin-top:50px; font-size:0; text-align:center;}
#join_agree .simple a {display:inline-block; position:relative; margin-left:10px; background-repeat:no-repeat; background-position:left center; color:#999; font-size:14px;}
#join_agree .simple a:after {position:absolute; top:5px; right:0; width:1px; height:14px; background:#d9d9d9; content:"";}
#join_agree .simple a.naver {padding:0 10px 0 21px; background-image:url('/design/resetmall/img/icon_naver.png');}
#join_agree .simple a.facebook {padding:0 10px 0 14px; background-image:url('/design/resetmall/img/icon_facebook.png');}
#join_agree .simple a.kakao {padding:0 10px 0 26px; background-image:url('/design/resetmall/img/icon_kakao.png');}
#join_agree .simple a.payco {background-image:url('/design/resetmall/img/icon_payco.png');}
#join_agree .simple a:last-child:after {display:none;}

/* 회원가입 정보입력(/member/join_frm.php) */
#join_input {width:560px; margin:0 auto;}
#join_input fieldset {margin-bottom:30px;}
#join_input fieldset legend {margin-bottom:20px; font-size:20px; font-weight:bold;}
#join_input fieldset .box {padding:25px 46px; background:#ffffff; font-size:60px;}
#join_input fieldset .box > div {position:relative; margin-bottom: 10px;}
#join_input fieldset .box > div:last-child {margin-bottom:0;}
#join_input fieldset .box > div > label {display:none;}
/* 재윤 */
#join_input fieldset .box > div input{height:40px;}
#join_input fieldset .box > div select{height:40px;}
#join_input fieldset .box > div .form_input{font-size:16px;}
/* 재윤 */
#join_input fieldset .box .warning {display:none; position:relative; padding:5px; border-radius:5px; background:#fae4e8; color:#d53838;}
#join_input fieldset .box .warning:after {position:absolute; left:15px; top:-6px; width:0; height:0; margin-left:-8px; border-left:6px solid transparent; border-right:6px solid transparent; border-bottom:6px solid #fae4e8; content:'';}
#join_input fieldset .box input:focus+.warning {display:block;}
#join_input fieldset .box .msg,
#join_input fieldset .box .msg * {color:#999; font-size:12px;}
#join_input fieldset .box .addbtn .check {display:inline-block; position:absolute; right:0; top:0; height:34px; padding:0 13px; font-weight:bold; line-height:35px;}
#join_input fieldset .box .addbtn .check:hover {color:#d53838;}
#join_input fieldset .box .addbtn .check:after {position:absolute; left:0; top:6px; width:1px; height:22px; background:#e5e5e5; content:'';}
#join_input fieldset .box .addbtn .middle_address {margin:2px 0;}
#join_input fieldset .box .email .form_input.first {width:35%;}
#join_input fieldset .box .email .form_input.second {width:35%;}
#join_input fieldset .box .email span {margin:0 3px; line-height:35px;}
#join_input fieldset .box .email select {position:absolute; right:0; top:0; width:25%;}
#join_input fieldset .box .birth {position:relative; margin-bottom:10px;}
#join_input fieldset .box .birth > label {display:none;}
#join_input fieldset .box .birth select {width:20%;}
#join_input fieldset .box .birth .sl {position:absolute; right:0; top:5px;}
#join_input fieldset .box .type2 {position:relative; margin-bottom:10px; }
#join_input fieldset .box .type2 > label {display:block; padding-bottom:5px; font-weight:bold; font-size:16px;}
#join_input fieldset .box .type2 .select {position:absolute; right:0; top:0;}
#join_input fieldset .box .type2 .select label {margin-left:10px;}
#join_input fieldset .box .line {margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #dcdcdc;}
/* 회원가입 정보입력 - 기업회원추가입력 */
#join_input fieldset.biz .licensee_num .form_input {width:32%;}
#join_input fieldset.biz .licensee_num .form_input.second {margin:0 2%;}
/* 회원가입 정보입력 - 추가필드리스트 */
#join_input fieldset.addfd .box > div {margin-bottom:20px;}
#join_input fieldset.addfd .box > div > label {display:
block; font-weight:bold;}
/* 회원가입 정보입력 - 버튼 */
#join_input .btn {margin-top:30px; text-align:center;}
/* 회원가입 정보입력 - sns회원가입 */
#join_input.simple fieldset .box .name {position:relative; margin-bottom:10px;}
#join_input.simple fieldset .box .name label {display:none;}
#join_input.simple fieldset .box .type2.line {margin-bottom:0; padding-bottom:0; border-bottom:0;}
/* 회원가입완료(/member/join_step3.php) */
#join_finish {width:640px; margin:0 auto;}
#join_finish h3 {margin-bottom:20px; font-size:13px;}
#join_finish .box {padding:80px 0; border:1px solid #dedede; color:#888; text-align:center; line-height:3;}
#join_finish .box strong {font-size:14px;}
#join_finish .btn {margin-top:30px; text-align:center;}

/* 정보수정(/member/edit_step1.php), 정보수정완료(/member/edit_step3.php) */
.edit_info .box {padding:60px 0; background:#f5f5f5; text-align:center;}
.edit_info .msg {color:#666;}
.edit_info .form_input {width:50%; margin-top:15px;}
.edit_info .btn {padding-top:30px; text-align:center;}

/* 우편번호 찾기(/common/zip_search.php) */
.zipcode {width:420px; padding:20px; text-align:center;}
.zipcode h1 {padding-bottom:20px; font-size:20px; font-weight:bold;}
.zipcode .tab {height:32px; text-align:center;}
.zipcode .tab li {float:left; width:50%; vertical-align:bottom;}
.zipcode .tab a {display:block; height:34px; margin:10px 0 0 -1px; border:1px solid #dcdcdc; background:#f8f8f8; color:#181818; line-height:34px;}
.zipcode .tab a.selected {height:44px; margin-top:0; border-bottom:0; background:#fff; font-weight:bold; line-height:49px;}
.zipcode .ex {clear:both; padding:20px 0; color:#666; text-align:left;}
.zipcode .ex span {display:block; color:#888;}
.zipcode .search {position:relative; padding-right:60px;}
.zipcode .search .box_btn {position:absolute; right:0; top:0;}
.zipcode table {table-layout:fixed; width:100%; margin-top:20px; border-top:1px solid #e0e0e0;}
.zipcode table th {font-size:0;}
.zipcode table td {padding:10px 0; border-bottom:1px solid #d7d7d7; color:#888; text-align:center; vertical-align:middle;}
.zipcode table td.addr {text-align:left;}
.zipcode table td font {color:#d53838;}


/*-----------------------------------------------------------------*/
/* 4-4. 마이페이지
/*-----------------------------------------------------------------*/

/* 마이페이지 탭 & 회원정보 */
.tbl_mypage {width:100%; margin-top:20px; margin-bottom:40px; border:1px solid #d7d7d7;}
.tbl_mypage thead th {padding:16px 0; border-right:1px solid #dadada; border-bottom:1px solid #dadada; color:#181818; font-weight:bold; text-align:center;}
.tbl_mypage tbody td {padding:13px 0 17px 0; border-right:1px solid #dadada; text-align:center;}
.tbl_mypage tbody td ul li {padding:5px 0;}
.tbl_mypage tbody td ul li a { color:#888;}
.tbl_mypage tbody td ul li a:hover {color:#333;}
.tbl_mypage .last {border-right:0;}

/* 마이페이지 공통 박스 */
.box_mp {margin-bottom:30px; padding:30px; background:#f8f8f8; text-align:center; line-height:35px;}
.box_mp:after {display:block; clear:both; content:'';}
.box_mp .have {color:#666;}
.box_mp .have span {display:block; padding-top:5px; color:#333; font-family:'arial'; font-size:24px; font-weight:bold;}

/* 마이페이지 메인(/mypage/mypage.php) */
#mypage .my_info {margin-bottom:40px; background:#f8f8f8;}
#mypage .my_info ul {display:table; margin:0 auto; padding:60px 0;}
#mypage .my_info ul li {display:table-cell; position:relative; width:145px; color:#666; text-align:center;}
#mypage .my_info ul li:after {position:absolute; left:0; top:0; width:1px; height:100%; background:#e5e5e5; content:'';}
#mypage .my_info ul li:first-child:after {display:none;}
#mypage .my_info ul li a {display:block;}
#mypage .my_info ul li span {display:block; height:30px; margin-top:20px; font-size:18px; font-weight:bold;}
#mypage .latest {width:100%; font-size:0;}
#mypage .latest li {display:inline-block; width:12.5%; margin-bottom:10px; text-align:center;}
#mypage .latest li img {width:96%; height:auto;}

/* 주문상세조회(/mypage/order_detail.php) */
#order_detail .stat {padding-bottom:20px; font-size:0; text-align:center;}
#order_detail .stat li {display:inline; padding:0 5px;}
#order_detail .trace {padding-top:20px;}
#order_detail .trace .number {padding-left:10px; line-height:35px;}
#order_detail .area_left {float:left; width:63%;}
#order_detail .area_right {float:right; margin-top:30px;}
#order_detail .area_right .box {width:360px; padding:40px; background:#f8f8f8;}
#order_detail .area_right .box .line {margin-top:25px; border-top:1px solid #dfdfdf;}
#order_detail .total_price {font-size:14px;}
#order_detail .backtolist {padding:30px 0; text-align:center;}

/* 소셜쿠폰(/mypage/sccoupon.php) */
#sccoupon .box_mp .form_input {width:270px; margin-top:20px;}
#sccoupon .btn {text-align:center;}

/* 관심상품(/mypage/wish_list.php) */
#wish_list .btn {padding-top:30px; font-size:0; text-align:left;}
#wish_list .btn .box_btn {margin-right:5px;}
#wish_list .btn .box_btn.fr {margin-right:0;}

/* 1:1문의 내역(/mypage/counsel_list.php & /mypage/order_detail.php) */
#counsel {clear:both;}
#counsel .content {padding:30px; border-bottom:1px solid #aeaeae; text-align:left; word-break:break-all; word-wrap:break-word;}
#counsel .content .question {padding-bottom:25px;}
#counsel .none_style {margin:0 !important; padding:0 !important; border:0 !important;}
#counsel .cnt_hidden {display:none; overflow:hidden; padding:20px; border-bottom:1px solid #d7d7d7;}
#counsel .cnt_hidden .qna_subject {clear:both; float:left; width:10%; padding:10px 0; color:#181818; font-weight:bold; text-align:left; vertical-align:top;}
#counsel .cnt_hidden .qna_cnt {float:left; width:90%; padding:10px 0; text-align:left; vertical-align:top;}
#counsel .btn {padding-top:30px; font-size:0; text-align:left;}
#counsel .btn .box_btn {margin-right:5px;}
#counsel .btn .box_btn.fr {margin-right:0;}

/* 1:1문의 글쓰기(/mypage/counsel_step1.php) */
#counsel_write textarea {height:250px;}
#counsel_write .btn {margin-top:30px; text-align:center;}

/* 1:1문의 완료(/mypage/counsel_step2.php) */
#counsel_fin {width:640px; margin:0 auto;}
#counsel_fin h3 {margin-bottom:20px; font-size:13px;}
#counsel_fin .box {padding:80px 0; border:1px solid #dedede; color:#888; font-size:14px; text-align:center; line-height:3;}
#counsel_fin .box strong {font-size:inherit;}
#counsel_fin .btn {margin-top:30px; text-align:center;}

/* 출석체크(/mypage/attend_list.php) */
#attend .date {padding:25px 0; border:1px solid #dbdbdb; border-bottom:0; text-align:center; vertical-align:top;}
#attend .date a {display:inline-block; width:18px; height:18px; border:1px solid #dbdbdb; background-repeat:no-repeat; background-position:center;}
#attend .date a.prev {background-image:url('/design/resetmall/img/bullet_arrow_prev.png');}
#attend .date a.next {background-image:url('/design/resetmall/img/bullet_arrow_next.png');}
#attend .date strong {padding:0 5px; color:#040404; font-family:'arial'; font-size:20px; line-height:20px; text-align:center; vertical-align:top;}
#attend #calendar table {width:100%;}
#attend #calendar table thead th {padding:10px 0; border:1px solid #dbdbdb; background:#fbfbfb; color:#666; font-family:'arial'; font-weight:normal; text-align:center;}
#attend #calendar table thead th.sun {color:#d53838;}
#attend #calendar table thead th.sat {color:#7cb4d1;}
#attend #calendar table tbody td {height:100px; padding:10px; border:1px solid #dbdbdb; color:#040404; text-align:left; vertical-align:top;}
#attend #calendar .attenY {background:url('/design/resetmall/img/attend_ok.png') no-repeat center;}
#attend #calendar .attenR {background:url('/design/resetmall/img/attend_today.png') no-repeat center #fbf9ed; font-weight:bold; text-decoration:underline;}
#attend .info {overflow:hidden; padding:30px 50px; border:1px solid #dbdbdb; border-top:0; background:#fbfbfb; text-align:left;}
#attend .info .explain {float:left; text-align:left;}
#attend .info .sum {float:right;}

/* 회원탈퇴(/mypage/withdraw_step1.php), 회원탈퇴완료(/mypage/withdraw_step2.php) */
.withdraw .box {padding:60px 0; background:#f5f5f5; text-align:center;}
.withdraw .msg {margin-bottom:10px; color:#666;}
.withdraw .frame {width:50%; margin:0 auto;}
.withdraw .frame textarea {height:250px; margin-top:10px;}
.withdraw .btn {padding-top:30px; text-align:center;}


/*-----------------------------------------------------------------*/
/* 4-5. 추가페이지
/*-----------------------------------------------------------------*/

/* 이용약관(/content/content.php?cont=uselaw) */
#uselaw > ol > li > dl > dt {padding:30px 0 10px; font-weight:bold;}
#uselaw > ol > li > dl > dd {padding-left:10px; color:#666;}
#uselaw > ol > li > dl > dd > ul,
#uselaw > ol > li > dl > dd > ol {padding-left:10px; color:#666;}

/* 개인정보취급방침(/content/content.php?cont=privacy) */
#privacy > ul > li > dl > dt {padding:30px 0 10px; font-weight:bold;}
#privacy > ul > li > dl > dd {padding-left:10px; color:#666;}
#privacy > ul > li > dl > dd > ul,
#privacy > ul > li > dl > dd > ol {padding-left:10px; color:#666;}

/* 이용안내(/content/content.php?cont=guide) */
#guide .tab {text-align:center;}
#guide .tab li {display:inline;}
#guide .tab li a {padding:0 15px;}
#guide .tab li a:hover {text-decoration:underline;}
#guide > dl > dt {padding:30px 0 10px; font-weight:bold;}
#guide > dl > dd {padding-left:10px; color:#666;}
#guide > dl > dd > ul,
#guide > dl > dd > ol {padding-left:10px; color:#666;}

/* 회사소개(/content/content.php?cont=company) */
#company {padding-top:300px; background:url('/design/resetmall/img/company.jpg') no-repeat left top/100% auto; text-align:left;}
#company:after {display:block; clear:both; content:'';}
#company > dl {float:left; width:30%;}
#company > dl:nth-child(2) {margin:0 5%;}
#company > dl > dt {padding:30px 0 10px; font-size:14px; font-weight:bold;}
#company > dl.location {clear:both; float:none; width:100%;}

/* 스위치 온 다이어트(/content/content.php?cont=switch) */
#switch .top_info {overflow:hidden; padding-top:50px; background:url('/design/resetmall/img/switch_bg.jpg');}
#switch .top_info .wrap_inner {overflow:hidden;}
#switch .top_info .img {width:400px;}
#switch .top_info .txt {width:800px; text-align:center;}
#switch .top_info .txt h1 {padding:40px 0;}
#switch .top_info .txt .sub_txt {margin-bottom:40px; color:#fff; font-size:15px; font-weight:300; line-height:1.8;}
#switch .top_info .txt .sub_txt strong {color:inherit; font-size:20px;}
#switch .top_info .txt .sub_txt span {display:inline-block; margin-bottom:3px; padding:0 5px; background:#fff; color:#507fa1; font-size:25px; font-weight:500;}
#switch .full_bnr img {width:100%;}
#switch .box {text-align:center;}
#switch .box .title {margin:95px 0 45px;}
#switch .box .title p {margin-bottom:55px; color:#9a9a9a; font-size:24px;}
#switch .box .title h1 {font-size:40px; line-height:1.4;}
#switch .box .title h1 span {display:block; color:#507fa1; font-size:inherit;}
#switch .box .info_wrap .box_slide {position:relative; width:100%;}
#switch .box .info_wrap .slide_info {clear:both; overflow:hidden; position:relative; height:915px; background:url('/design/resetmall/img/switch_slide_bg.jpg');}
#switch .box .info_wrap .slide_info .slide {position:absolute; top:65px; left:50%; margin-left:-550px; width:1100px; height:850px; border:1px solid #ececec; border-top:0;}
#switch .box .info_wrap .slide_info .slide li.frame {width:1100px; height:850px;}
#switch .box .info_wrap .slide_info .slide li .txt {padding:0 20px;}
#switch .box .info_wrap .slide_info .slide li h1 {margin:55px 0 35px; font-size:20px;}
#switch .box .info_wrap .slide_info .slide li h1.last {margin-top:35px}
#switch .box .info_wrap .slide_info .slide li p {margin-bottom:35px; color:#666; font-size:15px; line-height:2; letter-spacing:-1px;}
#switch .box .info_wrap .slide_info .slide li p.top {margin-top:55px;}
#switch .box .info_wrap .slide_info .pagination {width:100%; height:65px; font-size:0;}
#switch .box .info_wrap .slide_info .pagination li {display:inline-block; width:20%; height:65px; border:1px solid #ececec; border-left:0; background:#fff; color:#b2b2b2; font-size:18px; font-weight:300; line-height:65px; cursor:pointer;}
#switch .box .info_wrap .slide_info .pagination .activeSlide {background:#507fa1; color:#fff;}
#switch .box .info_wrap .slide_info .pagination li:first-child {border-left:1px solid #ececec;}
#switch .box .info_wrap .slide_info .pagination2 li {width:16.66%;}
#switch .box .info_wrap .slide_info .pagination2 li:first-child {width:16.7%;}
#switch .box .info_wrap .slide_info .dot {position:absolute; bottom:60px; right:0; z-index:10; height:10px;}
#switch .box .info_wrap .slide_info .dot li {width:10px; height:10px; margin:0 5px; border:0; border-radius:100%; background:#b3b3b3;}
#switch .box .info_wrap .slide_info .dot li.activeSlide {border:0; background:#507fa1;}
#switch .box .info_wrap .prev {position:absolute; bottom:55px; left:470px; z-index:20; cursor:pointer;}
#switch .box .info_wrap .next {position:absolute; bottom:55px; right:470px; z-index:20; cursor:pointer;}
#switch .box .sub_msg {margin:95px 0 85px;}
#switch .box .sub_msg p {padding-bottom:30px; color:#999; font-size:15px; line-height:2;}
#switch .box .sub_msg h1 {font-size:30px;}
#switch .box .sub_msg h1 span {display:block; color:#507fa1; font-size:inherit;}
#switch .box2 .info_wrap {margin-bottom:100px;}
#switch .box2 .info_wrap .slide_info {height:800px;}
#switch .box2 .info_wrap .slide_info .slide {height:735px;}
#switch .box2 .info_wrap .slide_info .slide li.frame {height:735px;}
#switch .box .last_box {position:relative; margin-bottom:80px; padding:50px 20px; background:url('/design/resetmall/img/switch_last_bg.jpg');}
#switch .box .last_box:after {position:absolute; bottom:0; left:50%; width:1px; height:43px; background:#fff; content:""; opacity:.5;}
#switch .box .last_box:before {position:absolute; bottom:-43px; left:50%; width:1px; height:43px; background:#000; content:""; opacity:.5;}
#switch .box .last_box p {padding:20px 0; color:#fff; font-size:15px; font-weight:300; line-height:2;}
#switch .box .last_txt {}
#switch .box .last_txt h1 {display:inline-block; padding:0 60px 50px 60px; background:url('/design/resetmall/img/switch_last_txt_bg.png') no-repeat right bottom; font-size:30px;}

/* Dr. 박용우 (/content/content.php?cont=dr) */
#dr .img {max-width:1900px; min-width:1200px; margin:0 auto; text-align:center;}
#dr .img img {max-width:100%;}


/*-----------------------------------------------------------------*/
/* 5. ETC
/*-----------------------------------------------------------------*/

/* 댓글 - 리스트(게시판, 상품리뷰) */
.list_comment {position:relative; text-align:left;}
.list_comment > ul {border:1px solid #e5e5e5; border-top:0;}
.list_comment > ul > li {clear:both; overflow:hidden; padding:15px 30px; border-top:1px solid #e5e5e5; color:#474645; word-break:break-all; word-wrap:break-word;}
.list_comment > ul > li .name {float:left; width:12%;}
.list_comment > ul > li .name a {color:inherit; font-size:inherit;}
.list_comment > ul > li .content {float:left; width:73%;}
.list_comment > ul > li .date {float:right; width:15%; text-align:right;}
.list_comment > ul > li .date span {padding-right:5px; color:#888;}
.list_comment > ul > li .date img {margin-top:3px;}

/* 댓글 - 쓰기(게시판, 상품리뷰) */
.write_comment {overflow:hidden; margin-top:-1px; padding:20px; border:1px solid #e5e5e5; background:#fff;}
.write_comment .user {overflow:auto; padding-bottom:10px; text-align:left;}
.write_comment .user span {float:left; width:50%;}
.write_comment .user span.name {padding-right:5px;}
.write_comment .user span.pw {padding-left:5px;}
.write_comment .inputbox {position:relative; padding-right:70px; border:1px solid #e2e2e2; background:#fafafa; text-align:left;}
.write_comment .inputbox textarea.form_input {height:60px; border:0; border-right:1px solid #e2e2e2;}
.write_comment .inputbox .btn_comment {display:inline-block; position:absolute; right:0; top:0; width:70px; height:100%; text-align:center; border:0; background:#fafafa; font-weight:bold; line-height:100%; cursor:pointer;}

/* 게시판 - 상품연동 - 검색 */
#product_search_frm {background:#fff;}
#product_search_frm .frame {min-height:600px; margin:10px;}
#product_search_frm .frame .search {padding-bottom:10px;}
#product_search_frm .frame .btn {padding:15px 0 10px 0; text-align:center;}

/* 게시판 - 상품연동 - 쓰기 */
.related_prd_write {padding:20px 0;}
.related_prd_write > ul {margin:20px 0;}

/* 게시판 - 상품연동 - 열람 */
.related_prd_view {border-bottom:1px solid #e0e0e0;}
.related_prd_view .title {padding:60px 0 30px; font-size:22px; font-weight:500; text-align:center;}

/* 퀵카트 */
.quickcart {position:relative;}
.quickcart > a {display:inline-block; padding:0 10px; color:#666; font-size:11px; line-height:30px;}
.quickcart > a:hover {color:#d53838;}
.quickcart .list {position:absolute; right:0; z-index:20; width:300px; padding:10px; border:1px solid #e0e0e0; background:#fff;}
.quickcart .list .frame {overflow:auto; max-height:300px;}
.quickcart .list .frame table {table-layout:fixed; clear:both; width:100%; border-collapse:collapse;}
.quickcart .list .frame table caption {padding:10px 0; color:#181818; font-weight:bold; text-align:left;}
.quickcart .list .frame table thead {display:none;}
.quickcart .list .frame table td {position:relative; padding:10px 0; border-top:1px solid #e0e0e0; text-align:center; vertical-align:middle;}
.quickcart .list .frame table td.info {padding:0 10px; text-align:left;}
.quickcart .list .frame table td.info .mall {font-size:11px;}
.quickcart .list .frame table td .del {position:absolute; right:0; top:10px;}
.quickcart .list .box_price {padding:10px; border:1px solid #e0e0e0; border-width:1px 0; background:#f8f8f8;}
.quickcart .list .btn > span {margin-top:10px;}

/* 개별상품쿠폰 레이어 */
#prdCouponArea {margin-left:-285px !important;}
#pop_coupon2 {position:relative; width:570px; padding:40px; border:1px solid #d9d9d9; background:#fff;}
#pop_coupon2 h2 {padding-bottom:10px; border-bottom:1px solid #dbdbdb; color:#000; font-size:22px;}
#pop_coupon2 .box {overflow:auto; max-height:400px; margin:-1px 0;}
#pop_coupon2 .box .tbl_col .img img {width:60px; height:auto;}
#pop_coupon2 .box .usable_cpn {padding:8px 0; text-align:left;}
#pop_coupon2 .box .usable_cpn > li {position:relative; padding:2px 60px 2px 0;}
#pop_coupon2 .box .usable_cpn > li > label {display:inline-block; cursor:pointer;}
#pop_coupon2 .box .usable_cpn > li > label > span {color:#df7e7e;}
#pop_coupon2 .box .usable_cpn > li > .expiry {position:absolute; right:0; top:2px; color:#888;}
#pop_coupon2 .btn {padding-top:30px; border-top:1px solid #dbdbdb; text-align:center;}
#pop_coupon2 .close {display:inline-block; position:absolute; right:20px; top:20px; width:21px; height:21px; background:url('/design/resetmall/img/hd_close.png') no-repeat center; text-indent:-9999px; cursor:pointer;}


/* 다찾다 자동완성*/
.search-auto-complete-list { display:none; z-index:1; position:absolute; top:40px; left:0; border:1px solid #ddd; border-top:1px solid #000; line-height:14px; background:#fff; }
.search-auto-complete-list ul { width:202px; padding:4px 0 6px; border-bottom:1px solid #ddd; }
.search-auto-complete-list ul li { text-align:left; }
.search-auto-complete-list ul li.on { background:#f3f3f3; }
.search-auto-complete-list ul li a { display:block; padding:8px 14px 7px; color:#000; background:none; font-family:'dotum'; font-size:12px; letter-spacing:-1px; }
.search-auto-complete-list ul li a strong { color:#ab3e41; }
.search-auto-complete-list ul li a:hover { background:#f2f2f2; }
.search-auto-complete-list ul li a:hover span { border-bottom:1px solid #000; }
.search-auto-complete-list .search-list-close { display:block; padding:10px 11px; text-align:right; color:#999; font-size:11px; }


/* 다찾다 검색 파인더 */
#allfinder-layer { z-index: 9999; position: fixed; top: 50px; right: 110px; width: 1000px; zoom: 1; overflow: hidden; }
#allfinder-layer .finder-body { display:none; z-index:1; position: relative; width: 998px; *width:918px; padding:35px 40px 5px; max-height: 800px; overflow-x: hidden; overflow-y: auto; box-sizing: border-box; border:1px solid #666; background:#fff; }
#allfinder-layer .finder-body .finder-close { position: absolute; top: 15px; right: 10px; font-size:24px; color:#000; *width:19px; *height:24px; *background:url('/images/common/btn_h11_close.gif') no-repeat center center; *background-size:19px 24px; }
#allfinder-ctr { z-index: 10000; position: fixed; top: 50px; right: 0; width: 103px; height:86px; }
#allfinder-ctr a { display:block; width:100%; height:100%; background:url('/images/common/allfinder_ctrl_pc.png') no-repeat right top; border:none; outline:none; font-size:0; }


.all-finder-layer .finder-body .finder-tbl table { border:1px solid #ccc; border-top:1px solid #000; }
.all-finder-layer .finder-body .finder-tbl th, 
.all-finder-layer .finder-body .finder-tbl td { height: 40px; border-top: 1px solid #e5e5e5; font-size: 13px; font-family:'Malgun Gothic'; color: #000; }
.all-finder-layer .finder-body .finder-tbl tr:first-child th,
.all-finder-layer .finder-body .finder-tbl tr:first-child td { border-top:none; }
.all-finder-layer .finder-body .finder-tbl th { padding: 5px 0; background: #f4f4f4; text-align: left; vertical-align:top; }
.all-finder-layer .finder-body .finder-tbl th .txt-l { position:relative; height:34px; line-height:34px; padding: 0 20px; margin:3px 0; }
.all-finder-layer .finder-body .finder-tbl th .txt-l .fa { position:absolute; top:50%; right:15px; margin-top:-6px; }
.all-finder-layer .finder-body .finder-tbl th .txt-l .finder-tooltip-btn { display:inline-block; width:20px; height:20px; line-height:22px; border:1px solid #cecece; border-radius:20px; color:#666; font-size:11px; background:#fff; text-align:center; outline:none; }
.all-finder-layer .finder-body .finder-tbl th .txt-l .finder-comm-layer { display:none; position:absolute; top:33px; left:52px; width:270px; padding:0 20px 18px; border:1px solid #000; background:#fff; text-align:left; font-weight:normal; color:#000; z-index:1}
.all-finder-layer .finder-body .finder-tbl th .txt-l .finder-comm-layer .finder-btn-close { display:inline-block; position:absolute; top:14px; right:20px; margin:0; font-size:21px; color:#000; outline:none; *width:19px; *height:22px; *background:url('/images/common/btn_h11_close.gif') no-repeat center center; }
.all-finder-layer .finder-body .finder-tbl th .txt-l .finder-comm-layer .finder-layer-tit { padding:18px 0; border-bottom:1px solid #e5e5e5; font-size:15px; font-weight:bold; line-height:15px; }
.all-finder-layer .finder-body .finder-tbl th .txt-l .finder-comm-layer .finder-layer-cnt { padding-top:16px; line-height:1.5; font-size:13px; }
.all-finder-layer .finder-body .finder-tbl td { padding: 5px 10px; }
.all-finder-layer .finder-body .txt-input { height: 21px; line-height: 21px; padding: 0 5px; font-size: 13px; font-family:'Malgun Gothic'; }
.all-finder-layer .finder-body .finder-category { height:40px; overflow:hidden; }
.all-finder-layer .finder-body .finder-category.open { height:100%; overflow:visible; }
.all-finder-layer .finder-body tr.finder-child-category {display:none;}
.all-finder-layer .finder-body tr.finder-child-category th,
.all-finder-layer .finder-body tr.finder-child-category td { border-top:none; }
.all-finder-layer .finder-body tr.finder-child-category td { background:#fbfbfb; }
.all-finder-layer .finder-body tr.finder-child-category td .finder-category2 .finder-cate2 { display:inline-block; margin:3px 5px 3px 0; padding: 5px 10px; cursor:pointer; line-height:22px; vertical-align:top; word-break:break-all; color:#9a9a9a; }
.all-finder-layer .finder-body tr.finder-child-category td .finder-category2 .finder-cate2 .fa-check { display:none; }
.all-finder-layer .finder-body tr.finder-child-category td .finder-category2 .finder-cate2.on { font-weight:bold; color:#000; border:0; border-radius:0; box-shadow: unset; }
.all-finder-layer .finder-body tr.finder-child-category td .finder-category2 .finder-cate2.on .fa-check { display:inline-block; margin-right:3px; }

.all-finder-layer .finder-body .finder-color { padding-left:10px; }
.all-finder-layer .finder-body .finder-price .finder-price-input { display: inline-block; padding-top:5px}
.all-finder-layer .finder-body .finder-price .finder-price-input label { display: inline-block; width: 110px; padding: 0 10px; border: 1px solid #ccc; border-radius:3px; color: #666; }
.all-finder-layer .finder-body .finder-price .finder-price-input label .txt-input { display: inline-block; width: 90px; height: 29px; line-height: 29px; padding: 0; border: none; background: none; color: #333; text-align: right; }
.all-finder-layer .finder-body .finder-search { position:relative; padding-left:5px; }
.all-finder-layer .finder-body .finder-search label { display: inline-block; width: 320px; padding: 0 10px; border: 1px solid #ccc; border-radius:3px; }
.all-finder-layer .finder-body .finder-search label .txt-input { display: block; width:100%; height: 29px; line-height: 29px; padding: 0; border: none; background: none; color: #333; text-align: left; }
.all-finder-layer .finder-body .finder-btn-c { padding: 30px 0; text-align: center; }
.all-finder-layer .finder-body .finder-btn-c a.reset { display: inline-block; width: 140px; height: 60px; line-height: 57px; border:none; border-radius:3px; background: #999; color: #fff; font-size: 18px; font-weight: bold; letter-spacing: 1px; font-family:'Malgun Gothic'; margin-right:15px; }
.all-finder-layer .finder-body .finder-btn-c button { display: inline-block; height: 60px; line-height: 57px; padding:0 30px; *padding:0; border:none; border-radius:3px; background: #000; color: #fff; font-size: 18px; font-weight: bold; letter-spacing: -0.5px; font-family:'Malgun Gothic'; cursor:pointer; }
.all-finder-layer .finder-body .finder-btn-c button span.ico-search { visibility:visible; display:inline-block; width:16px; height:15px; margin-right:10px; margin-top:-4px; *margin-top:0; vertical-align:middle; background:url('/images/common/btn_h15_search.png') no-repeat 0 0; }
.all-finder-layer .finder-body .finder-btn-c button span.finder-count { visibility:visible; display:inline-block; height:60px; color:#ffd800; font-size:23px; *vertical-align:middle; }
.all-finder-layer .finder-body .finder-btn-c button span.finder-count-toggle { visibility:visible; display:none; }


.all-finder-layer .finder-body .finder-options { display:inline-block; margin:3px 5px 3px 0; padding: 5px 10px; cursor:pointer; line-height:22px; border: 1px solid #fff; vertical-align:top; word-break:break-all; }
.all-finder-layer .finder-body .finder-options.on { font-weight: bold; border: 1px solid #000; border-radius: 20px; box-shadow:2px 2px 3px #d2d2d2; }
.all-finder-layer .finder-body .finder-option-color em { display: inline-block; width: 22px; height: 22px; border-radius:20px; font-size:0; vertical-align:top; }
.all-finder-layer .finder-body .finder-option-color.color-picker { width:22px; height:22px; padding: 0; border: none; } 
.all-finder-layer .finder-body .finder-option-color.color-picker.on { border: none; }
.all-finder-layer .finder-body .finder-option-color.color-picker .fa-check { display:none; width:22px; height:22px; margin-top:-17px; color:#fff; text-align:center; }
.all-finder-layer .finder-body .finder-option-color.color-picker.on .fa-check { display:block; }
.all-finder-layer .finder-body .finder-option-color.color-picker.on.finder-option-color-white .fa-check { color:#000; }
.all-finder-layer .finder-body .finder-option-color.finder-option-color-black em { background-color: #000; }
.all-finder-layer .finder-body .finder-option-color.finder-option-color-white em { background-color: #FFF; width: 20px; height: 20px; border: 1px solid #e5e5e5; }
.all-finder-layer .finder-body .finder-option-color.finder-option-color-gray em { background-color: #808080; }
.all-finder-layer .finder-body .finder-option-color.finder-option-color-beige em { background-color: #e5d0b2; }
.all-finder-layer .finder-body .finder-option-color.finder-option-color-brown em { background-color: #aa6810; }
.all-finder-layer .finder-body .finder-option-color.finder-option-color-navy em { background-color: #425583; }
.all-finder-layer .finder-body .finder-option-color.finder-option-color-blue em { background-color: #0000ff; }
.all-finder-layer .finder-body .finder-option-color.finder-option-color-light-blue em { background-color: #62acff; }
.all-finder-layer .finder-body .finder-option-color.finder-option-color-red em { background-color: #ff0000; }
.all-finder-layer .finder-body .finder-option-color.finder-option-color-orange em { background-color: #ffa500; }
.all-finder-layer .finder-body .finder-option-color.finder-option-color-yellow em { background-color: #ffff00; }
.all-finder-layer .finder-body .finder-option-color.finder-option-color-pink em { background-color: #ffc0cb; }
.all-finder-layer .finder-body .finder-option-color.finder-option-color-purple em { background-color: #800080; }
.all-finder-layer .finder-body .finder-option-color.finder-option-color-jaju em { background-color: #a63f7f; }
.all-finder-layer .finder-body .finder-option-color.finder-option-color-khaki em { background-color: #2f5e2f; }
.all-finder-layer .finder-body .finder-option-color.finder-option-color-green em { background-color: #008000; }
.all-finder-layer .finder-body .finder-option-color.finder-option-color-light-green em { background-color: #72dd95; }
.all-finder-layer .finder-body .finder-option-color.finder-option-color-silver em { background-color: #dfdfdf; }
.all-finder-layer .finder-body .finder-option-color.finder-option-color-gold em { background-color: #cfbc4e;  }
.all-finder-layer .finder-body .finder-option-color.finder-option-color-apricot em { background-color: #fbceb1;  }

.all-finder-layer .finder-body .search-auto-complete-list { display:none; z-index:1; position:absolute; top:30px; left:5px; border:1px solid #ddd; line-height:14px; background:#fff; }
.all-finder-layer .finder-body .search-auto-complete-list ul { width:340px; padding:4px 0 6px; border-bottom:1px solid #ddd; }
.all-finder-layer .finder-body .search-auto-complete-list ul li { text-align:left; }
.all-finder-layer .finder-body .search-auto-complete-list ul li.on { background:#f3f3f3; }
.all-finder-layer .finder-body .search-auto-complete-list ul li a{ display:block; padding:8px 14px 7px; color:#000; background:none; font-family:'dotum'; font-size:12px; letter-spacing:-1px; }
.all-finder-layer .finder-body .search-auto-complete-list ul li a strong { color:#ab3e41; }
.all-finder-layer .finder-body .search-auto-complete-list ul li a:hover { background:#f2f2f2; }
.all-finder-layer .finder-body .search-auto-complete-list ul li a:hover span { border-bottom:1px solid #000; }
.all-finder-layer .finder-body .search-auto-complete-list .search-list-close { display:block; padding:10px 11px; text-align:right; color:#999; font-size:11px; }

.all-finder-layer .finder-body .finder-search-data .finder-options { border: 1px solid #e5e5e5; box-shadow:none; }
.all-finder-layer .finder-body .finder-search-data .finder-options .fa-close { margin-left:10px; color: #999; }



/*-----------------------------------------------------------------*/
/* 3-5. quick
/*-----------------------------------------------------------------*/

#quick_right {position:fixed; right:30px; bottom:100px; z-index:60; width:60px; background:#222; text-align:center; padding-top:10px; padding-bottom:11px }

#quick_right .off,
#quick_right .close { cursor:pointer; }
#quick_right .off img,
#quick_right .close img { width:25px; margin:10px auto 10px }

#quick_right .up_bt a,
#quick_right .dw_bt a { width:100%; display:block; }

#quick_right .up_bt img, 
#quick_right .dw_bt img { width:21px; margin:8px auto }

#quick_right .imbox div { position:relative; }
#quick_right .imbox img { width:22px; margin:12px 0 8px; cursor:pointer; }
#quick_right .imbox p { position:absolute; right:5px; top:5px; font-size:11px; color:#f10202; dispaly:block; text-align:center; width:16px; heigth:14px }


/* BASIC css end */