@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800');
@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);
@import url('https://fonts.googleapis.com/css?family=Playfair+Display');
@font-face {
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 700;
  src: local('Playfair Display'), local('PlayfairDisplay-italic'), url(/design/bigjoy/renewal2017/PlayfairDisplay-BoldItalic.ttf);
}
@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
/*
========================================================================
RESET
========================================================================
*/
/* global rest */
html, body {
    height: 100%;
    /*line-height:1;*/
     word-break:keep-all;
}
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;
    font-family: 'Pretendard-Regular', 'NanumSquare', "¸¼Àº °íµñ", 'Noto Sans KR', "µ¸¿ò", Helvetica, sans-serif;
    font-feature-settings: 'ss01', 'ss02', 'ss08';
    letter-spacing:-0.055em;
}
body,
input, select, textarea, a {
    color: #000;
}
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 {
    text-decoration: none;
}
a:hover {
}
button {
    overflow: hidden;
    cursor: pointer;
}
button span {
    visibility: hidden;
}
address, em {
    font-style: normal;
}
button, input, select, textarea, a {
    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;
}
/*
========================================================================
°øÅë 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 {padding-left: 10px;}
.tb-right {padding-right: 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 { color: #d63448; }
.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; }
/* layout */
#header,
#layerWrap,
#contentWrap,
#ftLink .link,
#footer { position: relative; min-width: 1200px; margin-left: auto; margin-right: auto; }
#contentWrapper { position: relative; }
#contentWrap:after { content: ""; display: block; clear: both; }

