@charset "utf-8";
/*-----------------------------------------------------------------*/
/* CSS Table of Contents
/*-----------------------------------------------------------------*/
/*
1. Reset

2. Global
2-1. table#detail .intake0
2-2. button
2-3. product

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

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

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


@import url(https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700);
@import url(https://fonts.googleapis.com/css?family=Lato&display=swap);

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 {margin:0; padding:0; border:0; outline:0; color:#333; font-family:'Noto Sans KR',Malgun Gothic, '맑은 고딕', AppleGothic, Dotum, '돋움', sans-serif; font-size:12px; line-height:1.6; vertical-align:baseline;}
body{ color: #191919}

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


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

th {font-weight: bold;}
.hidden {visibility:hidden; overflow:hidden; width:0 !important; height:0 !important; margin:0 !important; padding:0 !important; font-size:0; line-height:0;}
.tac {text-align:center !important;}
.tal {text-align:left !important;}
.tar {text-align:right !important;}
.empty {padding:100px 0 !important; text-align:center; font-size:20px}
.fl {float:left !important;}
.fr {float:right !important;}
.clear {clear:both;}
.clear:after, .clearfix:after{content:'';display: block; clear:both;}
.bc {display:block; margin-left:auto; margin-right:auto;}
.p_color {color:#111 !important;}
.p_cursor {cursor:pointer;}
.i_info {display:inline-block; position:relative; top:4px; width:16px; height:16px; background:url('https://www.serybox.net/_skin/user_7/img/common/icon_info.png') no-repeat center; font-style:normal; font-weight:normal; line-height:1;}
.caret{display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; border-top: .3em solid; border-right: .3em solid transparent; border-bottom: 0; border-left: .3em solid transparent;}
.media{display: table;}
.media>img{border: 1px solid #e5e5e5;}
.media>*{display: table-cell;}
.medial-left{ padding-right:40px}
.sr-only, .check-custom>input{overflow: hidden !important;position: absolute;width: 1px !important;height: 1px !important;padding: 0;clip: rect(0, 0, 0, 0);white-space: nowrap;border: 0}
.pr{position: relative}


/* typography */
.text-primary, .box_btn .text-primary.text-primary{color:#ef3030 !important}
.text-secondary{color:#23b795 !important}
.text-truncate{overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.text-muted{color: #b3b3b3 !important}

/* Util */
/* margins */
.ma0{margin:0px !important}
.ma1{margin:1px !important}
.ma2{margin:2px !important}
.ma3{margin:3px !important}
.ma4{margin:4px !important}
.ma5{margin:5px !important}
.ma6{margin:6px !important}
.ma7{margin:7px !important}
.ma8{margin:8px !important}
.ma9{margin:9px !important}
.ma10{margin:10px !important}
.ma11{margin:11px !important}
.ma12{margin:12px !important}
.ma13{margin:13px !important}
.ma14{margin:14px !important}
.ma15{margin:15px !important}
.ma16{margin:16px !important}
.ma17{margin:17px !important}
.ma18{margin:18px !important}
.ma19{margin:19px !important}
.ma20{margin:20px !important}
.ma25{margin:25px !important}
.ma30{margin:30px !important}
.ma35{margin:35px !important}
.ma40{margin:40px !important}
.ma45{margin:45px !important}
.ma50{margin:50px !important}
.ma55{margin:55px !important}
.ma60{margin:60px !important}
.mt0{margin-top:0px !important}
.mt1{margin-top:1px !important}
.mt2{margin-top:2px !important}
.mt3{margin-top:3px !important}
.mt4{margin-top:4px !important}
.mt5{margin-top:5px !important}
.mt6{margin-top:6px !important}
.mt7{margin-top:7px !important}
.mt8{margin-top:8px !important}
.mt9{margin-top:9px !important}
.mt10{margin-top:10px !important}
.mt11{margin-top:11px !important}
.mt12{margin-top:12px !important}
.mt13{margin-top:13px !important}
.mt14{margin-top:14px !important}
.mt15{margin-top:15px !important}
.mt16{margin-top:16px !important}
.mt17{margin-top:17px !important}
.mt18{margin-top:18px !important}
.mt19{margin-top:19px !important}
.mt20{margin-top:20px !important}
.mt25{margin-top:25px !important}
.mt30{margin-top:30px !important}
.mt35{margin-top:35px !important}
.mt40{margin-top:40px !important}
.mt45{margin-top:45px !important}
.mt50{margin-top:50px !important}
.mt55{margin-top:55px !important}
.mt60{margin-top:60px !important}
.mt70{margin-top:70px !important}
.mt75{margin-top:75px !important}
.mr0{margin-right:0px !important}
.mr1{margin-right:1px !important}
.mr2{margin-right:2px !important}
.mr3{margin-right:3px !important}
.mr4{margin-right:4px !important}
.mr5{margin-right:5px !important}
.mr6{margin-right:6px !important}
.mr7{margin-right:7px !important}
.mr8{margin-right:8px !important}
.mr9{margin-right:9px !important}
.mr10{margin-right:10px !important}
.mr11{margin-right:11px !important}
.mr12{margin-right:12px !important}
.mr13{margin-right:13px !important}
.mr14{margin-right:14px !important}
.mr15{margin-right:15px !important}
.mr16{margin-right:16px !important}
.mr17{margin-right:17px !important}
.mr18{margin-right:18px !important}
.mr19{margin-right:19px !important}
.mr20{margin-right:20px !important}
.mr25{margin-right:25px !important}
.mr30{margin-right:30px !important}
.mr35{margin-right:35px !important}
.mr40{margin-right:40px !important}
.mr45{margin-right:45px !important}
.mr50{margin-right:50px !important}
.mr55{margin-right:55px !important}
.mr60{margin-right:60px !important}
.mb0{margin-bottom:0px !important}
.mb1{margin-bottom:1px !important}
.mb2{margin-bottom:2px !important}
.mb3{margin-bottom:3px !important}
.mb4{margin-bottom:4px !important}
.mb5{margin-bottom:5px !important}
.mb6{margin-bottom:6px !important}
.mb7{margin-bottom:7px !important}
.mb8{margin-bottom:8px !important}
.mb9{margin-bottom:9px !important}
.mb10{margin-bottom:10px !important}
.mb11{margin-bottom:11px !important}
.mb12{margin-bottom:12px !important}
.mb13{margin-bottom:13px !important}
.mb14{margin-bottom:14px !important}
.mb15{margin-bottom:15px !important}
.mb16{margin-bottom:16px !important}
.mb17{margin-bottom:17px !important}
.mb18{margin-bottom:18px !important}
.mb19{margin-bottom:19px !important}
.mb20{margin-bottom:20px !important}
.mb25{margin-bottom:25px !important}
.mb30{margin-bottom:30px !important}
.mb35{margin-bottom:35px !important}
.mb40{margin-bottom:40px !important}
.mb45{margin-bottom:45px !important}
.mb50{margin-bottom:50px !important}
.mb55{margin-bottom:55px !important}
.mb60{margin-bottom:60px !important}
.mb70{margin-bottom:70px !important}

.ml0{margin-left:0px !important}
.ml1{margin-left:1px !important}
.ml2{margin-left:2px !important}
.ml3{margin-left:3px !important}
.ml4{margin-left:4px !important}
.ml5{margin-left:5px !important}
.ml6{margin-left:6px !important}
.ml7{margin-left:7px !important}
.ml8{margin-left:8px !important}
.ml9{margin-left:9px !important}
.ml10{margin-left:10px !important}
.ml11{margin-left:11px !important}
.ml12{margin-left:12px !important}
.ml13{margin-left:13px !important}
.ml14{margin-left:14px !important}
.ml15{margin-left:15px !important}
.ml16{margin-left:16px !important}
.ml17{margin-left:17px !important}
.ml18{margin-left:18px !important}
.ml19{margin-left:19px !important}
.ml20{margin-left:20px !important}
.ml25{margin-left:25px !important}
.ml30{margin-left:30px !important}
.ml35{margin-left:35px !important}
.ml40{margin-left:40px !important}
.ml45{margin-left:45px !important}
.ml50{margin-left:50px !important}
.ml55{margin-left:55px !important}
.ml60{margin-left:60px !important}
/* paddings */
.pa0{padding:0px !important}
.pa1{padding:1px !important}
.pa2{padding:2px !important}
.pa3{padding:3px !important}
.pa4{padding:4px !important}
.pa5{padding:5px !important}
.pa6{padding:6px !important}
.pa7{padding:7px !important}
.pa8{padding:8px !important}
.pa9{padding:9px !important}
.pa10{padding:10px !important}
.pa11{padding:11px !important}
.pa12{padding:12px !important}
.pa13{padding:13px !important}
.pa14{padding:14px !important}
.pa15{padding:15px !important}
.pa16{padding:16px !important}
.pa17{padding:17px !important}
.pa18{padding:18px !important}
.pa19{padding:19px !important}
.pa20{padding:20px !important}
.pa25{padding:25px !important}
.pa30{padding:30px !important}
.pa35{padding:35px !important}
.pa40{padding:40px !important}
.pa45{padding:45px !important}
.pa50{padding:50px !important}
.pa55{padding:55px !important}
.pa60{padding:60px !important}
.pt0{padding-top:0px !important}
.pt1{padding-top:1px !important}
.pt2{padding-top:2px !important}
.pt3{padding-top:3px !important}
.pt4{padding-top:4px !important}
.pt5{padding-top:5px !important}
.pt6{padding-top:6px !important}
.pt7{padding-top:7px !important}
.pt8{padding-top:8px !important}
.pt9{padding-top:9px !important}
.pt10{padding-top:10px !important}
.pt11{padding-top:11px !important}
.pt12{padding-top:12px !important}
.pt13{padding-top:13px !important}
.pt14{padding-top:14px !important}
.pt15{padding-top:15px !important}
.pt16{padding-top:16px !important}
.pt17{padding-top:17px !important}
.pt18{padding-top:18px !important}
.pt19{padding-top:19px !important}
.pt20{padding-top:20px !important}
.pt25{padding-top:25px !important}
.pt30{padding-top:30px !important}
.pt35{padding-top:35px !important}
.pt40{padding-top:40px !important}
.pt45{padding-top:45px !important}
.pt50{padding-top:50px !important}
.pt55{padding-top:55px !important}
.pt60{padding-top:60px !important}
.pr0{padding-right:0px !important}
.pr1{padding-right:1px !important}
.pr2{padding-right:2px !important}
.pr3{padding-right:3px !important}
.pr4{padding-right:4px !important}
.pr5{padding-right:5px !important}
.pr6{padding-right:6px !important}
.pr7{padding-right:7px !important}
.pr8{padding-right:8px !important}
.pr9{padding-right:9px !important}
.pr10{padding-right:10px !important}
.pr11{padding-right:11px !important}
.pr12{padding-right:12px !important}
.pr13{padding-right:13px !important}
.pr14{padding-right:14px !important}
.pr15{padding-right:15px !important}
.pr16{padding-right:16px !important}
.pr17{padding-right:17px !important}
.pr18{padding-right:18px !important}
.pr19{padding-right:19px !important}
.pr20{padding-right:20px !important}
.pr25{padding-right:25px !important}
.pr30{padding-right:30px !important}
.pr35{padding-right:35px !important}
.pr40{padding-right:40px !important}
.pr45{padding-right:45px !important}
.pr50{padding-right:50px !important}
.pr55{padding-right:55px !important}
.pr60{padding-right:60px !important}
.pb0{padding-bottom:0px !important}
.pb1{padding-bottom:1px !important}
.pb2{padding-bottom:2px !important}
.pb3{padding-bottom:3px !important}
.pb4{padding-bottom:4px !important}
.pb5{padding-bottom:5px !important}
.pb6{padding-bottom:6px !important}
.pb7{padding-bottom:7px !important}
.pb8{padding-bottom:8px !important}
.pb9{padding-bottom:9px !important}
.pb10{padding-bottom:10px !important}
.pb11{padding-bottom:11px !important}
.pb12{padding-bottom:12px !important}
.pb13{padding-bottom:13px !important}
.pb14{padding-bottom:14px !important}
.pb15{padding-bottom:15px !important}
.pb16{padding-bottom:16px !important}
.pb17{padding-bottom:17px !important}
.pb18{padding-bottom:18px !important}
.pb19{padding-bottom:19px !important}
.pb20{padding-bottom:20px !important}
.pb25{padding-bottom:25px !important}
.pb30{padding-bottom:30px !important}
.pb35{padding-bottom:35px !important}
.pb40{padding-bottom:40px !important}
.pb45{padding-bottom:45px !important}
.pb50{padding-bottom:50px !important}
.pb55{padding-bottom:55px !important}
.pb60{padding-bottom:60px !important}
.pb70{padding-bottom:70px !important}
.pl0{padding-left:0px !important}
.pl1{padding-left:1px !important}
.pl2{padding-left:2px !important}
.pl3{padding-left:3px !important}
.pl4{padding-left:4px !important}
.pl5{padding-left:5px !important}
.pl6{padding-left:6px !important}
.pl7{padding-left:7px !important}
.pl8{padding-left:8px !important}
.pl9{padding-left:9px !important}
.pl10{padding-left:10px !important}
.pl11{padding-left:11px !important}
.pl12{padding-left:12px !important}
.pl13{padding-left:13px !important}
.pl14{padding-left:14px !important}
.pl15{padding-left:15px !important}
.pl16{padding-left:16px !important}
.pl17{padding-left:17px !important}
.pl18{padding-left:18px !important}
.pl19{padding-left:19px !important}
.pl20{padding-left:20px !important}
.pl25{padding-left:25px !important}
.pl30{padding-left:30px !important}
.pl35{padding-left:35px !important}
.pl40{padding-left:40px !important}
.pl45{padding-left:45px !important}
.pl50{padding-left:50px !important}
.pl55{padding-left:55px !important}
.pl60{padding-left:60px !important}
/* Border */
.bt0{border-top:0 !important}
.bb0{border-bottom:0 !important}
.bl0{border-left:0 !important}
.br0{border-right:0 !important}
/* Font Size */
.fw100{font-weight:100}
.fw300{font-weight:300}
.fw400{font-weight:400}
.fw700{font-weight:700}
.fs11{font-size:11px !important}
.fs12{font-size:12px !important}
.fs13{font-size:13px !important}
.fs14{font-size:14px !important}
.fs15{font-size:15px !important}
.fs16{font-size:16px !important}
.fs17{font-size:17px !important}
.fs18{font-size:18px !important}
.fs20{font-size:20px !important}

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

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

/* 서브 페이지 타이틀 */
h2.subtitle {padding:40px 0; font-size:24px; font-weight:bold; text-align:center;color:#191919}
/* #big_section h2.subtitle{padding: 20px 0 0} */
.sub-text{font-size:16px;letter-spacing:-.03em;text-align:center;color:#535353}

/*cs center header_0905_유세진*/
.cs-info-main{margin-bottom:80px}
.center-banner img{display:block;max-width: 100%;margin: 0 auto}
.cs-info-main .wrap_inner{padding:65px 0; background:#f9f9f9; display:flex; align-items:stretch; flex-wrap:nowrap;}
.cs-info-main .wrap_inner>div{flex: 1;padding-left: 15px;padding-right: 40px;box-sizing: border-box}
.cs-info-main .wrap_inner>div+div{border-left: 1px solid #e5e5e5}
.cs-info-main .wrap_inner .title{padding-left: 40px}
.cs-info-main .title h2{font-size: 26px; font-weight: bold;}
.cs-info-main .title h2>img{margin-bottom: 10px}
.cs-info-main .cs_detail_title{display: block;margin-bottom: 10px;font-size: 18px}
.cs-info-main .cs_detail_text *{font-size: 16px;letter-spacing: -.03em}
.cs-info-main .cs .cs_detail_text{font-size: 26px;font-weight: 700;line-height: 1.2}
.cs-info-main .btn-label{margin-top: 10px}
.cs-info-main .wrap_inner .exc{flex: 1.2}


/* 페이지 내 타이틀 */
h3.title.first {padding-top:0;}
h3.title {padding:40px 0 10px;font-size: 18px}

/* 서브 탭메뉴 */
.sticky {height:56px; margin-bottom:50px;}
.sub_tab {position:relative; top:0; margin:0 0 50px;}
.sub_tab.fixed {position:fixed; width:100%; left:0; top:57px; z-index:20;}
.sub_tab ul {display:table; table-layout:fixed; margin-bottom:-1px; width:100%; height:54px; border-collapse:collapse; text-align:center;}
.sub_tab ul > li {display:table-cell; border:1px solid #d5d5d5; background:#fff;}
.sub_tab ul > li a {display:block; padding: 16px;color:#808080; font-size:16px; cursor:pointer}
.sub_tab ul > li.selected {border-bottom-color:#fff;}
.sub_tab ul > li.selected a {color:#333; font-weight:bold;}

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

/* 상품리스트 수량,정렬선택 */
.total_sort{margin: 50px 0 10px}
.total_sort:after {content:"";display:block;clear:both;}
.total_sort .total {float:left; font-size:14px; line-height:50px;}
.total_sort .sort {float:right;}
.total_sort .sort a {margin-right:10px; position:relative;font-size:14px}
.total_sort .sort a > *, .total_sort .total *{font-size:14px}
.total_sort .sort a::after {position: absolute; content: ""; width: 1px; height: 14px; background: #ebebeb; top: 3px; right: -7px;}
.total_sort .sort a:last-child::after {display: none;}
.sort select {height:50px; -webkit-appearance:none; -moz-appearance:none; -o-appearance:none; appearance:none;}

/* 페이징 */
.paging * {vertical-align:middle;}
.paging {margin-top:30px; font-size:0; text-align:center;}
.paging li {display:inline; padding:0 2px; color:#9e9e9e; vertical-align:middle;}
.paging li strong {display:inline-block; width:34px; height:34px; border:1px solid #000; background:#000; color:#fff; line-height:34px;}
.paging li a {display:inline-block; width:34px; height:34px; border:1px solid #e0e0e0; background:#fff; color:#6e6e6e; line-height:34px;}

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

.box_qty2 {display:inline-block; position:relative; width:108px; height:34px; border:1px solid #c3c3c3; vertical-align:top;}
.box_qty2 .form_input {width:40px; height:32px; margin:0 33px; padding:0; border:solid #c3c3c3; border-width:0 1px; text-align:center; line-height:32px;}
.box_qty2 .btn_ea a {display:block; position:absolute; top:0; width:33px; height:32px; background-repeat:no-repeat; background-position:center;}
.box_qty2 .btn_ea a.ea_up {right:0; background-image:url('https://www.serybox.net/_skin/user_7/img/shop/plus.png')}
.box_qty2 .btn_ea a.ea_down {left:0; background-image:url('https://www.serybox.net/_skin/user_7/img/shop/minus.png')}

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

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

/* 카카오 해피톡 */
.happytalk { position: absolute; top: 788px; right: 18px; zoom:50%;}
.happytalk.is_fixed { position: fixed;}

/* Event 이미지맵 */
img[usemap], map area {outline: none; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent;}

/* slide */
.slick-slider {
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus {
    outline: none;
}
.slick-list.dragging {
    cursor: pointer;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}
.slick-track:after {
    clear: both;
}
.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide {
    float: right;
}
.slick-slide img {
    /* display: block; */
}
.slick-slide.slick-loading img {
    display: none;
}
.slick-slide.dragging img {
    pointer-events: none;
}
.slick-initialized .slick-slide {
    display: block;
}
.slick-loading .slick-slide {
    visibility: hidden;
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* Arrows */
.slick-prev,
.slick-next {display:block; width:20px; height:20px; padding:0; border:none; color:transparent; font-size:0; line-height:0; outline:none; cursor:pointer;}

/* Dots */
.slick-dots {display:block; width:100%; text-align:center;}
.slick-dots li {display:inline-block; position:relative; margin:0 5px;}
.slick-dots li button {display:block; width:10px; height:10px; padding:0; border:1px solid #cfcfcf; border-radius:50%; background:#e1e1e1; color:transparent; font-size:0; line-height:0; outline:none; cursor:pointer; }
.slick-dots li.slick-active button {background:#fff;}
.slick-dotted{margin-bottom: 54px;}
.slick-dots{position: absolute;top:100%;left:0;right:0;padding:20px;}
.slick-prev, .slick-next{position: absolute;top:50%;right: 0;z-index: 10;width: 60px;height: 60px; margin-top: -30px; background:url(https://www.serybox.net/_skin/user_7/img/common/slide_arrow.png) no-repeat 50% 50%}
.slick-prev{left: 0;right: auto;transform: scale(-1,1)}
.slick-dots {padding:20px;}
.slick-dots li button {width: 14px;height: 14px; border:0;border-radius:7px; background:#ddd;}
.slick-dots li.slick-active button {width: 30px; background-color:#7faba0;}


/*-----------------------------------------------------------------*/
/* 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 #ddd; border-bottom:1px solid #ddd; font-weight:normal; text-align:center; vertical-align:middle;}
.tbl_col > tbody > tr > td {padding:15px 0; border-bottom:1px solid #ddd; color:#555; font-size:14px; text-align:center; vertical-align:middle;}
.tbl_col > tbody > tr > td > * {color:inherit; font:inherit;}
.tbl_col > tbody > tr > td.tal {padding-left:15px !important;}
.tbl_col > tbody > tr > td.img img {width:100px; height:auto;}
.tbl_col > tbody > tr > td.order_number a {font-weight:bold; text-decoration:underline;}
.tbl_col > tbody > tr > td.writer_name img {display:none;}

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

/* 테이블 스타일 - 가로 - qna */
.tbl_col.board.rev,
.tbl_col.board.det_rev {border-top:2px solid #222;}
.tbl_col.board.rev > tbody > tr > td {padding:25px 0 30px; border-bottom:1px solid #ebebeb;}
.tbl_col.board.det_rev > tbody > tr > td.tal {padding-left:30px !important;}
.tbl_col.board > tbody > tr > td.notice_cnt {padding:0; border:0;}
.tbl_col.board > tbody > tr > td.notice_cnt img {width:100% !important;}
.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.r_img {text-align:left;}
.tbl_col.board > tbody > tr > td.r_img img {width:88px; height:88px;}
.tbl_col.board > tbody > tr > td.no {color:#333; font-size:30px; text-align:center; line-height:1; vertical-align:top;}
.tbl_col.board > tbody > tr > td.subject .prdname,
.tbl_col.board > tbody > tr > td.subject .prdname * {color:#333; font-size:18px; font-weight:bold;}
.tbl_col.board > tbody > tr > td.subject .grade_writer {padding:2px 0 15px; font-size:0;}
.tbl_col.board > tbody > tr > td.subject .grade_writer * {display:inline-block; position:relative; vertical-align:middle;}
.tbl_col.board > tbody > tr > td.subject .grade_writer span {margin-left:12px; padding-left:13px; color:#999; font-size:14px;}
.tbl_col.board > tbody > tr > td.subject .grade_writer span:after {display:block; content:''; position:absolute; top:50%; left:0; width:1px; height:14px; margin-top:-7px; background:#ebebeb;}
.tbl_col.board > tbody > tr > td.subject .grade_writer span img {display:none;}
.tbl_col.board > tbody > tr > td.subject .cnt {overflow:hidden; height:54px;}
.tbl_col.board > tbody > tr > td.subject .cnt.active {overflow:hidden; height:auto;}
.tbl_col.board > tbody > tr > td.subject .cnt * {display:inline-block; color:#333; font-size:16px; line-height:1.7;}
.tbl_col.board > tbody > tr > td.subject .cnt > p {display:inline-block; position:relative;}
.tbl_col.board > tbody > tr > td.subject .more {display:inline-block; margin:5px 0 1px; color:#999; font-size:16px;}
.tbl_col.board > tbody > tr > td.subject .good {margin-top:14px;}
.tbl_col.board > tbody > tr > td.subject .good a {display:inline-block; min-width:126px; padding:8px 20px; border:1px solid #e0e0e0; border-radius:3px; text-align:center; vertical-align:middle;}
.tbl_col.board > tbody > tr > td.subject .good a:hover,
.tbl_col.board > tbody > tr > td.subject .good a.active {border-color:#999;}
.tbl_col.board > tbody > tr > td.subject .good a span {padding-left:24px; background:no-repeat left center; background-image:url('https://www.serybox.net/_skin/user_7/img/common/review_good.gif'); color:#666; font-size:14px;}
.tbl_col.board > tbody > tr > td.subject .good a.active span {background-image:url('https://www.serybox.net/_skin/user_7/img/common/review_good_active.gif'); color:#333; font-weight:bold;}
.tbl_col.board > tbody > tr > td.subject .good a span .count {color:inherit; font:inherit;}
.tbl_col.board > tbody > tr > td.subject img {vertical-align:middle;}
.tbl_col.board > tbody > tr > td.add .img {display:inline-block; overflow:hidden; position:relative; width:128px; height:128px;}
.tbl_col.board > tbody > tr > td.add .img img {width:128px; height:128px;}
.tbl_col.board > tbody > tr > td.add .img .ea {display:none; position:absolute; bottom:0; right:0; z-index:5; width:36px; height:20px; background:rgba(0,0,0,0.5); color:#fff; line-height:20px; text-align:center;}
.tbl_col.board > tbody > tr > td.add .img .ea * {color:inherit; line-height:inherit;}
.tbl_col.board > tbody > tr > td.best {background:#fcf9ff; color:#333;}
.tbl_col.board > tbody > tr > td.best .no {display:none;}
.tbl_col.board > tbody > tr > td.best .txt {color:inherit;}
.tbl_col.board > tbody > tr > td .icon_best {display:inline-block; margin-right:5px; padding:2px 5px; background:#f00; color:#fff;}

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

/* 테이블 스타일 - 주문서, 주문상세조회 */
.tbl_order {table-layout:fixed; width:100%; margin:0 auto; border-top:1px solid #e0e0e0;}
.tbl_order caption {padding-bottom:20px; font-weight:bold; text-align:left;}
.tbl_order th {padding:20px; border:1px solid #e0e0e0; border-width:0 1px 1px 0; font-weight:normal; text-align:left; vertical-align:middle;}
.tbl_order td {padding:20px; border-bottom:1px solid #e0e0e0; text-align:left; vertical-align:middle;}
.tbl_order td .form_input, .choice-shipping select {width: 380px;height: 48px;font-size: 16px}
.tbl_order td textarea.form_input{padding: 13px 10px}
.tbl_order td .msg {color:#999; font-size:11px;}
.tbl_order td .own_mileage,
.tbl_order td .own_deposit {color:#ef3030; line-height:35px;}
.tbl_order td.edit {line-height:30px;}
.tbl_order td.address p:not(.zip)>input{width: 100%;margin-top: 10px}
.tbl_order td.address .zip{margin-top: 10px;font-size: 0}
.tbl_order td.address .zip .form_input {width:190px}
.tbl_order td .form_input+.box_btn > *{width: 95px;height: 48px;padding: 13px;background: #000;border-color: #000;font-size: 15px}
.tbl_order td .zip .box_btn > *{width: 180px;margin-left: 10px;background: #fafafa;border-color: #e5e5e5}
.tbl_order td .check-custom{display: inline-block;padding: 1px 0 0 30px;vertical-align: top;font-size: 16px;color: #3a3a3a}
.tbl_order td .check-custom>span{float: left;margin-left: -30px;pointer-events:none}
.tbl_order td>.check-custom{margin: 11px 0 0 10px;font-size: 14px;line-height: 26px;color: #ef3030}
.tbl_order td .msg input{margin: -2px 0 0;vertical-align: middle}

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

.btn_bottom{text-align: right;margin-top: 20px;}
.btn_bottom .box_btn a{display: inline-block;width: 160px;background: #333333;font-size: 16px;color: #fff !important;line-height: 60px;text-align: center;padding: 0;}
.btn_bottom .box_btn:last-child a{background: #999999;margin-left: 10px;}
/*-----------------------------------------------------------------*/
/* 2-2. button
/*-----------------------------------------------------------------*/

/* 버튼스타일 - 기본 */
.btn-circle{ display: inline-block; padding:6px 40px;border:1px solid #dedfda;border-radius:99em; font-size:17px;text-align: center; color:#b3b3b3;}
.box_btn {display:inline-block; text-align:center; vertical-align:top;}
.box_btn > * {display:inline-block; margin:0; padding:8px 12px; border:1px solid #dedfda; outline:none; background:#000; color:#fff !important; font-size:14px; font-weight:normal; text-align:center; vertical-align:middle; line-height:1.4; white-space:nowrap; cursor:pointer; -webkit-appearance:none; transition:all .2s ease;}
.box_btn > *:hover,
.box_btn > *:active,
.box_btn > *:focus {background:#ef3030;}

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

/* 버튼스타일 - 가로길이 */
.box_btn.block {display:block;}
.box_btn.block > * {width:100%;}
.box_btn.block .w49 {width:49%;}
.box_btn.w50 > * {width:50px;}
.box_btn.w75 > * {width:75px;}
.box_btn.w100 > * {width:100px;}
.box_btn.w125 > * {min-width:125px;}
.box_btn.w130 > * {width:130px;}
.box_btn.w140 > * {width:140px;}
.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.w320 > * {width:320px;}
.box_btn.w325 > * {width:325px;}
.box_btn.w350 > * {width:350px;}
.box_btn.w800 > * {width:800px;}

/* 버튼스타일 - 가로높이 */
.box_btn.h40 > * {height:40px; padding:0; line-height:38px;}
.box_btn.h55 > * {height:55px; padding:0; font-size:16px; line-height:53px;}
.box_btn.h80 > * {height:80px; padding:0; font-size:20px; font-weight:700; line-height:78px;}

/* 버튼스타일 - 색상 */
.box_btn.white * {border-color:#d5d5d5; background:#fff; color:#666 !important;}
.box_btn.white:hover *,
.box_btn.white:active *,
.box_btn.white:focus * {background:#f5f5f5;}
.box_btn.white2 * {border-color:#1a1a1a; background:#fff; color:#333 !important;}
.box_btn.white2:hover *,
.box_btn.white2:active *,
.box_btn.white2:focus * {background:#f5f5f5;}
.box_btn.white3 * {border-color:#e0e0e0; background:#fff; color:#333 !important;}
.box_btn.white3:hover *,
.box_btn.white3:active *,
.box_btn.white3:focus * {border-color:#999;}
.box_btn.gray * {border-color:#f5f5f5; background:#f5f5f5; color:#666 !important;}
.box_btn.gray:hover *,
.box_btn.gray:active *,
.box_btn.gray:focus * {background:#dadada;}
.box_btn.gray2 * {border-color:#e5e5e5; background:#e5e5e5; color:#606060 !important;}
.box_btn.gray2:hover *,
.box_btn.gray2:active *,
.box_btn.gray2:focus * {background:#e5e5e5;}
.box_btn.gray3 * {border-color:#606060; background:#606060; color:#fff !important;}
.box_btn.gray4 * {border-color:#999; background:#999; color:#fff !important;}
.box_btn.black * {border-color:#222; background:#222; color:#fff !important;}
.box_btn.black:hover *,
.box_btn.black:active *,
.box_btn.black:focus * {border-color:#676767; background:#666;}
.box_btn.blue > * {border-color:#0b3e95; background:#0b3e95; color:#fff !important}
.box_btn.blue:hover > *,
.box_btn.blue:active > *,
.box_btn.blue:focus > * {background:#0b3e95;}
.box_btn.yellow * {border-color:#ffc001; background:#ffc001; color:#000 !important;}
.box_btn.yellow:hover *,
.box_btn.yellow:active *,
.box_btn.yellow:focus * {background:#ffc001;}
.box_btn.primary>* {border-color:#EF3030; background:#EF3030; color:#fff !important}
.box_btn .w49.cpn {border-color:#EF3030; background:#EF3030; color:#fff !important}
.box_btn.primary:hover>*,
.box_btn.primary:active>*,
.box_btn.primary:focus>* {background:#EF3030}
/* 버튼스타일 - 텍스트 */
.box_btn.strong * {font-weight:bold;}
.box_btn.radius * {border-radius:2px;}

.btn_table{display: table;width: 100%;table-layout: fixed}
.btn_table>.box_btn{display: table-cell;padding-left: 5px}
.btn_table>.box_btn:first-child{padding-left: 0;padding-right: 5px}
.btn_table>.box_btn>*{display: block;width: 100%}


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

/* 상품스타일 - 기본 */
.prd_basic {display:table; width:100%; font-size:0; text-align:left !important;}
.prd_basic > li {display:inline-block; padding-bottom:40px; vertical-align:top;}
.prd_basic.col2 > li {width:50%;}
.prd_basic.col3 > li {width:33.33%;}
.prd_basic.col4 {display:block; width:auto; margin:0 0px 60px}
.prd_basic.col4 > li {width:25%;}
.prd_basic.col5 > li {width:20%;}
.prd_basic .box {position:relative;margin:0 auto;padding:10px;cursor:pointer;}
.prd_basic .box .img {overflow:hidden; position:relative; z-index:1; width:100%; margin:0 auto 20px; text-align:center; background: #fafafa}
.prd_basic .box .img img{width: 100% !important;height: auto !important}
.prd_basic .box .img .prdimg {min-height: 280px;transition:all .3s ease;}
.prd_basic .box .img .dimmed{position:absolute; left:0; top:0; z-index:1; width:100%; height:100%; background:rgba(255,255,255,.65);opacity: 0;transition: all .2s ease-in-out;cursor:pointer}
.prd_basic .box .img:hover .dimmed{opacity: 1}
.prd_basic .box .img .soldout {display:none;}
.prd_basic .box .img .quick {position:absolute;bottom:20px;left:0;right:0; z-index:10;text-align:center;transform: translateY(200%);transition: all .2s 200ms ease-in-out}
.prd_basic .box .img .quick li {display:inline-block;margin-left:-4px;text-align:center; vertical-align:top;}
.prd_basic .box .img .quick li a {display:inline-block; width:50px; height:50px;border:1px solid;background-color: #fff; background-repeat:no-repeat; background-position:center;font-size:17px;line-height: 48px; text-indent:-9999px; transition:all .3s ease;}
.prd_basic .box .img .quick li.cart a {background-image:url('https://www.serybox.net/_skin/user_7/img/common/cart.png');}
.prd_basic .box .img .quick li.wish a {background-image:url('https://www.serybox.net/_skin/user_7/img/common/heart.png');}
.prd_basic .box .img .quick li.wish a.wish_on{background-image:url('https://www.serybox.net/_skin/user_7/img/common/heart_on.png');}
.prd_basic.col3 .box .img .quick li.direct{ margin-right:11px}
.prd_basic .box .img .quick li.direct a{width:140px;text-indent:0;}
.prd_basic .box .img:hover .quick{transform: translateY(0)}
.prd_basic .box.out .img .prdimg {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30); opacity:.3;}
.prd_basic .box.out .img .soldout {display:block; position:absolute; left:0; top:50%; z-index:10; width:100%; color:#000; font-size:14px; font-weight:bold; text-align:center; cursor:pointer;} /* 품절시 soldout 출력 */
.prd_basic .box.out .img .quick,
.prd_basic .box.out .img .dimmed {display:none !important;}
.prd_basic .box .info {text-align:left;}
.prd_basic .box .name {padding:3px 0 10px; overflow:hidden;font-weight:500; font-size:21px; text-overflow:ellipsis; white-space:nowrap;line-height:1.353}
.prd_basic .box .name a {color:#333; font-size:17px;line-height:1.353}
.prd_basic.col3 .box .name a{font-size: 21px}
.prd_basic .box .summary {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#999; font-size:14px; word-break:break-all; word-wrap:break-word;}
.prd_basic .box .desc{overflow: hidden;height: 46px; margin-bottom: 10px; font-size:17px;line-height:23px; color:#808080;}
.prd_basic .box .price span {font-size:17px; word-break:break-all; word-wrap:break-word;}
.prd_basic.col3 .box .price span{font-size:19px}
.prd_basic .box .price .consumer, #detail_pop .price>del{color:#b2b2b2; font-size: 13px !important; text-decoration:line-through;}
.prd_basic .box .price .sell {margin-right: 8px;}
.prd_basic .box .price .sell strong {font-size:19px;}
.prd_basic.col3 .box .price .sell strong{font-size:21px;color:#ef3030}
.prd_basic .box .price .per{ margin-left: 10px;color:#ef3030}
.prd_basic.col3 .box .price .per{color:#3a3a3a}
.prd_basic .box .price .sale {margin-left:2px; padding:0 4px; border-radius:3px; background:#f44336; color:#fff; font-size:16px; font-weight:700;}
.prd_basic .box .sale {padding-top:5px; color:#ee666f; font-size:0.917rem;}
.prd_basic .box .sale span {color:inherit; font-weight:700;}
.review-bx{display: inline-block;margin-left: 10px; padding:0 8px;border: 1px solid #d1d1d1;font-weight:400; font-size:15px; color:#b3b3b3}
.review-bx strong{font-weight:400;font-size:inherit;color: #FE0000 !important}
.prd_basic.col4 .review-bx {height: 19px;border: solid 1px #dedfda;font-size: 11px;font-weight: 500;position:relative;top:-3px;}
.prd_basic.col4 .review-bx strong{color: #ef3030 !important;font-size: 11px;font-weight: normal;}
.prd_basic .box .ribbon, .prd_basic .box .icon{ position: absolute;top:0px;left:0px;}
.prd_basic .box .ribbon b{display: block;width:60px;height: 60px; margin-bottom:5px; border:3px solid;border-radius:50%; line-height:54px;white-space: nowrap;font-size:15px;text-align: center}
.prd_basic .box .review {margin-top: 6px; font-size: 12px; font-weight: bold; color: #666;}
.prd_basic .box .review img {padding-top: 3px;}
.prd_basic .box .review span {position: relative; margin-right: 17px;}
.prd_basic .box .review span:after {position:absolute; right:-9px; top:4px; width:1px; height:12px; background:#ebebeb; content:'';}
.prd_basic .box .icon img {display:block; width:60px;margin-bottom: 5px}

/* 상품스타일 - 기본 - 레이어 */
.prd_basic.mini {width:100%; text-align:center;}
.prd_basic.mini .box .img .prdimg {transition:none;}
.prd_basic.mini .box .img:hover .prdimg {-ms-transform:none; -webkit-transform:none; transform:none;}
.prd_basic.mini .box .img .icon_best {position:absolute; left:10px; top:10px; width:40px; height:40px; border-radius:50%; background:#fff; line-height:40px;}
.prd_basic.mini .box .info {display:none; position:absolute; left:0; bottom:0; z-index:3; width:100%; padding:0 20px 20px 20px; background:transparent; text-align:center; cursor:pointer;}
.prd_basic.mini .box .info * {color:#fff !important;}
.prd_basic.mini .box .name {padding-top:0;}
.prd_basic.mini .box .name a {font-size:14px; font-weight:normal;}
.prd_basic.mini .box .price .consumer {font-size:13px; text-decoration:line-through;}
.prd_basic.mini .box .price .sell strong {font-size:13px;}
.prd_basic.mini .box .price .sale {font-size:13px;}
.prd_basic.mini .box .summary,
.prd_basic.mini .box .icon {display:none;}
.prd_basic.mini .box:hover .img .dimmed,
.prd_basic.mini .box:hover .img .quick {display:block;}
.prd_basic.mini .box:hover .info {display:block;}
.prd_basic.mini .box.out:hover .info {display:none !important;}
/* 상품스타일 - 기본 - 레이어 - 카테고리 추천 */
.prd_basic.mini.best .box {width:216px; margin:0 15px; background:#fafafa}
/* 상품스타일 - 기본 - 레이어 - md pick */
.prd_basic.mini.pick .box {width:216px; margin:0 15px;}

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

/* 상품스타일 - 관심상품, 관련상품 */
.prd_related {table-layout:fixed; clear:both; width:100%; border-top:1px solid #e0e0e0; border-collapse:collapse;}
.prd_related > thead {display:none;}
.prd_related > tbody > tr > td {padding: 20px 0 !important; border-bottom:1px solid #e0e0e0; border-left:0 !important; vertical-align:middle; text-align:center !important;}
.prd_related > tbody > tr:not(:last-child) > td{border-bottom-color: #f5f5f5}
.prd_related > tbody > tr > td.img img {width:120px; height:auto;}
.prd_related > tbody > tr > td.tal,
.prd_related > tbody > tr > td.opt {padding-left:20px !important; text-align:left !important;}
.prd_related > tbody > tr > td.tal>a, .prd_related > tbody > tr > td .price{font-size:14px;font-weight:700;color:#191919}
.prd_related > tbody > tr > td.opt select {display:block; width:100%;min-width:130px; margin:5px 0;}
.prd_related > tbody > tr > td.opt select:nth-of-type(1){margin-top:0}
.prd_related > tbody > tr > td .soldout {display:none; color:#d53838;}
.prd_related > tbody > tr > td .soldout.out {display:inline;}
.prd_related > tbody > tr > td .summary {color:#888; font-size:11px;}


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

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

#wrapper {position:relative; min-width:1200px; text-align:left;}
#container {overflow:hidden;}
.wrap_inner {width:1180px; margin:0 auto;} /* 컨텐츠 사이즈 */
#cnt .banner {margin: 45px 0 5px; text-align: center;}

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

#topbnr, #header{position: relative;background: #fff}
#topbnr .slides_container .slick-slide {display:block; overflow:hidden; position:relative; height:50px; margin:0 auto; font-size:16px; text-align:center;}
#topbnr .slides_container .slick-slide > * {display:inline-block; height:50px;}
#topbnr .slides_container .slick-slide > * > * {color:inherit; font:inherit; line-height:inherit;}
#topbnr .slides_container .slick-slide:hover > * {text-decoration:underline;}
#topbnr .slides_container .slick-slide img {margin:-3px 15px 0; vertical-align:middle;}
#header,#header a{font-size:15px;}
#header .top_menu {position: relative;z-index:40; height:35px; background:#fafafa; border-bottom:1px solid #f5f5f5; font-size:12px}
#header .top_menu a{font-size:12px}
#header .top_menu:after {display:block; clear:both; content:'';}
#header .top_menu .book {float:left;white-space: nowrap;}
#header .top_menu .book a {display:inline-block; margin-right: 1em; color:#999;font-weight:500; line-height:35px;}
#header .top_menu .menu {float:right;}
#header .top_menu .menu>li {display:inline-block; position:relative;}
#header .top_menu .menu>li>a {display:block; padding:0 10px;font-weight:500; color:#999; line-height:35px;font-size: 12px}
.dropbox-menu{display: none; position: absolute;top:100%;left:0;min-width:0;padding: 10px; background: #fafafa; line-height: 1.6;white-space: nowrap}
.dropbox-menu a{padding:0 !important;font-size:12px;color:#818181}
#header  h1.logo {padding: 45px 0; text-align:center;}
#header .snb {width:100%; height:57px;}
#header .snb .inner {position:relative; z-index:70; width:100%; height:57px;border-top:1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; background:#fff;}
@media (min-width: 1200px){
	#header .snb .inner.fixed {position:fixed; top:0; left:0;}
}
#header .category{display: table;width: 100%;table-layout: fixed}
#header .category > li {display: table-cell}
#header .category .select{color:#ef3030}
#header .category a{display: block;font-weight:500; font-size:19px;line-height: 53px;text-align: center;font-family: 'Lato', sans-serif}
.hd-bn{position: absolute;top:55px;left:50%;margin-left:-590px;}
#hdBn2{margin-left:350px}
#srch{position: relative;z-index: 80; width:420px;margin:0 auto 45px;}
#srch input[type=text]{display: block;width:100%; padding: 8px 35px; border:0; outline: 0 !important;border-bottom:1px solid #ef3030;font-size:14px !important;font-family:'Noto Sans KR',Malgun Gothic, '맑은 고딕', AppleGothic, Dotum, '돋움', sans-serif;text-align: center;color: #999;}
#srch .btn-srch{ position: absolute;bottom:1px;right:0;padding: 8px;outline: 0 !important}
.btn-srch-opt{position: absolute;top:0;left:0;width:100%;height: 100%;opacity:0}
.icon-srch-close{display:none;position:absolute;bottom:1px;right:0;width:38px;height:38px;background:#fff url(https://www.serybox.net/_skin/user_7/img/button/search_close.png) no-repeat 50% 50%/18px;font-size:0;line-height:0;color:transparent}
.box.is-show .icon-srch-close{display:block}
.box.is-show .btn-srch{visibility:hidden}
#srchOpt{display:none;position: absolute;top:100%;left:0;right:0;width:100%;height: 240px; padding: 15px 20px; border-radius: 0 0 1.5em 1.5em;border: 1px solid #ef3030;border-top: 0;background: #fff;font-size:12px;}
#srchOpt h4{margin-bottom:20px; font-size:15px; text-align: center;}
#srchOpt ul{float: left;width:190px;}
#srchOpt li{ margin-bottom:5px;}
#srchOpt li a{display: block;overflow: hidden; font-size:12px;text-overflow: ellipsis;white-space: nowrap;}
#srchOpt li b{ margin-right:5px;color:#ef3030;}
.srch-bn{ float:right;width: 180px; padding:0 0 0 24px; font-size:12px;line-height: 1.5}
.srch-bn img{width: 80px;margin-bottom: 5px;}
.srch-bn h5{font-size:12px; color:#191919}
.srch-bn p{margin-bottom: 10px; font-size:11px;color:#808080}
.srch-bn .price s{display: block;font-size:10px; color: #999;}
#srchOpt>.pr:before{content:'';position:absolute;top: 0;bottom: 0;right: 180px;border-left: 1px solid #e5e5e5}

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

#cnt {padding-bottom:80px; min-height:500px;}
#cnt .cntbody {width:1200px; margin:0 auto}
#skin_main_index_big_div #cnt .cntbody {width: auto}

.table-pop{position: fixed;border: 1px solid #e5e5e5}
.table-pop .pop-content>*{display: block}
.table-pop .pop-content img{max-width: 430px !important;height: auto !important}
.pop-bottom{position: relative;border-top: 1px solid #e5e5e5;font-size: 0}
/*.pop-bottom>a{display: inline-block;width: 50%;background: #fff;line-height: 58px;vertical-align: top;font-size: 16px;text-align: center;color: #3a3a3a} */
.one_date {display: inline-block;width: 70%;background: #fff;line-height: 58px;vertical-align: top;font-size: 16px;text-align: center;color: #3a3a3a}
.popup_close {display: inline-block;width: 30%;background: #fff;line-height: 58px;vertical-align: top;font-size: 16px;text-align: center;color: #3a3a3a}
.pop-bottom>a~a{border-left: 1px solid #999}

/*-----------------------------------------------------------------*/
/* 3-4. footer
/*-----------------------------------------------------------------*/

footer .cct2 {position:relative;}
footer .family_site {position:absolute; top:36px; right:111px; cursor:pointer;}
footer .family_site .tg_btn {width:153px; padding:5px 20px; border:1px solid #ddd; color:#555; font-size:14px;}
footer .family_site .tg_btn:after {display:block; content:''; position:absolute; top:0; right:0; z-index:5; width:30px; height:100%; background:url('https://serybox.wisacdn.com/_data/re_new/common/arrow2.png') no-repeat right 10px center; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; transition:all 0.2s ease;}
footer .family_site .tg_btn.active:after {-webkit-transform:rotate(180deg); transform:rotate(180deg);}
footer .family_site .tg_next {display:none; position:absolute; top:33px; left:0; width:100%; padding:10px 0; border:1px solid #ddd; background:#fff;}
footer .family_site .tg_next.active {visibility:visible; opacity:1; z-index:5;}
footer .family_site .tg_next > a {display:block; height:30px; padding:0 15px; color:#555; line-height:28px;}

#footer {clear:both;}
#footer .cs_info {padding-bottom:40px;}
#footer .cs_info > ul {font-size:0;}
#footer .cs_info > ul > li {display:inline-block; width:380px; height:235px; padding:30px 15px; border:1px solid #dedfda; background: #fff;vertical-align:top;}
#footer .cs_info > ul > li.faq {margin:0 20px;}
#footer .cs_info > ul > li h1 {padding-bottom:20px; font-size:18px; font-weight:700; text-align:center;}
#footer .cs_info > ul > li dl.ft_board dd {overflow:hidden; padding-bottom:4px;font-size:14px}
#footer .cs_info > ul > li dl.ft_board dd a {color:#777; font-size:14px;}
#footer .cs_info > ul > li dl.ft_board dd span {float:right; color:#999; font-size:14px;}
#footer .cs_info > ul > li.cs strong {display:block; padding-bottom:20px; font-size:30px; text-align:center; line-height:1;}
#footer .cs_info > ul > li.cs dl {display:table; width:100%;}
#footer .cs_info > ul > li.cs dl dd {display:table-cell;}
#footer .cs_info > ul > li.cs dl dd p {padding-bottom:10px; font-size:14px;}
#footer .cs_info > ul > li.cs dl dd.right p {color:#999;}
#footer .cs_info > ul > li.cs dl dd p span {color:#999; font-size:inherit;}
#footer .cs_info > ul > li.cs dl dd p a {font-size:inherit;}
#footer .quick:after {display:block; clear:both; content:'';}
#footer .quick * {line-height:1;}
#footer .quick h4 {padding-bottom:35px; font-size:14px; font-weight:600;}
#footer .quick .cs {float:left; width:340px;}
#footer .quick .cs strong {color:#333; font-size:24px; font-weight:600;}
#footer .quick .cs .time {padding-top:13px; color:#aaa; font-size:14px; text-transform:uppercase; line-height:1.4;}
#footer .quick .bank {float:left; width:350px;}
#footer .quick .bank table {width:100%; margin-bottom:20px;}
#footer .quick .bank table th {padding-bottom:9px; color:#333; font-size:13px; font-weight:normal; text-align:left;}
#footer .quick .bank table td {padding-bottom:9px; color:#333; font-size:13px; text-align:left;}
#footer .quick .exc {float:left; width:368px;}
#footer .quick .exc dt {padding-bottom:7px; color:#333; font-size:13px; font-weight:bold;}
#footer .quick .exc dd {color:#333; font-size:13px; line-height:1.4;}
#footer .quick .exc .btn {padding-top:24px; font-size:0; text-align:left;}
#footer .quick .exc .btn a {display:inline-block; width:108px; height:38px; border:1px solid #333; color:#000; line-height:38px; text-align:center;}
#footer .quick .exc .btn a:first-child {margin-right:10px;}
#footer .quick .exc .btn a:hover {background:#333; color:#fff !important;}
#footer .quick .sns {float:right; width:140px;}
#footer .quick .sns h4 {padding-bottom:29px;}
#footer .quick .sns ul {font-size:0; text-align:left;}
#footer .quick .sns ul li {display:inline-block; padding-right:20px;}
#footer .quick .sns ul li a {display:inline-block;}
#footer .shopinfo {background:#f6f6f6;}
#footer .shopinfo .menu {border-top:1px solid #ebebeb; border-width:1px 0;}
#footer .shopinfo .menu:after {display:block; clear:both; content:'';}
#footer .shopinfo .menu li {float:left; padding:0 18px 0 3px;}
#footer .shopinfo .menu li a {display:block; height:48px; font-size:13px; line-height:52px;}
#footer .shopinfo .menu li a strong {font-size:inherit; line-height:inherit;}
#footer .shopinfo .info {clear:both; padding:0 6px 26px;}
#footer .shopinfo address {color:#aaa; font-size:12px; font-style:normal; line-height:1.9;}
#footer .shopinfo address span {padding-right:6px; color:#aaa; font-size:13px; line-height:inherit;}
#footer .shopinfo .info span a {color:inherit; font-size:inherit;}
#footer .shopinfo .info .pg img {vertical-align:middle;}
#footer .shopinfo .copyright {padding-top:22px; color:#3a3a3a; font-size:13px;}
#footer .shopinfo .copyright a,
#footer .shopinfo .copyright strong {color:inherit; font-size:inherit;}
#footer .shopinfo .copyright a strong {color:#26ace3; font-size:inherit;}
#footer .shopinfo .copyright a:hover {color:#26ace3 !important;}
#ch-plugin, #bottomQuick,.sc-bxivhb.iWehiI{opacity: 0;pointer-events: none;transition: opacity .4s}
.is-visible #ch-plugin, .is-visible #bottomQuick,.is-visible .sc-bxivhb.iWehiI{opacity: 1;pointer-events: auto}
#ch-plugin .sc-htpNat{right: 40px !important}
#ch-plugin .cOcdTA{width: 60px !important;height: 60px !important;box-shadow: none !important}
#bottomQuick{position:fixed; bottom:80px; right:38px; z-index:60; text-align:right; text-align:-webkit-right;}
#bottomQuick > a{display: block;width: 56px;height: 56px;font-size: 0;line-height: 0;text-indent: -999em;color: transparent;box-shadow: 0px 4px 6px 1px rgba(0, 0, 0, 0.1);border-radius: 33px;position: relative;right: 0 !important;margin-bottom: 10px;}
#bottomQuick .icon_list{display: inline-block;}
#bottomQuick .icon_list li{text-align: right;margin-bottom: 10px;cursor: pointer;height: 56px;}
#bottomQuick .icon_list li.intake1 {display:inline-block; width:56px; height:56px; margin:0 0 10px;}
#bottomQuick .icon_list li.intake1 img {width:100%; height:auto;}
#bottomQuick .icon_list li .quick-top{width: 56px;height: 56px;display: inline-block;}
#bottomQuick .icon_list li .quick-top img{width: 100%;}
#bottomQuick .icon_list li .quick-cart{display: block;width: 56px;height: 56px;background: url('https://serybox.wisacdn.com/_data/icon/pc/ico_cart_on.png') no-repeat;background-size: cover;display: inline-block;}
#bottomQuick .icon_list li .quick-cart[data-cart-num="0"]{background-image: url('https://serybox.wisacdn.com/_data/icon/pc/ico_cart.png');background-size: cover;}
#bottomQuick .icon_list li .consulting {width:168px !important; height:56px !important; box-shadow: 0px 4px 6px 1px rgba(0, 0, 0, 0.1); border-radius:33px;}
#bottomQuick .icon_list li .consulting img {width:100%; height:auto;}
.sc-bxivhb{box-shadow: 0px 4px 6px 1px rgba(0, 0, 0, 0.1);border-radius: 33px;}
#ch-plugin-launcher {box-shadow: 0px 4px 6px 1px rgba(0, 0, 0, 0.1); border-radius:33px;}
#ch-plugin div[class*="sc-"]:not(#ch-plugin-launcher){box-shadow: 0px 4px 6px 1px rgba(0, 0, 0, 0.1);border-radius: 33px;}
/*
.quick-top{background: url('https://www.serybox.net/_skin/user_7/img/common/circle_top.png') no-repeat;cursor: pointer}
.quick-cart{margin-top: 10px;background: url('https://www.serybox.net/_skin/user_7/img/common/circle_cart_on.png') no-repeat}
.quick-cart[data-cart-num="0"]{background-image: url('https://www.serybox.net/_skin/user_7/img/common/circle_cart.png')}
.quick-top{background: url('https://serybox.wisacdn.com/_data/icon/pc/ico_top.png') no-repeat;cursor: pointer;background-size: cover;}
.quick-cart{background: url('https://serybox.wisacdn.com/_data/icon/pc/ico_cart_on.png') no-repeat;background-size: cover;}
.quick-cart[data-cart-num="0"]{background-image: url('https://serybox.wisacdn.com/_data/icon/pc/ico_cart.png');background-size: cover;}
.consulting{width: 168px !important;height: 56px !important;box-shadow: 0px 4px 6px 1px rgba(0, 0, 0, 0.1);border-radius: 33px;cursor: pointer;}
.consulting>img{width: 100%;}
*/


/* 회원가입 유도 팝업 */
#join_pop {display:none; position:fixed; top:0; left:0; z-index:100; width:100%; height:100%;}
#join_pop .pop_layer {position:absolute; top:50%; left:50%; z-index:100; width:450px; background:#fff; text-align:center; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
#join_pop .pop_layer .inner {position:relative; padding:50px 30px 25px; background:#fff;}
#join_pop .pop_layer .inner .close {display:block; position:absolute; top:15px; right:23px; width:26px; height:26px; background:url('https://www.serybox.net/_skin/user_7/img/common/pop_close.png') no-repeat center; color:transparent; text-indent:-9999px; cursor:pointer;}
#join_pop .pop_layer h2 {padding-bottom:30px; font-size:30px; letter-spacing:-1px;}
#join_pop .pop_layer h2 span {display:block; font-size:21px; font-weight:300;}
#join_pop .pop_layer h2 span strong {color:#ff1635; font-size:inherit; font-weight:400;}
#join_pop .pop_layer .box {padding:25px; border:1px dashed #a0a0a0;}
#join_pop .pop_layer .box > ul {text-align:left;}
#join_pop .pop_layer .box > ul > li {position:relative; padding-left:10px; font-size:17px; letter-spacing:-1px;}
#join_pop .pop_layer .box > ul > li:after {position:absolute; top:50%; left:0; width:5px; height:5px; margin-top:-3px; border-radius:100%; background:#000; content:'';}
#join_pop .pop_layer .box > ul > li strong {font-size:inherit;}
#join_pop .pop_layer .box > ul > li span {display:inline-block; width:90px; font-size:17px; font-style:italic; font-weight:700;}
#join_pop .pop_layer .box > ul > li span em {color:#ff1635; font-size:inherit; font-weight:inherit;}
#join_pop .pop_layer .btn {padding-top:25px;}
#join_pop .pop_layer .btn .msg {padding:15px 0; font-size:16px; font-weight:700;}
#join_pop .pop_layer .btn > a {display:inline-block; font-size:16px; border-bottom:1px solid #000;}
#join_pop .join_dimmed {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5);}


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

#quick {position:absolute; top:623px;right: 20px;z-index:60;margin-top: 30px}
@media (max-width: 1440px) {
    #quick{display: none}
}
#quick ul {position:absolute; top:15px; right:0; z-index:60; border-bottom:1px solid #e6e6e6; transition: top .4s}
#quick ul.is_fixed {position:fixed; top: 87px !important; right: 20px}
#quick ul li {position:relative;border:1px solid #e6e6e6; background:#fff;border-bottom:0;font-size: 16px;line-height: 1.38;letter-spacing: -.03em;color: #606060}
#quick .title{margin-bottom: 5px;border: 0;background: none;text-align: center;font-size: 16px;font-weight: 700}
#quick ul li a {display:block; width:100px; box-sizing:border-box}
#quick ul li a:hover {color:#333;}
#quick ul li.img {border:0;}
#quick ul li img{width:100px;}
#quick ul li.img a {padding:0; background:none;}
#quick ul li.recom {margin-bottom:1px;}
#quick ul li.n_arrow a {background:none;}
#quick ul li.cart span {display:inline-block; width:20px; height:20px; margin-left:2px; border-radius:100%; background:#999; color:#fff; text-align:center;}
#quick ul li.cart:hover span {background:#333;}
#quick ul li.top a {height:auto;padding:0; background:#f5f5f5; text-align:center;}
#quick ul li.top a span {padding-left:16px; background:url('https://www.serybox.net/_skin/user_7/img/common/q_top_arrow.png') no-repeat left center; color:#999; font-weight:700; line-height:inherit;}

/* 친구추천 주소복사 레이어 */
#recom_url {display:none; position:fixed; left:0; top:0; z-index:100; width:100%; height:100%;}
#recom_url .layer_box {overflow:hidden; position:absolute; left:50%; top:50%; z-index:10; width:520px; height:240px; margin:-120px 0 0 -260px; padding:30px; border:1px solid #d2d2d2; background:#f8f8f8; text-align:center;}
#recom_url .layer_box .close {position:absolute; right:10px; top:10px; width:30px; height:30px; background:url('https://www.serybox.net/_skin/user_7/img/common/copy_layer_close.png') no-repeat center; cursor:pointer;}
#recom_url .layer_box .title_msg {margin-bottom:20px; color:#333; font-size:16px; font-weight:900; line-height:1;}
#recom_url .layer_box .title_msg > strong {font-size:inherit;}
#recom_url .layer_box .box_copy {overflow:hidden; font-size:0; text-align:left;}
#recom_url .layer_box .box_copy .url_box {overflow:hidden; float:left; width:310px; height:35px; border:1px solid #dbdbdb; background:#fff; vertical-align:top; white-space:nowrap;}
#recom_url .layer_box .box_copy .url_box > input[type=text] {display:block; width:100%; height:100%; padding:0 10px; border:0; outline:0; background:#fff; line-height:35px;}
#recom_url .layer_box .box_copy .btn_copy {float:right;}
#recom_url .layer_box .box_copy .btn_copy > * {width:132px;}
#recom_url .layer_box .share {padding:12px 0;}
#recom_url .layer_box .share > p {line-height:33px;}
#recom_url .layer_box .bottom {padding-top:20px; border-top:1px solid #d2d2d2;}
#recom_url .layer_box .bottom .logo {float:left;}
#recom_url .layer_box .bottom p {float:right; max-width:260px; font-weight:300; text-align:left; line-height:1.1;}
#recom_url .dimmed {position:absolute; left:0; top:0; z-index:5; width:100%; height:100%; background:rgba(0,0,0,0.7);}

/* 리뷰 리스트 */
.best_rev_info ul {font-size:0;}
.best_rev_info ul li {display:inline-block; margin-bottom:10px; padding-right:12px; vertical-align:top;}
.best_rev_info ul li:nth-child(5n) {padding-right:0;}
.best_rev_info .box {width:225px; border:1px solid #ebebeb;}
.best_rev_info .box .img {overflow:hidden; position:relative; width:223px; height:223px; border-bottom:1px solid #ebebeb; font-size:0; white-space:nowrap; cursor:pointer;}
.best_rev_info .box .img:before {display:inline-block; content:""; height:100%; vertical-align:middle; font-size:0;}
.best_rev_info .box .img > img {display:inline-block; width:223px; height:223px; vertical-align:middle;}
.best_rev_info .box .img .best {position:absolute; top:0; left:0;}
.best_rev_info .box .info {width:223px; background:#fff; text-align:left !important;}
.best_rev_info .box .info .top {padding:10px 14px; border-bottom:1px solid #ebebeb;}
.best_rev_info .box .info .top p {overflow:hidden; font-size:14px; text-overflow:ellipsis; white-space:nowrap;}
.best_rev_info .box .info .top p.name {color:#999; font-size:12px;}
.best_rev_info .box .info .top p a {font-size:inherit; cursor:pointer;}
.best_rev_info .box .info .prd {position:relative; margin:10px 14px; padding-left:58px;}
.best_rev_info .box .info .prd .prd_img {position:absolute; top:0; left:0; border:1px solid #ebebeb;}
.best_rev_info .box .info .prd .prd_img img {width:48px; height:48px;}
.best_rev_info .box .info .prd .prd_info {min-height:48px;}
.best_rev_info .box .info .prd .prd_info .prd_name {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.best_rev_info .box .info .prd .prd_info .prd_name a {font-size:14px; font-weight:700;}
.best_rev_info .box .info .prd .prd_info .rating {}
.best_rev_info .box .info .prd .prd_info .rating span {position:relative; font-size:14px;}
.best_rev_info .box .info .prd .prd_info .rating span:after {position:absolute; top:5px; left:0; width:1px; height:12px; background:#e6e8eb; content:'';}
.best_rev_info .box .info .prd .prd_info .rating .star {padding-right:8px;}
.best_rev_info .box .info .prd .prd_info .rating .star:after {display:none;}
.best_rev_info .box .info .prd .prd_info .rating .star img {margin:4px 4px 0 0;}
.best_rev_info .box .info .prd .prd_info .rating .percent {padding-left:8px;}
.best_rev_info .box .info .prd .prd_info .rating .percent em {color:#999; font-size:inherit; font-style:normal;}

/* 리뷰 VIEW 팝업 */
.rev_view {display:none; position:fixed; left:0; top:0; z-index:100; width:100%; height:100%;}
.rev_view .layer_box {overflow:hidden; position:absolute; left:50%; top:50%; z-index:10; width:1020px; height:700px; margin:-350px 0 0 -510px; background:#fff;}
.rev_view .layer_box .close {position:absolute; right:0; top:0; width:60px; height:60px; background:url('https://www.serybox.net/_skin/user_7/img/common/rev_layer_close.png') no-repeat center; cursor:pointer;}
.rev_view .layer_box .img_wrap {overflow:hidden; float:left; width:700px; height:700px; text-align:center;}
.rev_view .layer_box .rev_slide {position:relative;}
.rev_view .layer_box .rev_slide .slides_container .slick-slide {overflow:hidden; position:relative; width:700px; height:700px; font-size:0; white-space:nowrap; cursor:pointer; background:#222;}
.rev_view .layer_box .rev_slide .slides_container .slick-slide:before {display:inline-block; content:""; height:100%; vertical-align:middle; font-size:0;}
.rev_view .layer_box .rev_slide .slides_container img {display:inline-block; max-width:700px; vertical-align:middle;}
.rev_view .layer_box .rev_slide .ctrl {position:absolute; top:50%; width:70px; height:70px; margin-top:-35px;}
.rev_view .layer_box .rev_slide .prev {left:0; background:url('https://www.serybox.net/_skin/user_7/img/common/pop_review_prev.png')no-repeat center;}
.rev_view .layer_box .rev_slide .next {right:0; background:url('https://www.serybox.net/_skin/user_7/img/common/pop_review_next.png')no-repeat center;}
.rev_view .layer_box .rev_slide .slick-dots {position:absolute; bottom:30px;}
.rev_view .layer_box .rev_slide .slick-dots li button {width:8px; height:8px; border:0; background:#fff; opacity:.1;}
.rev_view .layer_box .rev_slide .slick-dots li.slick-active button {opacity:1;}
.rev_view .layer_box .info_wrap {float:right; width:320px; padding:70px 20px 20px; text-align:left !important;}
.rev_view .layer_box .prd {position:relative; min-height:60px; padding-left:70px;}
.rev_view .layer_box .prd .prd_img {position:absolute; top:0; left:0;}
.rev_view .layer_box .prd .prd_img img {width:60px; height:60px;}
.rev_view .layer_box .prd .prd_info .prd_name {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.rev_view .layer_box .prd .prd_info .prd_name a {font-size:18px; font-weight:700;}
.rev_view .layer_box .prd .prd_info .rating {padding-top:5px;}
.rev_view .layer_box .prd .prd_info .rating span {position:relative;}
.rev_view .layer_box .prd .prd_info .rating span:after {position:absolute; top:2px; left:0; width:1px; height:14px; background:#e6e8eb; content:'';}
.rev_view .layer_box .prd .prd_info .rating .star {padding-right:12px;}
.rev_view .layer_box .prd .prd_info .rating .star:after {display:none;}
.rev_view .layer_box .prd .prd_info .rating .name {padding-left:12px; color:#999; font-size:14px;}
.rev_view .layer_box .content {overflow-y:auto; max-height:470px; margin-top:20px; color:#333; font-size:16px;}
.rev_view .layer_box .good {margin-top:20px;}
.rev_view .layer_box .good a {display:inline-block; min-width:126px; padding:8px 20px; border:1px solid #e0e0e0; border-radius:3px; text-align:center; vertical-align:middle;}
.rev_view .layer_box .good a:hover,
.rev_view .layer_box .good a.active {border-color:#999;}
.rev_view .layer_box .good a span {padding-left:24px; background:no-repeat left center; background-image:url('https://www.serybox.net/_skin/user_7/img/common/review_good.gif'); color:#666; font-size:14px;}
.rev_view .layer_box .good a.active span {background-image:url('https://www.serybox.net/_skin/user_7/img/common/review_good_active.gif'); color:#333; font-weight:bold;}
.rev_view .layer_box .good a span .count {color:inherit; font:inherit;}
.rev_view .dimmed {position:absolute; left:0; top:0; z-index:5; width:100%; height:100%; background:rgba(0,0,0,0.7);}


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

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

#main {overflow:hidden;}
/* #main .slick-slider .slick-dots {position:absolute; bottom:15px;}
#main .slick-slider .slick-dots li button {border:0; background:#c5c5c5;}
#main .slick-slider .slick-dots li.slick-active button {background-color:#7c7c7c;} */
#main .visual {clear:both; overflow:hidden; position:relative;}
#main .visual .slides_container .slick-slide {height:450px;}
#main .visual .slides_container .slick-slide span {position:absolute; top:0; left:50%; margin-left:-960px; width:1920px; height:450px;}
#main .visual .slides_container .slick-slide video { position: absolute; top: 50%; left: 50%; margin-left: -739px; width: 1920px; height: 300px; margin-top: -151px;}
#main .slides_bnr {overflow:hidden; position:relative; width:100%; margin:46px 0;}
#main .slides_bnr .slides_container img {display:block; width:100%; margin:0 auto;}
#main .slides_bnr .slides_container video {display:block; width:100%; margin:0 auto;}
#main .full_txt {margin-bottom:80px; padding:60px 0; border-bottom:1px solid #f5f5f5; background:#fafafa; text-align:center;}

#main .visual .slick-prev, #main .visual .slick-next, .prdt-list-visual .slick-prev, .prdt-list-visual .slick-next{left: 50%;right: auto;opacity: 1}
#main .visual:hover .slick-prev, #main .visual:hover .slick-next,.prdt-list-visual:hover .slick-prev, .prdt-list-visual:hover .slick-next{opacity: 1}

#main .visual .slick-prev, .prdt-list-visual .slick-prev{margin-left: -670px}
#main .visual .slick-next, .prdt-list-visual .slick-next{margin-left: 620px}
#main .full_txt h2 {display:inline-block; border-bottom:1px solid #333; font-size:18px; font-weight:400; letter-spacing: -0.15px;}
#main .full_txt h1 {padding:5px 0 5px; font-size:48px; letter-spacing: -2.0px;}
#main .full_txt h1 span {font-size:inherit; font-weight:300;}
#main .full_txt p {color:#999; font-size:16px;}
#main .mid_bnr {margin:40px 0 80px; padding:50px 0;}
#main .mid_bnr ul {overflow:hidden;}
#main .mid_bnr ul li {float:left;}
#main .mid_bnr ul li:nth-child(2) {float:right;}
#main .mid_bnr .img {text-align:center;}
#main .mid_bnr .img img {width: 100%;}
#main .new_bnr {background: #fafafa; margin-top: 60px; margin-bottom: 60px; padding: 60px 0; display: none;}
#main .new_bnr ul {overflow:hidden;}
#main .new_bnr ul li {float:left;}
#main .new_bnr ul li:nth-child(2) {float:right;}
#main .new_bnr .img {text-align:center;}
#main #slides_new .slick-prev,#main #slides_new .slick-next {position: absolute; width: 54px; height: 64px; z-index: 100; top: 148px;}
#main #slides_new .slick-prev {background: url(https://www.serybox.net/_skin/user_7/img/common/ic_slide_left.png); left: 0;}
#main #slides_new .slick-next {background: url(https://www.serybox.net/_skin/user_7/img/common/ic_slide_right.png); right: 0;}
#main .new_bnr .wrap {width: 1200px; margin: 0 auto;}
#main .new_product {display: flex; justify-content: center;}
#main .new_product .product:first-child {margin-right: 12px;}
#main #slides_new .product .img {border: 1px solid rgba(0, 0, 0, .1); border-bottom: 0;}
#main #slides_new .product .info {border: 1px solid #ebebeb; border-top: 0; display: flex; padding: 30px; justify-content: space-between; background: white; align-items: center;}
#main #slides_new .product .text {text-align: left;}
#main #slides_new .product .summary,#main .new_bnr .new_product .product .sell del {font-size: 14px; color: #999;}
#main #slides_new .product .name,#main .new_bnr .new_product .product .consumer {font-size: 24px; color: #333; margin-top: 14px;}
#main #slides_new .product .price {text-align: right;}
#main .title {padding:60px 0 50px;font-size:21px; text-align:center;}
#main .title h3 {font-size:28px; letter-spacing: -.02em;}
#main .title p{margin-top: 10px; font-size:18px;line-height: 1.444;letter-spacing:-.02em;color: #535353}
#bnMid{margin: 100px 0}
#bnMid>*{float:left;margin-bottom: 20px}
#bnMid>*:first-child{margin-right: 20px}
.main-review-section{padding-bottom: 40px;background: #f7f3f0}
.main-review{padding: 0 45px}
.main-review:before{content: '';position: absolute;top: 0;left: 45px;right: 45px;bottom: 0;box-shadow: 5px 5px 8px 0 rgba(0, 0, 0, .1)}
.main-review .item{padding: 10px 15px 20px;background: #fff;border-left: 1px solid #eaeaea}
.main-review .item.slick-current{border-left-color:#fff}
.item-content .txt{display:-webkit-box;overflow:hidden;height: 8em;line-height:1.6em;letter-spacing:-.02em;font-weight: 300;text-overflow:ellipsis;-webkit-line-clamp:5;-webkit-box-orient:vertical;word-wrap:break-word;white-space:normal;padding: 0 15px;margin-bottom: 15px; font-size:18px; color:#808080}
.item-content .media-left{width: 135px;}
.item-content .media-body{width: auto}
.item-content .nick{font-size:14px;color: #b3b3b3}
.item-content h4{padding-right: 15px;margin: 5px 0;font-weight:500; font-size: 28px;letter-spacing:-.06em;line-height: 1.357}
.item-content .media{width: 100%;table-layout: fixed}
.item-content .media-left img{width: 120px;height: 120px}
.item-content hr{margin: 15px 0;border: 0;border-top: 1px solid #d5d5d5}
.main-review .slick-prev, .main-review .slick-next{width: 28px}
.main-review .slick-prev{left: 0}
.main-review .slick-next{right: 0}
.main-review .slick-dots{padding: 35px 0 0}
.grade-star{overflow: hidden;display: block;width: 90px;height: 15px;background: url("https://www.serybox.net/_skin/user_7/img/main/star2_off.png") repeat-x}
.grade-star>.inner{width: 0;height: 100%;background-image: url("https://www.serybox.net/_skin/user_7/img/main/star2.png")}
.item-content .more{text-align: right}
.item-content .more>a{display: inline-block;line-height: 50px;font-size: 16px;color: #191919}
.item-content .more>a:after{content: '';display: inline-block;width: 50px;height: 50px;margin-left: 10px;background: url("https://www.serybox.net/_skin/user_7/img/main/more.jpg") no-repeat;vertical-align: top}
.item-content .more>a:hover:after{background-image:url("https://www.serybox.net/_skin/user_7/img/main/more_hover.jpg") }
.item-content .more+a{display: none}
.rev_view.main-rev-view .layer_box{width: 650px;height: 650px;margin: -325px 0 0 -325px}
.main-rev-view hr{margin: 5px 0}
.main-rev-view .txt{overflow-y: auto;display: block;height: 325px;padding: 30px}
.main-rev-view .media{padding: 25px 23px 22px}
.main-rev-view .more{display: none}
.main-rev-view .more+a{position: absolute;display: block;left: 50%;bottom: 60px;width: 190px;margin-left: -95px;line-height: 50px;background: #ef3030;font-size: 22px;text-align: center;color: #fff}
.btn-label{display:inline-block;padding: 0px 20px;background:#ef3030;border-radius: 2em;vertical-align:top;font-size:16px;line-height:1.94;text-decoration:none;color:#fff}
.lst-faq{width: 760px;margin:0 auto 40px;}
.lst-faq li{ border-bottom:1px solid #b3b3b3;}
.lst-faq .q{display: block;position: relative;padding:15px 50px 15px 10px;font-size:18px; letter-spacing: -.02em;font-weight:300;color: #606060}
.lst-faq .q:after{content:'';display: block;position: absolute;top:0;right:0; width:40px;height:100%;background: url("https://www.serybox.net/_skin/user_7/img/common/faq.png") no-repeat 50% 50%;}
.lst-faq .a{display:none;padding:5px 10px 30px; }
.lst-faq .a>pre{font-size:16px;line-height:1.625;letter-spacing:-.02em;white-space:pre-wrap;color:#606060}
.lst-faq .open .q:after{transform: scale(1,-1)}
.lst-faq .open .q{font-weight:700;color:#191919}
#cnt .index-bn-btm{margin: 150px 0 0}
.index-bn-btm img{display:block;margin: 0 auto;max-width: 100%}

/* 메인페이지 하단 팝업 */
#bottom_pop {position:fixed; bottom:0; left:0; z-index:70; width:100%; background:rgba(0,0,0,.7);}
#bottom_pop .inner {position:relative; width:1200px; margin:0 auto;}
#bottom_pop .inner .close {display:block; position:absolute; top:11px; right:14px; z-index:10; width:19px; height:19px; background:url('https://www.serybox.net/_skin/user_7/img/main/bottom_pop_close.png') no-repeat center; cursor:pointer;}
#bottom_pop .inner .txt {position:relative; padding:30px 320px 30px 0;}
#bottom_pop .inner .txt p {color:#fff; font-size:22px; font-weight:700; line-height:1.4;}
#bottom_pop .inner .txt p span {display:block; color:inherit; font-size:19px; font-weight:400;}
#bottom_pop .inner .txt .box_btn {position:absolute; top:50%;; right:40px; margin-top:-25px;}
#bottom_pop .inner .txt .box_btn a {width:240px; height:50px; padding:9px 12px; border-color:#e07996; background:#e07996; font-size:22px;}

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

/* 상품목록(/shop/big_section.php) */
.prdt-list-visual.slick-slide{padding: 0 10px}
#big_section .best_area {clear:both; margin-bottom:50px; padding-bottom:50px; border-bottom:1px solid #e0e0e0;}
#big_section .sub_category {display:table; table-layout:fixed; width:100%; margin:60px 0 0; text-align:center;}
#big_section .sub_category li {display:table-cell; color:#777; font-size:16px; font-weight:300; vertical-align:top;}
#big_section .sub_category li a {display:block; height:50px; margin-left:-1px; border:1px solid #ddd; font-size:16px; line-height:48px;}
#big_section .sub_category li:first-child a {margin-left:0;}
#big_section .sub_category li a:hover {color:#333;}
#big_section .sub_category li a.active {background:#333; border:none; color:#fff; font-weight:400;}
#big_section .slick-slider .slick-dots {position:static}
#big_section .slick-slider .slick-dots li button {border:0; background:#f3f2f1;}
#big_section .slick-slider .slick-dots li.slick-active button {background-color:#9c9b9a;}

/* 상품상세페이지(/shop/detail.php) */
#detail {padding:100px 0;}
#detail .viewT {padding-bottom:20px;}
#detail .viewT:after {display:block; clear:both; content:'';}
#detail .viewT .viewL {float:left; width:510px;}
#detail .viewT .viewL .addimg {width:516px;}
#detail .viewT .viewL .addimg img {float:left; width:120px; height:120px; margin:10px 6px 0 0; border:1px solid #d5d5d5; cursor:pointer;}
#detail .viewT .viewL .addimg li:nth-child(4) img {margin-right:0px !important; margin-left:1px;}
#detail .viewT .viewR {float:right; width:550px;}
#detail .viewT .viewR .info_p {font-size:16px;}
#detail .viewT .viewR .info_p > .summary {color:#777; font-size:17px;}
#detail .viewT .viewR .info_p > .summary * {font-size:inherit;}
#detail .viewT .viewR .info_p > .name {margin:5px 0 17px; color:#111; font-size:24px; font-weight:500;}
#detail .viewT .viewR .info_p > dl {margin-bottom:24px; padding-bottom:25px; border-bottom:1px solid #ddd;}
#detail .viewT .viewR .info_p > dl > dt {display:inline-block; width:135px; margin-bottom:10px; font-size:18px; color:#555; font-weight:300; vertical-align:middle;}
#detail .viewT .viewR .info_p > dl > dd {display:inline-block; width:375px; margin-bottom:10px; vertical-align:middle;}
#detail .viewT .viewR .info_p > dl > dd > * {line-height:1; vertical-align:middle;}
#detail .viewT .viewR .info_p > dl > dd strong {font-family:'Lato', sans-serif;}
#detail .viewT .viewR .info_p > dl > dd .normal_prc {color:#777; font-size:18px; font-weight:normal; text-decoration:line-through;}
#detail .viewT .viewR .info_p > dl > dd .sell_prc {font-size:26px;}
#detail .viewT .viewR .info_p > dl > dd .etc {color:#777; font-size:22px; font-weight:400;}
#detail .viewT .viewR .info_p > dl > dd .krw {padding-left:5px; font-family: 'Noto Sans KR', sans-serif; font-size:16px; font-weight:400;}
#detail .viewT .viewR .info_p > dl > dd .sale {margin-left:18px; color:#ef3030; font-family:'Lato', sans-serif; font-size:22px;}
#detail .viewT .viewR .info_p .group_price_info {display:inline-block; position:relative; margin:0 0 0 17px;}
#detail .viewT .viewR .info_p .group_price_info .group_prc {display:none; position:absolute; top:40px; right:0; z-index:5; width:467px; padding:0 19px 20px; border:1px solid #000; background:#fff;}
#detail .viewT .viewR .info_p .group_price_info .group_prc .close {position:absolute; top:0; right:0; width:55px; height:60px; background:#fff url('https://image.serybox.com/common/button/pc/group_prc_close.png') no-repeat center; cursor:pointer;}
#detail .viewT .viewR .info_p .group_price_info .group_prc > dl > dt {padding:14px 0 15px; border-bottom:1px solid #000; font-size:20px; font-weight:500; text-align:center;}
#detail .viewT .viewR .info_p .group_price_info .group_prc > dl > dd {padding:24px 10px 0; text-align:left;}
#detail .viewT .viewR .info_p .group_price_info .group_prc > dl > dd > ul > li {padding-bottom:5px; font-size:0;}
#detail .viewT .viewR .info_p .group_price_info .group_prc > dl > dd > ul > li > span {display:inline-block; vertical-align:top;}
#detail .viewT .viewR .info_p .group_price_info .group_prc > dl > dd > ul > li span.group_name {width:185px; font-family:'Lato','Noto Sans KR'; font-size:16px; letter-spacing:-0.02rem;}
#detail .viewT .viewR .info_p .group_price_info .group_prc > dl > dd > ul > li span.g_prc {width:222px; color:#777; font-size:16px; letter-spacing:-0.025rem;}
#detail .viewT .viewR .info_p .group_price_info .group_prc > dl > dd > ul > li span.g_prc > .krw,
#detail .viewT .viewR .info_p .group_price_info .group_prc > dl > dd > ul > li span.g_prc > .value {color:#ef3030; font-size:16px; letter-spacing:-0.025rem;}
#detail .viewT .viewR .info_p .group_price_info .group_prc > dl > dd > ul > li span.g_prc > .krw {padding:0 6px 0 3px;}
#detail .viewT .viewR .info_p .group_price_info .group_prc .group_prc_msg {padding-top:10px; color:#777; font-size:16px; letter-spacing:-0.02rem; text-align:center;}
#detail .viewT .viewR .info_p .list_opt {margin-bottom:25px;}
#detail .viewT .viewR .info_p .list_opt > .box {margin-bottom:10px; font-size:0;}
#detail .viewT .viewR .info_p .list_opt > .box .list_opt_title {display:inline-block; width:150px; font-size:18px; vertical-align:middle;}
#detail .viewT .viewR .info_p .list_opt > .box.essential .list_opt_title {font-weight:700;}
#detail .viewT .viewR .info_p .list_opt > .box.line {margin-bottom:20px; padding-bottom:20px; border-bottom:1px dashed #ddd;}
#detail .viewT .viewR .info_p .list_opt > .box select {display:inline-block; width:400px; height:48px; padding-left:20px; border:1px solid #ddd; background:url('https://serybox.wisacdn.com/_data/re_new/contents/sarrow.png') no-repeat 95% center; color:#777; font-size:16px; font-weight:400; vertical-align:middle; cursor:pointer; -webkit-appearance:none;}
#detail .viewT .viewR .add_opt_list {width:550px; padding:10px 0 0; border-top:1px solid #ddd; background:#fff;}
#detail .viewT .viewR .add_opt_list .add_opt_list_title {padding:10px 0; font-size:18px; font-weight:700; line-height:1;}
#detail .viewT .viewR .add_opt_list .add_txt {padding:5px 0 17px;}
#detail .viewT .viewR .add_opt_list .add_txt .swiper-wrapper {height:auto;}
#detail .viewT .viewR .add_opt_list .add_txt .swiper-slide {display:inline-block; width:auto; height:auto; margin:0 3px; padding:8px 14px; border:1px solid #929292; background:#fff; color:#929292; font-size:14px; vertical-align:top; cursor:pointer;}
#detail .viewT .viewR .add_opt_list .add_txt .swiper-slide:first-child {margin-left:0;}
#detail .viewT .viewR .add_opt_list .add_txt .swiper-slide:last-child {margin-right:0;}
#detail .viewT .viewR .add_opt_list .add_txt .swiper-slide-thumb-active {border:1px solid #000; background:#000; color:#fff;}
#detail .viewT .viewR .add_opt_list .box {padding:7px 0;}
#detail .viewT .viewR .add_opt_list .box > label,
#detail .viewT .viewR .add_opt_list .box > label > a  {display:block; font-size:0; outline:none; cursor:pointer;}
#detail .viewT .viewR .add_opt_list .box .check {display:inline-block; width:24px; vertical-align:middle;}
#detail .viewT .viewR .add_opt_list .box .check input[type=checkbox] {display:inline-block; overflow:hidden; width:24px; height:24px; padding:5px; margin:0; border:1px solid #ddd; border-radius:3px; background:#fff no-repeat center/14px 10px; background-image:url('https://image.serybox.com/pc/common/checkbox.png'); outline:0; -webkit-appearance:none; appearance:none; cursor:pointer;}
#detail .viewT .viewR .add_opt_list .box .check input[type=checkbox]:checked {border:1px solid #ef3030; background-image:url('https://image.serybox.com/pc/common/checkbox_on.png'); background-color:#ef3030;}
#detail .viewT .viewR .add_opt_list .box .check input[type=checkbox]::-ms-check {display:none;}
#detail .viewT .viewR .add_opt_list .box .img {display:inline-block; width:130px; padding:0 10px; vertical-align:middle;}
#detail .viewT .viewR .add_opt_list .box .img img {width:100%; height:auto;}
#detail .viewT .viewR .add_opt_list .box .info {display:inline-block; width:396px; vertical-align:middle;}
#detail .viewT .viewR .add_opt_list .box .info .name {display:block; overflow:hidden; margin-bottom:2px; font-size:16px; text-overflow:ellipsis; white-space:nowrap;}
#detail .viewT .viewR .add_opt_list .box .info .summary {display:block; margin:0 0 3px; color:#777; font-size:13px;}
#detail .viewT .viewR .add_opt_list .box .info .price {padding-top:5px; font-size:17px; font-weight:600;}
#detail .viewT .viewR .info_p .event {position:relative; width:550px; margin-top:26px; padding:20px 0; border-top:1px solid #ddd; color:#777; font-size:16px; font-weight:300; text-align:center;}
#detail .viewT .viewR .info_p .event a {display:inline-block; width:19px; height:19px; margin:2px 0 0 5px; background:url('https://serybox.wisacdn.com/_data/re_new/contents/vicon.png') no-repeat -81px -91px; font-size:0; vertical-align:top;}
#detail .viewT .viewR .info_p .event .swiper-wrapper {height:auto;}
#detail .viewT .viewR .info_p .event .swiper-wrapper li {font-size:16px;}
#detail .viewT .viewR .info_p .event .btn {position:absolute; top:50%; z-index:99; width:34px; height:34px; margin-top:-17px; background:#fff url('https://serybox.wisacdn.com/_data/re_new/contents/vicon.png') no-repeat 0 -87px; cursor:pointer;}
#detail .viewT .viewR .info_p .event .txt-button-next {right:0; background-position:-38px -87px;}
#detail .viewT .viewR .info_p .event .txt-button-prev {left:0;}
#detail .viewT .viewR .info_p .product_info {margin:20px 0 25px; border-top:1px solid #111;}
#detail .viewT .viewR .info_p .product_info li {padding:15px 0 15px 20px; border-bottom:1px solid #ddd; background:#f9f9f9; font-size:14px;}
#detail .viewT .viewR .info_p .product_info li * {font-size:14px;}
#detail .viewT .viewR .info_p .product_info li .pName {display:inline-block; width:255px; font-weight:300; vertical-align:middle;}
#detail .viewT .viewR .info_p .product_info li .countN {display:inline-block; width:85px; margin:0 35px 0 0; background:#fff; font-size:0; text-align:center; vertical-align:middle;}
#detail .viewT .viewR .info_p .product_info li .countN a {display:inline-block; width:25px; height:25px; border:1px solid #ddd; background:url('https://serybox.wisacdn.com/_data/re_new/contents/vicon.png') no-repeat -84px -7px; font-size:0; vertical-align:middle;}
#detail .viewT .viewR .info_p .product_info li .countN a.mn {background-position:-84px 10px;}
#detail .viewT .viewR .info_p .product_info li .countN input {display:inline-block; width:35px; height:25px; margin:0 auto; border:solid #ddd; border-width:1px 0; color:#333; font-family:'Lato', sans-serif; font-size:14px; text-align:center; vertical-align:middle;}
#detail .viewT .viewR .info_p .product_info li.opt_readonly .countN a {background-color:#f9f9f9;}
#detail .viewT .viewR .info_p .product_info li.opt_readonly .countN input {background-color:#f9f9f9;}
#detail .viewT .viewR .info_p .product_info li .t_price {display:inline-block; width:77px; text-align:right; vertical-align:middle;}
#detail .viewT .viewR .info_p .product_info li button {width:11px; height:11px; margin-left:27px; background:url('https://serybox.wisacdn.com/_data/re_new/contents/vicon.png') no-repeat -2px -24px; border:none; font-size:0; vertical-align:middle; cursor:pointer;}
#detail .viewT .viewR .info_p .total {width:100%; margin:0; text-align:right;}
#detail .viewT .viewR .info_p .total p {font-size:18px; margin-right:20px;}
#detail .viewT .viewR .info_p .total p strong {margin-left:15px; color:#ef3030 !important; font-family:'Lato', sans-serif; font-size:30px;}
#detail .viewT .viewR .info_p .total p span {font-size:26px;}
#detail .viewT .viewR .info_p .total .option_total span {margin-left:15px; color:#ef3030 !important; font-family:'Lato', sans-serif; font-size:30px !important;}
#detail .viewT .viewR .product_btn {padding:20px 0 20px;}
#detail .viewT .viewR .product_btn .hackTest_Bxxx a {display:block; width:100%; height:60px; border:1px solid #d52a1c; background:#fff; color:#333; font-size:20px; line-height:60px; text-align:center; vertical-align:top;}
#detail .viewT .viewR .product_btn .hackTest_Axxx a {display:block; width:100%; height:60px; border:1px solid #0b3e95; background:#fff; color:#333; font-size:20px; line-height:60px; text-align:center; vertical-align:top;}
#detail .viewT .viewR .product_btn .hackTest_Axxx a.login_before:after {content: "회원 즉시 할인";display: inline-block;margin-left: 5px;font-weight: 600;color: #fff;border-radius: 15px;padding: 1px 12px 2px;font-size: 14px;line-height: 22px;background-color: rgba(255,255,255,0.3);position: relative;top: -1px;}
#detail .viewT .viewR .product_btn .hackTest_B a {display:block; width:100%; height:60px; border:1px solid #d52a1c; background:#fff; color:#333; font-size:20px; line-height:60px; text-align:center; vertical-align:top;}
#detail .viewT .viewR .product_btn .hackTest_A a {display:block; width:100%; height:60px; border:1px solid #000000; background:#fff; color:#333; font-size:20px; line-height:60px; text-align:center; vertical-align:top;}
#detail .viewT .viewR .product_btn .hackTest_A a.btn_buy {
    background-color: #000000; color: #fff;
}
#detail .viewT .viewR .product_btn .hackTest_A a.login_before:after {
    content: "회원 즉시 할인";display: inline-block;margin-left: 5px;font-weight: 600;color: #000000;border-radius: 15px;padding: 1px 12px 2px;font-size: 14px;line-height: 22px;
    background-color: rgb(255, 255, 255);position: relative;top: -1px;
}
#detail .viewT .viewR .product_btn .btn_buy {border:0; /*background:#0b3e95;*/background-color:#d52a1c; color:#fff;}
#detail .viewT .viewR .product_btn > div {overflow:hidden; margin-top:10px; font-size:0; text-align:left;}
#detail .viewT .viewR .product_btn > div.has_npay > a.btn_cart {float:left; width:190px;}
#detail .viewT .viewR .product_btn > div.has_npay > a.btn_npay {float:right; width:352px;}
#detail .viewT .viewR .product_btn > div.has_npay > a.btn_npay img {margin-top:-4px; vertical-align:middle;}
#detail .viewT .viewR .product_btn > div.has_npay > a.btn_npay_checkout:after {content: "비회원";display: inline-block;margin-left: 5px;font-weight: 600;color: #363636;border-radius: 15px;padding: 1px 12px 2px;font-size: 14px;line-height: 22px;background-color: rgba(167, 167, 167, 0.2);position: relative;top: -1px;}
#detail .viewT .viewR .join_bnr > a {display:block;}
#detail .viewT .viewR .pay_bnr p {margin-bottom:10px; font-size:14px; text-align:center;}
#detail .viewT .viewR .pay_bnr .pay_bnr p * {font-size:14px;}
#detail .viewT .viewR .pay_bnr .pay_bnr p .first {color:#1bc300;}
#detail .viewT .viewR .list {table-layout:fixed; width:100%;}
#detail .viewT .viewR .list th {padding:9px 0; border-top:1px solid #d9d9d9; color:#191919; font-size:16px; font-weight:400; text-align:left; vertical-align:middle;}
#detail .viewT .viewR .list td {height: 60px;padding:9px 0; border-top:1px solid #d9d9d9; color:#191919; font-size:16px; text-align:left; vertical-align:middle;}
#detail .viewT .viewR .list td .box_qty .form_input {width:130px; height:34px;}
#detail .product_B {overflow:hidden; position:relative; padding:0;}
#detail .product_B .left {overflow:visible; float:left; position:relative; width:590px; padding:45px 0 55px;}
#detail .product_B .left:before {display:block; content:''; position:absolute; top:0; left:0; width:1200px; height:1px; background:#ddd;}
#detail .product_B .left:after {display:block; content:''; position:absolute; bottom:0; left:0; width:1200px; height:1px; background:#ddd;}
#detail .product_B .right {overflow:visible; float:right; position:relative; width:590px; padding:45px 0 55px;}
#detail .product_B .right:before {display:block; content:''; position:absolute; top:0; right:0; width:1200px; height:1px; background:#ddd;}
#detail .product_B .right:after {display:block; content:''; position:absolute; bottom:0; right:0; width:1200px; height:1px; background:#ddd;}
#detail .product_B h3 {margin-left:20px; color:#111; font-size:18px; font-weight:500;}
#detail .product_B .slides_container {margin-top:10px; padding:0 30px;}
#detail .product_B .slick-slide {display:inline-block; padding:0 5px;}
#detail .product_B .slick-slide:first-child {margin-left:0;}
#detail .product_B .slick-slide img {width:100%; height:auto;}
#detail .product_B .slick-slide dl {text-align:center;}
#detail .product_B .slick-slide dl dt {margin:10px 0 5px; font-size:16px; font-weight:400;}
#detail .product_B .slick-slide dl dt a {font:inherit;}
#detail .product_B .slick-slide dl dd {color:#111; font-size:16px; font-weight:400;}
#detail .product_B .slick-slide dl dd strong {margin-left:10px; color:#999; font-size:14px; font-weight:normal; text-decoration:line-through;}
#detail .product_B .slick-prev {position:absolute; top:50%; left:0; width:30px; height:30px; margin-top:-15px; background:url('https://www.serybox.net/_skin/user_7/img/common/slide_arrow2.png') no-repeat 50% 50%; transform:scale(-1,1);}
#detail .product_B .slick-next {position:absolute; top:50%; right:0; width:30px; height:30px; margin-top:-15px; background:url('https://www.serybox.net/_skin/user_7/img/common/slide_arrow2.png') no-repeat 50% 50%;}
#detail .delivery_bnr {margin-top:20px;}
#detail .productInfo .tab {overflow:hidden; margin-bottom:50px; padding-top:85px;}
#detail .productInfo .tab li{float:left; width:25%; margin-left:-1px; border:1px solid #ddd;}
#detail .productInfo .tab li:first-child {margin-left:0;}
#detail .productInfo .tab li a {display:block; width:100%; height:70px; font-size:18px; color:#999; line-height:70px; text-align:center;}
#detail .productInfo .tab li a.on {background:#333; border:none; color:#fff;}
#detail .productInfo .tab li a span {font-family:'Lato', sans-serif; font-size:18px; color:#999;}
#detail .productInfo .mInfo1 {text-align:center;}
#detail .productInfo .delInfo dt,
#detail .productInfo .delInfo dd,
#detail .productInfo .delInfo span,
#detail .productInfo .delInfo li {font-size:14px;}
#detail .productInfo .delInfo td {padding:10px; font-size:14px;}
#detail .productInfo table {table-layout:fixed; width:100%; border-top:1px solid #ddd; text-align:left;}
#detail .productInfo table thead tr {background:#f6f6f6; color:#111;}
#detail .productInfo table thead tr th {font-size:16px; font-weight:400;}
#detail .productInfo table tbody tr th {width:200px; padding:11px 0 11px 30px; border-bottom:1px solid #ddd; background:#f6f6f6; font-size:14px; font-weight:400;}
#detail .productInfo table tbody tr td {padding:10px; border-bottom:1px solid #ddd; color:#555; font-size:14px; font-weight:300; line-height:28px;}
#detail .productInfo table tbody tr td.cenInfo {color:#333 !important; font-weight:400;}
#detail .productInfo table tbody tr td.qnarev_cnt {padding:0 10px; border:0;}
#detail .productInfo .mInfo table tbody tr th,
#detail .productInfo .mInfo table tbody tr td {text-align:left;}
#detail .detail_info {text-align:center;}
#detail .detail_info .branding {padding-bottom:30px;}
#detail .detail_info,
#detail .common_info {word-break:break-all;}
#detail .detail_info {margin-bottom:50px;}
/*#detail .detail_info * {font-family:inherit; font-size:inherit; text-align:inherit; line-height:inherit;}*/
#detail .detail_info img,
#detail .common_info img {max-width:100%; height:auto; font-size:0; line-height:0;}
#detail .fd_info {text-align:center;}
#detail .fd_info .delInfo {display:none; padding-top:30px; text-align:left;}
#detail .delInfo h5 {margin-bottom:30px; padding:0 0 10px 12px; border-bottom:2px solid #333; font-size:16px; font-weight:500;}
#detail .delInfo table {table-layout:fixed; width:100%; border-top:1px solid #ddd;}
#detail .delInfo table .vat {padding-top:17px;}
#detail .delInfo2 {margin-top:45px;}
#detail .delInfo2 p {margin-bottom:30px; padding-left:12px; font-size:14px; color:#777; line-height:28px;}
#detail .delInfo2 p span {display:block;}
#detail .delInfo2 table p {margin-bottom:20px;}
#detail .delInfo2 table p:last-child,
#detail .delInfo2 table p:last-child {margin:0;}
#detail .delInfo2 table span {display:block;}
#detail .delInfo2 table strong {font-weight:400; color:#333;}
#detail .popup_cart {display:none; position:fixed; width:100%; height:100%; left:0; top:0; z-index:10000; background-color:rgba(0,0,0,0.8) !important;}
#detail .popup_cart .popup_inner {position:fixed; left:50%; top:50%; margin:-200px 0 0 -190px;}
#detail .btm_popup {visibility:hidden; position:fixed; bottom:24px; left:38px; z-index:10; width:314px; height:auto; background:none; -webkit-transform:translate3d(0, 100%, 0); transform:translate3d(0, 100%, 0); -webkit-transition:all .5s ease-in-out; transition:all .5s ease; cursor:pointer;}
#detail .btm_popup.up {visibility:visible; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); -webkit-filter:drop-shadow(0 0 7px #000); filter:drop-shadow(0 0 7px #000);}
#detail .btm_popup.none {visibility:hidden; z-index:-1;}
#detail .btm_popup .close {position:absolute; top:0; right:0; z-index:5; width:41px; height:33px; background:no-repeat center; background-image:url('https://serybox.wisacdn.com/_data/onsite/pc/popup_close.png');}
#detail .btm_popup .close.close2 {width:35px; height:30px; background-image:url('https://serybox.wisacdn.com/_data/onsite/pc/popup_close2.png');}
#detail .btm_popup .non,
#detail .btm_popup .reg,
#detail .btm_popup .reg2 {display:none;}
#detail .btm_popup .cnt img {width:100%; height:auto;}
/* 퀵프리뷰 - 팝업(/shop/detail_popup.php) */
#preview_popup {max-width:1180px; margin:0 auto;}
#detail_pop {position:relative; margin:0; padding:40px;}
#detail_pop #detail {margin:0 auto; padding:0;}
#detail_pop .close {position:absolute; top:0; right:-45px; width:30px; height:30px; border:0; outline:0; background:url('https://serybox.wisacdn.com/_data/re_new/contents/pclose.png') no-repeat 0 0; font-size:0; text-indent:-9999px; cursor:pointer;}
#detail_pop #detail .viewT .viewR .info_p .list_opt {overflow-y:scroll; max-height:300px;}

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

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

/* 장바구니(/shop/cart.php) */
.order-step {display:table; table-layout:fixed; width:100%; margin:90px 0 100px;}
.order-step > li {display:table-cell; border-bottom:2px solid #e5e5e5; color:#999; text-align:center;}
.order-step .label {display:inline-block; width:120px; height:36px; border:1px solid #d5d5d5; border-radius:18px; color:#b3b3b3; font-size:18px; font-weight:700; line-height:36px; vertical-align:top;}
.order-step > li > strong {display:block; padding:5px 0 15px; color:inherit; font-size:20px; font-weight:700;}
.order-step > .active,
.order-step > .active > .label {border-color:#000; color:#000;}
.cart-my{margin-bottom: 60px;border: 1px solid #dedfda;background: #fafafa}
.cart-my>.tac{padding: 25px 0 20px}
.cart-my>.tac>p{margin-bottom: 15px;font-size: 16px;font-weight: 500;color: #191919}
.cart-my-title{padding: 15px 20px;;border-bottom: 1px solid #e5e5e5}
.cart-my-title>*{font-size: 14px;color: #999}
.cart-my-title>.tit{margin-right: 14px;font-size: 18px;color: #3a3a3a}
.cart-my-info{display: table;width: 100%;table-layout: fixed;margin: 17px 0}
.cart-my-info>li{display: table-cell;text-align: center;font-size: 14px;color: #606060}
.cart-my-info>li+li{border-left: 1px solid #e5e5e5}
.cart-my-info>li>span{display: block;font-size: 20px;font-weight: 700;color: #ef3030}
.cart-list>li{position: relative;border-top: 1px solid #e5e5e5;}
.list_cart{border-bottom: 2px solid black; border-top: 2px solid black;}
.list_cart > div{padding: 20px 20px 5px 20px; margin-bottom: 15px;}
.list_cart>li{position: relative;border-top: 1px solid #e5e5e5;}
.cart-list .img img{width: 150px !important;height: auto !important; border: 1px solid #e5e5e5;}
.list_cart .img img{width: 150px !important;height: auto !important; border: 1px solid #e5e5e5;}
.check-wrap{padding: 15px 60px 15px 20px;} /*장바구니 리뉴얼*/
.check-custom>span, #pop_coupon2 .box .usable_cpn > li > label > strong:before{display: inline-block;width: 26px;height: 26px;margin-top: 1px;border-radius: 100%;background: url(https://www.serybox.net/_skin/user_7/img/common/check_off@3x.png) no-repeat;background-size: 100%;vertical-align: top}
.check-custom_sub>span, #pop_coupon2 .box .usable_cpn > li > label > strong:before{display: inline-block;width: 26px;height: 26px;margin-top: 1px;border-radius: 100%;background: url(https://www.serybox.net/_skin/user_7/img/common/check_off@3x.png) no-repeat;background-size: 100%;vertical-align: top}
.check-custom.check-custom-s>span{width: 16px;height: 16px;margin: 2px 4px 0 0}
.check-custom.check-custom-s>input:not(:checked)~span{background: none;border: 1px solid #d5d5d5}
.check-custom.check-custom-s+.check-custom.check-custom-s{margin-left: 10px}
input:checked+.check-custom>span, .check-custom input:checked~span,
#pop_coupon2 .box .usable_cpn > li > label > input:checked~strong:before{background-image: url(https://www.serybox.net/_skin/user_7/img/common/check_on@3x.png)}
input:checked+.check-custom_sub>span, .check-custom_sub input:checked~span,
#pop_coupon2 .box .usable_cpn > li > label > input:checked~strong:before{background-image: url(https://www.serybox.net/_skin/user_7/img/common/check_on@3x.png)}
.check-wrap a{margin-left: 10px;font-size: 18px;font-weight: 700;color: #3a3a3a}
.cart-list .media{width: 100%;margin-bottom: 30px;}
.list_cart .media{width: 100%;margin-bottom: 30px;}
.cart-list .media-left, .media-left.img{width: 1%;padding-right: 20px;vertical-align: top;padding-left: 18px;}
.list_cart .media-left, .media-left.img{width: 1%;padding-right: 20px;vertical-align: top;padding-left: 18px;}
.prd-info, .prd-info>*, .price-text{vertical-align: top;font-size: 16px;color: #808080}
.price-text>span{font-size: inherit;color: #3a3a3a}
.prd-info>.clear{margin-top: 45px}
.btn-del{position: absolute;top: 20px;right: 235px}
.btn-del> a > img{width: 40px; height: auto;}
.prd-info .fl>*{display: inline-block;margin-right: 10px;line-height: 34px;vertical-align: top}
.prd-info .fl .price-text{margin: 0 0 0 20px}
.prd-info .total{line-height: 34px;font-weight: 700;font-size: 20px;color: #191919}
.prd-info .box_btn > *{height: 34px;padding: 6px 15px 7px}
.prd-info>p>a {
    font-size: 15px;
}
#cart .area_left {float:left; width:780px}
#cart .area_left .msg {margin-top:30px}
#cart .area_left .msg dt {padding-bottom:10px; font-weight:bold;}
#cart .area_left .msg dd {color:#888; font-size:11px; line-height:1.8;}
#cart .area_right {float:right; width: 380px}
#cart .area_right .box {width:380px; margin-bottom:28px; padding:0 30px; background:transparent; border:2px solid #000;} /*장바구니 리뉴얼 장바구니, 주문 페이지 분리*/
#cart .area_right .box caption {padding: 15px 20px;margin-bottom: 25px;text-align: center;border-bottom: 1px solid #e5e5e5;font-size: 18px}
#cart .area_right .box.mim {border:1px solid #c3c3c3; background:#fff;}
#cart .area_right .box .box_btn{margin-left: -1px;margin-right: -1px}
#cart .tbl_order2 th {padding:5px 0; color:#3a3a3a; font-size:16px; letter-spacing:-0.02rem; line-height:1.4; vertical-align:top;}
#cart .tbl_order2 td {padding:3px 0; color:#3a3a3a; font-size:16px; letter-spacing:-0.02rem; line-height:1.4; vertical-align:top;}
#cart .tbl_order2 td * {font-size:inherit;}
#cart .tbl_order2 .space {height:17px; padding:0;}
#cart .tbl_order2 thead th {padding:15px 0; margin-bottom:25px; border-bottom:1px solid #e5e5e5; font-size:18px; font-weight:700;}
#cart .tbl_order2 tr:nth-last-child(2) th,
#cart .tbl_order2 tr:nth-last-child(2) td {padding-bottom:0}
#cart .tbl_order2 .total,
#cart .tbl_order2 .total+td {padding:15px 0; border-top:1px solid #e5e5e5; vertical-align:middle;}
#cart .pay {clear:both; text-align:right;}
#cart .pay > div {padding-top:10px;}
#cart .pay_bnr {overflow:hidden; clear:both; padding-top:35px;}
#cart .pay_bnr .cart_img {float:left;}
#cart .pay_bnr .pay {float:right; text-align:right;}
#cart .pay_bnr .pay > div + div {padding-top:10px;}
/*#cart>form:after{content: '';display: block;clear: both}*/
.npay_type_A_1.npay_type_A_1, .payco_checkout.ta{width: 380px !important}
.pay_bnr p{margin-bottom: 10px;text-align: center;font-size:14px}
.pay_bnr p *{font-size: 14px}

/*장바구니 리뉴얼*/
.th_row {color:#777777 !important;}
.th_row > span {color:inherit; font:inherit;}
.box_btn_recomand{text-align:center;margin-top: 30px;}
.box_btn_recomand > *:hover,
.box_btn_recomand > *:active,
.box_btn_recomand > *:focus {background:#ef3030;}

#dimRecomandLayer{position: absolute;top: 0px;text-align: center;width: 150px;height: 150px;opacity: 0.9;background-color: rgba(0, 0, 0, 0.72); display:none;}
.dim_text1{font-size: 15px;color: white;margin-top: 52px;font-weight: 100;}
.dim_text2{font-size: 15px;color: white;font-weight: 100;}

.popup_info_layer_title{margin-top: 10px; font-size: 15px; font-weight: 600;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; width:150px;}
.popup_info_layer_description{font-size: 12px;font-weight: 300;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width: 150px;}
.popup_info_layer_origin_price{font-size: 13px;color: #999;text-decoration: line-through;float: right;}
.popup_info_layer_sale_price{font-size:14px; color:#e90013; font-weight: 600;display:initial;}
.popup_info_layer_sale_price2{font-size:14px; float: right; color:#e90013;font-weight: 600;}

.prd-info{padding-right:47px; vertical-align: middle !important;}
.gage_bottom {margin-bottom:70px; padding:22px 0 20px; background:#f5c74f; font-size:20px; font-weight:700; letter-spacing:-0.02rem; text-align:center;}
.gage_bottom > span {display:inline-block; padding-left:34px; background:url('https://image.serybox.com/pc/bg/cart_thumb.png') no-repeat left center; font:inherit; vertical-align:middle;}
.gage_bottom_text_btn {display:inline-block; width:120px; height:40px; margin-left:10px; background:#000; color:#fff !important; font-size:16px; font-weight:500; text-align:center; line-height:39px; vertical-align:middle;}
.div_i_info {background-color: #f5f5f5; padding:3px 0 20px 50px;}
.div_i_info dt {padding:12px 0 5px; font-size:14px; font-weight:700;}
.div_i_info dt > .i_info {top:2px;}
.div_i_info dd {font-size:13px; font-weight:400; line-height:1.8;}

.empty_cart { width: 100%; margin: 0 auto; text-align: center;}
.empty_cart_text1 { color: white !important; background-color: #eb0013; font-size: 20px; padding: 10px;  font-family: 'Lato', sans-serif; display: inline-block; width: 250px; margin-right: 5px;}
.empty_cart_text2 { color: white !important; background-color: #000000; font-size: 20px; padding: 10px;  font-family: 'Lato', sans-serif; display: inline-block; width: 250px; margin-left: 5px;}

.empty_cart_p {margin:50px 0 100px 0; font-size: 15px;}
.empty_cart_p1 {margin: 20px 0; font-size: 18px; font-weight: 600;}
.empty_cart_p2 {margin-bottom: 60px; font-size: 15px; color: gray;}

.cart_change_option_img {vertical-align: top; height: auto !important; width: 130px; border: 1px solid  lightgray;}
.cart_change_option_label {font-size: 16px; font-weight: 600;padding-left: 20px; line-height: 12;}

.orderBtn {margin: 0 15px;}

.sub_item {padding-left: 125px;display:inline-block;}
.sub_item > div {display: inline-block; vertical-align: middle;}
.sub_item > img {display:inline-block;border: 1px solid #e5e5e5;margin: 15px;}
.sub_item_delete_btn {display: inline-block;}
.sub_item_delete_btn > a > img {width: 28px; padding-bottom: 30px;}

.total {font-size: 12px; font-weight: 600;}
.total_price_li {border-left: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5; width: 15%;}
.total_li {font-size: 18px; font-weight: 600;position: absolute;top: 50%;transform: translateY(-50%);width: 105px;text-align: center;}
.total_li > p {color:#777; font-size:14px; font-weight:400;}

#dimLayer{ width:100%; height:1500px;background-color: rgba(0, 0, 0, 0.72); position:fixed; left:0; top:0px; margin:0; padding:0;z-index:80;cursor:pointer;}
#dimLayer2{ width:100%; height:1500px;background-color: rgba(0, 0, 0, 0.72); position:fixed; left:0; top:0px; margin:0; padding:0;z-index:80;cursor:not-allowed;}
.recommandation_popup{background: white;width: 780px;height: 480px;position: fixed;top: 50%;left: 50%; z-index: 999; margin: -300px 0 0 -300px}
.popup_detail_link{color:#999; text-decoration: underline;margin: 18px 0 20px 0;}
.popup_detail_link > a {color:#5e5e5e !important;}
.pclose{position: absolute;top: 0;right: -45px;width: 30px;height: 30px;background: url(https://serybox.wisacdn.com/_data/re_new/contents/pclose.png) no-repeat 0 0;font-size: 0;cursor: pointer;}

.cart_option_change_popup{position: relative; z-index: 999;}
.swiper-wrapper_popup{  position: relative;
  width: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,.swiper-wrapper_popup {-webkit-transform: translate3d(0px, 0, 0);transform: translate3d(0px, 0, 0);}
.swiper-wrapper_popup > li > img {width: 150px; border: 1px solid #e5e5e5;}
.swiper-wrapper_popup > li > a > .disabled {background-color: #ffffff;opacity: 0.3;}

.add_cart_popup {color: white !important;background-color: #000000;font-size: 15px;padding: 10px;transition: all .2s ease;}
.add_cart_popup.disabled {pointer-events:none; color: black;opacity: 0.3; color: black !important; z-index:99; background-color:rgba(0, 0, 0, 0.42);}

.sub_prd_title{color:#ea1123;font-weight: 600}
.total_sub_item{font-size: 13px;font-weight: 500; width: 230px; margin-bottom :10px;}
.total_sub_item_price{margin-top: 10px; font-size: 13px;font-weight: 500;}

.check-custom-all{font-size: 17px; font-weight: 600; padding-left: 5px;}
/*장바구니 리뉴얼*/

/*통합회원전환*/
.login_sns{margin-top: 50px;padding: 30px 0;color: #666;text-align: center;}
/*.login_sns div {display:inline-block;}*/
.login_sns a {display:inline-block; width:65px; height:65px; margin:5px 30px; border-radius:50%; background-repeat:no-repeat; background-position:center; text-indent:-9999px; transition:all .3s ease;}
.login_sns .naver {background-color:#5ebc67; background-image:url('https://www.serybox.net/_skin/user_7/img/member/icon_naver.png'); background-size: 25px;}
.login_sns .naver:hover {border-radius:0; background-color:#519c58;}
.login_sns .kakao{background-color:#f4cf50; background-image:url('https://www.serybox.net/_skin/user_7/img/member/icon_kakao.png');background-size: 25px;}
.login_sns .kakao:hover {border-radius:0; background-color:#ddbc4b;}
.login_sns .facebook {background-color:#5e85bc; background-image:url('https://www.serybox.net/_skin/user_7/img/member/icon_facebook.png');background-size: 25px;}
.login_sns .facebook:hover {border-radius:0; background-color:#4f709f;}

.popup{position: fixed;width: 100%;height: 100%;left: 0;top: 0;background-color: rgba(0,0,0,0.8) !important;z-index: 10000;display:none;}

.popupFrmAgree{width: 500px;padding: 20px;margin: -300px 0 0 -300px;position: fixed;top: 50%;left: 50%;background-color: white;display:none;z-index: 100;}
.popupFrmAgree .check-custom>span {margin-right:10px;}
.popupFrmAgree .popup_list .child .big .more{background:url('https://www.serybox.net/_skin/user_7/img/member/arr.png') no-repeat center; color:transparent; cursor:pointer;float: right;width:18px;height:18px;text-indent: -9999px;margin-right:20px;margin:0px;    border: 1px solid white}
.popupFrmAgree .popup_list .child .big .more .selected{transform: scaleY(-1);}
.popupFrmAgree .popup_list .child .big label{font-size: 16px;cursor: pointer;}

.popupFrmAgree .inner .pop_all {border-bottom: 1px solid #e5e5e5;padding-bottom: 20px;padding-left:10px;}
.popupFrmAgree .inner .pop_all label{font-size: 16px;cursor: pointer;}
.popupFrmAgree .popup_list .child .mid iframe {width:100%; height:222px; background:#fff;}

.popup_list li {margin-top: 20px;border-bottom: 1px solid #e5e5e5;padding-left:10px;}
.popup_list .child .big{padding-bottom:20px}

.pop_btn_cancel{display: inline-block;width: 150px;height: 40px;background: #000;font-size: 15px;color: #fff;line-height: 40px;text-align: center;vertical-align: middle;}
.pop_btn_ok{display: inline-block;width: 150px;height: 40px;background: #ef3030;font-size: 15px;color: #fff !important;line-height: 40px;text-align: center;vertical-align: middle;}

.popup_renew{position: fixed;top: 50%;left: 50%;z-index: 10000;margin: -150px 0 0 -215px;display:none;}

.master_member_div{position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);font-size: 13px;width: 100%;margin-top: 30px;text-align: center;color: #afafaf;padding:0 10px;}

/*.popup_th{border-bottom: 1px solid white !important;}*/
.popup_border{border-bottom: 1px solid #e0e0e0 !important;border-top: 1px solid #e0e0e0 !important;}

/*통합회원전환*/

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

/* 주문서(/shop/order.php) */


/* 주문완료(/shop/order_finish.php) */
#orderfin {text-align:center;}
#orderfin .inner {width:580px; margin:0 auto;}
#orderfin h3 {padding-bottom: 50px;font-size: 20px}
#orderfin .box {margin-bottom: 10px;background: #fafafa;border: 1px solid #e5e5e5}
.box-title{padding: 13px;border-bottom: 1px solid #e5e5e5;text-align: center;font-size: 18px;font-weight: 400}
#orderfin .info {padding-bottom: 15px}
#orderfin .info .bank, #orderfin .info .bank *{font-size: 15px;font-weight: 700;color: #ef3030}
#orderfin .info .bank{padding: 8px;margin: 15px 0 -10px;background: #fafafa;border: 1px solid #e5e5e5}
#orderfin .info .email {font-size: 14px;color: #3a3a3a}
#orderfin .info .email *{font-size: 14px}
#orderfin .box_gift .box_btn {margin-top:20px;}
#orderfin .btn {padding-top:10px; margin-left: -10px;margin-right: -10px}
#orderfin .btn>span{float: left;width: 50%;padding: 0 10px}
#orderfin .order-list{padding: 0;border: 0;margin-bottom: 0}
#orderfin .order-list>li{padding: 20px;margin: 0}
#orderfin .order-list>li+li{border-top: 1px solid #e5e5e5}
#orderfin .order-list .media{margin-top: 0}
#orderfin .order-list .info{padding: 0;text-align: left;vertical-align: top;font-size: 13px;color: #999}
#orderfin .order-list .media-left{padding-right: 20px;vertical-align: top}
#orderfin .order-list .media-left img {width:288px;}
#orderfin .order-list .info .name{margin-bottom: 1em}
#orderfin .order-list .name>a{font-size: 13px}
#orderfin .order-list .price{margin-top: 1em;color: #999}
#orderfin .order-list .price, #orderfin .order-list .price>strong{font-size: 13px}
#orderfin .order-list .price>strong{padding-left: 1em}
#orderfin .lilyface {margin-top:15px;}

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

/* 상품문의 & 상품후기 - 상품정보(/shop/product_review_list.php & /shop/product_qna_list.php) */
#qnarev_list_all h3 {padding:20px 0 20px 0; font-size:20px; font-weight:600; line-height:1; text-align: center;}
#qnarev_list_all > .btn {padding:0; text-align:right;}
#qnarev_list_all > .btn .box_btn {}
#qnarev_list_all .board_search {clear:both; text-align:center;}
#qnarev_list_all .board_search form {display:inline-block; margin:30px auto 0; padding:5px; border:1px solid #dcdcdc; text-align:center;}
#qnarev_list_all .board_search select {border:0;-webkit-appearance: listbox;}
#qnarev_list_all .board_search input.form_input.search {width:300px; border-width:0 1px;}
#qnarev_list_all .board_search .btn_search {display:inline-block; width:34px; height:34px; border:0; background:url('https://www.serybox.net/_skin/user_7/img/button/search_s.png') no-repeat center; vertical-align:top; text-indent:-9999px; cursor:pointer;}
.td-state img{height: 12px}

/* 박숙미 추가 180826 */
#qnarev_list_all .banner-top img{ display: block; width: 100%; margin: 0 auto;}

/* 상품후기 - MONTHLY BEST REVIEW */
#qnarev_list_all .best_review_list h3 {padding-bottom:18px; color:#333; font-size:28px; font-weight:400;}
#qnarev_list_all .best_review_list h3 strong {color:inherit; font-size:inherit;}
.best_review_list ul.list {margin-left:-60px; font-size:0; text-align:left;}
.best_review_list ul.list > li {display:inline-block; margin:0 0 26px 59px;}
.best_review_list ul.list > li .box {position:relative; width:256px; border:1px solid #9a9a9a;}
.best_review_list ul.list > li .box .img {}
.best_review_list ul.list > li .box .best {position:absolute; left:10px; top:10px; width:67px; height:67px; padding-top:19px; border:1px solid #9900ff; border-radius:100%; color:#9900ff; text-align:center; line-height:16px;}
.best_review_list ul.list > li .box .info {min-height:96px; padding:10px 15px; text-align:left;}
.best_review_list ul.list > li .box .info .prdname a {color:#666; font-size:18px;}
.best_review_list ul.list > li .box .info .subject a {color:#333;}
.best_review_list ul.list > li .box .info .stat {overflow:hidden; padding-top:8px;}
.best_review_list ul.list > li .box .info .stat .name {float:left;}
.best_review_list ul.list > li .box .info .stat .grade {float:right; padding-top:8px; font-size:0;}

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

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

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

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

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


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

/* 로그인 & 아이디 비밀번호 찾기 & 비밀번호 변경 */
.sub-top-banner img{width: 100%}
.box_member {padding: 47px 60px 0}
.box-member-field:after{content: '';display: block;clear: both}
.box-member-field>form:first-child{float: left}
.box-member-field>form:last-child{float: right}
.box_member fieldset {width: 440px;margin: 0 auto}
.box_member fieldset legend {padding:25px 0; font-weight:bold;}
.box_member fieldset legend.legend, .box_member .legend{display: block;padding: 0 0 30px;letter-spacing: -.07em;text-align: center;font-weight: 400;font-size: 22px;color: #3a3a3a}
.box_member fieldset legend.legend b, .box_member .legend b{font-size: 22px;font-weight: 700;color: #3a3a3a}
.box_member fieldset .find_title {display:block; overflow:hidden; width:100%;padding:25px 0; font-weight:bold;}
.box_member fieldset .find_title span {float:right; color:#666; font-size:11px; font-weight:400;}
.box_member fieldset .fld {margin-bottom:10px; font-size:0;}
.box_member fieldset .fld label {display:none;}
.box_member fieldset .savessl {margin-bottom:20px;}
.box_member fieldset .savessl label {color:#3a3a3a; font-size:14px;}
.box_member .check-custom.check-custom-s>span{margin-top: 4px}
.box_member fieldset .select {position:absolute; right:0; top:23px;}

/* 로그인 & 아이디 비밀번호 찾기 & 비밀번호 변경 - 인풋 기본 스타일 */
.box_member .form_input.member {height:60px; padding: 4px 16px;border-color:#d5d5d5; font-size: 16px}
.box_member .form_input.member.number_first {width:32%;}
.box_member .form_input.member.number {width:33%; margin-left: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 .find_pw_item_4 {display:none;}

/* 로그인(/member/login.php) */
#login .fail {position:relative; margin-bottom:20px; padding:18px 10px; border-radius:10px; background:#fae4e8; color:#d53838; text-align:center;}
#login .fail:after {position:absolute; left:50%; bottom:-6px; width:0; height:0; margin-left:-8px; border-left:8px solid transparent; border-right:8px solid transparent; border-top:6px solid #fae4e8; content:'';}
#login .simple {margin-top: 70px;padding:30px 0; border-top:1px solid #f5f5f5; color:#666; text-align:center;}
#login .simple .legend{padding-bottom: 0}
#login .simple p {padding-bottom:18px; font-size: 16px;color:#707070;}
#login .simple > a {display:inline-block; width:44px; height:44px; margin:0 5px; border-radius:50%; background-repeat:no-repeat; background-position:center; text-indent:-9999px; transition:all .3s ease;}
#login .simple > a.naver {background-color:#5ebc67; background-image:url('https://www.serybox.net/_skin/user_7/img/member/icon_naver.png');}
#login .simple > a.naver:hover {border-radius:0; background-color:#519c58;}
#login .simple > a.facebook {background-color:#5e85bc; background-image:url('https://www.serybox.net/_skin/user_7/img/member/icon_facebook.png');}
#login .simple > a.facebook:hover {border-radius:0; background-color:#4f709f;}
#login .simple > a.kakao {background-color:#f4cf50; background-image:url('https://www.serybox.net/_skin/user_7/img/member/icon_kakao.png');}
#login .simple > a.kakao:hover {border-radius:0; background-color:#ddbc4b;}
#login .simple > a.payco {background-color:#e72a2d; background-image:url('https://www.serybox.net/_skin/user_7/img/member/icon_payco.png');}
#login .simple > a.payco:hover {border-radius:0; background-color:#d73a3c;}
#login .kakao {padding:10px 0 30px; text-align:center;}
#login .kakao .kakao_msg {padding-bottom:10px; font-size:15px; line-height:1.6;}
#login .kakao a.kakao {display:block; width:440px; margin:0 auto; padding:13px 0 12px; background-color:#f4cf50; color:#381b1b; font-size:16px; font-weight:700; text-align:center;}
#login .kakao a.kakao:before {content:''; display:inline-block; width:25px; height:25px; margin-right:15px; background:url('https://www.serybox.net/_skin/user_7/img/member/icon_kakao.png') no-repeat 50% 50%; vertical-align:top;}
#login .kakao .kakao_bnr {margin-top:30px;}
#login .joinfind {padding-top:30px;}
#login .joinfind p {position:relative; margin:7px 0; color:#666; font-size:12px;}
#login .joinfind p a {position:absolute; right:0; top:0; text-decoration:underline;}
/* 비밀번호 변경 */
#modify_pwd .modify_id {padding-bottom:20px; font-size:14px; font-weight:bold;}

/* 회원가입 약관동의(/member/join_step1.php) */
.no-layout{background: #fafafa}
.no-layout #topbnr, .no-layout #header, .no-layout #footer, .no-layout #quick, .no-layout .index-bn-btm{display: none !important}
.join-page #wrapper{background: #fafafa}
#join_agree {width:640px; margin:0 auto; text-align:center;}
#join_agree .check {padding-bottom:17px; text-align:left;}
#join_agree .check label {font-weight:bold; cursor:pointer;}
#join_agree iframe {width:100%; height:222px; margin-bottom:40px; border:1px solid #d9d9d9; background:#fff;}
#join_agree .member_type {padding:20px 0 30px;}
#join_agree .member_type label {margin:0 10px;}
#join_agree .btn {text-align:center;}
#join_agree .simple {padding:30px 0; text-align:center;}
#join_agree .simple a {display:inline-block; width:44px; height:44px; margin:0 5px; border-radius:50%; background-repeat:no-repeat; background-position:center; text-indent:-9999px; transition:all .3s ease;}
#join_agree .simple a.naver {background-color:#5ebc67; background-image:url('https://www.serybox.net/_skin/user_7/img/member/icon_naver.png');}
#join_agree .simple a.naver:hover {border-radius:0; background-color:#519c58;}
#join_agree .simple a.facebook {background-color:#5e85bc; background-image:url('https://www.serybox.net/_skin/user_7/img/member/icon_facebook.png');}
#join_agree .simple a.facebook:hover {border-radius:0; background-color:#4f709f;}
#join_agree .simple a.kakao {background-color:#f4cf50; background-image:url('https://www.serybox.net/_skin/user_7/img/member/icon_kakao.png');}
#join_agree .simple a.kakao:hover {border-radius:0; background-color:#ddbc4b;}
#join_agree .simple a.payco {background-color:#e72a2d; background-image:url('https://www.serybox.net/_skin/user_7/img/member/icon_payco.png');}
#join_agree .simple a.payco:hover {border-radius:0; background-color:#d73a3c;}

/* 회원가입 정보입력(/member/join_frm.php) */
#join_input {width:580px; margin:0 auto;padding: 80px 0 30px}
#join_input .join_tab {padding-bottom:50px; display: none;}
#join_input .join_tab > ul {font-size:0;}
#join_input .join_tab > ul > li {display:inline-block; width:50%; height:50px; border:1px solid #e5e5e5; border-bottom:1px solid #333; font-size:16px; text-align:center; line-height:50px; cursor:pointer;}
#join_input .join_tab > ul > li.on {font-weight:700; border:1px solid #333; border-bottom:1px solid #fff;}
.join-title{margin-bottom: 25px;border-bottom: 2px solid;text-align: center}
.join-title>p{padding: 15px 0 40px;font-size: 20px; letter-spacing: -.04em;}
.join-title>h2{padding-bottom: 10px;font-size: 24px;font-weight: 700;color: #3a3a3a}


#join_input fieldset {margin-bottom:35px;}
#join_input fieldset legend, #join_input .agree_wrap .title{margin-bottom:20px; font-size:18px; font-weight:500;color: #191919}
#join_input fieldset .box > div {position:relative; margin-bottom:10px;}
#join_input fieldset .box > div:last-child {margin-bottom:0;}
#join_input fieldset .box > div > label {display:none;}
#join_input fieldset .box .chk_wrap {position:relative; padding-left:60px; border:1px solid #d5d5d5; background:#fff;}
#join_input fieldset .box .chk_wrap .chk, #join_input .agree_wrap .list .check-custom>span{position:absolute; top:-1px; left:0; width:60px; height:60px; background:url('https://www.serybox.net/_skin/user_7/img/member/join_incomplete.png') no-repeat center;}
#join_input fieldset .box .chk_wrap .chk.on,
#join_input .agree_wrap .list .check-custom>input:checked+span{background-image:url('https://www.serybox.net/_skin/user_7/img/member/join_done.png');}
#join_input fieldset .box .chk_wrap .form_input {height:58px; padding:4px 20px; border-width:0 0 0 1px;border-color: #d5d5d5;font-size: 16px}
#join_input fieldset .box .chk_wrap .form_input:-ms-input-placeholder {color:#b3b3b3}
#join_input fieldset .box .chk_wrap .form_input::-webkit-input-placeholder {color:#b3b3b3}
#join_input fieldset .box .chk_wrap .form_input::-moz-placeholder {color:#b3b3b3}
#join_input fieldset .box .chk_wrap .form_input:focus {border-color:#dcdcdc; outline:none !important;}
#join_input fieldset .box .warning {display:none; padding-top: 10px}
#join_input fieldset .box .warning p {color:#ef3030; font-weight: 700;font-size:14px;}
#join_input fieldset .box .warning .btn_col {padding:15px 0 5px; text-align: center}
#join_input fieldset .box .warning .btn_col .box_btn {width: 160px;margin: 0 4px}
#join_input fieldset .box .warning .btn_col .box_btn a {width:160px;font-size:15px;}
#join_input .box_btn.gray *{border-color: #d5d5d5}
#join_input fieldset .box .cell_certify {padding-top: 10px}
#join_input fieldset .box .cell_certify1 {display:none;}
#join_input fieldset .box .cell_certify > .info_wrap {overflow:hidden;}
#join_input fieldset .box .cell_certify > .info_wrap strong {float:left; font-size:14px;}
#join_input fieldset .box .cell_certify > .info_wrap .box_btn {float:right;}
#join_input fieldset .box .certify_wrap {position:relative; padding-right:279px;}
#join_input fieldset .box .certify_wrap .form_input {height:46px;}
#join_input fieldset .box .certify_wrap .btn_wrap {position:absolute; top:0; right:0; font-size:0;}
#join_input fieldset .box .certify_wrap .btn_wrap .box_btn {margin-left:10px;}
#join_input fieldset .box .chk_wrap.addbtn {padding-right:128px;}
#join_input fieldset .box .chk_wrap.addbtn .overlap {display:inline-block; position:absolute; right:-1px; top:-1px; width:128px; height:60px; background:#f5f5f5; border: 1px solid #d5d5d5;color:#808080; font-size:16px; text-align:center; line-height:58px}
#join_input fieldset .box .cell_certify.overlap{padding: 0}
#join_input fieldset .box .cell_certify.overlap .box_btn{display: block}
#join_input fieldset .box .cell_certify.overlap .box_btn>a{display: block;height: 58px;padding: 0;border: 0;background: #f5f5f5;line-height: 58px;font-size: 16px;color: #808080 !important}
#join_input fieldset .box .birth_msg {padding-top:10px; color:#ef3030; font-weight: 700;font-size:14px;}
#join_input .agree_wrap .check-custom{margin-left: 15px;line-height: 18px;font-size: 14px}
#join_input .cell_info_layer {display:none; position:fixed; top:50%; left:50%; z-index:10; border:1px solid #ddd; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
#join_input .cell_info_layer .close {display:block; position:absolute; top:10px; right:10px; width:26px; height:26px; background:url('https://www.serybox.net/_skin/user_7/img/common/pop_close.png') no-repeat center; cursor:pointer;}
#join_input .cell_info_layer .bnr img {width:380px; height:auto;}
#join_input .join_dimmed {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5);}
/* 회원가입 정보입력 - 기업회원추가입력 */
#join_input fieldset.biz .licensee_num .form_input {width:32%;}
#join_input fieldset.biz .licensee_num .form_input.second {margin:0 2%;}
/* 회원가입 정보입력 - 추가필드리스트 */
#join_input fieldset.addfd .box > div {margin-bottom:20px;}
#join_input fieldset.addfd .box > div > label {display:block; font-weight:bold;}
/* 회원가입 정보입력 - 버튼 */
#join_input .btn {margin-top: 40px;text-align:center}
/* 회원가입 정보입력 - sns회원가입 */
#join_input.simple fieldset .box .name {position:relative; margin-bottom:10px;}
#join_input.simple fieldset .box .name label {display:none;}
#join_input.simple fieldset .box .type2.line {margin-bottom:0; padding-bottom:0; border-bottom:0;}
#join_input .agree_wrap .inner {position: relative}
#join_input .agree_wrap .all {position: absolute;bottom: 100%;right: 0;margin-bottom: 20px}
#join_input .agree_wrap .all>label{margin-right: 0;font-size: 18px;font-weight: 500;line-height: 26px;color: #191919}
#join_input .agree_wrap .list {border-top:1px solid #d5d5d5}
#join_input .agree_wrap .list .child {position:relative;}
#join_input .agree_wrap .list .child .big {position:relative; height:60px; padding:0 76px; background:#fff; border:1px solid #d5d5d5; border-top:0;}
#join_input .agree_wrap .list .child .big label {font-size:16px; line-height:58px; cursor:pointer;}
#join_input .agree_wrap .list .check-custom>span{border-radius: 0;border-right: 1px solid #d5d5d5}
#join_input .agree_wrap .list .child .big .more {display:block; position:absolute; top:0; right:0; width:60px; height:59px; background:url('https://www.serybox.net/_skin/user_7/img/member/arr.png') no-repeat center; color:transparent; cursor:pointer; text-indent:-9999px;padding: 0;margin: 0;border: 0;}
#join_input .agree_wrap .list .child .big .more.selected {transform: scaleY(-1)}
#join_input .agree_wrap .list .child .mid {display:none; position:absolute; top: 59px; left:0; z-index:1; width:100%; padding:20px; border:1px solid #dcdcdc; background:#fff;}
#join_input .agree_wrap .list .child .mid iframe {width:100%; height:222px; background:#fff;}

/* 회원가입완료(/member/join_step3.php) */
#join_finish {padding:60px 0; text-align:center;}
#join_finish .welcome {padding:0 0 20px; font-size:28px; font-weight:700; letter-spacing:-0.05rem; line-height:1.4;}
#join_finish .welcome * {color:inherit; font:inherit;}
#join_finish .benefit {padding-top:50px;}

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

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

/* 개인정보 보유기간 S */
.agree_title {font-size: 18px; font-weight: 500; padding-top: 10px;}
.agree_select {width: 100%; padding: 10px; margin-left: 20px;}
.agree_label {width: 24%; font-size: 16px; display: inline-block;}
.agree_radio {margin: 0px 15px 5px 0px;}
.agree_text {font-size: 14px; color: #ef3030;}
/* 개인정보 보유기간 E */

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

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

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

/* 마이페이지 메인(/mypage/mypage.php) */
#mypage .my_info {margin-bottom:40px;border: 1px solid #d5d5d5;background:#fafafa}
#mypage .my_info>p{padding: 15px 0;border-bottom: 1px solid #d5d5d5;text-align: center;font-size: 18px}
#mypage .my_info>p *{font-size: 18px}
#mypage .my_info ul {display:table;width: 100%;padding:  20px 0;table-layout: fixed}
#mypage .my_info ul li {display:table-cell; position:relative; color:#818181; text-align:center;}
#mypage .my_info ul li+li{border-left: 1px solid #d5d5d5}
#mypage .my_info ul li a {display: block;font-size: 16px;color: #818181}
#mypage .my_info ul li span {display:block;font-size:30px; font-weight:bold;color: #ef3030}
#mypage .latest {width:100%; font-size:0;}
#mypage .latest li {display:inline-block; width:12.5%; margin-bottom:10px; text-align:center;}
#mypage .latest li img {width:96%; height:auto;}

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

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

/* 개별상품쿠폰 레이어 */
#prdCouponArea {margin-left:-325px !important;}
#pop_coupon2 {position:relative; width:568px; padding:40px 35px;  background:#fff;}
#pop_coupon2 h2 {padding-bottom:30px; border-bottom:1px solid #d9d9d9;color:#191919; font-size:22px;}
#pop_coupon2 .box {overflow:auto; max-height:400px; margin:-1px 0;}
#pop_coupon2 .box .tbl_col .img img {width:60px; height:auto;}
#pop_coupon2 .box .usable_cpn {padding:8px 0; text-align:left;}
#pop_coupon2 .box .usable_cpn > li {position:relative; padding:2px 60px 2px 0;}
#pop_coupon2 .box .usable_cpn > li > label {display:inline-block; cursor:pointer;font-size: 0;line-height: 0;color: transparent;vertical-align: top}
#pop_coupon2 .box .usable_cpn > li > label > strong{padding-left: 5px;font-size: 18px;line-height: 1.444;color: #3a3a3a}
#pop_coupon2 .box .usable_cpn > li > label > strong:before{content: '';margin: 0 7px 0 0}
#pop_coupon2 .box .usable_cpn > li > .expiry {position:absolute; right: 15px; top: 50%; font-size: 16px;line-height: 1.38;color:#808080;transform: translateY(-50%)}
#pop_coupon2 .btn {padding-top:70px; border-top:1px solid #d9d9d9; text-align:center;}
#pop_coupon2 .close {display:inline-block; position:absolute; right:10px; top:10px; width:20px; height:20px; background:url('https://www.serybox.net/_skin/user_7/img/button/hd_close.png') no-repeat center/20px; text-indent:-9999px; cursor:pointer;}
.coupon-list>li{padding: 20px 0}
.coupon-list>li+li{border-top: 1px solid #d9d9d9}
.coupon-list .media{margin-top: 10px}
.coupon-list .media-left{padding-right: 20px;vertical-align: middle}
.coupon-list .media-left>img{width: 80px;height: 80px;border: 1px solid #707070}
.coupon-list .prd-info{vertical-align: middle}
.coupon-list .prd-info *{font-size: 16px;color: #3a3a3a}

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

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

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

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

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

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


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

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

/* 개인정보취급방침(/content/content.php?cont=privacy) */
#pricacy {font-size:14px;}
#privacy > ul > li > dl > dt {padding:30px 0 10px; font-weight:bold; font-size:14px}
#privacy > ul > li > dl > dd {padding-left:10px; color:#666; font-size:14px}
#privacy > ul > li > dl > dd > ul,
#privacy > ul > li > dl > dd > ol {padding-left:10px; color:#666; font-size:14px}
.tbl_trust { display:inline-block; }
.tbl_trust th, .tbl_trust td { border:1px solid; vertical-align:middle; }
.tbl_trust th { text-align:center; }

/* 이용안내(/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; font-size:14px}
#guide > dl > dd {padding-left:10px; color:#666; font-size:14px}
#guide > dl > dd > ul,
#guide > dl > dd > ol {padding-left:10px; color:#666; font-size:14px}

/* 회사소개(/content/content.php?cont=company) */
#cnt.wide .cntbody{width: auto}
.brand-intro{max-width: 1180px;margin: 90px auto}
.brand-intro .div_cont{display: none}
.brand-intro .sub_category{margin-bottom: 80px}
.brand-intro .div_cont *{font-size: 16px;letter-spacing: -.04em;line-height: 1.88}
.brand-intro .div_cont>*{margin-bottom: 80px}
.brand-intro .div_cont>h2{margin-bottom: 25px;font-size: 28px;text-align: center;line-height: 1.36;color: #191919}
.brand-intro .div_cont>img{max-width: 100%;display: block;margin-left: auto;margin-right: auto}
.center-block-image{overflow: hidden;position: relative}
.center-block-image img{position: relative;left: 50%;transform: translateX(-50%)}

/* 세리박스 with 다이어트 로그(/content/content.php?cont=diet) */
#diet .list > li {padding-bottom:30px;}

/* 섭취 가이드 관련 배너 */
.intake0 {text-align:center;}
.intake0 a {display:block;}
.intake0 img {max-width:100%;}
.intake1 {margin:30px 0 0; text-align:center;}
.intake1 a {display:block;}
.intake1 img {max-width:100%;}
#detail .intake0 {margin:20px 0 0 0;}
#detail .intake1 {margin:0 0 50px;}
#detail .tabcnt_detail2 .intake0 {margin:40px 0;}
#orderfin .intake0 {margin-bottom:25px;}
#order_detail .intake0 {margin-top:30px;}

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

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

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

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

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

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

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

/* 상품스타일 - 구매사은품 (장바구니, 주문서) */
.prd_gift{position: relative}
.prd_gift .gift-info{position: absolute;bottom: 100%;right: 0;margin-bottom: 12px}
.prd_gift .gift-info>p{display: inline}
#order_gift_custom_max_cnt_str>strong{margin-left: .5em;font-size: 16px;font-weight: 500}
#order_gift_custom_remain_cnt_str{margin-left: .5em;font-size: 16px;color: #ef3030}
.prd_gift .circle{display: inline-block;width: 14px;height: 14px;margin-top: -5px;border: 1px solid;border-radius: 100%;line-height: 12px;vertical-align: middle;text-align: center;font-size: 10px}
#order_gift_custom_max_cnt_str .circle{color: #ef3030}
.prd_gift .title {display: none}
.prd_gift .title2 {margin-top:10px; padding:3px 0 2px; border:1px solid #d2d2d2; border-bottom:0; background:#969696; color:#fff; font-size:15px; text-align:center}
.prd_gift .byprc {font-size:0;}
.prd_gift .byprc li {display:inline-block;position:relative; margin-right: 20px; padding-left:8px; color:#ef3030; vertical-align:middle;}
.prd_gift .byprc li:first-child {margin-left:0;}
.prd_gift .byprc li:after {display:block; position:absolute; left:0; top:50%; width:4px; height:4px; margin-top:-2px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; background:#ef3030; content:'';}
.prd_gift .btn {padding-top:23px;}
.list_gift {display:table; width:100%; font-size:0; text-align:left !important; padding: 0 20px;}
.list_gift > li {display:inline-block; border-width:1px 1px 1px 0; text-align:center; vertical-align:top;}
.list_gift.col7 > li {width: 25%}
.list_gift .box .img {position:relative; width:100%;}
.list_gift .box .img .prdimg img {width:100%; height:auto;}
.list_gift .box .info {padding:10px 10px 15px}
.list_gift .box .name,
.list_gift .box .name strong {padding: 0 5px;color:#323232; font-size: 15px; line-height:normal; word-break:break-all; word-wrap:break-word}
.list_gift .box .name {overflow:hidden; margin-top: 15px;white-space: nowrap;text-overflow: ellipsis}
.list_gift .box .point{margin-bottom: 5px;font-size: 16px}
.list_gift .box .point .circle{margin-top: -3px}

.faqcnt th{vertical-align: top !important}
#boardlist .cateList.cateList{height: auto;margin-bottom: 50px}
#boardlist .cateList.cateList > ul > li > a{height: auto;border-color:#d5d5d5;line-height: 1.6;padding: 16px;font-size: 16px;color: #808080;}
#boardlist .cateList.cateList > ul > li.actice > a{border-bottom-color: #fff;font-weight: 400;color: #333}


/* 장바구니 게이지 추가 */

.div_cart_gage
{
    width:100%;
	border-top: 2px solid black;
    padding:33px 20px 65px 20px;
}

.gage_bar_area{
    width:100%;
    padding-left:20px;
    padding-right:20px;
}
.cart_gage_bar
{
    height:18px;
    width:100%;
    background:#eaeaea;
}
.cart_gage_bar2
{
    height:18px;
    width:0%;
    margin-top:-18px;
    background:#ef3030;
    background: linear-gradient(90deg, #ff7c12, #ef3030);
}

.gage_text{
    height:25px;
	margin-bottom: 40px;
}

.gage_text li{
    float:left;
}

.gage_content{
    color:#000000;
    font-size:20px;
    font-weight:500;
}

.gage_price{
    color:#ef3030;
    font-size:20px;
    font-weight:500;
    padding-left:5px;
}

.gage_won li{
    width:33%;
    float:left;
    padding-top:10px;
    font-size:18px;
}

.balloon {
    display: inline-block;
    position: relative;
    background: #ef3030;
    padding-top:2px;
    height: 25px;
    width: 80px;
    margin: 0 0 10px 0;
    border-radius:25px;
    text-align:center;

}
.balloon:after {
    content: '';
    position: absolute;
    border-top: 8px solid #ef3030;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    bottom: -7px;
    left: 55px;

}
.balloon_text {
    font-size:13px;
    color:#ffffff;
}

.text_shake{
    animation-duration: 300ms;
    animation-iteration-count: infinite;
    transform-origin: center center;
    animation-play-state: running;
}

span.gift{
    display: inline-block;
    animation: wiggle 1.2s infinite;

}

.animated-vertical{
    display:inline-block;
    -moz-animation:vertical 5.5s 999999 ease 0s;
    -webkit-animation:vertical 5.5s 999999 ease 0s;
    -o-animation:vertical 5.5s 999999 ease 0s;
    -ms-animation:vertical 5.5s 999999 ease 0s;
    animation:vertical 3.0s 9999 1s;
}
@-moz-keyframes vertical{0%{-moz-transform:translate(0,-3px)}4%{-moz-transform:translate(0,3px)}8%{-moz-transform:translate(0,-3px)}12%{-moz-transform:translate(0,3px)}16%{-moz-transform:translate(0,-3px)}20%{-moz-transform:translate(0,3px)}22%{-moz-transform:translate(0,0)}}@-webkit-keyframes vertical{0%{-webkit-transform:translate(0,-3px)}4%{-webkit-transform:translate(0,3px)}8%{-webkit-transform:translate(0,-3px)}12%{-webkit-transform:translate(0,3px)}16%{-webkit-transform:translate(0,-3px)}20%{-webkit-transform:translate(0,3px)}22%{-webkit-transform:translate(0,0)}}@-ms-keyframes vertical{0%{-ms-transform:translate(0,-3px)}4%{-ms-transform:translate(0,3px)}8%{-ms-transform:translate(0,-3px)}12%{-ms-transform:translate(0,3px)}16%{-ms-transform:translate(0,-3px)}20%{-ms-transform:translate(0,3px)}22%{-ms-transform:translate(0,0)}}@keyframes vertical{0%{transform:translate(0,-3px)}4%{transform:translate(0,3px)}8%{transform:translate(0,-3px)}12%{transform:translate(0,3px)}16%{transform:translate(0,-3px)}20%{transform:translate(0,3px)}22%{transform:translate(0,0)}}


.mid .dialog{display: flex;align-items: center;width: calc(100% - 36px);max-width: 500px;min-height: calc(100% - 1rem);margin: .5rem auto}
.mid .dialog-content .icon-close{position: absolute;right: 0;width: 20px;height: 20px;background-image:url('/_skin/user_7/img/button/bnr_close_grey.png');
    background-repeat:no-repeat;
    background-size:20px;
    margin-right:20px;
}

.icon-close
{
    position: absolute;width: 20px;height: 20px;background-image:url('/_skin/user_7/img/button/bnr_close_grey.png');
    background-repeat:no-repeat;
    background-size:20px;
    margin-top:3px;
}


.btn_line_org
{
    border:1px solid #ef3030;
    background:#fff;
    color:#fa5320 !important;
    font-size:14px !important;
    padding:3px 7px;
    margin-top:5px !important;
}

.btn_disabled
{
    border:1px solid #cccccc;
    background:#fff;
    color:#cccccc !important;
    font-size:14px !important;
    padding:3px 7px;
    margin-top:5px !important;
}

.order_coupon_back
{
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: rgba(0,0,0,.5);
    z-index: 100;
}
.dialog-content strong{
    font-size:17px;
}

.btn_total_milage, .btn_coupon_pop{
    display: inline-block;
    margin: 0;
    padding: 13px 13px 14px 13px;
    border: 1px solid #000;
    outline: none;
    background: #000;
    color: #fff !important;
    font-size: 14px;
    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;
    width:95px;
}
.btn_non_coupon{
	display: inline-block !important;
	padding-bottom: 16px;
	padding-left: 200px;
	margin-right:20px;
}

.color-org{
    color:#ef3030;
}

.pc-icon-close{
	display: inline-block !important;
	padding-left: 200px !important;
	padding-bottom: 22px !important;
	float:none !important;
}

#event_d_day{
    font-family: SDGothicNeoaUni-eMd !important;
    font-size: 28px !important;
    font-weight: normal;
    letter-spacing: -1.4px;
    color: #000000;
}

#order_count{
    height:67px;
    border-radius:67px;
    line-height:67px !important;
    background:#e6e1db;
    width:440px;
    text-align:center;
    margin:auto;
    vertical-align:middle;
    margin-bottom:35px;
    margin-top:10px;
}

.order_counter{
    font-size:38px !important;
    font-weight:500;
    display:inline-block;
    width:55px;
    font-family:Montserrat;
    text-align:right !important;
}

.order_count_str{
    font-family: SDGothicNeoa-eMd;
    font-size: 28px !important;
    line-height: 1.07;
    letter-spacing: -1.4px;
    color: #5e5e5e;
}

.inline_a{
  display: block;
  height: 4rem;       /* 헤더의 height와 동일한 값 */
  margin-top: -4rem;  /* 헤더의 height와 동일한 값 */
  visibility: hidden;
}


/* #topbnr .close {position:absolute; right:305px; top:0; z-index:5; width:35px; height:35px;background:url('https://www.serybox.com/_skin/user_7/img/button/topbanner_x.jpg') no-repeat center/35px auto; color:transparent; font-size:0; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;} */

#topbnr .close {position:absolute; right:50%; margin-right:-590px;top:0; z-index:5; width:33px; height:33px; background:url('https://www.serybox.com/_skin/user_7/img/logo/banner_close_pc.png') no-repeat center/33px auto; color:transparent; font-size:0; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;}

.event_mid .event_dialog{display: flex;align-items: center;width: calc(100% - 36px);max-width: 400px;min-height: 100%;margin: auto}
.event_mid .event_dialog .icon-close{position: absolute;right: 0;width: 17px;height: 17px;background-image:url('/_skin/user_7/img/button/hd_close.png');
    background-repeat:no-repeat;
    background-size:17px;
    margin-right:10px;
}

.event_pop
{
    border-radius:5px;
    position: relative;
    background: #fff;
    vertical-align:middle;
    align-items: center;
    width: 100%;
    max-width: 400px;
    z-index:82;
}

.event_msg{
    padding:80px 0 55px 0;
    text-align:center;
    vertical-align:middle;
    word-break:break-all;
    word-wrap:break-word;
    font-size:19px;
    color:#4d4d4d;
    font-weight:300;
    line-height:1.4 !important;
}

.event_msg_strong{
    font-weight:600;
    font-size:28px;
    color:#232323;
}

.event_pop_content
{
    border-radius:5px;
    padding: 10px;
}

.non_member
{
    font-size:19px;
    color:#4d4d4d;
}

.event_btn
{
    background:#d22630;
    text-align:center;
    border-radius: 0 0 5px 5px;
    font-size:22px;
    color:#fff;
    padding:15px;
    border:0px;
}

.btn_event_ok
{
    border-radius:5px !important;
    width:100%;
    border-color:#d22630;
    background:#d22630;
    font-size:22px;
    color:#fff;
    border:0px;
    cursor:pointer;
    font-weight:600;
}

.prdt-list-visual .slides_container .slick-prev {
    height: 40px;
    margin-left: -618px;
    top: 52.3%;
    background: url(https://www.serybox.com/_skin/user_7/img/button/event_slide_next.png) no-repeat 50% 50%;
	opacity:0.5;
}

.prdt-list-visual .slides_container .slick-next {
    height: 40px;
    margin-left: 550px;
    top: 52.3%;
    background: url(https://www.serybox.com/_skin/user_7/img/button/event_slide_next.png) no-repeat 50% 50%;
	opacity:0.5;
}

.marketing_slides_container .slick-dots{ top:88%; }
.marketing_slides_container .slick-dots li button { width: 10px; height: 10px; background-color: rgba( 255, 255, 255, 0.5 ); }
.marketing_slides_container .slick-dots li.slick-active button { background-color: #ffffff; }
.marketing_slides_container .slick-next {
    position: absolute;
    top: 55%;
    right: 10px;
    z-index: 50;
    height: 20px;
    width: 20px;
    background: url(https://serybox.wisacdn.com/popup/2019/12/right.png) no-repeat 50% 50%;
}

.marketing_slides_container .slick-prev{
    position: absolute;
    top: 55%;
    left: 10px;
    z-index: 50;
    height: 20px;
    width: 20px;
    background: url(https://serybox.wisacdn.com/popup/2019/12/right.png) no-repeat 50% 50%;
}

#dimLayer{ width:100%; height:1500px;background-color: rgba(0, 0, 0, 0.65); position:fixed; left:0; top:0px; margin:0; padding:0;display: none;z-index:80;cursor:pointer;}
#dimLayerForQna{ width:100%; height:1500px;background-color: rgba(0, 0, 0, 0.72); position:fixed; left:0; top:0px; margin:0; padding:0;z-index:1000;cursor:pointer;}

#nonuser_join_member_layer_renew{
position: fixed;
    width: 350px;
    height: 240px;
    left: 50%;
    top: 50%;
    margin-left: -175px;
    margin-top: -165px;
    z-index: 81;
    display: none;
    text-align: center;
}

#nonuser_join_member_layer{
position: fixed;
    width: 350px;
    height: 240px;
    left: 50%;
    top: 50%;
    margin-left: -175px;
    margin-top: -165px;
    background-color: #fff;
    z-index: 81;
    padding: 20px;
    display: none;
    text-align: center;
	border-radius: 10px;
}
#nonuser_join_member_layer>p.title{
	font-family: 'Noto Sans KR','Apple SD Gothic Neo',sans-serif;
    font-size: 24px;
    text-align: center;
    color: rgba(77, 77, 77, 0.8);
    font-weight: 400;
    border-bottom: 2px solid #d1d1d1;
    padding: 9px 0;
}
#nonuser_join_member_layer>p .corg{color:red;font-size: 24px !important;}
#nonuser_join_member_layer>p.contents{
	font-family: 'Noto Sans KR','Apple SD Gothic Neo',sans-serif;
    font-size: 24px;
	text-align:center;
	width:100%;
	margin-top:33px;
	color: #4d4d4d;
}
#nonuser_join_member_layer .btn_close{
	position: absolute;
    right: 15px;
    top: 15px;
    width: 21px;
    height: 21px;
    background-image: url(/_skin/user_7/img/button/bnr_close_grey.png);
    background-repeat: no-repeat;
    background-size: 20px;
}
#nonuser_join_member_layer>span.box_btn a{
	position: absolute;
	bottom: 0;
	width: 50%;
	background-color: #005844;
	color: #fff !important;
	border: 0 none;
	font-family: 'Noto Sans KR','Apple SD Gothic Neo',sans-serif;
	font-size: 20px;
    padding: 15px 0;
}

#nonuser_join_member_layer > div > span.box_btn a{
    position: absolute;
    bottom: 0;
    width: 50%;
    background-color: #005844;
    color: #fff !important;
    border: 0 none;
    font-family: 'Noto Sans KR','Apple SD Gothic Neo',sans-serif;
    font-size: 20px;
    padding: 15px 0;
}

#nonuser_join_member_layer span.continue a{
	left: 0;
	border-right: 2px solid rgba(12, 34, 15, 0.3);
}

#nonuser_join_member_layer > div > span.continue a{
    left: 0;
    border-right: 2px solid rgba(12, 34, 15, 0.3);
}

#nonuser_join_member_layer span.go_join a{
	right: 0;
}
.main_banner_pager{
    color:#fff;
    background-color:rgba(100, 100, 100, 0.3);
    border-radius:18px;
    height:37px;
    text-align:center;
    vertical-align:middle;
    margin:0 auto;
    line-height:37px;
    width:92px;
    top:-80px;
    right:50%;
    margin-right:-600px;
    position:relative;
    z-index:60;
    float:right;
    font-size:16px;
}


.coupon_list_wrapper{height: 500px;overflow:auto;}
.coupon_list_wrapper::-webkit-scrollbar { width: 5.2px; }
.coupon_list_wrapper::-webkit-scrollbar-track { background-color:#cccccc; }
.coupon_list_wrapper::-webkit-scrollbar-thumb { background: #303030; }
.coupon_list_wrapper::-webkit-scrollbar-thumb:hover { background: #404040; }
.coupon_list_wrapper::-webkit-scrollbar-thumb:active { background: #808080; }
.coupon_list_wrapper::-webkit-scrollbar-button { display: none; }