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

/* Roboto */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url(/design/swooew/phps/fonts/Roboto-Light.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url(/design/swooew/phps/fonts/Roboto-Regular.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 600;
  src: url(/design/swooew/phps/fonts/Roboto-Medium.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url(/design/swooew/phps/fonts/Roboto-Bold.woff) format('woff');
}

/* Noto Sans KR */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(/design/swooew/phps/fonts/NotoSansKR-Light.woff) format('woff');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: url(/design/swooew/phps/fonts/NotoSansKR-Regular.woff) format('woff');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 600;
  src: url(/design/swooew/phps/fonts/NotoSansKR-Medium.woff) format('woff');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
  src: url(/design/swooew/phps/fonts/NotoSansKR-Bold.woff) format('woff');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 900;
  src: url(/design/swooew/phps/fonts/NotoSansKR-Black.woff) format('woff');
}

/* 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, h1, h2, h3, h4, h5, h6, table, input, select, textarea, a { font-size: 12px; line-height: 1.25; color: #333;}
body{font-family:'Roboto', 'Noto Sans KR', '¸¼Àº°íµñ','Malgun Gothic','µ¸¿ò',Dotum, AppleGothic,sans-serif}
.useFont_roboto{font-family:'Roboto', 'Noto Sans KR', '¸¼Àº°íµñ','Malgun Gothic','µ¸¿ò',Dotum, AppleGothic,sans-serif}
.useFont_notoSansKr{font-family:'Noto Sans KR', 'Roboto', '¸¼Àº°íµñ','Malgun Gothic','µ¸¿ò',Dotum, AppleGothic,sans-serif}
.useFont_dotum{font-family:'Roboto', 'Noto Sans KR', '¸¼Àº°íµñ','Malgun Gothic', Dotum, AppleGothic,sans-serif}
.useFont_malgunGothic{font-family:'¸¼Àº°íµñ','Malgun Gothic', Dotum, 'Roboto', 'Noto Sans KR', AppleGothic,sans-serif}
h1, h2, h3, h4, h5, h6 { font-weight: normal }
img { vertical-align: top }
img, fieldset, button { border: 0 none }
li { list-style: none }
hr, caption, legend { display: none }
a { color: #777; 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 }
input,textarea,select,button,table{font-family:inherit;color:inherit;}
input, select {border: 1px solid #e0e0e0;}
input[type=checkbox], input[type=radio], input[type=image] { border:0; }
select{height:26px;line-height:26px;}
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
========================================================================
*/
.hidden{position:absolute;left:-5000px;top:0;visibility:hidden;overflow:hidden;line-height:0.1%;font-size:0.1%;width:0.1%;height:0.1%;}
.off{display:none !important;}
.loadingArea{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background-color:#fff;z-index:20000;}
.loadingArea.on{display:block;}

.btnArea{text-align:center;}
.btnArea:after{content:"";display:block;clear:both;}
.btnArea .left{float:left;text-align:left;}
.btnArea .right{float:right;text-align:left;}
.btnArea .center{display:inline-block;}
.posArea{text-align:center;}
.posArea .left, .posArea .right, .posArea .center{position:absolute;top:0;bottom:0;}
.posArea .left{left:0;text-align:left;z-index:2;}
.posArea .right{right:0;text-align:left;z-index:2;}
.posArea .center{left:0;right:0;display:block;text-align:center;z-index:1;}

/* ¸ÞÀÎ ¹è³Ê °øÅë */
.sliderWrap{}
.sliderArea{position:relative;max-width:100%;}
.sliderArea a{display:block;}
.sliderArea .prdImg{width:100%;vertical-align:top;}
.sliderArea .bx-pager{position:absolute;bottom:15px;left:0;right:0;z-index:60;text-align:center;}
.sliderArea .bx-pager-item{display:inline-block;position:relative;}
.sliderArea .bx-pager-link{width:10px;height:10px;margin:5px;border:1px solid #747373;font-size:0;border-radius:50%;background-color:#747373;display:inline-block;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
.sliderArea .bx-pager-link:hover{border-color:#caa7a3;background-color:#caa7a3;}
.sliderArea .bx-pager-link.active{border-color:#caa7a3;background-color:#caa7a3;}
.sliderArea .bx-controls{}
.sliderArea .bx-controls-direction{position:absolute;top:50%;left:50%;z-index:60;text-align:center;}
.sliderArea .bx-controls-direction i{vertical-align:top;}
.sliderArea .bx-prev, .sliderArea .bx-next{position:absolute;top:0;margin-top:-20px;font-size:40px;text-align:center;display:inline-block;width:40px;height:40px;color:#272727;vertical-align:middle;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;overflow:hidden;opacity:0.7;}
.sliderArea:hover .bx-prev, .sliderArea:hover .bx-next{opacity:1;}
.sliderArea .bx-prev i, .sliderArea .bx-next i{}
.sliderArea .bx-prev{left:0;}
.sliderArea .bx-next{right:0;}
.sliderArea .bx-controls-auto{}

/* ¹Ì¸®º¸±â */
#preview_wrap { display: none }
/* 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,
.txt-input2,
.MS_input_txt,
.MS_input_tel { padding-left: 5px; height: 30px; line-height: 30px; border: 1px solid #e0e0e0; }
.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; }
.MK-product-icons img { vertical-align: middle; margin: 0 2px 0 0;}
/* 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: #111}
.fc-blue { color: #111}
.MS_option_price { color: #FF3C00 }
/* bold */
.bold { font-weight:600 }
/* float clear */
.clearFix { zoom: 1; overflow: hidden; position: relative; }
.clear { zoom: 1 }
.clear:after { content: ""; display: block; clear: both; }
.fl_left { float: left }
/* margin */
.mr-0 { margin-right: 0px !important }
.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 }
.ml-40 { margin-left: 40px }
.mt-5 { margin-top: 5px }
.mt-10 { margin-top: 10px }
.mt-15 { margin-top: 15px }
.mt-20 { margin-top: 20px }
.mt-30 { margin-top: 30px }
.mt-50 { margin-top: 50px }
.mt-60 { margin-top: 60px }
.mb-5 { margin-bottom: 5px }
.mb-10 { margin-bottom: 10px }
.mb-15 { margin-bottom: 15px }
.mb-20 { margin-bottom: 20px }
.mb-30 { margin-bottom: 30px }
/* 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:600 }
.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 }
/* »óÇ° 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:600 }
.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: #fcfcfc;}
.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: #111;font-weight:600;}
.mem-lvl span.MS_group_reserve_msg, .mem-lvl span.MS_group_dc_msg { color: #111 }
/* Å¸ÀÔ 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: #111; font-weight:600; }
.mem-lvl-2 span.MS_group_reserve_msg, .mem-lvl-2 span.MS_group_dc_msg { color: #F26622 }
/* ¸¶ÀÌÆäÀÌÁö »ó´Ü ¸Þ½ÃÁö ¹Ú½º */
.t-box-msg { margin-top: 20px;padding: 15px ; background-color:#fcfcfc; border: 1px solid #ddd; text-align:center; }
.t-box-msg strong {color: #111;}
/*
========================================================================
°øÅë - ·¹¾Æ¿ô
========================================================================
*/
/* z-index */
#layerWrap { z-index: 1 }
/* layout */
#wrap { width:100%; min-width:1300px }
#header, #layerWrap, #ftLink .link { position: relative }
#contentWrapper {padding-bottom: 90px;}
#contentWrap { position: relative; width:1300px; margin: 0 auto; }
#contentWrap:after { content: ""; display: block; clear: both; }
#content {min-height: 440px;width: 100%;position: relative;}
/* table-type-1 */
.table-type-1 {border-top: 1px solid #bbb;border-bottom: 1px solid #e9e9e9;}
.table-type-1 th, .table-type-1 td { padding: 10px 0; border-bottom: 1px solid #e9e9e9; }
.table-type-1 tr.nbg th, .table-type-1 tr.nbg td { border-bottom: 0 }
.table-type-1 tr.bg th, .table-type-1 tr.bg td { background-color: #fcfcfc }
.table-type-1 th { font-weight: normal }
/* table-type-2 */
.table-type-2 { border-top: 1px solid #bbb; border-bottom: 1px solid #e9e9e9; padding: 10px; }
.table-type-2 th, .table-type-2 td { padding: 12px 0 }
.table-type-2 th { font-weight: normal }
.table-type-2 tr.nbg th, .table-type-2 tr.nbg td { background-image: none }
/* °Ô½ÃÆÇ °øÅë - ÀÏ¹Ý, °Ö·¯¸®, ÄÁÅÙÃ÷¸µÅ©, ÀÚ·á½Ç, ¹Ì´ÏÈ¨ÇÇ, ¹æ¸í·Ï, µ¿¿µ»ó */
#bbsData { position: relative; }
/* »ó´Ü */
.bbs-hd .link { text-align: center; margin-top: 30px; }
.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-sch {margin-bottom : 10px;text-align: right;position:relative;}
.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 select{min-width:70px;}
.bbs-sch .keyword { width: 125px; height: 14px; padding: 2px 0 0 2px; margin-right: 3px; line-height: 14px; border: 1px solid #ededed; }
/* °Ë»ö - ÁÂÃø Ãß°¡ Á¤º¸ */
.bbs-sch .searchInfo{position:absolute;top:0;left:0;}
.bbs-sch .searchInfo .title{color:#555;display:inline-block;line-height:28px;height:28px;}

/* °Ô½ÃÆÇ ÇÑÁÙ°øÁö */
.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{padding-bottom:20px;}
.bbs-table-list thead th {padding: 16px 0;background-color: #fcfcfc;border-top:1px solid #bbb;border-bottom:1px solid #e9e9e9;color:#454545;font-size: 12px;font-weight: normal;}
.bbs-table-list tbody td  {padding: 16px 0;border-bottom: 1px solid #e9e9e9;font-size: 12px;color: #666;} 
.bbs-table-list tbody td a {font-size: 12px;color: #666;}
/* °Ô½ÃÆÇ Å¸ÀÔ - °Ö·¯¸® ¸®½ºÆ® */
.bbsList{}
.bbsList.galleryType{padding-bottom:45px;}
.bbsList.galleryType .listWrap:after{content:"";display:block;clear:both;}
.bbsList.galleryType .list{float:left;width:390px;margin:0 0 15px 15px;}
.bbsList.galleryType .list:nth-child(3n + 1){margin-left:0;}
.bbsList.galleryType .link{display:block;position:relative;}
.bbsList.galleryType .imgWrap{display:block;overflow:hidden;height:270px;}
.bbsList.galleryType .imgWrap img{width:100%;-webkit-transition:0.3s ease-in-out;transition:0.3s ease-in-out;min-height:100%;}
.bbsList.galleryType .link:hover .imgWrap img{-webkit-transform:scale(1.1);transform:scale(1.1);}
.bbsList.galleryType .link .infoArea{position:absolute;bottom:0;left:0;right:0;background-color:rgba(255,255,255,0.8);padding:13px 10px 12px;text-align:center;}
.bbsList.galleryType .link .infoArea .title{font-size:18px;color:#222;display:block;line-height:22px;font-weight:600;}
.bbsList.galleryType .link .infoArea .subTxt{font-size:14px;color:#555;line-height:20px;}
/* °Ô½ÃÆÇ Å¸ÀÔ - °Ö·¯¸® ¸®½ºÆ®(ÀÌº¥Æ®) */
.bbsList.galleryType .infoWrap{padding-top:10px;}
.bbsList.galleryType .infoWrap .txtLink{display:inline-block;color:#454545;font-size:12px;line-height:20px;}
.bbsList.galleryType .infoWrap .txtLink:hover{color:#000;}
.bbsList.galleryType .infoWrap .subTxt{display:block;font-size:12px;color:#999;line-height:20px;}
/* °Ô½ÃÆÇ Å¸ÀÔ - º¸±â */
.bbs-table-view { margin-top: 10px; }
.bbs-table-view tbody td  { padding: 12px 0; border-bottom: 1px solid #e9e9e9; } 
.bbs-table-view thead th { padding: 14px 0 ; background-color: #fcfcfc; border-top:1px solid #bbb; border-bottom:1px solid #e9e9e9; color:#454545; font-size: 12px;font-weight:600; }
.bbs-table-view .btn-dwn { margin-top:15px; }
/* °Ô½ÃÆÇ Å¸ÀÔ - ¾²±â */
.bbs-table-write { border-top:1px solid #bbb; }
.bbs-table-write tbody th  {padding: 14px 0 ; background-color: #fcfcfc; border-bottom:1px solid #e9e9e9; color:#454545; font-size: 12px; font-weight: normal;}
.bbs-table-write tbody td  { padding: 12px 0 12px 15px; border-bottom: 1px solid #e9e9e9; } 
/* °Ô½ÃÆÇ Å¸ÀÔ - ºñ¹Ð¹øÈ£Ã£±â */
.bbs-table-pwd {  }
.bbs-table-pwd table { width:300px; margin-left:auto; margin-right:auto; }
.bbs-table-pwd tbody th,
.bbs-table-pwd tbody td  { padding:6px 0;  border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; color:#9d9d9d; font-weight:normal;  } 
/* paging */
.paging { padding-top: 20px; height: 17px; text-align: center; line-height: 0; vertical-align: top; }
.paging li { display: inline; }
.paging li a { overflow: hidden; width: auto; height: 15px; padding: 0 7px; color: #999; cursor: pointer; }
.paging li a:hover,
.paging li.now a { color: #111; }
.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; }
.paginate{margin-top:50px;padding-top:25px;border-top:1px solid #dadada;text-align:center;}
.paginate a {width:40px;height:40px;margin-right:8px;font-size:15px;line-height:40px;color:#4a4a4a;display:inline-block;}
.paginate a:hover, .paginate a.now{background-color: #efefef;}
.paginate a.btn_first, .paginate a.btn_prev, .paginate a.btn_next, .paginate a.btn_last { font-family: Dotum; letter-spacing: -4px;}
/* ¹Ì´ÏÈ¨ÇÇ, ¹æ¸í·Ï °Ô½Ã±Û ºä */
/* »ó´Ü */
.visit-vhd { margin-top: 10px; border-top: 1px solid #e5e5e5; }
.visit-vhd th, .visit-vhd td { padding: 3px 0; border-bottom: 1px solid #e5e5e5; }
.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; 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:600; 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; }
.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%; }
/* °øÅëÀ¸·Î ¾²´Â°Å */
textarea { width:600px; height:47px; padding:2px; border:1px solid #e9e9e9; }        
.input-style { padding:2px; height:18px; line-height:18px; border:1px solid #ededed; }
.cont-sub-des { position:relative; }
.cont-sub-des span { margin-right:15px; color:#555; }
.cont-sub-des span em { font-size:11px; color:#9c9c9c; }
.cont-sub-des .hit { position:absolute; top:15px; right:0; }
.cont-sub-des .hit span { margin-right:0; }
.comment-box { border-bottom:1px solid #e5e5e5; }
.bbs-table-view .comment-box td { padding-bottom:20px; border-top:1px solid #e5e5e5; vertical-align:top; }
.comment-box .com-name { margin-right:8px; padding:0 8px; background: url('/images/d3/modern_simple/common/bull_bbs_hd_link.gif') repeat-y 100% 0; font-weight:600; color:#c5c5c5; }
.bbs-table-view td.com-wrt-box { border:0; }
.com-wrt-box label { color:#999; }
.com-wrt-box .input-style { margin:0 10px 0 7px; padding:2px; height:24px; line-height:24px; border:1px solid #EDEDED; }
.com-wrt-box .wrt { margin-top:7px;}
.view-link { padding:12px 0; }
/* °Ô½ÃÆÇ È¸¿ø °Ô½Ã±Û °Ë»ö */
.search_id { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #DADADA; display: block; padding: 3px; position: absolute; width: 90px; }
/* °³ÀÎÁ¤º¸º¸È£Á¤Ã¥ µ¿ÀÇ */
.new-privercy-contract { text-align: left; padding: 60px 0; }
.new-privercy-contract p { font-weight:600; 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 }
/* Àå¹Ù±¸´Ï ¸®½ºÆ®, ÁÖ¹®»óÇ° ¸®½ºÆ® */
.table-cart {margin:0 0 10px 0;}
.table-cart thead th { padding: 14px 0; font-size: 13px; color:#333; font-weight:600; border-top: 1px solid #bbb; border-bottom: 1px solid #e9e9e9; background-color: #fcfcfc; }
.table-cart thead th .tb-center, .table-cart tbody td .tb-center { padding: 0 }
.table-cart tbody td, .table-cart tbody td {padding:15px 0; border-bottom: 1px solid #e9e9e9;}
.table-cart tbody td .cartName { font-size: 13px; color: #666; line-height: 24px; }
.table-cart tbody td .cartDel { font-size: 16px }
.table-cart tbody td .tb-opt { /*padding-bottom: 5px;*/ color: #999; }
.table-cart tbody td .thumb { width: 70px; height: auto; margin-left: auto; margin-right: auto; font-size: 0; line-height: 0; }
.table-cart tbody td .thumb a, .table-cart tbody td .thumb img { display: block; width: 70px; height:auto; }
.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: 16px 0 20px; font-size: 13px; color: #999;border-bottom: 1px solid #e9e9e9; background: #fcfcfc; }
.table-cart tfoot td.no-cart { padding: 12px 0; background: #fff; }
.table-cart tfoot span { color: #111111; font-weight:600; }
.table-cart tfoot strong {font-size: 24px;color: #000;margin-left: 3px;}
/* ¼ö·® ÄÁÆ®·Ñ */
.table-cart .opt-spin { font-size: 0 }
.table-cart .opt-spin .btn-dw { display: inline-block; width: 33px; height: 32px; font-size: 12px; color: #666; line-height: 33px; text-align: center; border: 1px solid #ddd; }
.table-cart .opt-spin .btn-up { display: inline-block; width: 33px; height: 32px; font-size: 12px; color: #666; line-height: 33px; text-align: center; border: 1px solid #ddd; }
.table-cart .opt-spin .txt-spin { width: 33px; height: 32px; text-align: center; border: none; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.table-cart .opt-spin .CSSbuttonBlack { margin-left: 4px }
/* ÁÖ¹® - ÁÖ¹®Á¤º¸ Å×ÀÌºí */
.table-order-info { margin-top: 10px; border-top: 1px solid #bbb; }
.table-order-info tbody th, .table-order-info tbody td { font-weight: normal; border-bottom: 1px solid #e9e9e9; }
.table-order-info tbody th { padding: 14px 0; font-size: 12px; color: #666; border-left: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; background: #fcfcfc; }
.table-order-info tbody td.notd  { border-right: none;  border-bottom: none; text-align:right; }
.table-order-info tbody td  { padding: 10px 0; font-size: 12px; color: #666; border-right: 1px solid #e9e9e9; }
.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 }
.table-order-info th .tb-left { padding-left: 29px }
.table-order-info td .tb-left { padding-left: 20px }
/* ¸¶ÀÌÆäÀÌÁö µðÀÚÀÎ Å¸ÀÔ2 Å×ÀÌºí ¸®½ºÆ®, Å¸ÀÌÆ²  (ÁÖ¹®³»¿ª,ÄíÆù³»¿ª, Àû¸³±Ý³»¿ª,¿À´Ãº»»óÇ°, »óÇ°º¸°üÇÔ, ³»°Ô½Ã±Ûº¸±â, 1:1°Ô½ÃÆÇ, )*/
.tit-tb-list { margin-top: 30px; padding-left: 10px; }
.table-d2-list thead th {padding: 14px 0;background-color: #fcfcfc;color: #666;border-top: 1px solid #bbb;border-bottom: 1px solid #e9e9e9;font-size: 12px;font-weight: normal;}
.table-d2-list tbody td { padding: 12px 0; border-bottom: 1px solid #e9e9e9; }
/* ¸¶ÀÌÆäÀÌÁö µðÀÚÀÎ Å¸ÀÔ2 Å×ÀÌºí ºä */
.table-d2-view {margin-top: 5px;border-top: 1px solid #bbb;}
.table-d2-view th, .table-d2-view td { padding: 10px 0 ; border-bottom: 1px solid #e9e9e9; }
.table-d2-view th { padding: 14px 0;background-color: #fcfcfc;color: #666;font-size: 12px;font-weight: normal; }
/* ÇöÀçÀ§Ä¡ */
.loc-navi {max-width:1300px;min-width:1150px;text-align: right;margin: 0 auto; color:#aaa;margin-top:25px;}
.loc-navi { color:#000 }
.loc-navi a { color:#000; text-transform: capitalize; vertical-align:top }
/* .item-wrap */
.item-wrap {width:100%;margin: 0 auto;max-width:1300px; min-width:1150px;overflow:hidden;}
.item-wrap .item-hd { margin: 40px 0 20px 0 }
.item-wrap .nbg { background: none; text-align: center; }
.item-wrap .item-info{/* margin: 0 0 20px 0 */}
.item-wrap .item-info:after{content:"";display:block;clear:both;}
.item-wrap .item-info .item-total{ float: left;line-height:1;color:#666;padding:10px 0 10px 5px;}
.item-wrap .item-info .item-total .val{}
.item-wrap .item-info .item-order{float: right;padding: 10px 0;clear: both;}
.item-wrap .item-info .item-order li{ float: left; padding: 0 12px;}
.item-wrap .item-info .item-order .nobg { padding-right: 5px }
.item-wrap .item-info .item-order a{position:relative;line-height:1;display:inline-block;font-size:13px;}
.item-wrap .item-info .item-order a:after{content:"";position:absolute;top:50%;left:-12px;margin:-5px 0 0 0;width:1px;height:10px;background-color:#e8e8e8;display:block;}
.item-wrap .item-info .item-order a:hover, .item-wrap .item-info .item-order a.on{color:#000;}
.item-wrap .item-info .item-order li:first-child a:after{display:none;}
.item-wrap .item-info .item-order li:last-child{padding-right:3px;}

.item-wrap .item-info .brandNav2 {float:left;width: 100%;text-align: center;margin: 0 auto;font-size: 0;}
.item-wrap .item-info .brandNav2 .list{display:inline-block;padding-right: 31px;margin: 45px 0 10px;}
.item-wrap .item-info .brandNav2 .list:last-child {padding-right:0; }
.item-wrap .item-info .brandNav2 .link{font-size:15px;line-height: 30px;color: #010101;display:block;font-weight:500;background: #d6d6d6;border-radius: 20px;padding: 0 17px;height: 30px;}
.item-wrap .item-info .brandNav2 .link:hover, .item-wrap .item-info .brandNav2 .link.on{color: #f6f6f6;background: #060606;}


.item-wrap .item-info .brandNav{float:left;width: 100%;text-align: center;margin: 0 auto;}
.item-wrap .item-info .brandNav .list{display:inline-block;padding-right:40px;}
.item-wrap .item-info .brandNav .list:last-child {padding-right:0; }
.item-wrap .item-info .brandNav .link{font-size:15px;line-height:24px;color:#000;display:block;font-weight:500;}
.item-wrap .item-info .brandNav .link:hover, .item-wrap .item-info .brandNav .link.on{color:#777;}

.item-cont{}
.item-cont:after { content: "";display: block;clear: both;}
.item-cont .item-list{float:left;position:relative;width:21.8%;margin:0 0 0 4.2%;padding:0 0 50px;text-align:left;}
.item-cont .item-list:first-child{margin-left:0;}
.item-cont .item-list:hover{}
.item-cont .item-list .thumb{position:relative;}
.item-cont .item-list .thumbWrap{width:100%;margin:0 auto;overflow:hidden;position:relative;display:block;}
.item-cont .item-list .thumb .imgWrap{display:block;overflow:hidden;}
.item-cont .item-list .thumb .imgWrap img{width:100%;}
.item-cont .item-list .thumb .thumbIconWrap{position:absolute;top:0;right:0;z-index:10;}
.item-cont .item-list .thumb .thumbIconWrap img{margin-bottom:5px;display:block;}
.item-cont .item-list dd {height:138px; }
.item-cont .item-list .rankInfo{top:0;left:0;right:0;height:25px;background-color:#dcb3b6;text-align:center;}
.item-cont .item-list .rankInfo .txt{font-size:12px;line-height:25px;color:#fff;font-weight:700;display:block;}
.item-cont .item-list .rankInfo ~ .imgWrap{}
.item-cont .colorArea{padding:10px 0 0 2px;top:0;text-align:left;font-size:0;}
.item-cont .colorArea .colorList{margin:0 4px 2px 0;width:8px;height:8px;vertical-align:top;display:inline-block;}
.item-cont .item-list .prd-name{position:relative;padding:10px 40px 7px 2px;border-bottom:1px solid #e3e0e0;}
.item-cont .item-list .prdLink{font-size:12px;color:#747474;line-height:18px;display:block;}
.item-cont .item-list .utilBtnArea{position:absolute;bottom:0;right:0;}
.item-cont .item-list .utilBtnArea .utilLink{font-size:18px;color:#555;line-height:30px;display:inline-block;}
.item-cont .subnameArea{padding:10px 0 0;} 
.item-cont .subnameArea .subTxt{font-size:11px;line-height:19px;color:#333;display:block;}
.item-cont .item-list .prd-price{position:relative;padding:12px 0 0 0;font-size:12px;color: #000;text-align:left;font-weight: bold;}
.item-cont .item-list .priceWrap{position:relative;padding:0 40px 5px 0;}
.item-cont .prd-price .strike{color:#9b9b9b;text-decoration:line-through;display:inline-block;}
.item-cont .prd-price .price{display:inline-block;}
.item-cont .prd-price .unit{}
.item-cont .prd-price .salePercent{position:absolute;bottom:0;right:0;z-index:1;font-size:20px;color:#ff1d1d;font-weight:700;white-space:nowrap;display:block;}
.item-cont .prd-price .salePercent .unit{font-size:15px;font-weight:400;}
.item-cont .iconWrap{padding-top:10px;display:block;}
.item-cont .item-list .MK-product-icons img { vertical-align: middle }
.item-wrap .nomg { padding-right: 0px }

/* simplePrdWrap */
.simplePrdWrap{}
.simplePrdWrap .itemCont:after{content:"";display:block;clear:both;}
.simplePrdWrap .itemList{float:left;position:relative;width:19.2%;margin:0 1% 1% 0;}
.simplePrdWrap .itemList:first-child{margin-right:0.99%;}
.simplePrdWrap .itemList:last-child{margin-right:0;}
.simplePrdWrap .itemList .thumb{position:relative;}
.simplePrdWrap .itemList .thumbWrap{width:100%;margin:0 auto;overflow:hidden;position:relative;display:block;}
.simplePrdWrap .itemList .thumb .imgWrap{display:block;overflow:hidden;}
.simplePrdWrap .itemList .thumb .imgWrap img{width:100%;}
.simplePrdWrap .itemList .thumb .thumbIconWrap{position:absolute;top:0;left:0;z-index:10;}
.simplePrdWrap .itemList .thumb .thumbIconWrap img{margin-bottom:5px;display:block;}
.simplePrdWrap .itemList dd{position:absolute;bottom:0;left:0;right:0;z-index:10;padding:10px 40px 30px 20px;background-color:rgba(0,0,0,0.65);visibility:hidden;opacity:0;}
.simplePrdWrap .itemList:hover dd{visibility:visible;opacity:1;}
.simplePrdWrap .colorArea{padding:10px 0 0 2px;top:0;text-align:left;font-size:0;}
.simplePrdWrap .colorArea .colorList{margin:0 4px 2px 0;width:8px;height:8px;vertical-align:top;display:inline-block;}
.simplePrdWrap .itemList .prd-name{position:relative;padding:7px 0 10px;border-bottom:1px solid rgba(255,255,255,0.35);}
.simplePrdWrap .itemList .prdLink{font-size:12px;color:#fff;line-height:18px;display:block;}
.simplePrdWrap .itemList .utilBtnArea{position:absolute;bottom:0;right:0;}
.simplePrdWrap .itemList .utilBtnArea .utilLink{font-size:12px;color:#d0d0d0;line-height:30px;display:inline-block;}
.simplePrdWrap .subnameArea{padding:13px 0 0;} 
.simplePrdWrap .subnameArea .subTxt{font-size:12px;line-height:16px;color:#d0d0d0;display:block;}
.simplePrdWrap .itemList .prd-price{position:relative;padding:12px 0 0 0;font-size:14px;color:#e2e2e2;text-align:left;}
.simplePrdWrap .itemList .priceWrap{position:relative;padding:0 40px 5px 0;}
.simplePrdWrap .prd-price .strike{color:#d0d0d0;text-decoration:line-through;display:inline-block;}
.simplePrdWrap .prd-price .price{display:inline-block;}
.simplePrdWrap .prd-price .unit{}
.simplePrdWrap .prd-price .salePercent{position:absolute;bottom:0;right:0;z-index:1;font-size:20px;color:#ff1d1d;font-weight:700;white-space:nowrap;display:block;}
.simplePrdWrap .prd-price .salePercent .unit{font-size:15px;font-weight:400;}
.simplePrdWrap .iconWrap{padding-top:10px;display:block;}


.item-wrap .item-page { margin-top: 50px; text-align: center; }
.item-wrap .item-page a { padding: 0 5px }
.item-wrap .item-page a:hover, .item-wrap .item-page a.now { color: #111; font-weight:600; letter-spacing: -1px; }

/* »óÇ° ¹Ì¸®º¸±â ·¹ÀÌ¾î */
#detailpage { position: absolute; top: 100px; display: block; width: 1060px; padding: 13px; border: 0; background-color: #fff; z-index: 199 !important; border: 1px #1b1b1b solid;  }
#detailpage .hd h2 { font-weight: bold; font-size: 16px; color: #666; }
#detailpage .detail { zoom: 1; overflow: hidden; padding-right: ;  }
#detailpage .thumb-wrap,
#detailpage .txt-wrap { position: relative; float: right; }
#detailpage .close-layer { position: absolute; right: -1px; top: -39px; z-index: 100000 !important; }
/* thumb-wrap */
#detailpage .thumb-wrap { width: 700px; float: left; 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 { max-width:710px; }
/* txt-wrap */
#detailpage .txt-wrap { padding:20px 20px 0 20px; }
#detailpage .txt-wrap .ptit { font-size: 12px; font-weight: 700; color: #000; }
#detailpage .txt-wrap .opt { margin-top: 5px; }
#detailpage .txt-wrap .opt li { padding: 5px 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 img { margin-bottom: 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; }

/* ÆäÀÌÁö Å¸ÀÌÆ² */
/* Å¸ÀÔ 1*/
#content .tit-page {position: relative;padding:40px 0;font-size:30px;text-align: center;color:#000; font-weight:600 }
#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 }
#content .tit-page-sub { font-size: 16px; font-weight:600; color: #333; margin: 60px 0 10px 0; }
#content .tit-page-sub-1st { font-size: 16px; font-weight:600; color: #333; }
#content .tit-page-sub label { float: right }
/* Å¸ÀÔ 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; }
/* ¸ÞÀÎ ½Å»ó ÃßÃµ ½ºÆä¼È Å¸ÀÌÆ² */
.item-wrap h2 { padding:70px 0 39px; text-align: center }
/* »ó¼¼ÆäÀÌÁö Å¸ÀÌÆ² */
#productDetail .board-hd { margin: 80px auto 20px; text-align: center; text-align: center; font-size: 20px; color: #1e1e1e; }
/* ºÐ·ù Å¸ÀÌÆ² */
#prdBrand .cate-wrap .bcate {text-align: center;margin: 40px auto;text-align: center;font-size: 30px;color: #333;}
.prdListArea .cateListTitleArea{padding:50px 0 10px;}
.prdListArea .cateListTitleArea .title{font-size:20px;color:#333;font-weight:700;}
.prdListArea .selectWrap{display:inline-block;}
.prdListArea .selectWrap select{width:208px;height:28px;vertical-align:top;}
.prdListArea .selectWrap .cbtn{min-width:50px;background-color:#a1a1a1;border-color:#909090;color:#fff;height:26px;line-height:26px;font-size:12px;margin-left:2px;}
.prdListArea .selectWrap .cbtn:hover{border-color:#ddd;background-color:#fff;color:#333;}
/* ºÐ·ù ³×ºñ */
#prdBrand .cate-wrap { overflow: hidden }
#prdBrand .cate-wrap .class-list {zoom: 1;text-align: center;margin-bottom: 15px;}
#prdBrand .cate-wrap .class-list span {display: inline-block;height: 38px;border:1px solid #ddd;white-space: nowrap;margin: 0 3px; padding: 0 10px;}
#prdBrand .cate-wrap .class-list span a { display:block; font-size: 16px; line-height:38px; white-space: nowrap;color:#666; }
#prdBrand .cate-wrap .class-list span.ctOn,
#prdBrand .cate-wrap .class-list span:hover { border-color:#000; }
#prdBrand .cate-wrap .class-list span.ctOn a,
#prdBrand .cate-wrap .class-list span:hover a { color:#000; }
/* °Ô½ÃÆÇ Å¸ÀÌÆ² */
.bbs-tit {position: relative;padding: 80px 0 40px 0;text-align: center;font-size: 30px;color: #333;}
.bbs-tit .braket { font-size: 0; line-height: 0; }
.bbs-tit em { margin-left: 10px; font-size: 11px; color: #999; }
/* .navi */
.navi p { text-align: right }
/* ±âº» ¹öÆ° */
.CSSbutton { display: inline-block; padding: 8px 12px; font-size: 12px; color: #333; border: 1px solid #e0e0e0; background: #fff; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.CSSbutton:hover { border: 1px solid #333; cursor: hand; }
.CSSbutton:active { position: relative;  }
/* ±âº» ¹öÆ° - È¸»ö */
.CSSbuttonGray { display: inline-block; padding: 8px 12px; font-size: 12px; color: #fff; border: 1px solid #909090; background: #a1a1a1; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.CSSbuttonGray:hover { color: #333; border: 1px solid #333; background: #fff; cursor: hand; }
.CSSbuttonGray:active { position: relative; }
/* ±âº» ¹öÆ° - °ËÀº»ö */
.CSSbuttonBlack { display: inline-block; padding: 8px 12px; font-size: 12px; color: #fff; border: 1px solid #333; background: #333; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.CSSbuttonBlack:hover { color: #333; border: 1px solid #333; background: #fff; cursor: hand; }
.CSSbuttonBlack:active { position: relative;  }
/* Å« ¹öÆ° */
.CSSbuttonB { display: inline-block; padding: 12px 45px; font-size: 14px; color: #333; font-weight:600; border: 1px solid #e0e0e0; background: #fff; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.CSSbuttonB:hover { border: 1px solid #333; cursor: hand; }
.CSSbuttonB:active { position: relative;  }
/* Å« ¹öÆ° - È¸»ö */
.CSSbuttonGrayB { display: inline-block; padding: 12px 45px; font-size: 14px; color: #fff; font-weight:600; border: 1px solid #909090; background: #a1a1a1; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.CSSbuttonGrayB:hover { color: #333; border: 1px solid #333; background: #fff; cursor: hand; }
.CSSbuttonGrayB:active { position: relative; }
/* Å« ¹öÆ° - °ËÀº»ö */
.CSSbuttonBlackB { display: inline-block; padding: 12px 45px; font-size: 14px; color: #fff; font-weight:600; border: 1px solid #333; background: #333; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.CSSbuttonBlackB:hover { color: #333; border: 1px solid #333; background: #fff; cursor: hand; }
.CSSbuttonBlackB:active { position: relative; }
/* ·Î±×ÀÎ ¹öÆ° - °ËÀº»ö */
.CSSbuttonLog { display: inline-block; width: 368px; height: 42px; font-size: 14px; color: #fff; font-weight:600; text-align: center; line-height: 42px; border: 1px solid #333; background: #333; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.CSSbuttonLog:hover { color: #333; border: 1px solid #333; background: #fff; cursor: hand; }
.CSSbuttonLog:active { position: relative; }
/* ·Î±×ÀÎ ¹öÆ° - Èò»ö */
.CSSbuttonLogW { display: inline-block; width: 368px; height: 42px; font-size: 14px; color: #333; font-weight:600; text-align: center; line-height: 42px; border: 1px solid #ddd; background: #fff; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.CSSbuttonLogW:hover { border: 1px solid #333; border: 1px solid #333; cursor: hand; }
.CSSbuttonLogW:active { position: relative; }
/* ·Î±×ÀÎ ¹öÆ° - È¸»ö */
.CSSbuttonLogG { display: inline-block; width: 368px; height: 42px; font-size: 14px; color: #fff; font-weight:600; text-align: center; line-height: 42px; border: 1px solid #909090; background: #a1a1a1; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.CSSbuttonLogG:hover { color: #333; border: 1px solid #333; background: #fff; cursor: hand; }
.CSSbuttonLogG:active { position: relative; }
/* ´ñ±Û ¹öÆ° - È¸»ö */
.CSSbuttonRE { display:inline-block; width:148px; height:80px; font-size:18px; color:#fff; font-weight:600; text-align:center; line-height:80px; border:1px solid #707070; background:#707070 }
.CSSbuttonRE:hover { color:#707070; background:#fff; cursor:hand }
.CSSbuttonRE:active { position:relative; }


/* ¼­ºê ÅÇ */
.subPageTabArea{text-align:center;font-size:0;padding-bottom:50px;}
.subPageTabArea .link{margin: 0 90px;font-size: 20px;color:#777;border-bottom:2px solid transparent;display:inline-block;line-height:1;padding: 0 2px 6px;}
.subPageTabArea .link.on, .subPageTabArea .link:hover{color:#121212;border-bottom-color:#105222;}

/* °³º°ÆäÀÌÁö °øÅë */
#prdJone { text-align:center; padding-top:80px; }

/* °Ô½ÃÆÇ ÅÇ¸Þ´º °øÅë */
.bbsTap { margin:40px 0;  border-top: 1px solid #ededed; border-left: 1px solid #ededed; none; overflow:hidden }
.bbsTap ul { *zoom:1 }
.bbsTap ul:after { display:block; clear:both; content:'' }
.bbsTap ul li { margin-left:-1px; float:left; width:185px; height:48px; border-right:1px solid #e9e9e9;   border-bottom: 1px solid #e9e9e9; }
.bbsTap ul li a { display:block; font-size:14px;  color:#999; line-height:48px; text-align:center }
.bbsTap ul li a:hover { color:#000; font-weight:600;}
.bbsTap ul li.on a { color: #fff; background: #000;}
.titImg {text-align:center; padding-bottom: 40px;}

/* ±âº» Å¸ÀÌÆ² */
.ctitle{position:relative;}
.ctitle .utilMenu{position:absolute;right:10px;top:43px;}
.ctitle .moreBtn{display:inline-block;font-size:24px;color:#000;width:38px;height:38px;border:1px solid #000;text-align:center;}
.ctitle .moreBtn i{padding-top:7px;}
.ctitle .moreBtn:hover{border-color:#aaa;}
.ctitle.main{padding:28px 0 48px;color:#000;text-align:center;}
.ctitle.main .titleWrap{position:relative;z-index:1;min-width:320px;background-color:#fff;vertical-align:top;display:inline-block;}
.ctitle.main .title{font-size:24px;line-height:1;display:block; font-weight:bold;}
.ctitle.main .empha{color:#80ae6d;}
.ctitle.main .subTitle{padding:7px 0 16px;line-height:1;display:block;}
.ctitle.shopdetail{padding:27px 0 26px;color:#232323;text-align:center;}
.ctitle.shopdetail .titleWrap{position:relative;z-index:1;min-width:320px;background-color:#fff;vertical-align:top;display:inline-block;}
.ctitle.shopdetail .title{font-size:22px;line-height:1;font-weight:700;display:block;}
.ctitle.shopdetail .empha{color:#80ae6d;}
.ctitle.shopdetail .subTitle{padding:3px 0 16px;font-size:13px;line-height:1;color:#565656;display:block;}

/*************************************************  
							¾ÆÀÌÄÜ 
*************************************************/
/* class */
.cicon{background:url(/design/swooew/phps/common/common_icons.png) no-repeat;font-size:0;vertical-align:middle;display:inline-block;}
/* »ó´Ü */
.cicon.desktopIcon{width:12px;height:13px;background-position:0 0;}
.cicon.bookmarkIcon{width:10px;height:12px;background-position:-12px 0;}
.cicon.searchIcon{width:13px;height:13px;background-position:-22px 0;}
.cicon.wishlistIcon{width:20px;height:19px;background-position:-35px 0;}
.cicon.orderListIcon{width:20px;height:19px;background-position:-55px 0;}
.cicon.mypageIcon{width:20px;height:19px;background-position:-75px 0;}
.cicon.instaIcon{width:20px;height:21px;background-position:0 -19px;}
.cicon.fbIcon{width:12px;height:20px;background-position:-19px -19px;}
.cicon.ksIcon{width:11px;height:20px;background-position:-31px -19px;}
.cicon.prdPreviewIcon{width:17px;height:17px;background-position:-42px -19px;}
.cicon.saleIcon{width:10px;height:16px;background-position:-59px -19px;}
.cicon.fixMenuIcon{width:22px;height:16px;background-position:-72px -19px;}
.cicon.moveTopIcon{width:22px;height:14px;background-position:-72px -35px;}
.cicon.moveBtmIcon{width:22px;height:14px;background-position:-72px -49px;}
/* ¸ÞÀÎ */
.cicon.slideArrowPrev{width:36px;height:55px;background-position:0 -40px;}
.cicon.slideArrowNext{width:36px;height:55px;background-position:-36px -40px;}
/* ÇÏ´Ü */
.cicon.footerIcon{background-image:url(/design/swooew/phps/common/footer_icons.png);}
.cicon.footerIcon.noticeIcon{width:32px;height:32px;background-position:0 0;}
.cicon.footerIcon.orderIcon{width:32px;height:32px;background-position:-32px 0;}
.cicon.footerIcon.qnaIcon{width:32px;height:32px;background-position:-64px 0;}
.cicon.footerIcon.reviewIcon{width:32px;height:32px;background-position:0 -32px;}
.cicon.footerIcon.eventIcon{width:32px;height:32px;background-position:-32px -32px;}
.cicon.footerIcon.footerBookmarkIcon{width:10px;height:18px;background-position:-64px -32px;}

/*°Ô½ÃÆÇ »ó´Ü ¹è³Ê*/
.bnr_pd {text-align: center; padding:40px 0;}
