/*-----------------------------------------------------------------*/
/* 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. nav
3-4. footer

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

5. ETC

/*-----------------------------------------------------------------*/
/* 1. Reset
/*-----------------------------------------------------------------*/
/* web font */
@import url(https://fonts.googleapis.com/css?family=DM+Sans:400,500,700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800);
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900);

/* reset */
html, body, div, span, 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, button {margin:0; padding:0; border:0; outline:0; color:#404040; font-family: "DM Sans", "Open Sans", "Noto Sans KR", sans-serif, Arial, Helvetica, "Helvetica Neue", Malgun Gothic, "맑은 고딕", AppleGothic, Dotum, '돋움'; font-size:13px; line-height:1.4; vertical-align:baseline;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
body {min-width:320px; word-break:break-all; -webkit-text-size-adjust:none;}
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] {margin-top:0; 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;}
input[type=text], input[type=password], input[type=submit], input[type=button], input[type=search], input[type=tel], input[type=number], input[type=email], textarea {border-radius:0; -webkit-appearance:none;}


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

.dn {display:none;}
.hidden {visibility:hidden; overflow:hidden; width:0; height:0; margin:0; padding:0; font-size:0; line-height:0;}
.tac {text-align:center;}
.tal {text-align:left;}
.tar {text-align:right;}
.empty {padding:20px 0; text-align:center;}
.fl {float:left;}
.fr {float:right;}
.clear {clear:both;}
.clearfix:after { content:''; display:block; clear:both; }
.bc {display:block; margin-left:auto; margin-right:auto;}
.p_color {color:#7B97C9;}
.i_info {display:inline-block; position:relative; top:4px; width:15px; height:15px; background:url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/common/icon_info2.png') no-repeat center/15px; font-style:normal; font-weight:normal; line-height:1;}

/* input 기본 스타일 */
.form_input {height:34px; padding:4px 10px; border:1px solid #dcdcdc; background:#fff; color:#666; font-family: inherit; font-size:1rem; transition:all .3s ease;}
.form_input:focus {border-color:#000; outline:none;}
.form_input.block {width:100%;}
.form_input:-ms-input-placeholder {color:#666; font-family: inherit;}
.form_input::-webkit-input-placeholder {color:#666; font-family: inherit;}
.form_input::-moz-placeholder {color:#666; font-family: inherit;}
.form_input.readonly {background:#e0e0e0;}
.form_input.gray {background:#fafafa;}
.form_input.gray:focus {background:#fff;}
textarea.form_input {height:auto;}
.form_input.disabled{user-select: none; background-color:#e0e0e0; padding:8px 10px;}

/* 셀렉트 */
select { max-width: 100%; height: 34px; padding: 4px 6px; border: 1px solid #dcdcdc; border-radius: 0; background: url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/common/select_arrow_new.png') no-repeat 95% center/10px 6px #fff; color: #666; font: inherit;-webkit-appearance: none; background-size:3.200vw; background-position:center right 3.200vw;}
select.block { width: 100%; }
select:focus { border-color: #000; outline: none; }

/* 서브 페이지 타이틀 */
#cnt .subtitle { display: none; height: 55px; padding: 0 10px; font-size: 1.833rem; font-weight: 600; text-align: center; line-height: 55px; }

/* 페이징 */
.paging { margin:15px 0; text-align:center; }
.paging li { display: inline; padding: 0 10px; color: #888; vertical-align: middle; }
.paging li strong { display: inline-block; height: 18px; padding: 0 3px; border-bottom: 1px solid #404040; background: #fff; color: #404040; font-weight: 500; line-height: 18px; }
.paging li a { display: inline-block; height: 18px; padding: 0 3px; background: #fff; color: #888; line-height: 18px; }
.paging li:first-child { padding: 0 3px 0 0; }
.paging li:first-child a { padding: 0 0 0 15px; }
.paging li:last-child { padding: 0 0 0 3px; }
.paging li:last-child a { padding: 0 15px 0 0; }

/* 박스 스타일 - 수량 */
.box_qty {display:inline-block; position:relative; width:100px;}
.box_qty.block {width:100%;}
.box_qty .form_input {padding:0 30px;}
.box_qty .form_input:hover {border-color:#dcdcdc;}
.box_qty .minus {display:inline-block; position:absolute; left:0; top:0; width:34px; height:34px; border:1px solid #dcdcdc; background:url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/common/bullet_minus.png') no-repeat center/12px;}
.box_qty .plus {display:inline-block; position:absolute; right:0; top:0; width:34px; height:34px; border:1px solid #dcdcdc; background:url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/common/bullet_plus.png') no-repeat center/12px;}

/* 컬러칩 리스트 */
.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;}

/* 글쓰기 - 주문서,1:1문의 */
.write > div {margin-bottom:10px; text-align:left;}
.write > div:last-child {margin-bottom:0;}
.write > div.line {margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #dcdcdc;}
.write > div > label {display:none;}
.write > .msg {margin-bottom:10px; line-height:34px;}
.write > .msg * {vertical-align:middle;}

/* 상단 셀렉트 메뉴 */
.top_select_menu {height:40px; border-top:1px solid transparent; border-right:1px solid transparent; border-left:1px solid transparent; background-color:#f1f1f1;}

/* 상품리스트 정렬 */
.sort_line { overflow: hidden; }
.sort_line .search_sale { display: none; float: left; width: 50%; }
.sort_line .btn_filter { background: #494949; text-align: center; }
.sort_line .btn_filter span { padding: 0 0 0 20px; height: 34px; background: url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/shop/bullet_filter.png') no-repeat center left / 14px; color: #fff; font-size: 1.167rem; line-height: 34px; vertical-align: top; }
.sort_line .brand { display: none; float: left; width: 50%; }
.sort_line .brand span { display: block; height: 34px; border-bottom: 1px solid #404040; background: url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/shop/bullet_midcate.png') no-repeat right center / 5px auto; line-height: 34px; }
.sort_line .sort select { width:100%; border: inherit; border-bottom: 1px solid #404040; }
.sort_line.type2 { overflow: hidden; }
.sort_line.type2 .brand { display: block; width: 50%; float: left; padding: 0 10px 0 0; }
.sort_line.type2 .brand span { display: block; height: 34px; border-bottom: 1px solid #404040; background: url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/shop/bullet_midcate.png') no-repeat right center / 5px auto; line-height: 34px; }
.sort_line.type2 .sort { width: 50%; float: left; padding: 0 0 0 10px; }
.total_line { margin: 20px 0 10px; overflow: hidden; }
.total_line .total { float: left; padding-top: 7px; color: #888; font-size: 0.833rem; font-weight: 300; }
.total_line .type { float: right; width: 20px; height: 20px; }
.total_line .type a { display:block; width: 100%; height: 100%; padding:0 10px; text-indent: -9999em; line-height: 30px; }
.total_line .type a.type1 { background:url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/shop/type1_1.png') no-repeat center; background-size:13px; }
.total_line .type a.type2 { background:url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/shop/type2.png') no-repeat center; background-size:13px; }
.total_line .type a.type3 { background:url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/shop/type3.png') no-repeat center; background-size:32px; }
.total_line .type a.type4 { background:url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/shop/type4.png') no-repeat center; background-size:32px; }
.total_line .type a.type5 { background:url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/shop/type5.png') no-repeat center; background-size:32px; }

/* 브랜드 리스트 - 공통 */
.list_brand li {position: relative; border-bottom: 1px solid #e8e8e8; padding: 20px 0; }
.list_brand li:last-child { border-bottom: inherit; }
.list_brand li > p { display: inline-block; }
.list_brand p:nth-of-type(2)::before { content: '/'; display: inline-block; margin: 0 10px 0 5px; }
.list_brand .btn_brand_wish { top: calc(50% - 8px); right: 5px; }

/* MY CONTENTS 게시글 리스트 - 공통 */
.list_mycontents li { padding: 0 0 30px; }
.list_mycontents li .box .wrap_img { position: relative; }
.list_mycontents li .box .img img { width: 100%; height: auto; }
.list_mycontents li .box .info,
.list_mycontents li .box .info * { color: #fff; }
.list_mycontents li .box .info { position: absolute; bottom: 0; left: 0; width: 100%; padding: 15px 15px 10px; background-color:rgba(0,0,0,0.5);}
.list_mycontents li .box .cate { position: absolute; top: 0; right: 0; min-width: 45px; height: 25px; padding: 0 10px; background: #404040; color: #fff; text-align: center; line-height: 25px; }
.list_mycontents li .box .subject { margin: 15px 0 0; }
.list_mycontents li .box .subject a { font-size: 1.167rem; }
.list_mycontents li .box .add1 { color: #888; font-weight: 300; }
.list_mycontents li .box .add1.date { margin: 5px 0 0; font-weight: 300; }
.list_mycontents li .box .brand_name { margin: 15px 0 5px; }

/* 엔진 - 레이어 딤드(게시판 상품 선택, 퀵프리뷰 팝업) */
#qdBackground {position:fixed; width:100%; height:100%;}

/* 상품후기 평점 */
.gradebox {display:inline-block; position:relative; width:154px; height:24px; background:url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/shop/grade.png') no-repeat left top/cover; font-size:0;}
.gradebox:after {display:block; position:absolute; left:0; top:0; height:100%; background:url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/shop/grade_over.png') no-repeat left top/cover; content:'';}
.gradebox.small {width:83px; height:13px;}
.gradebox.point1:after {width:20%;}
.gradebox.point2:after {width:40%;}
.gradebox.point3:after {width:60%;}
.gradebox.point4:after {width:80%;}
.gradebox.point5:after {width:100%;}
.gradebox.write label {display:inline-block; position:relative; z-index:10; width:30px; height:100%; opacity:0; font-size:0; cursor:pointer;}
.gradebox.write input {cursor:pointer;}

/* 사은품 리스트 */
.list_gift > h3 {padding-bottom:15px;}
.list_gift > ul {border-top:1px solid #e5e5e5; font-size:0;}
.list_gift > ul > li {padding:20px 0; border-bottom:1px solid #e5e5e5; text-align:left; vertical-align:middle;}
.list_gift > ul > li > .box > .img {display:table-cell; position:relative; width:100px; height:100px; border:1px solid #e5e5e5;}
.list_gift > ul > li > .box > .img img { position:absolute; left:50%; top:50%; max-width:100%; max-height:100%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); }
.list_gift > ul > li > .box > .name {display:table-cell; padding:0 20px 0 10px; vertical-align:middle;}

/* 쿠폰 다운로드 리스트 */
.list_cpn_down > .box {border:1px solid #dcdcdc;}
.list_cpn_down > .box > ul > li {position:relative; padding:15px 130px 15px 15px; border-top:1px solid #dcdcdc; text-align:left; vertical-align:middle;}
.list_cpn_down > .box > ul > li:first-child {border-top:0;}
.list_cpn_down > .box > ul > li:before { content: ''; display: inline-block; position: absolute; top: 15px; right: 120px; width: 1px; height: calc(100% - 30px); background-color: #e5e5e5;}
.list_cpn_down > .box > ul > li > .sale {font-size:1.417rem; font-weight:bold;}
.list_cpn_down > .box > ul > li > .name {font-weight:bold;}
.list_cpn_down > .box > ul > li > span {position:absolute; right:15px; top:50%; margin-top:-20px;}
.list_cpn_down > .box > ul > li > span.fin {display:inline-block; min-width:90px; height:40px; padding:4px 8px; border:1px solid #c3c3c3; background:#fff; color:#666; line-height:32px; text-align:center; vertical-align:top; white-space:nowrap;}
.list_cpn_down > .box > ul > li > span.box_btxn * {min-width:90px; height:40px; line-height:32px;}

/* 타이머 */
.box_timer {display:inline-block; margin-top:10px; border:1px solid #dcdcdc; border-radius:20px; font-size:0;}
.box_timer > .title {display:inline-block; position:relative; padding:5px; border-radius:20px; background-color:#333; color:#fff; font-size:0; vertical-align:top;}
.box_timer > .title:before {display:inline-block; width:13px; height:13px; border:1px solid #fff; border-radius:50%; vertical-align:top; content:'';}
.box_timer > .title:after {display:inline-block; position:absolute; left:8px; top:50%; width:4px; height:4px; margin-top:-2px; border:1px solid #fff; border-width:0 1px 1px 0; content:'';}
.box_timer > ._timesale_timer {display:inline-block; padding:0 10px 0 5px;}
.box_timer > ._timesale_timer * {color:#333; font-size:1rem; line-height:23px;}
.box_timer > ._timesale_timer > ._timer_num {font-weight:900;}
.box_timer.big > .title {font-size:1rem;}
.box_timer.big > .title:before {margin:2px 5px 0 0;}
.box_timer.big > ._timesale_timer * {font-size:1.083rem; line-height:26px;}
#detail .box_timer {margin-bottom:20px;}

/*-----------------------------------------------------------------*/
/* 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;}
.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;}
.tbl_col > tbody > tr > td.img img {width:100px; height:auto;}

/* 테이블 스타일 - 가로 - 장바구니, 주문조회 */
.tbl_col.prd > tbody > tr > td {padding:0;}
.tbl_col.prd > tbody > tr > td.order_number a {font-weight:bold; text-decoration:underline;}
.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:0.917rem; text-decoration:underline; line-height:35px;}

/* 테이블 스타일 - 가로 - 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 .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:10px; border-bottom:1px solid #e0e0e0; font-weight:normal; text-align:left; vertical-align:middle;}
.tbl_row td {padding: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;}
.tbl_order caption {padding-bottom:20px; font-weight:bold; text-align:left;}
.tbl_order caption.hidden { padding: 0; }
.tbl_order th {padding:6px 0; font-weight:normal; text-align:left; vertical-align:middle;}
.tbl_order td {padding:6px 0; text-align:right; vertical-align:middle;}
.tbl_order.sale {margin:5px 0; border:1px solid #dcdcdc; border-width:1px 0;}
.tbl_order .total td .view_info {display:none; margin-top:5px;}
.tbl_order .total_price,
.tbl_order .total_price * {color:#d53838; font-size:1.333rem;}

/* 테이블 스타일 - 상품정보고시 */
.tbl_prdinfo { margin: 10px 0 0; width: 100%; border-top: 1px solid #404040; border-bottom: 1px solid #ddd; }
.tbl_prdinfo th { padding: 5px 8px; font-size: 0.85rem; text-align:left; word-break: keep-all; }
.tbl_prdinfo td { padding: 5px 8px; font-size: 0.85rem; text-align:left; }
.tbl_prdinfo tr:first-child th,
.tbl_prdinfo tr:first-child td { padding: 10px 8px 5px; }
.tbl_prdinfo tr:last-child th,
.tbl_prdinfo tr:last-child td { padding: 5px 8px 10px; }

/*-----------------------------------------------------------------*/
/* 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 #404040; outline:none; background:#404040; color:#fff; font-family:'DM Sans', 'Open Sans', '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.small > * {padding:4px 8px;}
.box_btn.large > * {padding:9.5px 16px; font-size:1.167rem;}

/* 버튼스타일 - 가로길이 */
.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.w110 > * {width:110px;}
.box_btn.w125 > * {width:125px;}
.box_btn.w150 > * {width:150px;}
.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;}
.box_btn.white:hover *,
.box_btn.white:active *,
.box_btn.white:focus * {background:#f5f5f5;}
.box_btn.gray * {border-color:#f5f5f5; background:#f5f5f5; color:#666;}
.box_btn.gray:hover *,
.box_btn.gray:active *,
.box_btn.gray:focus * {background:#dadada;}
.box_btn.black * {border-color:#000; background:#000; color:#fff;}
.box_btn.black:hover *,
.box_btn.black:active *,
.box_btn.black:focus * {background:#555;}
.box_btn.point * { border:1px solid #f65634;background: #f65634; }
.box_btn.point > *:hover,
.box_btn.point > *:active,
.box_btn.point > *:focus { background: #fff; color: #f65634; }

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

/* 나열 버튼 */
.btn_col { width: 100%; overflow: hidden; }
.btn_col span {float:left; width:49%;}
.btn_col span:last-child {float:right;}
.btn_col.col3 span {float:left; width:32%;}
.btn_col.col3 span:nth-child(3n-1) {margin:0 2%;}
.btn_col2 { width: 100%; overflow: hidden; }
.btn_col2 span {float:left; width:50%;}
.btn_col2 span:last-child {float:right; position:relative; left:-1px;}

/* 더보기 버튼 */
.box_btn.more{ display: block; margin: 20px 0; }
.box_btn.more a{ padding: 12px; width: 60%; background: #fff; color: #000; }

/* button - board wish */
.btn_board_wish { position:absolute; top:0; left:0; display:inline-block; width:20px; height:20px; background:url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/button/brand_wish.png') no-repeat center / 15px auto; text-indent: -9999rem; }
.btn_board_wish.on {background-image:url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/button/brand_wish_on.png');}

/* button - brand wish */
.btn_brand_wish {position:absolute; right:0; top:0; width:15px; height:16px; background:url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/button/brand_wish.png') no-repeat center; background-size: contain; text-indent: -9999rem;}
.btn_brand_wish.on {background-image:url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/button/brand_wish_on.png');}

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

/* 상품스타일 - 기본 */
.prd_basic {display:block; width:100%; font-size:0; }
.prd_basic > li {display:inline-block; padding: 0 0 30px; vertical-align: top;}
.prd_basic .box {position:relative; margin:0 auto;}
.prd_basic .box .img {overflow:hidden; position:relative; z-index:1; width:100%; margin:0 auto; text-align:center;}
.prd_basic .box .img .prdimg { -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease;  -webkit-transition:all .3s ease; transition:all .3s ease; }
.prd_basic .box .img .prdimg img { width: 100%; height: auto; }
.prd_basic .box .img .best_icon { display: none; position: absolute; top: 0; left: 0; width: 25px; height: 25px; background: #404040; color: #fff; font-size: 1rem; text-align: center; line-height: 25px; z-index: 5; }
.prd_basic .box .img .timesale_icon { display: none; position: absolute; top: 10px; left: 10px; width: 35px; z-index: 5; }
.prd_basic .box .img .timesale_icon img { width: 100%; height: auto; }
.prd_basic .box .img .soldout {display:none;}
.prd_basic .box .img .wish {position:absolute; right:0; top:0;}
.prd_basic .box .img .wish a {display:block; width:32px; height:32px; background:url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/shop/icon_wish.png') no-repeat center/32px;}
.prd_basic .box .img .wish a.wish_on {background-image:url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/shop/icon_wish_on.png');}

 /* 품절시 soldout 출력 */
.prd_basic .out .img { background: #000; }
.prd_basic .out .img .prdimg { opacity: .4;}
.prd_basic .out .img .soldout { display: block; position: absolute; top: calc(50% - 10px); left: 0; width: 100%; color: #fff; font-size: 1.167rem; text-align: center; text-transform: uppercase; z-index: 5; }
.prd_basic .box .info { padding: 18px 0 0; }
.prd_basic .box .brand { font-weight: bold; word-break: keep-all; }
.prd_basic .box .name a { display: block; display: -webkit-box; -webkit-line-clamp: 2; height: 2.8rem; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } 
.prd_basic .box .price { padding: 5px 0 0; }
.prd_basic .box .price p { word-break: break-all; word-wrap: break-word; }
.prd_basic .box .price .consumer { display: block; font-size: 0.85rem; text-decoration:line-through;}
.prd_basic .box .price .sale { padding: 0 0 0 5px; color: #f65634; font-weight: bold; font-size: 1.1rem; }
.prd_basic .box .price .sell strong { font-size: 1.23rem;  }
.prd_basic .box .summary { padding: 10px 0 0; color: #888; font-size: 0.917rem; word-break:  keep-all; }
.prd_basic .box .icon { padding: 10px 0 0; }
.prd_basic .box .icon img { margin: 0 2px 2px 2px; vertical-align: middle; }
.prd_basic .box .today { display: inline-block; margin: 10px auto 0px; padding: 3px; background-color: #ebebeb; font-size: 0.917rem; }
.prd_basic .box .today * { font-size: inherit; }
.prd_basic .box .today > span { color: #666; padding: 0 0 0 5px; }

/* 상품스타일 - 보기갯수 */
.prd_basic.col1 > li { display: block; width:100%; overflow: hidden; }
.prd_basic.col1 > li .box .img { float: left; width: 34%; }
.prd_basic.col1 > li .box .info { float: left; width: 66%; padding: 18px 0 0 15px; text-align: left; } 
.prd_basic.col2 > li { width: 50%; }
/* .prd_basic.col2 > li:nth-child(2n) {padding-right:0; padding-left:1.5625%;} */
.prd_basic.col2 > li:nth-child(odd) { padding-right: 5px; }
.prd_basic.col2 > li:nth-child(even) { padding-left: 5px; }
.prd_basic.col3 > li { width: 32%; }
.prd_basic.col3 > li:nth-child(3n-1) { margin: 0 2%; }
.prd_basic.col3 > li .price .consumer { display: block; }
.prd_basic.col_img > li { width: 50%; padding-right: 1.5625%; }
.prd_basic.col_img > li:nth-child(2n) { padding-right: 0; padding-left: 1.5625%; }
.prd_basic.col_img .box .info { display: none; }
.prd_basic.col_list > li { width: 100%; }
.prd_basic.col_list > li { margin-bottom: 10px; border-bottom: 1px solid #ebebeb; }
.prd_basic.col_list > li .box:after { display: block; clear: both; content: ''; }
.prd_basic.col_list > li .box .img { float: left; width: 30%; }
.prd_basic.col_list > li .box .info { float: left; width: 70%; padding-left: 10px; text-align: left; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.prd_basic.col_list > li .box .name { padding-top: 0; }
.prd_basic[module_page="end"]+div{ display: none; }

@media screen and (max-width: 320px){    
    .prd_basic .box .price .consumer{ display: block; }
    .prd_basic .box .price .sale { font-size: 1rem; }
}

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

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

.wrap_inner { padding: 10px; } /* 컨텐츠 사이즈 */
body.view_nav {overflow:hidden;}
body.view_nav #dimmed {display:block;}

/*-----------------------------------------------------------------*/
/* 3-2. header
/*-----------------------------------------------------------------*/
header {width:100%; position: relative;}

/* 탑 이벤트 배너 */
header .top_bnr { overflow: hidden; position: relative; }
header .top_bnr .inner { position: relative; text-align: center; width: 100%; }
header .top_bnr .inner img{ width: 100%; }
header .top_bnr .close { position: absolute; top: 0; right: 0; z-index: 5; width: 36px; height: 36px; background: url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/button/top_bnr_close.png') no-repeat 50% / 16px; cursor: pointer; }

header .logo_area { position: relative; overflow: hidden; height: 55px; padding: 0 10px; border-bottom: 1px solid #ddd; }
header .logo { display: none; position: absolute; top: 0; left: 10px; }
header .logo a { width: 110px; height: 55px; display: block; background:url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/logo/logo.png') no-repeat center left; background-size: 90%; text-indent: -9999em; }
header .sub .btn_back { position: absolute; left: 10px; top: 0; width: 34px; height: 55px; background: url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/common/back.png') no-repeat center / 34px 13px; }
header .sub .page_title { padding: 0 80px; height: 55px; text-align: center; }
header .sub .page_title .subtitle { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 1.167rem; font-weight: 500; text-align: center; line-height: 55px; }
header .sub .page_title .subtitle.cate { display: inline-block; position: relative; max-width: 100%; padding: 0 25px 0 0; }
header .sub .page_title .subtitle.cate:after { content: ''; position: absolute; top: -2px; right: 0; width: 25px; height: 100%; background: url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/common/bullet_cate_title.png') no-repeat right center / 17px; }
header .user_menu { position: absolute; top: 0; right: 10px; overflow: hidden; height: 55px; }
header .user_menu li { position: relative; float: left; margin: 0 0 0 5px; }
header .user_menu li a { display: block; width: 34px; height: 55px; }
header .user_menu li.home { display: none; }
header .user_menu li.home a { background: url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/common/gnb_home.png') no-repeat center; background-size: 21px 19px; }
header .user_menu li.search a { background: url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/common/gnb_search.png') no-repeat center; background-size: 18px; }
header .user_menu li.cart a { background: url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/common/gnb_cart.png') no-repeat center; background-size: 15px; }
header .user_menu li.cart a span { position: absolute; top: 15px; right: 0; }
header .user_menu li.calculator {padding:0;}
header .user_menu li.calculator button {display:inline-block; vertical-align:middle; position:relative; width:135px; height:35px; margin-top:10px; margin-right:5px; border:#f0f0f0 solid 1px; border-radius:20px; background-color:#fff; cursor:pointer; transition:0.2s; -webkit-transition:0.2s;}
header .user_menu li.calculator button:hover {background-color:#f0f0f0;}
header .user_menu li.calculator button .cb_icon {display:inline-block; vertical-align:middle; position:absolute; left:15px; top:12px; width:3px; height:9px; border:#6f6f6f solid 1px; transition:0.2s; -webkit-transition:0.2s;}
header .user_menu li.calculator button .cb_icon:before {content:""; position:absolute; left:-5px; bottom:-1px; width:3px; height:6px; border:#6f6f6f solid 1px; transition:0.2s; -webkit-transition:0.2s;}
header .user_menu li.calculator button .cb_icon:after {content:""; position:absolute; right:-5px; bottom:-1px; width:3px; height:4px; border:#6f6f6f solid 1px; transition:0.2s; -webkit-transition:0.2s;}
header .user_menu li.calculator button:hover .cb_icon:before {height:9px;}
header .user_menu li.calculator button:hover .cb_icon:after {height:9px;}
header .user_menu li.calculator button span {display:block; position:relative; padding-left:30px; font-size:11px; color:#6f6f6f; letter-spacing:-1px; line-height:28px; text-align:center;}
header .user_menu li.calculator button span:before {content:""; position:absolute; left:30px; top:50%; width:1px; height:10px; margin-top:-5px; background-color:#e2e2e2;}
header .gnb_fixed { position: relative; width: 100%;  height: 45px; margin: 0 auto; background: #fff; border-bottom: 1px solid #e0e0e0;}
header .gnb_fixed .swiper-wrapper .swiper-slide { width: auto; padding: 0 10px; }
header .gnb_fixed .swiper-wrapper .swiper-slide a { display: block; height: 45px; color: #333; font-size: 1.083rem; font-weight: 500; line-height: 45px; text-transform: uppercase; }
header .gnb_fixed .swiper-wrapper .swiper-slide.line_after { margin: 0 10px 0 0; padding: 0 20px 0 10px; }
header .gnb_fixed .line_after a::after { content: ''; position: absolute; top: calc( 50% - 5px ); right: 0; width: 1px; height: 10px; background: #404040; }
header .gnb_fixed .swiper-wrapper .swiper-slide.line_before { margin: 0 0px 0 10px; padding: 0 10px 0 20px; }
header .gnb_fixed .line_before a::before { content: ''; position: absolute; top: calc( 50% - 5px ); left: 0; width: 1px; height: 10px; background: #404040; }
header .gnb_fixed.cate_sub { background: #f2f2f2; }
header .gnb_fixed.cate_sub .swiper-wrapper .swiper-slide a span { color: #000; font-weight: 300; }
header .gnb_fixed.cate_sub .swiper-wrapper .swiper-slide.selected a span { color: #b98828; font-weight: 800; }
header .gnb_fixed.cate_sub .swiper-wrapper .swiper-slide.line_after,
header .gnb_fixed.cate_sub .swiper-wrapper .swiper-slide.line_before { display: none; }
header.main .logo { display: block; }
header.main .sub { display: none; }
header.big_group .logo { display: block; }
header.big_group .sub .btn_back { display: none; }
header.big_group .sub .page_title { display: none; }
header.big_group.brand .logo { display: none; }
header.big_group.brand .sub .btn_back { display: block; }
header.big_group.brand .sub .page_title { display: block; }
header.big_group.brand .gnb_fixed { display: none; }
header.detail .gnb_fixed { display: none; }
header.detail .user_menu li.home { display: block; }
header.gallery_1 .logo { display: block; }
header.gallery_1 .sub .btn_back { display: none; }
header.gallery_1 .sub .page_title { display: none; }
header.gallery_3 .logo { display: block; }
header.gallery_3 .sub .btn_back { display: none; }
header.gallery_3 .sub .page_title { display: none; }

header.fixed .logo_area { position: fixed; top: 0; left: 0; width: 100%; background: #fff; box-shadow: 0 0 1px 1px rgba(0,0,0,0.1); z-index: 10; }
header.fixed .logo { display: none; }
header.fixed .sub .btn_back { display: block; }
header.fixed .sub .page_title { display: block; }
header.fixed .gnb_fixed { display: none; }
header.main.fixed .logo_area { display: none; }
header.main.fixed .gnb_fixed { display: block; position:fixed; top: 0; z-index:5; }

/* 검색창 */
header .search_layer { display: none; overflow-y: auto; position: fixed; top: 0; left: 0; width: 100%; height: 100%; padding: 45px 15px 30px; background: #fff; z-index: 11; }
header .search_layer .close { position: absolute; top: 5px; right: 5px; width: 31px; height: 31px; background: url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/button/search_close.png') no-repeat center / 16px; }
header .search_bar { overflow: hidden; position: relative; padding: 0 50px 0 0; background: #f3f6f7; }
header .search_bar .btn { position: absolute; top: 0; right: 5px; width: 50px; height: 55px; border: inherit; outline: inherit; background: url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/button/search_run.png') no-repeat center / 18px; text-indent: -9999em; }
header .basic_search { height: 55px; line-height: 55px; padding: 0 0 0 20px; border: inherit; background: transparent; font-size: 1.167rem; }
header .keyword { margin: 25px 0 0; }
header .keyword .title { font-size: 2.500rem; font-weight: bold; }
header .keyword .list { margin: 0 0 0 -10px; }
header .keyword li { display: inline-block; margin: 10px 0 0 10px; }
header .keyword li a { display: block; padding: 5px 7px; border: 1px solid #ddd; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; color: #888; letter-spacing: -0.5px; line-height: 1; }

/*-----------------------------------------------------------------*/
/* 3-3. nav
/*-----------------------------------------------------------------*/

nav.gnb { visibility: hidden; overflow-y: auto; position: fixed; top: 100%; left: 0; width: 100%; height: 100%; background: #fff; -webkit-overflow-scrolling: touch; z-index: 16; -webkit-transition: all 0.4s cubic-bezier(0.6, -0.1, 0.5, 0.05); -moz-transition: all 0.4s cubic-bezier(0.6, -0.1, 0.5, 0.05); -ms-transition: all 0.4s cubic-bezier(0.6, -0.1, 0.5, 0.05); -o-transition: all 0.4s cubic-bezier(0.6, -0.1, 0.5, 0.05); transition: all 0.4s cubic-bezier(0.6, -0.1, 0.5, 0.05); }
nav.gnb.is_show { visibility: visible; top: 0; transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.1); transition-duration: 0.6s; }
nav.gnb .close { position: absolute; top: 15px; right: 0; width: 46px; height: 40px; border: 0; outline: 0; background: url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/button/snb_close.png') no-repeat center / 16px; }
nav.gnb .member { overflow: hidden; height: 70px; padding: 0 46px 0 15px; border-bottom: 1px solid #404040; }
nav.gnb .box_logoff { padding-top: 17.5px; }
nav.gnb .box_logoff a { float: left; padding: 0 0 0 45px; background: url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/common/member_off.png') no-repeat left center / 35px; line-height: 35px; }
nav.gnb .box_login { position: relative; padding: 17.5px 80px 0 0; }
nav.gnb .box_login .name { font-size: 1.167rem; }
nav.gnb .box_login .name strong { font-size: 1.167rem; }
nav.gnb .box_login .name span { font-size: 1rem; }
nav.gnb .box_login .btn_logout { position: absolute; top: calc( 50% - 10px ); right: 0; }
nav.gnb .c_btn.calculator_open {margin:0;}
nav.gnb .my_menu { border-bottom: 1px solid #ddd; }
nav.gnb .my_menu ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
nav.gnb .my_menu li { flex: 1; text-align: center; }
nav.gnb .my_menu li a { display: block; height: 60px; padding-top: 37px; font-size: 0.917rem; line-height: 1; }
nav.gnb .my_menu li.mypage a { background: url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/common/mymenu_mypage.png') no-repeat center 12px / 16px; }
nav.gnb .my_menu li.ord a { background: url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/common/mymenu_ord.png') no-repeat center 11.5px / 16px auto; }
nav.gnb .my_menu li.counsel a { background: url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/common/mymenu_counsel.png') no-repeat center 12px / 16px; }
nav.gnb .my_menu li.wish a { background: url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/common/mymenu_wish.png') no-repeat center 14px / 14px auto; }
nav.gnb .category { padding: 0 15px; }
nav.gnb .menu { padding: 15px 0; border-top: 1px solid #ddd; }
nav.gnb .menu:first-of-type { border-top: inherit; }
nav.gnb .menu > li > a { display: block; position: relative; font-size: 1.167rem; font-weight: 600; line-height: 40px; text-transform: uppercase; }
nav.gnb .menu > li a.arr:after { content: ''; display: block; position: absolute; top: calc(50% - 5px); right: 0;  width: 20px; height: 10px; background: url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/common/snb_menu_arr_down.png') no-repeat right center / auto 10px; z-index: 5; }
nav.gnb .menu > li.is_open a.arr { text-decoration: underline; }
nav.gnb .menu > li.is_open > a.arr:after { background: url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/common/snb_menu_arr_up.png') no-repeat right center / auto 10px; }
nav.gnb .sub_menu { display: none; padding: 0 0 5px; }
nav.gnb .sub_menu > li > a { display: block; color: #888; font-size: 1rem; line-height: 30px; }

/* #nav_bottom  */
#nav_bottom { position: fixed; bottom: 0; left: 0; padding: 0 0 20px; width: 100%; background: #fff; -webkit-transform: translate(0,0); -moz-transform: translate(0,0); -ms-transform: translate(0,0); -o-transform: translate(0,0); transform: translate(0,0); -webkit-transition: all 0.5s; z-index: 10; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; border-top: 1px solid #ddd; }
#nav_bottom ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
#nav_bottom li { flex: 1; }
#nav_bottom li a { display: block; height: 45px; }
#nav_bottom li.home a { background: url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/common/nav_home.png') no-repeat center; background-size: 18px auto; }
#nav_bottom li.cate a { background: url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/common/nav_cate.png') no-repeat center; background-size: 18px auto; }
#nav_bottom li.mypage a { background: url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/common/nav_mypage.png') no-repeat center; background-size: 18px auto; }
#nav_bottom li.recent a { background: url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/common/nav_recent.png') no-repeat center; background-size: 18px auto; }
#nav_bottom.detail { display: none; }

#nav_bottom li.calculator {padding:0 3%;}
#nav_bottom li.calculator button {display:inline-block; vertical-align:middle; position:relative; width:140px; height:35px; margin-top:5px; border:#f0f0f0 solid 1px; border-radius:20px; background-color:#fff; cursor:pointer; transition:0.2s; -webkit-transition:0.2s;}
#nav_bottom li.calculator button:hover {background-color:#f0f0f0;}
#nav_bottom li.calculator button .cb_icon {display:inline-block; vertical-align:middle; position:absolute; left:15px; top:12px; width:3px; height:9px; border:#6f6f6f solid 1px; transition:0.2s; -webkit-transition:0.2s;}
#nav_bottom li.calculator button .cb_icon:before {content:""; position:absolute; left:-5px; bottom:-1px; width:3px; height:6px; border:#6f6f6f solid 1px; transition:0.2s; -webkit-transition:0.2s;}
#nav_bottom li.calculator button .cb_icon:after {content:""; position:absolute; right:-5px; bottom:-1px; width:3px; height:4px; border:#6f6f6f solid 1px; transition:0.2s; -webkit-transition:0.2s;}
#nav_bottom li.calculator button:hover .cb_icon:before {height:9px;}
#nav_bottom li.calculator button:hover .cb_icon:after {height:9px;}
#nav_bottom li.calculator button span {display:block; position:relative; padding-left:30px; font-size:12px; color:#6f6f6f; letter-spacing:-1px; line-height:28px; text-align:center;}
#nav_bottom li.calculator button span:before {content:""; position:absolute; left:30px; top:50%; width:1px; height:10px; margin-top:-5px; background-color:#e2e2e2;}


/*-----------------------------------------------------------------*/
/* 3-4. footer
/*-----------------------------------------------------------------*/
footer{ background: #f7f7f7; margin: 70px 0 0; padding: 0 0 65px;}
footer .notice { position: relative; padding: 0 40px 0 35px;  border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; background: #fff; }
footer .notice li a { display: block; overflow: hidden; height: 40px; line-height: 40px; text-overflow: ellipsis; white-space: nowrap; text-align: center;  }
footer .notice .link { position: absolute; top: 0; right: 0; }
footer .notice .link a { display: block; width: 40px; height: 40px; background: url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/common/bullet_link_more.png') no-repeat center / 15px; }
footer .fnb { text-align: center; }
footer .fnb li { position: relative; display: inline-block; padding: 0 13px; }
footer .fnb li::before { content: ''; display: block; position: absolute; top: calc(50% - 5px); left: 0; width: 1px; height: 8px; background: #404040; }
footer .fnb li:first-child::before { display: none; }
footer .fnb li a { display: block; height: 50px; line-height: 50px; font-size: 0.92rem; text-transform: uppercase; }
footer .shop_info { padding: 15px 10px; border-top: 1px solid #ddd; text-align: center; }
footer .shop_info .info span { padding: 0 5px; font-size: 0.917rem; font-style: normal; }
footer .shop_info .info a { font-size: 0.917rem; }
footer .genuine_product { font-size: 0.917rem; }
footer .genuine_product strong { font-size: 0.917rem; font-weight: 500; }
footer .copyright { margin: 15px 0 0; color: #888; }
footer .copyright strong { color: #888; font-weight: 500; }
footer .copyright a { color: #ccc; }
footer .conditions_of_use { margin: 15px 0 0; }
footer .conditions_of_use li { position: relative; display: inline-block; padding: 5px 13px; }
footer .conditions_of_use li::before { content: ''; display: block; position: absolute; top: calc(50% - 5px); left: 0; width: 1px; height: 8px; background: #404040; }
footer .conditions_of_use li:first-child::before { display: none; }
footer .conditions_of_use li a { display: block; font-size: 0.92rem; }
footer .conditions_of_use li a strong { font-size: 0.92rem; font-weight: 500; }
footer .share { margin: 10px 0 0; }
footer .app li { display: inline-block; }
footer .app li a { display: block; }
footer .sns { margin: 20px 0 0; }
footer .sns li { display: inline-block; }
footer .sns li a { display: block; padding: 5px 15px; }
footer .sns li img { width: 20px; height: 20px; }

/*quick tab*/
footer .quick {text-align:center;}
footer .quick > div.box {padding-bottom:1px;}
footer .quick > div.box h3 {height:41px; background:#f1f1f1; color:#333; font-family: inherit; font-size:1.083rem; font-weight:normal; text-align:center; line-height:41px;}
footer .quick > div.box h3.active {background:#e0e0e0;}
footer .quick > div.box .quick_cnt {display:none; padding:15px 0;}
footer .quick > div.box #quick_cs {color:#777;}
footer .quick > div.box #quick_cs strong {display:block; padding-bottom:10px; font-size:1.167rem;}
footer .quick > div.box #quick_return dd {padding-top:10px; color:#777;}

/*btn_scroll*/
footer .btn_scroll {display:none; position:fixed; bottom:75px; right:15px; z-index:10; width:45px; }
footer .btn_scroll a { display:block; height:45px; font-size:0; text-align:center; cursor:pointer; border:1px solid #ddd;  -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; }
footer .btn_scroll a.up { background:url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/common/bullet_scrollup.png') no-repeat center; background-color: #fff; background-size:16px auto; }
#dimmed {display:none; position:fixed; left:0; top:0; z-index:15; width:100%; height:100%; background:rgba(0,0,0,0.5);}

@media screen and (max-width: 320px){
    footer .app li:nth-child(2) { margin: 5px 0 0; }
}

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

/*-----------------------------------------------------------------*/
/* 4-1. 메인
/*-----------------------------------------------------------------*/

#main .swiper_visual .swiper-slide img {width:100%; height:auto;}
#main .swiper_visual .swiper-pagination-bullet { border: 1px solid #404040; background: transparent; opacity: 1; }
#main .swiper_visual .swiper-pagination-bullet-active { background: #000; }
#main .subtitle { display: block; margin: 40px 0 0; font-size: 1.7rem; font-weight: normal; letter-spacing: 1px; text-transform: uppercase; text-align: center; }
#main .list_tab { margin-top: 20px; text-align: center; }
#main .list_tab li { display: inline-block; margin: 0 7px; }
#main .list_tab li a { color: #888; }
#main .list_tab li a.active { color: #404040; font-weight: 600; text-decoration: underline; }
#main .list_tab_content { margin: 25px 0 0; }
#main .swiper-slide img {width:100%; height:auto;}
#main .tile_banner .swiper-pagination { top: 10px; bottom: auto; left: auto; right: 10px; text-align: right; }
#main .tile_banner .swiper-pagination-bullet { background: transparent; border: 1px solid #474747; opacity: 1; }
#main .tile_banner .swiper-pagination-bullet-active { background: #474747; }
#main .tile_banner dt { font-size: 1.6rem; font-weight: 600; line-height: 3rem; }
#main .tile_banner dd { font-size: 1.15rem; padding: .4rem 0; }
#main .tile_section_A { margin: 20px 0 0; }
#main .tile_section_B { margin: 30px 0 0; }
#main .movie { overflow: hidden; position: relative; padding: 40px 10px; margin: 0; background: url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/main/m_movie_bg.jpg') no-repeat center top / cover; text-align: center; }
#main .obj_txt .t1 { color: #fff; font-size: 0.833rem; font-weight: 300; letter-spacing: 1px; }
#main .obj_txt .t2 { margin: 10px 0 0; color: #fff; font-size: 2.083rem; font-weight: 300; line-height: 1.2; letter-spacing: 2px; }
#main .obj_txt .t2 strong { display: block; color: inherit; font-size: inherit; line-height: inherit; }
#main .obj_txt .link { display: inline-block; margin: 10px 0 0; padding: 0 0 3px; border-bottom: 1px solid #fff; color: #fff; font-size: 0.917rem; }
#main .obj_video { margin: 20px auto 0; max-width: 480px; }
#main .obj_video .frame { overflow: hidden; position: relative; width: 100%; height: 0; padding-bottom: 56.389%; background: #000; }
#main .obj_video .frame iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#main .magazine .subtitle { margin: 25px 0 0; }
#main .magazine_list { margin: 25px 0 0; }
#main .magazine_list .title { display: block; overflow: hidden;  margin: 10px 0 0; font-size: 1.3rem; font-weight: 500; text-overflow: ellipsis; white-space: nowrap; }
#main .magazine_list .summary { display: block; display: -webkit-box; overflow: hidden; height: 2.8rem; margin: 5px 0 0; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

#main .category {background-color:#fff;} /*  box-shadow:0 5px 10px rgba(27, 28, 29, 0.06); */
#main .category ul {display:inline-block; vertical-align:middle; width:100%;}
#main .category li {display:inline-block; vertical-align:middle; float:left; width:25%; text-align:center;}
#main .category a {display:inline-block; vertical-align:middle; width:100%; padding:15px 0 10px;}
#main .category .c_icon {display:inline-block; vertical-align:middle; position:relative; width:60px; height:60px; border-radius:30px; background-image:url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/common/icon_category_m.png'); background-repeat:no-repeat; background-size:100% auto;}
#main .category .c_icon:before {content:""; position:absolute; left:0; right:0; top:0; bottom:0; border:#6f6f6f solid 1px; border-radius:40px; opacity:0.1;}
#main .category a:hover .c_icon:before {border-width:5px;}
#main .category .c_icon.eyes {background-position:center 0;}
#main .category .c_icon.immunity {background-position:center -60px;}
#main .category .c_icon.diet {background-position:center -120px;}
#main .category .c_icon.intestine {background-position:center -180px;}
#main .category .c_icon.liver {background-position:center -240px;}
#main .category .c_icon.bone {background-position:center -300px;}
#main .category .c_icon.blood {background-position:center -360px;}
#main .category .c_icon.antioxidation {background-position:center -420px;}
#main .category .c_icon.man {background-position:center -480px;}
#main .category .c_icon.woman {background-position:center -540px;}
#main .category .c_icon.kids {background-position:center -600px;}
#main .category .c_icon.care {background-position:center -660px;}
#main .category span {display:inline-block; vertical-align:middle; width:100%; height:30px; margin-top:5px; font-size:14px; color:#939597; line-height:30px;}

/* 
#main .topseller {padding-bottom:30px; background:#efefef;}
#main .topseller .prd_basic > li {padding:0;}
#main .topseller .prd_basic > li .box .info {display:none;}
#main .topseller .prd_basic > li.no1,
#main .topseller .prd_basic > li.no1 .box,
#main .topseller .prd_basic > li.no1 img {width:100%; height:auto;}
#main .review {padding-bottom:30px; background:#efefef;}
#main .review .list li {padding:15px; border-bottom:1px solid #efefef; background:#fff; text-align:left;}
#main .review .list li:after {display:block; clear:both; content:'';}
#main .review .list li .img {overflow:hidden; position:relative; float:left; width:93px; height:93px; margin:0 auto; border-radius:50%; background:#efefef;}
#main .review .list li .img img {width:93px; height:auto;}
#main .review .list li .img:after {position:absolute; bottom:0; left:50%; z-index:5; width:0; height:0; margin-left:-10px; border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:10px solid #fff; content:''}
#main .review .list li .info {padding-left:108px;}
#main .review .list li p {margin-top:10px;}
#main .review .list li p:first-child {margin-top:0;}
#main .review .list li p.grade img {width:10px; height:10px; margin-right:2px;}
#main .review .list li p.prd a {font-weight:bold;}
#main .review .list li p.contents {display:-webkit-box; overflow:hidden; color:#999; font-size:0.917rem; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word;}
#main .review .list li p.contents a {color:#999; font-size:0.917rem;}
#main .review .list li p.date {color:#666; font-size:0.917rem;}
#main .instagram .link {padding-bottom:15px; text-align:center;}
#main .instagram .link a {color:#999;}
#main .instagram .api:after {display:block; clear:both; content:'';}
#main .instagram .api > li {float:left; width:25%;}
#main .instagram .api > li img {width:100%; height:auto;}
#main .instagram .api > li.no1 {width:50%;}
#main .instagram .api > li.no6,
#main .instagram .api > li.no8 {clear:both; clear:left;}
#main .instagram .api > li.no10 {width:50%; margin-top:-25%;} */


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

/* 주문배송비메세지 - 장바구니(/shop/cart.php), 주문서(/shop/order.php) */
.msg_delivery {position:relative; padding:15px;}
.msg_delivery.check {padding-left:45px;}
.msg_delivery.check input[type=checkbox] {position:absolute; left:15px; top:17px;}
.msg_delivery span,
.msg_delivery span * {font-size:0.917rem;}

/* 상품리스트 - 장바구니(/shop/cart.php), 주문서(/shop/order.php), 주문완료(/shop/order_finish.php), 재입고 알림 신청 내역(/mypage/notify_restock.php) */
.list_cart { margin: 0 10px; }
.list_cart > li { position: relative; overflow: hidden; padding: 12px 0; border-top: 1px solid #dbdbdb; }
.list_cart > li:first-child { border-top: 1px solid #404040; }
/* .list_cart.order > li:first-child { border-top: inherit; } */
.list_cart > li > .check {position:absolute; left:15px; top:15px;}
.list_cart > li > .box_util { overflow: hidden; position: relative; height: 24px; }
.list_cart > li > .box_util .check { float: left; margin: 0; }
.list_cart > li > .box_util .btn { float: right; width: 40px; }
.list_cart > li > .box_util .btn a { display: block; overflow: hidden; width: 15px; height: 15px; text-indent: -9999em; }
.list_cart > li > .box_util .btn .wish { float: left; }
.list_cart > li > .box_util .btn .wish a { background: url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/common/icon_wish.png') no-repeat center / auto 14px; }
.list_cart > li > .box_util .btn .del { float: right; }
.list_cart > li > .box_util .btn .del a { background: url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/common/icon_delete.png') no-repeat center / auto 14px; }
.list_cart > li > .box { overflow: hidden; }
.list_cart > li > .box .img { float:left; width:80px; }
.list_cart > li > .box .img a { display: block; }
.list_cart > li > .box .img img {width:80px; height:auto;}
.list_cart > li > .box .info {margin-left:90px;}
.list_cart > li > .box .info > .brand_name { overflow: hidden; color: #888; }
.list_cart > li > .box .info > p { overflow: hidden; }
.list_cart > li > .box .info > p.opt { margin: 20px 0 0; color: #888; font-size: 0.95rem; }
.list_cart > li > .box .info > p.opt span { color: #888; font-size: 0.95rem;  }
.list_cart > li > .box .info > .prd_name { color: #404040; }
.list_cart > li > .box .info > div.nr_stat {padding-top:15px;}
.list_cart > li > .box .info > div.nr_stat span.stat1 {color:#111;}
.list_cart > li > .box .info > div.nr_stat span.stat2 {color:#2591bc;}
.list_cart > li > .box .info > div.nr_stat span.stat3 {color:#c05b5b;}
.list_cart > li > .box .info > div.nr_stat span.stat4 {color:#999;}
.list_cart > li > .box .info > div.nr_stat .box_btn {vertical-align:middle;}
.list_cart > li > .box .info > .item_option a{ display: inline-block; border: 1px solid #dcdcdc; padding: 3px 8px; margin: 0 0 0 5px; }
.list_cart > li > .box .info > .qty { overflow: hidden; margin: 5px 0 0; }
.list_cart > li > .box .info > .qty .btn_edit { float: right; text-decoration: underline; line-height: 25px; }
.list_cart > li > .box .info > .qty .btn_edit a { color: #888; }
.list_cart > li > .today {margin-top:10px; padding:10px; border:1px solid #e5e5e5;}
.list_cart > li > .today > span {padding-left:5px; color:#666;}
.list_cart > li > .total { overflow: hidden; margin: 10px 0 0 90px; padding: 10px 0; border-top: 1px solid #dbdbdb; }
.list_cart > li > .total strong {float:right; font-size:1.083rem;}
.list_cart > li > .stat { overflow: hidden; padding: 10px 15px; height: 55px; background: #f8f8f8; line-height: 35px; border-bottom: 1px solid #dbdbdb; }
.list_cart > li > .stat .box_btn {float:right; margin-top:4px;}
/* .list_cart > li > .stat:after {display:block; clear:both; content:'';} */
.list_cart > li > .trace {margin-top:10px;}
.list_cart > li > .trace > p {padding-top:5px;}
.list_cart > li > .btn {margin-top:10px;}
.list_cart > li > .btn .box_btn {position:relative;}
.list_cart > li > .btn .box_btn a {padding-left:30px;}
.list_cart > li > .btn .wish:before {display:inline-block; position:absolute; left:50%; top:50%; width:13px; height:13px; margin:-7px 0 0 -30px; background:url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/common/icon_wish.png') no-repeat; background-size:cover; content:'';}
.list_cart > li > .btn .del:before {display:inline-block; position:absolute; left:50%; top:50%; width:13px; height:13px; margin:-7px 0 0 -30px; background:url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/common/icon_delete.png') no-repeat; background-size:cover; content:'';}

/* 상품목록(/shop/big_section.php) */
/* PB category */
#big_section .swiper_pb .swiper_prev { position: absolute; top: calc(50% - 25px); left: 0; width: 30px; height: 50px;  background: url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/button/swiper_prev_w.png') no-repeat center / 15px auto; z-index: 10; }
#big_section .swiper_pb .swiper_next { position: absolute; top: calc(50% - 25px); right: 0; width: 30px; height: 50px;  background: url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/button/swiper_next_w.png') no-repeat center / 15px auto; z-index: 10; }

/* 타임세일 */
#big_section .time_sale { display: none; margin: 10px 10px 30px; padding: 35px 10px 30px; background: #f7f7f7; }
#big_section .time_sale .title { color: #333; font-weight: 400; text-align: center; line-height: 1; }
#big_section .time_sale .timer { overflow: hidden; margin: 10px 0 0; text-align: center; }
#big_section .time_sale .countdown { display: inline-block; }
#big_section .time_sale .countdown .group { float: left; position: relative; padding: 0 5px 0 8px; text-align: center; }
#big_section .time_sale .countdown .group:before { display: block; position:absolute; left:-4px; top:0; height:100%; font-size:2.667rem; line-height:60px; content:':';}
#big_section .time_sale .countdown .group .count {font-size:2.667rem; font-weight:600; line-height:60px;}
#big_section .time_sale .countdown .group.days:before { display: none; /*content: '';*/ }
#big_section .time_sale .countdown .group.days .count { color: #f65634; }
#big_section .time_sale .countdown .group.hours:before { display: none; /*content:'';*/ }
#big_section .time_sale .product { position: relative; margin: 15px 0 0; }
#big_section .time_sale .product .swiper_timesale { margin-right:-10px;}
#big_section .time_sale .product .timesale_icon {display:block;}

/* 기획전 분류 */
#big_section .plancate { margin:15px 0; text-align:center; }
#big_section .plancate li { display:inline-block; margin:0 3px; }
#big_section .plancate li a { display:block; padding:3px 5px; color:#888; font-size:1.083rem; }
#big_section .plancate li.selected a { color:#404040; font-weight:700; text-decoration:underline; }

/* 일반카테고리 - 대분류 */
#big_section .type1_big { display: none; margin: 10px 0 0; }
#big_section .type1_big .best_seller .best_icon { display: block; }
#big_section .midcate > li { display: inline-block; width: 49%; vertical-align: bottom; }
#big_section .midcate > li:nth-child(odd) { padding: 5px 10px 5px 0; }
#big_section .midcate > li:nth-child(even) { padding: 5px 0 5px 10px; }
#big_section .midcate > li a { display: block; padding: 5px 10px 5px 0 ; border-bottom: 1px solid #404040; background: url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/shop/bullet_midcate.png') no-repeat right center / 5px auto; line-height: 1rem; }
#big_section .best_seller { margin: 30px 0 0; }
#big_section .tab_title h3 { font-size: 1.45rem; font-weight: 500; line-height: 1; }
#big_section .tab_title .list_tab { margin: 15px 0 0; white-space: nowrap; }
#big_section .tab_title .list_tab li { float: left; width: auto; margin: 0 20px 0 0; }
#big_section .tab_title .list_tab li a { display: block; color: #888; }
#big_section .tab_title .list_tab li a.active { color: #404040; font-weight: 500; text-decoration: underline; }
#big_section .list_tab_content { margin: 20px 0 0; }
#big_section .swiper_bestseller { margin: 15px 0 0; }
#big_section .bnr_bar { margin: 20px 0 0; }
#big_section .bnr_bar a { display: block; }
#big_section .bnr_bar img { width: 100%; }
#big_section .new_arrival { margin: 40px 0 0; }
#big_section .recommend { margin: 80px 0 0; }
#big_section .layer_filter { visibility: hidden; overflow-y: auto; position: fixed; top: 0; left: 0; z-index: -10; width: 100%; height: 100%; padding: 50px 0; background: #fff; opacity: 0; transition: all 600ms; -webkit-overflow-scrolling: touch; -webkit-transition:all 600ms; -moz-transition:all 600ms; -ms-transition:all 600ms; -o-transition:all 600ms; }
#big_section .layer_filter.is_show { visibility: visible; z-index: 200; opacity: 1; }
#big_section .layer_filter button.close { position: absolute; top: 0; right: 0; width: 40px; height: 40px; border: 0; outline: 0; background: url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/shop/filter_close.png') no-repeat center / 16px; }
#big_section .layer_filter .layer_title { padding: 0 10px 10px; font-size: 1.833rem; font-weight: 500; }
#big_section .brand_search .search_input { position: relative; }
#big_section .brand_search .search_input .form_input { padding: 0 35px 0 0; border: inherit; border-bottom: 1px solid #404040; }
#big_section .brand_search .search_input .btn_search { position: absolute; top: 0; right: 0; width: 34px; height: 34px; border: 0; outline: 0; background: url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/common/gnb_search.png') no-repeat center / 18px; }
#big_section .brand_search .word { padding: 25px 20px; }
#big_section .brand_search .word li span { display: block; line-height: 25px; text-align: center; }
#big_section .brand_search .word li.on span { text-decoration: underline; }
#big_section .brand_search .word .swiper_prev { position: absolute; top: 0; left: 0; z-index: 10; width: 15px; height: 100%; background: url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/shop/word_prev.png') no-repeat center / auto 8px #fff; }
#big_section .brand_search .word .swiper_next { position: absolute; top: 0; right: 0; z-index: 10; width: 15px; height: 100%; background: url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/shop/word_next.png') no-repeat center / auto 8px #fff; }
#big_section .brand_search .result_box { margin: 5px 0; }
#big_section .brand_search .result_box h4 { font-size: 1.667rem; font-weight: 500; line-height: 1; }
#big_section .brand_search .result_box .list > li { position: relative; margin: 10px 0; padding: 0 20px 0 0; }
#big_section .brand_search .result_box .list > li p, 
#big_section .brand_search .result_box .list > li p * { color: #888; line-height: 1.2; }
#big_section .discount_rate h3 { font-size: 1.167rem; font-weight: 500; line-height: 1; }
#big_section .discount_rate li { padding: 10px 0; }
#big_section .discount_rate li input[type=checkbox] { margin: 0; }
#big_section .discount_rate li label { margin: 0 0 0 5px; color: #888; }
#big_section .layer_discount .btn_retult { margin: 10px 0 0;  padding: 10px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }

  /* 상품목록 - 브랜드페이지 */
#big_section.brand_page .brand_info { position: relative; }
#big_section.brand_page .brand_img img{ width: 100%; }
#big_section.brand_page .brand_text { position: relative; }
#big_section.brand_page .name_eng{ font-size: 2rem; font-weight: normal; }
#big_section.brand_page .name_kor{ font-size: 2rem; font-weight: normal; }
#big_section.brand_page .summary{ margin: 20px 0 0; }
#big_section.brand_page .wish { position: absolute; top: 10px; right: 15px; overflow: hidden; }
#big_section.brand_page .btn_wish { float: left; padding: 0 0 0 24px; height: 25px; background: url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/button/brand_wish.png') no-repeat left center / 15px 12px; }
#big_section.brand_page .btn_wish.on { background: url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/button/brand_wish_on.png') no-repeat left center / 15px 12px; }
#big_section.brand_page .wish .count { display: block; height: 25px; border-bottom: 1px solid #333; font-weight: 300; line-height: 25px; }

#big_section.brand_page .brand_reviews{ margin: 0 10px; border-top: 1px solid #eee; }
#big_section.brand_page .brand_reviews .title { padding: 20px 0 20px; text-align: center; font-size: 1.167rem; }

/* 상품상세페이지(/shop/detail.php) */
#detail .prdimg { position: relative; overflow: hidden; padding: 10px 10px 20px; text-align: center; }
#detail .prdimg img { width: 100%; height: auto; }
#detail .prdimg .addimg { display: none; }
#detail .info { position: relative; }
#detail .info .brand a{ font-weight: bold; }
#detail .info .share { position: absolute; top: 0; right: 55px; }
#detail .info .share .icon { display:block; width:25px; height:25px; background:url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/shop/icon_share_32px.png') no-repeat center; background-size: contain; }
#detail .info .share .pop_share {display:none; position:fixed; left:0; top:calc(50% - 67px); z-index:120; width:100%; padding:0 20px;}
#detail .info .share .pop_share .box {position:relative; z-index:15; padding:30px; background:#fff; text-align:center;}
#detail .info .share .pop_share .box h2 {margin-bottom:20px; font-size:1.167rem; font-weight:700; line-height:1;}
#detail .info .share .pop_share .box .list > li {display:inline-block; vertical-align:top;}
#detail .info .share .pop_share .box .list > li a {display:block; width:40px; height:40px; background:no-repeat center / 30px; text-align:center; text-indent:-9999px;}
#detail .info .share .pop_share .box .list > li.kakaolink a {background-image:url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/shop/icon_kakaolink.png');}
#detail .info .share .pop_share .box .list > li.urlcopy a {background-image:url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/shop/icon_url.png');}
#detail .info .share .pop_share .box .list > li.kakaostory a {background-image:url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/shop/icon_kakaostory_round.png');}
#detail .info .share .pop_share .box .list > li.twitter a {background-image:url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/shop/icon_twitter_round.png');}
#detail .info .share .pop_share .box .list > li.facebook a {background-image:url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/shop/icon_facebook_round.png');}
#detail .info .share .pop_share .close {overflow:hidden; display:inline-block; position:absolute; right:15px; top:15px; width:21px; height:21px; background:url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/button/snb_close.png') no-repeat center / 16px; text-indent:-9999px; cursor:pointer;}
#detail .info .share .pop_share .dimmed {position:fixed; left:0; top:0; z-index:10; width:100%; height:100%; background:rgba(0,0,0,0.5);}
#detail .info .btn_brand_wish { right: 15px; width: 25px; height: 25px; }
#detail .info .name{ font-weight: normal; font-size: 1.5rem; line-height: 1.5; word-break: keep-all; }
#detail .info .price{ margin: 15px 0 0; position: relative;}
#detail .info .price dt{ display: inline-block; width: 24%; padding: 0 0 5px;}
#detail .info .price dd{ display: inline-block; }
#detail .info .price del {color:#888; display: block; font-size: 1.2rem; line-height: 1;}
#detail .info .price .sale{ color: #f65634; font-weight: bold; margin: 0 5px 0 3px; }
#detail .info .price.main_price .sale { font-size:1.8rem; }
#detail .info .price.main_price .sell { font-size:1.250rem; }
#detail .info .price.main_price .sell strong {font-size:1.8rem;}
#detail .info .price .discount_coupon{ margin: 5px 0 0; }
#detail .info .price .discount_coupon .sell,
#detail .info .price .discount_coupon .sell strong{ color: #f65634; }
#detail .info .price .coupon{ margin: 0 0 0 8px; }
#detail .info .price .coupon strong { padding:10px 30px 10px 10px; border: 1px solid #404040; background: url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/shop/cpn_down.png') no-repeat center right 10px; }
#detail .info .pop_coupon {display:none; position:fixed; top:50%; left:0; width:100%; padding: 0 20px; z-index:1001; }
#detail .info .pop_coupon .box { position: relative; padding: 30px; background: #fff; z-index: 15; }
#detail .info .pop_coupon h2 {color:#000; font-size:1.167rem;}
#detail .info .pop_coupon .count {margin-top:20px; padding:15px 20px; background:#fafafa;}
#detail .info .pop_coupon .list {overflow:auto; max-height:200px; margin-top:10px;}
#detail .info .pop_coupon .list > li {position:relative; padding:15px 130px 15px 15px; border-bottom:1px solid #e0e0e0; text-align:left;}
#detail .info .pop_coupon .list > li:first-child {border-top:1px solid #e0e0e0;}
#detail .info .pop_coupon .list > li > p.name { font-size: 1rem; font-weight: bold; }
#detail .info .pop_coupon .list > li > p.price {font-size: 0.9rem;}
#detail .info .pop_coupon .list > li > div.btn {position:absolute; right:15px; top:50%; margin-top:-13px;}
#detail .info .pop_coupon .list > li > div.btn span.fin {display:inline-block; padding:4px 8px; border:1px solid #676767; background-color:#fff; color:#000; text-align:center;}
#detail .info .pop_coupon .nonmember{ margin: 20px 0 0; text-align: center; }
#detail .info .pop_coupon .nonmember a{ text-decoration: underline;
}
#detail .info .pop_coupon .nonmember li > ul{ margin: 20px 0 10px; }
#detail .info .pop_coupon .nonmember li > ul li{ display: inline-block; }
#detail .info .pop_coupon .nonmember .login::before{ content: '/'; display: inline-block; margin: 0 8px 0 5px; }
#detail .info .pop_coupon .close {display:inline-block; position:absolute; top: 20px; right: 20px; width:21px; height:21px; background:url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/button/close.png') no-repeat center / 16px; text-indent:-9999px; cursor:pointer;}
#detail .info > .summary {padding-top:5px; color:#404040; word-break:break-all;}
#detail .info > .today {margin-top:10px; padding:10px; border:1px solid #e5e5e5;}
#detail .info > .today > span {display:block; padding-top:5px; color:#666;}
#detail .info > .list {width:100%; border-top:1px solid #e0e0e0; margin-top:20px;}
#detail .info > .list > tbody > tr > th {padding:5px 0; color:#666; font-weight:normal; text-align:left; vertical-align:middle;}
#detail .info > .list > tbody > tr > td {padding:5px 0; color:#404040; text-align:left; vertical-align:middle;}
#detail .info > .list > tbody > tr:first-child > th,
#detail .info > .list > tbody > tr:first-child > td {padding-top:20px;}
#detail .info > .list > tbody > tr:last-child > th,
#detail .info > .list > tbody > tr:last-child > td {padding-bottom:20px;}
#detail .info > .list > tbody > tr > td input[type=text],
#detail .info > .list > tbody > tr > td select {width:100%;}
#detail .info > .list > tbody > tr > td .box_info {display:inline-block; position:relative;}
#detail .info > .list > tbody > tr > td .box_info .info {display:none; position:absolute; left:20px; top:-8px; z-index:10; width:150px; padding:5px 10px; border:1px solid #dcdcdc; background:#fff;}
#detail .info > .list > tbody > tr > td .box_info:hover .info {display:block;}
#detail .info > .list > tbody > tr > td .box_info.delivery { display:block; }
#detail .info > .list > tbody > tr > td .box_info.delivery .i_info{ position: absolute; top: 8px; }
#detail .info > .list > tbody > tr > td .box_info.delivery .info { display: inline-block; width: inherit; position: relative; border: inherit; background: inherit; top: 0; left: 10px; }
#detail .info > .list > tbody > tr > td .box_info.delivery .info .tbl_order li span, 
#detail .info > .list > tbody > tr > td .box_info.delivery .info .tbl_order li span strong{ color: #888; }
#detail .info > .list > tbody > .item_option > th, 
#detail .info > .list > tbody > .item_option > td { padding: 10px 0; }
#detail .info > .list > tbody > .item_option + .item_qty{ display: none; }
#detail .info > .restock {padding-top:20px;}
#detail .info > .restock > p {padding-bottom:10px; letter-spacing:-0.5px;}
#detail .info > .multi_opt { margin: 10px 0 0; }
#detail .info > .multi_opt .selected_list > li {position:relative; padding:7px 15px; border-top:1px solid #ebebeb; background:#fafafa; overflow: hidden;}
#detail .info > .multi_opt .selected_list > li .name {display: block; width:100%; font-size: 1rem; word-break:break-all;}
#detail .info > .multi_opt .selected_list > li .box_qty { float: left; margin: 5px 0 0;}
#detail .info > .multi_opt .selected_list > li .price{ float: right; height: 34px; line-height: 34px; margin: 5px 0 0; }
#detail .info > .multi_opt .selected_list > li .price span > span{ font-weight: bold; }
#detail .info > .multi_opt .selected_list > li .del{ margin: 0 0 0 5px; }
#detail .info > .multi_opt .selected_list > li .del img { width:10px; height:10px; margin:11px 0 0; }
#detail .info > .multi_opt .opt_total {clear:both; position:relative; padding:15px 0; border-top: 2px solid #000; text-align:right;}
#detail .info > .multi_opt .opt_total .title {position:absolute; left:0; top:calc(50% - 8px); font-size: 1.167rem; }
#detail .info > .multi_opt .opt_total strong,
#detail .info > .multi_opt .opt_total strong * {color:#222; font-size: 1.8rem;}
#detail .info > .multi_opt .opt_total .coupon {display:inline-block; margin-right:5px; padding:2px 20px 2px 5px; border:1px solid #c3c3c3; background:url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/shop/apply_coupon.png') no-repeat 90% center; font-size:11px; cursor:pointer;}
#detail .info .btn { position:relative; padding: 0 0 0 50px; }
#detail .info .btn .wish { position: absolute; top: 0; left: 0; }
#detail .info .btn .wish a { width:40px; height:40px; background:url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/button/brand_wish.png') no-repeat center/20px; text-indent:-9999px; }
#detail .info .btn .wish.on a { background-image:url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/button/brand_wish_on.png') }
#detail .info #quickbuy { display: none; }
#detail .info #quickbuy.btn_fixed { display: block; position: fixed; bottom: 0; left: 0; padding: 0 0 0 42px; width: 100%; background: #fff; z-index: 1; }
#detail .info #quickbuy.btn_fixed .wish a { width: 42px; height: 42px; }
#detail .info .bnr-container{ position: relative; overflow: hidden; margin: 20px 0 0; }
#detail .info .bnr-container .swiper-slide img{ width: 100%; }
#detail .info .bnr-container .swiper-pagination{ text-align: right; padding: 0 20px 0 0; }
#detail .info .swiper-pagination-fraction,
#detail .info .swiper-pagination-custom, 
#detail .info .swiper-container-horizontal > .swiper-pagination-bullets{ top: 10px; bottom: inherit; }
#detail .info .swiper-pagination-bullet{ background: transparent; border: 1px solid #fff; opacity: 1; }
#detail .info .swiper-pagination-bullet-active{ background: #fff; }
#detail .info #naver_checkout_buttons{ margin: 10px 0 0; }
#detail .related_prd_list { padding: 40px 0 30px 10px; }
#detail .related_prd_list .title { position: relative; margin: 0 0 15px; }
#detail .related_prd_list .title h3 { padding: 0 30px 0 0; height: 25px;  font-size: 1.167rem; font-weight: 600; line-height: 25px; }
#detail .related_prd_list .title .more { position: absolute; top: 0;  right: 5px; width: 25px; height: 25px; background: url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/shop/det_bullet_more.png') no-repeat center / 15px; z-index: 5; }
#detail .tab_area {height:48px; margin-bottom:20px;}
#detail .tab_area > .tab { overflow: hidden; }
#detail .tab_area > .tab li { float: left; width: 25%; text-align: center; }
#detail .tab_area > .tab li a { display: block; padding: 10px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; color: #888; font-size: 0.95rem; }
#detail .tab_area > .tab li a span { display: block; color: #888; font-size: 0.95rem; }
#detail .tab_area > .tab li a.active { background: #fff; border-bottom: 1px solid #404040; color: #333; font-weight: bold; }
#detail .tab_area > .tab li a.active span { color: #333; }
#detail .tab_area > .tab.fixed { position: fixed; top: 54px; left: 0; width: 100%; background: #fff; z-index: 10; }
#detail .tabcnt_detail { padding: 55px 10px 0; }
#detail .wrap_info .detail_info,
#detail .wrap_info .common_info {word-break:break-all;}
#detail .wrap_info .detail_info {margin-bottom:20px; text-align: center;}
#detail .wrap_info .detail_info * {font-family:inherit; font-size:inherit; text-align:inherit; line-height:inherit;}
#detail .wrap_info .detail_info img,
#detail .wrap_info .common_info img {max-width:100%; height:auto; font-size:0; line-height:0;}
#detail .wrap_info .detail_qnarev .title_btn {padding-bottom:15px;}
#detail .wrap_info .detail_qnarev .title_btn:after {display:block; clear:both; content:'';}
#detail .wrap_info .detail_qnarev .title_btn h3 { float:left; padding-top:7px; font-size:1.167rem; }
#detail .wrap_info .detail_qnarev .title_btn h3 span { color: #888; font: inherit; }
#detail .wrap_info .detail_qnarev .title_btn .btn { float: right; }
#detail .wrap_info .detail_qnarev .more {margin: 10px 0 0;}
#detail .wrap_info .product_info { margin: 20px 0 0; }
#detail .wrap_info .product_info .title { font-size:1.167rem; font-weight: normal; }
#detail .wrap_info .detail_related { margin: 40px 0 10px; }
#detail .wrap_info .detail_related .title { font-size:1.167rem; font-weight: normal; }
#detail .wrap_info .detail_related form { margin: 10px 0 0; }
#detail .wrap_info .detail_related .box_btn { margin: 10px 0 0; }
#detail .wrap_info .detail_related .list_common.prd > li:last-child { border-bottom: 0; padding: 15px 15px 0 0; }
#detail .detail_qnarev .title_qnarev {position:relative; margin-top:20px; padding-bottom:15px; border-bottom:1px solid #333;}
#detail .detail_qnarev .title_qnarev.none {border-bottom:0;}
#detail .detail_qnarev .title_qnarev > h3 { font-size: 1.167rem; font-weight: normal; }
#detail .detail_qnarev .title_qnarev > h3 > span {color:#888; font-size:inherit; font-weight: bold;}
#detail .detail_qnarev .title_qnarev > .btn {position:absolute; right:0; top:0; font-size:0;}
#detail .detail_qnarev .title_qnarev > .btn > a {display:inline-block; position:relative; padding-left:18px; color:#666; background-repeat:no-repeat; background-position:left center;}
#detail .detail_qnarev .title_qnarev > .btn > a:after {display:inline-block; width:1px; height:14px; margin:0 10px; background-color:#e5e5e5; vertical-align:top; content:'';}
#detail .detail_qnarev .title_qnarev > .btn > a:last-child:after {display:none;}
#detail .detail_qnarev .title_qnarev > .btn > a.write {background-image:url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/shop/icon_write.png'); background-size:12px auto;}
#detail .detail_qnarev .title_qnarev > .btn > a.list {background-image:url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/shop/icon_list.png'); background-size:12px auto;}
#detail .detail_qnarev .title_qnarev > .sort {padding-top:5px; font-size:0;}
#detail .detail_qnarev .title_qnarev > .sort > li {display:inline-block;}
#detail .detail_qnarev .title_qnarev > .sort > li:after {display:inline-block; width:1px; height:14px; margin:2px 10px 0 10px; background-color:#e5e5e5; vertical-align:top; content:'';}
#detail .detail_qnarev .title_qnarev > .sort > li:last-child:after {display:none;}
#detail .detail_qnarev .title_qnarev > .sort > li a {color:#666;}
#detail .detail_qnarev .title_qnarev > .sort > li a.selected {padding-left:13px; background:url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/common/bullet_check.png') no-repeat left center; color:#333; font-weight:bold;}
#detail .detail_qnarev > .summary {padding:20px 0; background-color:#f6f6f6; font-size:0; text-align:center;}
#detail .detail_qnarev > .summary > div {display:inline-block; width:50%; vertical-align:top;}
#detail .detail_qnarev > .summary > div > h4 {font-weight:normal;}
#detail .detail_qnarev > .summary > div.grade .icon {display:inline-block; position:relative; width:138px; height:21px; margin-top:25px; background:url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/shop/grade_gray.png') no-repeat left top/cover;}
#detail .detail_qnarev > .summary > div.grade .icon > i {display:block; position:absolute; left:0; top:0; height:100%; background:url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/shop/grade_gray_over.png') no-repeat left top/cover;}
#detail .detail_qnarev > .summary > div.grade .average {margin-top:9px; color:#bebebe; font-size:30px;}
#detail .detail_qnarev > .summary > div.grade .average strong {color:#333; font-size:inherit;}
#detail .detail_qnarev > .summary > div.ratio .graph {display:inline-block; -ms-transform:rotate(270deg); -webkit-transform:rotate(270deg); transform:rotate(270deg);}
#detail .detail_qnarev > .summary > div.ratio .graph > li {padding:5px 0; font-size:0;}
#detail .detail_qnarev > .summary > div.ratio .graph > li span {display:inline-block;}
#detail .detail_qnarev > .summary > div.ratio .graph > li .score {min-width:30px; font-size:0.917rem; -ms-transform:rotate(90deg); -webkit-transform:rotate(90deg); transform:rotate(90deg);}
#detail .detail_qnarev > .summary > div.ratio .graph > li .bar {width:40px; height:5px; margin:0 3px; border-radius:5px; background-color:#d4d4d4; font-size:0; text-align:left;}
#detail .detail_qnarev > .summary > div.ratio .graph > li .bar > i {display:inline-block; height:100%; border-radius:inherit; background-color:#b8b7b7;}
#detail .detail_qnarev > .summary > div.ratio .graph > li .bar.max > i {background-color:#e35050;}
#detail .detail_qnarev > .summary > div.ratio .graph > li .bar.min > i {background-color:#b8b7b7;}
#detail .detail_qnarev > .summary > div.ratio .graph > li .count {min-width:20px; padding:0 5px; border-radius:5px; background-color:#fff; font-size:0.833rem; text-align:center; line-height:16px; -ms-transform:rotate(90deg); -webkit-transform:rotate(90deg); transform:rotate(90deg);}
#detail .detail_qnarev > .summary > div.ratio .graph > li .count.max {background-color:#e35050; color:#fff;}
#detail .detail_qnarev .list > li {width:100%; padding:25px 0; border-bottom:1px solid #e0e0e0;}
#detail .detail_qnarev .list > li > .info {vertical-align:middle;}
#detail .detail_qnarev .list > li > .info .grade {padding-left:5px; font-weight:bold;}
#detail .detail_qnarev .list > li > .info .name { padding-top: 5px; color: #888; font-size: 1rem; }
#detail .detail_qnarev .list > li > .info .title,
#detail .detail_qnarev .list > li > .info .title * {font-size:1.167rem; font-weight:bold;}
#detail .detail_qnarev .list > li > .info .title {padding-top:10px;}
#detail .detail_qnarev .list > li > .info .title img {width:auto; height:12px; vertical-align:middle;}
#detail .detail_qnarev .list > li > .info .title .best {display:inline-block; padding:0 3px; background:#f00; color:#fff;}
#detail .detail_qnarev .list > li > .info .content {padding-top:5px;}
#detail .detail_qnarev .list > li > .info .more {display:inline-block; padding-top:10px; color:#666; font-weight:bold;}
#detail .detail_qnarev .list > li > .upfile {width:106px; margin-top:10px; vertical-align:middle;}
#detail .detail_qnarev .list > li > .upfile > a {display:block; position:relative; overflow:hidden; width:96px; height:96px; border:1px solid #e0e0e0; }
#detail .detail_qnarev .list > li > .upfile img {position:absolute; top:50%; left:50%; width:96px; height:auto; transform:translate(-50%, -50%);}
#detail .detail_qnarev .list > li > .upfile .count {display:block; position:absolute; bottom:0; right:0; width:20px; height:20px; background-color:rgba(0,0,0,0.5); color:#fff; text-align:center; line-height:20px;}
#detail .list_photo {position:relative; width:100%; font-size:0;}
#detail .list_photo .slick-dots {margin-top:10px;}
#detail .list_photo .frame {margin-right:5px;}
#detail .list_photo .box {display:block; position:relative; overflow:hidden; width:100%; height:25vw; border:1px solid #e0e0e0; }
#detail .list_photo .box > img {position:absolute; top:50%; left:50%; width:100%; height:auto; transform:translate(-50%, -50%);}
    /* 관련상품리스트 */
#detail .related_product .img a { display: block; }
#detail .related_product .img img { width: 100%; height: auto; }
#detail .related_product .right_area { margin: 0 0 0 105px; }
#detail .related_product .name .soldout { display: none; }
#detail .related_product .price .consumer { display: block; color: #888; text-decoration: line-through; }
#detail .related_product .price .sell,
#detail .related_product .price .sell * { color: #333; }
#detail .related_product .price .sale { margin: 0 0 0 5px; color: #f65634; font-weight: bold; }
#detail .related_product .opt select { margin: 0 0 0 10px; min-width: 100px; }
#detail .related_product .qty { padding: 10px 0 0; }
#detail .related_product .qty input { margin: 0 0 0 10px; width: 100px; }

    /* 관련상품리스트 - soldout */
#detail .related_product .out .img { opacity: 0.4; }
#detail .related_product .out .soldout { display: inline-block; color: #333; font-weight: bold; }

    /* event_timesale */
.event_timesale {overflow:hidden; position:fixed; left:0; bottom:50px; z-index:100; width:265px; transform:translate(0,0); -webkit-transform:translate(0,0); transition:all 0.4s; -webkit-transition:all 0.4s;}
.event_timesale .box_title {position:relative; height:35px; border-radius:0 10px 0 0; background:#f65634;}
.event_timesale .box_title span {display:block; padding:12px 0 0 10px; color:#fff; font-size:1.167rem; font-weight:600; line-height:1;}
.event_timesale .box_title .btn_fold {display:block; position:absolute; right:0; top:0; width:35px; height:35px; background:url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/shop/timesale_close.png') no-repeat center / 16px; cursor:pointer;}
.event_timesale .box_cnt {visibility:visible; position:relative; z-index:1; padding:15px 10px; border:1px solid #f65634; background:#fff; opacity:1;}
.event_timesale .box_cnt .item_slide {position:relative;}
.event_timesale .box_cnt .item_slide .slide {width:100%;}
.event_timesale .box_cnt .item_slide .slide .slideitem {width:100%;}
.event_timesale .box_cnt .item_slide .slide_btn {position:absolute; right:0; top:0; z-index:10; width:40px; height:15px;}
.event_timesale .box_cnt .item_slide .slide_btn .prev {float:left; width:50%; height:15px; background:url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/shop/timesale_prev.png') no-repeat center / auto 8px; cursor:pointer;}
.event_timesale .box_cnt .item_slide .slide_btn .next {float:right; width:50%; height:15px; background:url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/shop/timesale_next.png') no-repeat center / auto 8px; cursor:pointer;}
.event_timesale .box_cnt .item_slide .box {overflow:hidden;}
.event_timesale .box_cnt .item_slide .box .img {position:relative; float:left; width:50px; background:#000;}
.event_timesale .box_cnt .item_slide .box .img img {width:100%; height:auto;}
.event_timesale .box_cnt .item_slide .box .img .soldout {display:none; position:absolute; left:0; top:50%; z-index:5; width:100%; color:#fff; font-size:0.833rem; font-weight:400; text-align:center; line-height:1.4; cursor:pointer; transform:translate(0,-50%); -webkit-transform:translate(0,-50%);}
.event_timesale .box_cnt .item_slide .box.out .img img {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)" !important; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40) !important; opacity:.4 !important;}
.event_timesale .box_cnt .item_slide .box.out .img .soldout {display:block;}
.event_timesale .box_cnt .item_slide .box .info {margin-left:65px; padding-right:40px; text-align:left;}
.event_timesale .box_cnt .item_slide .box .info a {color:inherit; font-size:inherit; line-height:inherit;}
.event_timesale .box_cnt .item_slide .box .info .brand {padding-bottom:6px; font-weight:600; line-height:1;}
.event_timesale .box_cnt .item_slide .box .info .name {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:300; line-height:1;}
.event_timesale .box_cnt .item_slide .box .info .price { margin: 5px 0 0; }
.event_timesale .box_cnt .item_slide .box .info .price > span {word-break:break-all; word-wrap:break-word;}
.event_timesale .box_cnt .item_slide .box .info .price .consumer { display: block;color:#888; font-size:0.833rem; text-decoration:line-through; }
.event_timesale .box_cnt .item_slide .box .info .price .sell {font-weight:700;}
.event_timesale .box_cnt .item_slide .box .info .price .sale {margin-left:2px; color:#f65634; font-weight:600;}
.event_timesale .box_cnt .timer {clear:both; padding:5px 0 0 65px;}
.event_timesale .box_cnt .timer * {color:#404040; font-size:1.667rem; font-weight:700; line-height:1;}
.event_timesale .box_cnt .timer .timesale_day {margin-right:5px; color:#f65634; font-size:1.667rem; font-weight:700;}
.event_timesale .box_cnt .timer .timesale_time {color:#404040; font-size:1.667rem; font-weight:700;}
.event_timesale.closed {transform:translate(calc(-100% + 35px), 0); -webkit-transform:translate(calc(-100% + 35px), 0);}
.event_timesale.closed .box_cnt {visibility:hidden; z-index:-10; opacity:0; transition:all 0.2s; -webkit-transition:all 0.2s; transition-delay:0.2s; -webkit-transition-delay:0.2s;}
.event_timesale.closed .box_title {border-radius:0 10px 10px;}
.event_timesale.closed .box_title .btn_fold {background-image:url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/shop/timesale_open.png');}

@media screen and (max-width: 320px){
    #detail .info > .price dt{ width: 23%; }
    #detail .info > .price .discount_coupon{ position: relative; }
    #detail .info > .price .coupon{ position: absolute; top: 10px; white-space: nowrap; }
}

/* 상품상세페이지 - 개인결제 (/shop/detail_private.php) */
#detail.private .info {text-align:center;}
#detail.private .info > .price .sell,
#detail.private .info > .price .sell * {font-size:2rem;}
#detail.private .info > .btn {padding-right:0;}

/* 퀵프리뷰 - 팝업(/shop/detail_popup.php) */
#detail_pop {position:relative; padding:0;}
#detail_pop #detail .close {display:block; overflow:hidden; position:absolute; right:0; top:0; z-index:5; width:46px; height:46px; background:url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/button/close.png') no-repeat center/16px; text-indent:-9999px; cursor:pointer;}

/* 장바구니(/shop/cart.php) */
#cart .cart_sum{ border-top: 1px solid #dbdbdb; }
#cart .cart_sum > ul { display: table; width: 100%; background: #f7f7f7; }
#cart .cart_sum > ul > li { display: table-cell; position: relative; width: 33%; text-align: center; }
#cart .cart_sum > ul > li.plus { background: url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/shop/cart_sum_plus.png') no-repeat left center/ 7px auto; }
#cart .cart_sum > ul > li.equal { background: url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/shop/cart_sum_equal.png') no-repeat left center/ 7px auto; }
#cart .cart_sum > ul > li span { display: block; padding: 15px 0 0; color: #888; font-size: 0.833rem; font-weight: 300; }
#cart .cart_sum > ul > li strong { display: block; padding: 5px 0 15px; font-size: 1.167rem; }
#cart .btn_top{ padding: 15px 15px 10px; position: relative; }
#cart .btn_top label{ font-weight: bold; }
#cart .btn_top .box_btn{ position: absolute; top: 10px; right: 15px; }
#cart .sum {border-bottom:1px solid #bdbdbd; background:#f8f8f8;}
#cart .sum.total {border-top:1px solid #bdbdbd; background:#e4eaed;}
#cart .title_total { padding: 30px 0 10px; border-bottom: 2px solid #404040; font-size: 1.167rem; font-weight: 600; text-align: left; line-height: 1; }
#cart .cart_total > table { table-layout: fixed; width: 100%; }
#cart .cart_total > table th { padding: 4px 0; color: #888; font-size: 0.833rem; font-weight: 300; text-align: left; vertical-align: middle; }
#cart .cart_total > table td { padding: 4px 0; font-weight: 600; text-align: right; vertical-align: middle; }
#cart .cart_total > table tbody tr:first-child th, 
#cart .cart_total > table tbody tr:first-child td { padding-top: 15px; }
#cart .cart_total > table .total_row th { padding-top: 10px; border-top: 1px solid #404040; font-size: 1.167rem; font-weight: 600; }
#cart .cart_total > table .total_row td { padding-top: 10px; border-top: 1px solid #404040; font-size: 1.167rem; font-weight: 700; text-align: right; vertical-align: middle; }
#cart .cart_total > table .total_row td * { color: inherit; }
#cart .btn_bottom { margin: 10px 0; }
#cart .cart_btn { margin: 20px 0 0; }
#cart .btn_bottom .box_btn.block { margin-bottom: 10px; }
#cart .msg {margin-top:10px;}
#cart .msg dt {padding-bottom:10px; font-weight:bold;}
#cart .msg dd {color:#888; font-size:0.917rem;}
#cart #naver_checkout_buttons { margin: 10px 0 0; }

/* 장바구니 옵션 변경 */
.cart_change_option .img {width:100%;}
.cart_change_option .img img {width:100%; height:auto;}
.cart_change_option .info {margin:10px;}
.cart_change_option .info .opt {padding-top:5px;}
.cart_change_option .info .price {padding:10px 0; font-family: inherit;}
.cart_change_option .info .price strong {color:#000; font-family:inherit; font-size:1.667rem;}
.cart_change_option .info .list_opt li {padding-bottom:10px;}
.cart_change_option .info .list_opt li select,
.cart_change_option .info .list_opt li input {width:100%;}
.cart_change_option .info .total_prc {padding:10px; text-align:right;}
.cart_change_option .info .total_prc span {margin-left:3px; color:#000; font-family: inherit;}
.cart_change_option .info .total_prc span .sell_prc_str_total {color:inherit; font-family:inherit; font-size:1.667rem; font-weight:bold;}
/* 장바구니 개별상품 쿠폰적용 */
#cart .cart_prc > .before { overflow: hidden; }
#cart .cart_prc > .after { display: none; }
#cart .cart_prc > .discount_coupon { display: none; }
#cart .cart_prc.is_sale > .before strong { text-decoration: line-through; }
#cart .cart_prc.is_sale > .after { display: block; overflow: hidden; }
#cart .cart_prc.is_sale > .discount_coupon { display: block; overflow: hidden; }

/* 주문서(/shop/order.php) */
#order .price {padding:15px; font-size:1.167rem; text-align:right;}
#order .price span {float:left; font-size:inherit;}
#order .price strong {font-size:1.333rem;}
#order h3.title {position:relative; padding:15px; border-bottom:1px solid #e0e0e0; background:#e9e9e9; font-size:1.167rem;}
#order h3.title:before {position:absolute; right:25px; top:22px; width:15px; height:1px; background:#454545; content:''; -ms-transform:rotate(135deg); -webkit-transform:rotate(135deg); transform:rotate(135deg); transition:all .3s ease;}
#order h3.title:after {position:absolute; right:15px; top:22px; width:15px; height:1px; background:#454545; content:''; -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg); transition:all .3s ease;}
#order h3.title.active:before {-ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg);}
#order h3.title.active:after {-ms-transform:rotate(135deg); -webkit-transform:rotate(135deg); transform:rotate(135deg);}
#order .box_hidden {display:none;}
#order .part_guest .scroll {overflow-x:hidden; overflow-y:scroll; position:relative; width:100%; height:160px; border:1px solid #d9d9d9; border-width:1px 0; background:#fff; -webkit-overflow-scrolling:touch;}
#order .part_guest .scroll iframe {position:absolute; top:0; left:0; width:100%; height:100%;}
#order .part_guest .agree_guest {padding:15px;}
#order .part_prd .msg { margin: 0 10px; padding:10px 5px; color:#888; font-size:0.917rem; border-top: 1px solid #dbdbdb;}
#order .part_gift .tbl_col thead {display:none;}
#order .part_discount > div {padding:15px 0; border-bottom:1px solid #e0e0e0;}
#order .part_discount > div:first-child {padding-top:0;}
#order .part_discount > div:last-child { border-bottom: 0; }
#order .part_discount > div h4 {padding-bottom:5px; text-align:left;}
#order .part_discount > div h4 span {float:right; color:#888; font-size:0.917rem; font-weight:normal;}
#order .part_discount > div .msg {padding-top:5px; color:#888; font-size:0.917rem;}
#order .part_discount > div.coupon .name {display:block; padding:10px 5px; background:#f5f5f5;}
#order .part_discount > div.coupon .list > li > ul {padding:10px;}
#order .part_discount > div.coupon .list > li > ul > li {color:#888;}
#order .part_discount > div.coupon .list > li > ul > li > span {color:#333;}
#order .part_discount > div.offcoupon .offbtn {padding-top:10px;}
#order .part_discount > div.offcoupon .box_btn { margin: 10px 0 0; }
#order .part_discount > div.offcoupon #off_cpn_div2,
#order .part_discount > div.offcoupon #off_cpn_img2 {display:none;}
#order .part_delivery .country {padding-bottom:10px;}
#order .part_delivery .country:after {display:block; clear:both; content:'';}
#order .part_delivery .country label { float:left; width:50%; padding:10px; border:1px solid #dcdcdc; text-align:center;}
#order .part_delivery .country label:last-child {border-left:0;}
#order .part_delivery .select_place select,
#order .part_delivery .select_country select {width:100%;}
#order .part_delivery .tel_area {position:relative; padding-left:90px;}
#order .part_delivery .tel_area select {position:absolute; left:0; top:0; width:80px;}
#order .part_delivery .address_area > div {padding-top:10px;}
#order .part_delivery .address_area > div:first-child {padding-top:0;}
#order .part_delivery .address_area .code {position:relative; padding-right:110px;}
#order .part_delivery .address_area .code .box_btn {position:absolute; right:0; bottom:0;}
#order .part_delivery .addfd > li {padding-top:10px;}
#order .part_delivery .addfd > li:first-child {padding-top:0;}
#order .part_method > div {position:relative; padding:25px 0 10px 25px;}
#order .part_method > div > label {position:absolute; left:0; top:0; cursor:pointer;}
#order .part_method > div .msg_pay {padding:0; color:#999;}
#order .part_method > div .bank_name {display:none;}
#order .part_method > div #cash_reg {padding:5px 0;}
#order .part_method > div #cash_reg span {color:#999;}
#order .part_method > div select {width:100%; margin-bottom:5px;}
#order .order_cancel_msg {color:#666;}
#order .box_third_agree{ padding: 10px; background: #f5f5f5; }
#order .box_third_agree .agree_title label{ font-size: 1.1rem; font-weight: bold; cursor: pointer; margin: 0 0 0 5px; }
#order .box_third_agree .agree_content{ overflow-y: auto; height: 140px; margin: 10px 0 0; padding: 15px; border: 1px solid #ccc; background: #fff; }
#order .box_third_agree .agree_content table caption{ padding: 0 0 3px; font-weight: bold; text-align: left; }
#order .box_third_agree .agree_content table th, 
#order .box_third_agree .agree_content table td{ padding: 2px 3px; border: 1px solid #ddd; font-size: 0.9rem; font-weight: normal; text-align: left; }
#order #order1 {border-top:1px solid #dfdfdf;}
#order #order2 {display:none; border-top:1px solid #dfdfdf; text-align:center;}
#order #order2 .total_info {font-size:1.333rem; 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 h3 {padding-bottom:15px;}
#orderfin > .box {margin-bottom:15px; padding:15px; background:#f5f5f5;}
#orderfin .info {padding-bottom:15px;}
#orderfin .info .bank {padding-bottom:15px; color:#888;}
#orderfin .info .email {color:#888;}
#orderfin .title_gift {padding-top:10px;}
#orderfin .btn_col {margin-top:15px;}

/* 상품검색(/shop/search_result.php) */
#search_result .research {position:relative; padding-right:45px; background:#fafafa;}
#search_result .research:after {display:inline-block; position:absolute; right:45px; top:13px; width:1px; height:18px; background:#d5d5d5; content:'';}
#search_result .research .form_input.search {height:44px; border-color:#fafafa; background:transparent;}
#search_result .research .btn {position:absolute; right:15px; top:13px; width:18px; height:18px;}
#search_result .check {display:inline-block; padding:15px 15px 0 15px;}
#search_result .rank {background-color:#f1f1f1;}
#search_result .rank > h3 {padding:5px; border:1px solid #dcdcdc; background:#fff; color:#666; text-align:center;}
#search_result .rank > h3:after {display:inline-block; width:0; height:0; margin-left:5px; border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px solid #000; content:'';}
#search_result .rank > ol {display:none;}
#search_result .rank > ol > li {float:left; overflow:hidden; width:50%; padding:5px; text-align:left; text-overflow:ellipsis; white-space:nowrap;}
#search_result .rank > ol > li > span {display:inline-block; width:18px; height:18px; border-radius:50%; background:#fff; color:#000; text-align:center; font-weight:bold; line-height:18px;}
#search_result .rank:after {display:block; clear:both; content:'';}
#search_result .result_cate {margin-top:10px;}
#search_result .result_cate:after {display:block; clear:both; content:'';}
#search_result .result_cate > h3 {padding:5px;}
#search_result .result_cate > ul > li {position:relative; float:left; width:33.33%; margin:-1px 0 0 -1px; border:1px solid #dcdcdc; font-size:0.917rem;}
#search_result .result_cate > ul > li a {display:block; overflow:hidden; padding:10px 20px 10px 10px; font-size:inherit; text-overflow:ellipsis; white-space:nowrap;}
#search_result .result_cate > ul > li span {position:absolute; right:10px; top:10px; font-size:inherit;}
#search_result .prd_normal {margin-top:15px;}

/* 상품문의 & 상품후기 - 상품정보(/shop/product_review_list.php & /shop/product_qna_list.php) */
#qnarev_list_all .sort {padding-bottom:10px; text-align:right; font-size:0;}
#qnarev_list_all .sort li {display:inline-block;}
#qnarev_list_all .sort li:after {display:inline-block; width:1px; height:14px; margin:2px 10px 0 10px; background-color:#e5e5e5; vertical-align:top; content:'';}
#qnarev_list_all .sort li:last-child:after {display:none;}
#qnarev_list_all .sort li a {color:#666;}
#qnarev_list_all .sort li a.selected {padding-left:13px; background:url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/common/bullet_check.png') no-repeat left center; color:#333; font-weight:bold;}
#qnarev_list_all .board_search {clear:both; margin-bottom:15px; padding:7px 0; border:1px solid #dcdcdc;}
#qnarev_list_all .board_search form {position:relative; padding:0 38px 0 75px;  text-align:center;}
#qnarev_list_all .board_search select {position:Absolute; lefT:0; top:0; border:0; width:70px;}
#qnarev_list_all .board_search input.form_input.search {border-width:0 1px;}
#qnarev_list_all .board_search .btn_search {position:absolute; right:0; top:0; display:inline-block; width:38px; height:34px; border:0; background:url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/common/icon_search.png') no-repeat center/18px; vertical-align:top; text-indent:-9999px; cursor:pointer;}
#qnarev_list_all > .box_btn {margin-bottom:15px;}
#qnarev_list_all > .box_btn.more {margin:15px 0 0 0;}

/* 상품문의 & 상품후기 & 마이페이지 상품문의 & 마이페이지 상품후기 - 상품정보(/shop/product_review.php & /shop/product_qna.php) */
.qnarev_list > .prd {overflow:hidden; position:relative; padding-bottom:15px;}
.qnarev_list > .prd .img {float:left; width:128px;}
.qnarev_list > .prd .img img {width:128px; height:auto;}
.qnarev_list > .prd .info { padding-left: 138px; }
.qnarev_list > .prd .info .name { padding: 10px 0 10px; font-weight: bold; }
.qnarev_list > .prd .info .name img { padding-right: 5px; vertical-align: middle; }
.qnarev_list > .prd .info ul li {color:#666;}
.qnarev_list > .prd .info ul li .nprice {text-decoration:line-through;}
.qnarev_list > .prd .btn_related {clear:both; padding-top:15px;}
.qnarev_list > .btn_col {padding-top:15px;}
/* .list_qnarev {border:1px solid #dbdbdb;} */
.list_qnarev > li {border-top:1px solid #dbdbdb;}
.list_qnarev > li:first-child {border-top:0;}
.list_qnarev > li:after {display:block; clear:both; content:'';}
.list_qnarev > li > .prdimg {float:left; position:relative; overflow:hidden; width:110px; height:110px; line-height:110px;}
.list_qnarev > li > .prdimg img {position:absolute; top:50%; left:50%; width:110px; height:auto; transform:translate(-50%, -50%);}
.list_qnarev > li > .subject { padding: 15px 0; }
.list_qnarev > li > .subject.prd { padding-left: 120px; }
.list_qnarev > li > .subject > p { overflow: hidden; padding: 5px 0 0; text-overflow: ellipsis; white-space: nowrap;}
.list_qnarev > li > .subject > p:first-child { padding: 0; }
.list_qnarev > li > .subject > p.prdname a { color: #666; }
.list_qnarev > li > .subject > p.title img { width: auto; height: 10px; margin-top: 2px; vertical-align: top; }
.list_qnarev > li > .subject > p.title .best { display: inline-block; padding: 0 3px; background: #f00; color: #fff; }
.list_qnarev > li > .subject > p.stat,
.list_qnarev > li > .subject > p.stat * { color: #666; /*font-size: 0.917rem;*/}
.list_qnarev > li > .subject > p.stat .left { float: left; width: 50%; }
.list_qnarev > li > .subject > p.stat .right { float: right; width: 50%; text-align: right; }
.list_qnarev > li > .subject > p.stat img {width:auto; height:9px; margin-top:3px; vertical-align:top;}
.list_qnarev > li > .content {display:none; padding:15px; border-top:1px solid #dbdbdb; background:#fafafa;}
.list_qnarev > li > .content .question {position:relative; min-height:45px; padding:0 0 15px 43px; border-bottom:1px solid #e1e1e1;}
.list_qnarev > li > .content .question:before {display:inline-block; position:absolute; left:0; top:0; width:29px; height:29px; border-radius:50%; background-color:#777474; color:#fff; font-family: inherit; font-size:1.167rem; text-align:center; line-height:29px; content:'Q';}
.list_qnarev > li > .content .answer {position:relative; min-height:30px; margin:15px 0; padding-left:43px;}
.list_qnarev > li > .content .answer:before {display:inline-block; position:absolute; left:0; top:0; width:29px; height:29px; border-radius:50%; background-color:#ef6363; color:#fff; font-family: inherit; font-size:1.167rem; text-align:center; line-height:29px; content:'A';}
.list_qnarev > li > .content .question img,
.list_qnarev > li > .content .answer img {max-width:100%; height:auto;}
.list_qnarev > li > .content .btn {padding-top:10px; text-align:left;}
.list_qnarev > li > .content .comment {padding-top:10px;}

/* 상품문의, 상품후기 - 비밀번호 확인 */
.pwbox_popup {position:fixed; left:0; top:50%; z-index:100; width:100%; margin-top:-100px; padding:0 20px;}
#pwbox {padding:20px; border:1px solid #e0e0e0; background:#fafafa; text-align:center;}
#pwbox h3 {padding-bottom:15px;}
#pwbox p {margin-bottom:10px; color:#888;}
#pwbox .form_input {margin-bottom:10px;}

/* 상품문의 & 상품후기 - 쓰기 */
.qnarev_write_popup {position:fixed; left:0; top:0; z-index:100; width:100%; height:100%;}
.qnarev_write_popup > .close {position:absolute; top:10px; right:0; width:32px; height:32px; text-indent:-9999px;}
.qnarev_write_popup > .close:before {position:absolute; left:0; top:16px; width:20px; height:2px; background-color:#b7b7b7; -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg); content:'';}
.qnarev_write_popup > .close:after {position:absolute; left:0; top:16px; width:20px; height:2px; background-color:#b7b7b7; -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg); content:'';}
.qnarev_write_popup .qnarev_write {padding:15px;}
.qnarev_write {overflow:auto; width:100%; height:100%; margin:0 auto; background:#fff; text-align:center;}
.qnarev_write form {display:inline-block; width:100%; text-align:left;}
.qnarev_write fieldset > legend {display:block; width:100%; margin-bottom:25px; padding-bottom:15px; border-bottom:1px solid #000; font-size:1.167rem; font-weight:500;}
.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.grade {margin-bottom:20px; border-bottom:1px solid #dcdcdc; padding-bottom:25px; text-align:center;}
.qnarev_write fieldset > div.grade > .msg { font-size:1.083rem; font-weight:500;}
.qnarev_write fieldset > div.name {position:relative; min-height:20px; padding-right:100px; 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:8px;}
.qnarev_write fieldset > div.name.nopd {padding-right:0;}
.qnarev_write fieldset > div.name:after {display:block; clear:both; content:'';}
.qnarev_write fieldset > div.contents > textarea {height:140px;}
.qnarev_write fieldset > div.msg_milage {margin-top:-15px; padding:10px; border:1px solid #cbd5de; background-color:#e6f0f9; color:#666; text-align:center;}
.qnarev_write fieldset > div.msg_milage:before {position:absolute; left:10px; top:-8px; width:15px; height:15px; border:1px solid #cbd5de; border-width:1px 0 0 1px; background-color:#e6f0f9; -webkit-transform: rotate(45deg); transform:rotate(45deg); content:'';}
.qnarev_write fieldset > div #preview_attach_files {font-size:0;}
.qnarev_write fieldset > div #preview_attach_files > li {display:inline-block; padding:0 5px;}
.qnarev_write fieldset > div #preview_attach_files > li:first-child {padding-left:0;}
.qnarev_write fieldset > div #preview_attach_files > li img {width:73px; height:73px;}
.qnarev_write fieldset select {width:100%;}
.qnarev_write .btn {padding:20px 0;}

/* 상품문의 & 상품후기 - 수정 */
#qnarevmod .modi_pwd,
#qnarevmod .modi_cnt {display:none;}

/* 상품후기 - 열람 레이어 */
#revWriteAjaxDiv {opacity:1; }
.layer_review_list {overflow:auto; position:fixed; left:0; top:0; z-index:100; width:100%; height:100%; padding-top:61px; background-color:#fff;}
.layer_review_list.upfile_cnt0 > .img {display:none;}
.layer_review_list > .img {width:100%; background-color:#f1f2f3;}
.layer_review_list > .img .box {display:flex; width:100vw; height:100vw; align-items:center; justify-content:center;}
.layer_review_list > .img > .add_slide img {max-width:100%; max-height:100%;}
.layer_review_list > .img > .add_slide .slick-arrow {position:absolute; top:50%; z-index:10; width:40px; height:40px; margin:-20px 15px 0 15px; border-radius:50%; background-color:rgba(0,0,0,0.2);}
.layer_review_list > .img > .add_slide .slick-arrow.slick-prev {left:0;}
.layer_review_list > .img > .add_slide .slick-arrow.slick-prev:before {position:absolute; left:50%; top:50%; width:12px; height:2px; margin:-5px 0 0 -6px; background-color:#fff; -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg); content:'';}
.layer_review_list > .img > .add_slide .slick-arrow.slick-prev:after {position:absolute; left:50%; top:50%; width:12px; height:2px; margin:3px 0 0 -6px; background-color:#fff; -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg); content:'';}
.layer_review_list > .img > .add_slide .slick-arrow.slick-next {right:0;}
.layer_review_list > .img > .add_slide .slick-arrow.slick-next:before {position:absolute; left:50%; top:50%; width:12px; height:2px; margin:-5px 0 0 -6px; background-color:#fff; -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg); content:'';}
.layer_review_list > .img > .add_slide .slick-arrow.slick-next:after {position:absolute; left:50%; top:50%; width:12px; height:2px; margin:3px 0 0 -6px; background-color:#fff; -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg); content:'';}
.layer_review_list > .img > .add_slide .slick-dots {position:absolute; left:0; bottom:20px; z-index:10;}
.layer_review_list > .info {width:100%; padding:15px; background-color:#fff;}
.layer_review_list > .info > .board {position:relative; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #eee;}
.layer_review_list > .info > .board > .grade > .score {font-weight:bold;}
.layer_review_list > .info > .board > .name {margin-top:10px; color:#888;}
.layer_review_list > .info > .board > .subject {margin-top:20px; color:#333; font-size:1.167rem; font-weight:bold;}
.layer_review_list > .info > .board > .content {margin-top:10px; color:#666; line-height:1.6; word-break:break-all;}
.layer_review_list > .info > .board > .recommend {margin-top:20px; color:#888; line-height:24px;}
.layer_review_list > .info > .board > .recommend > span {float:right;}
.layer_review_list > .info > .board > .recommend > span > a {display:inline-block; min-width:60px; min-height:24px; padding:0 10px 0 30px; border:1px solid #dcdcdc; border-radius:20px; background-repeat:no-repeat; background-position:7px center; background-color:#fff; color:#333; text-align:right; line-height:24px; cursor:pointer;}
.layer_review_list > .info > .board > .recommend > span > a.yes {background-image:url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/shop/recommend_yes.png');}
.layer_review_list > .info > .board > .recommend > span > a.no {background-image:url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/shop/recommend_no.png');}
.layer_review_list > .info > .board > .recommend > span > a:hover {background-color:#f1f2f3;}
.layer_review_list > .info > .board > .btn {position:absolute; right:0; top:0; font-size:0;}
.layer_review_list > .info > .board > .btn > a {display:inline-block; margin-left:-1px; padding:5px 10px; border:1px solid #dcdcdc; background-color:#fff; color:#888;}
.layer_review_list > .info > .board > .btn > a:hover {background-color:#f1f2f3;}
.layer_review_list > .info > .comment > .guest {padding:15px 20px; background-color:#fafafa; color:#666;}
.layer_review_list > .info > .comment > .guest > a {float:right; color:#333; font-size:1.083rem; font-weight:bold; text-decoration:underline;}
.layer_review_list > .info > .comment > form .write {position:relative; padding-right:56px; border:1px solid #dcdcdc; background-color:#fff; text-align:left;}
.layer_review_list > .info > .comment > form .write textarea.form_input {min-height:40px; border:0;}
.layer_review_list > .info > .comment > form .write .btn_comment {display:inline-block; position:absolute; right:0; top:0; width:56px; height:100%; text-align:center; border:0; background-color:#fff; font-weight:bold; line-height:100%; cursor:pointer;}
.layer_review_list > .info > .comment > form .write:after {display:inline-block; position:absolute; right:56px; top:50%; width:1px; height:20px; margin-top:-10px; background-color:#dcdcdc; content:'';}
.layer_review_list > .info > .comment > .list {position:relative; margin-top:20px;}
.layer_review_list > .info > .comment > .list:before {position:absolute; left:20px; top:-6px; width:10px; height:10px; border:1px solid #dcdcdc; border-width:1px 1px 0 0; background-color:#fff; -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg); content:'';}
.layer_review_list > .info > .comment > .list > li {margin-top:-1px; padding:10px 15px; border:1px solid #dcdcdc;}
.layer_review_list > .info > .comment > .list > li > .date {display:block; position:relative; height:0; top:-16px; color:#888; text-align:right;}
.layer_review_list > .info > .comment > .list > li > .date img {width:10px; height:10px;vertical-align:middle;}
.layer_review_list > .info > .comment > .list > li > .content {padding-top:5px; color:#666; line-height:1.6; word-break:break-all;}
.layer_review_list > .move {position:absolute; top:50%; width:34px; height:34px; margin:-17px 12px 0 12px; text-indent:-9999px; cursor:pointer;}
.layer_review_list > .move.prev {left:-60px;}
.layer_review_list > .move.prev:before {position:absolute; left:50%; top:50%; width:25px; height:4px; margin:-9px 0 0 -13px; background-color:#fff; -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg); content:'';}
.layer_review_list > .move.prev:after {position:absolute; left:50%; top:50%; width:25px; height:4px; margin:7px 0 0 -13px; background-color:#fff; -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg); content:'';}
.layer_review_list > .move.next {right:-60px;}
.layer_review_list > .move.next:before {position:absolute; left:50%; top:50%; width:25px; height:4px; margin:-9px 0 0 -13px; background-color:#fff; -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg); content:'';}
.layer_review_list > .move.next:after {position:absolute; left:50%; top:50%; width:25px; height:4px; margin:7px 0 0 -13px; background-color:#fff; -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg); content:'';}
.layer_review_list > .move.end:before,
.layer_review_list > .move.end:after {background-color:#818181;}
.layer_review_list > .close {position:fixed; top:10px; right:10px; z-index:101; width:30px; height:40px; text-indent:-9999px;}
.layer_review_list > .close:before {position:absolute; left:5px; top:20px; width:20px; height:2px; background-color:#b7b7b7; -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg); content:'';}
.layer_review_list > .close:after {position:absolute; left:5px; top:20px; width:20px; height:2px; background-color:#b7b7b7; -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg); content:'';}
.layer_review_list > .prd {position:fixed; left:0; top:0; z-index:101; width:100%; padding:15px; border-bottom:1px solid #eee; background-color:#fff;}
.layer_review_list > .prd:after {display:block; clear:both; content:'';}
.layer_review_list > .prd > h2 { float: right; width:calc(100% - 50px); padding: 5px 25px 0 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.layer_review_list > .prd > .img {overflow:hidden; float:left; position:relative; width:30px; height:30px; margin-right:20px;}
.layer_review_list > .prd > .img img { position:absolute; top:50%; left:50%; width:30px; height:auto; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); }

/* 설문조사(/shop/poll_list.php) */
#poll > .subject {padding:15px 30px; border:1px solid #e0e0e0; border-width:1px 0; text-align:center;}
#poll > .box {padding:15px; border-bottom:1px solid #e0e0e0; background:#fbfbfb;}
#poll > .box .vote {margin-top:15px; paDding:15px; border:1px solid #e0e0e0; background:#fff;}
#poll > .box .vote > ul > li {padding:5px 0;}
#poll > .box .vote > ul > li .graph {margin:3px 0; height:5px; background:#b1b1b1;}
#poll > .btn {margin:10px 0 20px 0; text-align:right;}
#poll .commentdel {padding:20px 0; border:1px solid #e0e0e0; border-width:0 1px; background:#fff; text-align:center;}
#poll .commentdel .msg {padding-top:5px;}
#poll > .list {border-top:1px solid #dbdbdb;}
#poll > .list li {padding:10px 0; border-bottom:1px solid #dbdbdb;}
#poll > .list li .no {float:left; width:50px; text-align:center;}
#poll > .list li .subject {padding-left:50px; text-align:left;}
#poll > .list li .subject .title {overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
#poll > .list li .subject .stat {padding:5px 0; font-size:0.917rem;}
#poll > .list li .subject .stat * {font-size:0.917rem;}

/* 개별상품쿠폰 레이어 */
#prdCouponArea {width:100%; top:50%;}
#pop_coupon2 {position:relative; margin: 30% 0 0; padding:15px; width:100%; border:1px solid #d9d9d9; background:#fff;}
#pop_coupon2 h2 {padding-bottom:10px; color:#000; font-size:1.167rem;}
#pop_coupon2 .box {overflow:auto; max-height:300px; margin:-1px 0;}
#pop_coupon2 .box > .list > li {position:relative; padding: 10px 0 0; border-top:1px solid #dbdbdb;}
#pop_coupon2 .box > .list > li > .img {display:table-cell; width:60px; margin-right:10px;}
#pop_coupon2 .box > .list > li > .img img {width:60px; height:auto;}
#pop_coupon2 .box > .list > li > .info {display:table-cell; padding-left:10px; vertical-align:middle;}
/* #pop_coupon2 .box > .list > li > .select {border-top:1px solid #dbdbdb;} */
#pop_coupon2 .box .usable_cpn {padding:10px 0; text-align:left;}
#pop_coupon2 .box .usable_cpn > li > label {display:block; position:relative; padding:5px 85px 5px 25px;}
#pop_coupon2 .box .usable_cpn > li > label .check {position:absolute; left:0; top:8px;}
#pop_coupon2 .box .usable_cpn > li > label .overlap {color:#df7e7e;}
#pop_coupon2 .box .usable_cpn > li > label .expiry {position:absolute; right:0; top:3px;}
#pop_coupon2 .btn {padding-top:15px; border-top:1px solid #dbdbdb; text-align:center;}
#pop_coupon2 .close {display:inline-block; position:absolute; right:15px; top:10px; width:21px; height:21px; background:url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/button/close.png') no-repeat center / 16px; text-indent:-9999px; cursor:pointer;}

/* 재입고 알림 신청 레이어 */
#notify_restock {top:50%; width:100%; padding:15px; border:1px solid #d9d9d9; background-color:#fff;}
#notify_restock .close {display:inline-block; position:absolute; right:15px; top:10px; width:21px; height:21px; background:url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/button/close.png') no-repeat center / 16px; text-indent:-9999px; cursor:pointer;}
#notify_restock h2 {padding-bottom:10px; border-bottom:1px solid #dbdbdb; color:#000; font-size:1.167rem;}
#notify_restock .tbl_row {margin-top:-1px;}
#notify_restock .tbl_row .opt th,
#notify_restock .tbl_row .opt td {padding-top:8px; padding-bottom:8px; border-bottom:0;}
#notify_restock .tbl_row .phone th,
#notify_restock .tbl_row .phone td {border-top:1px solid #e0e0e0;}
#notify_restock .agree {display:inline-block; margin-top:10px; cursor:pointer;}
#notify_restock .btn {padding-top:20px; text-align:center;}

/* 프로모션 기획전(/shop/promotion.php) */
.speical_group { padding: 10px 4.68% 4.68% 4.68%; }
.speical_group > .menu-container{ width: 100%; overflow: hidden; }
.speical_group > .menu-container a{ display: block; }
.speical_group > .menu-container .thumbnail{ display: block; }
.speical_group > .menu-container .thumbnail img{ width: 100%; }
.speical_group > .menu-container .event_title{ display: block; width: 100%;  margin: 7px 0 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 0.9rem; font-weight: bold; /*letter-spacing: -2px;*/ }
.speical_group > .menu-container .sub_title{ display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 0.8rem; /*letter-spacing: -1px;*/ }
.speical_group > .intro{ margin: 25px 0 0; }
.speical_group > .intro > .title {position:relative; padding:15px 0; border-bottom:1px solid #d2d2d2;}
.speical_group > .intro > .title > h3 {padding-bottom:5px; font-size:1.167rem; font-weight:bold;}
.speical_group > .intro > .title > span {color:#666; font-size:1rem;}
.speical_group > .intro > .summary {padding:15px 0; border-bottom:1px solid #d2d2d2;}
.speical_group > .intro > .summary img {max-width:100%;}
.speical_group > .box {border-bottom:1px solid #d2d2d2; text-align:center;}
.speical_group > .box:last-child{ border-bottom: inherit; }
.speical_group > .box > h4 {padding:20px 0 15px; font-size:1.333rem;}
.speical_group > .box > .img {padding-bottom:30px;}
.speical_group > .box > .img img {max-width:100%;}


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

/* 로그인 & 아이디 비밀번호 찾기 & 비밀번호 변경 */
.box_member {width:100%;}
.box_member .tab_member { overflow: hidden; margin: 20px 0 30px; }
.box_member .tab_member li { float: left; width: 50%; text-align: center; }
.box_member .tab_member li a { display: block; height: 34px; border-bottom: 1px solid #ddd; color: #888; font-size: 1.167rem; line-height: 34px; }
.box_member .tab_member li a.active { border-bottom: 1px solid #404040; color: #404040; font-weight: 500; }
.box_member fieldset .fld { overflow: hidden; margin: 0 0 20px; }
.box_member fieldset .fld label { display: none; }
.box_member fieldset .savessl { overflow: hidden; margin: 0 0 30px; }
.box_member fieldset .savessl li { float: left; }
.box_member fieldset .savessl li.ssl { float: right; }
.box_member fieldset .savessl input { margin: 0; }
.box_member fieldset .savessl label { display: inline-block; padding: 0 15px 0 5px; font-size: 0.85rem; }
.box_member fieldset .savessl li.ssl label { padding: 0 0 0 5px; }
.box_member fieldset .select label { padding: 0 15px 0 0;}
.box_member fieldset .msg { padding: 0 0 15px; font-size: 0.95rem; }

/* 로그인 & 아이디 비밀번호 찾기 & 비밀번호 변경 - 인풋 기본 스타일 */
.box_member .form_input.member { padding: 0 10px; border: 0; border-bottom: 1px solid #ddd; }
.box_member .form_input.member:focus { border-bottom: 1px solid #000; }
.box_member .form_input.member.number_first { float: left; width: 32%; }
.box_member .form_input.member.number { float: left; width: 33%; margin: 0 0 0 1%; }
.box_member .find_id_item_2,
.box_member .find_id_item_3,
.box_member .find_pw_item_2,
.box_member .find_pw_item_3 { display: none; }

.box_member.box_member_tab{width:100%; padding: 0;}
.box_member.box_member_tab .tab_member{border-bottom: 1px solid #c5c5c5; margin:0; overflow: inherit;}
.box_member.box_member_tab .tab_member:after{content: ""; display: block; clear: both;}
.box_member.box_member_tab .tab_member li{float: left; width: 50%;}
.box_member.box_member_tab .tab_member li a{font-size: 3.733vw; display: block; text-align: center; cursor: pointer; line-height: 12.800vw; position: relative;height: auto; border:0; font-weight: 400;}
.box_member.box_member_tab .tab_member li a.active:before{position: absolute; content: ""; display: block; height: 2px; width: 100%; bottom: -1px; left: 0; background-color: #000;}
.box_member.box_member_tab .tabcnt_member{padding:8vw 4.800vw 0 4.800vw;}
.box_member.box_member_tab .tabcnt_member .description{font-size:3.733vw; color:#000; text-align:center; margin-bottom:8vw;}
.box_member.box_member_tab .tabcnt_member .description .sub{color:#666; font-size:3.733vw;}
.box_member.box_member_tab .tabcnt_member .alert{color:#FF2C65; font-size:3.733vw; margin-bottom:2.667vw;}
.box_member.box_member_tab .tabcnt_member .fld{margin-bottom: 2.667vw;}
.box_member.box_member_tab .tabcnt_member .fld label{}
.box_member.box_member_tab .tabcnt_member .fld input[type="text"], .box_member.box_member_tab .tabcnt_member .fld input[type="password"], .box_member.box_member_tab .tabcnt_member .fld input[type="tel"]{border:1px solid #C5C5C5; padding-left:3.733vw; height: 12.800vw;}
.box_member.box_member_tab .tabcnt_member .fld input::placeholder{color: #C5C5C5; font-size: 3.733vw;}
.box_member.box_member_tab .tabcnt_member .fld input:focus, .box_member.box_member_tab .tabcnt_member .fld input:active{border-color:#333;}
.box_member.box_member_tab .tabcnt_member .fld input:invalid{border-color:#DB1E00;}
.box_member.box_member_tab .tabcnt_member .savessl{margin:4.267vw 0 8vw 0;}
.box_member.box_member_tab .tabcnt_member .savessl:after{content: ""; display: block; clear: both;}
.box_member.box_member_tab .tabcnt_member .savessl li{float: left; margin-left:4vw;}
.box_member.box_member_tab .tabcnt_member .savessl li:first-child{margin-left:0;}
.box_member.box_member_tab .tabcnt_member .savessl li input[type="checkbox"]{}
.box_member.box_member_tab .tabcnt_member .savessl li label{font-size: 3.733vw; padding:0; vertical-align:middle; margin-left:1.067vw; color:#666;}
/*.box_member.box_member_tab .tabcnt_member .savessl li.ssl{float: right;}*/
.box_member.box_member_tab .tabcnt_member .savessl li.idpw{float:right;}
.box_member.box_member_tab .tabcnt_member .savessl li.idpw a{color:#666; font-size:3.733vw;}
.box_member.box_member_tab .tabcnt_member .box_btn{margin-bottom:4vw;}
.box_member.box_member_tab .tabcnt_member .box_btn > *{font-size: 4.267vw; font-weight: 400; border-radius: 3px; text-align: center; padding:4vw 4.267vw;}
.box_member.box_member_tab .tabcnt_member .box_btn.black > *{background-color: #333; color: #fff; border:1px solid #333;}
.box_member.box_member_tab .tabcnt_member .box_btn.black > *:hover{background-color: #000; color: #fff; border:1px solid #000;}
.box_member.box_member_tab .tabcnt_member .box_btn > *:disabled{background-color:#C5C5C5 !important; color:#fff !important; border:1px solid #C5C5C5 !important; cursor:not-allowed;}
.box_member.box_member_tab .tabcnt_member .box_btn.white > *{background-color: #fff; color: #333 !important; border:1px solid #333;}
.box_member.box_member_tab .tabcnt_member .box_btn.white > *:hover{background-color: #fff; color: #000 !important; border:1px solid #000;}
.box_member.box_member_tab .tabcnt_member .box_btn .btn_join{font-size:3.733vw;}
.box_member.box_member_tab .tabcnt_member .box_btn .uline{text-decoration:underline; color:#333; font-size:3.733vw;}
.box_member.box_member_tab .tabcnt_member .btn_wrap:after{content:""; display:block; clear:both;}
.box_member.box_member_tab .tabcnt_member .btn_wrap.col2 .box_btn{float:left; width: calc(50% - 1.333vw);}
.box_member.box_member_tab .tabcnt_member .btn_wrap.col2 .box_btn:last-child{float:right;}
.box_member.box_member_tab .tabcnt_member .subtit{font-size:5.867vw; text-align:center; font-weight:600; margin-bottom:8vw;}

/* 로그인(/member/login.php) */
#login .guest_order {margin-bottom:15px;}
#login .fail { position: relative; margin: 0 0 20px; padding: 18px 10px; background: #fae4e8; color: #d53838; text-align: center; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; }
#login .fail:after { content: ''; position: absolute; bottom: -6px; left: calc(50% - 8px); width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 6px solid #fae4e8; }

/*NEW*/
#login .simple {font-size:0; text-align:center; margin-top:6.667vw;}
#login .simple .tit{font-size:3.733vw; color:#666; text-align:center; margin-bottom:4vw;}
#login .simple a {display:inline-block; width:35px; height:35px; margin:0 7.5px; border-radius:50%; background-repeat:no-repeat; background-position:center; text-indent:-9999px; transition:all .3s ease;}
#login .simple a.kakao {background-color:#f4cf50; background-image:url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/member/icon_kakao.png'); background-size:20px;}
#login .simple a.kakao:hover {border-radius:0; background-color:#ddbc4b;}
#login .simple a.apple {background-color:#000000; background-image:url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/member/icon_apple.png'); background-size:50px}
#login .simple a.apple:hover {border-radius:0; background-color:#000000;}
#login .simple a.naver {background-color:#5ebc67; background-image:url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/member/icon_naver.png'); background-size:30px;}
#login .simple a.naver:hover {border-radius:0; background-color:#519c58;}
#login .simple a.facebook {background-color:#5e85bc; background-image:url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/member/icon_facebook.png'); background-size:30px;}
#login .simple a.facebook:hover {border-radius:0; background-color:#4f709f;}
#login .simple a.payco {background-color:#e72a2d; background-image:url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/member/icon_payco.png'); background-size:30px;}
#login .simple a.payco:hover {border-radius:0; background-color:#d73a3c;}
#login .simple a.wonder {background-color:#1a1a1c; background-image:url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/member/icon_wonder.png'); background-size:30px;}
#login .simple a.wonder:hover {border-radius:0; background-color:#000;}
#login .simple a.wemake {border:1px solid #d0d0d0; background-color:#fff; background-image:url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/member/icon_wemake.png'); background-size:25px;}
#login .simple a.wemake:hover {border-radius:0; background-color:#fafafa;}
#login .login_bnr {padding-top:30px;}
#login .login_bnr img {width:100%; height:auto;}
#login .join {padding:30px 0 60px; text-align:center;}
#login .join .box_btn {padding-top:20px;}

/*OLD
#login .simple { margin: 10px 0; text-align: center; }
#login .simple li { display:inline-block; margin:0 5px; }
#login .simple a { display: block; width: 38px; height: 38px; border-radius:50%; text-indent: -9999px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
#login .simple .naver a { background: url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/member/icon_naver.png')no-repeat center / 30px 30px #5ebc67;}
#login .simple .naver a:hover { background-color: #519c58; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; }
#login .simple .facebook a { background: url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/member/icon_facebook.png') no-repeat center / 30px 30px #5e85bc; }
#login .simple .facebook a:hover { background-color:#4f709f; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; }
#login .simple .kakao a { background: url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/member/icon_kakao.png')no-repeat center / 20px 20px #f4cf50; }
#login .simple .kakao a:hover { background-color: #ddbc4b; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; }
#login .simple .apple a { background: url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/member/icon_apple.png') no-repeat center / 50px 50px #000000; }
#login .simple .apple a:hover { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; }
#login .simple .payco a { background: url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/member/icon_payco.png') no-repeat center / 30px 30px #e72a2d;}
#login .simple .payco a:hover { background-color: #d73a3c; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; }
#login .simple .wonder a { background: url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/member/icon_wonder.png') no-repeat center / 30px 30px #1a1a1c;}
#login .simple .wonder a:hover { background-color: #000; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; }
#login .simple .wemake a { border: 1px solid #d0d0d0; background: url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/member/icon_wemake.png') no-repeat center / 25px 16px #fff;}
#login .simple .wemake a:hover { background-color:#fafafa; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; }
#login .joinfind { padding: 20px 0; text-align: center; }
#login .joinfind p { display: inline-block; }
#login .joinfind p:last-child { margin: 0 0 0 20px; }
#login .joinfind p a { display: block; }
*/

/* 아이디/비밀번호 찾기 레이어 */
.pop_find_id { position: fixed; top: 50px; left: 1%; width: 98%; background: #fff; z-index: 1001; }
.pop_find_id h1 { position: relative; height: 50px; padding: 0 10px; background: #676767; color: #fff; font-size: 1.2rem; font-weight: normal; line-height: 50px; }
.pop_find_id .close { position: absolute; top: calc(50% - 8px); right: 15px; width: 16px; height: 16px; background:url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/button/close.png') no-repeat center; text-indent: -9999px; }
.pop_find_id .box { padding: 15px 15px 20px; border: 1px solid #dcdcdc; }
.pop_find_id .box h2 { color: #333; font-size: 1.3rem; font-weight: normal; }
.pop_find_id .box .msg { padding: 15px 0 0; }
.pop_find_id .box .input { position: relative; height: 45px; margin: 15px 0 0; padding: 0 113px 0 0; background: #f5f5f5; }
.pop_find_id .box .input:after { content: ''; position: absolute; top: calc(50% - 10px);  right: 113px; width: 1px; height: 20px; background:#dbdbdb; }
.pop_find_id .box .input .input_number { padding: 0 10px; width: 100%; height: 45px; border: 0; background: transparent; }
.pop_find_id .box .input .btn { position: absolute; top: 0; right: 0; width: 113px; height: 45px; border: 0; outline: 0; background: transparent; font-weight: bold; line-height: 45px; }
.pop_find_id .box .form_input { height: 45px; margin: 5px 0 0; }
.pop_find_id .box .box_btn { margin: 20px 0 0; }
.pop_find_id .box .pop_id_list { margin: 25px 0 0; padding: 15px 0 0; border-top: 1px solid #dcdcdc; }
.pop_find_id .box .pop_id_list .list { overflow: auto; max-height: 100px; margin: 10px 0 0; padding: 5px 0; border-top: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2; background: #f5f5f5;}
.pop_find_id .box .pop_id_list .list li { position: relative; padding: 5px; }
.pop_find_id .box .pop_id_list .btn { text-align: center; }
.pop_find_id .box .pop_id_list .btn .box_btn:last-child { margin: 20px 0 0 5px; }
.pop_find_id #limit_5 { margin: 10px 0 0; }

/* 비밀번호 변경 */
#modify_pwd .modify_id { margin: 20px 0 0; font-size:1.167rem; }
#modify_pwd .msg_chgpw { margin: 20px 0 0; border: 1px dashed #000; padding: 10px; }
#modify_pwd .msg_chgpw span { display: block; margin: 10px 0 0; }
#modify_pwd.box_member fieldset .fld:nth-of-type(1) { margin: 20px 0; }
#modify_pwd .do_later { display: inline-block; margin: 15px 0 0; }
#modify_pwd .do_later a { display: block; padding: 0 5px; border-bottom: 1px solid #333; font-size: 1.1rem; }

/* 회원가입 약관동의(/member/join_step1.php) */
#join_agree .check { overflow: hidden; padding: 15px; text-align: left;}
#join_agree .check label {font-size:1.167rem; font-weight:bold;}
#join_agree .check label input[type=checkbox] { margin-top: 2px; vertical-align: middle; }
#join_agree .check a {float:right; text-decoration:underline;}
#join_agree .scroll {overflow-x:hidden; overflow-y:scroll; position:relative; width:100%; height:160px; border:1px solid #d9d9d9; border-width:1px 0; background:#fff; -webkit-overflow-scrolling:touch;}
#join_agree .scroll iframe {position:absolute; top:0; left:0; width:100%; height:100%;}
#join_agree .member_type {padding:20px 0;}
#join_agree .member_type label {margin:0 10px;}
#join_agree .btn {padding:15px; text-align:center;}
#join_agree .simple { margin: 10px 0; text-align: center; }
#join_agree .simple li { display:inline-block; margin:0 5px; }
#join_agree .simple a { display: block; width: 38px; height: 38px; border-radius:50%; text-indent: -9999px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
#join_agree .simple .naver a { background: url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/member/icon_naver.png')no-repeat center / 30px 30px #5ebc67;}
#join_agree .simple .naver a:hover { background-color: #519c58; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; }
#join_agree .simple .facebook a { background: url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/member/icon_facebook.png') no-repeat center / 30px 30px #5e85bc; }
#join_agree .simple .facebook a:hover { background-color:#4f709f; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; }
#join_agree .simple .kakao a { background: url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/member/icon_kakao.png')no-repeat center / 20px 20px #f4cf50; }
#join_agree .simple .kakao a:hover { background-color: #ddbc4b; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; }
#join_agree .simple .apple a { background: url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/member/icon_apple.png') no-repeat center / 50px 50px #000000; }
#join_agree .simple .apple a:hover { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; }
#join_agree .simple .payco a { background: url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/member/icon_payco.png') no-repeat center / 30px 30px #e72a2d;}
#join_agree .simple .payco a:hover { background-color: #d73a3c; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; }
#join_agree .simple .wonder a { background: url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/member/icon_wonder.png') no-repeat center / 30px 30px #1a1a1c;}
#join_agree .simple .wonder a:hover { background-color: #000; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; }
#join_agree .simple .wemake a { border: 1px solid #d0d0d0; background: url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/member/icon_wemake.png') no-repeat center / 25px 16px #fff;}
#join_agree .simple .wemake a:hover { background-color:#fafafa; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; }

/* 회원가입 정보입력(/member/join_frm.php, /member/edit_step2.php) */
#join_input fieldset legend { display: block; width: 100%; padding: 15px; background: #f8f8f8; font-size: 1.083rem; }
#join_input fieldset .box { padding: 15px; }
#join_input fieldset .box > div { position: relative; margin: 0 0 10px; min-height: 34px; padding: 0 0 0 85px; }
#join_input fieldset .box > div:last-child { margin: 0; }
#join_input fieldset .box > div > label { display: block; position: absolute; top: 10px; left: 0; max-width: 85px; }
#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: 0.9rem; }
#join_input fieldset .box .msg { padding: 5px 0 0;}
#join_input fieldset .box .authentication .form_input { width: 24.5%; }
#join_input fieldset .box .authentication .form_input:nth-child(2) { width: 50px; }
#join_input fieldset .box .transmit { display: inline-block; margin: 0 0 0 5px; padding: 5px 10px; border: 1px solid #dcdcdc; }
#join_input fieldset .box .authentication .select + label { display: block; margin: 10px 0 0; }
#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:4px 0;}
#join_input fieldset .box .address > div {padding-top:10px;}
#join_input fieldset .box .address .code {position:relative; padding-right:110px;}
#join_input fieldset .box .address .code .box_btn {position:absolute; right:0; bottom:0;}
#join_input fieldset .box .email { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; -ms-align-items: center; align-items: center; }
#join_input fieldset .box .email span { width: 10%; text-align: center; }
#join_input fieldset .box .email .form_input { width: 45%; }
#join_input fieldset .box .email select { width: 100%; margin: 10px 0 0;}
#join_input fieldset .box .birth {position:relative; margin-bottom:10px;}
#join_input fieldset .box .birth .add_info{ padding:15px 0; font-size:1.083rem; font-weight: bold; }
#join_input fieldset .box .birth select { width: 24.5%; }
#join_input fieldset .box .birth .sl { padding:10px 0 0; }
#join_input fieldset .box .line {margin-bottom:20px; padding-bottom:20px; 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; padding-bottom:5px; font-weight:bold;}
/* 회원가입 정보입력 - 버튼 */
#join_input .btn {padding:0 15px; margin: 10px 0 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 p { height: 34px; line-height: 34px; }

/* 회원가입완료(/member/join_step3.php) */
#join_finish .box { margin: 30px 0 0; color:#888; text-align:center; line-height:2;}
#join_finish .box .over_fourteen span{ display: block; color: #888; margin: 10px 0 0; }
#join_finish .box > .agree { margin: 15px 0 0; padding: 15px; color:#666; font-size: 0.85rem; background:#f0f0f0;}
#join_finish .box > .agree > span { display: block; font-size: 0.95rem; }
#join_finish .box strong { font-size: 1.167rem; }
#join_finish .box .document > a { display: inline-block; padding: 20px 10px;  font-weight: bold; text-decoration: underline; }
#join_finish .event_banner { margin: 20px 20px 0; }
#join_finish .event_banner img { width: 100%; }
#join_finish .btn { margin: 40px 0 0; text-align: center; }

/* 정보수정(/member/edit_step1.php), 정보수정완료(/member/edit_step3.php) */
.edit_info .box > .msg { color: #666; font-size: 0.95rem; }
.edit_info .box > .agree { margin: 20px auto 0; padding: 15px; color: #666;  background-color: #f0f0f0; text-align: center; }
.edit_info .box > .agree > span { display: block; }
/* .edit_info .form_input { margin-top: 15px; } */
.edit_info .btn { padding-top: 15px; text-align: center; }

/* 우편번호 레이어 - OLD */
.layer_zip_addr_list {width:100%;}
.layer_zip_addr_list .title {position:relative; padding:20px; background:#676767;}
.layer_zip_addr_list .title h1 {color:#000; font-size:1.4rem; font-weight:bold; text-align:left;}
.layer_zip_addr_list .title .btn {position:absolute; right:15px; top:15px; padding:0 10px;}
.layer_zip_addr_list .title .close {display:block; position:relative; z-index:10; width:2px; height:25px; background:#b7b7b7; transform:rotate(45deg);}
.layer_zip_addr_list .title .close:after {position:absolute; z-index:20; top:11px; left:-11px; width:25px; height:2px; background:#b7b7b7; content:"";}
.layer_zip_addr_list table {table-layout:fixed;}
.layer_zip_addr_list caption {display:none;}
.layer_zip_addr_list thead th {display:none; padding:10px 0; text-align:center;}
.layer_zip_addr_list tbody th {height:34px; padding:10px 0; border-top:1px solid #ddd; color:#000; text-align:center; vertical-align:middle;}
.layer_zip_addr_list tbody td {height:34px; padding:10px; border-top:1px solid #ddd; color:#666; text-align:left; vertical-align:middle;}
.layer_zip_addr_list tbody td * {color:#666;}
.layer_zip_addr_list tbody tr:last-child th,
.layer_zip_addr_list tbody tr:last-child td {border-bottom:1px solid #ddd;}
.layer_zip_paging * {vertical-align:middle;}
.layer_zip_paging {margin:10px 0 20px; text-align:center;}
.layer_zip_paging li {display:inline; padding:0 2px; color:#9e9e9e; vertical-align:middle;}
.layer_zip_paging li strong {display:inline-block; width:28px; height:28px; border:1px solid #676767; background:#676767; color:#fff; line-height:30px;}
.layer_zip_paging li a {display:inline-block; width:28px; height:28px; border:1px solid #ccc; background:#fff; color:#6e6e6e; line-height:30px;}

/* 우편번호 찾기(/common/zip_search.php) - NEW */
.zipcode {width:100%; 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;}

@media screen and (max-width: 320px){
    #join_input fieldset .box .authentication .form_input { width: 30%; }
    #join_input fieldset .box .transmit { margin: 10px 0 0; }
    .pop_find_id { top: 0; }
}

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

/* 마이페이지 공통 박스 */
.box_mp { overflow: hidden; margin-bottom: 15px; padding: 15px; background: #f8f8f8; text-align: center; line-height: 35px;}
.box_mp .have { color: #666; }
.box_mp .have span { display: block; padding: 5px 0 0; color: #333; font-size: 2rem; font-weight: bold; }

/* 마이페이지 공통 리스트 */
.list_common { padding-bottom: 15px; }
.list_common > li { overflow: hidden; padding: 15px; border-top: 1px solid #dbdbdb; }
.list_common > li:last-child { border-bottom: 1px solid #dbdbdb; }
.list_common > li .left_area { float: left; width: 100px; color: #888; }
.list_common > li .right_area { margin: 0 0 0 100px; color: #666; }
.list_common > li .right_area * { color: inherit; }
.list_common > li .right_area > p,
.list_common > li .right_area > div {padding-top:5px;}
.list_common > li .right_area > p:first-child,
.list_common > li .right_area > div:first-child {padding-top:0;}

/* 마이페이지 공통 리스트 - 쿠폰,소셜쿠폰 */
.list_common .left_area .point { font-size: 1.333rem; }
#sccoupon_list .list_common > li:first-child { border-top: inherit; }

/* 마이페이지 공통 리스트 - 관심상품, 관련상품 */
.list_common.prd > li {padding-left:0;}
.list_common.prd .left_area {width:130px;}
.list_common.prd .left_area .check {float:left; margin-right:10px;}
.list_common.prd .left_area img {width:80px; height:auto;}
.list_common.prd .right_area {margin-left:130px;}
.list_common.prd .right_area select {width:100%;}

/* 마이페이지 공통 리스트 - 주문조회 */
.list_common.orderlist .left_area {width:130px;}
.list_common.orderlist .right_area {margin-left:130px;}

/* 마이페이지 - My Clip 공통 */
.tab_clip { margin: 20px 0 25px; }
.tab_clip.tab_mybrand { margin: 20px 0 15px; }
.tab_clip ul { text-align: center; }
.tab_clip ul li { display: inline-block; padding: 0 10px; }
.tab_clip ul li a { display: block; color: #888; font-size: 1.083rem; }
.tab_clip ul li a.active { position: relative; color: #404040; font-weight: 600; border-bottom: 1px solid #404040; }

/* 마이페이지 메인(/mypage/mypage.php) */
#mypage .my_info { margin: 30px 0 0; }
#mypage .grade { position: relative; }
#mypage .grade p { font-size: 1.167rem; }
#mypage .grade p strong { font-size: 1.167rem; }
#mypage .grade p span { display: block; font-size: 1.167rem; }
#mypage .grade p.box_btn { position: absolute; bottom: 0; right: 0; }
#mypage .grade p.box_btn a { display: block; position: relative; padding: 4px 25px 4px 10px; border: 1px solid #404040; }
#mypage .grade p.box_btn a:after { content: '>'; display: block; position: absolute; top: calc( 50% - 9px ); right: 10px; color: #404040; }
#mypage .info_list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 15px 0; width: 100%; }
#mypage .info_list li { margin: 15px 0; width: 33%; color: #666; }
#mypage .info_list li a { display: block; }
#mypage .info_list .txt { display: block; font-size: 0.833rem; color: #888; }
#mypage .info_list .count { color: #888; }
#mypage .info_list .count span { font-size: 1.667rem; font-weight: 400; }
#mypage .btn_list { overflow: hidden; }
#mypage .btn_list .box_btn a { display: inline-block; position: relative; padding: 0 30px; width: 100%; height: 50px; color: #fff; text-align: left; line-height: 50px; background: url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/button/my_wish.png') no-repeat; background-size: 10px 8px; background-position-x: 15px; background-position-y: calc(50% + 2px); }
#mypage .btn_list .my_brand { float: left; width: 48%; background: #404040; }
#mypage .btn_list .wish_list { float: left; /*float: right;*/ width: 48%; background: #404040; }
#mypage .btn_list .count { position: absolute; top: calc( 50% - 5px ); right: 15px; padding: 0 0 1px; color: #fff; font-size: 1.167rem; line-height: 1; border-bottom: 1px solid #fff; }
#mypage .my_menu { margin: 25px 0 0; }
#mypage .my_menu .toggle_btn > a {display: block; padding: 12px 0; background: url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/button/my_arrow_down.png') no-repeat right 10px center/18.5px 10px; font-size: 1.167rem; }
#mypage .my_menu .toggle_btn > a.active { background: url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/button/my_arrow_up.png')  no-repeat right 10px center/18.5px 10px; }
#mypage .my_menu .submenu { display: none; padding: 0 0 5px; }
#mypage .my_menu .submenu li a { display: block; padding: 8px 10px; color: #888; font-size: 0.95rem; }
#mypage .ord_latest { margin: 25px 0 40px; }
#mypage .ord_latest h3 { padding: 5px 0 10px; border-bottom: 1px solid #404040; font-size: 1.167rem; text-align: left; }
#mypage .ord_latest .list li { margin: 20px 0 0; border-top: 1px solid #ddd; }
#mypage .ord_latest .list li:first-child { margin: 0; border-top: inherit; }
#mypage .ord_latest .no { overflow: hidden; margin: 20px 0 0; }
#mypage .ord_latest .no a { float: left; color: #888; }
#mypage .ord_latest .no span { float: right; color: #888; }
#mypage .ord_latest .info { margin: 15px 0 0; }
#mypage .ord_latest .state { display: inline-block; margin: 15px 0 0; }
#mypage .ord_latest .state a { display: block; padding: 5px 12px; font-size: 0.9rem; border: 1px solid #ccc; }

/* 주문내역조회(/mypage/order_list.php) */
#order_list > .search {background-color:#f8f8f8; text-align:center;}
#order_list > .search > .date {display:block; font-size:0; }
#order_list > .search > .date > span {float:left; width:33%; margin:-1px 0 0 -1px;}
#order_list > .search > .date > span:nth-child(3n-1) {width:34%;}
#order_list > .search > .date > span > * {border-color:#dcdcdc;}
#order_list > .search > .date > span.on * {background-color:#fff;}
#order_list > .search > .date:after {display:block; clear:both; content:'';}
#order_list > .search > .date_input {padding:10px 0; line-height:34px;}
#order_list > .search > .date_input > .form_input {float:left; width:48%;}
#order_list > .search > .date_input > .form_input:nth-child(2) {float:right;}
#order_list > .search > .date_input:after {display:block; clear:both; content:'';}
#order_list .msg { padding: 15px; font-size: 0.9rem; }
/* #order_list > .list {border-bottom:1px solid #dbdbdb;} */
#order_list > .list .no { overflow: hidden; padding: 10px 15px; background: #e9e9e9; color: #333; font-size: 1.167rem; }
#order_list > .list .no a {color:#333; font-size:1.167rem; font-weight:bold;}
#order_list > .list .no span {float:right; color:#888;}
#order_list > .list .info {padding:15px;}
#order_list > .list .info > .btn_col2 {margin-top:10px;}

/* 주문상세조회(/mypage/order_detail.php) */
#order_detail .order_no {padding:15px; font-size:1.333rem; font-weight:bold; text-align:center;}
#order_detail .stat_img {padding:10px 0;}
#order_detail .stat_img li {float:left; width:20%; padding:0 2px;}
#order_detail .stat_img li img {width:100%; height:auto;}
#order_detail .stat_img:after {display:block; clear:both; content:'';}
#order_detail h3.title {position:relative; padding:15px; border-bottom:1px solid #e0e0e0; background:#e9e9e9; font-size:1.167rem;}
#order_detail h3.title:before {position:absolute; right:25px; top:22px; width:15px; height:1px; background:#454545; content:''; -ms-transform:rotate(135deg); -webkit-transform:rotate(135deg); transform:rotate(135deg); transition:all .3s ease;}
#order_detail h3.title:after {position:absolute; right:15px; top:22px; width:15px; height:1px; background:#454545; content:''; -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg); transition:all .3s ease;}
#order_detail h3.title.active:before {-ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg);}
#order_detail h3.title.active:after {-ms-transform:rotate(135deg); -webkit-transform:rotate(135deg); transform:rotate(135deg);}
#order_detail .tab {margin-bottom:15px;}
#order_detail .tab li {float:left; width:50%; text-align:center;}
#order_detail .tab li a {display:block; padding:10px 5px; border:1px solid #ddd; border-width:0 1px 1px 0;}
#order_detail .tab li:nth-child(odd) a {border-left-width:1px;}
#order_detail .tab li:nth-child(1) a,
#order_detail .tab li:nth-child(2) a {border-top-width:1px;}
#order_detail .tab:after {display:block; clear:both; content:'';}

/* 주문상세조회(/mypage/order_detail.php) - 결제수단변경 레이어 */
.chg_paytype {overflow:auto; position:fixed; left:5vw; top:5vh; z-index:100; width:90vw; height:90vh; padding:15px 15px 25px 15px; background-color:#fff;}
.chg_paytype h2 {padding-bottom:10px; border-bottom:1px solid #535353; font-size:1.25rem; font-weight:bold;}
.chg_paytype h3 {padding:20px 0 10px; font-size:1rem; font-weight:bold;}
.chg_paytype .explain {padding:10px 0; border-bottom:1px solid #dcdcdc;}
.chg_paytype .explain > li {margin:5px 0; padding-left:25px; background:url('http://sw.wisaweb.co.kr/wm_engine_SW/_manage/image/common/icon_info.png') no-repeat left top/15px; color:#888; font-size:0.917rem;}
.chg_paytype .sum {text-align:left;}
.chg_paytype .select {text-align:left;}
.chg_paytype .select > .type {padding:15px; background-color:#f5f5f5;}
.chg_paytype .select > .type > li {padding:5px 0;}
.chg_paytype .select > .type > li > label {color:#666;}
.chg_paytype .select > .msg {margin-top:10px; padding:15px; border:1px solid #e5e5e5;}
.chg_paytype .select > .msg > li {color:#888; letter-spacing:-1px;}
.chg_paytype .select > .btn {padding-top:5px;}
.chg_paytype .select > .btn > span {margin-top:5px;}
.chg_paytype .sum > table {table-layout:fixed; width:100%; margin:0 auto; border-top:1px solid #e0e0e0;}
.chg_paytype .sum > table th {padding:10px 15px; border:1px solid #e0e0e0; border-width:0 1px 1px 0; font-weight:normal; text-align:left; vertical-align:middle;}
.chg_paytype .sum > table td {padding:10px 15px; border-bottom:1px solid #e0e0e0; text-align:left; vertical-align:middle;}
.chg_paytype .sum > table td .price {font-family: inherit; font-size:1.333rem;}
.chg_paytype .close {display:block; position:absolute; right:20px; top:15px; width:20px; height:20px; text-indent:-9999px;}
.chg_paytype .close:before {position:absolute; right:0px; top:10px; width:20px; height:1px; background-color:#000; transform:rotate(45deg); content:'';}
.chg_paytype .close:after {position:absolute; right:0px; top:10px; width:20px; height:1px; background-color:#000; transform:rotate(-45deg); content:'';}

/* 쿠폰(/mypage/coupon_down_list.php) */
#coupon h3.title {padding:25px 0 15px;}
#coupon h3.title:first-child {padding-top:0;}

/* 소셜쿠폰(/mypage/sccoupon.php) */
#sccoupon .box_mp .form_input {margin-top:10px;}

/* 관심상품(/mypage/wish_list.php) */
#wish_list .count {padding-bottom:10px;}
#wish_list .item_name a { overflow: hidden;  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; text-overflow: ellipsis; height: 2.8rem; }
#wish_list .btn {margin-bottom:10px;}

/* 1:1문의 내역(/mypage/counsel_list.php & /mypage/order_detail.php) */
#counsel .box_btn {margin-bottom:15px;}
.list_counsel {border:1px solid #dbdbdb; margin-bottom:15px;}
.list_counsel > li {border-top:1px solid #dbdbdb;}
.list_counsel > li:first-child {border-top:0;}
.list_counsel > li .subject {padding:15px;}
.list_counsel > li .subject > p {padding-top:5px;}
.list_counsel > li .subject > p > img {width:auto; height:10px; vertical-align:middle;}
.list_counsel > li .subject > p:first-child {padding-top:0;}
.list_counsel > li .subject > p.stat,
.list_counsel > li .subject > p.stat * {color:#666; font-size:0.917rem;}
.list_counsel > li .content {display:none; padding:15px; border-top:1px solid #dbdbdb; background:#fafafa;}
.list_counsel > li .content .question {position:relative; min-height:45px; padding:0 0 15px 43px; border-bottom:1px solid #e1e1e1;}
.list_counsel > li .content .question:before {display:inline-block; position:absolute; left:0; top:0; width:29px; height:29px; border-radius:50%; background-color:#777474; color:#fff; font-family: inherit; font-size:1.167rem; text-align:center; line-height:29px; content:'Q';}
.list_counsel > li .content .question img {max-width:100%; height:auto;}
.list_counsel > li .content .answer {position:relative; min-height:30px; margin-top:15px; padding-left:43px;}
.list_counsel > li .content .answer:before {display:inline-block; position:absolute; left:0; top:0; width:29px; height:29px; border-radius:50%; background-color:#ef6363; color:#fff; font-family: inherit; font-size:1.167rem; text-align:center; line-height:29px; content:'A';}

/* 1:1문의 글쓰기(/mypage/counsel_step1.php) */
#counsel_write .list_cart {margin-bottom:-1px;}
#counsel_write .btn {margin-top:15px;}

/* 1:1문의 완료(/mypage/counsel_step2.php) */
#counsel_fin .box {padding:15px; border:1px solid #dedede; color:#888; font-size:1.167rem; text-align:center;}
#counsel_fin .box strong {font-size:inherit;}
#counsel_fin .btn {margin-top:15px; text-align:center;}

/* 출석체크(/mypage/attend_list.php) */
#attend .date {padding:25px 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('http://m.celeconh.com/_skin/m_sw_kor_210518/img/common/bullet_arrow_prev.png');}
#attend .date a.next {background-image:url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/common/bullet_arrow_next.png');}
#attend .date strong {padding:0 5px; color:#040404; font-family: inherit; font-size:1.667rem; 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: inherit; font-weight:normal; text-align:center;}
#attend #calendar table thead th.sun {border-left:0; color:#d53838;}
#attend #calendar table thead th.sat {border-right:0; color:#7cb4d1;}
#attend #calendar table tbody td {height:50px; padding:5px; border:1px solid #dbdbdb; color:#040404; text-align:left; vertical-align:top;}
#attend #calendar table tbody td:first-child {border-left:0;}
#attend #calendar table tbody td:last-child {border-right:0;}
#attend #calendar .attenY {background:url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/mypage/attend_ok.png') no-repeat center/18px;}
#attend #calendar .attenR {background:url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/mypage/attend_today.png') no-repeat center/18px #fbf9ed; font-weight:bold; text-decoration:underline;}
#attend .info {background:#fbfbfb; text-align:center;}
#attend .info .explain {padding:15px; border-bottom:1px solid #dbdbdb;}
#attend .info .sum {padding:15px; border-bottom:1px solid #e0e0e0;}
#attend .info .sum:after {display:block; clear:both; content:'';}
#attend .info .sum span {float:left;}
#attend .info .sum strong {float:right;}

/* 회원탈퇴(/mypage/withdraw_step1.php), 회원탈퇴완료(/mypage/withdraw_step2.php) */
.withdraw .box {text-align:left;}
.withdraw .msg {margin-bottom:10px; color:#666;}
.withdraw .frame textarea {height:150px; margin-top:10px;}
.withdraw .btn {padding-top:15px; text-align:center;}


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

/* 이용약관(/content/content.php?cont=uselaw),(/content/content.php?cont=join_rull&mode=1) */
#uselaw li { color: #666; font-size: 0.9rem; line-height: 1.6; }
#uselaw > ol.inframe { padding: 0 5px; }
#uselaw > ol > li > dl > dt { padding: 20px 0 10px; color: #404040; font-weight: bold; }
#uselaw > ol > li:first-child > dl > dt { padding: 10px 0; }
#uselaw > ol > li > dl > dd { padding: 0 0 10px 10px; color:#666; font-size: 0.9rem; line-height: 1.6; }
#uselaw > ol > li > dl > dd > ul,
#uselaw > ol > li > dl > dd > ol { padding: 5px 0 5px 15px; }

/* 개인정보취급방침(/content/content.php?cont=privacy),(/content/content.php?cont=join_privacy_m&mode=1) */
#privacy.inframe { padding: 15px; }
#privacy p, 
#privacy li { color: #666; font-size: 0.9rem; line-height: 1.6; }
#privacy > ul > li > dl > dt { padding: 20px 0 10px; color: #404040; font-weight: bold; }
#privacy > ul > li > dl > dd { padding: 0 0 10px 10px; color:#666; font-size: 0.9rem; line-height: 1.6; }
#privacy > ul > li > dl > dd > ul,
#privacy > ul > li > dl > dd > ol { padding: 5px 0 5px 15px; }
#privacy > ol > li > dl > dt { padding: 20px 0 10px; color: #404040; font-weight: bold; }
#privacy > ol > li > dl > dd { padding: 0 0 10px 10px; color:#666; font-size: 0.9rem; line-height: 1.6; }
#privacy > ol > li > dl > dd > ul,
#privacy > ol > li > dl > dd > ol { padding: 5px 0 5px 15px; }
#privacy > ol > li > dl > dd table {table-layout:fixed; width:100%; margin:10px 0;}
#privacy > ol > li > dl > dd table th {padding:10px; border:1px solid #ddd; background:#f7f7f7; color:#404040; font-size:0.9rem; font-weight: normal; text-align:center; vertical-align:middle;}
#privacy > ol > li > dl > dd table td {padding:10px; border:1px solid #ddd; background:#fff; color: #666; font-size:0.9rem; text-align:center; vertical-align:middle;}

/* 이용안내(/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:150px; background:url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/etc/company.jpg') no-repeat center top/auto 150px; text-align:left;}
#company:after {display:block; clear:both; content:'';}
#company > dl > dt {padding:30px 0 10px; font-size:14px; font-weight:bold;}

/* 고객센터(/content/customer.php) */
#customer { margin: 40px 0 0; }
#customer .teltime p { text-align: center; }
#customer .tel a { font-size: 1.667rem; font-weight: 600; }
#customer .teltime .time { margin: 15px 0 0; color: #888; }
#customer .menu { overflow: hidden; margin: 35px 0 0; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; }
#customer .menu li { float: left; width: 33.33%; border-top: 1px solid #ddd; border-left: 1px solid #ddd; text-align: center; }
#customer .menu li.counsel, 
#customer .menu li.suggest { width: 50%; }
#customer .menu li a { display: block; padding: 50px 0 20px; }
#customer .menu li.faq a { background: url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/etc/cs_faq.gif') no-repeat center top 22px / 23px; }
#customer .menu li.news a { background: url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/etc/cs_news.gif') no-repeat center top 22.5px / 22px; }
#customer .menu li.benefit a { background: url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/etc/cs_benefit.gif') no-repeat center top 22.5px / 27px 21px; }
#customer .menu li.counsel a { background: url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/etc/cs_counsel.gif') no-repeat center top 24px / 20px; }
#customer .menu li.suggest a { background: url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/etc/cs_suggest.gif') no-repeat center top 24px / 20px; }
#customer .bank { padding: 25px 10px 20px; background: #f7f7f7; }
#customer .bank .title { font-size: 1.167rem; }
#customer .bank ul { overflow: hidden; margin: 10px 0 0; }
#customer .bank li { float: left; margin: 3px 0; width: 50%; letter-spacing: -1px; }
#customer .bank .bank_name { margin: 0 5px 0 0; }
#customer .bank .account_holder { font-weight: 500; }
#customer .bank .name { position: relative; margin: 0 0 0 10px; padding: 0 0 0 10px; }
#customer .bank .name::before { content: ''; position: absolute; top: calc(50% - 5px); left: 0; width: 1px; height: 10px; background: #636363; }
#customer .my_menu {  display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 10px 0 0; }
#customer .my_menu li { width: 25%; }
#customer .my_menu li a { display: block; margin: 0 auto; padding: 35px 0 0; width: 70px; height: 70px; border: 1px solid #ccc; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; text-align: center; font-size: 0.8rem; font-weight: 300; letter-spacing: -1px; }
#customer .my_menu li.order a { background: url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/etc/cs_order.gif') no-repeat center top 13px / 17px 18px; }
#customer .my_menu li.return a { background: url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/etc/cs_return.gif') no-repeat center top 13px / 15px 18px; }
#customer .my_menu li.nomember a { background: url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/etc/cs_nomember.gif') no-repeat center top 15px / 23px 15px; }
#customer .my_menu li.point a { background: url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/etc/cs_point.gif') no-repeat center top 13px / 17px; }
#customer .list_board { margin: 40px 0 0; }
#customer .list_board .title { overflow: hidden; border-bottom: 1px solid #404040; }
#customer .list_board .title span { float: left; height: 35px; font-size: 1.167rem; line-height: 40px; }
#customer .list_board .title .more { float: right; padding: 10px; width: 15px; height: 15px; background: url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/etc/cs_board_more.gif') no-repeat center / 15px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; text-indent: -9999rem; }
#customer .list_board li { overflow: hidden; padding: 15px 10px; border-bottom: 1px solid #ddd; }
#customer .list_board li a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#customer .list_board .cate { float: left; width: 30%; }
#customer .list_board .subject { overflow: hidden; float: left; width: 70%; white-space: nowrap; text-overflow: ellipsis; }


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

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

/* 댓글 - 쓰기(게시판, 상품리뷰) */
.write_comment {overflow:hidden; margin-top:-1px; padding:10px; 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; font-size:0; text-align:left;}
.write_comment .inputbox textarea.form_input {height:50px; 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%;}

/* 게시판 - 상품연동 - 검색 */
#product_search_frm {width:100%; background:#fff;}
#product_search_frm .frame {min-height:350px; margin:10px;}
#product_search_frm .frame .search {display:flex; display:-webkit-flex; width:100%; padding-bottom:10px;}
#product_search_frm .frame .btn {padding:20px 0 5px 0; text-align:center;}

/* 게시판 - 상품연동 - 쓰기 */
.related_prd_write {padding:10px 0;}
.related_prd_write .swiper-wrapper {margin:10px 0; padding-bottom:30px;}

/* 게시판 - 상품연동 - 열람 */
.related_prd_view {border-bottom:1px solid #e0e0e0;}
.related_prd_view h3.title {padding:30px 0 15px; font-size:1.167rem; text-align:center;}
.related_prd_view .swiper-wrapper {padding-bottom:30px;}
.related_prd_view .prd_basic .box .summary {display:none;}

/* content - 회원등급 (/content/content.php?cont=membership) */
#membership h3.title{ font-size: 1.2rem; }
#membership .info dt{ padding: 20px 0; }
#membership .info dt img{ height: 60px; }
#membership .info dd{ border-bottom: 1px solid #ddd; }
#membership .info dd .msg{ margin: 0 0 10px; }
#membership .info dd .msg span{ font-weight: bold; }
#membership .notice{ margin: 40px 0 0; padding: 0 0 13px 15px; background: url("http://m.celeconh.com/_skin/m_sw_kor_210518/img/mypage/membership_notice.png") no-repeat left 1px / 12px 12.5px; font-size: 1.1rem; font-weight: bold; line-height: 1; }
#membership .notice dd{ position: relative; padding: 2px 0 2px 9px; color: #888; font-size: 0.85rem; font-weight: 300; line-height: 1.4; }
#membership .notice dd:before{ content: ''; display: block; position: absolute; left: 0; top: 8px; width: 3px; height: 3px; border-radius: 50%; background: #888; }

/* content - 브랜드 메인 (/content/content.php?cont=brand_main)  */
#brand_main .swiper_brand_bnr {margin-bottom: 30px;}
#brand_main .swiper_brand_bnr .swiper-slide a{ display: block; }
#brand_main .swiper_brand_bnr .swiper-slide img {width:100%; /*height:250px;*/}
#brand_main .swiper-container-horizontal > .swiper-pagination-progressbar{ top: inherit; bottom: 0; left: 10px; width: 94.5%; height: 2px;}
#brand_main .swiper_brand_bnr .brand_info{ margin: 20px 10px 30px; }
#brand_main .swiper_brand_bnr .brand_info h4{ font-size: 1.5rem; }
#brand_main .swiper_brand_bnr .brand_info p{ max-height: 55px; overflow: hidden; margin: 15px 0 0; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
#brand_main .swiper_brand_bnr .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{ background: #000; }
#brand_main .my_brand {padding:0 10px 40px;}
#brand_main .my_brand .title { padding: 0 0 0 20px; background:url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/common/icon_wish.png') no-repeat left center/ 15px; font-size:1.333rem; font-weight:600;}
#brand_main .my_brand .login_before .msg { padding: 9px 0 12px; font-weight: 300; }
#brand_main .my_brand .btn {padding-top:15px; text-align:center;}
#brand_main .my_list_brand li { padding: 5px 0 5px; }
#brand_main .search {padding:0 10px;}
#brand_main .search .box {position:relative; height:38.5px; padding-right:28px; border-bottom:1px solid #000; }
#brand_main .search .box input::placeholder{ font-size: 0.98rem; font-weight: bold; }
#brand_main .search .box .form_input {height:37.5px; padding:0; border:0; color:#404040; font-size:1.167rem; line-height:38.5px;}
#brand_main .search .box .btn {position:absolute; right:-10px; top:0; width:18px; height:18px; padding:10px; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;}
#brand_main .big_category {margin:60px 0 30px;}
#brand_main .big_category ul {font-size:0; text-align:center;}
#brand_main .big_category ul li {display:inline-block; padding:0 9px;}
#brand_main .big_category ul li a {display:inline-block; color:#888; font-size:1.083rem; font-weight:300;}
#brand_main .big_category ul li.active a {position:relative; color:#404040; font-weight:600;}
#brand_main .big_category ul li.active a:after {display:block; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#404040; content:'';}
#brand_main .spelling_search {padding:0 10px;}
#brand_main .spelling_search .tab_spelling {margin:30px 0; overflow: hidden;}
#brand_main .spelling_search .tab_spelling li {float:left; width:25%; }
#brand_main .spelling_search .tab_spelling li a {display:block; height:38px; font-size:1.167rem; text-align:center; line-height:38px; color: #ccc; background: #f7f7f7; border: 1px solid #ccc; border-right: inherit; } 
#brand_main .spelling_search .tab_spelling li:last-child a{ border-right: 1px solid #ccc; }
#brand_main .spelling_search .tab_spelling li a.active{ background: #fff; color: #000; border: 1px solid #000; box-sizing: border-box; }
#brand_main .spelling_search .name_search {position:relative;}
#brand_main .spelling_search .name_search .swiper-slide { width:auto; display: inline-block; }
#brand_main .spelling_search .name_search .swiper-slide a { width: 38px; height: 38px; line-height: 38px; display:block; text-align: center; }
#brand_main .spelling_search .name_search .swiper-slide a.active {position:relative; color: #f65634; border: 1px solid #f65634; border-radius: 50%;}
#brand_main .spelling_search .name_search .ctrl.prev {left:0; background-image:url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/common/bullet_arrow_prev.png');}
#brand_main .spelling_search .name_search .ctrl.next {right:0; background-image:url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/common/bullet_arrow_next.png');}
#brand_main .spelling_search .top_brand{ font-size: 20px; font-weight: bold; }
#brand_main .spelling_search .new_brand{ font-size: 20px; font-weight: bold; }
#brand_main .brand_search_result { margin: 30px 10px 20px; }
#brand_main .brand_search_result .big_spelling { font-size: 1.15rem; font-weight: bold;}
#brand_main .brand_search_result .list_brand li:last-child{ margin: 0 0 30px; }

/* 마이페이지 - My Clip - MY BRAND (/content/content.php?cont=mybrand_m) */
#mybrand .wrap_mybrand .btn { padding-bottom: 50px; text-align: center; }

/* content - BEST100 (/content/content.php?cont=best100_m) */
#best100 .besttab {padding:20px 0 16.5px; /*border-top:1px solid #ddd; font-size:0;*/ text-align:center;}
#best100 .besttab li {display:inline-block; padding:0 10px;}
#best100 .besttab li a {display:inline-block; color:#888; font-size:1.083rem; font-weight:300;}
#best100 .besttab li.mybrand a {padding-left:18px; background:url('https://m.celecon.com/_skin/m_celecon_kor_4/img/button/best100_wish.png') no-repeat left center/13px 10.5px;;}
#best100 .besttab li.mybrand a.active {background-image:url('https://m.celecon.com/_skin/m_celecon_kor_4/img/button/best100_wish_on.png');}
#best100 .besttab li a.active {position:relative; color:#404040; font-weight:600;}
#best100 .besttab li a.active:after {display:block; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#404040; content:'';}
#best100 .best_prd .best_toparea {padding:0 10px; background:#f7f7f7;}
#best100 .best_prd .best_toparea .bigcate {padding:30px 0 20px;}
#best100 .best_prd .best_toparea .bigcate:after {display:block; clear:both; content:'';}
#best100 .best_prd .best_toparea .bigcate li {float:left; margin-left:24.5px;}
#best100 .best_prd .best_toparea .bigcate li:first-child {margin-left:0;}
#best100 .best_prd .best_toparea .bigcate li a {color:#888; font-weight:300;}
#best100 .best_prd .best_toparea .bigcate li a.active {color:#404040; font-weight:400;}
/* BEST100 상품리스트 */
#best100 .list_bestprd .prd_basic .box .img .best_icon {display:block;}
#best100 .list_bestprd1 .prd_basic > li {background:transparent;}
#best100 .list_bestprd2 {padding:30px 10px 0;}

/* 게시판 - noticeToggle */
#boardview .boxview .board_notice { padding: 40px 20px; background: #f4f4f4; }
#boardview .boxview .board_notice h4 { position: relative; }
#boardview .boxview .board_notice h4 a { padding: 0 0 0 20px; font-size: 1.167rem; font-weight: 500; text-transform: uppercase; }
#boardview .boxview .board_notice h4 a::before { content: ''; position: absolute; top: calc( 50% - 8px ); left: 0; width: 15px; height: 15px; background: url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/etc/membership_notice.png') no-repeat center/ 12px; }
#boardview .boxview .board_notice h4 a:hover,
#boardview .boxview .board_notice h4 a:active { border-bottom: 1px solid #404040; }
#boardview .boxview #boardcnt_notice { display: none; }
#boardview .boxview #boardcnt_notice dl { margin: 15px 0 0; }
#boardview .boxview #boardcnt_notice dt { font-size: 0.9rem; }
#boardview .boxview #boardcnt_notice dd { position: relative; margin: 5px 5px 0 5px; padding: 0 0 0 15px; font-size: 0.9rem;     word-break: keep-all; }
#boardview .boxview #boardcnt_notice dd::before { content: '•'; position: absolute; top: calc( 50% - 10px ); left: 0; width: 15px; height: 15px; font-size: 1.1rem; }
#boardview .boxview #boardcnt_notice .primary { margin: 30px 0 0; font-size: 0.9rem; }

/*통합회원 메인*/
.integration{margin:0 auto; padding:8vw 4.800vw 0 4.800vw;}
.integration .title{text-align: center;padding-bottom: 5.333vw;}
.integration .title .logo{font-size: 6.667vw; color: #000;}
.integration .title .txt{font-size: 6.667vw; font-weight: 700; color: #000;}
.integration .subtitle{font-size: 6.133vw !important; text-align: center !important; color: #333; font-weight: 700 !important; margin-bottom: 2.667vw; display: block !important; height: auto !important; padding:0 !important; line-height: normal !important;}
.integration .info{}
.integration .info .image_wrap{text-align: center; padding:2.667vw 0 5.333vw 0;}
.integration .info .image_wrap img{width: 28.267vw;}
.integration .description{text-align: center; margin-bottom: 8vw; font-size: 4vw; color: #333; line-height: 6.667vw;}
.integration .description .sub{color:#666; font-size:4vw;}
.integration .benefit{}
.integration .benefit .bnf01{margin-top: 12.267vw;}
.integration .benefit .coupon01.col1{}
.integration .benefit .coupon01.col1 ul{margin-left: 0;}
.integration .benefit .coupon01.col1 li{float: none; width: 100%;}
.integration .benefit .coupon01.col1 li > div{margin-left: 0; padding:0 14.667vw;}
.integration .benefit .coupon01.col1 li .box{height: 37.333vw; padding:8vw 0; background-color: #F9E571;}
.integration .benefit .coupon01.col1 li .box .tit{font-size: 4.533vw; font-weight: 500; color: #333; text-decoration: underline;}
.integration .benefit .coupon01.col1 li .box .desc{font-size: 8.533vw; color: #333;}
.integration .benefit .coupon01{}
.integration .benefit .coupon01 ul{margin-left: -2.667vw;}
.integration .benefit .coupon01 ul:after{content: ""; display: block; clear: both;}
.integration .benefit .coupon01 li{float: left; width: 50%;}
.integration .benefit .coupon01 li > div{margin-left: 2.667vw;}
.integration .benefit .coupon01 li .box{background-color: #000; border-radius: 1.333vw; height: 26.667vw; padding: 6.400vw 0; user-select:none;}
.integration .benefit .coupon01 li .box .tit{text-align: center; color: #fff; font-size: 3.200vw; font-weight: 300; text-decoration: underline #fff;}
.integration .benefit .coupon01 li .box .desc{text-align: center; color: #fff; font-size: 5.333vw; font-weight: 700; margin-top: 2.667vw;}
.integration .benefit .bnf02{margin-top: 12.267vw;}
.integration .benefit .coupon02{border-top: 2px solid #c5c5c5; border-bottom: 2px solid #c5c5c5; margin-bottom: 8vw;}
.integration .benefit .coupon02 ul{}
.integration .benefit .coupon02 li{}
.integration .benefit .coupon02 li > div{padding: 0 4vw;}
.integration .benefit .coupon02 li a{display: table; width: 100%; border-top: 1px solid #f2f2f2; height: 23.467vw; position:relative;}
.integration .benefit .coupon02 li a:before{content: "\276F"; position:absolute; top: 50%; right: 0; font-size: 3.467vw; transform: translateY(-50%);}
.integration .benefit .coupon02 li:first-child a{border-top: 0;}
.integration .benefit .coupon02 li .txt{display: table-cell; width: 55%; font-size: 3.733vw; color: #333; vertical-align: middle;}
.integration .benefit .coupon02 li .txt span{font-size: 5.333vw; font-weight: 700;}
.integration .benefit .coupon02 li .img{display: table-cell; width: 45%; vertical-align: middle;}
.integration .benefit .coupon02 li .img img{width:28.533vw;}
.integration .notice{margin-top: 8vw;}
.integration .notice .tit{font-size: 4.267vw; color: #333; margin-bottom: 2.667vw;}
.integration .notice .desc{}
.integration .notice .desc ul{}
.integration .notice .desc li{padding-left: 2.667vw; position: relative; color: #333; font-size: 3.467vw; line-height: 6.667vw;}
.integration .notice .desc li:before{content: ""; display: block; position: absolute; left: 0; top: 3.200vw; width: 0.800vw; height: 1px; background-color: #333;}
.button_wrap{margin-top: 8vw;}
.button_wrap:after{content: ""; display: block; clear: both;}
.button_wrap a{display: table; text-align: center; border-radius: 16vw; border:1px solid #333; box-sizing: border-box; height:14.400vw; width: 100%; overflow:hidden;}
.button_wrap a > span{display: block; font-size: 4.267vw; display: table-cell; vertical-align: middle; border-radius:16vw;}
.button_wrap a.sm > span{font-size: 3.733vw; line-height: 4.800vw;}
.button_wrap a.black{border:1px solid #181824;}
.button_wrap a.white{border:1px solid #333;}
.button_wrap a.pink{border:1px solid #FF2C65;}
.button_wrap a.primary{border:1px solid #181824;}
.button_wrap a.black span{background-color: #181824; color: #fff;}
.button_wrap a.white span{background-color: #fff; color: #333;}
.button_wrap a.pink span{background-color: #FF2C65; color: #fff;}
.button_wrap a.primary span{background-color: #181824; color: #fff;}
.button_wrap input{display: block; text-align: center; border-radius: 16vw; border:1px solid #333; box-sizing: border-box; height:14.400vw; width: 100%; overflow:hidden; font-size: 4.267vw; background-color:#333; color: #fff;}
.button_wrap input.black{border:1px solid #181824; background-color: #181824; color: #fff;}
.button_wrap input.white{border:1px solid #333; background-color: #fff; color: #333;}
.button_wrap input.primary{border:1px solid #181824; background-color: #181824; color: #fff;}
.button_wrap.col2 a, .button_wrap.col2 input{width: calc(50% - 1.333vw); float: right;}
.button_wrap.col2 a:first-child, .button_wrap.col2 input:first-child{float: left;}
.button_wrap.row2 a, .button_wrap.row2 input{float: none; margin-top: 4vw;}
.button_wrap.row2 a:first-child, .button_wrap.row2 input:first-child{margin-top: 0;}
.button_wrap .uline{font-size: inherit; text-decoration: underline;}
.button_wrap > *:disabled{background-color: #c5c5c5 !important; color: #fff !important; border: 1px solid #c5c5c5 !important; cursor: not-allowed;}

/*통합회원 약관*/
.chk_wrap{margin-top: 4.267vw;}
.chk_wrap:first-child{margin-top: 0;}
.chk_wrap label{display: inline-block;}
.chk_wrap label input[type="checkbox"]{vertical-align: middle; margin-right: 2.133vw; margin-top:0;}
.chk_wrap label .txt{vertical-align: middle; font-size: 3.733vw; color: #000;}
.chk_wrap label .red{color: #FF2C65; font-size:3.733vw;}
.chk_wrap label .gray{color: #999999; font-size:3.733vw;}
.chk_wrap .btn_more{font-size: 3.733vw; color: #000; font-weight: 500; border-bottom: 1px solid #000; float:right;}
.integration .information{font-size: 3.200vw; color: #999; word-break: keep-all; margin-top: 1.600vw; margin-bottom: 5.333vw;}
.integration .agree_wrap{position:relative;}
.integration .agree_wrap .agree_all{}
.integration .agree_wrap .agree_all .chk_wrap label .txt{font-weight:700;} 
.integration .agree_wrap .agree_term{padding-top: 20px; border-top: 1px solid #ddd;}
.integration .modal_term{position: absolute; top:-13.333vw; left:0; z-index:1; width: 100%;}
.integration .modal_term .btn_close{position: absolute; top: -8vw; right: 0; width: 8vw; height: 8vw; background-color: #333; background-image: url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/button/btn_close_white.png'); background-repeat: no-repeat; background-position: center; background-size:4.267vw;}
.integration .modal_term .box{border:1px solid #333; padding:5.333vw; background-color: #fff;;}
.integration .modal_term .box .tit{font-size: 4vw; color: #333; margin-bottom: 2.667vw;}
.integration .modal_term .box .textarea{white-space: pre-wrap; height: 60vw; overflow-y: auto; background-color: #F9F9F9; font-size: 3.200vw; color: #666; width:100%; /*padding:4vw 5.333vw;*/ }

/*통합회원 정보입력*/
#integration_form .table_wrap{margin-bottom: 13.333vw;}
.table_wrap{}
.table_wrap table{width:100%; border-top:2px solid #000; border-bottom: 2px solid #000;}
.table_wrap table thead{border-bottom: 2px solid #000;}
.table_wrap table tbody{}
.table_wrap table th, .table_wrap table td{height: 10.133vw; text-align: center; vertical-align: middle; padding:2.400vw 0;}
.table_wrap table th{font-size: 3.733vw; font-weight: 500; color: #333;}
.table_wrap table td{border-top: 1px solid #C5C5C5; font-size: 3.467vw; font-weight: 400; color: #333;}
.table_wrap table td .empty{color: #C5C5C5; font-size:3.467vw;}
#integration_form .form_wrap{margin-top: 5.333vw;}
.inp_wrap{margin-top: 2.667vw; position: relative;}
.inp_wrap:after{content: ""; display: block; clear: both;}
.inp_wrap:first-child{margin-top: 0;}
.inp_wrap label{width: 25.333vw; display: inline-block; vertical-align: middle; line-height: 12.800vw; font-size: 3.733vw; font-weight: 500; color: #333;}
.inp_wrap input[type="text"], .inp_wrap input[type="email"], .inp_wrap input[type="password"], .inp_wrap input[type="tel"], .inp_wrap .form_input{width: 100%; display: inline-block; height: 12.800vw; border:1px solid #c5c5c5; outline:0; padding: 3.733vw; vertical-align:middle; font-size:3.733vw;}
.inp_wrap label + input[type="text"], .inp_wrap label + input[type="email"], .inp_wrap label + input[type="password"], .inp_wrap label + input[type="tel"], .inp_wrap label + .form_input{width: calc(100% - 25.333vw);}
.inp_wrap input[type="text"]:focus, .inp_wrap input[type="email"]:focus, .inp_wrap input[type="password"]:focus, .inp_wrap input[type="tel"]:focus{border-color:#333;}
.inp_wrap input::placeholder{color: #c5c5c5;}
.inp_wrap.addbtn{}
.inp_wrap.addbtn input[type="text"], .inp_wrap.addbtn input[type="email"], .inp_wrap.addbtn input[type="password"], .inp_wrap.addbtn input[type="tel"], .inp_wrap.addbtn .form_input{width: calc(100% - 20.533vw);}
.inp_wrap.addbtn .btn_add{width: 18.667vw; display: block; line-height: 12.267vw; position: absolute; right: 0; top: 0; background-color: #181824; color: #fff; font-size: 3.733vw; text-align: center; overflow: hidden; box-sizing: border-box; border:1px solid #181824; height: 12.800vw; border-radius: 1.333vw;}
.inp_wrap.addbtn .btn_add.checked{font-size: 0; letter-spacing: -99999999px; background-repeat: no-repeat; background-position: center; background-image: url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/member/btn_ok.png'); background-size: 5.867vw;}
.inp_wrap.addbtn.addbtn2 .form_input{width:calc(100% - 32.800vw);}
.inp_wrap.addbtn.addbtn2 .btn_add{width:30.933vw;}
.inp_wrap .alert{font-size: 3.467vw; color: #FF2C65; display: none; margin-top:1.333vw;}
.inp_wrap .inp_birthday{font-size:3.733vw;}
.inp_wrap .inp_birthday:after{content:""; display:block; clear:both;}
.inp_wrap .inp_birthday .form_input{width:calc(33.3333% - 1.867vw); float:left; margin-left:2.667vw;}
.inp_wrap .inp_birthday .form_input:first-child{margin-left:0;}
.inp_wrap .inp_birthday .form_input:last-child{float:right;}
.inp_wrap .inp_birthday select{width:calc(33.3333% - 1.867vw); float:left; margin-left:2.667vw; border:1px solid #c5c5c5; height:12.800vw; padding-left: 3.733vw;}
.inp_wrap .inp_birthday select:focus{border:1px solid #333;}
.inp_wrap .inp_birthday select:first-child{margin-left:0;}
.inp_wrap .inp_birthday select:last-child{float:right;}
.inp_wrap .inp_birthday select[disabled]{user-select: none; background-color: #E0E0DF;}

/* 마이페이지 회원정보 입력 */
.thirdtitle{font-size: 4.267vw; font-weight: 500; color: #000; position: relative; padding-bottom: 2.133vw; margin-bottom: 8vw; margin-top: 13.333vw;}
.thirdtitle:first-child{margin-top: 0;}
.thirdtitle:before{position: absolute; left: 0; bottom: 0; content: ""; display: block; width: 100%; height: 2px; background-color: #000;}
.radio_wrap, .check_wrap{}
.radio_wrap .label_radio, .check_wrap .label_check{margin-left: 6.667vw;}
.radio_wrap .label_radio:first-child, .check_wrap .label_check:first-child{margin-left: 0;}
.radio_wrap .label_radio input[type="radio"], .check_wrap .label_check input[type="checkbox"]{vertical-align: middle; margin-right: 1.333vw;}
.radio_wrap .label_radio input[type="radio"] + span, .check_wrap .label_check input[type="checkbox"] + span{font-size: 3.733vw; color: #000; vertical-align: middle;}
/* .form_wrap{margin-top: 13.333vw;}
.form_wrap:first-child{margin-top: 0;} */
.tbl1_wrap{}
.tbl1_wrap .tr{display: table; width: 100%; border-top: 1px solid #E2E2E2;}
.tbl1_wrap .tr:first-child{border-top: 0;}
.tbl1_wrap .th{display: table-cell; width: 32vw; font-size: 3.733vw; color: #000; vertical-align: middle; height: 12.800vw;}
.tbl1_wrap .td{display: table-cell; font-size: 3.733vw; color: #000; vertical-align: middle; height: 12.800vw;}
.radio_wrap_basic{}
.radio_wrap_basic label{font-size: 3.733vw; color: #000; vertical-align: middle; margin-left: 6.667vw;}
.radio_wrap_basic label:first-child{margin-left: 0;}
.radio_wrap_basic label input[type="radio"]{vertical-align: middle; margin-right: 1.333vw;}

/* loader */
#loadingImg{position:fixed; width:100%; height:100%; top:0; left:0; background-color:rgba(0,0,0,0.3);}
.loader-40{width: 4.267vw; height: 4.267vw; border-radius: 50%; display: inline-block; position: absolute; background: #fff; box-shadow: -6.400vw 0 #fff, 6.400vw 0 #fff; animation: shadowPulse 2s linear infinite; top:50%; left:50%; transform:translate(-50%, -50%);}

@keyframes shadowPulse {
    33% {
        background: #fff;
        box-shadow: -6.400vw 0 #ff3d00, 6.400vw 0 #fff;
    }
    66% {
        background: #ff3d00;
        box-shadow: -6.400vw 0 #fff, 6.400vw 0 #fff;
    }
    100% {
        background: #fff;
        box-shadow: -6.400vw 0 #fff, 6.400vw 0 #ff3d00;
    }
}



/* 계산기 */
#calculator .c_btn,
.c_btn.calculator_open {display:inline-block; vertical-align:middle; position:relative; width:100%; height:50px; background-color:#f65634; cursor:pointer; transition:0.2s; -webkit-transition:0.2s;}
#calculator .c_btn:hover,
.c_btn.calculator_open:hover {background-color:#515355;}
#calculator .c_btn .cb_icon,
.c_btn.calculator_open .cb_icon {display:inline-block; vertical-align:middle; position:absolute; left:0; top:0; width:60px; height:60px; background-image:url('http://m.celeconh.com/_skin/m_sw_kor_210518/img/common/icon_calculator.png'); background-repeat:no-repeat; background-size:100% auto;}
#calculator .c_btn .cb_icon:before,
.c_btn.calculator_open .cb_icon:before {content:""; position:absolute; right:0; top:50%; width:1px; height:16px; margin-top:-8px; background-color:#fff; opacity:0.2;}
#calculator .c_btn span,
.c_btn.calculator_open span {display:block; position:relative; padding-left:60px; font-size:18px; color:#fff; letter-spacing:-0.5px; text-align:center;}
.c_btn.calculator_open {margin-top:20px; height:50px;;}
.c_btn.calculator_open.cart {position:relative; left:auto; bottom:auto; margin-right:10px;}
.c_btn.calculator_open .cb_icon {background-position:center top; margin-top:-5px;}
#calculator .c_btn.calculator_send {position:fixed; left:20px; right:20px; bottom:-120px; z-index:9; width:calc(100% - 40px); border-radius:30px; background-color:#f65634; box-shadow:0 1px 2px rgba(0, 0, 0, 0.1);}
#calculator.on .c_btn.calculator_send {bottom:20px; }
#calculator .c_btn.calculator_send .cb_icon {margin-left:10px; background-position:center;}
#calculator .c_btn.calculator_send span {padding-left:90px; font-size:20px; text-align:left;}
#calculator .c_btn.calculator_send span:after {content:""; position:absolute; right:20px; top:50%; width:10px; height:10px; margin-top:-5.5px; border-right:#fff solid 1px; border-bottom:#fff solid 1px; opacity:0.5; transform:rotate(-45deg); -ms-transform:rotate(-45deg);}
#calculator .c_btn.calculator_re {width:100%; margin-top:210px; border-radius:30px; background-color:#f65634; box-shadow:0 1px 2px rgba(0, 0, 0, 0.1);}
#calculator .c_btn.calculator_re .cb_icon {margin-left:10px; background-position:center bottom;}
#calculator .c_btn.calculator_re span {padding-left:90px; font-size:20px; text-align:left;}
#calculator .c_btn.calculator_re span:after {content:""; position:absolute; right:20px; top:50%; width:10px; height:10px; margin-top:-5.5px; border-right:#fff solid 1px; border-bottom:#fff solid 1px; opacity:0.5; transform:rotate(-45deg); -ms-transform:rotate(-45deg);}

#calculator .c_popup {display:inline-block; vertical-align:middle; position:fixed; left:0; right:0; top:-100%; bottom:100%; z-index:999; overflow:hidden; width:auto; height:auto; background-color:#f6f6f6; box-shadow:0 50px 100px rgba(27, 28, 29, 0.3); opacity:0; transition:0.3s; -webkit-transition:0.3s;}
#calculator.on .c_popup {top:0; bottom:0; overflow:auto; opacity:1;}
#calculator .c_popup .cp_title {display:inline-block; vertical-align:middle; box-sizing:border-box; position:relative; width:100%; padding:20px;}
#calculator .c_popup .cp_title:after {content:""; position:absolute; left:20px; right:20px; bottom:0; height:1px; background-color:#333; opacity:0.08;}
#calculator .c_popup .cp_title h3 {display:inline-block; vertical-align:middle; font-size:25px; font-weight:200; color:#404040; line-height:35px; letter-spacing:-1px;}
#calculator .c_popup .cp_title h3 strong {font-size:25px; font-weight:700; color:#404040; line-height:35px; letter-spacing:-1px;}
#calculator .c_popup .cp_title p {position:relative; margin:10px; margin-bottom:0; font-size:14px; color:#404040; line-height:24px; letter-spacing:-0.5px; opacity:0.5;}
#calculator .c_popup .cp_title p:before {content:"*"; position:absolute; left:-10px; top:0;}
#calculator .c_popup .cp_close {display:inline-block; vertical-align:middle; position:fixed; right:20px; top:-100px; z-index:9; width:40px; height:40px; border-radius:25px; background-color:#333; cursor:pointer; transition:0.2s; -webkit-transition:0.2s;}
#calculator.on .c_popup .cp_close {top:20px;}
#calculator .c_popup .cp_close:hover {transform:rotate(90deg); -ms-transform:rotate(90deg);}
#calculator .c_popup .cp_close:before {content:""; position:absolute; left:50%; top:50%; width:16px; height:2px; margin-top:-1px; margin-left:-8px; border-radius:1px; background-color:#fff; transform:rotate(45deg); -ms-transform:rotate(45deg);}
#calculator .c_popup .cp_close:after {content:""; position:absolute; left:50%; top:50%; width:16px; height:2px; margin-top:-1px; margin-left:-8px; border-radius:1px; background-color:#fff; transform:rotate(-45deg); -ms-transform:rotate(-45deg);}
#calculator .c_popup .cp_close span {font-size:0; color:#515355;}
#calculator .c_popup .cp_form {display:inline-block; vertical-align:middle; box-sizing:border-box; overflow:auto; width:100%; padding:20px;}
#calculator .c_popup .cp_form .cpf_field {display:inline-block; vertical-align:middle; position:relative; width:100%; margin-top:15px;}
#calculator .c_popup .cp_form .cpf_field:first-child {margin-top:0;}
#calculator .c_popup .cp_form .cpf_title {position:absolute; left:0; top:0;}
#calculator .c_popup .cp_form .cpf_title label {font-size:15px; color:#404040; line-height:40px; letter-spacing:-0.5px; background:none;}
#calculator .c_popup .cp_form .cpf_wrap {padding-left:50px;}
#calculator .c_popup .cp_form .cpf_wrap input[type=input] {float:left; width:100%; height:40px; border-radius:20px; background-color:#fff; font-size:15px; color:#404040; line-height:40px; letter-spacing:-0.5px; text-indent:20px; box-shadow:0 1px 2px rgba(0, 0, 0, 0.1);}
#calculator .c_popup .cp_form .cpf_wrap.t1 input[type=input] {width:calc(100% - 30px);}
#calculator .c_popup .cp_form .cpf_wrap.t1 > span {float:left; padding-left:7px; font-size:13px; color:#404040; line-height:40px; letter-spacing:-1px;}
#calculator .c_popup .cp_form .cpf_wrap input[type='checkbox'], #calculator .c_popup .cp_form .cpf_wrap input[type='radio'] {display:none;}
#calculator .c_popup .cp_form .cpf_wrap label {cursor:pointer;}
#calculator .c_popup .cp_form .cpf_wrap label i {display:inline-block; vertical-align:middle; position:relative; float:left; width:20px; height:20px; margin:10px 0; margin-right:7px; overflow:hidden; border-radius:10px; background-color:#fff;  box-shadow:0 1px 2px rgba(0, 0, 0, 0.1); transition:0.2s; -webkit-transition:0.2s;}
#calculator .c_popup .cp_form .cpf_wrap label i:before {content:""; display:inline-block; vertical-align:middle; position:absolute; left:0; top:0; width:10px; height:10px; margin:5px; border-radius:5px; background-color:#f6f6f6; transition:0.2s; -webkit-transition:0.2s;}
#calculator .c_popup .cp_form .cpf_wrap input:checked + label i:before {background-color:#404040;}
#calculator .c_popup .cp_form .cpf_wrap label span {display:inline-block; vertical-align:middle; font-size:15px; color:#404040; line-height:40px; letter-spacing:-0.5px; opacity:0.6; transition:0.2s; -webkit-transition:0.2s;}
#calculator .c_popup .cp_form .cpf_wrap label span:hover,
#calculator .c_popup .cp_form .cpf_wrap input:checked + label span {opacity:1;}
#calculator .c_popup .cp_form .cpf_wrap ul {display:inline-block; vertical-align:middle; width:100%;}
#calculator .c_popup .cp_form .cpf_wrap li {display:inline-block; vertical-align:middle; float:left; width:50%;}
#calculator .c_popup .cp_product {display:inline-block; vertical-align:middle; box-sizing:border-box; position:relative; width:100%; background-color:#fff; padding-bottom:110px;}
#calculator .c_popup .cp_product h4 {display:inline-block; vertical-align:middle; width:100%; font-size:15px; font-weight:500; color:#404040; line-height:40px;}
#calculator .c_popup .cp_product .owl-stage-outer {overflow:visible;}
#calculator .c_popup .cp_product .owl-stage-outer:before {content:""; position:absolute; left:-80px; top:-20px; bottom:0; z-index:9; width:85px; background-color:#fff; opacity:0.8;}
#calculator .c_popup .cp_product .owl-stage-outer:after {content:""; position:absolute; right:-80px; top:-20px; bottom:0; z-index:9; width:85px; background-color:#fff; opacity:0.8;}
#calculator .c_popup .cp_select {display:inline-block; vertical-align:middle; overflow:hidden; box-sizing:border-box; position:relative; width:100%; height:350px; padding:20px;}
#calculator .c_popup .cp_select .cps_search {position:relative;}
#calculator .c_popup .cp_select .cps_search input {display:inline-block; vertical-align:middle; float:left; box-sizing:border-box; width:calc(100% - 80px); height:40px;border:#f0f0f0 solid 1px; border-radius:20px; background:#fff; font-size:14px; font-weight:300; color:#404040; line-height:38px; text-indent:15px;}
#calculator .c_popup .cp_select .cps_search button {display:inline-block; vertical-align:middle; position:absolute; right:0; top:0; box-sizing:border-box; width:75px; height:40px; border-radius:20px; background:#f65634; font-size:13px; font-weight:300; color:#fff; line-height:40px; text-align:center;}
#calculator .c_popup .cp_selected {display:inline-block; vertical-align:middle; overflow:hidden; box-sizing:border-box; position:relative; width:100%; height:180px; padding:20px; box-shadow:inset 0 1px 0 #f6f6f6;}
#calculator .c_popup .cp_selected .cp_wrap {bottom:0; height:100px;}
#calculator .c_popup .cp_wrap {display:inline-block; vertical-align:middle; box-sizing:border-box; position:absolute; left:10px; right:10px; bottom:30px; width:auto; height:190px; text-align:center;}
#calculator .c_popup .cp_wrap ul {display:inline-block; vertical-align:middle; box-sizing:border-box; width:100%; padding:0 40px;}
#calculator .c_popup .cp_wrap li {display:inline-block; vertical-align:middle; position:relative; float:left; width:100%;}
#calculator .c_popup .cp_wrap li a {display:inline-block; vertical-align:middle; position:absolute; right:5px; top:-10px; width:30px; height:30px; border-radius:15px; background-color:#515355; font-size:0; color:#515355; cursor:pointer; transition:0.2s; -webkit-transition:0.2s;}
#calculator .c_popup .cp_wrap li a:hover {transform:rotate(90deg); -ms-transform:rotate(90deg);}
#calculator .c_popup .cp_wrap li a:before {content:""; position:absolute; left:50%; top:50%; width:10px; height:1px; margin-top:-1px; margin-left:-5px; border-radius:1px; background-color:#fff; transform:rotate(45deg); -ms-transform:rotate(45deg);}
#calculator .c_popup .cp_wrap li a:after {content:""; position:absolute; left:50%; top:50%; width:10px; height:1px; margin-top:-1px; margin-left:-5px; border-radius:1px; background-color:#fff; transform:rotate(-45deg); -ms-transform:rotate(-45deg);}
#calculator .c_popup .cp_slide,
#calculator .c_popup .cp_slide2 {display:inline-block; vertical-align:middle; padding:0 40px;}
#calculator .c_popup .cp_pic {display:inline-block; vertical-align:middle; position:relative; box-sizing:border-box; width:100px; height:100px; border:#f0f0f0 solid 1px; border-radius:5px; background-color:#fff; background-repeat:no-repeat; background-position:center; background-size:80%; cursor:pointer;}
#calculator .c_popup .cp_pic:hover {border-color:#9f9f9f;}
#calculator .c_popup .cp_pic img {display:inline-block; vertical-align:middle; float:left; width:100%; height:auto;}
#calculator .c_popup .cp_pic.cp_empty {border:#fff solid 2px; background-color:#9ea0a2;}
#calculator .c_popup .cp_pic.cp_empty:before {content:"없음"; color:#fff; line-height:96px;}
#calculator .c_popup .cp_pic.cp_add {border:#f0f0f0 solid 1px; background-color:#fff;}
#calculator .c_popup .cp_pic.cp_add:before {content:""; position:absolute; left:50%; top:50%; width:16px; height:2px; margin-top:-1px; margin-left:-8px; background-color:#d9d9d9;}
#calculator .c_popup .cp_pic.cp_add:after {content:""; position:absolute; left:50%; top:50%; width:2px; height:16px; margin-top:-8px; margin-left:-1px; background-color:#d9d9d9;}
#calculator .c_popup .cp_txt {display:inline-block; vertical-align:middle; width:105px; height:40px; margin:10px; font-size:13px; font-weight:300; color:#404040; line-height:20px; text-align:left; overflow:hidden; text-overflow:ellipsis; word-break:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; opacity:0.6;}
#calculator .c_popup .item:hover .cp_txt {opacity:1;}
#calculator .c_popup .cp_btn {display:inline-block; vertical-align:middle; width:100px; height:30px; border-radius:15px; background-color:#f7f7f7; font-size:13px; color:#404040; letter-spacing:-0.5px; line-height:30px; cursor:pointer;} 
#calculator .c_popup .cp_btn:hover {background-color:#404040; color:#fff;} 
#calculator .c_popup .owl-nav {font-size:0; text-indent:-9999px;}
#calculator .c_popup .owl-nav .owl-prev {display:inline-block; vertical-align:middle; position:absolute; left:0; top:30px; z-index:99; width:40px; height:40px; border-radius:20px; background-color:#f7f7f7;}
#calculator .c_popup .owl-nav .owl-prev:before {content:""; display:inline-block; vertical-align:middle; position:absolute; left:50%; top:50%; width:12px; height:12px; margin-top:-6px; margin-left:-3px; border-left:#404040 solid 2px; border-bottom:#404040 solid 2px; opacity:0.5; transform:rotate(45deg); -ms-transform:rotate(45deg);}
#calculator .c_popup .owl-nav .owl-prev:before:hover {opacity:1;} 
#calculator .c_popup .owl-nav .owl-next {display:inline-block; vertical-align:middle; position:absolute; right:0; top:30px; z-index:99; width:40px; height:40px; border-radius:20px; background-color:#f7f7f7;}
#calculator .c_popup .owl-nav .owl-next:before {content:""; display:inline-block; vertical-align:middle; position:absolute; right:50%; top:50%; width:12px; height:12px; margin-top:-6px; margin-right:-3px; border-right:#404040 solid 2px; border-bottom:#404040 solid 2px; opacity:0.5; transform:rotate(-45deg); -ms-transform:rotate(-45deg);}
#calculator .c_popup .owl-nav .owl-next:before:hover {opacity:1;}
#calculator .c_popup .cp_graph {display:inline-block; vertical-align:middle; box-sizing:border-box; position:relative; width:100%; padding:20px;}
#calculator .c_popup .cp_graph .cpg_txt {display:inline-block; vertical-align:middle; box-sizing:border-box; position:relative; width:100%; padding-bottom:20px; font-size:15px; font-weight:500; color:#404040; line-height:30px;}
#calculator .c_popup .cp_graph .cpg_txt:before {content:""; position:absolute; left:0; right:0; bottom:0; height:1px; background-color:#ececec;}#calculator .c_popup .cp_graph .cpg_unit {display:inline-block; vertical-align:middle; position:absolute; left:80px; right:0px; top:25px; height:20px; text-align:center; opacity:0.5;}
#calculator .c_popup .cp_graph .cpg_unit span {display:inline-block; vertical-align:middle; font-size:11px; color:#404040; line-height:20px;}
#calculator .c_popup .cp_graph .cpg_unit span:first-child {float:left;}
#calculator .c_popup .cp_graph .cpg_unit span:last-child {float:right;}
#calculator .c_popup .cp_graph .cpg_wrap {display:inline-block; vertical-align:middle; position:relative; box-sizing:border-box; width:100%;}
#calculator .c_popup .cp_graph .cpg_wrap > ul {display:inline-block; vertical-align:middle; width:100%; margin:20px 0;}
#calculator .c_popup .cp_graph .cpg_wrap > ul > li {display:inline-block; vertical-align:middle; position:relative; width:100%;}
#calculator .c_popup .cp_graph .cpg_wrap > ul > li > strong {display:inline-block; vertical-align:middle; width:100%; margin-top:10px; font-size:15px; font-weight:500; color:#404040; line-height:30px;}
#calculator .c_popup .cp_graph .cpg_wrap > ul > li:first-child > strong {margin-top:0;}
#calculator .c_popup .cp_graph .cpgf_item {display:inline-block; vertical-align:middle; position:relative; box-sizing:border-box; width:100%; padding-left:80px;}
#calculator .c_popup .cp_graph .cpgf_item span {display:inline-block; vertical-align:middle; position:absolute; left:0; top:0; font-size:14px; font-weight:300; color:#404040; line-height:30px;}
#calculator .c_popup .cp_graph .cpgf_item:before {content:""; display:inline-block; vertical-align:middle; position:absolute; left:80px; right:0; top:10px; z-index:-1; height:10px; border-radius:5px; background-color:#fff; box-shadow:0 1px 2px rgba(0, 0, 0, 0.1);}
#calculator .c_popup .cp_graph .cpgf_item .cpgfi_fill {box-sizing:border-box; position:relative; z-index:1; height:10px; margin:10px 0; border:#fff solid 2px; border-radius:5px; background-color:#f65634;}
#calculator .c_popup .cp_graph .cpgf_item .cpgfi_fill[style='width:0%;'] {width:10px !important;}
/* #calculator .c_popup .cp_graph .cpgf_item .cpgfi_fill[style='width:100%;'] {background-color:#72cadd;} */
#calculator .c_popup .cp_graph .cpgf_item i {display:inline-block; vertical-align:middle; position:absolute; left:85px; right:5px; top:5px; z-index:9; height:20px; border-left:#000 solid 1px; border-right:#000 solid 1px; opacity:0.15;}
#calculator .c_popup .cp_graph .cpgf_item i:before {content:""; position:absolute; left:50%; top:0; bottom:0; width:1px; background-color:#000;}
#calculator .c_popup .cp_graph .cpgf_btn {display:inline-block; vertical-align:middle; width:100%; height:22px; margin:3px 0; border-radius:2px; background-color:#aaa; font-size:11px; color:#fff; line-height:22px; text-align:center; cursor:pointer;}
#calculator .c_popup .cp_graph .cpgf_detail {display:none;}
#calculator .c_popup .cp_graph .cpgf_detail.on {display:inline-block;}
#calculator .c_popup .cp_graph .cpg_shortage {display:inline-block; vertical-align:middle; box-sizing:border-box; position:relative; width:250px; padding-top:20px; font-size:15px; font-weight:500; color:#404040; line-height:30px;}
#calculator .c_popup .cp_graph .cpg_shortage:before {content:""; position:absolute; left:0; right:0; top:0; height:1px; background-color:#ececec;}
#calculator .c_popup .cp_graph .cpg_shortage span {font-size:15px; font-weight:500; color:#404040; line-height:30px;}
#calculator .c_popup .cp_graph .cpg_shortage span:after {content:",";}
#calculator .c_popup .cp_graph .cpg_shortage span:last-child:after {content:"";}
#calculator .c_popup .cp_recommend {display:inline-block; vertical-align:middle; box-sizing:border-box; position:relative; width:100%; height:350px; padding:30px 20px; background-color:#fff; text-align:center;}
#calculator .c_popup .cp_recommend h4 {display:inline-block; vertical-align:middle; width:100%; font-size:15px; font-weight:500; color:#404040; line-height:20px; text-align:left;}
#calculator .c_popup .cp_recommend h4 mark {margin:0; padding:0; font-size:15px; font-weight:500; color:#f65634; line-height:20px; background:none;}
#calculator .c_popup .cp_recommend .cp_wrap {top:80px; bottom:auto;}