@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@font-face {font-family:nanum; src:url(images/NanumGothic.eot);}
@font-face {font-family:nanumEB; src:url(images/NanumGothicExtraBold.eot);}
/*400 Regular*/
@font-face { font-family: 'Nanum Gothic'; font-style: normal; font-weight: 400;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.ttf) format('truetype');}
/*700 Bold*/
@font-face {font-family: 'Nanum GothicB'; font-style: normal; font-weight: 700;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.ttf) format('truetype');}
/*800 Extrabold*/
@font-face { font-family: 'Nanum GothicEB'; font-style: normal; font-weight: 800;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.ttf) format('truetype');}
/*³ª´®°íµñ ÆùÆ®¼³Á¤ ³¡*/


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

#preview_wrap {display:none !important;}


/*À̹ÌÁö¸Ê Á¡¼± Á¦°Å*/
a,area {blr:expression(this.onFocus=this.blur());}
:focus {-moz-outline-style: non; }

/* global rest */
html, body {
    height: 100%;
}
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;
}

button:focus,
button:active{
  border:0;
  outline:0;
}
body,
h1, h2, h3, h4, h5, h6, table,
input, select, textarea, a {
    font-size: 12px;
    line-height: 1.25;
    color: #777;
    font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}
img, fieldset,button {
    border:0 none;
}
img {
    vertical-align: top;
}
li {
    list-style: none;
}
hr, caption, legend {
    display: none;
}
a { 
    color: #787878;
    text-decoration: none;
}
a:hover {
}
button {
    overflow: hidden;
    cursor: pointer;
}
button span {
    visibility: hidden;
}
address, em {
    font-style: normal;
}
button, input, select, textarea {
    vertical-align: middle;
}
select {
    line-height: 18px;
    height: 18px;
}
input:focus {
    outline: none;
}
table {
    width:100%;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
    word-wrap: break-word;
    word-break: keep-all;
}

#productDetail table, #bbsData table {margin:0 auto;}

#order table, #cartWrap table, #terms table, #join table, #loginWrap table, #findIdPwd table, #findIdPwd_result table, #idDup table, #faqWrap table, #guide table, #mypage table, #myOrder table, #myCoupon table, #myReserv table, #myPoint table, #myEmoney table, #myAtten table, #myWish table, #myEmail table, #mySecede table, #mySms table, #myHistory table, #myTodayView table, #board1v1 table {width: 100%;}


div, ul, ol, li, dl, dt, dd, p, span, h1, h2, h3, h4, h5, h6, h7 {margin:0;padding:0;}
ul, ol, li, dl, dt, dd {list-style:none;}

.after_div {*zoom:1;}
.after_div:after {clear:both;content:"";display:block;}
.float_l {float:left;}
.float_r {float:right;}
/*
========================================================================
°øÅë 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; padding: 2px 0 0 2px; line-height: 17px; border: 1px solid #dcdcdc; }
.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; }
/* »óÇ°¸®½ºÆ® (¸ÞÀÎ/°Ë»ö/»óÇ°¸®½ºÆ®) */
.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; }
/* Àå¹Ù±¸´Ï ¸®½ºÆ®, ÁÖ¹®»óÇ° ¸®½ºÆ® */
.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: 35px; 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: #fbf9f9; }
.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: -120px; 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; }
/* layout */
#header,
#layerWrap,
#contentWrap,
#ftLink .link,
#footer { position: relative; width:1249px; margin-left: auto; margin-right: auto; }
#contentWrapper { position: relative; padding-top:74px; }
#contentWrap { zoom: 1; width: 1249px; }
#contentWrap:after { content: ""; display: block; clear: both; }
#aside,
#content { position: relative; float: left; }
#content { width: 1249px; }

/* style_code layout */

/* »óÇ° ¹Ì¸®º¸±â ·¹À̾î */
#detailpage { position: absolute; top: 100px; display: block; width: 640px; padding: 10px 10px 40px; border: 3px solid #93a4b3; background-color: #fff; }
#detailpage .loc { zoom: 1; overflow: hidden; }
#detailpage .loc span { float: right; width: auto; }
/*
#detailpage .loc span { float: right; width: auto; padding-left: 10px; background: url(/images/d3/modern_simple/common/bull_h5_arow_blue.gif) no-repeat 0 6px; }
*/
#detailpage .hd {
    margin-top: 10px; padding: 5px 10px 5px 30px; border: 1px solid #becbd7; background: #e0e6ec url(/images/d3/modern_simple/common/bull_h11_sqr_arow.gif) no-repeat 10px 10px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
#detailpage .hd h2 { font-weight: bold; font-size: 16px; color: #666; }
#detailpage .detail { zoom: 1; overflow: hidden; margin-top: 20px; padding-left: 300px; }
#detailpage .thumb-wrap,
#detailpage .txt-wrap { position: relative; float: left; }
#detailpage .close-layer { position: absolute; right: 0px; bottom: 0px; _bottom: -1px; }
/* thumb-wrap */
#detailpage .thumb-wrap { width: 300px; left: -300px; margin-right: -300px; text-align: center; }
#detailpage .thumb-wrap .btns { margin-top: 10px; font-size: 0; line-height: 0;}
#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; border-bottom:2px solid #ccc; }
#detailpage .txt-wrap .opt { margin-top: 5px; }
#detailpage .txt-wrap .opt li { padding: 3px 0; }
#detailpage .txt-wrap .opt li.s-price { color: #a00000; }
#detailpage .txt-wrap .f-btns { margin-top: 10px; padding-top: 10px; border-top: 1px solid #ccc; font-size: 0; line-height: 0; }
#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; border: 1px solid #acacac; 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; font-size: 0; line-height: 0;}
#detailpage .thumb-wrap .btns a { margin-left: 5px; }

