/*
========================================================================
RESET
========================================================================
*/

/* tag reset */
#preview_wrap,.dgg-w { display:none !important;} /* 미리보기 화면에서 팝업,기타 안보이게*/

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,img{margin:0; padding:0;}
html{width:100%; height:100%;}
body,code{font-size:13px; font-family:'Poppins', 'Noto Sans KR', sans-serif; color:#666; background:#fff; line-height:24px; font-weight:400;}
li{list-style:none;}
img,fieldset{border:none; vertical-align:top;}
table{width:100%; border:0; border-spacing:0; border-collapse:collapse;}
caption{display:none;}
th,td{border:0; vertical-align:top;}
input,select,textarea,button{font-size:100%; font-family:'Poppins', 'Noto Sans KR', sans-serif; color:#000; vertical-align:middle;}
h1,h2,h3,h4,h5,h6{font-weight:400;}
hr, caption, legend {
    display: none;
}
input[type=radio],
input[type=checkbox]{width:13px; height:13px; border:0;}
input[type=text],
input[type=password]{height:32px; line-height:32px; padding:2px 5px; border:1px solid #efefef; background:transparent; color:#666; font-size:12px; box-sizing:border-box;}
input[type=radio] + label, input[type=checkbox] + label{margin:0 8px 0 2px;}
select{height:32px; border:1px solid #efefef; box-sizing:border-box;padding:5px;}
textarea{padding:5px 6px; border:1px solid #efefef; line-height:20px;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder{color:#c1c1c1;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color:#c1c1c1;}
input::-moz-placeholder, textarea::-moz-placeholder{color:#c1c1c1; opacity:1;}

/* 크롬 인풋 */ 
*:focus{outline:none;}

legend{visibility:hidden; position:absolute; left:-9999px; top:-9999px; width:0; height:0; line-height:0;}
button{overflow:visible; padding:0; margin:0; border:0; cursor:pointer; background:transparent;}
hr.layout{display:none;}
a{text-decoration:none; color:#666; cursor:pointer;}
a:hover{text-decoration:none;}
a:active{text-decoration:none;}
.objHidden{visibility:hidden; position:absolute; left:-1000px; top:-1000px; height:0; width:0;}
table tr.radioType input,
span.noBorder input{border:none !important; width:auto !important; height:auto !important; margin:0 3px 0 0 !important; vertical-align:middle !important; background:none !important;}
#content_CONTAINER table, #bi_inquire_content_CONTAINER table{border:0; margin:0 0 -1px;}
#content_CONTAINER table:before, #bi_inquire_content_CONTAINER table:before{display:none;}
#content_CONTAINER td, #bi_inquire_content_CONTAINER td{width:auto !important; padding:0;}
table.nneditor-table{width:auto !important;}


table {width: 100%;border-collapse: collapse;border-spacing: 0;table-layout: fixed;word-wrap: break-word;word-break: keep-all;}



/*
========================================================================
공통 class
========================================================================
*/
/* 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; }
.txt-input1 { padding: 2px 0 0 2px; height: 17px; line-height: 17px; border: 1px solid #e2e9ef; border-top: 1px solid #aaadb2; }
.txt-input2 { padding: 2px 0 0 2px; height: 17px; line-height: 17px; border: 1px solid #dcdcdc; }
.MS_input_txt { margin-right:5px;     height: 32px;line-height: 32px;padding: 2px 5px;border: 1px solid #efefef;background: transparent;color: #666;font-size: 12px;box-sizing: border-box; }
.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; border: 1px solid #e2e9ef; border-top: 1px solid #aaadb2; }
/* 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 */
.clear {zoom: 1;}
.clear:after {content: ""; display: block; clear: both;}
/* 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; }
.mb-5 { margin-bottom: 5px; }
.mb-10 { margin-bottom: 10px; }
.mb-15 { margin-bottom: 15px; }
.mb-20 { margin-bottom: 20px; }
/* 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-left,
.tb-center,
.tb-right { padding: 0 10px; }
.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; background: url(/images/d3/modern_simple/common/dot_h1_w10.gif) repeat-x 0 bottom; }
.table-type-1 tr.nbg th,
.table-type-1 tr.nbg td { background-image: none; }
.table-type-1 tr.bg th,
.table-type-1 tr.bg td { background-color: #f8f8f8; }
.table-type-1 th { font-weight: normal; }
/* table-type-2 */
.table-type-2 { border-top: 1px solid #b7b7b7; border-bottom: 1px solid #b7b7b7; }
.table-type-2 th,
.table-type-2 td { padding: 8px 0 8px; background: url(/images/d3/modern_simple/common/dot_h1_w10.gif) repeat-x 0 bottom; }
.table-type-2 th { font-weight: normal; }
.table-type-2 tr.nbg th,
.table-type-2 tr.nbg td { background-image: none; }

/* 장바구니 리스트, 주문상품 리스트 */
.table-cart { margin-top: 10px; margin-bottom :30px; border-bottom: 1px solid #b7b7b7; }
.table-cart thead th { padding: 7px 0 6px; background-color: #ededed; }
.table-cart tbody td,
.table-cart tfoot { background: url(/images/d3/modern_simple/common/dot_h1_w10.gif) repeat-x 0 0; }
.table-cart tbody td { padding: 3px 0 3px; }
.table-cart tbody td .thumb { width: 50px; height: 50px; margin-left: auto; margin-right: auto; font-siez: 0; line-height: 0; border: 2px solid #f6f6f6; }
.table-cart tbody td .thumb a,
.table-cart tbody td .thumb img { display:block; width:50px; height:50px; }
.table-cart tbody td .thumb a { font-size: 0; line-height: 0; }
.table-cart tbody td .d-block { padding-bottom: 3px; }
.table-cart tbody tr.nbg td { background-image: none; }
.table-cart tfoot td { padding: 10px 0; font-weight: bold; }
.table-cart tfoot strong { color: #be101a; }
/* 수량 컨트롤 */
.table-cart .opt-spin { position: relative; width: 36px; height: 20px; margin-left: auto; margin-right: auto; padding-bottom: 3px; }
.table-cart .opt-spin .txt-spin,
.table-cart .opt-spin .btns { float: left; }
.table-cart .opt-spin .txt-spin { width: 22px; height: 18px; padding-right: 2px padding-top: 2px; border: 1px solid #acacac; font-size: 11px; text-align: right; }
.table-cart .opt-spin .btns { width: 12px; height: 20px; margin-top: 3px; }
.table-cart .opt-spin .btns img { overflow: hidden; float: left; text-indent: -999px; background: none; }
/* 주문 - 주문정보 테이블 */
.table-order-info { margin-top: 10px; border-top: 1px solid #b7b7b7; border-bottom: 1px solid #b7b7b7; }
.table-order-info tbody th,
.table-order-info tbody td { padding: 8px 0 7px; background: url(/images/d3/modern_simple/common/dot_h1_w10.gif) repeat-x 0 0; }
.table-order-info tbody th { letter-spacing: -1px; background-color: #ededed; }
.table-order-info tbody th .d-block { font-weight: normal; letter-spacing: 0; }
.table-order-info tbody tr.nbg th,
.table-order-info tbody tr.nbg td { background-image: none; }
/* 마이페이지 디자인 타입2 테이블 리스트, 타이틀 */
.tit-tb-list { margin-top: 30px; font-size: 12px; color: #5f5f5f; padding-left: 10px; background: url(/images/d3/modern_simple/common/bull_h3_sqr_gray.gif) no-repeat 0 45%; }
.table-d2-list { border-top: 2px solid #cdcdcd; border-bottom: 1px solid #cdcdcd; }
.table-d2-list thead th { padding: 6px 0; background-color: #ededed; border-bottom: 2px solid #cdcdcd; }
.table-d2-list tbody td { padding: 6px 0 5px; border-bottom: 1px solid #e3e3e3; }
/* 마이페이지 디자인 타입2 테이블 뷰 */
.table-d2-view { margin-top: 5px; border: 2px solid #cdcdcd; border-bottom: 1px solid #cdcdcd; }
.table-d2-view th, 
.table-d2-view td { padding: 6px 0 5px; border-bottom: 1px solid #cdcdcd; }
.table-d2-view th { font-weight: bold; border-right: 1px solid #e3e3e3; background-color: #ededed; }
/* paging */
.paging { padding-top: 20px; height: 17px; text-align: center; line-height: 0; vertical-align: top; }
.paging li { display: inline;}
.paging li a { overflow: hidden; width: auto; height: 15px; padding: 0 7px; color: #999; cursor: pointer; }
.paging li a:hover,
.paging li.now a { font-weight: bold; letter-spacing: -1px; }
.paging li.first a,
.paging li.prev a,
.paging li.next a,
.paging li.last a { padding: 0 3px; }
.paging li.prev { margin-right: 10px; }
.paging li.next { margin-left: 10px; }
/* 현재위치 */
.loc-navi { text-align: right; }
.loc-navi,
.loc-navi a { color: #999; text-transform: capitalize; }
/* 페이지 타이틀 */
/* 타입 1*/
#content .tit-page { position: relative; margin-top: 20px; font-size: 0; line-height:0; padding-bottom: 12px; border-bottom: 1px solid #d0d0d0; }
#content .tit-page .dsc { position: absolute; right: 0px; top: 15px; font-size: 11px; color: #a5a5a5; letter-spacing: -1px; }
#content .tit-page .dsc em { color:#333; }
/* 타입 2 */
#content .tit-page-2 { position: relative; margin-top: 15px; padding-bottom: 6px; border-bottom: 1px solid #d0d0d0; }
#content .tit-page-2 .dsc { letter-spacing: -1px; display: inline-block; padding-top: 2px; margin-left: 30px; color: #9b9b9b; }
/* 상품 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: 15px 50px 15px 180px; background-color: #ededed; }
.mem-lvl .lvl-img,
.mem-lvl p { position: relative; float: left; }
.mem-lvl .lvl-img { left: -120px; margin-right: -120px; width: 120px; }
.mem-lvl p { width: 100%; padding-top: 10px; line-height: 16px; }
.mem-lvl p em { color: #be101a; font-weight: bold; }
.mem-lvl span.MS_group_reserve_msg,
.mem-lvl span.MS_group_dc_msg {
    color:#F26622;
}
/* 타입 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: 10px 20px; border: 5px solid #ededed; }
.t-box-msg strong { color: #0178d3; }

/*
========================================================================
공통 - 레이어
========================================================================
*/
/*
========================================================================
공통 - 레아웃
========================================================================
*/
/* z-index */
#layerWrap { z-index: 1; }





/* .item-wrap */
.item-wrap .item-hd { padding: 25px 0; text-align: center; background: url(/images/d3/casual_style/common/bg_w12_h1_line.gif) repeat-x 0 80%; }
.item-wrap .item-info { zoom: 1; overflow: hidden; padding:20px 0 ;}
.item-wrap .item-info .item-total { float: left;  }
.item-wrap .item-info .item-total strong {    font-size: 18px;color: #474852;display: inline-block;margin-right: 3px;}
.item-wrap .item-info .item-order { float: right; }
.item-wrap .item-info .item-order li { float: left; padding: 0 5px; }
.item-wrap .item-info .item-order li:last-child {padding-right:0;}
.item-wrap .item-info .item-order li a {     font-size: 13px;letter-spacing: -0.5px;line-height: 40px;color: #979797;padding: 0 10px;display: block;-webkit-transition: 0.2s ease-in-out;-moz-transition: 0.2s ease-in-out;-o-transition: 0.2s ease-in-out;transition: 0.2s ease-in-out; }
.item-wrap .item-info .item-order li:last-child a {padding-right:0;}
.item-wrap .item-cont { zoom: 1; overflow: hidden; }
.item-wrap .item-cont:after { content: ""; display: block; clear: both; }
.item-wrap .item-cont .item-list { margin-bottom: 30px; float: left;  text-align: center; width: 280px; margin-right: 26px;}
.item-wrap .item-cont .item-list:nth-child(4n){ margin-right: 0;}
.item-wrap .item-cont .item-list dt img { width: 100%; }
.item-wrap .item-cont .item-list .prd-name { margin-top: 8px; font-size: 15px; color: #666;}
.item-wrap .item-cont .item-list .prd-price { font-size: 13px; margin-top: 4px; font-weight: bold; }
.item-wrap .item-cont .item-list .color,
.item-wrap .item-cont .item-list .preview { margin-top: 4px; }
.item-wrap .item-page { margin-top: 60px; text-align: center; }
.item-wrap .item-page a { padding: 0 4px; }
.item-wrap .item-page a:hover,
.item-wrap .item-page a.now { color: #555; font-weight: bold; letter-spacing: -1px; }
/* .navi */
.navi p { padding: 0 0 10px 30px; border-bottom: 1px solid #eee; font-size: 11px; }
.navi p a { font-size: 11px; }
.page-hd { padding: 15px 0 15px 30px; }
/* .cate-wrap */
.cate-wrap .local { margin-top: 40px; }
.cate-wrap .bcate {   display:block;text-align:Center; font-size: 18px;font-weight: 600;letter-spacing: 5px;color: #4a413b;margin-bottom:50px;}
.cate-wrap .mcate { zoom: 1; overflow: hidden;display:block;    font-size: 0;line-height: 0;letter-spacing: 0;text-align: center;margin-bottom: 60px; }
.cate-wrap .mcate li {     display: inline-block;vertical-align: top;position: relative;margin: 0 5px; }
.cate-wrap .mcate li.nobg { background: none; }

.cate-wrap .mcate li a {    display: block;font-size: 14px;font-weight: 400;letter-spacing: -0.5px;line-height: 26px;padding: 7px 24px;border-radius: 30px;background: #f9f9f9;border: 2px solid #f9f9f9;box-sizing: border-box;color: #bdbdbd;-webkit-transition: 0.2s ease-in-out;-moz-transition: 0.2s ease-in-out;-o-transition: 0.2s ease-in-out;transition: 0.2s ease-in-out;}
.cate-wrap .mcate li:hover a {    color: #959595;-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.1);-moz-box-shadow: 0 0 4px rgba(0,0,0,0.1);-ms-box-shadow: 0 0 4px rgba(0,0,0,0.1);box-shadow: 0 0 4px rgba(0,0,0,0.1);}

/* .list-hd */
.item-wrap .list-hd { zoom: 1; overflow: hidden; padding: 25px; background: url(/images/d3/casual_style/common/bg_w10_h8_line.gif) repeat-x 0 85%; }
.item-wrap .list-hd .title { float: left; }
.item-wrap .list-hd .navi { float: right; font-size: 11px; }
.item-wrap .list-hd .navi a { font-size: 11px; }










/*
==========================================================================================================================
                                                     원디자인 공통소스
==========================================================================================================================
*/






/* Noto Sans KR (korean) */
@font-face { 
	font-family: 'Noto Sans KR'; 
	font-style: normal; 
	font-weight: 100; 
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
} 

@font-face { 
	font-family: 'Noto Sans KR'; 
	font-style: normal; 
	font-weight: 300; 
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype'); 
}

@font-face {
font-family: 'Noto Sans KR'; 
	font-style: normal; 
	font-weight: 400; 
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype'); 
}

@font-face { 
	font-family: 'Noto Sans KR'; 
	font-style: normal; 
	font-weight: 500; 
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); 
} 

@font-face { 
	font-family: 'Noto Sans KR'; 
	font-style: normal; 
	font-weight: 700; 
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype'); 
} 

@font-face {
	font-family: 'Noto Sans KR'; 
	font-style: normal; 
	font-weight: 900; 
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype'); 
}




/*====================================================================*/
/******************************** layout ******************************/
/*====================================================================*/
#wrap{width:100%; background:#fff; min-width:580px; position:relative;}
#contentWrap{ margin:0 auto;padding:200px 112px 0;box-sizing:border-box;min-height:650px;}
#contentWrap:after{content:""; display:block; clear:both;}
#content{width:100%; min-width:800px; padding:0 0; box-sizing:border-box; margin:0 auto;}
#content:after{content:""; display:block; clear:both;}

/* 좁은 컨텐츠 (950) - 게시판, 마이페이지, 이용약관, 개인정보처리방침
좁은 컨텐츠2 (1100) - 관심상품, 장바구니, 주문서작성, 주문완료 */
#content.narrow{/* max-width:1120px;  */min-width:inherit; padding:0;}
#content.narrow2{max-width:1100px; min-width:inherit; padding:0;}
#content.narrow .titleArea,
#content.narrow2 .titleArea{margin-bottom:60px;}

/* 드래그 */
::selection{color:#6d6d6d; background:#eaecf1;}



/* 공통 타이틀 */
.titleArea{margin:0 auto 50px;text-align: center;}
.titleArea h2 { font-size: 18px;font-weight: 600;letter-spacing: 5px;color: #4a413b;}
.titleArea p{margin-top:10px; font-size:13px; line-height:22px; letter-spacing:-0.3px; color:#a7a7a7; font-weight:300;}
.titleArea p a{font-weight:400;}

/*버튼*/
.btn_none{border:2px solid #bdbdbd; background:#bdbdbd; color:#fff; line-height:1; font-weight:400; font-size:13px; letter-spacing:-0.3px; text-align:center;-webkit-transition:0.2s ease-in-out; -moz-transition:0.2s ease-in-out; -o-transition:0.2s ease-in-out; transition:0.2s ease-in-out;}
.btn_white{border:2px solid #f1f1f1; background:#f1f1f1; color:#909090; line-height:1; font-weight:400; font-size:13px; letter-spacing:-0.3px; text-align:center;-webkit-transition:0.2s ease-in-out; -moz-transition:0.2s ease-in-out; -o-transition:0.2s ease-in-out; transition:0.2s ease-in-out;}
.btn_point{border:2px solid #d2baa5; background:#d2baa5; color:#fdfdfd;line-height:1; font-weight:400; font-size:13px; letter-spacing:-0.3px; text-align:center;-webkit-transition:0.2s ease-in-out; -moz-transition:0.2s ease-in-out; -o-transition:0.2s ease-in-out; transition:0.2s ease-in-out;}

.btn_01{display:block; padding:20px 0px; font-size:15px; box-sizing:border-box;} /* 가로 100 우측장바구니버튼*/
.btn_02{display:inline-block; padding:16px 50px; font-size:13px; box-sizing:border-box;} /* 서브 큰버튼 */
.btn_03{display:inline-block; vertical-align:top; width:100%; height:50px; line-height:46px; font-size:15px; letter-spacing:0px; font-weight:400; box-sizing:border-box;} /* 로그인버튼 */
.btn_04{display:inline-block; vertical-align:top; padding:0 10px; line-height:28px; font-size:12px; letter-spacing:-0.2px;  box-sizing:border-box;} /* 우편번호버튼 (input 옆) */
.btn_05{display:inline-block; vertical-align:middle; padding:8px 12px; font-size:12px; letter-spacing:-0.2px; box-sizing:border-box;} /* 글쓰기 버튼/서브 작은버튼 */
.btn_06{display:inline-block; padding:0 20px; height:26px; line-height:23px; font-size:11px; font-weight:normal; letter-spacing:0.2px; vertical-align:middle; box-sizing:border-box;}/*마이페이지 조회*/
.btn_07{display:inline-block; vertical-align:middle; width:70px; line-height:26px; font-size:12px; box-sizing:border-box; margin-bottom:2px;} /* 관심상품 선택영역 */
.btn_08{display:inline-block; vertical-align:middle; width:80px; line-height:46px; font-size:12px; box-sizing:border-box;} /* 댓글 확인 */

/*호버*/
.btn_white:hover{background:#eee; border-color:#eee;}
.btn_none:hover{background:#ccc; border-color:#ccc;}
.btn_point:hover{background:#c7a384;border:2px solid #c7a384;}








/*====================================================================*/
/****************************** 레이어들 ******************************/
/*====================================================================*/

/**************************** 검색 ****************************/
#one_sear{position:fixed; top:0; left:0; background:rgba(21,21,24,0.55); width:100%; height:100%; z-index:999999; opacity:0; visibility:hidden; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
#one_sear .searBox{width:50%; position:absolute; left:50%; top:56%; transform:translate(-50%, -140px); font-size:0; line-height:0; letter-spacing:0; -webkit-transition: top 0.3s ease-in-out; -moz-transition: top 0.3s ease-in-out; -o-transition: top 0.3s ease-in-out; transition: top 0.3s ease-in-out;}
#one_sear.open{opacity:1; visibility:visible;}
#one_sear.open .searBox{top:52%;}

/* 검색창 */
#one_sear .searBox fieldset{}
#one_sear .searBox fieldset input,
#one_sear .searBox fieldset .btn{display:inline-block; vertical-align:bottom; font-size:25px; line-height:25px; letter-spacing:-0.3px; font-weight:400;}
#one_sear .searBox fieldset input{width:100%; height:70px; border:0; border-bottom:1px solid rgba(255,255,255,0.7); padding:3px; box-sizing:border-box; color:#fdfdfd;background:transparent}
#one_sear .searBox fieldset .btn{width:10%; color:rgba(255,255,255,0.7); padding:3px; box-sizing:border-box; font-size:36px; letter-spacing:1px; font-weight:400; text-align:center; cursor:pointer; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;}

/* 인기검색어 */
#one_sear .searBox ul{}
#one_sear .searBox ul li{ display: inline-block;vertical-align: middle;font-size: 15px;line-height: 20px;letter-spacing: -0.1px;margin: 0 8px 16px 0;font-weight: 200;color: #fdfdfd;background: #947961;padding: 12px 20px;border-radius: 8px;}
#one_sear .searBox ul li a{display:block; color:#fdfdfd;}






#one_sns {position: fixed;right:30px;top: 0;width: 20px;height: 100%;z-index: 99; }
#one_sns > * {display: table;width:100%;height:100%;}
#one_sns > * > * {display:table-cell;vertical-align: middle;}
#one_sns .share {height: 50px;position: relative;}
#one_sns .share a {display: block;transform: rotate(-90deg);position: absolute;left: -14px;bottom: 20px;letter-spacing: 0;font-weight: 400;font-size: 14px;color: #bfbfbf;}
#one_sns i {display: block;font-size: 13px;line-height: 30px;color:#666;}








/*====================================================================*/
/****************************** 상품진열 ******************************/
/*====================================================================*/



/* 상품공통 */
.prd-wrap{}
.prd-wrap .prd-list{display:block; width:100%; font-size:0; line-height:0; margin:0;}
.prd-wrap .prd-list > li{position:relative;display:inline-block; *display:inline; *zoom:1; vertical-align:top; padding-bottom:40px;text-align:center;}

/* 다다익선 아이콘 */
.prd-wrap .prd-list > li .icon_dada {position:absolute;left:10px;top:10px;z-index:98;;}
.prd-wrap .prd-list > li .icon_dada img {width:45px;}



/* 진열방식 */
.prd-wrap ul.grid2 > li{width:49%; margin-right:calc(2% - 1px);}
.prd-wrap ul.grid3 > li{    width: 31%; margin-right: 3.5%;}
.prd-wrap ul.grid4 > li{width:23.5%; margin-right:calc(2% - 1px);}
.prd-wrap ul.grid5 > li{width:18.8%; margin-right:calc(1.5% - 1px);}

.prd-wrap ul.grid2 > li:nth-child(2n){margin-right:0;}
.prd-wrap ul.grid3 > li:nth-child(3n){margin-right:0;}
.prd-wrap ul.grid4 > li:nth-child(4n){margin-right:0;}
.prd-wrap ul.grid5 > li:nth-child(5n){margin-right:0;}


/* 상품이미지 */
.prd-wrap .prd-list .prd-thumb{position:relative; margin:0 auto 30px; text-align:center;border:2px solid #636363}
.prd-wrap .prd-list .prd-thumb a{display:block;}
.prd-wrap .prd-list .prd-thumb a img{width:100%; margin:0 auto;}
.prd-wrap .prd-list .prd-thumb a .ori {opacity:1;visibility:visible;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s; }
.prd-wrap .prd-list .prd-thumb a .over {position:absolute;left:0;top:0;z-index:9;opacity:0;visibility:hidden;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s; }




.prd-wrap .prd-list li .prd-thumb:hover a .ori { }
.prd-wrap .prd-list li .prd-thumb:hover a .over {opacity:1;visibility:visible;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s;  }


/* 아이콘 */
.prd-wrap .prd-list .prd-thumb .button{position:absolute; top:20px; right:20px; line-height:0; font-size:0; z-index:99;}
.prd-wrap .prd-list .prd-thumb .button a{display:inline-block; vertical-align:top; margin-left:16px; z-index:1; cursor:pointer; opacity:0; transition:opacity 0.25s ease-in-out;}
.prd-wrap .prd-list .prd-thumb .button a.btn_new{}
.prd-wrap .prd-list .prd-thumb .button a.btn_popup{}
.prd-wrap .prd-list .prd-thumb .button a.btn_option{width:15px; height:18px; background:url('/design/butina7577/onedesign/images/ico_option.png') no-repeat center;}
.prd-wrap .prd-list .prd-thumb .button a.btn_option img{opacity:0; width:15px; height:18px;}

.prd-wrap .prd-list .prd-thumb .button a:hover{opacity:1;}
.prd-wrap .prd-list > li:hover .prd-thumb .button a{opacity:0.8;}

/* 상품정보 */
.prd-wrap .prd-info{position:relative; margin:0 auto; font-size:13px; line-height:20px;  padding:0; position:relative;display:inline-block;text-align:left;;}
.prd-wrap .prd-info p{display:block;; margin-bottom:3px}

/* 상품명 */
.prd-wrap .prd-info .prd-name{    display:block;padding-bottom:15px;font-weight: 500 !important;letter-spacing: .5px;font-size: 14px !important;font-family: 'Poppins','Noto Sans KR',sans-serif;color: #2d2929 !important;}
.prd-wrap .prd-info .prd-name .ico_soldout,
.prd-wrap .prd-info .prd-name .MK-product-icons img{display:inline-block; vertical-align:middle; margin-right:3px;}


/* 품절아이콘 */

.prd-wrap .prd-info p.prd-soldout {  margin-top: 15px;}
.prd-wrap .prd-info p.prd-soldout span {    display: inline-block;
    background: #bb9480;
    color: #fff;
    padding: 3px 6px;
    font-size: 9px;
    letter-spacing: 1px;line-height:13px;
}


/* 소비자가격(.discount할인전가격) */
.prd-wrap .prd-info .prd-consumer{display:inline-block;vertical-align:middle; padding-right:8px;color:#b9b9b9; text-decoration:line-through;}
.prd-wrap .prd-info .prd-consumer.discount{}
/* 상품가격(.discount할인후가격) */
.prd-wrap .prd-info .prd-price{    display:inline-block;vertical-align:middle; font-weight: normal !important;color: #000 !important;font-size: 13px !important;}
.prd-wrap .prd-info .prd-price.discount{}

/* 추가상품명 */
.prd-wrap .prd-info .prd-subname{    color: #999 !important;
    font-size: 12px !important;
    letter-spacing: 0;
    line-height: 1.5;
    font-weight: 300;
    padding-top: 15px;}

/* 상품색상 */
.prd-wrap .prd-info p.prd-color {position:absolute; right:0; top:0; width:auto}
.prd-wrap .prd-info p.prd-color span{float:left; vertical-align:middle; width:8px; height:8px; border-radius:50%; margin-right:5px;}
.prd-wrap .prd-info p.prd-color span.white {border:1px solid #ccc; box-sizing:border-box}



/* 기간할인 적용된 경우 */
.prd-wrap .prd-info .prd-term{margin-top:10px; border-top:1px solid #f3f3f3; padding-top:10px;}

/* 상품 페이징 */
.prd-wrap .item-page{margin:30px 0; text-align:center; font-size:0; line-height:0;}
.prd-wrap .item-page a{display:inline-block; width:25px; height:25px; font-size:10px; color:#c7c7c7; line-height:25px; font-family:serif; -webkit-transition:0.15s ease-in-out; -moz-transition:0.15s ease-in-out; -o-transition:0.15s ease-in-out; transition:0.15s ease-in-out;}
.prd-wrap .item-page a:hover{color:#adadad;}
.prd-wrap .item-page a.num{border-radius:25px; font-family:'Overpass','맑은 고딕','Nanum Gothic',sans-serif;}
.prd-wrap .item-page a.now{background:#fbfaf9; color:#adadad; font-weight:bold;}







/******************************************************* 게시판소스 *******************************************************/

/* 전체 적용 표 스타일 */
.base-table{position:relative;}
.base-table th,
.base-table td{padding:10px 0; vertical-align:middle; font-weight:normal; letter-spacing:0.5px;}
.base-table th{    padding: 15px 0;background: #f9f9f9;vertical-align: middle;font-weight: 300;}
.base-table td{border-bottom:1px solid #f3f3f3;}
.base-table .thumb img{max-width:80px; height:auto;}

.base-table-2{position:relative; border-top:1px solid #f3f3f3;}
.base-table-2 th,
.base-table-2 td{padding:10px 0; vertical-align:middle; font-weight:normal; letter-spacing:0.5px;}
.base-table-2 th{background:#f9f9f9; border-bottom:1px solid #f3f3f3;}
.base-table-2 td{padding-left:10px; border-bottom:1px solid #f3f3f3;}
.base-table-2 td .tb-left{padding-left:0;}




/* 게시판 글쓰기, 목록 이동 링크 */
.bbs-link{font-size:0; line-height:0;}
.bbs-link a{margin-left:2px;}

/* 게시판 글쓰기, 목록 이동 링크 */
.bbs-link a.none{}
.bbs-link span{display:inline-block; font-size:10px; line-height:1; vertical-align:middle; color:#afafaf;}
.bbs-link span.btns{margin-left:10px;}

/* 게시판 한줄공지 */
.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{margin-top:10px; border-top:1px solid #f3f3f3;}
.bbs-table-list thead th,
.bbs-table-list tbody td {padding:15px 0; border-bottom:1px solid #f3f3f3; color:#666; vertical-align:middle; font-weight:normal; background:#fff; letter-spacing:0.5px;} 
.bbs-table-list thead th{}
.bbs-table-list tbody td{}
.bbs-table-list tbody td .thumb img{width:70px; height:auto;}
.bbs-table-list tbody td .board_prdname{text-decoration:underline; color:#666;}

/* 리스트 공지*/
.bbs-table-list tbody tr.noti td{background:#f9f9f9; color:#666; font-weight:600;}

/* 게시판 타입 - 보기 */
.bbs-table-view{margin-top:10px;}
.bbs-table-view thead th,
.bbs-table-view tbody td {padding:15px 0; border-bottom:1px solid #f3f3f3; color:#666; vertical-align:middle; font-weight:normal; background:#fff; letter-spacing:0.5px;} 
.bbs-table-view thead th{border-top:1px solid #f3f3f3; font-weight:600;}
.bbs-table-view tbody td.line{padding:15px;}
.bbs-table-view .btn-dwn{margin-top:15px;}
.bbs-table-view .bbs-table-list thead th{border-top:0; font-weight:normal;}

/* 게시판 타입 - 쓰기 */
.bbs-table-write{margin-top:10px;}
.bbs-table-write table{border:1px solid #f3f3f3;}
.bbs-table-write tbody th,
.bbs-table-write tbody td {text-align:left; padding:15px 0 15px 15px; box-sizing:border-box; border-bottom:1px solid #f3f3f3; color:#666; vertical-align:middle; font-weight:normal; background:#fff; letter-spacing:0.5px;} 

/* 게시판 타입 - 비밀번호찾기 */
.bbs-table-pwd{margin-top:25px;}
.bbs-table-pwd table{width:300px; margin-left:auto; margin-right:auto;}
.bbs-table-pwd tbody th,
.bbs-table-pwd tbody td {padding:15px 0; box-sizing:border-box; border-top:1px solid #f3f3f3; border-bottom:1px solid #f3f3f3; color:#666; vertical-align:middle; font-weight:normal; background:#fff; letter-spacing:0.5px;} 

/* 공통 */
textarea{width:600px; height:47px; padding:2px; border:1px solid #f3f3f3;}
.input-style{}

.cont-sub-des{position:relative; line-height:24px;}
.cont-sub-des span.attach{margin-left:15px; display:none;}
.cont-sub-des span em{}
.cont-sub-des .hit{position:absolute; top:12px; right:0;}
.cont-sub-des .hit span{margin-right:0;}

.comment-list{border-top:1px solid #f3f3f3;}
.comment-list td .com-name{padding-left:30px;}
.bbs-table-view .comment-box td{padding:10px 25px;}
.comment-box .com-name{}
.bbs-table-view td.com-wrt-box{background:#f9f9f9; padding:10px 20px 20px; border-bottom:0;}
.com-wrt-box label{}
.com-wrt-box .input-style{}
.com-wrt-box .wrt{margin-top:10px;}
.view-link{padding:25px 0;}

/* 게시판 회원 게시글 검색 */
.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; padding:5px;}
.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:20px; width:660px;}
.privercy-agree{margin:10px 0;}
.privercy-agree label{ margin-right:10px;}


/* paging */
.paging{margin:30px 0; text-align:center; font-size:0; line-height:0;}
.paging li{display:inline-block; vertical-align:middle;}
.paging li a{display:block; width:25px; height:25px; font-size:10px; color:#c7c7c7; line-height:25px; font-family:serif; -webkit-transition:0.15s ease-in-out; -moz-transition:0.15s ease-in-out; -o-transition:0.15s ease-in-out; transition:0.15s ease-in-out;}
.paging li a:hover{color:#adadad;}
.paging li .num{border-radius:25px; font-family:'Overpass','맑은 고딕','Nanum Gothic',sans-serif;}
.paging li .num.now{background:#f3f3f3; color:#adadad; font-weight:bold;}
.paging li strong{display:inline-block; display:block; width:25px; height:25px; font-size:10px; color:#c7c7c7; line-height:25px; background:#f3f3f3; color:#333; font-weight:bold;}












/******************************************************* ec-base-table *******************************************************/


/* 공통 css */
.ec-base-table table{position:relative;}
  .ec-base-table.gLayoutFixed table{table-layout:fixed;}
  .ec-base-table.gLayoutFixed .gLayoutAuto table{table-layout:auto;}

.ec-base-table thead th{padding:15px 0; background:#f9f9f9; vertical-align:middle; font-weight:300;}
.ec-base-table tbody th{padding:15px 0; background:#f9f9f9; vertical-align:middle; font-weight:300;}

.ec-base-table td{padding:15px 0; border-bottom:1px solid #efefef; font-weight:300; vertical-align:middle;}
.ec-base-table td strong{font-weight:500; letter-spacing:-0.3px;}
.ec-base-table td strong a{letter-spacing:1px;}
.ec-base-table td.clear{padding:0 !important; border:0 !important;} /* 여백, 테두리 상쇄 */

/* 가로형 */
  /* 쓰기 타입 - 회원가입 */
	.ec-base-table.typeWrite table{border-top:1px solid #efefef; border-bottom:1px solid #efefef;}
    .ec-base-table.typeWrite td{padding:15px 0 15px 15px;}
    .ec-base-table.typeWrite img{max-width:100% !important; height:auto !important; margin-bottom:10px;}

/* 세로형 */
  /* 목록 타입 */
    .ec-base-table.typeList table{}
    .ec-base-table.typeList table:before{display:none;}
    .ec-base-table.typeList td{padding:15px 0;}
    .ec-base-table.typeList tfoot td{padding:15px; background:#fff;}
  /* 내역 없음 */
    .ec-base-table .message{background:#fcfcfc; padding:50px 0; text-align:center; color:#b7b7b7; font-weight:400; font-size:12px;}
    .ec-base-table table + .message{margin:-1px 0 0;}
    .ec-base-table table td.message{padding:50px 0; border:0;}
    .ec-base-table .scroll .message{border:0;}
  /* 세로 스크롤 */
    .ec-base-table.typeList .head td{padding:15px 0; border-left:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; color:#666; vertical-align:middle; text-align:center; background:#fbfafa;}
    .ec-base-table.typeList .head td:first-child{border-left:0;}
    .ec-base-table.typeList .scroll{position:relative; overflow-x:hidden; overflow-y:scroll; max-height:185px; min-height:100px; border:1px solid #efefef; border-top-width:0; margin-top:-1px;}
    .ec-base-table.typeList .scroll table{border:0; margin:0;}
    .ec-base-table.typeList .scroll table:before{display:none;}
    .ec-base-table.typeList .scroll .message{border:0;}
  /* thead - blind */
    .ec-base-table thead.blind,
    .ec-base-table thead.blind th{display:none;}
    .ec-base-table thead.blind + tbody tr:first-child th,
    .ec-base-table thead.blind + tbody tr:first-child td{border-top-width:0;}
  /* 라인형 */
    .ec-base-table.typeList.gLine table{border-width:0; border-bottom-width:1px;}

/* 공통 */
  /* 테두리, 배경 없는 타입 */
    .ec-base-table.typeClear table:before{display:none;}
    .ec-base-table.typeClear table,
    .ec-base-table.typeClear th,
    .ec-base-table.typeClear td{border:0 none; background:none;}
    .ec-base-table.typeClear th{font-weight:bold;}
  /* 셀 테두리 */
    .ec-base-table.gBorder td{}
    .ec-base-table.gBorder td:first-child{border-left:0;}
    .ec-base-table.gBorder td.gClearLine{border-left:0;}
    .ec-base-table.typeList.gBorder tbody td{border-color:#efefef;}
  /* 정렬 */
    .ec-base-table .left{text-align:left; padding-left:20px;}
    .ec-base-table .center{text-align:center; padding-left:0; padding-right:0;}
    .ec-base-table .right{text-align:right; padding-right:20px;}
    .ec-base-table.typeList .center td,
    .ec-base-table.typeList td.center{}
    .ec-base-table.typeList .center td.left{padding-left:10px;}
    .ec-base-table.typeList .center td.right{padding-right:10px;}
    .ec-base-table .top th, .ec-base-table th.top,
    .ec-base-table .top td, .ec-base-table td.top{vertical-align:top;}
    .ec-base-table .middle th, .ec-base-table th.middle,
    .ec-base-table .middle td, .ec-base-table td.middle{vertical-align:middle;}
  /* 폼태그 */
    .ec-base-table img{vertical-align:middle;}

@media print{
  .ec-base-table table:before{display:none;}
}



/* SNS 로그인 */
#sns-login{margin:100px auto 0;}
#sns-login h2{font-size:13px; font-weight:400; color:#a7a7a7; text-align:center; letter-spacing:-0.3px; line-height:22px; margin-bottom:30px; padding-top:18px; position:relative;}
#sns-login h2 span{font-weight:600; color:#474852;}
#sns-login h2:before{content:""; text-align:center; display:inline-block; width:8px; height:3px; background:#454545; position:absolute; top:0; left:calc(50% - 4px);}
#sns-login li{display:block; margin:4px 0; width:100%;}
#sns-login li a{display:block; padding:18px 0; color:#bdbdbd; background:#efefef; line-height:1; text-align:center; font-size:13px; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;}
#sns-login li a.kakao:hover{background:#fbe300; color:#3b1e1e;}
#sns-login li a.naver:hover{background:#00c73c; color:#fff;}
#sns-login li a.fb:hover{background:#3b5998; color:#fff;}