/* »óÇ° ¹Ì¸®º¸±â ·¹À̾î */
#detailpage { position: absolute; top: 100px; display: block; width: 1002px; padding:70px; background-color: #fff; box-sizing:border-box;}
#detailpage .close-layer {position:absolute; top:30px; right:30px;}
.detail-pop {overflow: hidden;}
.detail-pop .thumb-wrap {float:left; width:372px; padding-top:35px;}
.detail-pop .thumb-wrap .thumb img {width:100%;}
.detail-pop .thumb-wrap .btns {margin-top:40px; text-align:center;}
.detail-pop .thumb-wrap .btns a {display:inline-block; margin:0 2px; padding:0 15px; height:29px; line-height:27px; color:#fff; font-size:12px; background:#666;transition:box-shadow .2s;}
.detail-pop .thumb-wrap .btns a:hover {box-shadow:0 2px 4px rgba(0,0,0,0.3);}
.detail-pop .thumb-wrap .btns a.btn-viewbig {background:#000;}

.detail-pop .txt-wrap {float:left; margin-left:60px; width:430px;}
.detail-pop .txt-wrap h3 {font-size:22px; line-height:33px;}
.detail-pop .txt-wrap h3 {font-size:22px; line-height:33px;}
.detail-pop .txt-wrap > p {font-size:14px; line-height:18px; color:#666; margin-top:7px;}
.detail-pop .txt-wrap .brand {font-size:14px; line-height:18px; color:#86001d; margin-top:7px;}
.detail-pop .txt-wrap .icons {margin-top:5px;}
.detail-pop .txt-wrap .icons img {margin-left:2px;}
.detail-pop .txt-wrap .price-box {margin-top:14px;}
.detail-pop .txt-wrap .price-box del {font-size:14px; color:#666;}
.detail-pop .txt-wrap .price-box .price {margin-top:10px; font-size:30px; color:#c82248; font-weight:500;}
.detail-pop .txt-wrap .opt-list {margin-top:20px; padding-top:10px; border-top:1px solid #e0e0e0;}
.detail-pop .txt-wrap .opt-list li {margin-top:10px; color:#666; font-size:14px;}
.detail-pop .txt-wrap .opt-list li span {display:inline-block; width:110px;}
.detail-pop .txt-wrap .opt-list li select,
.detail-pop .txt-wrap .opt-list li input {height:20px; border:0;}
.detail-pop .txt-wrap .opt-list li .form-wrap {position:relative; width:auto; border:1px solid #ccc; padding:5px; display:inline-block; vertical-align: middle;}
.detail-pop .txt-wrap .opt-list li .form-wrap.qty {padding-right:25px;}
.detail-pop .txt-wrap .opt-list li .form-wrap a {font-size:0;}
.detail-pop .txt-wrap .opt-list li .btn-up {position:absolute; top:5px; right:3px;}
.detail-pop .txt-wrap .opt-list li .btn-dw {position:absolute; bottom:5px; right:3px;}
.detail-pop .txt-wrap .btns {margin-top:30px;}
.detail-pop .txt-wrap .btns:after {content:''; display:block; clear:both;}
.detail-pop .txt-wrap .btns p {height:44px; line-height:40px; text-align:center; color:#86001d; font-size:14px;}
.detail-pop .txt-wrap .btns a {float:left; height:44px; line-height:40px; text-align:center; color:#fff; font-size:14px; box-sizing:border-box; font-weight:400; border:1px solid; transition:box-shadow .2s;}
.detail-pop .txt-wrap .btns a:hover {box-shadow:0 2px 4px rgba(0,0,0,0.3);}
.detail-pop .txt-wrap .btns .btn-buynow {width:147px; background:#86001d; border-color:#86001d;}
.detail-pop .txt-wrap .btns .btn-basket {margin-left:7px; width:147px; border-color:#000; color:#000;}
.detail-pop .txt-wrap .btns .btn-wish {margin-left:7px; width:122px; border-color:#666; color:#666;}

/* °Ô½ÃÆÇ °øÅë - ÀϹÝ, °Ö·¯¸®, ÄÁÅÙÃ÷¸µÅ©, ÀÚ·á½Ç, ¹Ì´ÏȨÇÇ, ¹æ¸í·Ï, µ¿¿µ»ó */
/* »ó´Ü */
.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-bottom: 30px; margin-top: 20px; text-align: center; }
.bbs-tit .braket { padding: 0 15px; font-weight: bold; color: #cfcfcf; font-size: 14px; vertical-align: middle; }
.bbs-tit em { margin-left: 10px; font-size: 11px; color: #898989;}
/* °Ë»ö */
.bbs-sch { margin-top: 60px; border-top:2px solid #000; padding-top: 15px; text-align: right; }
.bbs-sch label { margin-right: 20px; font-size: 14px;}
.bbs-sch label input {vertical-align: initial;}
.bbs-sch .key-wrap {display:inline-block; font-size: 0; line-height: 0; border-bottom: 1px solid #636363; padding:5px 0;}
.bbs-sch .key-wrap,
.bbs-sch .keyword,
.bbs-sch img { vertical-align: middle; }
.bbs-sch .MS_input_txt {border:0; width:210px;}
.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 5px; 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: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 { margin-top: 5px; }
.bbs-table-list thead th,
.bbs-table-list tbody td  { padding: 6px 0;}
.bbs-table-list thead th { color: #9d9d9d; font-weight: bold; font-size: 11px;  border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }
.bbs-table-list tbody td { background: url('/images/d3/modern_simple/common/dot_bbs_list.gif') repeat-x 0 bottom;}
/* °Ô½ÃÆÇ Å¸ÀÔ - º¸±â */
.bbs-table-view { margin-top: 10px; }
.bbs-table-view thead th,
.bbs-table-view tbody td  { padding: 6px 0;}
.bbs-table-view thead th { color: #9d9d9d; font-weight: bold; font-size: 11px;  border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }
.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;}

/* ¹Ì´ÏȨÇÇ, ¹æ¸í·Ï °Ô½Ã±Û ºä */
/* »ó´Ü */
.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-top:60px;}
.bbs-table-write tbody th,
.bbs-table-write tbody td  { padding:22px 0; border-top:1px solid #000; border-bottom:1px solid #000; font-weight: 400;}
/* °Ô½ÃÆÇ Å¸ÀÔ - ºñ¹Ð¹øȣã±â */
.bbs-table-pwd { margin-top:60px;}
.bbs-table-pwd table { width:440px; margin-left:auto; margin-right:auto;}
.bbs-table-pwd tbody th,
.bbs-table-pwd tbody td  { padding:22px 0;  border-top:1px solid #000; border-bottom:1px solid #000; color:#9d9d9d; font-weight:normal; color:#000;}
.bbs-table-pwd input[type=text],
.bbs-table-pwd input[type=password] {width: 90%}

/* °øÅëÀ¸·Î ¾²´Â°Å */
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 span { margin-right:15px; color:#555;}
.cont-sub-des span em { font-size:11px; color:#9c9c9c;}
.cont-sub-des .hit { position:absolute; top:15px; right:0;}
.cont-sub-des .hit span { margin-right:0;}

.bbs-table-view .comment-box td { padding-bottom:20px; border-top:1px solid #e5e5e5; vertical-align:top;}
.comment-box .com-name { margin-right:8px; padding:0 8px; background: url('/images/d3/modern_simple/common/bull_bbs_hd_link.gif') repeat-y 100% 0; font-weight:bold; color:#c5c5c5;}
.bbs-table-view td.com-wrt-box { border:0;}
.com-wrt-box label { padding-left:7px; color:#9d9d9d; background: url('/images/d3/modern_simple/common/bull_join_required.gif') no-repeat 0 50%;}
.com-wrt-box .input-style { margin:0 10px 0 7px; padding:2px; height:14px; line-height:14px; border:1px solid #EDEDED;}
.com-wrt-box .wrt { margin-top:7px;}
.view-link { padding:12px 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 ul:after {content:''; display:block; clear:both;}
.privercy-contract-tap li {float:left; width:33.3333%;}
.privercy-contract-tap li a {position:relative; display:block; box-sizing:border-box; border:1px solid #000; height:45px; line-height:42px; font-size:14px; color:#666; text-align:center;}
.privercy-contract-tap li a:hover {color:#000;}
.privercy-contract-tap li.sel a {color:#86001d; border-bottom:0;}
.privercy-contract-tap li.sel a:after {content:''; position:absolute; bottom:-8px; left:50%; margin-left:-6px; border-top:8px solid #86001d; border-left:6px solid transparent; border-right:6px solid transparent;}
.privercy-contract-tap li + li a {border-left:0;}
.privercy-contract { clear: both; }
.privercy-contract textarea { clear: both; border: 1px solid #000; height: 60px; padding: 10px; width: 660px; }
.tab-content .privercy-contract textarea {border-top:0;}
.privercy-agree { margin: 10px 0; }
.privercy-agree label{ margin-right: 10px; }

/*
 * renewal skin
 */

/* common */
.em {color:#86001d;}
.btns-wrap {margin-top:20px; text-align:center;}
.btn-red,
.btn-white,
.btn-black {display:inline-block; height:40px; line-height:38px; padding:0 15px; font-size:16px; transition:box-shadow .2s; box-sizing:border-box;}

.btn-red:hover,
.btn-white:hover,
.btn-black:hover {box-shadow:0 2px 4px rgba(0,0,0,0.3);}

.btn-red {background:#86001d; color:#fff;}
.btn-white {border:1px solid #000; color:#000;}
.btn-black {background:#000; color:#fff;}

.flexible-box {margin-left:auto!important; margin-right:auto!important; max-width:40%; min-width:1200px;}
.container-box {position:relative; margin-left:auto!important; margin-right:auto!important; width:1200px;}
.dim {position:fixed; top:0; left:0; width:100%; background:rgba(0,0,0,0.5); z-index:9998;}

.btn-viewmore {position:relative; display:block; font: 700 italic 18px/1 'Playfair Display', serif; padding:0 30px 9px 0; border-bottom:1px solid #000; background:url(/design/bigjoy/renewal2017/bg_btn_viewmore.png) no-repeat 100% 5px; transition:text-shadow .5s;}
.btn-viewmore:after {content:''; display:block; position:absolute; bottom:-1px; left:0; width:100%; transform:scale(0); border-bottom:1px solid #999; transform-origin:0 100%; transition:transform .5s;}
.btn-viewmore:hover {text-shadow:3px 2px rgba(153,153,153,0.7);}
.btn-viewmore:hover:after {transform:scale(1);}

.link-more {position:relative; margin-top:60px; border-top:1px solid #000; text-align:center;}
.link-more .bg {position:absolute; top:-24px; left:50%; margin-left:-42px; display:block; width:84px; height:68px; transition:transform .3s; transform-origin: 50% 24px;}
.link-more .bg:after {content:''; position:absolute; top:0; left:0; display:block; border-top:73px solid #000; border-left:42px solid transparent; border-right:42px solid transparent; transition:border-color .3s;;}
.link-more:hover .bg {transform:rotate(120deg); border-top-color:#bf002c;}
.link-more.on .bg {transform:rotate(180deg); border-top-color:#bf002c;}
.link-more:hover .bg:after,
.link-more.on .bg:after {border-top-color:#bf002c;}
.link-more a {position:relative; display:inline-block; width:84px; height:68px;margin-top:-24px; color:#fff; font:700 italic 17px 'Playfair Display', serif; z-index:1; line-height:42px; }

.common-banner {margin-top:50px;}
.common-banner:after {content:''; display:block; clear:both;}
.common-banner a {float:left; box-sizing:border-box;display:block; transition:box-shadow .3s;}
.common-banner a:hover {box-shadow:0 5px 15px rgba(0,0,0,0.25);}
.common-banner a + a {margin-left:1.2%;}
.common-banner a img {display:block; width:100%;}

.common_info {background:#343434;padding:42px 0; font-size:0; text-align:center;}
.common_info li {display:inline-block; box-sizing:border-box; width:400px; background:url(/design/bigjoy/renewal2017/bg_icon_info.png) no-repeat;}
.common_info li:first-child {border-left:1px solid #656565;}
.common_info li a {display:block; padding-left:175px; height:41px; font-size:16px; font-weight:300; color:#fff;border-right:1px solid #656565; text-align:left;}
.common_info li a span {display:block; font-weight:400; margin-bottom:3px;}
.common_info li.info1 {background-position:95px 0;}
.common_info li.info2 {background-position:95px -205px;}
.common_info li.info3 {background-position:95px -411px;}

.page-header {position:relative;}
.page-header .breadscrumb {position:absolute; top:0; left:0; width:100%; height:39px; line-height:34px; background:rgba(0,0,0,0.6); color:#fff;}
.page-header .breadscrumb a,
.page-header .breadscrumb span {margin-right:14px; padding-left:14px; font-size:12px; color:#fff; vertical-align:middle;}
.page-header .breadscrumb a:first-child {margin-left:0; padding-left:0;}
.page-header .breadscrumb img {vertical-align:middle;}
.page-header .title {padding-top:63px; height:140px; text-align:center; color:#fff;}
.page-header .title h2 {position:relative; font-size:72px; letter-spacing:-0.075em; text-transform:uppercase; font-weight:100;}
.page-header .title_ac { padding-top:39px; height:395px; text-align:center; color:#fff; position:relative;}
.page-header .title_ac .adultschool_box { width:1200px; position:absolute; left:50%; margin-left:-600px; }
.page-header .title_ac .adultschool_box h2 { width:600px; text-align:center; margin: 0 auto; }
.page-header .title_ac .adultschool_box p { float:right; display:inline; width:600px; margin-top:20px; text-align:center; }
.page-header .brandtitle { padding-top:39px; height:250px; text-align:center;}
.page-header .brandtitle img{ height:250px; width:auto; text-align:center;}
/*
.page-header .title h2:after {position:absolute; content:''; bottom:-17px; left:50%; margin-left:-18px; width:36px; border-bottom:4px solid #fff;}
*/
.page-header .title p {font-size:17px; font-weight:100;}

.page-header .title.login {background:url(/design/bigjoy/renewal2017/bg_page_login.jpg) no-repeat 50% 50%; background-size:cover;}
.page-header .title.sign {background:url(/design/bigjoy/renewal2017/bg_page_sign.jpg) no-repeat 50% 50%; background-size:cover;}

.section-title {margin-top:60px; text-align:center;}
.section-title h3 {height:48px; font:700 italic 53px/1 'Playfair Display', serif; border-bottom:1px solid #000;}
.section-title h3.img-title {border-bottom:0; position: relative; margin-bottom: 40px;}
.section-title h3.img-title:after {content: ''; position:absolute; bottom:0; left:0; width: 100%; border-bottom:1px solid #000;}
.section-title h3.img-title img {margin-top: 5px;}
.section-title p {margin-top:28px; line-height:1.4;}

/* list */
.prd-list {overflow:hidden;}
/*.prd-list:after {content:''; display:block; clear:both;}*/
.prd-list li {position:relative; float:left; margin-top:30px; width:25%; border-bottom:1px solid #ccc; overflow:hidden; height:500px;}
.prd-list li.top3 {width:33.3333%;}
.prd-list .item {position:relative; display:block; padding:10px 12% 5px; text-align:center; font-size:18px; overflow:hidden;}
.prd-list .item .frame {position:relative; padding-top:100%; overflow:hidden; transition:transform .2s ease-out;}
.prd-list .item .frame img {position:absolute; top:0; left:0; width:100%;}
.prd-list .brand {margin-top:20px; font-weight:500; height:1.1em; overflow:hidden; font-size:16px;}
.prd-list li:hover .title {text-decoration:underline;}
.prd-list li:hover .brand {text-decoration:underline;}
.prd-list .title {margin-top:5px; font-weight:400; line-height:1.2; color:#000 !important;}
.prd-list .icons {margin-top:5px; margin-bottom: 13px; height:12px;}
.prd-list .icons img {margin-left:3px;}


/* ƯÀÌ»çÇ× ³ëÃâ ¹öÀü 20201027 ½ÃÀÛ */
.prd-list .price {font-size:20px; color:#ed1c24; font-weight:500; }
.prd-list .price del {margin-right:5px; color:#979797; font-weight:400; font-size:16px;}
.prd-list .detail { font-family: "¸¼Àº °íµñ", "µ¸¿ò", Arial,sans-serif; padding:10px 3px; border-top:solid 1px #eee; border-bottom:solid 1px #eee; text-align:center; font-weight:300; color:#979797; line-height:1.2; font-size:0.70em; background-color:#fafafa; margin-bottom:10px; }

.prd-list .btn-preview {display:block; margin-top:10px; font-family: "¸¼Àº °íµñ", "µ¸¿ò", Arial,sans-serif; height:20px; line-height:20px; text-align:center; font-size:12px; color:#979797; font-weight:600;}
.prd-list .btn-preview img {vertical-align:-3px; text-align:center;}

/* ƯÀÌ»çÇ× ³ëÃâ ¹öÀü 20201027 ³¡ */

/* ÀÌÀü ·Ñ¿À¹ö½Ã ƯÀÌ»çÇ× ¹× ¹Ì¸®º¸±â ÆäÀ̵åÀÎ ¹öÀü 20201027
.prd-list .over {position:absolute; bottom:-132px; left:0; box-sizing:border-box; padding:20px; width:100%; height:190px; transition:all .2s ease-out;}
.prd-list .over .price {font-size:20px; color:#ed1c24; font-weight:500; transition:all .2s ease-out;}
.prd-list .over .price del {margin-right:5px; color:#979797; font-weight:400; transition:all .2s ease-out; font-size:16px;}
.prd-list .over .detail {margin-top:50px; opacity:0; text-align:center; font-weight:100; color:#fff; line-height:1.2; height:3.6em; overflow:hidden; transition:all .2s ease-out;}
.prd-list .btn-preview {position:absolute; bottom:-100px; height:50px; line-height:50px; text-align:center; box-sizing:border-box; border-left:1px solid #ddd; background:#fff; font-size:14px; color:#979797; font-weight:700; transition:bottom .3s;}
.prd-list .btn-preview img {vertical-align:-2px;}
.prd-list .btn-preview {right:0; width:100%; border-right:1px solid #ddd;}
*/

/*
.prd-list .badge {position:absolute; top:30%; left:0; box-sizing:border-box; width:50%; height:40px; background:rgba(191,0,44,0.8); padding:10px; font:700 italic 20px/1 'Playfair Display', serif; transition:opacity .2s; color:#fff; box-shadow:1px 1px 2px rgba(0,0,0,0.5);}
.prd-list .badge span {float:right; margin-top:-30px; font-size:80px; text-shadow:2px 2px rgba(0,0,0,0.8);}
*/
.prd-list .badge {position:absolute; top:0; right:30px; box-sizing:border-box; padding-top:37px; width:70px; height:70px; text-align:center; padding-top:25px; background:url(/design/bigjoy/renewal2017/icon_best.png) no-repeat; line-height:1; }
.prd-list .badge span {font-size: 20px;}
.prd-list .badge.top {color:#9e334a; background-image: url(/design/bigjoy/renewal2017/icon_best_red.png);}

.prd-list li:hover .frame {transform:scale(1.1);}

/* ÀÌÀü ·Ñ¿À¹ö½Ã ƯÀÌ»çÇ× ¹× ¹Ì¸®º¸±â ÆäÀ̵åÀÎ ¹öÀü 20201027
.prd-list li:hover .over {bottom:0; background:rgba(134,0,29,.7);}
.prd-list li:hover .over .price {font-size:30px; color:#fff; text-align:right; font-weight:100;}
.prd-list li:hover .over .price del {font-size:18px; color:#B65E5E;}
.prd-list li:hover .over .detail {margin-top:10px; opacity:1; width:100%; }
.prd-list li:hover .btn-preview {bottom:0;}
*/
/*.prd-list li:hover .badge {opacity:0;}*/

/* pagination */
.pagination {clear:both;padding:60px 0 0; text-align:center;}
.pagination a {display:inline-block; box-sizing:border-box; width:34px; height:34px; line-height:30px; font-size:15px; font-weight:400; text-align:center; border:1px solid transparent;}
.pagination a:hover {text-decoration:underline;}
.pagination a.now {color:#86001d; font-weight:500;}
.pagination .prev,
.pagination .next {text-indent:-9999px; background:url(/design/bigjoy/renewal2017/bg_arrow_page.png) no-repeat;}
.pagination .prev {margin-right:6px; background-position:-1px 50%;}
.pagination .next {margin-left:6px; background-position:-35px 50%;}

/* login */
.login-wrap {margin:0 auto; width:600px; padding:70px; 0;}
.login-wrap .login-title.border {margin-top:50px; padding-top:50px; border-top:1px dashed #ccc;}
.login-wrap .login-title h3 {font-size:24px; text-align:center;}
.login-wrap .login-title p {margin-top:15px; font-size:14px; line-height:18px; text-align:center; color:#666;}
.login-wrap .form {margin:45px auto 0; width:347px;}
.login-wrap .form + .form {margin-top:50px;}
.login-wrap .form .convenience {margin-top:20px;}
.login-wrap .form .convenience label {font-size:14px;}
.login-wrap .form .convenience label + label {margin-left:20px;}
.login-wrap .form .convenience label input {margin-right:5px; vertical-align:-1px;}

.input-wrap {position:relative; height:52px; border:1px solid #000; box-sizing:border-box;}
.input-wrap + .input-wrap {margin-top:10px;}
.input-wrap label {position:absolute; top:16px; left:29px; font-size:14px; color:#86001d;}
.input-wrap input {box-sizing:border-box; width:100%; height:100%; font-size:14px; font-weight:300; padding:0 30px; border:0; letter-spacing:0;}

.sns-login {margin-top:30px;}
.sns-login p {margin-bottom:30px;height:11px; border-bottom:1px solid #bbb; color:#999; text-align:center;}
.sns-login p span {display:inline-block; background:#fff; padding:0 10px; font:italic 20px/1 'Playfair Display', serif;}
.sns-login a {display:block; height:50px; box-sizing:border-box; padding-left:140px; font-size:16px; line-height:48px; background:url(/design/bigjoy/renewal2017/logo_sns.png) no-repeat; color:#fff; transition:box-shadow .2s;}
.sns-login a:hover {box-shadow:0 2px 4px rgba(0,0,0,0.3);}
.sns-login a + a {margin-top:10px;}
.sns-login a.fb {background-color:#3d5a98; background-position:87px 10px;}
.sns-login a.nv {background-color:#2db400; background-position:90px -40px;}
.sns-login a.kk {background-color:#ffdc00; background-position:90px -90px; color:#3b1e1e;}
.sns-login a.ap {background-color:#1d1d1f; background-position:90px -140px;}

.login-links {margin-top:40px; border-top:1px solid #000; padding-top:18px; text-align:center;}
.login-links a {position:relative; padding-left:9px; font-size:14px;}
.login-links a:after {content:''; position:absolute; top:10px; left:0; width:2px; border-top:2px solid #000;}
.login-links a:hover {text-decoration:underline;}
.login-links a + a {margin-left:50px;}

.radio-wrap {margin-top:30px; text-align:center;}
.radio-wrap label {font-size:16px; color:#777; font-weight:300; cursor:pointer;}
.radio-wrap label + label {margin-left:20px;}
.radio-wrap label input {margin-right:5px; vertical-align:-1px;}

p.auth {line-height:1.7; color:#666; text-align:center;}
p.auth a {color:#86001d; vertical-align:top; text-decoration:underline;}

.find-result {padding:20px; text-align:center; background:#eee;}
.find-result p {line-height:1.3;}
.find-result p + p {margin-top:15px;}
.find-result .result-value {font-size:20px;}

.btn-login,
.btn-guest,
.btn-find {display:block; margin-top:15px; width:100%; height:62px; line-height:60px; font-size:18px; text-align:center; transition:box-shadow .2s; box-sizing:border-box;}

.btn-login:hover,
.btn-guest:hover,
.btn-find:hover {box-shadow:0 2px 4px rgba(0,0,0,0.3);}

.btn-login {background:#86001d; color:#fff;}
.btn-guest {border:1px solid #000; color:#000;}
.btn-find {background:#000; color:#fff;}

/* comment */
.comment-list {margin-top:60px; padding:30px; border:1px solid #ccc;}
.comment-list .comment-cont {padding:15px 0;}
.comment-list td {padding-left: 30px;}

.comment-box {margin-top:50px; padding:30px; border:1px solid #ccc;}
.comment-box:after {content:''; display:block; clear:both;}
.comment-box p {font-weight:100; font-size:16px; color:#333;}
.comment-box input {border:0; padding:0; height:25px; font-size:16px; font-weight:300; vertical-align:middle;}
.comment-box label {vertical-align:middle;}
.comment-box .body {padding:12px 0 3px; border-bottom:1px solid #999;}
.comment-box .body > span {display:inline-block; height:25px; line-height:25px; font-size:16px; font-weight:300; vertical-align:middle;}
.comment-box .name {float:left; width:30%; box-sizing:border-box; padding-right:20px;}
.comment-box .name input {width:100%;}
.comment-box .pw {float:left; width:70%;}
.comment-box .pw input {margin-right:5px; font-size:14px;}
.comment-box .msg {padding-top:20px; clear:left;}
.comment-box .msg textarea {box-sizing:border-box; width:100%; height:100px; border:0;}
.comment-box .submit {clear:both; padding-top:20px; text-align:center;}
.comment-box .submit a {display:inline-block; margin-left:3px; width:183px; height:57px; line-height:53px; font-size:18px; text-align:center; color:#fff; transition:box-shadow .2s; background:#86001d;}
.comment-box .submit a:hover {box-shadow:0 2px 4px rgba(0,0,0,0.3);}

#comment_password #input_passwd {width: 100px;}

/* board */
.img-list:after {content:''; display:block; clear:both;} 
.img-list li {float:left; margin:70px 50px 0 0; width:367px;}
.img-list li.last {margin:70px 0 0 -1px;}
.img-list li a {position:relative; display:block; transition:box-shadow .3s;}
.img-list li a:hover {box-shadow:0 5px 15px rgba(0,0,0,0.25);}
.img-list-item .frame {height:183px; overflow:hidden;}
.img-list-item .frame img {width:100%;}
.img-list-item .desc {padding:24px 18px; border:1px solid #d0d0d0; border-top:0;}
.img-list-item .desc .title {font-size:18px; line-height:1.4; height:2.8em; overflow:hidden;}
.img-list-item .desc .title img {vertical-align:middle;}
.img-list-item .desc .date {margin-top:12px; font-size:14px; color:#898989; overflow:hidden;}
.img-list-item .cover {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5); color:#fff; font-size:20px; text-align:center; line-height:300px; opacity:0; transition:opacity .2s;}
.img-list-item:hover .cover {opacity:1;}

.img-list-view {margin-top: 70px;}
.img-list-view-header {overflow:hidden; border-bottom:2px solid #000; padding-bottom:15px;}
.img-list-view-header .title {float: left; font-size: 1.3em; width: 90%; }
.img-list-view-header .date {float: right; padding-top:3px; font-weight:300;}
.img-list-view-body {padding: 40px 0 60px; text-align:center; line-height: 1.7; border-bottom: 1px solid #ccc;font-size:18px; color:#333; font-weight: 300;}
.img-list-view-body img {max-width: 100%;}
.img-list-view-body.align-left {text-align: left; }

.analysis-list:after {content:''; display:block; clear:both;} 
.analysis-list li {float:left; margin:60px 50px 0 0; width:367px; border:1px solid #d0d0d0; box-sizing:border-box;}
.analysis-list li.last {margin:60px 0 0 -1px;}
.analysis-list li a {position:relative; display:block; transition:box-shadow .3s;}
.analysis-list li a:hover {box-shadow:0 5px 15px rgba(0,0,0,0.25);}
.analysis-list-item .frame {height:232px; overflow:hidden;}
.analysis-list-item .frame img {width:100%; transition: transform 5s ease-in-out;}
.analysis-list-item:hover .frame img {transform: scale(1.05) translateX(-5px);}
.analysis-list-item .desc {padding:24px 18px; text-align:center;}
.analysis-list-item .desc .title {font-size:18px; line-height:1.4; height:2.8em; overflow:hidden;}
.analysis-list-item .desc .title img {vertical-align:middle;}

.board .breadscrumb {height:39px; line-height:35px; background:#000; color:#fff; font-size:12px;}
.board .breadscrumb a,
.board .breadscrumb span {margin-right:14px; padding-left:14px; font-size:12px; color:#fff; vertical-align:middle;}
.board .breadscrumb a:first-child {margin-left:0; padding-left:0;}
.board .breadscrumb img {vertical-align:middle;}

.board-header {margin-top: 60px; text-align:center;}
.board-header h2 {font: bold 53px/1 'Playfair Display', serif; text-transform: uppercase;}
.board-header h2 span {font: 400 30px/1 'Noto Sans KR', AppleGothic, Helvetica, sans-serif;}
.board-header p {margin-top: 15px; font-size: 14px;}

.board-list {position:relative; margin-top: 30px;}
.board-list thead th {background-color:#f0f0f0; font-weight: normal; }
.board-list th,
.board-list td { padding: 22px 0;font-size:15px; text-align: center;}
.board-list tbody td {border-bottom:1px solid #ccc;}
.board-list tbody td .MS_review_mark_title {display:none;}
.board-list td .del-msg {display:block; margin-bottom:15px;}
.board-list .title {text-align:left; padding-left: 25px;}
.board-list .title span {margin-left:15px;}
.board-list .writer div {display:inline-block;}
/* .board-btns */
.board-btns {position:absolute; bottom:-10px; right:0; text-align: right;}
.board-btns a {display:inline-block; margin-left:3px; width:183px; height:57px; line-height:53px; font-size:18px; text-align:center; color:#fff; transition:box-shadow .2s; background:#86001d;}
.board-btns a:hover {box-shadow:0 2px 4px rgba(0,0,0,0.3);}

.btn-list {margin-top:50px; text-align: right;}
.btn-list .btn-red,
.btn-list .btn-white,
.btn-list .btn-black {display: inline-block; margin-left: 2px; width:183px; height:57px; line-height:53px; text-align:center;}


/* board-write */
.board-write {margin-top:50px; padding:30px; border:1px solid #ccc;}
.board-write:after {content:''; display:block; clear:both;}
.board-write p {font-weight:100; font-size:16px; color:#333;}
.board-write input {border:0; height:25px; font-size:16px; font-weight:300; vertical-align:middle;}
.board-write label {vertical-align:middle;}
.board-write .body {padding:12px 0 3px; border-bottom:1px solid #999;}
.board-write .name {float:left; width:30%; box-sizing:border-box; padding-right:20px;}
.board-write .name input {width:100%;}
.board-write .passwd {float:left; width:70%;}
.board-write .passwd input {margin-right:5px; font-size:14px;}
.board-write .email {padding-top:20px; clear:left;}
.board-write .title {padding-top:20px; clear:left;}
.board-write .title .MS_input_txt {width: 70%;}
.board-write .msg {padding-top:20px; clear:left;}
.board-write .msg textarea {box-sizing:border-box; width:100%; height:200px; border:0;}
.board-write .attach {float:left; margin-top:20px; }
.board-write .attach a {float:left; width:40px; height:40px; text-indent:-9999px; background:#fafafa url(/design/bigjoy/renewal2017/icon_attach.png) no-repeat 50% 50%; box-sizing:border-box; border:1px solid #999; border-radius:3px;}
.board-write .attach a:hover {border-color:#666;}
.board-write .attach input {display:inline-block; margin:10px 0 0 20px;}
.board-write .submit {clear:both; text-align:center;}
.board-write .submit a {margin-left:3px; width:183px;}

/* mypage */
.mypage .breadscrumb {height:39px; line-height:35px; background:#000; color:#fff; font-size:12px;}
.mypage .breadscrumb a,
.mypage .breadscrumb span {margin-right:14px; padding-left:14px; font-size:12px; color:#fff; vertical-align:middle;}
.mypage .breadscrumb a:first-child {margin-left:0; padding-left:0;}
.mypage .breadscrumb img {vertical-align:middle;}

.mypage-cont {margin-top: 60px;}

.mypage-body {margin-left: 220px;}
.mypage-body .section-title h3 {font-size:36px; height: 33px; }
.mypage-body .grp {margin: 37px 0 30px; height:49px; line-height: 47px; font-size: 16px; background-color: #000; color: #fff; text-align: center;}
.mypage-body .hd {margin-top:55px; position: relative;}
.mypage-body .hd h3 {font-size: 16px;}
.mypage-body .hd .view {position:absolute; top:-8px; right:0; height: 24px; font-size: 12px; color:#fff; line-height:23px; padding:0 20px 0 13px; background: #000 url(/design/bigjoy/renewal2017/bg_arrow1.png) no-repeat 59px 50%;}
.mypage-body .tbl {margin-top: 15px;}
.mypage-body .tbl th,
.mypage-body .tbl td {font-size: 14px; text-align: center; }
.mypage-body .tbl th {padding: 15px 0;background-color: #f9f9f9; font-weight: 300;}
.mypage-body .tbl td {padding: 20px 0; border-bottom: 1px solid #000;}
.mypage-body .tbl td.left {text-align:left;}
.mypage-body .order-tbl.tbl input.txt-spin {width: 50px;}
.mypage-body .use-dsc {padding: 20px; border: 1px solid #ccc; margin-top:60px; font-size: 14px;}
.mypage-body .use-dsc li {position: relative; padding-left:13px;}
.mypage-body .use-dsc li:after {position: absolute; content:''; display: block; top:6px;left:0; border: 1px solid #333; }
.mypage-body .use-dsc li + li {margin-top:15px;}
.mypage-body .use-dsc dd {margin-top:10px}

.order-tbl {color: #444; font-weight: 300;}
.order-tbl .thumb img {width: 60px;}
.order-tbl .btn-black {width:78px; height: 24px; line-height: 24px; font-size: 12px;}
.order-tbl .opt-spin {border: 1px solid #000; overflow:hidden; display:inline-block;}
.order-tbl .txt-spin {float: left; width: 28px; height: 30px; text-align: center; border:0;}
.order-tbl .btns {float:left; width: 20px;}
.order-tbl .btns a {display:block; height: 15px; background: url(/design/bigjoy/renewal2017/bg_arrow8.png) no-repeat; text-indent:-9999px;}
.order-tbl .btns a.btn-up {background-position: 50% 6px;}
.order-tbl .btns a.btn-dw {background-position: 50% -9px;}
.order-tbl .btn-spin {display: inline-block; margin-top:3px; width: 50px; height:24px; line-height: 22px; font-size:12px; color:#fff; text-align: center; background-color: #000;}
.order-tbl .MK-product-icons img {margin-left: 2px;}
.order-tbl .d-block {margin: 2px 0;}

.att-box {margin-bottom: 60px; padding:20px 15px; border: 1px solid #000; text-align:center;}
.att-box p {display: inline-block; width: 48%; text-align: center;font-size: 16px;}
.att-box p + p {border-left: 1px solid #ccc;}
.att-box p span { margin-left:15px; font-size:2em; color: #86001d;}
.att-box p input {width: 150px; height: 30px; display:inline-block; text-align: center;}
.att-box p button {  height:30px; padding:0 10px; font-size: 16px;}

.prd-analysis {margin:2.9411% 0 50px; height:284px; background:url(/design/bigjoy/renewal2017/bg_main_analysis.jpg) no-repeat 50% 50%; background-size:cover;} 
.prd-analysis h2 {padding-top:99px; font-size:58px; font-weight:200; text-transform:uppercase; letter-spacing:-0.05em;}
.prd-analysis h2 span {font-weight:700;}
.prd-analysis p {margin-top:15px; font-size:16px; font-weight:300; line-height:1.2;}
.prd-analysis p span {display:block; margin-bottom:7px; font-size:1.2em; font-weight:500;}
.prd-analysis .btn-viewmore {position:absolute; top:52px; left:0;}

/* yfl */
.yfl-list-tile { margin: 0 auto; width: 1023px; overflow: hidden; }
.yfl-list-tile li { float: left; margin: 0 12px 90px; width: 317px; padding-bottom: 24px; color: #4d4d4d; text-align: center; }
.yfl-list-tile li a { display: block; color: inherit; transition: color .3s; }
.yfl-list-tile li a:hover { color: #000; }
.yfl-list-tile li .img { width: 317px; height: 317px; overflow: hidden; }
.yfl-list-tile li .img img { width: 100%; }
.yfl-list-tile li .icon { margin-top:10px; text-align: center; }
.yfl-list-tile li .icon img {margin:0 2px;}
.yfl-list-tile li .name-en { font-size: 14px; height:20px; }
.yfl-list-tile li .name-kr { margin-top: 12px; font-size: 18px; height:35px;}
.yfl-list-tile li .price { margin-top: 20px; color: #b28139; font-size: 24px; }
.yfl-list-card { margin: 0 auto; width: 1000px; overflow: hidden; }
.yfl-list-card li { padding: 10px; color: #4d4d4d; min-height: 317px; border-bottom: 2px solid #000; background: #fff; }
.yfl-list-card li a { position: relative; display: block; color: inherit; transition: color .3s; }
.yfl-list-card li a:hover { color: #000; }
.yfl-list-card li .img { float: left; width: 317px; height: 317px; overflow: hidden; }
.yfl-list-card li .img img { width: 100%; }
.yfl-list-card li .desc { float: left; margin-left: 20px; width: 580px; }
.yfl-list-card li .icon { margin-top: 35px; }
.yfl-list-card li .icon img {margin:0 2px;}
.yfl-list-card li .name-en { font-size: 18px; }
.yfl-list-card li .name-kr { float: left; margin-top: 8px; font-size: 28px; font-weight: 500; height: 73px; line-height: 1.2; width: 400px; }
.yfl-list-card li .price { float: right; margin-top: 8px; line-height: 1.2; color: #b28139; font-size: 30px; font-weight: 500; }
.yfl-list-card li .detail { clear: both; position: relative; padding-top: 15px; height: 105px; border-top: 1px solid #f0e6d7; }
.yfl-list-card li .detail p { font-size: 14px; line-height: 1.7; }
.yfl-list-card li .detail .spec { position: absolute; bottom: 0; left: 0; }
.yfl-list-card li .detail .spec span + span { margin-left: 25px; }
.yfl-list-card.best li a { padding-left:80px;}
.yfl-list-card.best li .desc { width: 563px; }
.yfl-list-card.best li .best-rank { position: absolute; top: 80px; left: 5px; padding-top:68px; color: #ffa800; font-size: 18px; font-weight: 500; text-transform: uppercase; background:url(/design/yesforlov/img/icon_best2.png) no-repeat 50% 0; }
.yfl-list-card.best li:first-child .best-rank {color: #ff6600; background-image:url(/design/yesforlov/img/icon_best1.png) }
.yfl-page { margin-top: 30px; text-align: center; }
.yfl-page a { display: inline-block; width: 15px; color: #555; font-size: 12px; transition: color .2s; }
.yfl-page a:hover { color: #000; }
.yfl-page a.on { color: #000; font-weight: 500; }
.yfl-page .first { margin-right: 5px; }
.yfl-page .last { margin-left: 5px; }

.yfl-shop { padding-bottom: 244px; line-height: 1; background: url(/design/bigjoy/renewal2017/yfl_bg_bottom.png) no-repeat 50% 100%; font-weight:300;}
.yfl-shop .header { height: 448px; text-align: center; color: #fff; letter-spacing: -1px; }
.yfl-shop .header h2 { display:inline-block; padding-top: 170px; font-size: 60px; font-weight: 500; text-transform: uppercase; border-bottom:3px solid #fff;}
.yfl-shop .header p { margin-top: 25px; font-size: 30px; }
.yfl-shop .header.care { background: url(/design/bigjoy/renewal2017/bg_care.jpg) no-repeat 50% 50%; background-size:cover; }
.yfl-shop .header.sweet { background: url(/design/bigjoy/renewal2017/bg_sweet.jpg) no-repeat 50% 50%; background-size:cover; }
.yfl-shop .header.pleasure { background: url(/design/bigjoy/renewal2017/bg_pleasure.jpg) no-repeat 50% 50%; background-size:cover; }
.yfl-shop .header.lubricant { background: url(/design/bigjoy/renewal2017/bg_lubricant.jpg) no-repeat 50% 50%; background-size:cover; }
.yfl-shop .header.perfume { background: url(/design/bigjoy/renewal2017/bg_perfume.jpg) no-repeat 50% 50%; background-size:cover; }
.yfl-shop .header.set { background: url(/design/bigjoy/renewal2017/bg_set.jpg) no-repeat 50% 50%; background-size:cover; }
.yfl-shop .header.acc { background: url(/design/bigjoy/renewal2017/bg_acc.jpg) no-repeat 50% 50%; background-size:cover; }
.yfl-shop .story { margin: 120px auto 0; padding-bottom: 340px; text-align: center; background: url(/design/bigjoy/renewal2017/bg_story.jpg) no-repeat 50% 100%; }
.yfl-shop .story h3 { margin-top: 40px; color: #b28139; font-size: 30px; font-weight: 500; }
.yfl-shop .story > p { margin-top: 20px; color: #130e16; font-size: 48px; line-height: 1.5; }
.yfl-shop .story > p span { color: #cf7400; font-weight: 500; }
.yfl-shop .story > div { margin-top: 65px; }
.yfl-shop .story > div h4 { display: inline-block; color: #4d4d4d; font-size: 30px; border-bottom: 2px solid #6b6b6b; }
.yfl-shop .story > div p { margin-top: 20px; color: #4d4d4d; font-size: 24px; line-height: 1.5; }
.yfl-shop .story > div p em { color: #282020; font-weight: 500; }
.yfl-shop .category {margin: 50px auto 0px; width: 1000px; padding-bottom: 20px; border-bottom: 2px solid #000; text-align: center;}
.yfl-shop .category li {position:relative; display:inline-block; padding: 0 10px 10px 10px;}
.yfl-shop .category li + li:after {content:""; display:block; position:absolute; top:5px; left:0; width:0; height:12px; border-left:1px solid #4d4d4d;}
.yfl-shop .category li a {font-size: 14px; color: #4d4d4d; padding: 0 5px; letter-spacing: -0.025em; -webkit-transition:all .2s; transition:all .2s;}
.yfl-shop .category li a:hover, .yfl-shop .category li a.on {background:#4d4d4d; color:#fff;}
.talk_icon { color:#959595; }
.talk_icon img { margin-top:1px; }

#giftwaiting {z-index: 9999!important;}
.prd-body #powerReview .paging {height: auto; margin-bottom: 60px;}
.prd-body #powerReview .hd-t {margin-top: 30px;}
.prd-body #powerReview .hd-t h2 {position: relative; float: none; padding-bottom: 12px; font-size: 18px; font-weight: 500;text-align: center;}
.prd-body #powerReview .hd-t h2:after {content: ''; position: absolute; bottom: 0; left: 50%; margin-left: -5px; width: 10px; border-bottom: 2px solid #000;}

/* ½ºÅ©·Ñ ¹Ù */
/*
::-webkit-scrollbar { width: 5px; }
::-webkit-scrollbar-track { background-color: #fff; }
::-webkit-scrollbar-thumb { background-color: #ed1c24; border-radius: 150px; }
::-webkit-scrollbar-button { display: none; }
*/
input[type=password] { font-family: Arial, Helvetica, sans-serif; }