/* °Ô½ÃÆÇ °øÅë - ÀϹÝ, °Ö·¯¸®, ÄÁÅÙÃ÷¸µÅ©, ÀÚ·á½Ç, ¹Ì´ÏȨÇÇ, ¹æ¸í·Ï, µ¿¿µ»ó */
/* »ó´Ü */
.bbs-hd { padding: 0px 0 20px; background: url(/images/d3/modern_simple/common/dot_bbs_hd.gif) repeat-x 0 bottom; }
.bbs-hd .link { text-align: center; font-size: 0; line-height: 0; }
.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-tit {margin:73px 0 29px 0;text-align:center;height:17px;line-height:17px;color:#636363;font-size:11px; }
.bbs-tit .braket { padding: 0 15px; font-weight:bold; vertical-align: middle; }
.bbs-tit em { margin-left: 10px;}
/* °Ë»ö */
.bbs-sch { margin-top:0px; margin-bottom:0px; text-align: right; }
.bbs-sch label { margin-right: 10px; }
.bbs-sch .key-wrap {height:20px; }
.bbs-sch .key-wrap,
.bbs-sch .keyword,
.bbs-sch img { vertical-align: middle; }
.bbs-sch .keyword { width: 125px; height: 14px; padding: 2px 0 0 2px; margin-right: 3px; line-height: 14px; border: 1px solid #ededed; }
/* °Ô½ÃÆÇ ±Û¾²±â, ¸ñ·Ï À̵¿ ¸µÅ© */
.bbs-link { font-size: 0; line-height: 0; }
.bbs-link a { display: inline-block; padding:0 0 0 4px; font-size: 11px; line-height: 14px; color: #9b9b9b; background: url('/images/d3/modern_simple/common/bull_bbs_hd_link.gif') no-repeat left 45%; }
.bbs-link a.write { padding-left: 23px; background: url(/images/d3/modern_simple/common/icon_bbs_write_link.gif) no-repeat 0 45%; }
/* °Ô½ÃÆÇ ±Û¾²±â, ¸ñ·Ï À̵¿ ¸µÅ© */
.bbs-link a.none { background: url('');}
.bbs-link span { font-size:11px; color:#555; 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 {}
.bbs-table-list thead th,
.bbs-table-list tbody td  { padding: 6px 0 4px 0;line-height:17px;} 
.bbs-table-list thead th {padding:7px 0 6px 0;line-height:17px;color:#474747; font-weight:normal; font-size: 11px; background:#eee; }
.bbs-table-list tbody td {border-bottom:1px #ebebeb solid;color:#636363;font-size:11px;}
.bbs-table-list tbody td a, .bbs-table-list tbody td a:hover {color:#636363;font-size:11px;}
/* °Ô½ÃÆÇ Å¸ÀÔ - º¸±â */
.bbs-table-view { margin-top: 27px; }
.bbs-table-view thead th,
.bbs-table-view tbody td  { padding: 9px 0 6px 0; line-height:17px;} 
.bbs-table-view thead th { color: #5f5f5f; font-weight: bold; font-size: 11px;  border:1px solid #d2d2d2; background:#fafafa;}
.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;}
.bbs-table-view thead th.list {font-weight:normal;border-left:0;border-right:0;}

/* ¹Ì´ÏȨÇÇ, ¹æ¸í·Ï °Ô½Ã±Û ºä */
/* »ó´Ü */
.visit-vhd { margin-top: 10px; border-top: 1px solid #e5e5e5; }
.visit-vhd th,
.visit-vhd td { padding: 3px 0; border-bottom: 1px solid #e5e5e5; font-family: Dotum; } 
.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; font-family: Dotum; 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; }
/* ÀÛ¼º */
.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; font-family: Dotum; }
.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:30px 20px 0 20px;}
.bbs-table-write tbody th,
.bbs-table-write tbody td  { padding:4px 0 3px 0; line-height:20px;border-top:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd; color:#1b1b1b; font-weight:normal; font-size:11px;} 
.bbs-table-write tbody th {background:#ededed;border:1px #cdcdcd solid;text-align:center;}
.bbs-table-write tbody td div {margin-left:20px;}
/* °Ô½ÃÆÇ Å¸ÀÔ - ºñ¹Ð¹øȣã±â */
.bbs-table-pwd {}
.bbs-table-pwd table { width:383px; margin-left:auto; margin-right:auto;}
.bbs-table-pwd tbody th,
.bbs-table-pwd tbody td { padding:18px 0 16px 0;  border-top:1px solid #909090; border-bottom:1px solid #d9d9d9; color:#636363; font-weight:normal; font-size:11px;line-height:28px;} 
.bbs-table-pwd tbody th {padding-left:56px;}
.bbs-table-pwd tbody td .MS_input_txt {border:1px #000 solid;color:#000;font-size:11px;text-indent:5px;height:28px;line-height:28px;width:190px;}
.pwd-link {margin-top:14px;text-align:center;}
.pwd-link img {margin:0 5px;}
/* °øÅëÀ¸·Î ¾²´Â°Å */
textarea { width:600px; height:47px; padding:2px; border:1px solid #EDEDED;}        
.input-style { padding:2px; height:14px; line-height:14px; border:1px solid #EDEDED;}

.cont-sub-des { position:relative;}
.cont-sub-des .float_l {margin-left:10px;}
.cont-sub-des span { display:inline-block;margin-right:32px; color:#5f5f5f;}
.cont-sub-des span em { font-size:11px; color:#5f5f5f;}
.cont-sub-des .hit { margin-right:10px;}
.cont-sub-des .hit span { margin-right:0;}

.comment-box { }
.comment-box ul {padding-bottom:40px;}
.comment-box ul li {border:1px #f0f0f0 solid;padding:17px 0 12px 0;margin:0 0 8px 0;}
.bbs-table-view .comment-box td { padding:20px 0 10px 0; border:1px solid #d2d2d2;background:#fafafa; vertical-align:top;}
/* À̸§ ¿· ¹è°æ »©°í °£°ÝÁÙÀÓ
.comment-box .com-name { margin-right:10px; padding:0; width:92px; height:17px;line-height:17px; background: url('/design/okkane/2015img/board_c_line.gif') no-repeat 100% 0; font-weight:bold; color:#777; text-align:left;} */
.comment-box .com-name { margin-right:10px; padding:0; width:92px; height:17px;line-height:17px; font-weight:bold; color:#777; text-align:left;}
/* ³¯Â¥»©±â
.comment-box .com-date {position:relative;width:160px;height:17px;color:#777;}
.comment-box .com-date span {display:inline-block;width:120px;text-align:left;} */
.comment-box .comment {line-height:20px;color:#777;}
.bbs-table-view td.com-wrt-box {}
.com-wrt-box label { }
.com-wrt-box .input-style { margin:0 10px 0 0px; padding:0 2px; height:18px; line-height:18px; border:1px solid #EDEDED;}
.com-wrt-box .wrt { margin:0 20px 10px 20px;}
.view-link { padding:10px 0 50px 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: 10px; width: 660px; }
.privercy-agree { margin: 10px 0; }
.privercy-agree label{ margin-right: 10px; }

/* °Ô½ÃÆÇ È¸¿ø °Ô½Ã±Û °Ë»ö */
.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: 10px; width: 660px; }
.privercy-agree { margin: 10px 0; }
.privercy-agree label{ margin-right: 10px; }

/* style_code common class */
.item-page { margin: 60px 0; text-align: center; }
.item-page a { padding: 0 4px; color: #666; }
.item-page a:hover,
.item-page a.now { font-weight: bold; letter-spacing: -1px;  color:#ff0000;}
.item-none { margin: 20px 0; text-align: center; }














/******************************************************
2017.01.12 Ãß°¡ CSS ½ÃÀÛ
******************************************************/

body {
    min-width: 1249px;
}
#wrap {min-width:1249px;}
/*
min-width °ª ¼öÁ¤À» ÅëÇØ ¸ð¹ÙÀÏ¿¡¼­ º¸¿©Áö´Â °¡·Î°ª º¯°æ°¡´ÉÇÕ´Ï´Ù.
´Ü, pc¿¡¼­ ÇØ´ç »çÀÌÁ´Ù ÀÛÀº ºê¶ó¿ìÀú¿¡¼­ È®Àνà ½ºÅ©·Ñ¹Ù°¡ »ý±é´Ï´Ù.

Á¦ÀÏ ÀÛÀº »çÀÌÁî ±âÁØ min-width:1249px
*/

.clear {*zoom:1;}
.clear:after { clear:both; content:""; display:block;}
.fl { float:left;}
.fr { float:right;}

em, address {font-style:normal;}

/*** Á¤·Ä ***/
.ta_left {text-align:left !important;}
.ta_center {text-align:center !important;}
.ta_right {text-align:right !important;}

.va_top {vertical-align:top !important;}
.va_middle {vertical-align:middle !important;}
.va_bottom {vertical-align:bottom !important;}

/*** border Ä÷¯ ***/
.border_top_non {border-top:0 none !important;}
.border_right_non {border-right:0 none !important;}
.border_bot_non {border-bottom:0 none !important;}
.border_left_non {border-left:0 none !important;}

/*** ÆùÆ® Æйи® ***/
.ff_notoKr, .ff_notoKr a, .ff_notoKr a:hover {font-family: 'Noto Sans KR';}
.ff_mont, .ff_mont a, .ff_mont a:hover {font-family: 'Montserrat';}

/*** ÆùÆ® ±½±â ***/
.fw_l {font-weight:300;}
.fw_n {font-weight:400;}
.fw_b {font-weight:500;}
.fw_eb {font-weight:700;}

/*** display ***/
.dis_none,
.blind {display:none !important;}
.dis_block {display:block !important;}
.dis_inline {display:inline !important;}
.dis_inblock {display:inline-block !important;_display:inline;*display:inline;}
.dis_table {display:table !important;}
.dis_tableorw {display:table-row !important;}
.dis_tablecell {display:table-cell !important;}

/*** position ***/
.relative {position:relative !important;}
.absolute {position:absolute !important;}
.fixed {position:fixed !important;}

/*** °£°Ý Á¶Àý ***/
.mt_0 {margin-top:0px !important;}
.mt_5 {margin-top:5px !important;}
.mt_10 {margin-top:10px !important;}
.mt_15 {margin-top:15px !important;}
.mt_20 {margin-top:20px !important;}
.mt_25 {margin-top:25px !important;}
.mt_30 {margin-top:30px !important;}
.mt_35 {margin-top:35px !important;}
.mt_40 {margin-top:40px !important;}
.mt_45 {margin-top:45px !important;}
.mt_50 {margin-top:50px !important;}
.mr_0 {margin-right:0px !important;}
.mr_5 {margin-right:5px !important;}
.mr_10 {margin-right:10px !important;}
.mr_20 {margin-right:20px !important;}
.mr_30 {margin-right:30px !important;}
.mr_5p {margin-right:5% !important;}
.mr_10p {margin-right:10% !important;}
.mb_0 {margin-bottom:0px !important;}
.mb_5 {margin-bottom:5px !important;}
.mb_10 {margin-bottom:10px !important;}
.mb_15 {margin-bottom:15px !important;}
.mb_20 {margin-bottom:20px !important;}
.mb_25 {margin-bottom:25px !important;}
.mb_30 {margin-bottom:30px !important;}
.mb_35 {margin-bottom:35px !important;}
.mb_40 {margin-bottom:40px !important;}
.mb_45 {margin-bottom:45px !important;}
.mb_50 {margin-bottom:50px !important;}
.ml_0 {margin-left:0px !important;}
.ml_5 {margin-left:5px !important;}
.ml_10 {margin-left:10px !important;}
.ml_20 {margin-left:20px !important;}
.ml_30 {margin-left:30px !important;}
.ml_5p {margin-left:5% !important;}
.ml_10p {margin-left:10% !important;}

.pt_0 {padding-top:0px !important;}
.pt_5 {padding-top:5px !important;}
.pt_10 {padding-top:10px !important;}
.pt_15 {padding-top:15px !important;}
.pt_20 {padding-top:20px !important;}
.pt_25 {padding-top:25px !important;}
.pt_30 {padding-top:30px !important;}
.pt_35 {padding-top:35px !important;}
.pt_40 {padding-top:40px !important;}
.pt_45 {padding-top:45px !important;}
.pt_50 {padding-top:50px !important;}
.pr_0 {padding-right:0px !important;}
.pr_5 {padding-right:5px !important;}
.pr_10 {padding-right:10px !important;}
.pr_20 {padding-right:20px !important;}
.pr_30 {padding-right:30px !important;}
.pr_5p {padding-right:5% !important;}
.pr_10p {padding-right:10% !important;}
.pb_10 {padding-bottom:10px !important;}
.pb_15 {padding-bottom:15px !important;}
.pb_20 {padding-bottom:20px !important;}
.pb_25 {padding-bottom:25px !important;}
.pb_30 {padding-bottom:30px !important;}
.pb_35 {padding-bottom:35px !important;}
.pb_40 {padding-bottom:40px !important;}
.pb_45 {padding-bottom:45px !important;}
.pb_50 {padding-bottom:50px !important;}
.pl_0 {padding-left:0px !important;}
.pl_5 {padding-left:5px !important;}
.pl_10 {padding-left:10px !important;}
.pl_20 {padding-left:20px !important;}
.pl_30 {padding-left:30px !important;}
.pl_5p {padding-left:5% !important;}
.pl_10p {padding-left:10% !important;}


.w_custom {width:1249px;margin:0 auto;text-align:left;}


/* »ó´Ü¿µ¿ª ½ÃÀÛ */
#topBanner01 {position:relative;z-index:5;width:100%;height:65px;text-align:center;margin:0;padding:0;overflow:hidden;}
#topBanner01 #headtop_banner {position:absolute;left:50%;top:0;margin-left:-955px;z-index:1;width:1910px;}

#hdWrap {position:relative;z-index:49;width:100%;text-align:center;margin:0;padding:0;}
#header {position:relative;width:100%;margin:0;}
#header .head_sec01 {background:#262626;}
#header .head_sec01 .gnb_sns {height:18px;margin:4px 0;font-size:0;}
#header .head_sec01 .gnb_sns li {line-height:18px;height:18px;display:inline-block;margin-left:13px;}
#header .head_sec01 .gnb_sns li.first {margin-left:8px;}
#header .head_sec01 .gnb_sns li a {color:#fff;font-size:12px;}
#header .head_sec01 .gnb_sns li.first,
#header .head_sec01 .gnb_sns li.first a {vertical-align:middle;}
#header .head_sec01 .gnb {font-size:0;text-align:right;margin:4px 0;}
#header .head_sec01 .gnb li {display:inline-block;height:18px;line-height:18px;}
#header .head_sec01 .gnb li a {font-family: 'Nanum Gothic';font-size:12px;color:#fff;display:inline-block;height:18px;line-height:18px;padding:0 13px;}
#header .head_sec01 .gnb li.reds a {color:#efb928;}

#header .head_sec02 {height:160px;position:relative;}
#header .head_sec02 h1.logo {z-index:1;position:absolute;top:30px;left:50%;margin-left:-137px;}
#header .head_sec02 .head_bnr_wrap {z-index:2;margin:31px 0 0 0;height:130px;width:247px;text-align:center;overflow:hidden;position:relative;}
#header .head_sec02 .head_bnr_wrap #top_sc_1 {}
#header .head_sec02 .head_bnr_wrap .bx-controls-direction {position:absolute;right:8px;bottom:8px;width:19px;height:10px;margin:0;padding:0;overflow:hidden;font-size:0;}
#header .head_sec02 .head_bnr_wrap .bx-controls-direction .bx-prev,
#header .head_sec02 .head_bnr_wrap .bx-controls-direction .bx-next {width:9px;height:10px;overflow:hiddne;display:inline-block;overflow:hidden;font-size:0;}
#header .head_sec02 .head_bnr_wrap .bx-controls-direction .bx-prev {background:url(https://okkanetdh.jpg3.kr/gab/new2017/sc_btn_top_prev.png) no-repeat 50% 50%;}
#header .head_sec02 .head_bnr_wrap .bx-controls-direction .bx-next {background:url(https://okkanetdh.jpg3.kr/gab/new2017/sc_btn_top_next.png) no-repeat 50% 50%;}
#header .head_sec02 .head_bbs_wrap {z-index:2;margin:132px 0 0 0;height:29px;}
#header .head_sec02 .head_bbs_wrap .gnb_bbs {font-size:0;text-align:right;}
#header .head_sec02 .head_bbs_wrap .gnb_bbs li {display:inline-block;}
#header .head_sec02 .head_bbs_wrap .gnb_bbs li a {color:#636363;font-size:12px;display:inline-block;padding:0 12px;height:29px;line-height:29px;vertical-align:middle;font-family: 'Nanum Gothic';}
#header .head_sec02 .head_bbs_wrap .gnb_bbs li a em {color:#ea373a;}
#header .head_sec02 .head_bbs_wrap .search_wrap {width:186px;vertical-align:top;text-align:center;}
#header .head_sec02 .head_bbs_wrap .search_wrap .wrap {width:164px;border-bottom:1px #7c7c7c solid;margin:0 auto 8px auto;}
#header .head_sec02 .head_bbs_wrap .search_wrap .wrap input.MS_search_word {height:20px;line-height:20px;border:0 none;padding:0;margin:0;width:140px;text-align:center;color:#000;font-size:11px;}
#header .head_sec02 .head_bbs_wrap .search_wrap .wrap input.btn-sch {float:right;}

#header .head_sec03 {position:relative;width:100%;margin:0;padding:0;}
#topcate {width:100%;z-index:999999;text-align:center;position:absolute;left:0;top:0px;border-top:1px #b5b5b5 solid;border-bottom:1px #b5b5b5 solid;background:#fff;}
#topcate.fix {position:fixed;left:0;top:30px;}
#topcate .topcate {width:1249px;background:#fff;margin:0 auto;text-align:center;}
#topcate .topcate .cate2wrap {width:1249px;margin:0;padding:0;position:relative;}
#topcate .topcate .cate2wrap dt#layer_all {width:51px;}
#topcate .topcate .cate2wrap dd.layer_dd_w {width:1198px;}
#topcate .topcate .cate2wrap dd.layer_dd_w ul {width:1198px;}
#topcate .topcate .cate2wrap dd.layer_dd_w ul li {margin:0;padding:0;font-size:0;}
.sub_layer {display:none;position:absolute;left:0;top:31px;padding:10px 0 0 0;z-index:5;}
.sub_layer .layers {height:32px;background:#fff;width:100%;}
.sub_layer .layers li {margin:0 20px 0 0;}
.sub_layer_bg {position:absolute;top:41px;width:100%;height:32px;background:#fff;z-index:1;display:none;}

.all_layer {display:none;position:absolute;left:0;top:32px;padding:10px 0 0 0;}
.all_layer .layers {position:relative;width:195px;height:680px;}
.all_layer .layers .arrow {position:absolute;left:19px;top:-8px;height:8px;width:10px;}
.all_layer .layers .all_list {border:1px #9a9999 solid;text-align:left;height:690px;background:url(/design/okkane/2015img/haed_layer_bg.png) repeat left top;}/*background:url(/design/okkane/2015img/haed_layer_bg.png) repeat left top;*/
.all_layer .layers .all_list span.first {margin:0 0 0 7px;padding:4px 0 3px 0;}
.all_layer .layers .all_list dl {margin:0 7px;width:179px;}
.all_layer .layers .all_list dt {padding-bottom:2px;}
.all_layer .layers .all_list dd {padding-bottom:8px;}
.all_layer .layers .all_list dd ul {margin-left:11px;width:168px;}
.all_layer .layers .all_list dd ul li {height:18px;line-height:18px;text-align:left;}
.all_layer .layers .all_list dd ul li.float_l {width:50%;}
.all_layer .layers .all_list a, .all_layer .layers .all_list a:hover {color:#595858;font-size:11px;font-weight:normal;}
/* »ó´Ü¿µ¿ª ³¡ */



/* Äü¸Þ´º¿µ¿ª ½ÃÀÛ */
#blk_scroll_wings.fix .wings_w {margin-top:250px;}
#blk_scroll_wings {z-index:2 !important; visibility: hidden;}
#blk_scroll_wings .wings_w {margin-top:600px;}
#todayWrap {width:85px;text-align:center;padding:0 0 10px 0;}
#todayWrap .list {width:57px;margin:0 auto;}
#todayWrap .list .thumb {width:57px;height:auto;padding:8px 0; }
#todayWrap .list .thumb img {width:100%;height:auto;}
/* Äü¸Þ´º¿µ¿ª ³¡ */



/* ÇÏ´Ü¿µ¿ª ½ÃÀÛ */
#ftWrap { position: relative; z-index:1; padding:0;border-top:0px #dcdcdc solid; }
#ftWrap #footer { position: relative;z-index:1; margin:0 auto; }
#ftWrap #footer .ft_top {text-align:right;width:100%;background:url(https://okkanetdh.jpg3.kr/gab/new2017/foot_bg.gif) no-repeat left bottom;padding-bottom:1px;}
#ftWrap #footer .ft_sec01 {padding:20px 0 19px 0;}
#ftWrap #footer .ft_sec01 .sec01_1 {width:240px;}
#ftWrap #footer .ft_sec01 .sec01_2 {width:454px;}
#ftWrap #footer .ft_sec01 .sec01_3 {width:275px;}
#ftWrap #footer .ft_sec01 .sec01_4 {width:280px;}
#ftWrap #footer .ft_sec01 h4 {padding-bottom:12px;}
#ftWrap #footer .ft_sec01 .sec01_1 h4 {padding-bottom:13px;}
#ftWrap #footer .ft_sec01 p {line-height:18px;color:#7f7f7f;font-size:12px;}
#ftWrap #footer .ft_sec01 p a {color:#7f7f7f;font-size:12px;}

#ftWrap .ft_bg_wrap {background:#f8f8f8;padding:12px 0 30px 0;}
#ftWrap .list {padding:18px 0 4px 0;}
#ftWrap .list li {height:16px;line-height:16px;text-align:center;margin:0;padding:0;width:100%;color: #7f7f7f;font-weight:bold;font-size:11px;}
#ftWrap .list li a {display:inline-block;padding:0 5px;color:#3c3b3b;vertical-align:middle; }
#ftWrap .list li span {display:inline-block;padding:0 5px;vertical-align:middle;}
#ftWrap .ft_text {color:#000;font-size:11px;font-weight:normal;text-align:center;line-height:16px;}
#ftWrap .ft_icon {width:1249px;margin:0 auto;text-align:center;padding:17px 0 0 0;font-size:0;}
#ftWrap .ft_icon li {display:inline-block;_display:inline;*display:inline;vertical-align:top;margin:0;padding:0;font-size:0;}
#ftWrap .ft_icon li a,
#ftWrap .ft_icon li img {vertical-align:top;}
#ftWrap .info { margin-top: 30px; text-align: center; color: #999; font-size: 11px; }
#ftWrap .escrow { padding: 10px 0; text-align: center; }
/* ÇÏ´Ü¿µ¿ª ³¡ */


/* »óÇ°¿µ¿ª ½ÃÀÛ */
.item-hd {position: relative;width:100%;border-bottom: 1px solid #a0a0a0;padding:11px 0 3px 0;line-height:18px;margin-bottom:12px;}
.item-hd:after {clear:both;content:"";display:block;}
.item-hd .tit {float:left;text-align:left;margin-left:0px;text-indent:2px;height:18px;line-height:18px;width:400px;}
.item-hd .tit:after {clear:both;content:"";display:block;}
.item-hd .tit dt,
.item-hd .tit dd { float:left; color: #535353; font-size: 12px; font-family: 'Nanum Gothic';}
.item-hd .tit dt {}
.item-hd .tit dd {}
.item-hd .tit dd strong {color:#1b1b1b;font-family: 'Nanum GothicB';}
.item-hd .odr {float:right;width:350px;margin:0 0px 0 0;padding:0;}
.item-hd .odr:after {clear:both;content:"";display:block;}
.item-hd .odr dt {float:left;color: #434343; font-size: 12px;line-height:18px;height:18px;margin-right:4px;text-indent:7px;background:url(/design/okkane/2015img/list_icon.gif) no-repeat left 1px;}
.item-hd .odr dd {float:right;color: #434343; font-size: 12px;line-height:18px;height:18px;}
.item-hd .odr ul {font-size:0;height:18px;line-height:18px;}
.item-hd .odr li {display:inline-block;color:#434343;font-size:12px;}
.item-hd .odr li a { color:#434343; font-size: 12px;}
.item-hd .odr li a.jhbtn_active { color:#ffcc00; }
.item-hd .btn { position: absolute; top: -5px; right: 0; width: 186px; text-align: right; }



.item-list { zoom: 1; overflow: hidden;margin:0 0 0 0px;padding:0;}
.item-list:after { content: ""; clear: both; display: block; }

.item-list .item { float:left; width:295px; text-align: center; margin:0 23px 0 0; *zoom:1;}
.item-list .item:last-child,
.item-list .item.last {margin-right:0;}
.item-list .item .thumb { margin: 0; padding:0 0 12px 0;width:295px; text-align:left;}
.item-list .item .thumb img { width:100%; height:auto; border:0 none;}
.item-list .item .thumb .besticon {display:inline-block;height:20px;line-height:20px;text-align:center;padding:0 12px;margin:0px;color:#fff;font-size:12px;font-family: 'Nanum Gothic';background:#313131;}
.item-list .item .thumb .besticon img {display:none;}
.item-list .item .info {margin:0; text-align:center; font-size:12px;padding: 0 0 42px 0;}
.item-list .item .info li {color:#7a7a7a; font-size:12px; line-height:17px;font-weight:normal;}
.item-list .item .info li.names{color:#000;padding-bottom:14px;}
.item-list .item .info li.names a, .item-list .item .info li.names a:hover {color:#000; font-size:12px; font-weight:bold;}
.item-list .item .info li.subnames{padding-bottom:2px;}
.item-list .item .info li.con {padding-bottom:2px;font-size:12px; color:#000000;text-decoration:line-through;}
.item-list .item .info li.prices {color:#000; font-size:12px; font-weight:bold; }
.subnames {word-break: break-all;}
.item-list .item .info li.icons {line-height:17px;padding-bottom:4px;}
.item-list .item .info li.icons img {vertical-align:bottom; margin:0 1px;}
.item-list .item .info li.review {font-size:12px;color:#1e1e1e;font-weight:bold;padding-bottom:0px;}
.item-list .item .info li.review a, .item-list .item .info li.review a:hover {font-size:12px;color:#1e1e1e;font-weight:bold;}

.item .thumb a:hover img {opacity: 0.5; filter: alpha(opacity=50); }
.info .thumb a:hover img {opacity: 0.5; filter: alpha(opacity=50); }
/* »óÇ°¿µ¿ª ³¡ */


/* ¸ÞÀοµ¿ª ½ÃÀÛ */
#main { position: relative; }
#main .visual { }
#main #stepBanner,
#main #mainBanner,
#main #headline,
#main #moveProduct { position: relative; margin-top: 20px; }
#main .md-wrap { margin-top: 5px; padding: 12px 24px; border: 1px solid #e4e4e4; }
#main .md-wrap .hd { text-align: center; color: #7e6b61; font-size: 16px; font-weight: bold; }
#main .md-wrap .item-list { padding-bottom: 0; }
#main .md-wrap .item-list .item { width: 158px; margin-top: 15px; }
#main .md-wrap .item-list .item .thumb { width: 140px; height: 140px; border: 1px solid #d8d8d8; }
#main .md-wrap .item-list .item .info { width: 140px; }

.main_sc_wrap {z-index:1;width:100%;position:relative;overflow:hidden;margin:0;padding:0;text-align:center;height:680px;}
.main_sc_wrap .main_sc {position:absolute;left:50%;top:0;width:1910px;margin-left:-955px;}
.main_sc_wrap .main_sc .bx-pager {position:absolute;left:0;width:100%;bottom:40px;margin:0;padding:0;text-align:center;font-size:0;z-index:60;}
.main_sc_wrap .main_sc .bx-pager-item {display:inline-block;margin:0 2px 0 3px;width:14px;height:14px;}
.main_sc_wrap .main_sc .bx-pager-item .bx-pager-link {display:inline-block;font-size:0;width:14px;height:14px;background:url(https://okkanetdh.jpg3.kr/gab/new2017/sc_btn_main_out.png) no-repeat 50% 50%;}
.main_sc_wrap .main_sc .bx-pager-item .bx-pager-link.active {background:url(https://okkanetdh.jpg3.kr/gab/new2017/sc_btn_main_ov.png) no-repeat 50% 50%;}

.main_sc_wrap .slick-dots {position:absolute;left:0;width:100%;bottom:40px;margin:0;padding:0;text-align:center;font-size:0;z-index:60;}
.main_sc_wrap .slick-dots li {display:inline-block;margin:0 2px 0 3px;width:14px;height:14px;display:inline-block;font-size:0;width:14px;height:14px;background:url(https://okkanetdh.jpg3.kr/gab/new2017/sc_btn_main_out.png) no-repeat 50% 50%;}
.main_sc_wrap .slick-dots li.slick-active {background:url(https://okkanetdh.jpg3.kr/gab/new2017/sc_btn_main_ov.png) no-repeat 50% 50%;}
.main_sc_wrap .slick-dots li a {display:inline-block;width:100%;height:100%;font-size:0;}

.main_bnr_wrap {padding-top:45px;}
.main_bnr_wrap .fl {margin-right:14px;}
.main_bnr_wrap .fl li + li {margin-top:14px;}
.main_bnr_wrap .bnr01 {}
.main_bnr_wrap .bnr02 {}
.main_bnr_wrap .bnr03 {}

.m_tit {padding:94px 0 41px 0;text-align:center;color:#252525;font-size:32px;letter-spacing:-0.02em;font-family: 'Nanum Gothic';}
.m_tit em {font-weight:400;color:#fe2e3b;}

.prd-list a:hover img { opacity: 50; filter: alpha(opacity=50); }


.subnames {word-break: break-all;}

/* ¸ÞÀοµ¿ª ³¡ */



/* ºÐ·ù¿µ¿ª ½ÃÀÛ */
#prdBrand { position: relative; }
#prdBrand .best-wrap .item-list {background:#ffffff;padding-top:0px!important;}
#prdBrand .prd_cate {padding:220px 0 0 0;}
#prdBrand .prd_cate dl {height:26px;line-height:26px;text-align:center;vertical-align:top;}
#prdBrand .prd_cate dt {font-size: 1.5rem;font-weight: bold;position:absolute;margin-top:-125px;left:43%; color:#010101;font-size:25px;font-family: 'Nanum Gothic';}
#prdBrand .prd_cate dd {float:none;display:inline-block;margin-top:-50px; vertical-align:top;height:26px;}
#prdBrand .prd_cate dd ul {text-align: center;display: inline;}
#prdBrand .prd_cate dd ul:after {clear:both;content:"";}
#prdBrand .prd_cate dd ul li {display: inline-block;border: 1px solid gray;min-width: 3rem;padding: 0rem 0rem 0rem 0rem;border-radius: 10rem;}
.prd_cate dd ul li bestcatgory {color:red;}
.prd_cate dd ul li:hover {background-color:black;}
.prd_cate dd ul li a:hover {color:#ffffff;line-height:17px;font-size:11px;}
#prdBrand .prd_cate dd ul li a {display:inline-block;padding:0 11px 0 10px;background:none;font-size:11px;}/*background:url(/design/okkane/2015img/list_line.gif) no-repeat right 0px;*/
#prdBrand .prd_cate dd ul li:last-child a {background:none;}
/* ºÐ·ù¿µ¿ª ³¡ */




/******************************************************
2017.01.12 Ãß°¡ CSS ³¡ 
******************************************************/



/* ÀÎDz Çѱۿ켱 */
input[type=text] { -webkit-ime-mode:active; 
			-moz-ime-mode:active; 
			-ms-ime-mode:active; 
			ime-mode:active; 
} 

/******************************************************
2017.12.04 Ãß°¡ CSS ³¡ 
******************************************************/



/********************************************************************************************************************************************
[¸¶ÀÌÆäÀÌÁö, Àå¹Ù±¸´Ï, ÄíÆù³»¿ª, ³» °Ô½Ã¹°º¸±â, ¿¹Ä¡±Ý³»¿ª, Àû¸³±Ý³»¿ª, »óÇ°º¸°ü]°øÅë¼Ò½º 
********************************************************************************************************************************************/

#mypage {
    position: relative;
    margin: 0 auto;
    margin-bottom: 100px;
}

.my_info {
    padding: 20px 0 70px 0;
}

.my_info table {}

.my_info table th,
.my_info table td {
    border: 1px #b5b5b5 solid;
    color: #474747;
    font-size: 11px;
    padding: 8px 0 7px 0;
    line-height: 16px;
    text-align: left;
}

.my_info table td a {
    color: #474747;
    font-size: 11px;
    font-weight: bold;
}

.my_info table td .more {
    display: inline-block;
}

.my_info table td .price {
    display: inline-block;
    margin-left: 20px;
    width: 70px;
}

#mypage .hd {
    position: relative;
    padding-bottom: 11px;
    margin-top: 62px;
}

#mypage .hd .view {
    position: absolute;
    top: 17px;
    right: 40px;
}

#mypage .tbl {
    border-bottom: 1px solid #b5b5b5;
}

#mypage .tbl th {
    padding: 8px 0 6px;
    line-height: 17px;
    border-top: 1px solid #474747;
    color: #636363;
}

#mypage .tbl td {
    padding: 21px 0 19px;
    line-height: 17px;
    border-top: 1px solid #b5b5b5;
}

#mypage .lst {
    zoom: 1;
    overflow: hidden;
    padding: 30px 0 20px 0;
    border-top: 1px solid #474747;
}

#mypage .lst li {
    float: left;
    width: 190px;
    margin: 0 24px;
    text-align: center;
    font-weight: bold;
    line-height: 1.25;
}

#mypage .lst li .thumb {
    width: 190px;
    text-align: center;
    padding-bottom: 18px;
}

#mypage .lst li .thumb img {
    width: 150px;
    height: auto;
    margin: 0 auto;
}

#mypage .lst li .info {
    margin: 0;
    text-align: center;
    font-size: 11px;
    padding: 0;
}

#mypage .lst li .info li {
    margin: 0;
    text-align: center;
    color: #7a7a7a;
    font-size: 11px;
    line-height: 17px;
    font-weight: normal;
}

#mypage .lst li .info li.names {
    color: #636363;
    padding-bottom: 6px;
}

#mypage .lst li .info li.names a,
#mypage .item-list .item .info li.names a:hover {
    color: #636363;
    font-size: 11px;
}

#mypage .lst li .info li.con {
    padding-bottom: 2px;
    font-size: 11px;
    color: #7a7a7a;
    text-decoration: line-through;
}

#mypage .lst li .info li.prices {
    color: #000;
    font-size: 11px;
    font-weight: bold;
}

.my_bnwrap {
    border-top: 3px #474747 solid;
    border-bottom: 1px #d2d2d2 solid;
}


.fr {
    float: right;
}

.fl {
    float: left;
}

.content-cluster a {
    color: #000;
}

.member-bgimg {
    width: 69px;
    height: 91px;
    margin: 45px auto;
    background: url("https://okkanetdh.jpg3.kr/gab/okkane_2018/images/ȸ¿øµî±Þ.png") no-repeat;
}

.bgimg-bronze {
    background-position: 10px 20px;
}

.grade-table {
    height: 150px;
}

.grade-table-l {
    width: 20%;
    height: 100%;
}

.grade-table-r {
    font-size: 14px;
    color: #222;
    font-weight: bold;
    width: 80%;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
}

.grade-table-depth01 .table-cell04 {
    width: 25%;
    padding: 19px 0;

    border-bottom: 1px solid #e1e1e1;
}

.grade-table-depth02 .table-cell02 {
    width: 75%;
    min-height: 90px;
    padding: 19px 0;
    font-size: 14px;
    line-height: 1.6;
    font-weight: bold;
}

.table-cell02.float_l.cell-grade-benefit {
    width: 25%;
}

.bgimg-bronze {
    background-position: -2px 1px;
}

.bgimg-silver {
    background-position: -90px;
}

.bgimg-gold {
    background-position: -177px;
}

.bgimg-vip {
    background-position: -265px;
}

.bgimg-vvip {
    background-position: -351px;
}


.cell-grade-benefit {
    text-align: left;
    text-indent: 10px;
    width: 25%;
}

.small {
    font-size: 14px;
}

.float_l {
    float: left;
}

.clear::before,
.clear::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    clear: both;
    position: relative;
    top: -9999px;
    left: -9999px;
}

.content-cluster {
    width: 1249px;
    margin: 0 auto 18px;
    background: #fff;
    border: 1px solid #c7c7c7;
}

.content-cluster.cntt-clst-last {
    padding: 0 0 80px 0;
}

.content-title {
    padding: 46px 27px 33px;
}
.content-title h2,
.content-title h3 {
    font-size: 30px;
    display: inline;
    font-weight: bold;
    color: #222;
    letter-spacing: -1.4px;
}

.content-title .title-desc {
    font-size: 14px;
    display: inline;
    font-weight: 400;
    color: #222;
    letter-spacing: -0.5px;
}

.mysituation-cluster,
.prouduct-cluster {
    width: 1195px;
    margin: 0 auto;
    padding: 0 27px;
}

.prouduct-cluster{
    margin-bottom: 10px;
}

.product-info {
    width: 229px;
    margin: 0 10px 0 0;
    background: #f7f7f7;
    border: 1px solid #ddd;
    text-align: center;
}

/*
        .product-info.pi05,
        .product-info:last-child {
            margin: 0px !important;
        }
*/
.product-info-thumb {
    padding: 6px;

}

.product-info-title,
.product-info-price {
    padding: 6px 6px 0px;

}

.product-info-thumb {
    width: 217px;
    height: 327px;
}

.product-info-thumb img {
    width: 100%;
}

.product-info-title {
    font-size: 12px;
    font-weight: bold;
    color: #222;
    line-height: 1.4;
}

.product-info-price, .product-info-price p a {
    font-size: 18px;
    font-weight: bold;
}





.more-view {
    display: block;
    width: 229px;
    border: 1px solid black;
    text-align: center;
    padding: 15px 0 14px;
    margin: 19px auto 39px;
    line-height: 1;
    font-size: 14px;
}

.prouduct-cluster table {
    width: 100%;

    border-top: 1px solid #444;
    border-bottom: 1px solid #444;
}

.prouduct-cluster table tr td {
    border-top: 1px solid #e1e1e1;
}

.prouduct-cluster table tr th,
.prouduct-cluster table tr td {
    padding: 15px 0;
    text-indent: 0px;
}

.prouduct-cluster table tr th {
    text-align: left;
    border-bottom: 1px solid #000;
}

.order-detail-view {
    border: 1px solid black;
    padding: 1px 14px 3px;
    border-radius: 7px;
    font-size: 12px;
    background: linear-gradient(white, #cdcdcd);
}

.product-info-price p {
    padding: 5px 0;
    color:#000;
}

.hide {
    position: absolute;
    top: -99999px;
    left: -99999px;
}

#aside ul li {
    font-size: 12px;
    padding: 13px 35px 11px;
}

.product-info-title p a {
    height: 43px;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    line-height: 1.2;
}


.mysituation-depth01 li {
    width: 33.3%;
    text-align: center;
}

.mysituation-depth02 li {
    text-align: center;
}

.mygrade-benefit {
    text-align: center;
}

.mysituation-depth {
    background: #f0f0f0;
    border: 1px solid #ddd;
    margin-bottom: 10px;
}

.mysituation-depth {
    padding: 25px 0 25px;
    color: #222;
    font-weight: 600;
    font-size: 16px;
}

.mysituation-depth span {
    font-size: 18px;
    color: #f74f4f;
    font-weight: bold;
}

.mysituation-depth02 strong {
    font-size: 50px;
    font-weight: 100;
    color: #f74f4f;
}

.mysituation-depth02 li {
    text-align: center;
    border-right: 1px solid #dddddd;
    position: relative;
    width: 344px;
    height: 100px;
}


.mysituation-depth02 .mydepth02-coupon {
    width: 158px
}

.mygrade-benefit dt {
    font-size: 18px;
    font-weight: bold;
    margin-top: 50px;
}


.next-grade-price {
    color: #f74f4f;
}

.next-grade {
    color: #564393;
}

.mysituation-depth01 li a {
    vertical-align: text-bottom;
}

.mysituation-depth02 li.list-last {
    border: 0 none;
}

.mydepth02-list {
    position: relative;
    top: 73px;
}

.mydepth02-list a {
    position: absolute;
    width: 100%;
    left: 0;
    top: -66px;
}



.mygrade-benefit dd p {
    line-height: 1.4;
    margin: 0 0 10px;
}

.member-state {
    font-size: 22px;
    font-weight: bold;
    color: #222;
    letter-spacing: -1.0px;
}

.mygrade-benefit hr {
    width: 50px;
    height: 3px;
    background: black;
    border: 0 none;
    margin: 19px auto 23px;
    display: block;
}

.member-state-desc {
    font-size: 16px;
    color: #222;
    font-weight: bold;
}

/**********************½½¶óÀÌµå ½ÃÀÛ********************/
ul.slick-dots {
    margin: 20px auto;
    width: 175px;
    /* top: -55px; */
    left: 800px;
}

ul.slick-dots li {
    float: left;
    width: 35px;
    height: 50px;
    position: relative;
}

ul.slick-dots li button {
    font-size: 0px;
    width: 100%;
    height: 100%;
    border: 0 none;
    background: #fff;
    cursor: pointer;
}

ul.slick-dots li:nth-child(1) button {
    background: url('https://okkanetdh.jpg3.kr/gab/okkane_2018/images/bronze-icon.png') center no-repeat;
}

ul.slick-dots li:nth-child(2) button {
    background: url('https://okkanetdh.jpg3.kr/gab/okkane_2018/images/silver-icon.png') center no-repeat;
}

ul.slick-dots li:nth-child(3) button {
    background: url('https://okkanetdh.jpg3.kr/gab/okkane_2018/images/gold-icon.png') center no-repeat;
}

ul.slick-dots li:nth-child(4) button {
    background: url('https://okkanetdh.jpg3.kr/gab/okkane_2018/images/vip-icon.png') center no-repeat;
}

ul.slick-dots li:nth-child(5) button {
    background: url('https://okkanetdh.jpg3.kr/gab/okkane_2018/images/vvip-icon.png') center no-repeat;
}

ul.slick-dots li.slick-active::after {
    content: '';
    display: block;
    width: 0px;
    border-top: 15px solid none;
    border-bottom: 9px solid #f74f4f;
    border-right: 7.5px solid transparent;
    border-left: 7.5px solid transparent;
    position: absolute;
    left: 30%;
}



.slider-wrap {
    width: 1247px;
    margin: 25px auto;
    position: relative;
    padding: 0 0 80px 0;
}

.mypage-slider .btn-wrap {}

.mypage-slider .btn-wrap a {
    position: absolute;
    top: -125px;
}

.mypage-slider .btn-wrap a.btn-prev {
    left: -50px;
}

.mypage-slider .btn-wrap a.btn-next {
    right: -50px;
}

.mypage-slider {
    width: 696px;
    margin: 0 auto;
    position: relative;
}

.mypage-slider .btn-wrap {
    position: relative;
    bottom: 0;
    right: 0;
    z-index: 1;
}

#mypage .prouduct-cluster table tr td{
    border-right:0 none;
}

/**********************½½¶óÀÌµå ³¡********************/

.order-list th,
.order-list td {
    font-size: 14px;
    font-weight: 500;
    color: #222;
}

#contentWrapper.white-board {
    background-color: #fafafa;
}

.white-board * {
    font-family: 'Nanum gothic', Dotum, AppleGothic, Helvetica, sans-serif !important;
}


.product-info-price .dc-pirce-cunsumer {
    text-decoration: line-through;
    font-size: 14px;
    padding: 0px;
    color: #c7c7c7;
    height: 14px;
}

.product-info-price .dc-pirce-cunsumer a {
    font-size: inherit;
    color: #c7c7c7;
}

.product-info-price .dc-pirce-cunsumer .small {
    font-size: 12px;
    color: #c7c7c7;
}

.prouduct-cluster .product-info:nth-child(5) {
    margin: 0px;
}

.thumb-orderlist-img img {
    width: 100%;
}

/**************************** Àå¹Ù±¸´Ï ****************************************/

.block {
    display:block;
}
.clearboth {
    clear: both;
}

.prouduct-cluster table tr th,
.prouduct-cluster table tr td {

    text-align: center;
}

.prouduct-cluster table tr td {
    border-right: 1px solid #e1e1e1;
    vertical-align: middle;
}

.prouduct-cluster table tr td:last-child {
    border-right: 0 none;
}

.thumb-orderlist-img {
    display: block;
    width: 106px;
    height: 159px;
    background: #000;
}

.thumb-orderlist-img > img {
    width: 100%;
}

.orderlist-info-desc {
    height: 69px;
    vertical-align: middle;
}

.orderlist-info-desc a {
    color: #000;
}

.consumer-price {
    display: block;
    text-decoration: line-through;
    color: #a1a1a1;
    font-size: 14px;
}

.sell-price {
}

.sell-price-inner {
    font-weight: 600;
}

.grade-benefit {
    margin: 0 auto;
    width: 468px;
    padding: 20px 0;
}

.order-price-info {

    background-color: #f9f9f9;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
}

.order-price-info h3{
    color:#000;
}





.basket-btn-wrap,
.order-payment-btn{
    margin: 0 auto;
    padding: 100px 0;
    vertical-align: middle;
}

.content-cluster a.btn-continue,
.content-cluster a.op-cancle{
    display: inline-block;
    width: 298px;
    height: 73px;
    font-size: 22px;
    color: #f74f4f;
    border: 1px solid #f74f4f;
    text-align: center;
    vertical-align: middle;
    line-height: 74px;
}

.content-cluster a.btn-submit,
.content-cluster a.op-orderbtn{
    width: 298px;
    margin-left: 9px;
    background-color: #f74f4f;
    color: #fff;
    line-height: 74px;
    font-size: 22px;
    border: 0 none;
    vertical-align: top;
    display: inline-block;
    padding: 0;
    text-align: center;
}

.order-pre-price dt {
    float: left;
    border-top: 1px solid #e1e1e1;
    width: 171px;
    padding: 20px 0;
}

.order-pre-price dd {
    float: left;
    width: 210px;
    text-align: right;
    border-top: 1px solid #e1e1e1;
    padding: 20px 0;
}

.order-pre-price dt:first-child,
.order-pre-price dd:nth-child(2) {
    border-top: 0 none;
}

.order-pre-price {
    width: 381px;
    padding-right: 20px;
    color: #000;
    overflow: hidden;
    font-size: 14px;
}

.order-total-price {
    border-top: 1px solid #e1e1e1;
}

.order-total-price > dt {
    float: left;
    padding: 20px 0 20px 20px;
    font-size: 24px;
    color: #f74f4f;
}

.order-total-price > dd {
    float: right;
    padding: 20px 20px 20px 0;
    color: #f74f4f;
    font-size: 45px;
}

.fontsize20 {
    font-size: 20px;
}
.fontsize16{
       font-size: 16px; 
}

.order-pre-tit,
.order-total-tit {
    padding: 20px 0 0 20px;
    font-size: 32px;
}


.prouduct-cluster .first-td {
    padding: 15px 0 15px 20px;
}

.grade-benefit-img {
    width: 71px;
    vertical-align: middle;
    text-align: center;
}

.grade-benefit-img img {
    vertical-align: middle;
}

.grade-benefit-desc {
    line-height: 1.4;
    font-size: 15px;
    color: #000;
    font-weight: 100;
    overflow: hidden;
    width: 380px;
}

/************************* Àå¹Ù±¸´Ï >  Å×ÀÌºí ½ºÅ¸ÀÏ *************************/

.thumb-orderlist-info {
    padding-left: 20px;
    padding-right: 20px;
    width: 698px;
}

.thumb-orderlist-info p {
    text-align: left;
}

.orderlist-info-option p .option-view{
    vertical-align: text-bottom;
    padding-top: 7px;
    display: block;
    font-weight:500;
}


.orderlist-info-option {
    font-size: 12px;
}

.orderlist-info-icons {
    border-top: 1px solid #e1e1e1;
    margin-top: 15px;
    padding-top: 10px;
    text-align: left;
}

.orderlist-info-icons img {
    /* border: 1px solid #000; */
    margin-right: 5px;
    padding: 5px;
}


.area-dir {
    color: #acacac;
    font-size: 22px;
    font-weight: bold;
    margin-top:8px;
}

.state-active {
    color: #f74f4f;
}

.option-view {
    padding: 5px;
    font-size: 12px;
}

.del-keep-btn .dk-del,
.del-keep-btn .dk-keep{

    display: inline-block;
    font-size: 11px;
    padding: 5px;
}

.dk-del {
    border: 1px solid #a1a1a1;

}

.dk-del a {
    color: #a1a1a1;
    font-weight: 100;
}

.dk-keep {
    border: 1px solid #000;

}



.count-button a span {
    background: url(https://okkanetdh.jpg3.kr/gab/okkane_2018/images/plus_minus.jpg) no-repeat;
    display: inline-block;
    width: 22px;
    height: 20px;
    border: 1px solid #e1e1e1;
    vertical-align: middle;
}

.count-button a span.cart-down{
    background-position: -4px -2px;
    margin: 0 -5px 0 0;
}
.count-button a span.cart-up{
    background-position: -29px -2px;
    margin: 0 0 0 -5px;
}

.count-button .txt-spin {
    border: 1px solid #e1e1e1;
    color: #000;
    text-align: center;
    width: 25px;
    height: 20px;
    margin-right: 0;
    padding: 0;
    line-height: 1;
}

.count-update {
    padding: 3px;
    font-size: 12px;
    border: 1px solid #000;
    vertical-align: middle;
}


#mypage .prouduct-cluster table tr td.order-price-cell {
    border-left: 1px solid #e1e1e1;
    font-size:12px;
}

/******************* Àå¹Ù±¸´ÏÄÚµå*********************/
.product-info-btn{
    border-top: 1px solid #ddd;
}


.wishlist-del {
    float: left;
    padding: 20px 0;
    border-right: 1px solid #ddd;
    color: #888;
    font-size: 12px;
    width: 52px;
    text-align: center;
    display: inline-block;
    position: relative;
}

.wishlist-to-basket {
    padding: 20px 0;
    float: right;
    width: 176px;
    font-size: 12px;
}

/****************ÁÖ¹®³»¿ª******************/
#mypage.order-list .prouduct-cluster table tr th,
#mypage.order-list .prouduct-cluster table tr td.order-price-cell{
    font-size:12px;
    border-left: 0;
}

#mypage.order-list .prouduct-cluster table tr td.order-price-cell.orderlist-prdname{
    text-align:left;
    padding-left: 17px;
}

#mypage.order-list .title-desc{
    vertical-align: bottom;
}



#mypage .content-title{
    padding-bottom: 15px;
}

.deliverydetail,
.orderdetail{
    border: 1px solid #313131;
    padding: 3px 6px;
    border-radius: 5px;
    background: linear-gradient(white,#d0d0d0);
}
.paging-wrap .paging li a:hover, .paging-wrap .paging li.now a{
    background: #f74f4f;
    color: white;
    font-weight: normal;
    
    font-size:12px;
}

.paging-wrap .paging li strong,
.paging-wrap .paging li a{
    display: inline-block;
    width: 100%;
    height: 100%;
    vertical-align: text-bottom;
    padding:5px 0 0;
    font-size:12px;
    
}

.paging-wrap .paging li strong{
    background: #f74f4f;
    color: white;
    font-weight: normal;
    
    font-size:12px;
}

.paging-wrap .paging li{
    display: inline-block;
    width: 30px;
    height: 100%;
    overflow: hidden;
    line-height:1;
}

.paging-wrap .paging{
    height:24px;
    overflow: hidden;
    padding: 0;
    margin-top: 20px;
}

.order-price-cell.orderlist-prdname a {
    color: black;
}


.wishlist-option {
    padding: 0 0 6px;
}


.prd-subname a {
    color: #000;
    font-weight: lighter;
    line-height: 1.2;
    overflow: hidden;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}


.prouduct-cluster.order-list .tablebottom-link-btn {
    border: 1px solid black;
    display: inline-block;
    float: left;
    margin-left: 20px;
    width: 104px;
    padding: 8px 0;
}


/************** ȸ¿øÅ»Åð .member-outing********************/
.prouduct-cluster.memeber-outing table tr td.order-price-cell{
    border-top:1px solid #000;
}

.memeber-outing #reason {
    width: 100%;
    height: 350px;
        border: 0;
    background: #f4f4f4;
}

.prd-subname a {
    color: #555;
}


.today-product-view .thumb-orderlist-info {
    width: 658px;
}

.order-amount {
    color: #f74f4f;
    font-weight: 100;
}

.basket-deli-info {
    padding: 10px 0 6px;
    font-size: 12px;
    height: 17px;
}

.orderlist-info-title a {
    font-weight: 500;
    padding-top: 5px;
    display: block;
    overflow: hidden;
}

.title-naming {
    font-size: 12px;
    color: #f74f4f;
}

.count-button {
    padding: 15px 0 0 0;
}




.content-cluster a.reg-btn{
    background: #f74f4f;
    color: white;
    font-weight: 500;
    padding: 7px 30px 8px;
    font-size: 18px;
    display: block;
}

p.title-desc.desctext-wrap {
    background: #e9e9e9;
    padding: 10px 50px;
    display: block;
}

.use-dsc {
    font-size: 12px;
    padding: 50px 0 0 0;
    color: #000;
    line-height: 1.4;
}

.boardlist-form select {
    height: 37px;
    width: 200px;
    color:#000;
}

.boardlist-desc {
    padding: 12px 10px 10px 0;
    color:#000;
}

/******** ³» °Ô½Ã¹° º¸±â crema review º¸±â*********/
.crema-reviews.crema-applied {
    margin: 50px 0 0 0;
}
.widget_reviews.js-pagination-list{
    padding:0;
}

/***************** ÁÖ¹®¼­, ÁÖ¹®È®Àμ­ °øÅë  *******************/
.order-page .thumb-orderlist-info {
    width: 442px;
}

.order-page .orderlist-info-desc {
    height: 106px;
}

.order-page .count-button{
    padding: 0px 0px 0px 0px;
    
    }


.summery-desc.sd01 {
    color: black;
    font-weight: 400;
    font-size: 18px;
    padding-bottom: 5px;
}

.sd01-tit{
    color: #f74f4f;
}

textarea#message{
display:none;
}

#mypage .prouduct-cluster table tr td{

}

        .order-price-info.add-discount {}

        .order-price-info.add-discount .order-pre-price {
            width: 100%;
        }

        .order-price-info.add-discount dt {
            width: 754px;
            font-size: 18px;
            font-weight: 600;
            padding-left: 20px;
            color: #848484;
        }

        .order-price-info.add-discount dd {
            width: 401px;
            padding-right: 20px;
        }

        .add-dis-name {
            width: 130px;
            text-align: left;
            display: block;
            padding: 7px 0 0 0;
        }

        .add-dis-top {
            padding-bottom: 20px;
            border-bottom: 1px solid #e1e1e1;
        }

        .add-dis-bottom {
            padding-top: 20px;
        }

        input#okreserve,
        input#okemoney,
        input#couponnum {
            padding: 0;
            margin: 0;
            background: #f9f9f9;
            font-size: 18px;
            color: #f74f4f;
            border: 0;
            vertical-align: text-bottom;
        }

        input#usereserve,
        input#useemoney {
            width: 100px;
            font-size: 14px;
            padding: 0px 10px;
            border-left: 0;
            border: 1px solid #f74f4f;
        }

        .order-price-info.add-discount .cpn-btn {
            background: #f74f4f;
            color: #fff;
            padding: 6px 11px;
            height: 27px;
        }
        .prouduct-cluster.delivery-infomation table tr th {
            width: 140px;
            background-color: #fafafa;
        }

        .prouduct-cluster.delivery-infomation table tr td {
            border-top: 1px solid black;
            border-bottom: 1px solid black;
            padding-left: 20px;
        }

        .prouduct-cluster.delivery-infomation table tr td, .prouduct-cluster.delivery-infomation table tr th {
            text-align: left;
            color: #363636;
            font-size: 14px;
            padding-top: 8px;
            padding-bottom: 8px;
            border-bottom: 1px solid #e1e1e1;
        }
        
        #mypage .content-depth01 .content-title{
           padding-bottom:10px;
        }

        .content-depth01 h3 {
            font-size: 18px;
            font-weight: 900;
            color: #363636;
        }

        .content-depth01 h3 label {
            font-size: 12px;
            font-weight: 100;
            vertical-align: bottom;
            margin-left: 10px;
        }

        input#address2,
        input#address1 {
            height: 15px;
            vertical-align: middle;
            padding: 6px 0 4px 5px;
            margin: 0;
            width: 545px;
        }

        .prouduct-cluster.delivery-infomation li {
            padding: 5px 0;
        }

        textarea#message {
            width: 520px;
            height: 100%;
            border: 1px solid #acacac;
            padding: 5px;
        }

        .cell-inner-top select {
            width: 606px;
        }

        .MS_select,
        .MS_input_txt {
            height: 25px;
            padding: 0;
            padding-left: 5px;
            margin: 0;
            line-height: 1;
        }

:root .MS_input_txt { border:0 \0/IE9; }


        input#post1,
        input#post2,
        input#emergency11,
        input#emergency12,
        input#emergency13,
        input#emergency21,
        input#emergency22,
        input#emergency23,
        input#emergency31,
        input#emergency32,
        input#emergency33 {
            width: 60px;
        }


        .orderlist-btn {
            background: #f74f4f;
            padding: 7px 20px 6px;
        }

        .cell-inner-top select {
            padding: 5px;
            height: 27px;
        }

        .cell-inner-bottom textarea#message {
            width: 594px;
            margin: 5px 0 0 0;
        }

        textarea {
            resize: none;
        }

        .prouduct-cluster.delivery-infomation a.orderlist-btn {
            color: white;
        }



        .order-summery {
            padding: 10px 20px;
            border-bottom: 1px solid #c6c6c6;
            border-top: 1px solid #000;
        }

        .summery-desc {
            font-size: 18px;
            font-weight: bold;
        }

        .summery-desc.sd02 {
            font-size: 13px;
            color: #000;
            margin-top: 3px;
        }

        .order-summery .thumb-orderlist-info {
            width: 1009px;
            padding: 62px 20px 58px;
        }
}




/************** »óÇ°º¸°üÇÔ ***************/



.blind{
   display:none;
}

.jh_btn li a.on { font-weight:bold; }


.shoppay-card .swiper-container { width:450px; margin:0; }
.shoppay-card .swiper-container img { width:100% }

.myCard-prev { display:none!important; }
.myCard-next { display:none!important; }

#MAKESHOPLY4 { z-index:30!important; }