@import url('https://fonts.googleapis.com/css?family=Comfortaa:300,400,500,600,700&display=swap');
@font-face { font-family: 'GmarketSansBold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff'); font-weight: normal; font-style: normal; }
*{-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:none}
html,body,pre,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,li,ol,th,td,p,blockquote,form,fieldset,legend,menu,nav,section,hgroup,article,header,aside,footer,input,select,textarea,button{margin:0;padding:0}
body,h1,h2,h3,h4,h5,h6,table,pre,xmp,plaintext,listing,input,textarea,select,button,a{font-size:1em;color:#000;line-height:1;font-family:'Noto Sans KR','맑은고딕','맑은 고딕',sans-serif;letter-spacing:-.33px}
h1,h2,h3,h4,h5,h6{/* font-weight:400 */}
img,fieldset,button{border:0 none}
img{vertical-align:middle;font-size:0;line-height:0}
li{list-style:none}
hr,legend{display:none}
caption{height:1px;width:1px;position:absolute;font-size:0;left:-999em;top:-999em;z-index:-1;text-indent:-999em}
a{color:#1c1c1c;text-decoration:none;background:none}
button{overflow:hidden;cursor:pointer}
button span{visibility:hidden}
address,em{font-style:normal}
select{color:#1c1c1c}
input:focus{/* outline:none */}
input, select,button{display: inline-block;vertical-align: middle;}
table,th,td{width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed;word-wrap:break-word;word-break:keep-all; border:0;}
input[type=text]::-ms-clear{display:none}
#preview_wrap{display:none!important} /* 미리보기 숨김 */
/* html { width:100%; height:100%; } */
html,body { width:100%; height:100%; } /* 20.11.18 삼성전자 사전신청 추가 */
.left { text-align: left; }
.center { text-align: center; }
.top { caption-side: top; }
.right { text-align: right; }
.bold { font-weight: bold; }
.fw3 { font-weight: 400; }
.fw4 { font-weight: 400; }
.fw5 { font-weight: 500; }
.none { display:none; }
.cboth,.clr,.clear { clear:both;*zoom:1 }
.cboth:after,.clr:after,.clear:after { content:" "; display:block; clear:both; }
.fleft,.flt {float:left;}
.fright,.frt {float:right;}
.ff-lato{font-family: 'Lato';}
.fz11{font-size: 11px;}.fz12{font-size: 12px;}.fz13{font-size: 13px;}.fz14{font-size: 14px;}.fz15{font-size: 15px;}.fz16{font-size: 16px;}
.brand_name br{display:none}
/*========================================================================
공통 class
=======================================================================*/
/* 미리보기 */
#preview_wrap { display:none }
/* image replace, hidden text */
.ir *,
.blind { z-index:-1; position: absolute; display: block; left: 0; top: 0; overflow: hidden; visibility: hidden; width: 0; height: 0; text-indent: -9999px; }
/* block, inline */
.d-block { display: block;}
.d-inline { display: inline;}
/* form */
.txt-right { text-align: right; }
.MS_input_txt[type="text"],.MS_input_txt[type="password"],.MS_input_txt[type="file"],.MS_input_file,.MS_input_tel,.MS_select,.MS_input_btn,input.MS_input_file_button,select#refund_bank { margin-right:0; line-height:normal; line-height: 34px;height: 34px;border: 1px solid #b4b4b4;display: inline-block;vertical-align: middle;font-size: 15px;background-color: #fff;color: #454649;}
.MS_input_btn,a.MS_input_btn,input.MS_input_btn,button.MS_input_btn,button#MS_recommand_search,input.MS_input_file_button{color: #fff;background: #898989;padding: 0 25px;border: none;height: 36px;line-height: 35px;margin: 0 3px;font-weight: 400;font-size: 14px;}
.MS_input_btn.on{background-color: #dc2d4e;}
.MS_input_btn.dark,button#MS_recommand_search{background: #575757 !important;}
.MS_input_btn.line{background-color: #fff;color: #454649;border: 1px solid #b4b4b4;line-height: 34px;height: 34px;font-weight: normal;}
.MS_birthday, .MS_radio{margin-right: 3px;}
.MS_input_txt[type="text"],.MS_input_txt[type="password"],.MS_input_txt[type="file"]{padding-left:5px}
.MS_input_tel{text-align:center}
.txt-disabled { background-color: #f6f6f6; }
.chk-rdo { width: 13px; height: 13px; vertical-align: middle; }
.txt-area1 { overflow-y: scroll; padding: 2px 0 0 2px; line-height: 17px; }
/* file add trick */
.file-wrap { display: inline-block; overflow: hidden; position: relative; height: 23px; width: 280px; vertical-align: middle; background: url(/images/btn/h20_trick_fileadd.gif) no-repeat right 0; }
.file-wrap .file-txt { float: left; border: 0 none; height: 18px; font-size: 12px; line-height: 18px; width: 198px; border: 1px solid #ccc; }
.file-wrap .file-trick { cursor: pointer; position: absolute; right: 0px; top: 0; right: 0; width: 100px; height: 20px; background: none; border: 0 none; opacity: 0; filter: alpha(opacity=0); }
/* font-color */
.fc-red { color: #bd101b; }
.fc-blue { color: #2c6b9e; }
.MS_option_price { color: #FF3C00; }
/* bold */
.bold { font-weight: bold; }
/* float clear */
.clearFix {zoom:1; overflow:hidden; position:relative;}
.clear { zoom: 1; }
.clear:after { content: ""; display: block; clear: both; }
.fl_left { float:left; }
html { width:100%; height:100%; }
.left { text-align: left; }
.center { text-align: center; }
.top { caption-side: top; }
.right { text-align: right; }
.bold { font-weight: bold; }
.none { display:none; }
.cboth,.clr,.clear { clear:both;*zoom:1 }
.cboth:after,.clr:after,.clear:after { content:" "; display:block; clear:both; }
.fleft,.flt {float:left;}
.fright,.frt {float:right;}
/* margin */
.mr-5 { margin-right: 5px;}
.mr-10 { margin-right: 10px; }
.mr-15 { margin-right: 15px; }
.mr-20 { margin-right: 20px; }
.ml-5 { margin-left: 5px; }
.ml-10 { margin-left: 10px; }
.ml-15 { margin-left: 15px; }
.ml-20 { margin-left: 20px; }
.mt-5 { margin-top: 5px; }
.mt-10 { margin-top: 10px; }
.mt-15 { margin-top: 15px; }
.mt-20 { margin-top: 20px; }
.mt-30 { margin-top: 30px; }
.mt-50 { margin-top: 50px; }
.mt-60 { margin-top: 60px; }
.mb-5 { margin-bottom: 5px; }
.mb-10 { margin-bottom: 10px; }
.mb-15 { margin-bottom: 15px; }
.mb-20 { margin-bottom: 20px; }
.mb-30 { margin-bottom: 30px; }
/* padding */
.pr-5 { padding-right: 5px; }
.pr-10 { padding-right: 10px; }
.pr-15 { padding-right: 15px; }
.pr-20 { padding-right: 20px; }
.pl-5 { padding-left: 5px; }
.pl-10 { padding-left: 10px; }
.pl-15 { padding-left: 15px; }
.pl-20 { padding-left: 20px; }
.pl-30 { padding-left: 30px; }
.pt-5 { padding-top: 5px; }
.pt-10 { padding-top: 10px; }
.pt-15 { padding-top: 15px; }
.pt-20 { padding-top: 20px; }
.pb-5 { padding-bottom: 5px; }
.pb-10 { padding-bottom: 10px; }
.pb-15 { padding-bottom: 15px; }
.pb-20 { padding-bottom: 20px; }
/* table */
table img { vertical-align: middle; }
.tb-bold { font-weight: bold; }
.tb-btn { padding: 0; }
.tb-left { text-align: left; }
.tb-center { text-align: center; }
.tb-right { text-align: right; }
.tb-label-r5 label { margin-right: 5px; }
.tb-label-r10 label { margin-right: 10px; }
.tb-label-r10 label.last,
.tb-label-r5 label.last{ margin-right: 0; }
/* table-type-1 */
.table-type-1 { border-top: 1px solid #b7b7b7; border-bottom: 1px solid #b7b7b7; }
.table-type-1 th,
.table-type-1 td { padding: 8px 0 8px; border-bottom: 1px solid #ddd;}
.table-type-1 tr.nbg th,
.table-type-1 tr.nbg td { border-bottom: 0 ;}
.table-type-1 tr.bg th,
.table-type-1 tr.bg td { background-color: #fcfcfc; }
.table-type-1 th { font-weight: normal; }
/* table-type-2 */
.table-type-2 { border-top: 1px solid #111; border-bottom: 1px solid #ccc; padding: 10px ; }
.table-type-2 th,
.table-type-2 td { padding: 12px 0; }
.table-type-2 th { font-weight: normal; }
.table-type-2 tr.nbg th,
.table-type-2 tr.nbg td { border-bottom: 0 ; }
/* 상품리스트 (메인/검색/상품리스트) */
.prd-list { margin-top: 10px; }
.prd-list table td { border: 0; vertical-align: top; }
.prd-list table .tb-center { padding: 0 10px; }
.prd-list table .info { padding: 5px 0; }
.prd-list .thumb { width: 196px; height: 196px; margin-left: auto; margin-right: auto; font-size:0; line-height: 0; border: 2px solid #f2f4f3; }
.prd-list .thumb a,
.prd-list .thumb img { display: block; width: 100%; height: 100%; }
.prd-list .dsc { margin-top: 15px; font-weight: bold; }
.prd-list .price { margin-top: 5px; font-weight: bold; color: #333; }
/* 상품 total/정렬 */
.total-sort { zoom: 1; overflow: hidden; padding-bottom: 5px; border-bottom: 1px solid #e5e5e5; }
/* total */
.total-sort .total { float: left; width: auto; }
.total-sort .total dt,
.total-sort .total dd { display: inline; }
.total-sort .total dd { font-weight: bold; }
.total-sort .total dt { text-transform: capitalize; }
/* sort */
.total-sort .sort { float: right; width: auto; display: inline; margin-right: 20px; }
.total-sort .sort li,
.total-sort .sort li a { float: left; width: auto; }
.total-sort .sort li { display: inline; margin-left: 10px; }
/* 게시판 총게시글,PAGE */
.total-page { zoom: 1; overflow: hidden; }
.total-page .total { float: left; width: auto; }
.total-page .page { float: right; width: auto; }
/* 회원 등급 표시 */
/* 타입 1 */
.mem-lvl { zoom: 1; overflow: hidden; padding: 24px 0; background-color: #fdf5f7;border: 1px solid #d5a6af; border-top:1px solid #dc2d4e ;margin-bottom: 40px;text-align: center/* ;border-radius: 0 0 20px 20px */;position: relative;}
.mem-lvl::before,
.mem-lvl::after{display: block;content: '';border: 5px double #d5a6af;position: absolute;width: 8px;height: 8px;font-size: 0;bottom: 20px;border-radius:50% ;opacity: 0.7;}
.mem-lvl::before{left: 20px;}
.mem-lvl::after{right: 20px;}
.mem-lvl .lvl-img { left: -120px; margin-right: -120px; width: 120px;display: none;}
.mem-lvl p { width: 100%; line-height: 30px;font-size: 18px;font-weight: 400; color: #5c3139;}
.mem-lvl p em { color: #dc2d4e; font-weight: 500; }
.mem-lvl span.MS_group_reserve_msg,
.mem-lvl span.MS_group_dc_msg { color:#333; }
.mem-lvl span.lvl-desc{font-size: 16px;color: #89021c;}
/* 타입 2 */
.mem-lvl-2 { zoom: 1; overflow: hidden; padding: 15px 50px 15px 150px; border: 5px solid #ededed; }
.mem-lvl-2 .lvl-img,
.mem-lvl-2 p { position: relative; float: left; }
.mem-lvl-2 .lvl-img { left: -130px; margin-right: -130px; width: 120px; border-right: 1px solid #ededed; }
.mem-lvl-2 p { width: 100%; padding-top: 10px; line-height: 16px; }
.mem-lvl-2 p em { color: #be101a; font-weight: bold; }
.mem-lvl-2 span.MS_group_reserve_msg,
.mem-lvl-2 span.MS_group_dc_msg {
color:#F26622;
}
/* 마이페이지 상단 메시지 박스 */
.t-box-msg { padding:20px; border: 10px solid #f1f2f3; font-size: 15px;font-weight: 400;margin-bottom: 20px;position: relative;}
.t-box-msg strong { color: #693; font-weight: 400;}
.t-box-msg a.btn_cart_sel{position: absolute;top: 12px;right: 20px;padding: 0 17px;font-weight: 500 !important;}
/* 주문기간조회 */
.order-search-box{padding: 25px 10px;border: 1px solid #ddd;background-color: #f1f1f1;text-align: center;font-size:0}
.order-search-box dl,.order-search-box dt,.order-search-box dd{display: inline-block;text-align: center;vertical-align: middle;}
.btnset a{line-height: 32px;background-color: #fff;display: inline-block;border: 1px solid #b4b4b4;text-align: center;padding: 0 13px;vertical-align: middle;font-size: 14px;margin-right: 3px;}
.btnset a:focus,.btnset a:hover,.btnset a:active{background-color: #494645;border-color: #444;color: #fff;}
.btnset a.srch{background-color: #494645;color: #fff;border-color: #444;font-weight: 400;font-size: 13px;margin-right: 0;}
.btnset input.MS_input_txt.MS_calendar{text-align:center;border: none;background:none;padding-right: 20px;cursor: pointer;position: relative;z-index: 2;line-height: 32px;height: 32px;outline:none}
.btnset .date-icon{border: 1px solid #b4b4b4;margin-right: 3px;display: inline-block;position: relative;background-color: #fff;}
.btnset .date-icon::after{display: block;content: '';position: absolute;top: 0;right: 0;bottom: 0;background:url(/design/cepa5678/__ns/img/common/calendar_icon.gif) center no-repeat;width: 30px;z-index: 0;border-left: 1px solid #d0d0d0;}
a.sbtns{margin: 2px;display: inline-block;width: 50px;font-size: 13px;line-height: 21px;height: 22px;text-align: center;border: 1px solid #ccc;background: #ffffff;background: linear-gradient(to bottom, #ffffff 0%,#f6f6f6 75%,#ededed 150%);transition:.25s ease-out}
a.sbtns:hover{color: #dc2d4e;border-color: #dc2d4e;}
.tot-sch-box { background-color: #f8f8f8;padding: 25px 90px 25px 390px;overflow: hidden;margin-bottom: 50px;position: relative;}
.tot-sch-box h4{position: absolute;top: 60px;left: 120px;font-family: 'GmarketSansBold';font-size: 40px;font-weight: bold;color: #dc2d4e;text-transform: uppercase;}
.tot-sch-box .sch-box-s{display: inline-block;border-radius:5px;border: 1px solid #e5e5e5;padding: 0 13px 0 15px;margin: 0 4px 0 10px;vertical-align: middle; background-color: #fff; color: #888;}
.tot-sch-box input.MS_input_txt{border: 0;background-color: #FFF;vertical-align: top;display: inline-block;margin-right: 3px;text-align: center; height: 40px; line-height: 40px; width: 100px; color: #000;}
.sch-box-s-wrap{display: inline-block;font-size: 14px;line-height: 40px;}
.sch-box-s-wrap.wide{display: block; padding-top: 15px;}
.sch-box-s-wrap.wide input.MS_input_txt{width: 512px;}
.tot-sch-box .go-sch{width: 40px;height: 40px;border-radius: 5px;background: #dc2d4e url(/design/cepa5678/__ns/img/common/zm_w.png) no-repeat center;display: inline-block;vertical-align: middle;font-size: 0;text-indent: -999em;}
/*
========================================================================
공통 - 레이어
========================================================================
*/
/* 상품 미리보기 레이어 */
#detailpage { position: absolute; top: 100px; display: block; width: 640px; padding: 10px 10px 40px; border: 3px solid #ccc; background-color:#fff; }
#detailpage .loc { zoom: 1; overflow: hidden; }
#detailpage .loc span { float: right; width: auto; }
#detailpage .hd { margin-top: 10px; padding: 5px 10px 5px 30px; border-bottom: 1px solid #ddd; }
#detailpage .hd h2 { font-weight: bold; font-size: 16px; color: #111; }
#detailpage .detail { zoom: 1; overflow: hidden; margin-top: 20px; padding-left: 300px; }
#detailpage .thumb-wrap,
#detailpage .txt-wrap { position: relative; float: left; }
/* thumb-wrap */
#detailpage .thumb-wrap { width: 300px; left: -300px; margin-right: -300px; text-align: center; }
#detailpage .thumb-wrap .btns { margin-top: 10px; }
#detailpage .thumb-wrap .btns a { margin-left: 5px; }
#detailpage .thumb-wrap .thumb img { width: 250px; }
/* txt-wrap */
#detailpage .txt-wrap { width: 100%; }
#detailpage .txt-wrap .ptit { font-weight: bold; font-size: 14px; color: #333; }
#detailpage .txt-wrap .psub { color: #999; padding-top: 3px; }
#detailpage .txt-wrap .table-opt { border-top: 1px solid #ccc; margin-top: 7px; }
#detailpage .txt-wrap .opt { margin-top: 5px; }
#detailpage .txt-wrap .opt li { padding: 3px 0; }
#detailpage .txt-wrap .opt li.s-price { color: #333; }
#detailpage .txt-wrap .f-btns { margin-top: 10px; padding-top: 30px; border-top: 1px solid #ccc; }
#detailpage .txt-wrap .f-btns a { margin-right: 5px; }
/* opt-spin */
#detailpage .opt-spin { display: inline-block; position: relative; width: 36px; height: 20px; }
#detailpage .opt-spin .txt-spin { width: 22px; height: 18px; padding-right: 2px padding-top: 2px; font-size: 11px; text-align: right; }
#detailpage .opt-spin .btns { position:absolute; left: 35px; top:0px; width: 12px; height: 20px; }
#detailpage .opt-spin .btns img { overflow: hidden; float: left; text-indent: -999px; background: none; }
#detailpage .thumb-wrap .btns { margin-top: 10px; }
#detailpage .thumb-wrap .btns a { margin-left: 5px; }
#detailpage .board-btns a{display: inline-block;line-height: 30px;width: 100px;font-size: 15px;text-align: center;border: 1px solid #000;}
.pop_dimm {position: fixed; background: rgba(20, 21, 22, 0.85); z-index:1001; left: 0; top: 0; right: 0; bottom: 0; }
body.fixed_pop{overflow:hidden}
body.fixed_pop #detailpage{display:block}
body.fixed_pop #wrap{min-width:100%}
#detailpage .cnt{position: relative;}
#detailpage{position:fixed !important;top:50%;left:50%;z-index:999;display:none;transform:translate(-50%,-50%);width:384px !important;border:0;height:540px;background-color:#fff;padding:30px;margin:0 !important}
#detailpage .loc{zoom:1;overflow:hidden;display:none}
#detailpage .loc span{float:right;width:auto}
#detailpage .hd{margin-top:10px;padding:5px 10px 5px 30px;border-bottom:1px solid #ddd;display:none}
#detailpage .hd h2{font-weight:700;font-size:16px;color:#111}
#detailpage .detail{zoom:1;overflow:hidden;height:490px;background-color:#fff;position:relative;padding:0 0 50px;margin:0}
#detailpage .thumb-wrap,#detailpage .txt-wrap{float:none;width:auto;text-align:left}
#detailpage .close-layer{position:absolute;top:0;right:0;background:url(/design/cepa5678/__ns/img/common/div_x.gif) center no-repeat;width:25px;height:25px;display:block;text-indent:-999em}
#detailpage .thumb-wrap{overflow:hidden;padding-right:30px;margin:0;left:0;border-bottom: 1px solid #ccc;padding-bottom: 10px;}
#detailpage .thumb-wrap .thumb{float:left;width:60px;height:60px}
#detailpage .thumb-wrap .thumb img{width:60px;height:60px;font-size:0}
#detailpage .thumb-wrap .ptit{padding-left:15px;float:left;font-weight:400;line-height:1.3;font-size:15px;width:calc(100% - 95px);text-align:left}
#detailpage .thumb-wrap .ptit br{display:none}
#detailpage .txt-wrap{padding-top:0}
#detailpage .txt-wrap .psub{color:#999;padding-top:3px}
#detailpage .txt-wrap .table-opt{border-top:0;margin-top:0;height:314px;overflow-x:hidden;overflow-y:auto}
#detailpage .txt-wrap .opt{margin-top:0}
#detailpage .txt-wrap .opt li{padding:2px 0}
#detailpage .f-amount{position:absolute;bottom:106px;left:0;right:0;height:40px;padding:10px 10px 0;border-top:1px solid #ddd;overflow:hidden;line-height:30px;background-color:#fff}
#detailpage .f-amount em{font-style:normal}
#detailpage .f-amount .opt-btns{text-align:right;float:right}
#detailpage .f-total{position:absolute;bottom:50px;left:0;right:0;height:44px;padding:12px 10px 0;border-top:1px solid #ddd;overflow:visible;line-height:30px}
#detailpage .f-total::after{display: block;content: '';clear: both;}
#detailpage .f-total em{font-style:normal}
#detailpage .f-total .f-price-total{text-align:right;float:right}
#detailpage .f-total .f-price-total b{font-size:29px;color:#c00;display:inline-block;font-family:'Lato';padding:0 4px 8px 0;vertical-align:middle}
#detailpage .f-btns{text-align:center;position:absolute;bottom:0;left:0;right:0;overflow:hidden}
#detailpage .f-btns li{float:left;width:23%}
#detailpage .f-btns li:last-child{width:31%;float:right}
#detailpage .f-btns li a{height:48px;line-height:48px;display:block;background-color:#ccc;margin-right:4px;font-size:14px;border:1px solid #ddd}
#detailpage .f-btns li:last-child a{margin-right:0;background-color:#e72349;color:#fff;border-color:#e72349}
#detailpage .f-btns li:first-child a{background-color:#494041;color:#fff;border-color:#494041}
#detailpage .f-btns li.soldout { height: 50px;line-height: 49px;display:block;background-color: #313536;color: #fff;width:69%}
#detailpage .opt-spin{display:inline-block;position:relative;width:36px;height:20px}
#detailpage .opt-spin .txt-spin{width:22px;height:18px;padding-right:2px;padding-top:2px;font-size:11px;text-align:right}
#detailpage .opt-spin .btns{position:absolute;left:35px;top:0;width:12px;height:20px}
#detailpage .opt-spin .btns img{overflow:hidden;float:left;text-indent:-999px;background:none}
#detailpage .thumb-wrap .btns{margin-top:10px}
#detailpage .thumb-wrap .btns a{margin-left:5px}
#detailpage .board-btns a{display:inline-block;line-height:30px;width:100px;font-size:15px;text-align:center;border:1px solid #000}
#detailpage .opt select{line-height:30px;height:32px;border-color:#ccc;display:inline-block;vertical-align:middle;font-size:15px;padding:0 15px 0 10px;width:99.9%}
#detailpage .opt select::-ms-expand{display:none}
#detailpage .opt select{-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;appearance:none;background-image:url(/design/cepa5678/__ns/img/common/q_aro_dn.png);background-position:97% 50%;background-repeat:no-repeat;outline:none}
#detailpage .txt-wrap .opt li{position:relative;padding-left:75px;line-height:32px;height:32px;font-size:15px}
#detailpage .txt-wrap .opt li span.opt-tit{display:block;position:absolute;top:2px;left:0;font-size:14px;font-weight:400}
#detailpage .txt-wrap .opt li.s-price{padding-top:5px}
#detailpage .txt-wrap .opt li.s-price span.opt-tit{top:7px}
#detailpage .txt-wrap .opt li.s-price span.price{color:#633;font-weight:700;font-size:18px}
#detailpage .opt-btns{width:auto;padding:0 28px;background-color:#fff;position:relative;width:28px;line-height:0}
#detailpage .opt-btns input{width:28px;height:26px;line-height:26px;display:inline-block;font-size:13px;font-family:'Lato';border:0;vertical-align:middle;text-align:center!important;border-top:1px solid #c8cacc;border-bottom:1px solid #c8cacc}
#detailpage .opt-btns a img{display:none}
#detailpage .opt-btns a{vertical-align:middle;border:1px solid #999;line-height:0;height:26px;display:inline-block;font-size:0;width:26px;background-color:#fff;background-repeat:no-repeat;background-position:center;text-indent:-999em;opacity:.43;transition:.25s ease-out;position:absolute;top:0}
#detailpage .opt-btns a.btn-up{background-image:url(/design/cepa5678/__ns/img/common/qty-ctrl-plus.gif);right:0}
#detailpage .opt-btns a.btn-dw{background-image:url(/design/cepa5678/__ns/img/common/qty-ctrl-minus.gif);left:0}
#detailpage .opt-btns a:hover{opacity:1;border-color:#000}
.price-total-top{position: absolute;left: 78px;top: -357px;border: 0px solid red;font-size: 14px;}
.price-total-btm{position: absolute;right:0;top: 375px;border: 0px solid blue;z-index: 2;}
#detailpage .f-total .f-price-total .price-total-top b{color: #633;font-weight: 700;font-size: 19px;padding: 0 4px 0 0;line-height: 30px;vertical-align: top;}
#detailpage .txt-wrap .opt li.s-price .price-total-btm {font-size: 16px;text-align: right;padding-right: 10px;}
#detailpage .txt-wrap .opt li.s-price .price-total-btm span.price{font-size: 29px;color: #c00;display: inline-block;font-family: 'Lato';padding:0 4px 8px 0;vertical-align: middle;}
.tit-pages-top { margin-bottom: 50px; padding-top: 10px; border-bottom: 0; font-size: 30px; font-weight: bold;text-align: center; }
#snstype {padding-top: 60px;border-top: 1px solid #000;text-align: center;}
#snstype h2{font-size: 24px;font-weight: 400;color: #000;letter-spacing: -1px;}
#snstype p{font-size: 16px;font-weight: 400;color: #555;padding-top: 10px;}
#snstype>div{padding-top: 25px;}
#snstype a { display: block; line-height: 48px;border: 1px solid #ccc;font-size: 18px;margin-bottom: 10px;font-weight: 400;transition:.25s ease-out;box-shadow:0 0 0 rgba(0,0,0,0.0)}
#snstype a:hover{border-color: #000;box-shadow:0 0 7px rgba(0,0,0,0.2)}
#snstype a em{background-repeat: no-repeat;background-position: center;width: 105px;display: inline-block;vertical-align: top;text-indent: -999em;}
#snstype a em.facebook{background-image: url(/design/cepa5678/__ns/img/common/sns_login_facebook.png);}
#snstype a em.naver{background-image: url(/design/cepa5678/__ns/img/common/sns_login_naver.png);}
#snstype a em.kakao{background-image: url(/design/cepa5678/__ns/img/common/sns_login_kakao.png);}
#snstype .sns_tip{text-align: left;position: relative;padding: 5px 0 0 15px;font-size: 14px;line-height: 1.4;margin-left: 10px;}
#snstype .sns_tip::before{display: block;content: '※';position: absolute;top: 6px;left: 0;font-size: 13px;}
/*******
member login
*******/
#loginWrap{overflow: hidden;padding: 0 80px;/* width: 1040px; */}
#loginWrap .wrp{padding: 15px 0 ;position: relative;margin-bottom: 0;}
#loginWrap .wrp::after{display: block;content: '';position: absolute;width: 1px;background-color: #ddd;top: 0;bottom: 0;left: 50%;}
#loginWrap .mlog-sign { float: left; width: 450px;font-weight: 400;}
#loginWrap .mlog-sign h2{font-size: 24px;font-weight: 400;color: #000;letter-spacing: -1px;text-align: center;}
#loginWrap .frm-list{width: 450px;margin: 0 auto}
#loginWrap .frm-list ul{padding-top: 25px;font-weight: 400;}
#loginWrap .frm-list li{margin-bottom: 10px;border: 1px solid #d7d8d7;padding: 10px 20px;text-align: left;font-size: 0;}
#loginWrap .frm-list li label{width: 70px;font-size: 14px;display: inline-block;vertical-align: middle;color: #999;}
#loginWrap .frm-list li input{width: 300px; border: none;border-left: 1px solid #f0f0f0;padding-left: 15px;background-color: #fff;line-height: 34px;height: 34px;display: inline-block;vertical-align: middle;font-size: 18px;font-weight: 400;letter-spacing: .1px;}
#loginWrap .mlog-sign .btns{line-height: 40px;font-size: 0;overflow: hidden;}
#loginWrap .mlog-sign .btns .se-log,
#loginWrap .mlog-sign .btns a{display: block;vertical-align: middle;line-height: 40px;font-size: 14px;float: left;text-align: center;}
#loginWrap .mlog-sign .btns .se-log{padding-right: 10px;margin-right: 10px;position: relative;}
#loginWrap .mlog-sign .btns .se-log::before{display: block;content: '';width: 1px;height: 16px;position: absolute;top: 33%;right: 0;background-color: #c7c8c9;}
#loginWrap .mlog-sign .btns a.btn-idpw{padding: 0 10px 0 20px;font-weight: normal;background: #fff url(//cepa5678.img15.kr/__ns/common/t_zm.png) 0 center no-repeat;background-size:14px auto }
#loginWrap .mlog-sign .btns a.btn-nonmem{color: #fff;background-color: #dc2d4e;width: 120px;float: right;}
#loginWrap a.btn-mlog{ font-size: 19px;color: #fff;display: block;line-height: 49px;height: 50px;background-color: #575757;font-weight: 400;margin-bottom: 15px;text-align: center;}
#loginWrap #snstype{float: left;width: 450px;border-top: 0;float: right;padding-top: 0;}
#loginWrap .btn-join-box{border: 1px solid #c7c8c9;padding: 33px 40px;overflow: hidden;font-weight: 400;letter-spacing: -1px;clear: both;margin-top: 50px;}
#loginWrap .btn-join-box h2{font-size: 22px;padding-bottom: 10px;}
#loginWrap .btn-join-box p{font-size: 15px;}
#loginWrap .btn-join-box .flt{width: calc(100% - 350px);margin-top: -5px;}
#loginWrap .btn-join-box a.btn-join-box-go{float: right;display: block;color: #fff;width: 150px;line-height: 40px;height: 40px;text-align: center;background-color: #56565a;font-size: 15px;}
/* 게시판 공통 - 일반, 겔러리, 컨텐츠링크, 자료실, 미니홈피, 방명록, 동영상 */
#bbsData { position: relative; }
.sub-top-nav{margin-bottom: 30px;}
.sub-top-nav ul { position: relative;background-color: #f6f6f6;position: relative;}
.sub-top-nav ul:before{display: block;content: '';position: absolute;top: 0;bottom: 0;left: 0;right: 0;border: 1px solid #ddd;z-index: 1;}
.sub-top-nav ul:after { display:block; clear:both; content:'' }
.sub-top-nav ul li { float:left; position: relative;width: 12.5%;position: relative;z-index: 2;}
.sub-top-nav ul li a {display: block;line-height: 47px;height: 48px;text-align: center;font-size: 16px;position: relative;border: 1px solid #ddd;border-left: none;color: #555;transition: .25s ease-out;font-weight: 400;background-color: #f6f6f6;font-size: 15px;}
.sub-top-nav ul li:first-child a{border-left: 1px solid #ddd;}
.sub-top-nav ul li.on a,
.sub-top-nav ul li a:hover{color: #000;background-color: #fff;border-top-color: #000;border-bottom-color: #fff;}
.sub-top-nav ul li.on a{font-weight: 400;}
/* 상단 */
.bbs-hd .link { text-align: center; margin-top: 30px; }
.bbs-hd .link li { display: inline; }
.bbs-hd .link li a { padding: 0 8px; color: #9c9c9c; letter-spacing: -0.5px; background: url(/images/d3/modern_simple/common/bull_bbs_hd_link.gif) no-repeat left 50%; }
.bbs-hd .link li.last a { background-image: none; }
/* 검색 */
.bbs-sch { margin-top: 0; margin-bottom : 40px; text-align: right; border: 1px solid #e1e1e3;padding: 20px;overflow: hidden;font-size: 14px;font-weight: 400; }
.bbs-sch label { margin-right: 10px;}
.bbs-sch input[type="radio"]{display: inline-block;margin-bottom: 4px;}
.bbs-sch input.MS_input_txt{width: 250px;padding: 0 10px;}
.bbs-list-total {float: left;padding: 14px 0 0 10px;color: #555;}
.bbs-list-total em{font-weight: normal;font-style: normal;color: #000;}
/* 게시판 글쓰기, 목록 이동 링크 */
.bbs-link span { line-height:14px; }
/* 게시판 한줄공지 */
.bbs-online-notice { margin-top: 10px; margin-bottom: -10px; padding: 7px 10px; color: #9d9d9d; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }
/* 게시판 타입 - 리스트 */
.bbs-table-list thead th { padding: 17px 0 ; font-weight: 400;background-color: #f4f4f4; border-top:2px solid #111; border-bottom:0;}
.bbs-table-list tbody td { padding: 17px 0; border-bottom: 1px solid #d8d8d8; line-height: 1.4;font-weight: 400;}
#bbsData .bbs-table-list tbody td div.tb-left>img{display:inline !important}
/* 게시판 타입 - 보기 */
.bbs-table-view { margin-top: 10px; }
.bbs-table-view thead th,
.bbs-table-view tbody td { padding: 6px 0; }
.bbs-table-view thead th { padding: 10px 0 ; background-color: #fcfcfc; border-top:1px solid #333; border-bottom:1px solid #ccc; color:#777; }
.bbs-table-view tbody td.line { background: url('/images/d3/modern_simple/common/dot_bbs_list.gif') repeat-x 0 bottom; }
.bbs-table-view .btn-dwn { margin-top:15px; }
/* paging */
.paging{overflow:hidden;text-align:left;padding-top: 30px;display: inline-block;}
.paging.center{text-align: center;display: block;}
.paging li { display:inline; }
.paging li strong,
.paging li a{display:inline-block;min-width:16px;text-align:center;padding:0 8px;position:relative;line-height:32px;height:30px;border-radius:0;background-color:#f9f7f8;color:#666;font-family: 'Lato';font-size:14px;margin:0 1px;transition:all .25s ease-out;border: 1px solid #ddd;}
.paging li.now a,
.paging li strong{color:#fff;background-color:#dc2d4e;font-weight: normal;border: 1px solid #dc2d4e;}
.paging li a::after,.paging li a::before{content:'';display:block;position:absolute}
.paging li a:hover{background-color:#fff;color:#000;border-color: #000;}
.paging li.first a,.paging li.prev a,.paging li.next a,.paging li.last a{text-indent:-999em;border: none;background: none;}
.paging li.first a::before,.paging li.prev a::before,.paging li.next a::before,.paging li.last a::before{border-style:solid;border-color:#555;border-width:0 0 1px 1px;left:37%;transform:rotate(-135deg);top:40%;padding:4px}
.paging li.last a::before{left:30%}
.paging li.first a::before{border-width:1px 1px 0 0;left:44%}
.paging li.prev a::before{border-width:1px 1px 0 0;left:38%}
.paging li.first a::after{width:8px;left:0;height:14px;border-right:solid 1px #999;top:9px}
.paging li.last a::after{width:7px;right:0;height:14px;border-left:solid 1px #999;top:9px}
.paging li.first a:hover::after,.paging li.last a:hover::after,.paging li.first a:hover::before,.paging li.prev a:hover::before,.paging li.next a:hover::before,.paging li.last a:hover::before{border-color:#000}
.bbs-link-btm{float: right;padding-top: 20px;}
/* 게시판 버튼 */
.bbs-link a { font-size: 16px;display: inline-block;margin: 0;font-weight: 400;padding: 0 20px;background-color: #fff;color: #333;border: 1px solid #c9c8c9;line-height: 37px;height: 38px;}
.bbs-link a.on{background-color: #dc2d4e;color: #fff;border: 0;line-height: 38px;height: 40px;}
.bbs-link a.write,
.bbs-link a.dark{background-color: #575757;color: #fff;border: 0;line-height: 38px;height: 40px;}
/* 미니홈피, 방명록 게시글 뷰 */
/* 상단 */
.visit-vhd { margin-top: 10px; border-top: 1px solid #e5e5e5; }
.visit-vhd th,
.visit-vhd td { padding: 3px 0; border-bottom: 1px solid #e5e5e5; }
.visit-vhd .tb-left{ padding: 0 3px; }
.visit-vhd td .tb-no { color: #9c9c9c; }
.visit-vhd td .tb-ctrl,
.visit-vhd td .tb-ctrl a { font-size: 11px; color: #9c9c9c; }
/* 내용*/
.visit-vcont { background: url('/images/d3/modern_simple/common/dot_bbs_list.gif') repeat-x 0 bottom; }
.visit-vcont th,
.visit-vcont td { padding: 6px 0; border-bottom: 1px solid #e5e5e5; }
.visit-vcont th { font-weight: normal; color: #9d9d9d; }
.visit-vcont tr.no-line th,
.visit-vcont tr.no-line td { padding-bottom: 0; border-bottom: 0; }
.visit-vcont tr.dot-line th,
.visit-vcont tr.dot-line td { padding-top: 2px; border-bottom: 1px dotted #e5e5e5; }
.visit-vcont tr.info td .tb-left { padding-left: 0; color: #555; }
.visit-vcont .tb-left{ padding: 0 3px; }
.visit-vcont td .tb-cont { padding: 5px 0; min-height: 250px; _height: 250px; }
.visit-vcont td .tb-cont img { max-width: 100%; }
/* 코멘트 */
.visit-vcmt th,
.visit-vcmt td { padding: 6px 0; vertical-align: top; border-bottom: 1px solid #e5e5e5; }
.visit-vcmt th { color: #c5c5c5; }
.visit-vcmt .tb-tit { font-weight: bold; background: url('/images/d3/modern_simple/common/bull_bbs_hd_link.gif') repeat-y right 0; }
.visit-vcmt td .tb-txt { min-height: 30px; _height: 30px; padding-left: 10px; color: #555; }
.visit-vcmt td .date,
.visit-vcmt td .ctrl { display: block; font-size: 11px; }
.visit-vcmt td .date { color: #555; }
.visit-vcmt td .ctrl { margin-top: 5px; }
.visit-vcmt td .ctrl a { margin-left: 2px; margin-right: 2px; color: #999; font-size: 11px; }
/* 보기 */
.bbs-view{padding:60px 110px;border: 1px solid #d9d9d9;border-top-color: #000;}
.bbs-view-top{position: relative;overflow: hidden;font-weight: 400;padding-bottom: 30px;margin-bottom: 30px;border-bottom: 1px solid #000;}
.bbs-view-top h2{font-size: 28px;font-weight: 500;clear: both;padding-bottom: 25px;letter-spacing: -1.5px;}
.bbs-view-top dl{float: left;}
.bbs-view-top dl dt{display: inline-block;font-weight: 400;font-size: 15px;margin-left: 13px;padding-left: 15px;padding-right: 9px;position: relative;}
.bbs-view-top dl dt::before{display: block;content: '';position: absolute;top: 2px;width: 1px;height: 11px;left: 0;background-color: #c0c0c3;}
.bbs-view-top dl dd{display: inline-block;color: #686865;}
.bbs-view-top dl dt:first-child{padding-left: 0;margin-left: 0;}
.bbs-view-top dl dt:first-child::before{display: none;}
.bbs-view-top a.bt-list{display: inline-block;float: right;margin-top: -5px;text-align: right;padding:5px 0 5px 20px;background: url('/design/cepa5678/__ns/img/common/lst_icon.gif') no-repeat 0 center;font-weight: normal;}
.bbs-view-file a{display: block;padding: 18px 20px 18px 50px;min-height: 18px;line-height: 18px;font-weight: 400;margin-bottom: 10px;background:#f3f3f4 url('/design/cepa5678/__ns/img/common/download_icon.gif') no-repeat 20px center;}
.prd-tinfo { overflow: hidden; padding: 20px; border: 1px solid #c9c9c9; margin-top: 0; background-color: #fff;margin-bottom: 40px;}
.prd-tinfo dt,
.prd-tinfo dd { position: relative; float: left; }
.prd-tinfo dt { width: 90px; height:90px;margin-right: 20px; }
.prd-tinfo dt img { width: 100%; height: 100%; }
.prd-tinfo dd { width: calc(100% - 110px);}
.prd-tinfo dd ul { }
.prd-tinfo dd ul li{height: 75px;}
.prd-tinfo dd ul li.price{height: 15px;font-size: 14px;}
.prd-tinfo dd ul li.price strong{font-weight: inherit;}
.prd-tinfo dd ul li a{display: block;font-size: 18px;font-weight: 400;display:-webkit-box;-webkit-box-orient:vertical;position:relative;-webkit-line-clamp:2;height:calc(1em * 1.2 * 2);line-height:1.2;overflow:hidden;text-overflow:ellipsis;padding-right: 4%; }
.prd-tinfo dd ul li .tit { display: none; }
.prd-tinfo dd ul li.name a br{display: none;}
.data-bd-cont{line-height: 1.9;padding: 30px 0;border-bottom: 1px solid #e0e0e0;margin-bottom: 35px;}
/* 작성 */
.vist-vcmt-reg { margin-top: 10px; border-bottom: 1px solid #e5e5e5; }
.vist-vcmt-reg th,
.vist-vcmt-reg td ,#comment_reply_input th { padding: 6px 0; }
.vist-vcmt-reg th ,#comment_reply_input th { font-weight: normal; color: #9d9d9d; }
.vist-vcmt-reg .tb-left ,#comment_reply_input .tb-left{ padding: 0 3px; }
.vist-vcmt-reg th .tb-left { padding-left: 10px; background: url('/images/d3/modern_simple/common/bull_join_required.gif') no-repeat 0 45%; }
/* 게시판 타입 - 쓰기 */
.bbs-table-write { margin-top:10px; }
.bbs-table-write tbody th,
.bbs-table-write tbody td { padding:10px 0; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; color:#151515; font-weight:400; font-size:14px; }
.bbs-table-write .title select.MS_select{margin-bottom: 5px;padding-left: 5px;}
.bbs-table-write a.file_upload_btn{text-align: center;display: inline-block;width: 80px;background-color: #f2f2f2;line-height: 34px;border: 1px solid #b4b4b4;vertical-align: middle;padding: 0;}
/* 게시판 타입 - 비밀번호찾기 */
.bbs-table-pwd {width: 450px;margin: 0 auto;padding: 0;}
.pw-box{text-align: center;padding: 90px 0 20px;line-height: 1.8;font-weight: 400;background: url(/design/cepa5678/__ns/img/common/pwd-icon.gif) center 0 no-repeat;}
.bbs-table-pwd .input_passwd{padding-bottom: 5px;text-align: center;}
.bbs-table-pwd .input_passwd input{line-height: 48px;height: 44px;width: 93%;}
.bbs-table-pwd .bbs-link{text-align: center;font-size:0}
.bbs-table-pwd .bbs-link a{line-height: 48px;height: 48px;width: 30.3%;padding: 0;margin: 0 0.5%}
.bbs-table-pwd table { width:300px; margin-left:auto; margin-right:auto; }
.bbs-table-pwd tbody th,
.bbs-table-pwd tbody td { padding:6px 0; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; color:#787878; font-weight:400; font-size:14px; }
.bbs-table-pwd table { width:300px; margin-left:auto; margin-right:auto; }
.bbs-table-pwd tbody th,
.bbs-table-pwd tbody td { padding:6px 0; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; color:#9d9d9d; font-weight:normal; font-size:11px; }
/* 공통으로 쓰는거 */
textarea { width:600px; height:47px; padding:2px; border:1px solid #ededed; }
.input-style { padding:2px; height:18px; line-height:18px; border:1px solid #ededed; }
.cont-sub-des { position:relative; }
.cont-sub-des span { margin-right:15px; color:#555; }
.cont-sub-des span em { font-size:11px; color:#9c9c9c; }
.cont-sub-des .hit { position:absolute; top:15px; right:0; }
.cont-sub-des .hit span { margin-right:0; }
.comment-box { border-bottom:2px solid #e5e5e5; }
.bbs-table-view .comment-box td { padding-bottom:20px; border-top:1px solid #e5e5e5; vertical-align:top; }
.comment-box .com-name { margin-right:8px; padding:0 8px; background: url('/images/d3/modern_simple/common/bull_bbs_hd_link.gif') repeat-y 100% 0; font-weight:bold; color:#c5c5c5; }
.bbs-table-view td.com-wrt-box { border:0; }
.com-wrt-box label { padding-left:7px; color:#9d9d9d; background: url('/images/d3/modern_simple/common/bull_join_required.gif') no-repeat 0 50%; }
.com-wrt-box .input-style { margin:0 10px 0 7px; padding:2px; height:14px; line-height:14px; border:1px solid #EDEDED; }
.com-wrt-box .wrt { margin-top:7px; }
.view-link { padding:15px 0; position: relative;}
#bbsData .view-link{ text-align: right; }
/* 코멘트 입력*/
.com-wrt-box { border:0; padding: 0;}
.com-wrt-box .wrt *{transition: .25s ease-out}
.com-wrt-box .wrt { padding: 0; margin-top:11px; overflow: hidden;}
.com-wrt-box .wrt span { margin:0;display: inline; }
.com-wrt-box .wrt span.wrt-nm{padding:9px 12px;line-height: 32px;height: auto;margin: 0 4px 0 0;background-color: #f2f3f2;color: #666;display: inline-block; vertical-align:middle}
.com-wrt-box .wrt textarea { width: 99.99%; height: 100px; margin-right: 0; box-sizing:border-box;padding: 20px;border-color: #d0d0d0;font-size: 14px;line-height: 1.5;}
.com-wrt-box label {display: none;}
.com-wrt-box .input-style.input-style2 { padding:9px 12px;line-height: 30px;width: 148px;height: auto;margin: 0 4px 0 0;border-color: #d0d0d0;}
.com-wrt-box .input-style.input-style2::placeholder{font-size: 14px;color: #979897;font-weight: 400;}
.com-wrt-box .bt-ok{float: right;text-align: center;display: block;width: 180px;line-height: 48px;border: 1px solid #d0d0d0;}
.com-wrt-box .wrt textarea:hover,
.com-wrt-box .wrt textarea:focus,
.com-wrt-box .input-style.input-style2:focus,
.com-wrt-box .input-style.input-style2:hover,
.com-wrt-box .bt-ok:hover,
.com-wrt-box .bt-ok:hover{border-color: #000;}
/* 코멘트 목록 */
.com-lst{border-top: 1px solid #000;margin-bottom: 25px;margin-top: 35px;}
.com-lst li{overflow: hidden;padding: 23px 0 25px 55px;line-height: 1.6;min-height: 20px;border-bottom: 1px solid #e0e0e0;font-weight: 400;font-size: 14px;color: #474847;position: relative;background: url(/design/cepa5678/__ns/img/common/bubble_icon.png) 22px 27px no-repeat}
.com-lst li .com-cont{float: left;width: 60%;font-size: 15px;color: #000;}
.com-lst li .com-side{float: right;width:30%;overflow: hidden;}
.com-lst li .com-name{width: 85px;float: left;padding-right: 10px;}
.com-lst li .com-date{width: 80px;padding-left: 15px;position: relative;float: left;position: relative;}
.com-lst li .com-date::before{display: block;content: '';width: 1px;background-color: #c7c4c7;position: absolute;top: 5px;left: 0;height: 11px;}
.com-lst li .com-del{width: 50px;height: 50px;position: absolute;top:8px;right: 0;}
.com-lst li .com-del a{display: block;background: url(//cepa5678.img15.kr/__ns/common/qty-ctrl-x.gif) center no-repeat;position: absolute;top: 0;right: 0;left: 0;bottom: 0;text-indent: -999em;opacity: 0.6;}
.com-lst li .com-reply{float: left;}
.com-lst li .com-reply a{display: block;border: 1px solid #d7d7d7;font-size: 11px;line-height: 17px;width: 34px;text-align: center;font-weight: normal;margin-top: 2px;letter-spacing: -1px;color: #474546;}
/*이전다음글*/
.prev-next { padding: 30px 10px; border-top: 1px solid #000; border-bottom: 1px solid #e1e1e0;overflow: hidden;margin-bottom: 40px; margin-top: 20px;}
.prev-next li {width: 50%;float: left;}
.prev-next li.next {float: right;}
.prev-next li a{display: block;min-height: 40px;position: relative;padding-left: 65px; font-weight: 400;color: #585855;transition:.25s ease-out}
.prev-next li a em{display: block;font-size: 13px;padding-bottom: 5px;font-style: normal;color: #000;font-weight: 500;}
.prev-next li a::after{display: block;content: '';width: 38px;height: 38px;border: 1px solid #e0e0e0;border-radius:50% ;position: absolute;top: 50%;margin-top: -19px;left: 0;transition:.25s ease-out}
.prev-next li a::before{display: block;content: '';border-style: solid;border-color: #666; border-width: 0 1px 1px 0; padding: 5px;transform: rotate(135deg);position: absolute;top: 50%;margin-top: -5px;left: 16px;transition:.25s ease-out}
.prev-next li.next a{text-align: right;padding-left: 0;padding-right:65px;}
.prev-next li.next a::after{left: auto;right: 0;}
.prev-next li.next a::before{left: auto;right: 16px;border-width:1px 0 0 1px ; }
.prev-next li a:hover{color: #000;}
.prev-next li a:hover::after,
.prev-next li a:hover::before{border-color: #000;}
.bbs-prodname{font-size:13px;color:#597c35;padding-bottom:4px;display: block;}
.bbs-prodname br{display: none;}
/* 게시판 회원 게시글 검색 */
.search_id { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #DADADA; display: block; padding: 3px; position: absolute; width: 90px; }
/* 개인정보보호정책 동의 */
.new-privercy-contract { text-align: left; }
.new-privercy-contract p { font-weight: bold; margin: 0; margin-bottom: 10px; margin-top: 20px; text-align: left; }
.privercy-contract-tap { position: relative; height:40px; }
.privercy-contract-tap ul { list-style: none; margin: 0; padding: 0; position: absolute; bottom: -1px; *bottom: -2px; }
.privercy-contract-tap li { border: 1px solid #ccc; border-right: none; background: #F4F4F4; float:left; display: inline-block; }
.privercy-contract-tap li a { display: block; padding: 10px 10px; text-decoration: none; }
.privercy-contract-tap li.end { border-right: 1px solid #ccc; }
.privercy-contract-tap li.sel { background: #FFFFFF; border-bottom: 1px solid #FFFFFF; }
.privercy-contract { clear: both; }
.privercy-contract textarea { clear: both; border: 1px solid #CCC; height: 60px; background: #FFFFFF; padding: 10px; width: 660px; }
.privercy-agree { margin: 10px 0; }
.privercy-agree label{ margin-right: 10px; }
/* 주문하기, 주문완료 테이블 */
.table-order-info { margin-top: 10px; border-top:1px solid #e9e9e9; }
.table-order-info tbody th,
.table-order-info tbody td { padding: 13px 0; font-size:14px; border-bottom: 1px solid #e9e9e9; }
.table-order-info tbody th { letter-spacing: -1px; text-align: left; padding:0 0 0 26px; background:#f8f8f8 }
.table-order-info tbody th .d-block { font-weight: normal; letter-spacing: 0; }
.table-order-info tbody td { padding-left:20px }
.table-order-info tbody tr.nbg th,
.table-order-info tbody tr.nbg td { background-image: none; }
.cnt-box { border-top: 2px solid #ededed; border-bottom: 2px solid #ededed; }
/* 마이페이지 */
.myp .item-wrap{ max-width:100%}
.myp {width: auto;padding-left: 240px;position: relative;min-height: 800px;}
.myp #aside {position: absolute;top: 0;left: 0;width: 200px;bottom: 0;border: 1px solid #d7d8d9;border-top-color: #000; font-weight: 400;font-size: 14px;}
#aside .lnb li h3,
#aside .lnb li a { display: block;padding: 5px 0 5px 19px;line-height: 1.4;}
#aside .lnb li h3{font-size: 15px;padding-bottom: 10px;}
#aside .lnb > li{padding: 20px 0;border-bottom: 1px solid #d7d8d9;}
#aside .lnb li a.on{font-weight: 400;color: #dc2d4e;text-decoration:underline}
.tit-tb-list{font-weight: 500;font-size: 18px;position: relative;padding-left: 16px;}
.tit-tb-list::before{display: block;content: '';border: 3px solid #dc2d4e;width: 6px;height: 6px;border-radius:50% ;position: absolute;top: 3px;left: 0;}
.foot-dsc{ border: 1px solid #ed9;padding: 15px 30px; margin-top: 20px; font-weight: 400;font-size: 14px;background-color: #ffe;}
.foot-dsc li { padding:3px 12px;line-height: 1.4;position: relative;}
.foot-dsc li::before{display: block;content: '';width: 3px;height: 3px;border-radius:50%;background-color: #d60;position: absolute;left: 0;top: 10px;}
/* 마이페이지 디자인 타입2 테이블 뷰 */
.table-d2-view { margin-top: 0; border-top: 1px solid #111; border-bottom: 0; }
.table-d2-view th, .table-d2-view td { padding: 17px 20px 17px; border-bottom: 1px solid #e0e0e0; font-weight: 400;line-height: 1.5;color: #585859;}
.table-d2-view th { color: #000;border-right: 1px dashed #ccc;}
.table-d2-view .tb-bold{font-weight: 500;color: #000;}
/* 장바구니 리스트, 주문상품 리스트, 관심상품, faq */
.table-cart th,
.table-cart td{table-layout: auto;border-collapse:separate;width: auto;}
.table-cart { margin-top: 10px; margin-bottom : 30px; }
.table-cart thead th { padding: 18px 0; font-size:15px; color: #000; font-weight:normal; border-top: 2px solid #222; border-bottom: 1px solid #e0e0e0; background:#f8f8f8; }
.table-cart tbody td, .table-cart tfoot { border-bottom: 1px solid #e0e0e0 }
.table-cart tbody td { padding: 30px 0 ;font-size: 15px;}
.table-cart tbody td .thumb { width: 90px; height: 90px; margin:0 auto; font-size: 0; line-height: 0; border:none;border-radius:6px;overflow: hidden;}
.table-cart tbody td .thumb a, .table-cart tbody td .thumb img { display: block; width: 100%; height: 100%; }
.table-cart tbody td .d-block { padding-bottom: 3px }
.table-cart tbody tr.nbg td { background-image: none }
.table-cart tfoot td { padding: 25px 35px; font-size:16px; color:#666; background-color: #f4f2f1;}
.table-cart tfoot td .totalPriceTit { margin-right:20px; color:#333; font-weight:bold }
.table-cart tfoot td strong { color:#f8574f }
.table-cart td a{transition: .25s ease-in-out}
.table-cart td a:hover{color: #dc2d4e;}
.table-cart.table-coupon{margin-bottom: 0;}
.table-cart.table-coupon thead th{padding-top: 14px;padding-bottom: 15px; font-size: 14px;border-top-width: 1px;}
.table-coupon td{line-height: 1.6;font-weight: 400;}
.coupon-ticket{text-align: center;margin:0 auto;width: 150px;border: 1px solid #964957;line-height: 1;box-shadow:1px 1px 10px rgba(0,0,0,0.2)}
.coupon-ticket .sale-rate{font-size: 17px;font-weight: 400;padding: 15px 0;}
.coupon-ticket .valid-price{background-color:#f9eded;border-top: 1px dashed #964957;color: #964957;font-weight: 400;line-height: 27px;font-size: 13px;padding-bottom: 1px;}
.table-cart.table-coupon.table-order td{padding-top: 18px;padding-bottom: 18px;}
.table-cart.table-coupon.table-order a{line-height: inherit}
.order-code-box{border: 1px solid #ddd;background-color: #f3f3f3;padding: 0 10px 0 19px;line-height: 20px;display: inline-block;font-size: 12px;margin-bottom: 6px;font-family: 'Lato';font-weight: normal;letter-spacing: 0.5px;color: #666;position: relative;}
.order-code-box::before{display: block;content: '';width: 6px;height: 6px;border: 1px solid #dc2d4e;border-radius: 50%;position: absolute;left: 5px;top: 6px;background-color: #fff;}
/* 수량 컨트롤 */
/* .table-cart .opt-spin { position: relative; width: 62px; height: 19px; margin:0 auto; padding-bottom:5px }
.table-cart .opt-spin .txt-spin,
.table-cart .opt-spin .btns { float: left; }
.table-cart .opt-spin .txt-spin { width: 42px; height: 17px; padding-right: 2px; line-height:17px; text-align: right; border:1px solid #a9a9a9 }
.table-cart .opt-spin .btns { width:11px; height: 19px; margin-left:5px; }
.table-cart .opt-spin .btns .btn-dw { margin-top:1px }
.table-cart .opt-spin .btns img { overflow: hidden; float: left; text-indent: -999px; background: none; } */
.table-cart .MK-product-icons{display: block;padding: 5px 0;}
.table-cart a{transition:.25s ease-out;}
.table-cart .opt-spin { width: auto;padding: 0 28px; position: relative;width: 28px;margin: 0 auto 4px;}
.table-cart .opt-spin .txt-spin { width: 28px;height: 26px; line-height: 26px;display: inline-block; font-size: 13px;border: 0;font-family: 'Lato';vertical-align: middle;text-align: center;border-top: 1px solid #c8cacc;border-bottom: 1px solid #c8cacc}
.table-cart .opt-spin a {vertical-align: middle;border: 1px solid #999; line-height: 0;height: 26px;display: inline-block;font-size: 0;width: 26px;background-color: #fff;background-repeat: no-repeat;background-position: center;text-indent: -999em;opacity: 0.43;transition:.25s ease-out;position: absolute;top: 0;}
.table-cart .opt-spin a.btn-up { background-image: url(/design/cepa5678/__ns/img/common/qty-ctrl-plus.gif);right: 0;}
.table-cart .opt-spin a.btn-dw { background-image: url(/design/cepa5678/__ns/img/common/qty-ctrl-minus.gif);left: 0;}
.table-cart .opt-spin a:hover{opacity: 1;border-color: #000;}
.table-cart a.btn-opt-spin-num{display: block;width: 82px;line-height: 27px;height:26px; border: 1px solid #c8cacc;margin: 0 auto; font-family: 'dotum',돋움;font-size: 12px;color: #676866;}
.table-cart a.btn-opt-spin-num:hover{border-color: #000;color: #000;}
.table-cart .tb-name{position: relative;height: 90px;}
.table-cart .tb-name a{padding-top: 10px;display: block;line-height:1.4;}
#cartWrap .table-cart .tb-name a{font-weight:bold;/*text-overflow: ellipsis;white-space: nowrap;overflow: hidden;*/padding-right:10px;font-size:16px}
.table-cart .tb-name br{display: none;}
.table-cart .tb-name .tb-opt{font-size: 13px;/*position: absolute;bottom: 5px;left: 0;*/}
.txt-box,
a.btn_cart_sel:hover,
a.btn_cart_sel{display: block;line-height: 28px;height: 29px;border: 1px solid #c9c8c9;text-align: center;font-size: 14px;color: #494041;width: 98px;margin: 0 auto;background-color: #fff;}
.txt-box.on,
a.btn_cart_sel.on:hover,
a.btn_cart_sel.on{color: #fff;background-color: #494041;border-color: #494041;font-weight: 400;}
a.btn_cart_sel.on.key:hover,
a.btn_cart_sel.on.key{background-color: #dc2d4e;border-color: #dc2d4e;}
.myp #cartWrap a.btn_cart_sel{width:58px}
#myWish a.btn_cart_sel,
#myTodayView a.btn_cart_sel{margin: 0;display: inline-block;width:auto;padding: 0 15px;letter-spacing: -1px;}
#myTodayView .btn-del { margin-top: 20px; }
.table-cart.table-d2-list table td input[type="text"] { width: 30px; text-align: center; padding: 0;}
.table-cart.table-d2-list tbody td .thumb { width: 72px; height: 72px;}
.table-cart.table-d2-list tbody td .tb-name{height: auto;display:block;display:-webkit-box;-webkit-box-orient:vertical;position:relative;-webkit-line-clamp:2;height:calc(1em * 1.2 * 2);line-height:1.2;overflow:hidden;text-overflow:ellipsis;0;padding-right: 4%;}
/* .navi */
.navi p { text-align: right; }
.loc-navi { margin:15px 20px; text-align:right }
.loc-r,
.loc-r a { text-transform: capitalize; color:#4daa9c }
.loc-r { color:#4daa9c }
/* 그외 */
.line_1px {height: 1px; background-color: #ededed; }
.border_4px {padding:10px 15px;border:4px solid #ededed; }
.dot-list{}
.dot-list li{padding: 0 0 10px 8px;line-height: 1.2;position: relative;font-size: 14px;color: #595857;}
.dot-list li::before{display: block;content: '';position: absolute;top: 7px;left: 0;width: 2px;height: 2px;background-color: #666;border-radius:50% ;}
/* 폼디자인 */
input, select {border:1px solid #ededed; vertical-align:middle; }
textarea {border:1px solid #ededed; vertical-align:middle; padding: 2px 0 0 2px; }
input[type=checkbox], input[type=radio], input[type=image] { border:0; }
/* 기본 버튼 */
.CSSbutton {
border:1px solid #b2b2b2;
padding:5px 15px;
background-color:#fff;
color:#333;
display:inline-block;
}
.CSSbutton:hover {
background-color:#474747;
color:#fff;
cursor:hand;
}
.CSSbutton:active {
position:relative;
top:1px;
}
/* 기본 버튼 블랙 */
.CSSbuttonBlack {
border:1px solid #474747;
padding:5px 15px;
background-color:#474747;
color:#fff;
display:inline-block;
}
.CSSbuttonBlack:hover {
background-color:#fff;
color:#333;
cursor:hand;
}
.CSSbuttonBlack:active {
position:relative;
top:1px;
}
/* 정사각형 버튼 */
.CSSbutton2 {
border:1px solid #222;
padding:22px;
background-color:#fff;
color:#333;
display:inline-block;
}
.CSSbutton2:hover {
background-color:#222;
color:#fff;
cursor:hand;
}
.CSSbutton2:active {
position:relative;
top:1px;
}
/* 정사각형 버튼 - 로그인 */
.CSSbuttonLog2 {
border:1px solid #363b4c;
width:90px;
height:76px;
line-height:76px;
text-align:center;
background-color:#474747;
font-size:17px;
font-weight:bold;
color:#fff;
display:inline-block;
}
.CSSbuttonLog2:hover {
background-color:#fff;
color:#474747;
cursor:hand;
}
.CSSbuttonLog2:active {
position:relative;
top:1px;
}
/* 직사각형 로그인 버튼 */
.CSSbuttonLog {
border:1px solid #474747;
padding: 24px 0;
width:180px;
text-align:center;
background-color:#474747;
font-size:18px;
color:#fff;
font-weight:bold;
display:inline-block;
}
.CSSbuttonLog:hover {
background-color:#fff;
color:#111;
cursor:hand;
}
.CSSbuttonLog:active {
position:relative;
top:1px;
}
/* 제일 작은 버튼 */
.CSSbuttonS {
border:1px solid #a1a1a1;
padding:2px 9px;
background-color:#fff;
font-size:11px;
color:#666;
border-radius:2px;
display:inline-block;
}
.CSSbuttonS:hover {
background-color:#a1a1a1;
color:#fff;
cursor:hand;
}
.CSSbuttonS:active {
position:relative;
top:1px;
}
/* 제일 작은 버튼 회색 */
.CSSbuttonGrayS {
border:1px solid #a1a1a1;
padding:2px 9px;
background-color:#a1a1a1;
font-size:11px;
color:#fff;
display:inline-block;
}
.CSSbuttonGrayS:hover {
background-color:#fff;
color:#666;
cursor:hand;
}
.CSSbuttonGrayS:active {
position:relative;
top:1px;
}
/* 큰 사이즈 버튼 - 상품상세 버튼 등 */
.CSSbuttonB {
text-align: center;
font-size: 18px;
border:1px solid #bbb;
padding:20px 40px;
background-color:#fff;
color:#474747;
display:inline-block;
}
.CSSbuttonB:hover {
background-color:#bbb;
color:#fff;
cursor:hand;
}
.CSSbuttonB:active {
position:relative;
top:1px;
}
/* 큰 사이즈 버튼 - 레드 */
.CSSbuttonRedB {
text-align: center;
font-size: 18px;
border:1px solid #d72a2a;
padding:20px 40px;
background-color:#d72a2a;
color:#fff;
display:inline-block;
}
.CSSbuttonRedB:hover {
background-color:#fff;
color:#d72a2a;
cursor:hand;
}
.CSSbuttonRedB:active {
position:relative;
top:1px;
}
/* 큰 사이즈 블랙버튼 - 상품상세 버튼 등 */
.CSSbuttonBB {
text-align: center;
font-size: 18px;
font-weight: bold;
border:1px solid #474747;
width:272px;
height:74px;
line-height:74px;
text-decoration:none;
background-color:#474747;
color:#fff;
display:inline-block;
}
.CSSbuttonBB:hover {
background-color:#fff;
color:#333;
cursor:hand;
}
.CSSbuttonBB:active {
position:relative;
top:1px;
}
/*
========================================================================
공통 - 레아웃
========================================================================
*/
/* z-index */
#layerWrap { z-index: 1; }
/* layout */
#wrap { position:relative; min-width:1440px; width:100%; overflow:hidden }
#header,
#layerWrap,
#ftLink .link { position: relative; }
#contentWrapper { padding-bottom:20px; position:relative; border-top: 1px solid #e7e8e9;min-height: calc(100vh - 579px);}
#contentWrap { margin:0 auto; position: relative; width:1200px; *zoom:1 }
#contentWrap:after { content: ""; display: block; clear: both; }
#content { min-height: 600px; width: 100%; position: relative; }
/*
========================================================================
자주 수정하는 css
========================================================================
*/
/* 상품리스트 */
/*
1200
4열:1226 = (282 + 24)*4
282/1226 =0.23
24/1226=0.019
*/
.item-wrap { overflow:hidden;width:1200px;margin:0 auto }
.item-wrap .item-cont { margin-left: -1.9%;/* width:1290px; *zoom:1 */ }
.item-wrap .item-cont:after { display:block; clear:both; content:'' }
.item-wrap .item-cont .item-list { margin:0 0 30px 1.9%; position:relative; float:left; width:23.016% ;font-size: 0;}
.item-wrap .item-cont .item-list .thumb { position:relative;overflow: hidden;}
.item-wrap .item-cont .item-list .thumb img { position: absolute;top: 0;left: 0;width:100%;font-size: 0;line-height: 0;bottom: 0;}
.item-wrap .item-cont .item-list .thumb > a{display: block;background-color: #f8f8f8;height: 0;position: relative;padding-bottom:100%;border: none;font-size: 0;line-height: 0 !important;overflow: hidden;}
.item-wrap .item-cont .item-list .thumb .prd-preview { position:absolute; top:auto; left:auto; right: 0; bottom: 0; margin-right: -20px;opacity: 0;transition:.3s ease-out;z-index:10}
.item-wrap .item-cont .item-list .thumb .prd-preview::before{display: block;content: '';background-color: #dc2d4e;position: absolute;top: 0;left: 0;bottom: 0;right: 0;opacity: .9;}
.item-wrap .item-cont .item-list .thumb > a:focus + .prd-preview,
.item-wrap .item-cont .item-list .thumb:hover .prd-preview {margin-right: 0;opacity: 1;}
.item-wrap .item-cont .item-list .thumb > a:focus + .prd-preview a,
.item-wrap .item-cont .item-list .thumb:hover .prd-preview a {position: relative;display: block;width: 40px;height: 40px;background: url(/design/cepa5678/__ns/img/common/preview_ico.png) center no-repeat;z-index: 1;}
.item-wrap .item-cont .item-list .thumb .prd-ico-sale{position: absolute;border-radius:50% ;color: #fff;text-align: center;background-color: #dc2d4e;width: 50px;height: 50px;opacity: .9;line-height: 50px;top: 11px;left: 11px;z-index: 1;font-size: 13px;font-weight: 500;letter-spacing: .5px;}
.item-wrap .item-cont .item-list dd {/* height: 180px; */}
.item-wrap .item-cont .item-list dd ul { padding-top: 18px; }
.item-wrap .item-cont .item-list dd ul .prd-mfg{font-size:13px; padding-bottom: 5px;color:#686567 ;font-weight: 400;}
.item-wrap .item-cont .item-list dd ul .prd-brand a br{display:none}
.item-wrap .item-cont .item-list dd ul .prd-brand a { display: block;;font-size:17px; color:#000 ;line-height: 1.3;display:-webkit-box;-webkit-box-orient:vertical;position:relative;-webkit-line-clamp:2;height:calc(1em * 1.3 * 2);line-height:1.3;overflow:hidden;text-overflow:ellipsis;margin-bottom: 15px;}
.item-wrap .item-cont .item-list dd ul .prd-subname { font-size:14px; padding-bottom: 10px;color:#787576 }
.item-wrap .item-cont .item-list dd ul .prd-price { padding-top:0; font-size:18px; color:#000;height: 85px; overflow:hidden}
.item-wrap .item-cont .item-list dd ul .prd-price .prd-discount{color: #dc2d4e; font-weight: 700;}
.item-wrap .item-cont .item-list dd ul .prd-price strike { color:#989596;font-size: 14px; display: block;padding-top: 5px;font-weight:400;}
.item-wrap .item-cont .item-list dd ul .prd-star{color: #dc2d4e;font-size: 15px;height: 20px;font-weight: 400;}
.item-wrap .item-cont .item-list dd ul .prd-star em{color:#333;font-style:normal}
.item-wrap .item-cont .item-list dd ul .prd-ico{font-size:0}
.item-wrap .item-cont .item-list dd ul .prd-ico img{display:inline}
.item-wrap .item-cont .item-list dd ul .prd-ico.txt { padding-top: 0;font-size: 12px;font-weight: 400;height:20px;overflow:hidden}
.item-wrap .item-cont .item-list dd ul .prd-ico.txt span{display: inline-block;position: relative;padding: 0 5px 0 8px;color: #000;}
.item-wrap .item-cont .item-list dd ul .prd-ico.txt span::before{display: block;content: '';position: absolute;width: 2px;height: 2px;border-radius:50% ;background-color: #999;left: 0;top: 49%;}
.item-wrap .item-cont .item-list dd ul .prd-ico.txt span:first-child{padding-left: 0;}
.item-wrap .item-cont .item-list dd ul .prd-ico.txt span:first-child::before{display: none;}
.item-wrap .item-cont .item-list dd ul .hshtgs {height:16px;text-overflow:ellipsis;font-size:12px;padding-bottom: 10px;white-space:nowrap;overflow:hidden;width:95%;display:none}
.item-wrap .item-cont .item-list dd ul .hshtgs a{font-size:12px;display:inline;line-height:1.5;padding:0 5px 0 0;letter-spacing:-0.5px;color:#666;font-weight:400}
.item-wrap .item-cont .item-list dd ul .hshtgs a br{display:none}
.item-wrap .item-cont .item-list .soldout{display:block;background-color:#333;color:#fff;padding:3px 0 5px;font-weight:400 !important;margin:5px 0;text-align:center;line-height:1;width:50px ;font-size:14px}
/* .item-wrap .item-cont .item-list dd ul .prd-preview { padding-top:10px }
.item-wrap .item-cont .item-list dd ul .prd-preview a { display:inline-block; width:32px; height:32px; border: 1px solid #000;text-indent:-9999em; background:url(/design/redpiltong/phps/common/btn_prod_preview.png) 0 0 no-repeat }
*/
.item-wrap.recommand .item-cont .item-list { margin:0 0 30px 1.99%; width:18% ;}
.item-wrap.recommand .item-cont .item-list .thumb > a{border-radius:50%; z-index: 2;box-shadow:0 0 2px 0 #ccc}
/* 페이지 경로 */
.page_location{text-align: left;padding-top: 19px;margin-bottom: 10px;font-size: 0;}
.page_location a{font-size: 15px;font-weight: 400;display: inline-block;position: relative;padding-left: 16px;padding-right: 8px;line-height: 18px;color: #676869;}
.page_location a::before{display: block;content: '';border-style: solid;border-color: #333; border-width: 1px 0 0 1px ; padding: 3px;transform: rotate(135deg);position: absolute;top: 6px;left: 0;}
.page_location a:last-child{padding-right: 25px;}
.page_location a:last-child::after{display: none;content: '';top: 0;right: 0;position: absolute;width: 18px;height: 18px;background: url(/design/cepa5678/__ns/img/common/loc_aro_dn.png);}
.page_location a:hover{color: #000;}
.page_location a.loc_h{text-indent: -999em;width: 15px;padding-left: 0;}
.page_location a.loc_h::before{border: none;transform:none;padding: 0;width: 14px;height: 14px;background: url(/design/cepa5678/__ns/img/common/loc_h.png);top: 0;left: 0;}
.item_lst .h_list {text-align:center; margin-bottom:30px;}
.item_lst h4 {font-size:16px; display: inline-block; border-bottom: 1px solid #ddd; padding:5px 15px;}
.item_lst ul { zoom:1; overflow:hidden; position:relative;}
.item_lst li {width: 25%; float:left; text-align: center;}
.item_lst li div { width: 95%; margin: 0 auto 50px;}
.item_lst li .img_item_lst {width: 100%; margin-bottom: 10px;}
.item_lst li .item_name {color:#666; margin-bottom:5px;}
.item_lst li .item_subname {color:#a1a1a1; font-size:11px;}
.item_lst li .item_price {color:#333; font-size:11px; margin-top:5px;}
.item_lst li .item_icons {margin-top:5px;}
.item_info { margin-bottom:30px; border-top: 1px solid #000;background-color: #f8f8f8;line-height: 50px;font-weight: 400;padding: 0 15px;height: 52px;}
.item_info .item_total {float:left;font-size: 17px;letter-spacing: -1px;}
.item_info .group_sort {float:right; padding-bottom:0;}
.item_info .group_sort ul{overflow: hidden;}
.item_info .group_sort li {float:left; margin-left:0;}
.item_info .group_sort li a{display: block;line-height: 50px;font-size: 14px;padding-left: 11px;position: relative;padding-right: 10px;color: #666;}
.item_info .group_sort li a::after{display: block;content: '';position: absolute;left: 0;top: 45%;width: 2px;height: 2px;border-radius:50% ; background-color: #333;}
.item_info .group_sort li a:hover{color: #000;}
.item_info .group_sort li a.on {color:#000;font-weight: 500;padding-left: 15px;}
.item_info .group_sort li a.on::after{left: 0;top: 40%;width: 8px;height: 7px;border-radius:0 ; background:#f8f8f8 url(/design/cepa5678/__ns/img/common/sort_on.gif) no-repeat 0 0;}
.paginate {text-align: center;}
.paginate a { display:inline-block; margin:0 2px; width:38px; height:38px; color:#999; line-height:38px; border:1px solid #ececec }
.paginate a.now {color: #d72a2a; font-weight: bold; border:1px solid #d72a2a }
.paginate a.btn_first, .paginate a.btn_prev, .paginate a.btn_next ,.paginate a.btn_last {}
/* 메인 신상 추천 스페셜 타이틀 */
.item-wrap h2 { text-align: center; width: 284px; font-size: 18px; color: #1e1e1e; padding: 3px 15px; margin: 30px auto; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; }
/* 페이지 타이틀 */
#content .tit-page { text-align: center; width: 130px; margin: 100px auto 30px; font-size: 18px; color: #414141; border-bottom: 1px solid #ddd; padding:5px 15px; }
#content .tit-page .dsc { position: absolute; right: 0px; top: 15px; letter-spacing: -1px; }
#content .tit-page .dsc em { }
/* 페이지 작은 타이틀 */
#content .tit-page-sub { font-weight: bold; padding: 0 0 0 5px; color: #333; margin: 50px 0 10px 0; background: url("/images/d3/modern_house/common/bull_h2_w2_dgray.gif") no-repeat scroll 0 50% ; }
#content .tit-page-sub-1st { font-weight: bold; padding: 0 0 0 5px; color: #333; background: url("/images/d3/modern_house/common/bull_h2_w2_dgray.gif") no-repeat scroll 0 50% ; }
#content .tit-page-sub label { float: right }
/* 상세페이지 타이틀 */
#productDetail .board-hd {margin: 80px auto 20px ; text-align: center; width:130px; font-size: 18px; color: #414141; padding: 3px 15px; border-bottom: 1px solid #ddd; }
/* 분류 타이틀 */
#prdBrand .cate-wrap .bcate { text-align: center; width: 284px; font-size: 18px; color: #1e1e1e; padding: 3px 15px; margin: 30px auto; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; }
/* 분류 네비 */
#prdBrand .cate-wrap { overflow: hidden; }
#prdBrand .cate-wrap .class-list { zoom: 1; text-align: center; margin-bottom: 15px; }
#prdBrand .cate-wrap .class-list span { padding: 0 25px; white-space: nowrap; }
#prdBrand .cate-wrap .class-list span a { white-space: nowrap; }
#prdBrand .cate-wrap .class-list span a:hover { text-decoration: underline; color:#111; }
/* 게시판 타이틀 */
.bbs-tit { text-align: center; width: 130px; margin: 30px auto 50px; font-size: 18px; color: #414141; border-bottom: 1px solid #ddd; padding:5px 15px; }
.bbs-tit .braket { font-size: 0; line-height:0; }
.bbs-tit em { margin-left: 10px; font-size: 11px; color: #898989; }
/* my CSS */
.sorry{background:#fff url(../img/common/sorry.gif) center no-repeat;border:5px dashed #ddd;border-radius:11px;height:600px;text-indent:-9999em;margin-top:50px}.hide{position:absolute;width:0;height:0;font-size:0;margin:0;padding:0;line-height:0;overflow:hidden;z-index:-1;left:-1px;top:-1px}.txtHide{text-indent:100%;white-space:nowrap;overflow:hidden;color:transparent}.flt{float:left;display:block}.frt{float:right;display:block}.wrp{overflow:hidden}.clr,.clear{clear:both}.right{text-align:right}.left{text-align:left}.center{text-align:center}.ellips{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block}.unit{text-align:right}.unit_wrap{position:relative}.unit_wrap .unit{position:absolute;top:0;right:0;margin-top:0;float:none;font-size:15px}.gap{letter-spacing:-1px}.wwr{word-wrap:break-word}.wbr{word-break:break-all}.d-b{display:block}.d-i{display:inline}.d-ib{display:inline-block}.skip{position:absolute;top:0;left:0;width:100%}.skip a{position:absolute;display:block;width:100%;left:0;text-align:center;top:-50px;left:0;z-index:999}.skip a:hover,.skip a:focus,.skip a:active{position:absolute;top:0;left:0;padding:5px 0;font-weight:700;color:#fff;background:#36F;width:100%}#skipnav{margin:0;padding:0}#skipnav a{display:block;overflow:hidden;position:absolute;left:0;top:-10000px}#skipnav a:hover,#skipnav a:focus,#skipnav a:active{padding:15px 0;background-color:#039;color:#fff;font-size:120%;width:100%;text-align:center;top:0;z-index:99999999;text-decoration:underline}#skip{text-indent:-999em;height:0;width:0;position:absolute;left:-999em;z-index:-1}a.translink{display:block;position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;font-size:0;line-height:0;text-indent:-999em;border:0 solid #000}.pl0{padding-left:0}.pl5{padding-left:5px}.pl10{padding-left:10px}.pl15{padding-left:15px}.pl20{padding-left:20px}.pl30{padding-left:30px}.pr10{padding-right:10px}.pr20{padding-right:20px}.pt0{padding-top:0}.pt5{padding-top:5px}.pt10{padding-top:10px}.pl15{padding-left:15px}.pt15{padding-top:15px}.pt20{padding-top:20px}.pt25{padding-top:25px}.pt30{padding-top:30px}.pt40{padding-top:40px}.pt50{padding-top:50px}.mb0{margin-bottom:0}.mb5{margin-bottom:5px}.mb10{margin-bottom:10px}.mb15{margin-bottom:15px}.mb20{margin-bottom:20px}.mb25{margin-bottom:25px}.mb30{margin-bottom:30px}.mb40{margin-bottom:40px}.mb50{margin-bottom:50px}.mb60{margin-bottom:60px}.mb70{margin-bottom:70px}.mb90{margin-bottom:70px}.pb0{padding-bottom:0}.pb10{padding-bottom:10px}.pb15{padding-bottom:15px}.pb20{padding-bottom:20px}.pb25{padding-bottom:25px}.pb30{padding-bottom:30px}.pb40{padding-bottom:40px}.pb50{padding-bottom:50px}.pb60{padding-bottom:60px}.pb70{padding-bottom:70px}.pb80{padding-bottom:80px}.mt5{margin-top:5px}.mt10{margin-top:10px}.mt15{margin-top:15px}.mt20{margin-top:20px}.mt25{margin-top:25px}.mt30{margin-top:30px}.mt35{margin-top:35px}.mt40{margin-top:40px}.mt45{margin-top:45px}.mt50{margin-top:50px}.mt10{margin-top:10px}.mt25{margin-top:25px}.mt0{margin-top:0}.mr0{margin-right:0}.ml0{margin-left:0}.ml{margin-left:3px}.ml5{margin-left:5px}.ml10{margin-left:10px}.ml15{margin-left:15px}.ml20{margin-left:20px}.ml25{margin-left:25px}.ml30{margin-left:30px}.ml35{margin-left:35px}.ml40{margin-left:40px}.ml50{margin-left:50px}.lh15{line-height:150%}.lh18{line-height:180%}.lh20{line-height:200%}.lh19{line-height:190%}.lh20 *{line-height:200%}.c_12{font-size:.933em}.c_11{font-size:.867em}.c_10{font-size:.8em}.fz12{font-size:12px}.fz13{font-size:13px}.fz14{font-size:14px}.fz15{font-size:15px}.fz16{font-size:16px}.fz18{font-size:18px}.fz30{font-size:30px}.c_blue{color:#0f4da9}.c_sky{color:#0393cf}.c_green{color:#59a549}.c_red{color:#ce0c0c}.c_yl{color:#f29200}.c_yg{color:#66993d}.c_brown{color:#906947}.c_orange{color:#f45600}.c_purple{color:#8048b4}.c_gray{color:#676767}.c_k{color:#000}.ff_ver{font-family:'verdana'}.ff_arl{font-family:'arial'}.fw-n{font-weight:400}.fw-b{font-weight:700}a.uline,.uline,.uline *{text-decoration:underline}.bdb{border-bottom:solid 1px #d9d9d9}.bdt{border-top:solid 1px #d9d9d9}
/* TABCONT */
.tab_cont ul.link{margin:10px 0;border-left:0;line-height:1.5;overflow: hidden; ;}
.tab_cont ul.link:after{content:"";display:block;clear:both}
.tab_cont ul.link li{float:left;width:20%}
.tab_cont ul.link li a{display:block;height:49px;padding:0;border-right:1px solid #ddd;border-top:1px solid #ddd;border-bottom:1px solid #ddd;color:#595857;line-height:49px;text-decoration:none;text-align:center;background:#fff;font-weight:400;font-size: 15px;}
.tab_cont ul.link li.selected a{position:relative;color:#fff;font-weight:400;background:#484141;border-color:#484141;border-left:1px solid #484141;margin-left:-1px}
.tab_cont ul.link li:first-child a{border-left:1px solid #ddd;border-top-left-radius:12px}
.tab_cont ul.link li:last-child a{border-top-right-radius:12px}
.tab_cont ul.link li.selected:first-child a{border-left:1px solid #484141;margin-left:0}
.tab_cont .cont{padding:25px 2.5% 40px;color:#353535;border-bottom:dashed 1px #ccc;line-height:1.6;font-size:14px}
.tab_cont .cont img{max-width:100%;font-size:0;line-height:0}
.tab_cont .ankor{height: 50px;}
/* review-summary-pop */
.tab-wrap{overflow: hidden;position: relative;background-color: #f4f4f4;font-weight: 400;color: #484141;}
.tab-wrap .txt-date { float: left;line-height: 70px;font-size: 20px;padding-left: 20px;}
.tab-wrap .txt-date #order_date1 { color: #dc2d4e; }
.tab-wrap .tab { zoom: 1; overflow: hidden;font-size: 0;float: right;}
.tab-wrap .tab li { font-size: 0;float: left;}
.tab-wrap .tab li a {display: block;line-height: 70px;font-size: 18px;background-color: #e5e5e5;color: #484141;padding: 0 30px;}
.tab-wrap .tab li a.on {background-color: #484141;color: #fff;}
.tab-wrap .tab li a.pen {color: #fff;padding: 0 34px 0 64px;background: #484141 url(/design/cepa5678/__ns/img/common/pen.png) 35px center no-repeat;}
.btn-area-pop { text-align: center;padding: 25px 0;}
.btn-area-pop a { font-size: 16px;color: #fff;display: inline-block;line-height: 45px; padding: 0 25px;background-color: #55565a;margin: 0 3px;font-weight: 400;}
.btn-area-pop a.line-btn{border: 1px solid #ddd;line-height: 43px;color: #000;background-color: #fff;}
.btn-area-pop a.wider{width: 180px;padding: 0;}
iframe#loginiframe{position:absolute;z-index:-1;height:0;bottom:-9999px;font-size:0}
.sm-popup-wrap .sm_layer-wrap .popup-cont .btn-wrap .CSSbuttonBlack { border:0; padding:0}
.sm-popup-wrap .sm_layer-wrap .popup-cont .btn-wrap .CSSbuttonBlack:active {top:0}
.smMypage .use-dsc {font-weight:400;font-size: 14px;padding-top: 30px;line-height: 1.5;border: 1px solid #d9d9d9;padding: 20px 30px; margin-top: 20px;background-color: #fff7f7; border-color: #e5d3d3;}
.smMypage .use-dsc li{}