/*
========================================================================
RESET
========================================================================
*/
/* global rest */
html, body {width:100%;
  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;
}
body,
h1, h2, h3, h4, h5, h6, table,
input, select, textarea, a {
  font-size: 12px;
  line-height: 1.25;
  color: #777;
  font-family:'Malgun Gothic', dotum, gulim, verdana, sans-serif, arm, ygm, AppleGothic, 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, 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 */
#content .mar_0 {margin:0}
.mr-5 { margin-right: 5px;}
.mr-10 { margin-right: 10px; }
.mr-15 { margin-right: 15px; }
.mr-20 { margin-right: 20px; }
#content .ml-0 {margin-left:0}
.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; }
.mb-100 {margin-bottom: 100px;}
/* 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; width:100%; }
.prd-list > table > tbody > tr > td { border: 0; width:330px; }
.prd-list > table > tbody > tr > td > div.tb-center {  margin:0 auto 20px; width:310px; background:#fff; padding:0; border:1px solid #ccc;}
.prd-list > table > tbody > tr > td > div.tb-center .info { text-align:center; }
.prd-list > table > tbody > tr > td > div.tb-center .info > li > .thumb { position:relative; width:100%; font-size:0; line-height: 0; }
.prd-list > table > tbody > tr > td > div.tb-center .info > li > .thumb > a { display: block; padding:5px; }
.prd-list > table > tbody > tr > td > div.tb-center .info > li > .thumb > a > img { width:100%; height:100%; }
.prd-list > table > tbody > tr > td > div.tb-center .info > li > .thumb > a .prd_icons { position:absolute; top:0; left:0; width:100%; text-align:left;}
.prd-list > table > tbody > tr > td > div.tb-center .info > li > .thumb > a .prd_icons .MK-product-icons > img { width:20% }
.prd-list > table > tbody > tr > td > div.tb-center .info > .price { margin: 5px 0 30px; color: #333; }
.prd-list > table > tbody > tr > td > div.tb-center .info > .price > span { text-decoration:line-through; }
.prd-list > table > tbody > tr > td > div.tb-center .info > .price > strong.discount { padding-left:10px; font-size:20px; color: #e7143c; text-decoration:none; }
.prd-list > table > tbody > tr > td > div.tb-center .info > .dsc { margin-top: 20px; font-weight: bold; height:30px; }


/* Àå¹Ù±¸´Ï ¸®½ºÆ®, ÁÖ¹®»óÇ° ¸®½ºÆ® */
.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-size: 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-page-2 { margin-top: 20px;padding:0 0 12px 0;font-size:20px;color:#666;font-weight:bold;border-bottom: 1px solid #dde1e4; }
.tit-page-2 > span { padding:0 0 0 10px; font-size:13px; color:#999; }
.tit-tb-list { margin-top: 30px; font-size: 12px; color: #5f5f5f; padding-left: 10px;}
.table-d2-list { margin-top: 25px; }
.table-d2-list thead th { padding:15px 0;border-top:1px solid #a63eca;border-bottom: 1px solid #ddd; color:#444; }
.table-d2-list tbody td { padding:15px 0; border-bottom: 1px solid #ddd; }
.foot-dsc{ margin-top: 20px; }
.foot-dsc li { padding-left: 10px; line-height:1.7;background: url(/images/d3/modern_simple/common/bull_h3_sqr_gray.gif) no-repeat 0 45%; }

/* ¸¶ÀÌÆäÀÌÁö µðÀÚÀΠŸÀÔ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 { height:auto; margin-top:30px; padding-top:0; text-align:center; line-height:0; vertical-align:top;  }
.paging > li { display: inline;}
.paging > li > a, .paging > li > strong { display:inline-block; height:auto; padding:0 12px; border:1px solid #ededed; cursor: pointer; line-height:33px; vertical-align:middle; }
.paging > li > strong, .paging> li > a:hover, .paging > li.now > a { border:1px solid #5d3292; color:#5d3292; letter-spacing:-0px;color:#fff;background-color:#5d3292; }
.paging > li.first > a,
.paging > li.prev > a,
.paging > li.next > a,
.paging > li.last > a { width:33px; padding:0; background:url('//toptopia.img17.kr/common/board_arrow.png') no-repeat; text-indent:-9999px; }
.paging > li.first > a { background-position:0 0; }
.paging > li.prev > a { background-position:-33px 0; }
.paging > li.next > a { background-position:-66px 0; }
.paging > li.last > a { background-position:-99px 0; }
/* ÇöÀçÀ§Ä¡ */
.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 { margin-top: 15px;padding:0 0 12px 0;font-size:22px;color:#222;font-weight:bold;border-bottom: 1px solid #7c35ab; }
#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; }
/* 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;}
.total-sort .sort li,
.total-sort .sort li a { float: left; width: auto; }
.total-sort .sort li a { border-left:1px solid #ddd;margin:0 0 0 10px;padding:0 0 0 10px;font-size:13px; }
.total-sort .sort li:first-child a { border-left:0;}
/* °Ô½ÃÆÇ ÃѰԽñÛ,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 { position:relative;margin:50px 0 25px;padding:20px 0;text-align:center; border:0; color:#666; background:#f6f6ff; font-size:13px; overflow:hidden; }
.t-box-msg strong { color:#a63eca; font-weight:bold; }

/*
========================================================================
°øÅë - ·¹À̾î
========================================================================
*/
/*

/* »óÇ° ¹Ì¸®º¸±â ·¹À̾î */
#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 { }
.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 center; }
.bbs-hd .link > li:first-child > a{background:none}
.bbs-hd .link > li.last > a { background-image: none; }
/* ŸÀÌƲ */
.bbs-tit { margin-bottom: 50px; margin-top: 20px; text-align: center; }
.bbs-tit > strong{font:normal 30px Century Gothic, verdana, Malgun Gothic, '¸¼Àº °íµñ', dotum, 'µ¸¿ò' ; color:#222; letter-spacing:-2px}
.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: 30px; margin-bottom : 15px; text-align: center; }
.bbs-sch label { margin-right: 10px; }
.bbs-sch .key-wrap { font-size: 0; line-height: 0; }
.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; }
/* °Ô½ÃÆÇ ±Û¾²±â, ¸ñ·Ï À̵¿ ¸µÅ© */
#bbsData .bbs-link{}
.bbs-link { font-size: 0; line-height: 0; padding-top:10px}
.bbs-link a { display: inline-block; zoom:1; *display:inline; padding:10px 20px 11px; margin-left:5px; color: #222; font:bold 14px Malgun Gothic, '¸¼Àº °íµñ', dotum, 'µ¸¿ò'; letter-spacing:-1px; border:1px solid #222; }
.bbs-link a.write { background:#ff005a none ; color:#fff; border-color:#ff005a}
/* °Ô½ÃÆÇ ±Û¾²±â, ¸ñ·Ï À̵¿ ¸µÅ© */
.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 { margin-top: 50px; }
.bbs-table-list thead th,
.bbs-table-list tbody td  { padding: 20px 0;}
.bbs-table-list thead th { color: #555; font-weight: bold; font-size: 11px;  border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;background:#fafafa;text-transform:uppercase;}
.bbs-table-list tbody td { border-bottom:1px solid #ececec;color:#000;}
.bbs-table-list tbody td a { color:#000;}
/* °Ô½ÃÆÇ Å¸ÀÔ - º¸±â */
.bbs-table-view { margin-top: 50px; }
.bbs-table-view thead th,
.bbs-table-view tbody td  { padding: 6px 0;}
.bbs-table-view thead th { padding:15px 0 10px;color: #333; font-weight: bold; font-size: 13px;  border-top: 1px solid #ddd; }
.bbs-table-view tbody td.line { padding:0 0 10px;border-bottom:1px solid #ddd; }
.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:10px;}
.bbs-table-write tbody th,
.bbs-table-write tbody td  { padding:6px 0; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; color:#9d9d9d; font-weight:normal; font-size:11px;}
/* °Ô½ÃÆÇ Å¸ÀÔ - ºñ¹Ð¹øȣã±â */
.bbs-table-pwd { margin-top:25px;}
.bbs-table-pwd table { width:260px; margin-left:auto; margin-right:auto;}
.bbs-table-pwd tbody th,
.bbs-table-pwd tbody td  { padding:6px 0;  border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; color:#9d9d9d; font-weight:normal; font-size:11px;}
/* °øÅëÀ¸·Î ¾²´Â°Å */
textarea { width:600px; height:47px; padding:2px; border:1px solid #EDEDED;}
.input-style { padding:2px; height: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;}

.comment-box { border-bottom:1px solid #e5e5e5;}
.bbs-table-view .comment-box td { padding-bottom:20px; border-top:1px solid #e5e5e5; vertical-align:top;}
.comment-box .com-name { margin-right:8px; padding:0 8px; background: url('/images/d3/modern_simple/common/bull_bbs_hd_link.gif') repeat-y 100% 0; font-weight:bold; color:#c5c5c5;}
.bbs-table-view td.com-wrt-box { border:0;}
.com-wrt-box label { padding-left:7px; color:#9d9d9d; background: url('/images/d3/modern_simple/common/bull_join_required.gif') no-repeat 0 50%;}
.com-wrt-box .input-style { margin:0 10px 0 7px; padding:2px; height:14px; line-height:14px; border:1px solid #EDEDED;}
.com-wrt-box .wrt { margin-top:7px;}
.view-link { padding:40px 0 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; }

/* °Ô½ÃÆÇ ÀÌÀü±Û´ÙÀ½±Ûº¸±â */
.list-link {margin:50px 0 0 0;border-top: 1px solid #222;overflow:hidden;}
.list-link li {height:48px;line-height:48px;font-size:13px;border-bottom:1px solid #e2e2e2;overflow:hidden;}
.list-link li:last-child{border-bottom:1px solid #ccc;}
.list-link li.view-link { text-align:center; }
.list-link span.arrow { padding: 0 35px; font-size: 13px; color: #555;background-color:#f9f9f9;float:left;}
.list-link span.arrow+a{display:block;line-height:48px;padding-left:15px;float:left;}
.list-link span.arrow .icon{font-size:10px;}

/* ¸Þ´ºÆ®¸® */
.loc-navi{text-align:right}
.loc-navi > dd{ font:normal 11px Malgun Gothic, '¸¼Àº °íµñ', dotum, 'µ¸¿ò'; letter-spacing:-1px; color:#828084}
.loc-navi > dd > a{ font:normal 11px Malgun Gothic, '¸¼Àº °íµñ', dotum, 'µ¸¿ò'; letter-spacing:-1px; vertical-align:top; color:#757475}


/*
========================================================================
°øÅë - ·¹¾Æ¿ô
========================================================================
*/
#layerWrap { z-index: 1; }
#wrap { width:100%; margin:0 auto; position:relative; overflow:hidden; }

/* main layout */
#mainContentWrap{ position: relative;}
#mainContentWrap:after { content: ""; display: block; clear: both; }
#mainContentWrapper{ position: relative;}
#mainContentWrapper #mainContent { position:relative;}

/* sub common layout */
#contentWrap{ position: relative; width:1200px; margin-left: auto; margin-right: auto; }
#contentWrap:after { content: ""; display: block; clear: both; }
#contentWrapper{ position: relative; padding-top: 70px;  }
#contentWrapper #content { position:relative; min-height:500px; }
#contentWrapper #content1 { width:1325px; min-height:500px; margin:0 auto; position:relative; }
#contentWrapper #content2 { width:950px; float:right; }

/* common lnb */
h2.tit-page {margin: 0 auto 35px auto; font-size: 32px; padding-left: 20px; font-weight: 500; font-family: Century Gothic, verdan, Malgun Gothic, '¸¼Àº °íµñ', dotum, 'µ¸¿ò'; }
#lnb_wrap {float:left;width: 170px; margin-left: 35px; font-family: Century Gothic, verdan, Malgun Gothic, '¸¼Àº °íµñ', dotum, 'µ¸¿ò'; }
#lnb_wrap div {padding-bottom: 16px;}
#lnb_wrap h2 {font-size: 26px;font-weight:bold;color:#333;padding: 0 0 20px 10px;border-bottom: 1px solid #d3d3d3; letter-spacing:-1px; }
#lnb_wrap h2 span { color:#101010; }
#lnb_wrap li {width: 200px;height: 34px;display: inline-block;line-height: 34px;}
#lnb_wrap li a {display:block;padding: 0 20px;color: #4c4340;font-size: 14px; line-height: 34px; font-weight:bold; font-family: Century Gothic, verdan, Malgun Gothic, '¸¼Àº °íµñ', dotum, 'µ¸¿ò';}
#lnb_wrap li a:hover { color:#fff; background-color:#ff005a}

#snbL { float:left; width:180px; margin:0 24px 0 0; }
#snbR {float:right; width:180px; }

/* ÆÄ¿ö¸®ºä*/
#powerReview .PR15N01-review-wrap > li .content { color:#000 !important }
#powerReview .PR15N01-review-wrap > li .content a { color:#000 !important}
#powerReview .PR15N01-review-wrap > li .reply-wrap .lst li dd p { color:#000 !important }

/*** 170526_mck ¼­ºê°øÅë ***/
/* ¼­ºêŸÀÌƲ */
#content .h2tit{margin-bottom:20px;font-size:24px;color:#000;text-align:center}
#content .h2tit span{padding:0 70px;background:#fff}
/* ¼­ºêÇÏÀ§Ä«Å× */
.add_cate{text-align:center}
.add_cate a{margin-right:12px;padding-left:15px;background:url(/images/d3/modern_simple/common/bull_h2_sqr_gray.gif) no-repeat 0 50%;font-size:14px}
.add_cate a:first-child{background:none}
.add_cate a.on,#content .add_cate a:hover{color:#ff0078}
/* ¼­ºê°³º°ÄÁÅÙÃ÷ */
.add_content{margin-top:50px;text-align:center}
/* °Ô½ÃÆÇ°¶·¯¸®¸®½ºÆ® */
.board_gallery,.board_gallery2,.board_gallery100{overflow:hidden;padding:30px 0;border:0}
.board_gallery > li{float:left;width:279px;height:365px;margin:0 28px 30px 0}
.board_gallery > li.mr0{margin-right:0}
.board_gallery > li > a,.board_gallery100 > li > a{display:block;text-align:center}
.board_gallery > li > a img,.board_gallery100 > li > a img{width:auto;max-width:100%}
.board_gallery > li > a strong,.board_gallery100 > li > a strong{display:block;margin:15px 0 8px;font-size:14px;color:#000;letter-spacing:-1px;text-align:center}
.board_gallery > li > p,.board_gallery100 > li > p{font-size:13px;text-align:center}

.board_gallery100 > li{margin-bottom:60px}


/* 180706 Á¶¾Æ¶ó Ãß°¡ : ¿ìÃø »ó´Ü µû¶ó´Ù´Ï´Â ¹è³Ê */
.movingBanner{display:none;position:fixed;right:100px;top:300px;z-index:101;}
.movingBanner .popup-close{position:absolute;bottom:25px;right:10px;width:22px;height:22px;padding:5px;text-indent:-99999999px;background:url('//toptopia.img17.kr/event/180706_movingBanner_close.png') no-repeat;}






/***************************** »óÇ°»ó¼¼,°Ô½Ã±Û Áö¿ìÁö¸¶½Ã¿À Áö¿ìÁö¸¶½Ã¿À Àý´ë !!!!!!! 200326 Ãß°¡ wh.kim ******************************************************/
.prd_detail_wrapper {width:900px;margin:0 auto;;text-align:center}
.prd_detail_wrapper img {max-width:100%;width:auto} 
.prd_detail_wrapper li {overflow:hidden;list-style:none}
.prd_detail_wrapper li a {display:block}
.prd_detail_wrapper .vod {padding:10% 0;background:#f1f1f1} 
.prd_detail_wrapper .vod .inner {position:relative;height:0;padding-bottom:56.21%}
.prd_detail_wrapper .vod .inner iframe {position:absolute;left:0;top:0;width:100%;height:100%} 
.prd_detail_wrapper .column_wrap {overflow:hidden}
.prd_detail_wrapper .column2 {float:left;width:50%}
.prd_detail_wrapper .column3 {float:left;width:33.3%}
.prd_detail_wrapper .column4 {float:left;width:25%}


@media ( max-width: 768px) {
.prd_detail_wrapper {width:100%}
}

/***************************************************************************************************************************************/


/****************************************** »óÇ°»ó¼¼ , ÀÎÇ÷ç¾ð¼­ °øÅë Áö¿ìÁö¸¶½Ã¿À !!!!!!!!!!!!!!!!!!!! !!! 200409 wh.kim  ******************************************/

.influencer {width:900px;margin:0 auto;padding-bottom:30px;background:url('//toptopia.img17.kr/img/images/influencer_background.jpg');}
.influencer .inf_wrap {overflow:hidden;width:90%;margin:0 auto 100px;background:#fff;}
.influencer .inf_con {width:86%;margin:0 auto}
.influencer .inf_con .title {width:100%;margin-top:15%;text-align:center;}
.influencer .inf_con .all {overflow:hidden;width:100%;margin:10% auto;padding-bottom:10%;border-bottom:1px dashed #d98557}
.influencer .inf_con .all:last-child {border-bottom:0}
.influencer .inf_con .all .left {float:left;margin-right:5%;}
.influencer .inf_con .all .right {float:right;text-align:right}
.influencer .inf_con .all .video {width:55%}
.influencer .inf_con .all .info {width:40%}
.influencer .inf_con .all .info img {width:100%}
.influencer .inf_con .ins {float:left;width:98%;border:1px solid #d1d1d1;}
.influencer .inf_con .ins > li {margin:3% 0;text-align:center}   
.influencer .inf_con .ins > li.vod .inner {position:relative;height:0;padding-bottom:100%}
.influencer .inf_con .ins > li.vod .inner iframe {position:absolute;left:0;top:0;width:100%;height:100%}

/* 200410 ÀÎÇ÷ç¾ð¼­ Ãß°¡ wh.kim */
.influencer .inf_wrap:first-child {margin-top:0}
.influencer .inf_sec2 {position:relative;width:100%;background:none}
.influencer .inf_sec2 .inf_roof {position:absolute}
.influencer .inf_sec2 .inf_con {width:90%;padding:160px 0 0;background:#fff}
.influencer .inf_sec2 .add_inf {overflow:hidden;width:86%;margin:0 auto;padding:10% 0}
.influencer .inf_sec2 .add_inf > li {float:left;width:24%;margin:0 0 20px 1%}
.influencer .inf_sec2 .add_inf > li img {width:100%}
.influencer .inf_sec2 .add_inf > li:nth-child(4n+1) {margin-left:0}


/* 200413 ÁÁ¾Æ¿ä Ãß°¡ wh.kim */
.influencer .inf_con .ins > li.top_list {position:relative}
.influencer .inf_con .ins > li .follower {position:absolute;top:0;right:4%;width:73px;height:30px;padding-left:15px;background:url('//toptopia.img17.kr/img/images/bg_follower.jpg') no-repeat 0 0;color:#fff;font-weight:600;line-height:30px}
.influencer .inf_con .ins > li.like {padding:0 6%;font-weight:800;font-size:14px;letter-spacing:-1px;text-align:left}

@media screen and (max-width:768px){
.influencer {width:100%;padding-bottom:5%}  
.influencer img {width:100%}
.influencer .inf_wrap {margin-bottom:15%}  
.influencer .inf_con .title {width:70%;margin:15% auto 0}
.influencer .inf_con .ins > li {padding:0 3%}
.influencer .inf_con .ins > li.vod {padding:0}

/* 200410 ÀÎÇ÷ç¾ð¼­ Ãß°¡ wh.kim */
.influencer .inf_sec2 .inf_con {padding:19% 0 0}
.influencer .inf_sec2 .add_inf > li {width:32.3%;margin-bottom:15px}


/* 200413 ÁÁ¾Æ¿ä Ãß°¡ wh.kim */  
.influencer .inf_con .ins > li.top_list {margin:0;padding:3% 3% 0}
.influencer .inf_con .ins > li .follower {top:10%;right:2%;width:24%;height:auto;background-size:contain;line-height:22px;font-size:10px;letter-spacing:-1px}
.influencer .inf_con .ins > li.like {padding:0 2%;font-size:11px}


}


@media screen and (max-width:320px){
.influencer .inf_con .ins > li .follower {width:27%;line-height:19px;font-size:9px}

}

/**********************************************************************************************************************************************************/


.influencer_new {width:900px;margin:0 auto;padding-bottom:30px;background-color: #fda3ad;}
.influencer_new .inf_wrap {overflow:hidden;width:90%;margin:0 auto 100px;background:#fff;}
.influencer_new .inf_con {width:86%;margin:0 auto;padding-top:30px;}
.influencer_new .inf_con .title {width:100%;margin-top:15%;text-align:center;}
.influencer_new .inf_con .all {overflow:hidden;width:100%;margin:10% auto;padding-bottom:10%;border-bottom:1px dashed #d98557}
.influencer_new .inf_con .all:last-child {border-bottom:0}
.influencer_new .inf_con .all .left {float:left;margin-right:5%;}
.influencer_new .inf_con .all .right {float:right;text-align:right}
.influencer_new .inf_con .all .video {width:55%}
.influencer_new .inf_con .all .info {width:40%}
.influencer_new .inf_con .all .info img {width:100%}
.influencer_new .inf_con .ins {float:left;width:98%;border:1px solid #d1d1d1;}
.influencer_new .inf_con .ins > li {margin:3% 0;text-align:center}   
.influencer_new .inf_con .ins > li.vod .inner {position:relative;height:0;padding-bottom:100%}
.influencer_new .inf_con .ins > li.vod .inner iframe {position:absolute;left:0;top:0;width:100%;height:100%}
.influencer_new .inf_wrap:first-child {margin-top:0}
.influencer_new .inf_con .ins > li.top_list {position:relative}
.influencer_new .inf_con .ins > li .follower {position:absolute;top:3px;right:7px;width:80px;height:25px;padding-left:9px;background:url('//toptopia.img17.kr/img/images/200513_bg_follower.jpg') no-repeat 0 0;color:#fff;font-weight:600;line-height:25px}


.influencer_new02 {position:relative;width:900px;margin:0 auto;padding-bottom:30px;background-color: #5cd9f9;}
.influencer_new02 .inf_wrap {overflow:hidden;width:90%;margin:0 auto 100px;background:#fff;}
.influencer_new02 .inf_con {margin:0 auto;}
.influencer_new02 .add_inf {
overflow: hidden;
width: 90%;
margin: 0 auto;
padding: 14% 0 10%;
}
.influencer_new02 .add_inf > li {float:left;width:24.25%;margin:0 0 20px 1%}
.influencer_new02 .add_inf > li img {width:100%}
.influencer_new02 .add_inf > li:nth-child(4n+1) {margin-left:0}
.influencer_new02 .heart {position: absolute;left: 14%;top: 27%;}

@media screen and (max-width:768px){
  .influencer_new,.influencer_new02 {width:100%;padding-bottom:5%}  
  .influencer_new img {width:100%}
  .influencer_new .inf_wrap {margin-bottom:15%}  
  .influencer_new .inf_con .title {width:70%;margin:15% auto 0}
  .influencer_new .inf_con .ins > li {padding:0 3%}
  .influencer_new .inf_con .ins > li.vod {padding:0}
  
  .influencer_new02 .inf_con {padding:19% 0 0}
  .influencer_new02 .add_inf > li {width:32.3%;margin-bottom:15px}

 
  .influencer_new .inf_con .ins > li.top_list {margin:0;padding:3% 3% 0}
.influencer_new .inf_con .ins > li .follower {
    top: 24%;
    right: 0%;
    width: 24%;
    height: auto;
    background-size: contain;
    line-height: 18px;
    font-size: 10px;
    letter-spacing: -1px;
}
.influencer_new02 .heart {
    position: absolute;
    left: 13%;
    top: 17%;
}
}
@media screen and (max-width:560px){
.influencer_new02 .heart {width:80px;top:18%;}
.influencer_new02 .add_inf{padding:0;}
}
@media screen and (max-width:420px){
.influencer_new02 .heart {width:70px;left:11%;top:18%}
}
@media screen and (max-width:360px){
.influencer_new02 .heart {top:16%}
}
@media screen and (max-width:320px){
  .influencer_new .inf_con .ins > li .follower {width:27%;line-height:16px;font-size:9px}
}

/* 200626 ÆÄ¿ö¸®ºä jenoh (Ãֽżø,ÆòÁ¡¼ø,Ãßõ¼ø »èÁ¦:À̺ÀÁÖ º»ºÎÀå ¾÷¹«Áö½Ã)*/
#productDetail #powerReview .PR15N01-hd .sort{display:none}
#productDetail #powerReview .PR15N01-hd .pr-photo-toggle-sort{right:0}


#reviewBoard .review-wrap .reply .no{display:none!important;}


/* 221018 µµ¿òµÇ¿ä/ÁÁ¾Æ¿ä ¾ÆÀÌÄÜ ¼û±è ó¸® :::: ÁÖ¸íÈñ*/
#powerReview .PR15N01-review-wrap > li .reply{display:none!important;}
#powerReviewType2 .review-area .scroll .review-cont .grade .btns{display:none!important;}
#reviewBoard .review-wrap .reply{display:none!important;}
#powerReview .PR15N01-info .like{display:none!important;}



/* ¼öÁ¤/»èÁ¦ ¹öÆ° ¼û±â±â 221027 ÁÖ¸íÈñ*/
#powerReview .PR15N01-review-wrap > li .content .ctr{display:none!important;}