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


/* tag reset */

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,img { margin:0; padding:0; }
html { width:100%; height:100%; }
body,code { font:0.75em 'Noto Sans KR','Nanum Gothic',Arial,Malgun Gothic,Dotum,AppleGothic,sans-serif; color:#000; background:#fff; }
body { min-width:1320px; }
body#popup { min-width:0; }
li { list-style:none; }
img,fieldset { border:none; vertical-align:top; }
table { width:100%; border:0; border-spacing:0; border-collapse:collapse; }
caption { display:none; }
th,td { border:0; vertical-align:top; }
button { overflow:visible; padding:0; margin:0; border:0; cursor:pointer; }
hr.layout { display:none; }
a { text-decoration:none; color:#000; }

a:active { text-decoration:none; }


.displaynone { display:none; }

.display-table { display:table; width:100%; height:100%; }
.display-table-cell { display:table-cell; width:100%; height:100%; vertical-align:middle; }

.dimmed { position:fixed; top:0; left:0; z-index:99; width:100%; height:100%; background:#fff; opacity:0.8; filter:alpha(opacity=80); }



/* fonts */

::selection {background:#262626; color:#FFF; text-shadow:none;}
::-moz-selection {background:#262626; color:#FFF; text-shadow:none;}
::-webkit-selection {background:#262626; color:#FFF; text-shadow:none;}

/*
 * Nanum Gothic (Korean) http://www.google.com/fonts/earlyaccess
 */
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.ttf) format('truetype');
}



/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v14/S6uyw4BMUTPHjxAwXjeu.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v14/S6uyw4BMUTPHjx4wXg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(https://fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh6UVSwaPGR_p.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(https://fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh6UVSwiPGQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}







/* global rest 
html, body {
    height: 100%;
}
html, body, pre,
h1, h2, h3, h4, h5, h6,
dl, dt, dd, ul, li, ol,
th, td, p, blockquote,
form, fieldset, legend,
menu, nav, section, hgroup, article, header, aside, footer,
input, select, textarea, button {
    margin: 0;
    padding: 0;
}
body,code { letter-spacing:1px;}
body,
h1, h2, h3, h4, h5, h6, table,.btnNormal, a.btnNoraml
input, select, textarea, a,
#content span  {
    font-size: 11px;   
    color: #222;
    font-family:  'Josefin Sans','Nanum Gothic',Dotum,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: #222;
    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,
.tb-center,
.tb-right { padding: 0 10px; }
.tb-btn { padding: 0; }
.tb-left { text-align: left; }
.tb-center { text-align: center; }
.tb-right { text-align: right; }
.tb-label-r5 label { margin-right: 5px; }
.tb-label-r10 label { margin-right: 10px; }
.tb-label-r10 label.last,
.tb-label-r5 label.last{ margin-right: 0; }
/* table-type-1 */
.table-type-1 { border-top: 1px solid #b7b7b7; border-bottom: 1px solid #b7b7b7; }
.table-type-1 th,
.table-type-1 td { padding: 8px 0 8px; background: url(/images/d3/modern_simple/common/dot_h1_w10.gif) repeat-x 0 bottom; }
.table-type-1 tr.nbg th,
.table-type-1 tr.nbg td { background-image: none; }
.table-type-1 tr.bg th,
.table-type-1 tr.bg td { background-color: #f8f8f8; }
.table-type-1 th { font-weight: normal; }
/* table-type-2 */
.table-type-2 { border-top: 1px solid #b7b7b7; border-bottom: 1px solid #b7b7b7; }
.table-type-2 th,
.table-type-2 td { padding: 8px 0 8px; background: url(/images/d3/modern_simple/common/dot_h1_w10.gif) repeat-x 0 bottom; }
.table-type-2 th { font-weight: normal; }
.table-type-2 tr.nbg th,
.table-type-2 tr.nbg td { background-image: none; }
/* »óÇ°¸®½ºÆ® (¸ÞÀÎ/°Ë»ö/»óÇ°¸®½ºÆ®) */
.prd-list { margin-top: 10px; }
.prd-list table td { border: 0; vertical-align: top; }
.prd-list table .tb-center { padding: 0 10px; }
.prd-list table .info { padding: 5px 0; }
.prd-list .thumb { width: 196px; height: 196px; margin-left: auto; margin-right: auto; font-size:0; line-height: 0; border: 2px solid #f2f4f3; }
.prd-list .thumb a,
.prd-list .thumb img { display: block; width: 100%; height: 100%; }
.prd-list .dsc { margin-top: 15px; font-weight: bold; }
.prd-list .price { margin-top: 5px; font-weight: bold; color: #333; }
/* Àå¹Ù±¸´Ï ¸®½ºÆ®, ÁÖ¹®»óÇ° ¸®½ºÆ® */
.table-cart { margin-top: 10px; margin-bottom :30px; border-bottom: 1px solid #b7b7b7; }
.table-cart thead th { padding: 7px 0 6px; background-color: #ededed; }
.table-cart tbody td,
.table-cart tfoot { background: url(/images/d3/modern_simple/common/dot_h1_w10.gif) repeat-x 0 0; }
.table-cart tbody td { padding: 3px 0 3px; }
.table-cart tbody td .thumb { width: 50px; height: 50px; margin-left: auto; margin-right: auto; font-siez: 0; line-height: 0; border: 2px solid #f6f6f6; }
.table-cart tbody td .thumb a,
.table-cart tbody td .thumb img { display:block; width:50px; height:50px; }
.table-cart tbody td .thumb a { font-size: 0; line-height: 0; }
.table-cart tbody td .d-block { padding-bottom: 3px; }
.table-cart tbody tr.nbg td { background-image: none; }
.table-cart tfoot td { padding: 10px 0; font-weight: bold; }
.table-cart tfoot strong { color: #be101a; }
/* ¼ö·® ÄÁÆ®·Ñ */
.table-cart .opt-spin { position: relative; width: 36px; height: 20px; margin-left: auto; margin-right: auto; padding-bottom: 3px; }
.table-cart .opt-spin .txt-spin,
.table-cart .opt-spin .btns { float: left; }
.table-cart .opt-spin .txt-spin { width: 22px; height: 18px; padding-right: 2px padding-top: 2px; border: 1px solid #acacac; font-size: 11px; text-align: right; }
.table-cart .opt-spin .btns { width: 12px; height: 20px; margin-top: 3px; }
.table-cart .opt-spin .btns img { overflow: hidden; float: left; text-indent: -999px; background: none; }
/* ÁÖ¹® - ÁÖ¹®Á¤º¸ Å×À̺í */
.table-order-info { margin-top: 10px; border-top: 1px solid #b7b7b7; border-bottom: 1px solid #b7b7b7; }
.table-order-info tbody th,
.table-order-info tbody td { padding: 8px 0 7px; background: url(/images/d3/modern_simple/common/dot_h1_w10.gif) repeat-x 0 0; }
.table-order-info tbody th { letter-spacing: -1px; background-color: #ededed; }
.table-order-info tbody th .d-block { font-weight: normal; letter-spacing: 0; }
.table-order-info tbody tr.nbg th,
.table-order-info tbody tr.nbg td { background-image: none; }
/* ¸¶ÀÌÆäÀÌÁö µðÀÚÀΠŸÀÔ2 Å×ÀÌºí ¸®½ºÆ®, ŸÀÌƲ */
.tit-tb-list { margin-top: 30px; font-size: 12px; color: #5f5f5f; padding-left: 10px; background: url(/images/d3/modern_simple/common/bull_h3_sqr_gray.gif) no-repeat 0 45%; }
.table-d2-list { border-top: 2px solid #cdcdcd; border-bottom: 1px solid #cdcdcd; }
.table-d2-list thead th { padding: 6px 0; background-color: #ededed; border-bottom: 2px solid #cdcdcd; }
.table-d2-list tbody td { padding: 6px 0 5px; border-bottom: 1px solid #e3e3e3; }
/* ¸¶ÀÌÆäÀÌÁö µðÀÚÀΠŸÀÔ2 Å×ÀÌºí ºä */
.table-d2-view { margin-top: 5px; border: 2px solid #cdcdcd; border-bottom: 1px solid #cdcdcd; }
.table-d2-view th, 
.table-d2-view td { padding: 6px 0 5px; border-bottom: 1px solid #cdcdcd; }
.table-d2-view th { font-weight: bold; border-right: 1px solid #e3e3e3; background-color: #ededed; }
/* paging */
.paging { padding-top: 20px; height: 17px; text-align: center; line-height: 0; vertical-align: top; }
.paging li { display: inline;}
.paging li a { overflow: hidden; width: auto; height: 15px; padding: 0 7px; color: #999; cursor: pointer; }
.paging li a:hover,
.paging li.now a { font-weight: bold; letter-spacing: -1px; }
.paging li.first a,
.paging li.prev a,
.paging li.next a,
.paging li.last a { padding: 0 3px; }
.paging li.prev { margin-right: 10px; }
.paging li.next { margin-left: 10px; }
/* ÇöÀçÀ§Ä¡ */
.loc-navi { text-align: right; }
.loc-navi,
.loc-navi a { color: #999; text-transform: capitalize; }
/* ÆäÀÌÁö ŸÀÌƲ */
/* ŸÀÔ 1*/
#content .tit-page { position: relative; margin-top: 20px; font-size: 0; line-height:0; padding-bottom: 12px; border-bottom: 1px solid #d0d0d0; }
#content .tit-page .dsc { position: absolute; right: 0px; top: 15px; font-size: 11px; color: #a5a5a5; letter-spacing: -1px; }
#content .tit-page .dsc em { color:#333; }
/* ŸÀÔ 2 */
#content .tit-page-2 { position: relative; margin-top: 15px; padding-bottom: 6px; border-bottom: 1px solid #d0d0d0; }
#content .tit-page-2 .dsc { letter-spacing: -1px; display: inline-block; padding-top: 2px; margin-left: 30px; color: #9b9b9b; }
/* »óÇ° total/Á¤·Ä */
.total-sort { zoom: 1; overflow: hidden; padding-bottom: 5px; border-bottom: 1px solid #e5e5e5; }
/* total */
.total-sort .total { float: left; width: auto; }
.total-sort .total dt,
.total-sort .total dd { display: inline; }
.total-sort .total dd { font-weight: bold; }
.total-sort .total dt { text-transform: capitalize; }
/* sort */
.total-sort .sort { float: right; width: auto; display: inline; margin-right: 20px; }
.total-sort .sort li,
.total-sort .sort li a { float: left; width: auto; }
.total-sort .sort li { display: inline; margin-left: 10px; }
/* °Ô½ÃÆÇ ÃѰԽñÛ,PAGE */
.total-page { zoom: 1; overflow: hidden; }
.total-page .total { float: left; width: auto; }
.total-page .page { float: right; width: auto;}
/* ȸ¿ø µî±Þ Ç¥½Ã */
/* ŸÀÔ 1 */
.mem-lvl { zoom: 1; overflow: hidden; padding: 15px 50px 15px 180px; background-color: #ededed; }
.mem-lvl .lvl-img,
.mem-lvl p { position: relative; float: left; }
.mem-lvl .lvl-img { left: -120px; margin-right: -120px; width: 120px; }
.mem-lvl p { width: 100%; padding-top: 10px; line-height: 16px; }
.mem-lvl p em { color: #be101a; font-weight: bold; }
.mem-lvl span.MS_group_reserve_msg,
.mem-lvl span.MS_group_dc_msg {
    color:#F26622;
}
/* ŸÀÔ 2 */
.mem-lvl-2 { zoom: 1; overflow: hidden; padding: 15px 50px 15px 150px; border: 5px solid #ededed; }
.mem-lvl-2 .lvl-img,
.mem-lvl-2 p { position: relative; float: left; }
.mem-lvl-2 .lvl-img { left: -130px; margin-right: -130px; width: 120px; border-right: 1px solid #ededed; }
.mem-lvl-2 p { width: 100%; padding-top: 10px; line-height: 16px; }
.mem-lvl-2 p em { color: #be101a; font-weight: bold; }
.mem-lvl-2 span.MS_group_reserve_msg,
.mem-lvl-2 span.MS_group_dc_msg {
    color:#F26622;
}

/* ¸¶ÀÌÆäÀÌÁö »ó´Ü ¸Þ½ÃÁö ¹Ú½º */
.t-box-msg {     padding: 20px 27px;
    border: 1px solid #ededed;
    margin-bottom: 52px;
    background: #f9f9f9;}
.t-box-msg strong { color: #222; }

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

/* °Ô½ÃÆÇ °øÅë - ÀϹÝ, °Ö·¯¸®, ÄÁÅÙÃ÷¸µÅ©, ÀÚ·á½Ç, ¹Ì´ÏȨÇÇ, ¹æ¸í·Ï, µ¿¿µ»ó */
/* »ó´Ü */
.bbs-hd { padding: 0px 0 20px; background: url(/images/d3/modern_simple/common/dot_bbs_hd.gif) repeat-x 0 bottom; }
.bbs-hd .link { text-align: center; font-size: 0; line-height: 0; }
.bbs-hd .link li { display: inline; }
.bbs-hd .link li a { padding: 0 8px; color: #9c9c9c; letter-spacing: -0.5px; background: url(/images/d3/modern_simple/common/bull_bbs_hd_link.gif) no-repeat left 50%; }
.bbs-hd .link li.last a { background-image: none; }
/* ŸÀÌƲ */
.bbs-tit { margin-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: 20px; margin-bottom : 10px; text-align: left }
.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; }
/* °Ô½ÃÆÇ ±Û¾²±â, ¸ñ·Ï À̵¿ ¸µÅ© */
.bbs-link { font-size: 0; line-height: 0; }
.bbs-link a { display: inline-block;  font-size: 11px; line-height: 14px  }
.bbs-link a.write {background:none; }
/* °Ô½ÃÆÇ ±Û¾²±â, ¸ñ·Ï À̵¿ ¸µÅ© */
.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: 5px; }
.bbs-table-list thead th,
.bbs-table-list tbody td  { padding: 6px 0;} 
.bbs-table-list thead th { color: #9d9d9d; font-weight:normal; 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: normal; 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: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;
    bottom: 1px;
    right: 0;;}
.cont-sub-des .hit span { margin-right:0;}

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

/* °Ô½ÃÆÇ È¸¿ø °Ô½Ã±Û °Ë»ö */
.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; }



/*====================================================================*/
/* »óÇ°°øÅë ***********************************************************/
/*====================================================================*/
.prd-wrap { }
.prd-wrap .prd-list { display:block; width:100%; font-size:0; line-height:0; margin:0 auto;letter-spacing:0;}
.prd-wrap .prd-list > li { display:inline-block; *display:inline; *zoom:1; vertical-align:top; padding-bottom:60px; position:relative;}

/* Áø¿­¹æ½Ä */
.prd-wrap ul.grid2 > li { width: 49%;margin-right: 2%;}
.prd-wrap ul.grid3 > li { width:31.66%; margin-right:2.5%;}
.prd-wrap ul.grid4 > li { width: 23.3%;margin-right: 2.2666%;}
.prd-wrap ul.grid5 > li { width:18.8%; margin-right:1.5%;}

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

/* »óÇ°À̹ÌÁö */
.prd-wrap .prd-list .prd-thumb { position:relative; margin:0 auto 20px; text-align:center;}
.prd-wrap .prd-list .prd-thumb a { display:block;}
.prd-wrap .prd-list .prd-thumb a img { max-width:100%; margin:0 auto;}

/* Ç°Àý½Ã ½æ³×ÀÏ */
.prd-wrap .prd-list .prd-thumb .soldWrap { position:absolute; top:0; left:0; width:100%; height:100%; display:block; cursor:pointer;}
.prd-wrap .prd-list .prd-thumb .soldWrap .soldTable { display:table; width:100%; height:100%;}
.prd-wrap .prd-list .prd-thumb .soldWrap .soldTable .soldText { display:table-cell; vertical-align:middle; height:100%;}
.prd-wrap .prd-list .prd-thumb .soldWrap .soldTable .soldText span {    display: inline-block;
    padding: 12px 31px;
    background: rgba(0,0,0,0.6);
    border-radius: 8px;
    font-size: 20px;
    color: #fff !important;
    font-weight: 800;
    letter-spacing: 0.5px;
    line-height: 1;}

/* ¾ÆÀÌÄÜ */
.prd-wrap .prd-list .prd-thumb .button { position: absolute;top: 20px;right: 0px;width: 46px;height: 100px;line-height: 0;font-size: 0;/* text-align: center; */z-index: 99;opacity: 0;-webkit-transition: 0.3s ease-in-out;-moz-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;;}
.prd-wrap .prd-list .prd-thumb .button a { display:block; vertical-align:middle; padding:6px; margin:4px 0px; z-index:1;}
.prd-wrap .prd-list .prd-thumb .button a.btn_new { }
.prd-wrap .prd-list .prd-thumb .button a.btn_popup { }
.prd-wrap .prd-list .prd-thumb .button a.btn_option { cursor:pointer;height:14px; background:url('/design/annadiva/swag/images/icon_more.png') no-repeat center;display:none;}
.prd-wrap .prd-list .prd-thumb .button a.btn_option img { opacity:0; width:15px; height:14px;}
.prd-wrap .prd-list .prd-thumb:hover .button { bottom:35px; opacity:1;}

/* »óÇ°Á¤º¸ */
.prd-wrap .prd-info { margin: 0 auto;font-size: 11px;line-height: 20px;text-align: left;padding: 0 2px;letter-spacing: 0.4px;position: relative;}
.prd-wrap .prd-info p { display:block; font-weight:400;}

/* »óÇ°¸í */
.prd-wrap .prd-info .prd-name { display: block;border-bottom: 1px solid #f1f1f1;padding-bottom: 6px;margin-bottom: 10px;}

/* ¼ÒºñÀÚ°¡°Ý(.discountÇÒÀÎÀü°¡°Ý) */
.prd-wrap .prd-info .prd-consumer { display:none;color:#b9b9b9; text-decoration:line-through;}
.prd-wrap .prd-info .prd-consumer.discount {display:block; }
/* »óÇ°°¡°Ý(.discountÇÒÀÎÈÄ°¡°Ý) */
.prd-wrap .prd-info .prd-price { color:#222}
.prd-wrap .prd-info .prd-price.discount { }

/* Ãß°¡»óÇ°¸í */
.prd-wrap .prd-info .prd-subname {    padding: 8px 0 15px;
    line-height: 18px;
    font-weight: normal;
    color: #589181;}
.prd-wrap .prd-info .prd-subname span { display: block;font-weight: normal;margin-bottom: 0px;line-height: 14px;margin-right:4px;color:#555;}
/* Ä÷¯Ä¨ */
.prd-wrap .prd-info .prd-color { font-size:0; line-height:0; letter-spacing:0;}
.prd-wrap .prd-info .prd-color span { display:inline-block; vertical-align:middle; width:8px; height:8px; border-radius:4px; margin:0 3px;}
.prd-wrap .prd-info .prd-color span.white { border:1px solid #d6d6d6; box-sizing:border-box;}

/* »óÇ°¾ÆÀÌÄÜ */
.prd-wrap .prd-info .prd-icon { margin-top:12px;}
.prd-wrap .prd-info .prd-icon img { display:inline-block; vertical-align:middle; margin:0 2px;}

/* ±â°£ÇÒÀÎ Àû¿ëµÈ °æ¿ì */
.prd-wrap .prd-info .prd-term { margin-top:10px; border-top:1px solid #efefef; padding-top:10px;}

/* »óÇ° ÆäÀÌ¡ */
.prd-wrap .item-page { margin:60px 0; text-align:center; font-size:0; line-height:0;}
.prd-wrap .item-page a { display:inline-block; width:28px; height:28px; font-size:10px; color:#c7c7c7; line-height:28px; font-family:serif; -webkit-transition:0.15s ease-in-out; -moz-transition:0.15s ease-in-out; -o-transition:0.15s ease-in-out; transition:0.15s ease-in-out;}
.prd-wrap .item-page a:hover { color:#adadad;}
.prd-wrap .item-page a.num { font-family:'Ubuntu','Noto Sans KR',sans-serif;}
.prd-wrap .item-page a.now { background:#f7f7f7; color:#686971; font-weight:bold;}




/*====================================================================*/
/* °Ô½ÃÆÇ°øÅë *********************************************************/
/*====================================================================*/

#bbsData {width:80%;margin:0 auto;}

#bbsData .cont-sub-des div {padding:5px 0;}


.one-table table { position:relative; margin:0 auto;; color:#fff; line-height:1.5;}
.one-table.gLayoutFixed table { table-layout:fixed; }
.one-table.gLayoutFixed .gLayoutAuto table { table-layout:auto; }
.one-table thead th { padding:7px 0 ; color:#353535; vertical-align:middle; font-weight:normal;font-size: 10px;border-bottom: 1px solid #ddd;}
.one-table tbody th { padding:7px 0 7px 0px;color:#353535; text-align:left; font-weight:normal;}
.one-table th { word-break:break-all; word-wrap:break-word; }
.one-table th:first-child { border-left:0; }
.one-table td { padding:7px 10px 7px; color:#353535; vertical-align:middle; word-break:break-all; word-wrap:break-word; }
.one-table td.clear { padding:0 !important; border:0 !important; }

/* horizontal */
/* typeWrite */
.one-table.typeWrite table {border-top:1px solid #ddd;}
.one-table.typeWrite th {padding:8px 10px;;background:#f9f9f9;border-bottom:1px solid #ddd;padding-left:10px;}
.one-table.typeWrite td { padding:8px 10px;;border-bottom:1px solid #ddd; }
.one-table.typeWrite img { max-width:100% !important; height:auto !important; }

/* vertical */
  /* typeList */
    .one-table.typeList table { border-top:1px solid #d7d5d5; }
    .one-table.typeList table:before { display:none; }
    .one-table.typeList td {     padding: 12px 10px 11px; }
    .one-table.typeList tfoot td { padding:15px 10px 17px; background:#fbfafa; }
    .one-table .message {padding:200px 0; text-align:center;; font-weight:400;font-size: 12px;}
    .one-table table + .message { margin:-1px 0 0; }
    .one-table table td.message { padding:50px 0; }
    .one-table .scroll .message { border:0; }
  /* scroll */
    .one-table.typeList .head td { padding:11px 0 10px; border-left:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; color:#353535; vertical-align:middle; text-align:center; background:#fbfafa; }
    .one-table.typeList .head td:first-child { border-left:0; }
    .one-table.typeList .scroll { position:relative; overflow-x:hidden; overflow-y:scroll; max-height:185px; min-height:100px; border:1px solid #d7d5d5; border-top-width:0; margin-top:-1px; }
    .one-table.typeList .scroll table { border:0; margin:0; }
    .one-table.typeList .scroll table:before { display:none; }
    .one-table.typeList .scroll .message { border: 0; }
  /* thead - blind */
    .one-table thead.blind,
    .one-table thead.blind th { display:none; }
    .one-table thead.blind + tbody tr:first-child th,
    .one-table thead.blind + tbody tr:first-child td { border-top-width:0; }
  /* Line */
    .one-table.typeList.gLine table { border-width:0; border-bottom-width:1px; }

/* common */
  /* border, background style none */
    .one-table.typeClear table:before { display:none; }
    .one-table.typeClear table,
    .one-table.typeClear th,
    .one-table.typeClear td { border:0 none; background:none; }
    .one-table.typeClear th { font-weight:bold; }
  /* border */
    .one-table.gBorder td { border-left:1px solid #dfdfdf; }
    .one-table.gBorder td:first-child { border-left:0; }
    .one-table.gBorder td.gClearLine { border-left:0; }
    .one-table.typeList.gBorder tbody td { border-color:#eee;border:0; }
  /* align */
    .one-table .left { text-align:left; }
    .one-table .center { text-align:center; }
    .one-table .right { text-align:right; }
    .one-table.typeList .center td,
    .one-table.typeList td.center { padding-left:0; padding-right:0; }
    .one-table.typeList .center td.left { padding-left:10px; }
    .one-table.typeList .center td.right { padding-right:10px; }
    .one-table .top th, .one-table th.top,
    .one-table .top td, .one-table td.top { vertical-align:top; }
    .one-table .middle th, .one-table th.middle,
    .one-table .middle td, .one-table td.middle { vertical-align:middle; }
  /* form */
    .one-table img { vertical-align:middle; }

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




/*====================================================================*/
/* one_desc *********************************************************/
/*====================================================================*/


.one_desc { overflow:hidden; text-align:left; }
.one_desc:after { content:""; display:block; clear:both; }
.one_desc dt, .one_desc .term { float:left; width:100px; margin:0 0 2px; padding:0 4px 0 0; line-height:22px;-webkit-box-sizing:border-box; -moz-webkit-box:border-box; box-sizing:border-box; font-weight:normal; }
.one_desc dd, .one_desc .desc { display:block; margin:0 0 2px; padding:0 5px 0 100px; min-height:22px; line-height:22px; word-wrap:break-word; word-break:break-all; }
.one_desc dd:after, .one_desc .desc:after { content:""; display:block; clear:left; }

/* size */
.one_desc.gSmall dt, .one_desc.gSmall .term { width:30%; }
.one_desc.gSmall dd, .one_desc.gSmall .desc { padding-left:30%; }
.one_desc.gMedium dt, .one_desc.gMedium .term { width:40%; }
.one_desc.gMedium dd, .one_desc.gMedium .desc { padding-left:40%; }
.one_desc.gLarge dt, .one_desc.gLarge .term { width:50%; }
.one_desc.gLarge dd, .one_desc.gLarge .desc { padding:0 0 0 50%; }

/* align */
.one_desc.centerDT dt, .one_desc.centerDD dd, .one_desc.centerDT .term, .one_desc.centerDD .desc,
.one_desc.center, .one_desc .center { text-align:center; }
.one_desc.rightDT dt, .one_desc.rightDD dd, .one_desc.rightDT .term, .one_desc.rightDD .desc,
.one_desc.right, .one_desc .right { text-align:right; }
.one_desc.rightDD dd, .one_desc.rightDD .desc { padding-right:0; }

/* typeBullet */
.one_desc.typeBullet dt,
.one_desc.typeBullet .term { padding:0 4px 0 10px; background:url("//img.echosting.cafe24.com/skin/base/common/ico_arrow.png") no-repeat 0 7px; }

/* typeDot */
.one_desc.typeDot dt,
.one_desc.typeDot .term { position:relative; padding:0 4px 0 10px; }
.one_desc.typeDot dt:before,
.one_desc.typeDot .term:before { position:absolute; top:50%; left:0; content:""; display:block; width:2px; height:2px; margin:-2px 0 0 0; background:#383838; }




/*====================================================================*/
/* one_tab *********************************************************/
/*====================================================================*/


.one-tab { position:relative; }
.one-tab .menu {margin: 0 0 40px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.one-tab .menu:after { content:""; display:block; clear:both; }
.one-tab .menu li { display: inline-block; }
.one-tab .menu li a {       display: block;padding: 17px 0;color: #b5b5b5;text-decoration: none;outline: 0;text-align: center;border: 1px solid #eee;letter-spacing: 0;}
.one-tab .menu li:first-child a { margin-left:0; }
.one-tab .menu li.selected a {position: relative;border: 1px solid #202020;border-bottom: 0;color: #fff;font-weight: bold;background: #2f2f2f;font-weight: 500;}
.one-tab .menu li.selected:first-child a { }
.one-tab > .right { position:absolute; top:8px; right:10px; line-height:24px; color:#909090; }
/* typeLight */
.one-tab.typeLight .menu li.selected a { margin:0 0 -2px; border-bottom:1px solid #fff; color:#404040; background:#fff; }
/* grid (2~7) */
.one-tab[class*="grid"] .menu { display:table; width:100%; }
.one-tab[class*="grid"] .menu li {display:table-cell;vertical-align:middle;text-align: center; background:#fff;}
.one-tab[class*="grid"] .menu li a { display: block;border:1px solid #eee;margin:-1px;border-bottom:1px solid #222;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.one-tab[class*="grid"] .menu li.selected { position:relative; }
.one-tab[class*="grid"] .menu li.selected a {color:#111;border:1px solid #222;border-bottom: 2px solid #fff;position: relative;background:#fff;padding-bottom: 20px;	}
.one-tab[class*="grid"] .menu li.selected a:after {    content: "";position: absolute;left: -1px;bottom: -2px;height: 2px;width: calc(100% + 2px);background: white;}





#blk_scroll_wings,
#preview_wrap {display:none !Important;}






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


                                                                                ¼öÈ¥½ºÆ©µð¿À vol.107 RINNE


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



/* ************************************************************************************ ec-base-ui ************************************************************************************ */

/* Font */
.txtInfo { color:#707070; }
.txtWarn { color:#f76560; }
.txtEm { color:#000; }
.txtDel, .strike, .discount { text-decoration:line-through; font-weight:normal; }
.strike strong, .discount strong { font-weight:normal; }
.txtNormal { font-weight:normal; font-style:normal; }
.txtNum { display:inline-block; font-size:11px; color:#939393; word-break:normal; }
.txt11 { font-size:11px; }
.txt12 { font-size:12px; }
.txt14 { font-size:14px; }
.txt16 { font-size:16px; }
.txt18 { font-size:18px; letter-spacing:-1px; }
.txtIcon { font-size:12px; font-style:normal; }
.txtBreak { word-break:break-all; word-wrap:break-word; }
  /* JP, TW, CN */
  html:lang(ja) .txt11,
  html:lang(zh) .txt11,
  html:lang(zh-tw) .txt11 { font-size:12px; }

/* grid */
.gBlank5 { display:block; margin-top:5px; }
.gBlank10 { display:block; margin-top:10px; }
.gBlank20 { display:block; margin-top:20px; }
.gBlank30 { display:block; margin-top:30px; }
.gIndent10 { margin-left:10px; }
.gIndent20 { margin-left:20px; }
.gSpace10 { margin-right:10px; }
.gSpace20 { margin-right:20px; }
.gMerge { position:relative; z-index:1; margin-top:-1px; }

/* ec-base-qty */
.ec-base-qty { position:relative; display:inline-block; width:50px; margin:0 1px 0 0; text-align:left; }
.ec-base-qty input[type="text"] { width:22px; height:23px; padding:0 0 0 5px; line-height:25px; border:1px solid #d4d8d9; border-radius:3px 0 0 3px; }
.ec-base-qty .up { position:absolute; left:27px; top:0; }
.ec-base-qty .down { position:absolute; left:27px; bottom:0; }

/* ec-base-chk */
.ec-base-chk { display:inline-block; position:relative; margin:0 8px 0 0; width:22px; height:22px; vertical-align:top; cursor:pointer; }
.ec-base-chk input { z-index:1; position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; cursor:pointer; }
.ec-base-chk .checkbox { position:absolute; top:0; left:0; width:100%; height:100%; background:url("//img.echosting.cafe24.com/skin/base/common/bg_join_check.png") no-repeat 0 0; }
.ec-base-chk input:checked + .checkbox { background-position:-34px 0; }

/* Form */
input,select,textarea { font-size:100%; font-family:'Lato','Nanum Gothic',Arial,Malgun Gothic,Dotum,AppleGothic,sans-serif; color:#000; vertical-align:middle; }
input[type=radio],
input[type=checkbox] { width:13px; height:13px; border:0; }
input[type=text],
input[type=password] { height:18px; line-height:20px; padding:2px 4px; border:1px solid #d5d5d5; color:#000; font-size:12px; }
input[type=radio] + label, input[type=checkbox] + label { margin:0 4px 0 2px; }
select { height:24px; border:1px solid #d5d5d5; }
textarea { padding:5px 6px; border:1px solid #d5d5d5; line-height:1.5; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color:#c1c1c1; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color:#c1c1c1; }
input::-moz-placeholder, textarea::-moz-placeholder { color:#c1c1c1; opacity:1; }
legend { visibility:hidden; position:absolute; left:-9999px; top:-9999px; width:0; height:0; line-height:0; }

table tr.radioType input,
span.noBorder input { border:none !important; width:auto !important; height:auto !important; margin:0 3px 0 0 !important; vertical-align:middle !important; background:none !important; }

.gLabel { display:inline-block; }
.gLabel label { margin-right:20px; line-height:22px; }
.fWidthFull input[type=text] { width:100%; height:24px; -webkit-box-sizing:border-box; -moz-webkit-box:border-box; box-sizing:border-box; }
.fWidthFull textarea { width:100%; -webkit-box-sizing:border-box; -moz-webkit-box:border-box; box-sizing:border-box; }
.fList.typeHor .gLabel { margin-right:20px; }
.fList.typeVer .gLabel { display:block; }




/* ************************************************************************************ ec-base-button ************************************************************************************ */




/* button */
  [class^='btnNormal'], a[class^='btnNormal'] { display:inline-block; box-sizing:border-box; padding:2px 8px; border:1px solid #d1d1d1; border-radius:0px; font-size:11px; line-height:18px; font-weight:normal; text-decoration:none; vertical-align:middle; word-spacing:/*-0.5px*/; letter-spacing:0.02em; text-align:center; white-space:nowrap; color:#222; background-color:#fff; text-transform:uppercase; transition:0.2s; }
  [class^='btnSubmit'], a[class^='btnSubmit'] { display:inline-block; box-sizing:border-box; padding:2px 8px; border:1px solid transparent; border-radius:0px; font-size:11px; line-height:18px; font-weight:normal; text-decoration:none; vertical-align:middle; word-spacing:/*-0.5px*/; letter-spacing:0.02em; text-align:center; white-space:nowrap; color:#fff; background-color:#000; text-transform:uppercase; transition:0.2s; }
  [class^='btnEm'], a[class^='btnEm'] { display:inline-block; box-sizing:border-box; padding:2px 8px; border:1px solid transparent; border-radius:0px; font-size:11px; line-height:18px; font-weight:normal; text-decoration:none; vertical-align:middle; word-spacing:/*-0.5px*/; letter-spacing:0.02em; text-align:center; white-space:nowrap; color:#000; background-color:#ddd; text-transform:uppercase; transition:0.2s; }
  [class^='btnBasic'], a[class^='btnBasic'] { display:inline-block; box-sizing:border-box; padding:2px 8px; border:1px solid #d1d1d1; border-radius:0px; font-size:11px; line-height:18px; font-weight:normal; text-decoration:none; vertical-align:middle; word-spacing:/*-0.5px*/; letter-spacing:0.02em; text-align:center; white-space:nowrap; color:#222; background-color:#fff; text-transform:uppercase; transition:0.2s; }
  [class^='btnStrong'], a[class^='btnStrong'] { display:inline-block; box-sizing:border-box; padding:2px 8px; border:1px solid #000; border-radius:0px; font-size:11px; line-height:18px; font-weight:normal; text-decoration:none; vertical-align:middle; word-spacing:/*-0.5px*/; letter-spacing:0.02em; text-align:center; white-space:nowrap; color:#000; background-color:#fff; text-transform:uppercase; transition:0.2s; }
    [class^='btnNormal']:not(.disabled):hover { border-color:#888; background-color:#888; color:#fff; }
    [class^='btnSubmit']:not(.disabled):hover { background-color:/*#595959*/; }
    [class^='btnEm']:not(.disabled):hover { background-color:#333; color:#fff; }
    [class^='btnBasic']:not(.disabled):hover { /*border-color:#888; background-color:#888; color:#fff;*/ }
    [class^='btnStrong']:not(.disabled):hover { background-color:#333; color:#fff; }
    [class^='btnNormal'].disabled { border-color:#e3e3e3; color:#999; }
    [class^='btnSubmit'].disabled { background-color:#9297a2; color:#f0f0f0; }
    [class^='btnEm'].disabled { background-color:#b5b6b9; color:#f0f0f0; }
    [class^='btnBasic'].disabled { color:#999; }
  /* size */
    [class^='btn'].sizeS { padding:5px 5px; }
    [class^='btn'].sizeM { padding:7px 20px; }
    [class^='btn'].sizeL { padding:16px 16px; min-width:190px; font-size:12px; letter-spacing:0.1em; }
  /* width Fix */
    [class^='btn'][class*='Fix'] { width:72px; word-break:keep-all; word-wrap:break-word; }
    [class^='btn'][class*='Fix'].sizeS { width:96px; }
    [class^='btn'][class*='Fix'].sizeM { width:130px; padding-left:10px; padding-right:10px; }
    [class^='btn'][class*='Fix'].sizeL { width:190px; padding-left:16px; padding-right:16px; font-size:12px; letter-spacing:0.1em; }

/* icon button */
  a.btnLink { color:#222; }
  a.btnLink:hover { text-decoration:none; -webkit-box-shadow:0 1px 0 0 #222; -moz-box-shadow:0 1px 0 0 #222; box-shadow:0 1px 0 0 #222; }
  a.btnLink:after { content:""; display:inline-block; margin:-2px -2px 0 3px; vertical-align:middle; border:0 0 0 10px; border-style:solid;  border-color:transparent transparent transparent #777; }
  [class^='btn'] i { display:none \0/IE8; }
  [class^='btn'] i.icoArrow { display:inline-block; width:3px; height:3px; margin:-2px 1px 0 1px; border:2px solid #777; border-width:0 2px 2px 0; vertical-align:middle;
    transform:rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg);
  }
    [class^='btnSubmit'] i.icoArrow,
    [class^='btnEm'] i.icoArrow { border-color:#f0f0f0; }
  [class^='btn'] i.icoDelete { position:relative; overflow:hidden; display:inline-block; width:10px; height:10px; margin:-2px 2px 0 0; vertical-align:middle; -webkit-transform:rotate(45deg); transform:rotate(45deg); }
  [class^='btn'] i.icoDelete:before { content:""; position:absolute; top:0; right:4px; width:2px; height:10px; background:#777; }
  [class^='btn'] i.icoDelete:after { content:""; position:absolute; top:4px; right:0; width:10px; height:2px; background:#777; }
    [class^='btnSubmit'] i.icoDelete:before, [class^='btnSubmit'] i.icoDelete:after,
    [class^='btnEm'] i.icoDelete:before, [class^='btnEm'] i.icoDelete:after { background:#f0f0f0; }
  [class^='btn'] i.icoAdd, [class^='btn'] i.icoRemove { position:relative; overflow:hidden; display:inline-block; width:8px; height:8px; margin:-2px 2px 0 0; vertical-align:middle; }
  [class^='btn'] i.icoAdd:before, [class^='btn'] i.icoAdd:after, [class^='btn'] i.icoRemove:before { content:""; position:absolute; top:50%; left:50%; width:8px; height:8px; border-radius:0px; background:#777; }
  [class^='btn'] i.icoAdd:before, [class^='btn'] i.icoRemove:before { height:2px; margin:-1px 0 0 -4px; }
  [class^='btn'] i.icoAdd:after { width:2px; margin:-4px 0 0 -1px; }
  [class^='btn'] img { margin:-2px 1px 0; vertical-align:middle; }

  /* unique */
    .btnLogin, a.btnLogin { display:inline-block; box-sizing:border-box; width:100px; height:70px; line-height:70px; border-radius:0px; text-align:center; font-size:11px; font-weight:; text-decoration:none; color:#000; background-color:#fff; border:1px solid #333; transition:0.2s; }
    .btnLogin:hover { background-color:#333; color:#fff; }
    .btnAgree, a.btnAgree { display:inline-block; box-sizing:border-box; width:80px; height:70px; line-height:70px; border:1px solid #d1d1d1; border-radius:0px; text-align:center; font-size:12px; font-weight:bold; color:#222; text-decoration:none; background-color:#fff; }
    .btnAgree:hover { background-color:#f3f3f3; }
    .btnToggle { display:inline-block; font-size:0; line-height:0; }
    .btnToggle button { display:inline-block; box-sizing:border-box; border:1px solid #d1d1d1; margin:0 -1px 0 0; padding:0 7px; height:24px; line-height:24px; text-align:center; font-size:12px; outline:0; text-decoration:none; color:#222; background:#fff; }
    .btnToggle button:first-child { border-radius:2px 0 0 2px; }
    .btnToggle button:last-child { border-radius:0 2px 2px 0; }
    .btnToggle button.selected { position:relative; border:1px solid #8a8a8a; color:#fff; background:#8a8a8a; }

/* ec-base-button */
.ec-base-button { padding:10px 0; text-align:center; }
.ec-base-button.justify { position:relative; }
.ec-base-button:after { display:block; content:""; clear:both; }
.ec-base-button .gLeft { float:left; text-align:left; }
.ec-base-button .gRight { float:right; text-align:right; }
.ec-base-button.justify .gLeft { position:absolute; left:0; }
.ec-base-button.justify .gRight { position:absolute; right:0; }
.ec-base-button .text { margin:0 6px 0 10px; color:#353535; line-height:24px; }
  /* type
    .ec-base-button.typeBorder { margin-top:-1px; padding:10px 20px; border:0px solid #d7d5d5; }
    .ec-base-button.typeBG { padding:10px 20px; border:0px solid #d7d5d5; background:#fff; } */
  /* gColumn */
    .ec-base-button[class*="gColumn"] { margin:0 auto; display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:flex; -webkit-justify-content:center; -moz-justify-content:center; -ms-justify-content:center; justify-content:center; }
    .ec-base-button[class*="gColumn"]:after { display:none; }
    .ec-base-button[class*="gColumn"] [class^='btn'] { margin:0 2px; padding-left:8px; padding-right:8px; word-break:keep-all; word-wrap:break-word; white-space:normal; -webkit-flex:1; -moz-flex:1; -ms-flex:1; flex:1; display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:flex; -webkit-align-items:center; -moz-align-items:center; -ms-align-items:center; align-items:center; -webkit-justify-content:center; -moz-justify-content:center; -ms-justify-content:center; justify-content:center; }
    .ec-base-button[class*="gColumn"] [class^='btn'][class*='Fix'] { -webkit-flex:none; -moz-flex:none; -ms-flex:none; flex:none; }
    /* gFlex */
      .ec-base-button[class*="gColumn"] .gFlex2 { -webkit-flex:2; -moz-flex:2; -ms-flex:2; flex:2; }
      .ec-base-button[class*="gColumn"] .gFlex3 { -webkit-flex:3; -moz-flex:3; -ms-flex:3; flex:3; }
      .ec-base-button[class*="gColumn"] .gFlex4 { -webkit-flex:4; -moz-flex:4; -ms-flex:4; flex:4; }




/* txtBtn */
.txtBtn a { display:inline-block; padding:0 20px; min-width:110px; height:29px; line-height:29px; font-size:11px; letter-spacing:0.02em; text-align:center; color:#000; 
		text-transform:uppercase; border:1px solid #d2d2d2; text-decoration:none; background:#fff; }
.txtBtn.btnKor a,
.txtBtn .btnKor,
.txtBtn a.mini.btnKor,
.txtBtn.btnKor a.mini { font-size:11px; }
.txtBtn a.mini { font-size:11px; }
.txtBtn a.big { min-width:180px; padding:0 10px; height:33px; line-height:32px; font-size:12px; }
.txtBtn a.small { min-width:96px; padding:0 5px; height:27px; line-height:27px; font-size:11px; }
.txtBtn a.mini { min-width:50px; padding:0 5px; height:21px; line-height:21px; font-size:11px; letter-spacing:0; }
.txtBtn a.gray { background:#bababa; border-color:#bababa; color:#fff; }
.txtBtn a.black { background:#000; border-color:#000; color:#fff; }





/* ************************************************************************************ ec-base-paginate ************************************************************************************ */



/* °øÅë css */
.ec-base-paginate { clear:both; margin:40px 0; text-align:center; font-size:0; line-height:0; color:#000; }
.ec-base-paginate a { display:inline-block; padding:9px 5px; margin:0 3px; font-size:11px; color:#686868; line-height:14px; text-decoration:none; }
.ec-base-paginate a:hover { text-decoration:none; color:#000; }
.ec-base-paginate .prev,
.ec-base-paginate .next,
.ec-base-paginate .first,
.ec-base-paginate .last { padding:8px 4px; font-weight:bold; color:#959595; font-size:11px; }
.ec-base-paginate ol { display:inline-block; margin:0 20px; font-size:0; line-height:0; vertical-align:top; *display:inline; *zoom:1; *margin:0; }
.ec-base-paginate li { display:inline-block; margin:0 3px; font-size:12px; color:#686868; vertical-align:top; *display:inline; *zoom:1; }
.ec-base-paginate li:first-child { margin-left:0; }
.ec-base-paginate img { vertical-align:top; }
.ec-base-paginate li a { display:inline-block; padding:8px 6px; font-size:12px; color:#686868; line-height:14px; }
.ec-base-paginate li a:hover { text-decoration:none; color:#000; }
.ec-base-paginate a.this { font-weight:bold; padding-bottom:7px; border-bottom:1px solid #000; color:#000; }
.ec-base-paginate a.nolink { cursor:default; color:#000; }

/* typeSub */
.ec-base-paginate.typeSub ol { margin:0 15px; vertical-align:middle; color:#000; }
.ec-base-paginate.typeSub li { font-size:11px; border:0; }
.ec-base-paginate.typeSub img { vertical-align:middle; }
.ec-base-paginate.typeSub li a { padding:0 6px 9px; }
.ec-base-paginate.typeSub li a.this { color:#000; padding-bottom:8px; }
.ec-base-paginate.typeSub .first { margin-right:3px; }
.ec-base-paginate.typeSub .last { margin-left:3px; }




/* ************************************************************************************ ec-base-help ************************************************************************************ */



/* »¡°£´À³¦Ç¥ */
span.ec-base-help,
p.ec-base-help,
ul.ec-base-help li { margin:2px 9px; padding:4px 0 3px 20px; line-height:1.4; background:url('/design/annadiva/swag/images/ico_info.gif') no-repeat 0 6px; }

/* ºí·Ï °øÅë */
div.ec-base-help { margin:60px 0 0; border:0; line-height:18px; font-size:11px; }
div.ec-base-help > h2,
div.ec-base-help > h3 { padding:12px 0 0; color:#000; font-size:12px; }
div.ec-base-help .inner { padding:12px 0 12px; }
div.ec-base-help h4 { margin:12px 0 0px; color:#000; font-size:11px; font-weight:normal; }
div.ec-base-help h4:first-child { margin-top:; }
div.ec-base-help p { margin:5px 0 25px 0px; color:#757575; }
div.ec-base-help ul,
div.ec-base-help ol { margin:5px 0 25px 0px; }
div.ec-base-help li { color:#757575; }

/* ¼ýÀÚÇü 
div.ec-base-help ol li { padding:0 0 0 25px; background:url('/design/annadiva/swag/images/ico_number.png') no-repeat; }
div.ec-base-help ol .item1 { background-position:-484px 0; }
div.ec-base-help ol .item2 { background-position:-434px -100px; }
div.ec-base-help ol .item3 { background-position:-384px -200px; }
div.ec-base-help ol .item4 { background-position:-334px -300px; }
div.ec-base-help ol .item5 { background-position:-284px -400px; }
div.ec-base-help ol .item6 { background-position:-234px -500px; }
div.ec-base-help ol .item7 { background-position:-184px -600px; }
div.ec-base-help ol .item8 { background-position:-134px -700px; }
div.ec-base-help ol .item9 { background-position:-84px -800px; }
div.ec-base-help ol .item10 { background-position:-34px -900px; }
*/
/* ´ë½¬Çü */
div.ec-base-help ul li { padding:0 0 0 11px; background:url('/design/annadiva/swag/images/ico_dash.gif') no-repeat 0 7px; }




/* ************************************************************************************ ec-base-tooltip ************************************************************************************ */



/* °øÅë css */
.ec-base-tooltip { display:none; z-index:2; position:absolute; top:24px; padding:15px; border:1px solid #565960; background:#fff;
    -webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.15);
    box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.15);
}
.ec-base-tooltip h3 { margin:0 0 8px; padding:0 10px; font-size:12px; border-bottom:0; background:url("//img.echosting.cafe24.com/skin/base/common/ico_layer_title.gif") no-repeat 0 50%; }
.ec-base-tooltip h3 + p { margin:0 5px 10px; }
.ec-base-tooltip h4 { margin:15px 10px 8px 5px; font-size:12px; }
.ec-base-tooltip h4:before { display:inline-block; content:""; margin:0 5px 0 0; width:3px; height:3px; background:#666; vertical-align:middle; }
.ec-base-tooltip .btnClose { position:absolute; right:14px; top:14px; }
.ec-base-tooltip .edge { z-index:20; position:absolute; left:50%; top:-6px; display:block; margin:0 0 0 -5px; width:10px; height:6px; }
.ec-base-tooltip .edge:before,
.ec-base-tooltip .edge:after { display:inline-block; content:""; position:absolute; top:0; width:0; height:0; border:solid transparent; }
.ec-base-tooltip .edge:before { margin:1px 0 0; border-bottom-color:#565960; border-width:0 5px 5px 5px; }
.ec-base-tooltip .edge:after { left:1px; margin:2px 0 0; border-bottom-color:#fff; border-width:0 4px 4px 4px; }
.ec-base-tooltip table th,
.ec-base-tooltip table td { padding:8px 10px 7px 10px; border:1px solid #e8e8e8; line-height:1.5em; }
.ec-base-tooltip table th { padding-right:0; background:#fbf9fa; }
.ec-base-tooltip table thead th { text-align:center; }
.ec-base-tooltip table tbody th { text-align:left; }
.ec-base-tooltip table .left { text-align:left; }
.ec-base-tooltip table .center { text-align:center; }
.ec-base-tooltip table .right { text-align:right; }
.ec-base-tooltip table .info { padding:0; color:#757575; }
.ec-base-tooltip table p.info:before,
.ec-base-tooltip table ul.info li:before { display:inline-block; content:""; margin:0 3px 0 0; width:4px; height:1px; background:#757575; vertical-align:middle; }
.ec-base-tooltip .info { padding:10px 10px 0; margin:5px 0 0; }
.ec-base-tooltip p.bullet,
.ec-base-tooltip ul.bullet { margin:8px 10px; }
.ec-base-tooltip p.bullet:before,
.ec-base-tooltip ul.bullet li:before { display:inline-block; content:""; margin:-3px 3px 0 0; width:0; height:0; border:solid transparent; border-left-color:#333; border-width:2px 0 2px 2px; vertical-align:middle; }
.ec-base-tooltip ul.bullet li { line-height:1.5em; }
.ec-base-tooltip .txtEm { color:#008bcc; }
.ec-base-tooltip .txtWarn { color:#f65b54; }

/* typeUpper */
.ec-base-tooltip.typeUpper { top:auto; bottom:34px; }
.ec-base-tooltip.typeUpper .edge { top:auto; bottom:-6px; }
.ec-base-tooltip.typeUpper .edge:before { margin:0 0 -5px; border-top-color:#565960; border-width:5px 5px 0 5px; }
.ec-base-tooltip.typeUpper .edge:after { left:1px; margin:0 0 -4px; border-top-color:#fff; border-width:4px 4px 0 4px; }




/* ************************************************************************************ ec-base-box ************************************************************************************ */




/* base */
.ec-base-box { padding:20px; border:0px solid #e8e8e8; color:#000; }
.ec-base-box.gHalf { position:relative; padding:20px 0; }
.ec-base-box.gHalf:before { position:absolute; top:0; left:50%; display:block; content:""; width:1px; height:100%; background-color:transparent; }
.ec-base-box.typeBg { background-color:#fbfafa; }
.ec-base-box.typeThin { border-width:1px; border-color:#d7d5d5; }
.ec-base-box.typeThinBg { border-width:1px; border-color:#e9e9e9; background-color:#fff; }

/* ¾à°ü */
.ec-base-box.typeThinBg > .agree { padding:20px; border:0px solid #e6e6e6; background:#fff; height:600px; overflow-y:scroll; line-height:1.6em; color:#959595; }
.ec-base-box.typeThinBg > .agree p { padding:0 0 17px; }

/* typeMember */
.ec-base-box.typeMember { padding:0; }
.ec-base-box.typeMember .information { display:table; table-layout:fixed; padding:10px 0; width:100%; box-sizing:border-box; }
.ec-base-box.typeMember .information > .title, .ec-base-box.typeMember .information > .thumbnail { display:table-cell; padding:0 15px; width:70px; text-align:center; vertical-align:middle; }
.ec-base-box.typeMember .information > .title { vertical-align:middle; }
.ec-base-box.typeMember .information > .thumbnail img { max-width:70px; }
.ec-base-box.typeMember .information .description { display:table-cell; padding:0 10px; width:auto; line-height:1.5em; border-left:1px solid #e8e8e8; vertical-align:middle; }
    .ec-base-box.typeMember.gMessage { border-width:1px; border-color:#d7d5d5; }
.ec-base-box .message { display:block; padding:10px 0 10px 35px; border-bottom:1px solid #e8e7e7; background:#fbfbfb url("/design/annadiva/swag/images/ico_info.gif") no-repeat 10px center; }

/* typeProduct */
.ec-base-box.typeProduct { display:table; table-layout:fixed; padding:0 0 30px; width:100%; box-sizing:border-box; }
.ec-base-box.typeProduct .thumbnail, .ec-base-box.typeProduct .information { display:table-cell; padding:0; vertical-align:middle; }
.ec-base-box.typeProduct .thumbnail { width:20%; }
.ec-base-box.typeProduct .thumbnail img { max-width:90%; border:0; }
.ec-base-box.typeProduct .information { padding-left:0; width:70%; }

.typeProduct .information .icon_img { display:none; margin:0 1px 0 0; }
.typeProduct .information h3 { margin:0 0 7px; font-size:14px; font-weight:normal; color:#000; letter-spacing:0.1em; }
.typeProduct .information .price { font-size:11px; font-weight:normal; color:#666;  letter-spacing:0.05em; }
.typeProduct .information .button { margin:19px 0 0 0; padding:13px 0 0 0; border-top:1px solid #eaeaea; }




/* ************************************************************************************ ec-base-tab ************************************************************************************ */



/* °øÅë css */
.ec-base-tab { position:relative; }
.ec-base-tab .menu {
    margin:0 0 30px; border:0px; background:transparent;
    box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; text-align:center; 
}
.ec-base-tab .menu:after { content:""; display:block; clear:both; }
.ec-base-tab .menu li { display:inline-block; background:transparent; margin:0 15px; }
.ec-base-tab .menu li a { display:block; min-width:; padding:5px 1px; border-bottom:1px solid transparent; font-size:11px; color:#939393; text-decoration:none; outline:0; text-align:center; }
.ec-base-tab .menu li a:hover { border-bottom:1px solid #000; }
.ec-base-tab .menu li.selected a { border-bottom:1px solid #000; color:#000; font-weight:normal; }
.ec-base-tab .right { position:absolute; top:8px; right:10px; line-height:24px; color:#939393; }

/* ¹àÀºÇü ŸÀÔ
.ec-base-tab.typeLight .menu li.selected a { margin:0 0 -2px; border-bottom:1px solid #fff; color:#292929; background:#fff; }
 */
/* ³ÐÀÌ °¡º¯Çü grid(2~7) : ¸Þ´º°¹¼ö¸¸Å­ grid µÚÀÇ ¼ýÀÚ¸¦ ¹Ù²ãÁÖ¼¼¿ä */
.ec-base-tab[class*="grid"] .menu { display:table; table-layout:fixed; width:100%; }
.ec-base-tab[class*="grid"] .menu li { float:none; display:table-cell; vertical-align:middle; padding:9px 0 10px; background:transparent; border-bottom:1px solid #ddd; }
.ec-base-tab[class*="grid"] .menu li a { display:inline-block; width:auto; min-width:0; margin:0; padding:5px 1px; font-size:11px; border:0; border-bottom:1px solid transparent; }
.ec-base-tab[class*="grid"] .menu li a:hover { color:#333; }
.ec-base-tab[class*="grid"] .menu li.selected { }
.ec-base-tab[class*="grid"] .menu li:first-child.selected { right:0; }
.ec-base-tab[class*="grid"] .menu li.selected a { position:static; background:none; color:#000; font-weight:bold; border-bottom:1px solid #000; }
.ec-base-tab.grid2 .menu li { width:50.5%; }
.ec-base-tab.grid3 .menu li { width:34%; }
.ec-base-tab.grid4 .menu li { width:25.5%; }
.ec-base-tab.grid5 .menu li { width:20.5%; }
.ec-base-tab.grid6 .menu li { width:17%; }
.ec-base-tab.grid7 .menu li { width:14.8%; width:15% \0/; }
.ec-base-tab.grid7 .menu li:first-child { width:13% \0/; }




/* ************************************************************************************ ec-base-fold ************************************************************************************ */



.ec-base-fold { position:relative; border:1px solid #d5d5d5; }
.ec-base-fold > .title { position:relative; z-index:1; overflow:hidden; padding:14px 43px 14px 14px; cursor:pointer; font-size:13px; line-height:1.3; -webkit-tap-highlight-color:rgba(255,255,255,0);
display:-webkit-flex; display:-ms-flex; display:-moz-flex; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; -moz-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:space-between; -ms-justify-content:space-between; -moz-justify-content:space-between; justify-content:space-between; }
.ec-base-fold > .title h2,
.ec-base-fold > .title h3 { display:inline-block; font-size:13px; line-height:1.3; }
.ec-base-fold > .title h3, .ec-base-fold > .title p { color:#757575; }
.ec-base-fold > .title:after { content:""; position:absolute; top:0; right:0; width:40px; height:100%; background:url("//img.echosting.cafe24.com/skin/mobile/layout/ico_arrow_white.png") no-repeat 50% 50%; background-size:20px auto; -webkit-transition:.3s ease-out; transition:.3s ease-out; }
.ec-base-fold .contents { display:none; background:#fff; }
.ec-base-fold .ec-base-fold { border-width:1px 0 0; }
.ec-base-fold + .ec-base-fold { margin-top:7px; }
.ec-base-fold .ec-base-fold + .ec-base-fold { margin-top:0; }
   .ec-base-fold.selected > .title:after { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform:rotate(180deg); }
   .ec-base-fold.selected > .contents { display:block; }

/* theme1 */
.ec-base-fold.theme1 > .title { margin:-1px; color:#fff; background:#838383; }

/* theme2 */
.ec-base-fold.theme2 > .title { padding-right:34px; color:#1b1b1b; background:#f0f0f0; }
.ec-base-fold.theme2 > .title:after,
.ec-base-fold.theme3 > .title:after {background-image: url("//img.echosting.cafe24.com/skin/mobile/layout/ico_arrow_gray.png"); }

/* theme3 */
.ec-base-fold.theme3 > .title { color:#1b1b1b; background:#f9f9f9; }
.ec-base-fold.theme3 > .title h3 { font-weight:bold; color:#1b1b1b; }
.ec-base-fold.theme3 .contents { padding:0 14px 14px; background:#f9f9f9; }

/* theme4 */
.ec-base-fold.theme4 { margin:14px auto 29px; font-size:13px; }
.ec-base-fold.theme4 dt { position:relative; padding:16px 30px 15px 16px; line-height:1.2; font-size:12px; cursor:pointer; background-color:#fff; }
.ec-base-fold.theme4 dt:after { content:""; position:absolute; right:10px; top:0; width:20px; height:100%; background:url("//img.echosting.cafe24.com/skin/mobile/layout/ico_arrow_gray.png") no-repeat 0 50%; background-size:20px auto; -webkit-transition:.3s ease-out; transition:.3s ease-out; }
.ec-base-fold.theme4 dd + dt { border-top:1px solid #d5d5d5; }
.ec-base-fold.theme4 dd { display:none; padding:16px 16px; font-size:12px; line-height:1.5; border-top:1px solid #d5d5d5; background-color:#fff; }
.ec-base-fold.theme4 dd.selected { display:block; }
.ec-base-fold.theme4 dt.selected:after { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform:rotate(180deg); }

/* ec-base-prdInfo */
.ec-base-fold .ec-base-prdInfo { margin:0; border:0; }
.ec-base-fold .ec-base-prdInfo .option { margin:0; }
.ec-base-fold .ec-base-prdInfo .prdFoot { margin:0 -14px -6px; }
.ec-base-fold .ec-base-prdInfo .prdTotal { margin:0 -14px -6px; }

/* ec-base-table */
.ec-base-fold > .contents .ec-base-table,
.ec-base-fold .ec-base-fold > .contents .ec-base-table { border:0; }




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




.ec-base-table table { position:relative; margin:0px 0 0; border:0; color:#000; line-height:1.5; font-size:11px; }
  .ec-base-table.gLayoutFixed table { table-layout:fixed; }
  .ec-base-table.gLayoutFixed .gLayoutAuto table { table-layout:auto; }
.ec-base-table table:before { position:absolute; top:0; left:0; display:block; content:""; width:100%; height:1px; background:#dadada; }
.ec-base-table thead th { padding:11px 0 10px; border:0;  border-bottom:1px solid #dadada; color:#000; vertical-align:middle; font-weight:normal; text-transform:uppercase; letter-spacing:0.05em; background:transparent; }
.ec-base-table tbody th { padding:11px 0 10px 18px; border:0;  border-bottom:1px solid #dadada; color:#000; text-align:left; font-weight:normal; text-transform:uppercase; letter-spacing:0.05em; background-color:transparent; }
.ec-base-table th { word-break:break-all; word-wrap:break-word; }
.ec-base-table th:first-child { border-left:0; }
.ec-base-table td { padding:14px 10px 13px; border:0; border-bottom:1px solid #dadada; color:#000; vertical-align:middle; word-break:break-all; word-wrap:break-word; }
.ec-base-table td.clear { padding:0 !important; border:0 !important; }

/* horizontal */
  /* typeWrite */
    .ec-base-table.typeWrite th { padding:14px 0px 13px 18px; }
    .ec-base-table.typeWrite td { padding:14px 0px 13px; }
    .ec-base-table.typeWrite img { max-width:100% !important; height:auto !important; }

/* vertical */
  /* typeList */
    .ec-base-table.typeList table { border-top:0px solid #dadada; }
    .ec-base-table.typeList table:before { display:none; }
    .ec-base-table.typeList td { padding:12px 10px 13px; }
    .ec-base-table.typeList tfoot td { padding:15px 10px 17px; background:transparent; }
    .ec-base-table .message { border-bottom:1px solid #dadada; padding:20px 0; text-align:center; color:#959595; font-weight:normal; }
    .ec-base-table table + .message { margin:-1px 0 0; }
    .ec-base-table table td.message { padding:50px 0; }
    .ec-base-table .scroll .message { border:0; }
  /* scroll */
    .ec-base-table.typeList .head td { padding:11px 0 10px; border-left:1px solid #dadada; border-bottom:1px solid #dadada; color:#353535; vertical-align:middle; text-align:center; background:transparent; }
    .ec-base-table.typeList .head td:first-child { border-left:0; }
    .ec-base-table.typeList .scroll { position:relative; overflow-x:hidden; overflow-y:scroll; max-height:185px; min-height:100px; border:1px solid #dadada; border-top-width:0; margin-top:-1px; }
    .ec-base-table.typeList .scroll table { border:0; margin:0; }
    .ec-base-table.typeList .scroll table:before { display:none; } 
    .ec-base-table.typeList .scroll .message { border: 0; }
  /* thead - blind */
    .ec-base-table thead.blind,
    .ec-base-table thead.blind th { display:none; }
    .ec-base-table thead.blind + tbody tr:first-child th,
    .ec-base-table thead.blind + tbody tr:first-child td { border-top-width:0; }
  /* Line */
    .ec-base-table.typeList.gLine table { border-width:0; border-bottom-width:1px; }

/* common */
  /* border, background style none */
    .ec-base-table.typeClear table:before { display:none; }
    .ec-base-table.typeClear table,
    .ec-base-table.typeClear th,
    .ec-base-table.typeClear td { border:0 none; background:none; }
    .ec-base-table.typeClear th { font-weight:bold; }
  /* border */
    .ec-base-table.gBorder td { border-left:0px solid #dadada; }
    .ec-base-table.gBorder td:first-child { border-left:0; }
    .ec-base-table.gBorder td.gClearLine { border-left:0; }
    .ec-base-table.typeList.gBorder tbody td { border-color:#dadada; }
  /* align */
    .ec-base-table .left { text-align:left; }
    .ec-base-table .center { text-align:center; }
    .ec-base-table .right { text-align:right; }
    .ec-base-table.typeList .center td,
    .ec-base-table.typeList td.center { padding-left:0; padding-right:0; }
    .ec-base-table.typeList .center td.left { padding-left:10px; }
    .ec-base-table.typeList .center td.right { padding-right:10px; }
    .ec-base-table .top th, .ec-base-table th.top,
    .ec-base-table .top td, .ec-base-table td.top { vertical-align:top; }
    .ec-base-table .middle th, .ec-base-table th.middle,
    .ec-base-table .middle td, .ec-base-table td.middle { vertical-align:middle; }
  /* form */
    .ec-base-table img { vertical-align:middle; }

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





/* ************************************************************************************ ec-base-product ************************************************************************************ */



/* °øÅë */
.ec-base-product { margin:0px auto 0; max-width:1218.1px; }
#main .ec-base-product { margin:115px auto 0; }

.ec-base-product .title { margin:0 0 48px; }
.ec-base-product .title h2 { font-size:14px; letter-spacing:0.08em; color:#2b2b2b; font-weight:normal; text-align:center; }
.ec-base-product .title h3 { font-size:14px; letter-spacing:0.08em; color:#2b2b2b; font-weight:normal; text-align:center; }
.ec-base-product img { vertical-align:middle; }
.ec-base-product a[href^='/product/detail.html'] > img { border:0; }

.ec-base-product .prdList { display:table; width:100%; min-width:200px; margin:0 auto; font-size:0; line-height:0; }
.ec-base-product .prdList > li { display:inline-block; margin:0 0 50px; color:#757575; vertical-align:top; }

.ec-base-product .prdList .chk { display:block; margin:0 0 10px; text-align:center; }
.ec-base-product .prdList .thumbnail { position:relative; margin:0 10px 18px; text-align:center; overflow:hidden; }
.ec-base-product .prdList .thumbnail a img { width:100%; height:auto; box-sizing:border-box; }
.ec-base-product .prdList .thumbnail a { transition:0.4s; }
.ec-base-product .prdList .thumbnail a:hover { opacity:0.5; }
.ec-base-product .prdList .thumbnail a:hover .wish { opacity:1; }
.ec-base-product .prdList .thumbnail img.overImg { visibility:hidden; opacity:0; position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:auto; transition:0.4s; }
.ec-base-product .prdList .thumbnail:hover img.overImg { visibility:visible; opacity:1; }
.ec-base-product .prdList .thumbnail .wish { visibility:hidden; opacity:0; position:absolute; right:12px; top:12px; z-index:1; cursor:pointer; transition:0.2s; }
.ec-base-product .prdList .thumbnail:hover .wish { visibility:visible; opacity:1; }
.ec-base-product .prdList .thumbnail .prdIcon { position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; }

.ec-base-product .prdList .description { margin:0 10px; padding:0; font-size:12px; letter-spacing:0.02em; line-height:1.4em; color:#000; text-align:left; }
.ec-base-product .prdList .description .name { display:block; padding:0 ; font-size:14px; font-weight:normal; }
.ec-base-product .prdList .description .name a { color:#000; text-decoration:none; }
.ec-base-product .prdList .description .name .ico { margin:0 0 0 5px; }
.ec-base-product .prdList .description .name .ico img { display:inline-block; }
.ec-base-product .prdList .icon { margin:5px 0 0 ; vertical-align:middle;  text-align:; font-size:0; }
.ec-base-product .prdList .icon:after { content:""; display:block; clear:both; overflow:hidden; }
.ec-base-product .prdList .icon img { margin:0 1px; vertical-align:middle; }
.ec-base-product .prdList .description .promotion { float:; display:inline-block; margin:5px 0 0 ; text-align:; }
.ec-base-product .prdList .description .button { float:; display:inline-block; margin:0; text-align:;  }
.ec-base-product .prdList .description .button img { cursor:pointer; }
.ec-base-product .prdList .description .button .option { display:inline; position:relative; }
.ec-base-product .prdList .description .mileage { display:block; }
.ec-base-product .prdList .description span.grid { display:block; }

.ec-base-product .prdList .description .button .likeButton { display:inline-block; margin:0 5px; }
.ec-base-product .prdList .description .button .likeButton button { font-family:verdana; color:#9a9a9a; letter-spacing:-1px; background:none; }
.ec-base-product .prdList .description .button .likeButton button img { margin-bottom:0; vertical-align:middle; }
.ec-base-product .prdList .description .button .likeButton button strong {height:16px; vertical-align:middle; }
.ec-base-product .prdList .description .button .likeButton.selected button { color:#353535; }

/* listrecommend */
.ec-base-product.listrecommend { margin:0px auto 45px; padding:0; background:;/* border-top:1px solid #ededed; border-bottom:1px solid #ededed;*/text-align:center; }
.ec-base-product.listrecommend .title { margin:0 0 34px; }
.ec-base-product.listrecommend .title h3{ display:inline-block; padding:0 0 2px; margin:30px auto 0; font-weight:normal; font-size:13px; color:#000; letter-spacing:0.08em; text-align:center; border-bottom:1px solid #2b2b2b; }
.ec-base-product.listrecommend .prdList { margin:0 auto; }
.ec-base-product.listrecommend .prdList > li .ico-best { position:absolute; z-index:10; top:0; right:0; display:block; width:45px; height:34px; line-height:34px; 
				background:#333; color:#fff; font-size:11px; letter-spacing:0.02em; text-align:center; }

/* Áø¿­¹æ½Ä */
.ec-base-product ul.grid2 > li { width:50%; }
.ec-base-product ul.grid3 > li { width:33.333%; }
.ec-base-product ul.grid4 > li { width:25%; }
.ec-base-product ul.grid5 > li { width:20%; }

.ec-base-product ul.grid3 > li .color { max-width:230px; }
.ec-base-product ul.grid4 > li .color { max-width:190px; }
.ec-base-product ul.grid5 > li .color { max-width:130px; }

/* module="product_ListItem" */
.ec-base-product .spec { }
.ec-base-product .spec li { margin:5px 0 0; display:block; text-align:left; }
.ec-base-product .spec li .title { font-weight:normal; vertical-align:top; }
.ec-base-product .spec li .title span { vertical-align:top; }
.ec-base-product .spec li .color { overflow:hidden; display:inline-block; margin:7px 0 0 -1px; }
.ec-base-product .spec li .chips { float:left; width:20px; height:4px; margin:0 1px 2px; border:1px solid #e3e3e3; font-size:0; line-height:0; }


.ec-base-product .spec .subname { font-size:11px; color:#8a8a8a; }
.ec-base-product .spec .consumer_price { color:#8a8a8a; }


/* Ç°Àý½Ã ½æ³×ÀÏ */
.ec-base-product .thumbnail .soldWrap { position:absolute; top:0; left:0; width:100%; height:100%; display:block; cursor:pointer;}
.ec-base-product .thumbnail .soldWrap .soldTable { display:table; width:100%; height:100%;}
.ec-base-product .thumbnail .soldWrap .soldTable .soldText { display:table-cell; vertical-align:middle; height:100%;}
.ec-base-product .thumbnail .soldWrap .soldTable .soldText span {    display: inline-block;
    padding: 12px 31px;
    background: rgba(0,0,0,0.6);
    border-radius: 5px;
    font-size: 16px;
    color: #fff !important;
    font-weight: 700;
    letter-spacing: 0.1em;
    line-height: 1;}


/* hoverList */
.ec-base-product .prdList.hoverList { max-width:1218.1px; margin:0 auto; }
.ec-base-product .prdList.hoverList > li { margin:0 0 20px; }
.ec-base-product .hoverList .item { position:relative; z-index:1; margin:0 10px; }
.ec-base-product .hoverList .thumbnail { margin:0; padding:0; }
.ec-base-product .hoverList .thumbnail img { width:100%; height:auto; }
.ec-base-product .hoverList .description{visibility:hidden;opacity:0;transition:0.1s;position:absolute;z-index:10;top:0;left:0;width:100%;height:100%;padding:0;margin:0;cursor:pointer; text-align:center;}
.ec-base-product .hoverList .description .display-table{position:relative;z-index:102;display:table;margin:0 auto;padding:0;width:100%;height:100%;}
.ec-base-product .hoverList .description .display-tablecell{display:table-cell;width:;height:100%;padding:26px 29px;vertical-align:middle;color:#000;}
.ec-base-product .hoverList .description .bgColor{position:absolute;z-index:101;top:0;left:0;width:100%;height:100%;background:#fff;opacity:.7;}
.ec-base-product .hoverList .item:hover .description{visibility:visible;opacity:1;transition:0.3s;}
.ec-base-product .hoverList .spec { }
.ec-base-product .hoverList .spec li { margin:7px 0 0; text-align:center; }


/* ÇÒÀαⰣ ·¹À̾î */
.ec-base-product .discountPeriod { display:inline-block; z-index:10; position:relative; width:55px; height:19px; vertical-align:middle; }
.ec-base-product .layerDiscountPeriod { left:50%; top:26px; width:247px; margin:0 0 0 -124px; }
.ec-base-product .layerDiscountPeriod strong.title { display:block; margin:0 0 12px; padding:0 35px 0 0; font-weight:bold; color:#2e2e2e; }
.ec-base-product .layerDiscountPeriod .content p { margin:2px 0 0; font-size:11px; line-height:16px; color:#757575; letter-spacing:-1px; }
.ec-base-product .layerDiscountPeriod .content p strong { font-weight:normal; font-size:12px; color:#2e2e2e; }
.ec-base-product .layerDiscountPeriod .content p strong span { font-size:11px; }

/* ¹è¼Ûºñ·¹À̾î */
.ec-base-product .prdList .shippingFee { position:relative; display:inline-block; }
.ec-base-product .prdList .shippingFee .button { display:inline-block; float:none; }
.ec-base-product .prdList .shippingFee .ec-base-tooltip { z-index:11; display:block; margin:0 0 0 -170px; width:360px; }
.ec-base-product .prdList .shippingFee .ec-base-tooltip table th { width:40px; }
.ec-base-product .prdList .shippingFee .ec-base-tooltip table th,
.ec-base-product .prdList .shippingFee .ec-base-tooltip table td { padding:7px 10px 8px 10px; }

/* ¹è¼Ûºñ Â÷µîºÎ°ú ·¹À̾î */
.ec-base-product .btnTooltip { position:relative; display:inline-block; }
.differentialShipping { display:none; overflow:hidden; position:absolute; left:50%; top:17px; z-index:100; width:350px; margin:0 0 0 -176px; }
.differentialShipping h3.title { margin:0; height:35px; padding:0 35px 0 19px; border:0; color:#fff; font-size:14px; line-height:35px; background:#495164; }
.differentialShipping .content { padding:12px 18px 14px 18px; border:1px solid #757575; border-top:0; text-align:center; background:#fff; }
.differentialShipping .close { position:absolute; right:14px; top:12px; }
.differentialShipping .close img { cursor:pointer; }
.differentialShipping .content ul { color:#757575; line-height:25px; }
.differentialShipping .content li { overflow:hidden; }
.differentialShipping .content li strong { float:left; font-weight:normal; }
.differentialShipping .content li span { float:right; color:#2e2e2e; }
.differentialShipping .content .info { margin:7px 0 0; padding:7px 0 0; border-top:1px dotted #b0b1b3; color:#80aeef; text-align:right; }

/* ½æ³×ÀÏ ¾ÆÀÌÄÜ À§Ä¡ */
.ec-product-bgLT { background-position:left top; }
.ec-product-bgLC { background-position:left center; }
.ec-product-bgLB { background-position:left bottom; }
.ec-product-bgRT { background-position:right top; }
.ec-product-bgRC { background-position:right center; }
.ec-product-bgRB { background-position:right bottom; }
.ec-product-bgCT { background-position:center top; }
.ec-product-bgCC { background-position:center center; }
.ec-product-bgCB { background-position:center bottom; }





@media all and (max-width:1320px){


}





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


                                                                                ¼öÈ¥½ºÆ©µð¿À vol.107 RINNE
                                                                                
                                                                                        layout.css


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





/* Layout */

/* header */
#header { position:absolute; z-index:100; left:0; top:0; width:100%; margin:0 auto; background:#fff; }
#header:hover { background:#fff; transition:0.4s; }
#header .inner { position:relative; z-index:1; margin:0; padding:0; width:; height:70px; min-width:1300px; *zoom:1; }
#header .inner:after { content:""; display:block; clear:both; }

#header .logbar { }
#header .logbar > li { margin:0 7px;  }
#header .logbar > li a { line-height:28px; vertical-align:middle; }
#header .logbar > li .sub ul { margin:18px auto 0; background:rgba(255,255,255,1); }
#header .logbar > li.mAccount { margin:0 5px 0 18px; height:24px; }
#header .logbar > li.mAccount a img { vertical-align:top; }
#header .logbar > li.mCart { z-index:10; margin:0 7px 0 3px; height:24px; }
#header .logbar > li.mCart a img { vertical-align:top; }
#header .logbar > li.mCart a .count { display:block; position:absolute; top:-4px; right:-8px; width:15px; height:15px; line-height:15px; font-size:9px; color:#fff; text-align:center; background:#252525; border-radius:50%; }
#header .logbar > li.mSearch { margin:0 0 0 5px; height:22px; }
#header .logbar > li.mSearch a img { vertical-align:top; }



/* fix */
#header.fix { position:fixed; }

#wrap { position:relative; z-index:0; clear:both; margin:0 auto; padding:0; overflow:; }
#container { margin:0 auto; padding:0; *zoom:1; }
#container:after { content:""; display:block; clear:both; }
#content { clear:both; position:relative; z-index:1; width:; padding:170px 34px 0; margin:0 auto; max-width:1260px; min-height:75vh; }
#main #content { padding:70px 0 0; max-width:100%; }
#productPage #content,
#lookbookPage #content { max-width:100%; padding:70px 34px 0; }

/* footer */
#footer {
    clear: both;
    margin: 60px auto 0;
    padding: 30px 0 20px;
    font-size: 11px;
    letter-spacing: 0.02em;
    line-height: 1.6em;
    color: #4b4b4b;
    background: #fff;
    border-top: 0px solid #e9e9e9;
    text-align: center;
    overflow: hidden;
}

#main #footer { }
#footer .inner { position:relative; z-index:0; margin:0 auto; padding:0 34px; max-width:; }

#footer .cs { margin:0; overflow:hidden; font-weight:400; font-size:10px; }
#footer .cs h2 { padding:0 0 2px; font-size:11px; font-weight:400; letter-spacing:; color:#9a9a9a; }
#footer .cs strong { display:inline-block; padding:3px 0 0; font-size:13px; font-weight:400; letter-spacing:0.05em; }
#footer .cs.bank { margin:15px 0 0; font-size:11px; }

#footer .snsLink { margin:-5px -10px 0 0; }
#footer .snsLink a { display:inline-block; margin:0 10px; padding:5px 0 3px; font-size:12px; color:#4b4b4b; letter-spacing:0.05em; border-bottom:1px dotted #fff; text-decoration:none; vertical-align:middle; transition:0.2s;  }
#footer .snsLink a:hover { color:#000; border-bottom:1px dotted #000; }
#footer .snsLink img { }

#footer .footer-info { margin:17px 0px 0 0; overflow:hidden; letter-spacing:0;}
#footer .footer-info span { margin:0 5px; color:#9a9a9a; }
#footer .footer-info a { color:#9a9a9a; }
#footer .copyright { }
#footer .copyright a { letter-spacing:0; font-size:11px; font-family:times; font-style:italic; }

#footer .footer-menu { margin:10px -6px 0 0; padding:; overflow:hidden; }
#footer .footer-menu ul { overflow:hidden;  }
#footer .footer-menu li { display:inline-block; margin:0 6px; }
#footer .footer-menu li a { font-size:10px; color:#4b4b4b; }

#quickmenu { display:; position:fixed; bottom:40px; right:7px; z-index:300; text-align:right; transition:0.2s; }
#quickmenu a { display:block; text-decoration:none; cursor:pointer; }
#quickmenu p { margin:8px 0 0; }
#quickmenu .pageTop { margin:120px 0 0; }
#quickmenu .pageTop a { padding:0; }
#quickmenu .pageBottom { margin:16px 0 0; }


/* search */
.searchFrame { display:none; position:fixed; z-index:301; top:0; left:0; width:100%; height:100%; }
.searchFrame .inner { position:absolute; z-index:2; top:0; left:0; right:0; bottom:0; margin:auto; width:95%; height:93%; background:#fff; overflow:hidden; }
.searchFrame .inner iframe { position:relative; z-index:2; width:100%; height:100%; overflow:hidden; overflow-y:auto; }
.searchFrame .bg { position:absolute; z-index:1; top:0; left:0;  width:100%; height:100%; background:#101010; opacity:0.45; }
.searchFrame .btnClose { position:absolute; z-index:3; top:0; right:0; padding:20px 24px; width:; height:; }


/* ****** */
.fl-left { float:left; text-align:left; }
.fl-right { float:right; text-align:right; }

.ps-left { position:absolute; left:0; top:0; bottom:0; margin:auto; }
.ps-right { position:absolute; right:0; top:0; bottom:0; margin:auto; }
.ps-center { position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; }

.fix-left { position:fixed; left:0; top:75px; }

ul.hovermenu {  }
ul.hovermenu > li { display:inline-block; position:relative; z-index:10; margin:0 14px; vertical-align:middle; }
ul.hovermenu > li:hover { position:relative; z-index:10; }
ul.hovermenu > li > a { display:inline-block; padding:0 0 3px; color:#000; font-size:11px; letter-spacing:0.04em; line-height:1.2em; transition:0.2s; text-decoration:none; }
ul.hovermenu > li > a:hover { /*opacity:0.5;*/ text-decoration:underline; }
ul.hovermenu > li > .sub { visibility:hidden; opacity:0; transition:0.1s; position:absolute; z-index:111; top:100%; left:50%; margin-left:-75px; width:150px; }
ul.hovermenu > li:hover > .sub { visibility:visible; display:block; opacity:1; transition:0.2s; }
ul.hovermenu > li > .sub ul { margin:0 auto; padding:10px 0px; background:; text-align:center; }
ul.hovermenu > li > .sub li { display:block; padding:0; margin:1px 0; }
ul.hovermenu > li > .sub a { display:block; padding:4px 0; font-size:11px; color:#000; letter-spacing:0; line-height:1.2em; text-decoration:none; transition:0.1s; }
ul.hovermenu > li > .sub a:hover,
ul.hovermenu > li > .sub li.selected a { color:#a3a3a3; }



@media all and (max-width:1320px){

#header .ps-left { left:20px; }
#header .ps-right { right:20px; }

#header .logbar > li { margin:0 3px; }
#header .logbar > li.mAccount { margin:0 3px 0 8px; }
#header .logbar > li.mCart { margin:0 5px 0 1px; }
#header .logbar > li.mSearch { margin:0 0 0 3px; }

#header #category ul > li > a { padding:0 10px; }

}


/* accordion */
#accordion .menu_head { cursor:pointer; }
#accordion .menu_body { display:none; }
#accordion .menu_body.active { display:block; }

/**/
.clearfix { content:""; display:block; clear:both; }

/* Ž»ö°æ·Î¹Ù */
.path { display:none; overflow:hidden; height:30px; line-height:30px; *zoom:1; }
.path span { overflow:hidden; position:absolute; width:0; height:0; white-space:nowrap; text-indent:100%; }
.path ol { float:right; }
.path li { float:left; padding:0 0 0 12px; margin:0 0 0 8px; color:#757575; background:url("//img.echosting.cafe24.com/skin/base/layout/ico_path.gif") no-repeat 0 10px; }
.path li:first-child { background:none; }
.path li a { color:#757575; }
.path li strong,
.path li strong a { color:#2e2e2e; }

/* ŸÀÌƲ */
.titleArea { min-height:0px; margin:40px 0 25px; border-bottom:0; text-align:center; }
.titleArea h2 { display:block; padding:0; color:#000; font-size:16px; letter-spacing:0.18em; font-weight:normal; text-transform:uppercase; line-height:1.2em; *zoom:1; }
.titleArea p { display:block;margin:0 ;padding:7px 0 ;font-size:11px;color:#939393;vertical-align:bottom;*display:inline;*zoom:1; }
.titleArea ul { padding:5px 0; color:#939393; line-height:18px; }
.titleArea ul li { padding:0 0 0 9px; background:url("//img.echosting.cafe24.com/skin/base/common/ico_square2.gif") no-repeat 4px 7px; }

/* °Ô½ÃÆÇ Å¸ÀÌƲ */
.xans-board-title .title {min-height:10px;margin:10px 0 20px;padding:0 0 0px;border-bottom:0px solid #e8e8e8;text-align:center;}
.xans-board-title .title h2 { display:block; padding:0; color:#000; font-size:16px; letter-spacing:0.18em; font-weight:normal; text-transform:uppercase; line-height:1.2em; *zoom:1;}
.xans-board-title .title p { display:none; margin:0 0 0 15px; padding:0 ;font-size:11px; color:#939393; vertical-align:bottom; *display:inline;*zoom:1;}
.xans-board-title p.imgArea {margin:0 0 0px;text-align:center;}
.xans-board-title p.imgArea img {max-width:100%;margin:0 0 20px;}

.xans-board-listpackage .boardSort,
.xans-board-listpackage-8 .boardSort { float:left; margin:0 0 10px; }

.boardCategory { margin:25px auto 0; padding:0 0 30px; font-size:0; line-height:0; text-align:center; overflow:hidden; }
.boardCategory > li { display:inline-block; width:; margin:0 12px 10px; padding:0 0 0 ; font-size:12px; letter-spacing:0.04em; line-height:1.8em; vertical-align:top; text-transform:uppercase; }
.boardCategory > li:first-child { border-left:0; }
.boardCategory > li > a { padding:0 0 0; font-weight:; color:#000;  }
.boardCategory > li > a:hover { color:#9d9d9d; text-decoration:none; transition:0.6s; }
.boardCategory > li.selected > a { color:#000; text-decoration:underline; }



.orderStep{display:none;}


/* °Ô½ÃÆÇ ¸ÞÀÎ */
.boardMain { overflow:hidden; *zoom:1; }
.boardMain td img { vertical-align:middle; margin:1px; }
.boardMain .board { position:relative; margin:0 0 65px; }
.boardMain .leftArea { float:left; width:50%; }
.boardMain .leftArea .board { margin:0 23px 65px 0; }
.boardMain .rightArea { float:right; width:50%; }
.boardMain .rightArea .board { margin:0 0 65px 23px; }
.boardMain .board h3 { margin:0 0 13px; height:28px; font-size:16px; color:#2e2e2e; border-bottom:2px solid #626672; }
.boardMain .board .more { position:absolute; top:0; right:0; padding:2px; }
.boardMain .board .ec-base-table.typeList td { color:#a4a4a4; }
.boardMain .board .ec-base-table.typeList td.title a,
.boardMain .board .ec-base-table.typeList td.title a:hover { color:#4f4f4f; }
.boardMain .board .galleryList { overflow:hidden; }
.boardMain .board .galleryList ul { overflow:hidden; margin:0 -10px; }
.boardMain .board .galleryList li { float:left; position:relative; width:20%; padding:0 0 12px 0; word-break:break-all; }
.boardMain .board .galleryList li span { display:block; margin:0 10px; font-size:11px; color:#a4a4a4; }
.boardMain .board .galleryList li .imgLink,
.boardMain .board .galleryList li .imgLink:hover { display:block; margin:0 10px 5px; font-size:12px; }
.boardMain .board .galleryList li .imgLink img { width:100%; max-height:110px; border:1px solid #ededed; }

/* Äüºä ¸ð´Þ */
#modalBackpanel { display:none; position:absolute; top:0; left:0; z-index:10000; width:100%; height:100%; background:#000; }
#modalContainer { display:none; position:absolute; top:100px; left:100px; z-index:10001; width:975px; height:720px; border:1px solid #333; background:#fff; }
#modalContainer #modalContent { width:100%; height:100%; }