/* **************************** //필수 CSS 수정 및 삭제 불가 **************************** */

/* 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%;}
body,code { background:#fff; }
body { min-width:1480px;min-height:100%;-webkit-font-smoothing: antialiased;font-size:0.75em;font-family: 'Roboto', 'Open Sans', 'PT Sans', 'nanumgothic', 'malgun gothic', arial, dotum, sans-serif;}
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; }
input,select,textarea { font-size:100%; font-family:"NanumGothic","Arial", sans-serif;color:#353535; 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:24px; padding:4px 4px; border:1px solid #e0e0e0; color:#353535; font-size:12px; }
input[type=radio] + label, input[type=checkbox] + label { margin:0 4px 0 2px; }
select { height:28px; border:1px solid #d5d5d5;}
textarea { padding:5px 6px; border:1px solid #e0e0e0; 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; }
button { overflow:visible; padding:0; margin:0; border:0; cursor:pointer; }
hr.layout { display:none; }
a { text-decoration:none; color:#000; }
a:hover { text-decoration:none; }
a:active { text-decoration:none; }
.objHidden { visibility:hidden; position:absolute; left:-1000px; top:-1000px; height:0; width: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; }
#content_CONTAINER table, #bi_inquire_content_CONTAINER table { border:0; margin:0 0 -1px; }
#content_CONTAINER table:before, #bi_inquire_content_CONTAINER table:before { display:none; }
#content_CONTAINER td, #bi_inquire_content_CONTAINER td { width:auto !important; padding:0; }
table.nneditor-table { width:auto !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; }

/* 결제진행바 */
#progressPaybarBackground { position:absolute; z-index:99; left:0; top:0; width:100%; height:100%; }
#progressPaybarView { position:absolute; z-index:100; top:160px; left:20px; width:471px; font-size:12px; }
#progressPaybarView .box { height:180px; background:url(http://img.cafe24.com/images/ec_hosting/popup/layer_guide/bg_layer_box1.gif) 0 0 no-repeat; }
#progressPaybarView .box .graph { padding:15px 0 0 0; text-align:center;}
#progressPaybarView .box .graph span { display:block; text-align:center; margin:20px 0; }
#progressPaybarView .box .txt { text-align:center; padding:15px 0 0; color:#555555; }
div.layerProgress { filter:alpha(opacity=40); opacity:0.4; -moz-opacity:0.4; background-color:#999; }

/* contents */
#skipNavigation {position:absolute; top:0; left:0; z-index:100; width:100%; height:0;}
#skipNavigation p, #skipNavigation ul, #skipNavigation ul li {height:0;}
#skipNavigation p a {position:absolute; left:0; top:0; display:block; overflow:hidden; width:1px; height:1px; margin-left:-1px; margin-bottom:-1px; text-align:center; color:#000; white-space:nowrap;}
#skipNavigation p a:focus, #skipNavigation p a:hover, #skipNavigation p a:active {width:100%; height:auto; padding:10px 0; background:#c4122f; color:#fff; z-index:100;}

.displaynone { display:none !important; }
.mt60 {margin-top:60px;}


/* .dimmed { position:fixed; top:0; left:0; z-index:99; width:100%; height:100%; background:#fff; }*/

/* **************************** 필수 CSS 수정 및 삭제 불가 **************************** */


/* **************************** 필수 CSS 수정 및 삭제 불가 **************************** */

/* form */
input[type=text], input[type=password], input[type=number], input[type=tel], textarea {
    padding:7px; font-weight:inherit; border:1px solid #cbcbcb; border-radius:2px; outline-style:none; line-height:13px; color:#353535;
    -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;
}
input[type="file"] { overflow:hidden; max-width:100%; }
input[type=text], input[type=password], input[type=number], input[type=tel] { height:29px; }
textarea, input, select { vertical-align:middle; }
textarea { resize:none; line-height:1.2em; }
select 
{ max-width:100%; height:29px;  margin:0; padding:0 35px 0 7px; color:#353535; word-break:break-all; font-weight:inherit; border:1px solid #ccc; 
background:#fff url("/SkinImg/bg_selectbox.gif") no-repeat right center; background-size:27px 27px; 
-webkit-border-radius:3px; }
select.disabled { color:#bfbfbf; background-image:url("/SkinImg/bg_selectbox_disabled.gif");}
input[type="button"], input[type="text"], input[type="password"], input[type="tel"], input[type="image"], textarea { -webkit-appearance:none; }
input:checked[type="checkbox"] { background-color:#fff; -webkit-appearance:checkbox; }
button::-moz-focus-inner { padding:0; border:0; }
label { margin:0; display:inline-block; min-height:29px; line-height:29px; vertical-align:middle; }
input[type="radio"],
input[type="checkbox"] { margin:0 7px 0 0; }
textarea.disabled { background-color:#ffffff; color:#bfbfbf; }
select::-ms-expand {display: none;} 
::-ms-expand pseudo-element



/* layout */
body { }
#wrap {position:relative; width:100%;height: 100%;margin:0 0 0px 0;}
.xans-layout-logotop {width:306px; margin:30px auto 20px auto; }
.xans-layout-logotop img { max-width:306px; } 
.textcenter {text-align:center;}
#headertop { position:relative; width:100%;height:30px; margin:0 auto; *zoom:1; }
#headertop .link { position:absolute; right:0; top:0; height:29px;line-height:30px; border-left:1px solid #676767; font-size:10px; }
#headertop .link a { float:left; height:30px; padding:0px 12px 0 11px; border-right:1px solid #676767; color:#eee;font-weight:bold; }
#headertop .link a:hover { text-decoration:none;background:#fff;color:#000; }




.margin50 {margin-top:50px;}
.rightlinkBox {position:absolute;bottom:-1px;right:0;}
.rightlinkBox .blackbox {width:54px;height:54px;line-height:54px;text-align:center;background:#000;}
.rightlinkBox .blackbox a {display:block;color:#fff;font-size:11px;}



.mainSubject {overflow:hidden;display:block;text-align:center;padding:0 0 0px 0;}
.mainSubject h2 { font-family: 'Montserrat', sans-serif;letter-spacing:2px;margin:0;padding:30px 0 0; font-size:13px; line-height:20px;color:#222;vertical-align:middle;text-transform: uppercase;}
.mainSubject span {font-size:10px;display:block;font-family: 'Arial', sans-serif;letter-spacing:0px;}



.clearfix:after {
  clear: both;
}

.categoryTitle {width:100%;height:68px;}
.categoryTitle .recomm {padding:20px 0 0;text-align:center;font-family:"times new roman",nanumgothic,dotum;font-size: 22px;font-weight:normal;color:#333;font-style:italic;height:32px;line-height:22px;}



.main_section{width: 85%; margin: 0px auto; padding: 0px 0 0px;}





	/*footer*/
#footer { position:relative; clear:both; width:100%; border-top:1px solid #ccc;color:#888;margin:20px auto 0px;font-family: 'arial','NanumGothic',돋움,sans-serif; zoom:1; }
#footer .footerLink {background:#000;width:100%;text-align:center;line-height:30px;}
#footer .footerinner {width:1260px;margin:20px auto ; padding:0 0 20px;}
#footer .footerinner h3 {color:#000;font-size:12px;padding: 0 0 10px 0;font-family: 'Roboto-Bold','NanumGothic',돋움,sans-serif;}
#footer .footerinner .f_first {display:block;margin:20px 0 0;width:200px;float:left;}
#footer .footerinner .f_first li {display:block;font-size:11px;padding:0px 0;line-height:1.4em;}
#footer .footerinner .f_first li.call {line-height:24px;font-size:18px;color:#000;font-family: 'Roboto-Bold','NanumGothic',돋움,sans-serif;}
#footer .footerinner .f_second {display:block;margin:20px 0 0;width:212px;float:left;}
#footer .footerinner .f_second li {display:block;font-size:11px;color:#888;padding:0px 0;line-height:1.6em;}
#footer .footerinner .f_third {display:block;margin:20px 0 0;width:403px;float:left; border-right:1px solid #ededed;}
#footer .footerinner .f_third strong {color:#000;font-size:12px;font-family:"georgia";}
#footer .footerinner .f_third span {font-size:11px;color:#888;padding:0px 0;line-height:1.6em;}
#footer .footerinner .f_third .copyright {display:block;margin:0px 0 0;font-size:11px;color:#888;font-family: 'arial','NanumGothic',돋움,sans-serif;}

#footer .footerinner .f_fourth {display:block;width:220px;float:left; padding-left:10px;}
#footer .footerinner .f_fourth ul {clear:both;}
#footer .footerinner .f_fourth li a{display:block;font-size:11px;color:#888;padding:2px 0;line-height:1.2em;}
#footer .footerinner .f_fourth p a{float:left;display:block;margin:20px 5px 10px 0;font-size:11px;color:#888;padding:0px;border:1px solid #eee;}

#footer .cardinfo {overflow:hidden; text-align:center;width:100%;  background:#f0f0f0;margin:15px auto 0; border-top:1px solid #ccc; padding:20px 0;font-size:11px;color:#888;}
#footer .cardinfo .cardinner {display:block; width:1060px;margin:0 auto;}
#footer .cardinfo .cardinner  strong {font-size:11px;color:#555;}
#footer .cardinfo .cardinner  span a {margin-left:10px;color:#888;border-bottom:1px solid #888;}



#maincontainer { width:100%;margin:0px 0 0px 0;padding:0px 0 0px;}
#maincontainer:after { content:""; display:block; clear:both; }
#container { width:85%;margin:0px auto;padding:0px 0 0px;}
#container:after { content:""; display:block; clear:both; }
#container .inner {padding:40px;}
#contentsmain {overflow:hidden;margin:0px;padding:0 0 50px;}
#contents_board { float:right; width:970px; margin:0 0 0 0px;border-top:0px solid #ddd;}
#contentsdetail {margin:0px 0px;padding:0px 0;}
#contents {margin:0px  auto ;padding:0px 0 0px 0;border-top:0px solid #e9e9e9;min-height:600px;position:relative;}

.topSnb {overflow:hidden; margin:10px 0 0px 0; width:1060px;height:26px;border-bottom:1px solid #000;}
.topSnb .snbpostion { z-index:1; width:1060px;height:26px;}
.topSnb ul { }
.topSnb li { display:block;float:left;position:relative; z-index:10; }
.topSnb li a { float:left;display:block; padding:0px 0 0px 0px; font-size:14px; color:#333; background:#fff; }
.topSnb li a:hover, 
.topSnb li.on > a { color:#749edd;  text-decoration:none; }

.clear20 {clear:both;height:1px;padding:19px;}
.eright {float:right;}
.left24 {float:left;}
.clear {clear:both;}
.rb1 {display:block;}
.rb2 {display:block;padding:8px 0 0;}

.fb1 {width:739px;padding:8px 0 0;}
.fb1 li {float:left;display:block;margin:0 0 0 8px;border:1px solid #e5e5e5;width:239px;height:128px;overflow:hidden;}
.fb1 li:first-child {margin:0;}

.right_roll1 {float:right;overflow:hidden;background:#fff;width:239px;height:396px;border:1px solid #e5e5e5;margin:8px 0 0;padding:0;}

.bestitems {position:relative;float:left;width:739px;padding:14px 0 0;background:#fff;overflow:hidden;}
.bestitems h2 {float:left;width:100%;border-bottom:1px solid #000;padding:4px 0;background:#fff;}
.bestitems ul { position:absolute;right:0;margin-top:4px;}
.bestitems li { float:left; display:block;padding:0 0 0 15px; margin:0 0 0 0px; background:url(/SkinImg/tab1/bar79.png) 4px 0px no-repeat; }
.bestitems li.displaynone { display:none; }
.bestitems li:first-child { background:none; }

.hotbrand {clear:both;display:block;float:left;width:739px;height:400px;}
.hotbrand h2 {border-bottom:1px solid #000;padding:4px 0;background:#fff;}
.hotbrand .bleft {float:left;width:241px;padding:8px 0 0;}
.hotbrand .bright {float:right;overflow:hidden;height:362px;width:490px;padding:8px 0 0;}


.brandpage {float:left;width:1060px;overflow:hidden;margin:50px 0;}
.brandpage h2 {border-bottom:1px solid #000;background:#fff;padding:4px 0;}
.brandpage ul{margin-top:8px;width:1009px;}
.brandpage li {float:left;overflow:hidden;width:239px;height:64px;margin-bottom:8px;border:1px solid #e5e5e5;margin-right:8px;}
.brandpage li:hover {float:left;overflow:hidden;width:239px;height:64px;margin-bottom:8px;border-top:1px solid #e5e5e5;border-bottom:1px solid #000;}


.newbrand {float:right;width:241px;height:400px;}
.newbrand h2 {border-bottom:1px solid #000;background:#fff;padding:4px 0;}
.newbrand ul{margin-top:8px;}
.newbrand li {float:left;overflow:hidden;width:239px;height:64px;margin-bottom:8px;border:1px solid #e5e5e5;}
.newbrand li:hover {float:left;overflow:hidden;width:239px;height:64px;margin-bottom:8px;border-top:1px solid #e5e5e5;border-bottom:1px solid #000;}




.menuCategory .button.selected { z-index:10; }
.menuCategory .button.selected .subCategory { display:block; }

.leftposition {width:130px;margin:10px 0 0;}
.leftposition ul li { position:relative; float:none;height:14px; line-height:14px; font-size:11px; text-transform:uppercase; padding:2px 5px;margin-bottom:2px; }
.leftposition ul li a:hover { text-decoration:none; font-weight:bold; border:0; }
.leftposition ul li .subcategory {padding:20px;}


.boardmenu { margin:0px 0 0 0; padding:0 0 0 0px; }
.boardmenu > li { display:block; width:143px; vertical-align:top; font-size:12px; text-transform:uppercase; padding:6px 8px 0px 0;margin-bottom:2px; *margin:0; *zoom:1; }
.boardmenu > li > a {color:#111;font-family: 'Montserrat',arial,돋움,sans-serif;font-weight:700;}
.boardmenu > li > a:hover { color:#3f8ae7; text-decoration:none; }



.lefttitleArea { margin:13px 0 6px;padding:0 0 10px 0; border-bottom:1px solid #eaeaea;}
.lefttitleArea h2 { padding:0 0 4px 0px;  font-size:12px; color:#111;font-family:"georgia"; font-weight:normal;}
.lefttitleArea strong {color:#111;
font-weight:bold;font-size:15px;
font-style:normal;
display:block;
margin-top:1px;
}


.memberTitle {width:100%;height:200px;border-bottom:1px solid #000;text-align:center;}


#banner { position:absolute; top:100px; left:-120px; width:100px; min-height:200px; }
#quick { position:absolute; top:195px; left:50%;margin-left:550px;width:90px; min-height:200px;border:0px solid #ccc; }

#boardArea { overflow:hidden; margin:30px 0; }
.mainBoard p { margin:10px 0 0;}
.mainBoard thead {visibility:hidden; position:absolute; left:-1000px; top:-1000px; height:0; width:0; }
.mainBoard td { border:none; font-size:.9em; line-height:1.8em; }
.mainBoard td.title a,
.mainBoard td.title a:hover { text-decoration:underline; color:#8f8f91; }

#board2nd { float:right; width:270px; }
#board2nd h2 { height:20px; margin:0 0 20px; border-bottom:1px solid #dedcdc; }
#board3rd td { display:none; }
#board3rd td.title { display:block; width:auto; }

/* Link-On */
.linkOn { float:left; height:20px; padding:9px 8px 0 9px; border-right:1px solid #e3e4e5; color:#8f8f91; }
.linkOn img { margin:-1px 0 0 0; vertical-align:top; }
.linkOn strong { font-size:10px; font-family:Verdana, sans-serif; }
.linkOn .on { color:#80a3d7; }
.linkOn .off { color:#8f8f91; }


/* Common */

 a.rollover img { border-width:0px; display:inline; }
 a.rollover img.over { display:none; }
 a.rollover:hover { border:0px }
 a.rollover:hover img { display:none; }
 a.rollover:hover img.over { display:inline; }


.btitlec { margin:0 0 0px; }
.btitlec h2 { font-size:12px; color:#272823; }
.btitlec p { padding:0px 0 0 0; font-size:11px; color:#8f8f8f; line-height:140%; }
.btitlec p.imgArea { padding:0; }
.btitlec p.imgArea img { display:none; margin:0 0 0px; }



.pathplist { overflow:hidden; text-align:left;margin:0px 0 0 70px;padding:10px 0 0;height:18px; line-height:18px;border-bottom:0px solid #eee;}
.pathplist h3 { overflow:hidden; position:absolute; width:0; height:0; white-space:nowrap; text-indent:100%; font-size:0; line-height:0; }
.pathplist ol { text-align:left;}
.pathplist li { display:inline-block;padding:0 0 0 10px; margin:0 0 0 3px; font-size:10px; background:url("/SkinImg/ico_path.gif") 0 6px no-repeat; font-family:"arial";}
.pathplist li.displaynone { display:none; }
.pathplist li a {; text-transform:uppercase;color:#333;}
.pathplist li.first { padding-left:0;background:none; text-transform:uppercase;}
.pathplist li strong { font-weight:normal; text-transform:uppercase;}

.path { display:none;position:absolute;right:0;top:20px;overflow:hidden; height:20px; line-height:28px;margin-left:0px;border-bottom:0px solid #eee;}
.path h3 { overflow:hidden; position:absolute; width:0; height:0; white-space:nowrap; text-indent:100%; font-size:0; line-height:0; }
.path ol { float:right; }
.path li { float:left; padding:0 0 0 10px; margin:0 0 0 5px; font-size:11px; background:url("/SkinImg/ico_path.gif") 0 9px no-repeat; }
.path li.displaynone { display:none; }
.path li a {; text-transform:uppercase;color:#555;}
.path li.first { background:none; text-transform:uppercase;}
.path li strong { font-weight:normal; text-transform:uppercase;}

.path2 { overflow:hidden; height:30px; line-height:30px; border-bottom:1px solid #ddd;margin-left:-15px;}
.path2 h3 { overflow:hidden; position:absolute; width:0; height:0; white-space:nowrap; text-indent:100%; font-size:0; line-height:0; }
.path2 ol { float:right; }
.path2 li { float:left; padding:0 0 0 10px; margin:0 0 0 5px; font-size:11px; background:url("http://img.echosting.cafe24.com/design/skin/default/common/ico_path.gif") 0 9px no-repeat; }
.path2 li.displaynone { display:none; }
.path2 li.first { background:none; }
.path2 li strong { font-weight:normal; }

/*.titleArea { margin:0 0 15px; }
.titleArea h2 { padding:0 0 0 10px; background:url("http://img.echosting.cafe24.com/design/skin/default/common/ico_title.gif") 0 2px no-repeat; font-size:12px; color:#272823; }
.titleArea h3 { margin:0 0 20px; font-size:12px; color:#444; }
.titleArea p { margin:16px 0 0 10px; font-size:11px; color:#8f8f8f; line-height:140%; }
.titleArea ul { margin:16px 0 0; }
.titleArea ul li { padding:0 0 0 10px; color:#8f8f8f; font-size:11px; line-height:18px; background:url("http://img.echosting.cafe24.com/design/skin/default/common/ico_help.gif") 0 2px no-repeat; }
.titleArea ul strong { color:#f26522; }*/

.titleArea { clear:both;margin:0px 0 0px;padding:18px 0 0px; color:#555;}
.titleArea h2 { margin:0px;padding:0 0 0 0px;font-size:30px;display:block;font-family: 'Lora', serif;font-weight:400;}
.titleArea h3 { margin:0px;padding:0 0 0 0px;  font-size:18px; color:#555; font-weight:normal;}
.titleArea strong {font-size:20px;font-style:normal;display:block;font-family: 'Lora', serif;font-weight:400;}

.titleArea3 { clear:both;margin:0px 0 0px;padding:18px 0 0px; text-align:center;color:#555;}
.titleArea3 h2 { margin:0px;padding:0 0 0 0px;font-size:30px;display:block;font-family: 'Lora', serif;font-weight:400;}
.titleArea3 h3 { margin:0px;padding:0 0 0 0px;  font-size:18px; color:#555; font-weight:normal;}
.titleArea3 strong {font-size:20px;font-style:normal;display:block;font-family: 'Lora', serif;font-weight:400;}

#banners { margin:30px 0 0; overflow:hidden; zoom:1; }
#banners p img { display:block; }

.utilBanner { margin:25px 0 0; }

/* 공통 */
.help { clear:both;overflow:hidden;margin:30px 0 30px 15px; }
.help h3 { padding:20px 0 10px; font-size:12px; color:#292925; }
.help li { padding:0 0 0 10px; color:#8b8b8c; font-size:11px; line-height:18px; background:url("http://img.echosting.cafe24.com/design/skin/default/common/ico_help.gif") 0 2px no-repeat; }
.help strong { color:#f26522; }
.help a,
.help a:hover {color:#8b8b8c; }


.sort { overflow:hidden; margin:20px 0; }
.sort p.icon { float:right; text-align:right; }

.guideArea h3 {clear:both; padding:30px 0 0;margin:0px 0 10px; color:#000; font-size:12px; }
.guide { padding:5px 18px 18px; margin:0px 0 30px; border:1px solid #e9e9e9;background:#f9f9f9; line-height:20px; }
.guide h3, .guide h4 { margin:10px 0 0; font-size:12px; color:#555; }
.guide ul:first-child { margin:13px 0 0; }
.guide li,
.guide p { padding:0 0 0 10px; color:#848484; font-size:11px; background:url("http://img.echosting.cafe24.com/design/skin/default/common/ico_guide.gif") no-repeat 2px 6px; }
.guide a { color:#747474; }

/* 게시판 메인 */
.boardMain { overflow:hidden; *zoom:1; }
.boardMain img { vertical-align:middle; margin:1px; }
.boardMain .leftArea { float:left; width:49.4%;  }
.boardMain .rightArea { float:right; width:49.4%; }


.contWap1260 {position:relative; width:1260px; min-height: 1180px;margin:0 auto;}


.mainCircleArea {position:relative;overflow:hidden;width:100%;margin:40px auto;padding:0;background:#fff !important;text-align:center;}
.mainCircleArea ul {text-align:center;display: inline-block;width:1020px;margin:0 auto;}
.mainCircleArea li {
	display: inline-block;
	padding:20px 0px;
	width:110px;
}
.mainCircleArea li img{width:82px;height:82px;border-radius:45px;border:4px solid #fff;}
.mainCircleArea li img:hover{border:4px solid #000;}


.mainbannerArea {position:relative;overflow:hidden;width:100%;margin:0px auto;padding:0;background:#fff !important;text-align:center;}
.mainbannerArea .inner {overflow:hidden;width:1201px;margin:0 auto;}
.mainbannerArea .inner ul {padding:20px 0 0;width:1221px;}
.mainbannerArea .inner li.inbig {width:592px;padding: 0px 17px 17px 0;}
.mainbannerArea .inner li.inbig img {	outline: none;border: none;display: block;max-width:592px;}
.mainbannerArea .inner li { 
	float:left;display: block;
	padding: 0px 17px 0 0;
	width:389px;
}
.mainbannerArea .inner li img {
	outline: none;
	border: none;
	display: block;
	max-width:389px;
}

.wrap960 {width:960px;margin:0 auto;}


/*header*/
#special #header { position:absolute;z-index:999999;background-color:rgba(255,255,255,0);} 
#header { position:relative;margin:0;background-color:rgba(255,255,255,0.3);padding:0px 0;width:100%;}
#header .headerin h1 { position: absolute;left: 45%; top:55%; width: 300px;margin-left: 0;z-index: 99;}

.global_select {border: 1px solid #dddddd; }
#header .topBar {float:right;}
#header .topBar > ul {float:left;}
#header .topBar > ul:last-child {padding:11px 0 0 7px;}
#header .topBar > ul > li {display:inline-block;padding:0 0 6px 12px; line-height:36px; position:relative; z-index:99999999;}
#header .topBar > ul > li > a {color:#000;}
#header .topBar > ul > li.cart {}
#header .topBar > ul > li.search {}


#header .inner {position:relative;width:100%;display:block;height:80px;padding:40px 0 10px;margin:0 auto;}
#header .inner h1 {    position: absolute;
    left: 44%;
    margin-left: 0;
    top: 46px;
    z-index: 99;
    background-size: 222px;}
#header .inner h1 a {text-decoration:none;display:block;}
#header .inner h1 a img{width: 200px;}
#header .inner:after { content:""; display:block; clear:both; }

.whiteLinks a {color:#fff !important;}
.h1logo {background:url(/web/User/logo-white.png) !important;}
.iuser_w {background:url(/web/User/icon_user_black_top-white.png)no-repeat center 10px !important;background-size:27px 27px !important;}
.icart_w {background:url(/web/User/icon_cart_black_top-white.png)no-repeat center 12px !important;background-size:27px 27px !important;}
.isearch_w {background:url(/web/User/icon_search_black_top-white.png)no-repeat center 12px !important;background-size:27px 27px !important;cursor:pointer;}

#header .topArea { height:112px; padding:83px 0 0; text-align:center; *zoom:1; }
#header .topArea:after { content:""; display:block; clear:both; }
#header .special { float:left; border-left:1px solid #d8d8d8; }
#header .special li { float:left; }
#header .special a { display:block; height:20px; padding:16px 15px 9px; border-right:1px solid #d8d8d8; color:#353535; text-decoration:none; }
#header .special a:hover { color:#008bcc; padding-bottom:7px; border-bottom:2px solid #008bcc; }

/*상단중앙 주요메뉴*/
#header .link { position:relative;text-align:center;top:28px;height:20px;width:50%;margin:0; float: left; }

#header .link ul {line-height:25px;}
#header .link ul li {position:relative;display:inline-block;*display:inline;*zoom:1;line-height:13px;font-family: 'Roboto', 'Open Sans', 'PT Sans', 'nanumgothic', 'malgun gothic', arial, dotum, sans-serif; z-index:99999;}

#header .link ul li:after {content:'';position:absolute;width:1px;height:15px;right:-3px;top:-1px;background:#000;} /*점*/
#header .link ul li:nth-child(4):after  {content:'';position:absolute;width:0;height:0;}

#header .link ul li a{font-size:13px;color:#222;line-height:11px;letter-spacing:1px;}
#header .link ul li a strong{font-size:19px; font-weight:bold;}
#header .link ul li a:hover {color:#7826af;}
#header .link ul li span {color:#000;   
   }

#header .link ul li.xmag {margin-left:10px;padding-left:20px;padding-right:24px;border-left:1px solid #999;background:url(/web/User/icon_magazine.png) no-repeat right;}
#header .link > a,
#header .link > span { float:left; }
#header .link > a { margin:0 9px 0 0; padding:0 10px 0 0; color:#666; text-decoration:none; background:url("http://img.echosting.cafe24.com/skin/base_ko_KR/layout/ico_util2.gif") no-repeat 100% 12px; }
#header .link > span img { vertical-align:middle; }
#header .link .xans-layout-bookmark span { padding-left:17px; background:url("http://img.echosting.cafe24.com/skin/base_ko_KR/layout/ico_bookmark.gif") no-repeat 0 1px; }

#header .link > ul > li > div > div > .hotSearch { display:none; position: absolute; background: #fff; border: 1px solid #f1f1f1;width: 378px; padding:20px 0; z-index: 9; }
#header .link > ul > li > div > div > .hotSearch > h2 { text-align:left; font-size:12px; position:absolute; left:24px; }
#header .link > ul > li > div > div > .hotSearch > ul { display:inline-block; vertical-align:bottom; }
#header .link > ul > li > div > div > .hotSearch > ul > li { display:block; text-align:left; position:relative; }
#header .link > ul > li > div > div > .hotSearch > ul > li:before { position:absolute; left:-26px; top:2px; width:12px; height:12px; border:1px solid #ededed; padding:3px; font-size:10px; line-height:12px; }
#header .link > ul > li > div > div > .hotSearch > ul > li:after { width:0; height:0; }
#header .link > ul > li > div > div > .hotSearch > ul > li:first-child:before { content:'01'; }
#header .link > ul > li > div > div > .hotSearch > ul > li:nth-child(2):before { content:'02'; }
#header .link > ul > li > div > div > .hotSearch > ul > li:nth-child(3):before { content:'03'; }
#header .link > ul > li > div > div > .hotSearch > ul > li:nth-child(4):before { content:'04'; }
#header .link > ul > li > div > div > .hotSearch > ul > li:nth-child(5):before { content:'05'; }
#header .link > ul > li > div > div > .hotSearch > ul > li:nth-child(6):before { content:'06'; }
#header .link > ul > li > div > div > .hotSearch > ul > li:nth-child(7):before { content:'07'; }
#header .link > ul > li > div > div > .hotSearch > ul > li:nth-child(8):before { content:'08'; }
#header .link > ul > li > div > div > .hotSearch > ul > li > a { font-size:12px; font-weight:normal; line-height:1.8; letter-spacing:1px; }
#header .link > ul > li > div > div > .hotSearch > ul > li > a > span { font-size:11px; margin-left:6px; margin-right: 12px;}
#header .link > ul > li > div > div > .hotSearch > div { display:inline-block; vertical-align:top; }


#header .link11 {text-align: left;}
#header .link22 { width:50%;margin:0; float:right; top:45px !important; }
#header .link11 ul{padding-left: 20px;}
#header .link11 ul li{padding:0 0 0 5px;} 
#header .link11 ul li span {color:#000;
    position: absolute;
    top: -2px;
    left: -18px;
    font-weight: bold; }
#header .link11 ul li:after {content:'';position:absolute;width:1px;height:15px;right:-3px;top:-1px;background:#fff;} /*점*/


/*상단*/
#header .topmember {position:absolute;right:0px;top:55px;height:40px;width:auto;margin:0;z-index:88;}
#header .topmember ul.member {float:left;line-height:45px;}
#header .topmember ul.member li {padding:0 0 0 10px;display:inline-block;*display:inline;*zoom:1;line-height:40px;}
#header .topmember ul.member li a{font-size:10px;color:#000;line-height:40px;}
#header .topmember ul.member li span {font-weight:bold;color:#000;}


#header .topmember .iconSc {position:relative;float:left;line-height:45px;height:45px;z-index:90;}
#header .topmember .iconSc li {float:left;margin:0px 0px 0 5px;line-height:45px;text-align:center;}

#header .topmember .iconSc li.iuser {
position:relative;width:48px;height:40px;cursor:pointer;background:url(/web/User/icon_user_black_top.png)no-repeat center 10px; background-size:28px 28px;
}
#header .topmember .iconSc li.iuser .memOn {position:absolute;left:-24px;}
#header .topmember .iconSc li.iuser > span {position:absolute;width:48px;left:0px;top:4px;display:block;z-index:15;}
#header .topmember .iconSc li.iuser > a {display:block;line-height:14px;padding:25px 0px 0 0px;color:#000;font-size:10px;} 
#header .topmember .iconSc li.iuser .userDesc {display:none;position:absolute;padding:100px 20px 100px 100px;width:220px;height:196px;right:-20px;top:-100px;z-index:11;}

#header .topmember .iconSc li.icart {position:relative;width:45px;height:40px;background:url(/web/User/icon_cart_black_top.png)no-repeat center 12px; background-size:27px 27px;cursor:pointer;}
#header .topmember .iconSc li.icart a {display:block;width:45px;height:40px;}
#header .topmember .iconSc li.icart a > span {
position:absolute;left:28px;top:5px;
z-index:15;background:rgba(255,72,0,0.9);
padding:4px 5px;width:12px;height:12px;color:#fff;
font-size:10px;;text-align:center;
border-radius:150%;display:inline-block;line-height:12px;}

#header .topmember .iconSc li.isearch {position:relative;width:48px;height:40px;background:url(/web/User/icon_search_black_top.png)no-repeat center 12px; background-size:27px 27px;cursor:pointer;}
#header .topmember .iconSc li.isearch > span {position:absolute;left:4px;top:4px;display:block;z-index:9999999;}
#header .topmember .iconSc li.isearch > span:after {}
#header .topmember .iconSc li.isearch a {display:block;line-height:14px;padding:25px 0px 0 0px;color:#000;font-size:10px;} 

/*상단검색*/
#header .topmember .iconSc .popup {position: absolute; top:4px;right:0px;height:40px;padding:0 0px;background:#fff;z-index:99999999; width: 530px; border:1px solid #eee;}
#header .topmember .iconSc .popup .pophead{padding:0px 0;}
#header .topmember .iconSc .popup .pophead .sWord {display:inline-block;padding-left:10px;color:#fff;font-family:'arial', Dotum,돋움,Arial, serif;font-size:11px;}
#header .topmember .iconSc .popup .pophead .sWord a { margin:0; padding:0 4px 0 0px; color:#333; ; }
#header .topmember .iconSc .popup .pophead .sWord a:first-child { padding-left:0; background:none; }  
#header .topmember .iconSc .popup .search{border:0;background:#fff;}
#header .topmember .iconSc .btn-close {
    color: #fff !important; border:0;background:#f5b300;position:absolute;right:-30px;top:-1px; width:30px;height:42px;font-size:11px;font-weight:bold;
}

/*상단우특로그인관련*/

/*상단sns login*/
.topLogBox .sArea.type1 {width:100%; margin:0; padding:0; text-align:center; font-size:11px;border-top:1px solid #EEE;border-bottom:1px solid #EEE; }
.topLogBox .sArea.type1 h4 {display:block;line-height:34px;font-size:11px;padding:0;margin:0;}
.topLogBox .sArea.type1 a {display:inline-block; line-height:24px;width:30px;height:24px;padding:0;margin:0;}
.topLogBox .sArea.type1 ul {vertical-align:middle;}
.topLogBox .sArea .btnNaver {background:url("/web/User/ico_btn_naver_tiny.png") no-repeat center 0; background-size:24px 24px;-moz-box-sizing:border-box; box-sizing:border-box;}
.topLogBox .sArea .btnFacebook {background:url("/web/User/ico_btn_facebook_tiny.png") no-repeat center 0; background-size:24px 24px;-moz-box-sizing:border-box; box-sizing:border-box;}
.topLogBox .sArea .btnGoogle {background:url("/web/User/ico_btn_google_tiny.png") no-repeat center 0; background-size:24px 24px;-moz-box-sizing:border-box; box-sizing:border-box;}
.topLogBox .sArea .btnKakao {background:url("/web/User/ico_btn_kakao_tiny.png") no-repeat center 0; background-size:auto 24px;-moz-box-sizing:border-box; box-sizing:border-box;}

.topLogBox { height:255px;width:100%;border:1px solid #ddd;background:#fff;margin:0 0 0px; padding:0 0 0px;}
.topLogBox h2 { height:20px; color:#2e2e2e; font-size:11px; }
.topLogBox .check {font-size:11px;}
.topLogBox .check span { overflow:hidden; display:block; text-align:left;margin:0 0 0px;border:0; border-bottom:1px solid #d9d9d9; color:#000;  *zoom:1; }
.topLogBox .check label { height:30px; padding:0 0 0 8px; color:#000; line-height:30px; }
.topLogBox .check span label span { border:0; }
.topLogBox .check input { width:90%; height:30px; padding:0; border:0; color:#000; font-weight:normal;line-height:30px;font-size:11px; }
.topLogBox .security { margin:10px 0 0 10px; font-size:11px; color:#000; }
.topLogBox .security img { vertical-align:middle; }
.topLogBox .button { margin:0px 0 0; padding:0;text-align:center;background:#000; line-height:30px; height:30px;}
.topLogBox .button input { margin:0 0 0 0;  padding:0;background:#000; border:0;color:#fff;line-height:28px; height:28px;font-size:11px;font-family:"arial";}
.topLogBox ul { margin:0;padding:0; width:100%;}
.topLogBox li { display:inline-block;float:none !important;padding:0 5px ;font-size:11px;  line-height:20px; }
.topLogBox li a { color:#000; font-size:11px !important; padding:10px 0 0;}
.topLogBox .nomem {clear:both;display:block;padding:10px;}

.topLogBox .myBox {font-size:11px;text-align:left;}
.topLogBox .myBox ul { margin:0px 0 0;padding:0; } 
.topLogBox .myBox li { margin:0 !important;display:block;font-size:11px; text-align:left !important; padding:3px 12px 0; }
.topLogBox .myBox li a { color:#000; font-size:11px !important; padding:0 12px 0 0 !important;line-height:24px !important;}
.topLogBox .myBox li a:before { content:' - '; padding-right:3px;}
.topLogBox .myBox .onUser {display:block;border-bottom:1px solid #eee;height:40px;margin:0;padding:0 12px;font-weight:bold;}
.topLogBox .myBox .onLink {display:block;margin:0 !important;border-bottom:1px solid #eee;padding:0 12px;height:40px;line-height:40px;}
.topLogBox .myBox .onLink > a {display:inline-block !important;line-height:40px !important;padding:0 !important;font-size:11px !important;padding-right:10px !important;}

/* 상단 */
.etopmenu {position: relative;margin:0px 0 0;width:100%;}
.line100 {border-top:1px solid #efefef;}
.newicon{position: absolute;
    top: -16px;
    left: 74px;}
.cscenter{width:65px;    background: url(http://bongjashop.imglink.kr/2017/img/csicon.png) no-repeat right center;}

/* GNB 메뉴 */
#tm01 { position:relative;top:0; left:0; width:100%;z-index:9999; border-bottom: 1px solid #ececec;}
#tm01 > .topmenu01-inr > .topmenu01 {width:100%; margin:0 auto 0px auto; border-top:0;  }
.top_category_01 {width:1260px;margin:0 auto;/*background:#eee;*/text-align:center;}
.top_category_01 > ul {margin:0;}
.top_category_01 > ul { font-size:0; position:relative; }
.top_category_01 > ul > li { padding:0 24px 0 24px;height:65px;display:inline-block;font-size:12px;}
.top_category_01 > ul > li:first-child{padding-left:0;}
.top_category_01 > ul > li:last-child{padding-right:0;}
.top_category_01 > ul > li.all_menu { background:url(/elinfit/SkinImg/allIcon.png) no-repeat 5px 26px; }
.top_category_01 > ul > p a,
.top_category_01 > ul > li > a {  display:block; line-height:63px;color:#555; letter-spacing:0.10em;}
.top_category_01 > ul > li.selected > a:after { content:''; position:absolute; left:0; bottom:-1px; width:0; height:1px; background-color:#fc0000; }
.top_category_01 > ul > li.selected > a {color:#7826af;}


.top_category_01 > ul > p { display:inline-block; }
.top_category_01 > ul > li:hover > a { color:#7826af; }
.top_category_01 > ul > li .sub-category { position:absolute; left:0; top:65px;background:#fff; border:1px solid #e9e9e9;box-shadow:0 3px 3px rgba(0,0,0,0.1); min-width:100%; visibility:hidden; z-index:9; }
.top_category_01 > ul > li:hover .sub-category { visibility:visible; }
.top_category_01 > ul > li .sub-category { white-space:nowrap; }
.top_category_01 > ul > li .sub-category > ul { display:inline-block; min-width:100px;vertical-align:top; padding:12px 0 9px 0; }
.top_category_01 > ul > li .sub-category > ul > li > a { font-size:11px; text-transform:uppercase; color:#444; padding:7px 30px; display:block; letter-spacing:0.10em; white-space:nowrap; }
.top_category_01 > ul > li .sub-category > ul > li { position:relative; }
.top_category_01 > ul > li .sub-category > ul > li:hover > a { color:#bbb; }
.top_category_01 > ul > li .sub-category > ul > li:first-child > a { border-top:1px solid transparent; }

.top_category_01 > ul > li .sub-category > ul + ul { border-left:0px solid #eaeaea; padding:20px;}
.top_category_01 > ul > li .sub-category > ul + ul img {max-width:220px; }

.top_category_01 > ul > li + li > a:before { content:''; top:18px; left:0; position:absolute; width:1px; height:14px; background:#fff; }




/*fixed GNB 고정*/
.fixedm {position: fixed;top: 0px;left: 0;padding:0px 0 0;width:100%;background:rgba(255,255,255,0.95) ;z-index:90;}
.tmtm .gnb{width:1260px;margin:0 auto;background:rgba(255,255,255,0.95) ;}
.fixedm .all_menu:hover { background:rgba(252,252,252,0.95) !important ; }
.fixedm .all_menu > div { top:64px !important;}


/* all menu */
.all_menu > div {
    border-left: 1px solid #f0f0f0;
    border-right: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
    font-size: 11px;
    width: 1258px;
    margin: 0 auto;
    box-shadow: 0 1px 3px rgba(0,0,0,0.07);
    z-index: 9999;
}
.all_menu:hover > div {
    opacity: 1;
    visibility: visible;
}
.all_menu > div > ol {
    margin: 2px 0 0 0;
    background: #fcfcfc;
    text-align:left;
}
.all_menu > div > ol > li {
    width: 11%;
    display: inline-block;
    vertical-align: top;
    font-size: 0;
    padding: 20px 19px;
}
.all_menu > div > ol > li > a {
    font-size: 11px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    display: block;
    padding: 5px 10px 10px 10px;
    border-bottom: 1px solid #eaeaea;
    font-weight: bold;
}
.all_menu > div > ol > li > ul {
    padding: 10px 0;
}
.all_menu > div > ol > li > ul > li > a {
    font-size: 11px;
    color: #272727;
    padding: 3px 5px;
    display: block;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}
.all_menu > div > ol > li > ul > li > a:before {
    content: '_ ';
}

/* 탭우측배너 */
.centerBan {float:right;width:256px;height:396px;overflow:hidden;position:relative;margin:0px 0px 0 0;border:1px solid #eee;border-left:0;}
.centerBan .centerRbanTit {width:100%; height:64px; border-bottom:1px solid #eee; background-color:#efefef;}

.centerBan .centerRban {width:100%; overflow:hidden;}
.centerBan .centerRban div.centerRbanImg {float:none;border-bottom:1px solid #eee;width:256px;}
.centerBan .centerRban div {float:left;text-align:center;width:127px;border-right:1px solid #eee;}
.centerBan .centerRban div.Rbannon {border-right:0;width:128px; }

/*카테고리리스트상단이미지 */
.slide {position:relative;top:0;left:0;width:100%;	height:540px;background:#f8f8f8 url("/web/User/texture.png") repeat;}
.slide1201 {width:1201px !important;margin:0 auto 80px;}
.slide.layout-image { background-attachment:fixed; background-position: 50% 0;height:340px;overflow:hidden;}
.slide.layout-image .inner-wrap { /* Solution: Chrome Transition Bug */height:100%;position:relative;width:100%;}
.slide.layout-image .content {top: 0;left: 0;margin: auto;position: absolute;right: 0;top: 0;width:1201px;text-align:center;}
.slide.layout-image .content h4 {padding:160px 0 0;font-family:"Roboto", arial, sans-serif;letter-spacing:1px;color:#fff;font-size:38px;}
.texture {/*background: url("/SkinImg/texture.png") repeat;*/overflow: hidden;position: absolute;width: 100%;height: 100%;top: 0;left: 0;}


/*타이틀 세로라인*/
.etitle { margin:0 0 40px; font-family:"Roboto", arial, sans-serif;}
.etitle h2 { font-weight:normal; font-size:14px; color:#000; text-align:center; }
.etitle h3 { font-family:"Roboto", arial, sans-serif;font-weight:400; font-size:14px; color:#000; text-align:center; }
.etitle p {width:1px;height:15px;background:#353535;margin:15px auto 15px;display:block;text-indent:-9999px;}
.etitle span {display:block;text-align:center;color:#aaa;line-height:24px;font-size:11px;}

.etitleBig { margin:30px 0 40px; font-family:"Roboto", arial, sans-serif;}
.etitleBig h2 { font-weight:700; font-size:30px; color:#000; text-align:center; }
.etitleBig h3 { font-family:"Roboto", arial, sans-serif;font-weight:500; font-size:34px; color:#000; text-align:center; }
.etitleBig p {width:1px;height:15px;background:#353535;margin:15px auto 15px;display:block;text-indent:-9999px;}
.etitleBig span {display:block;text-align:center;color:#aaa;line-height:24px;font-size:11px;}

.etitleMain { display:block;margin:80px 0 40px; font-family:"Roboto", arial, sans-serif;}
.etitleMain h2 { font-weight:500; font-size:22px; color:#000; text-align:center; letter-spacing:6px;}
.etitleMain p {width:1px;height:15px;background:#353535;margin:15px auto 15px;display:block;text-indent:-9999px;}
.etitleMain span {display:block;text-align:center;color:#aaa;line-height:24px;font-size:11px;}

/*추천상품리스트 넘버링 css3*/
.recm li > div.recmnum {margin:0 12px; padding:13px 0 ;display:block;color:#000;font-size:12px;text-align:center;border-top:1px solid #eee;border-bottom:1px solid #eee;font-family:'Roboto', serif;}
.recm li > div.recmnum > span:before {counter-increment: chapter;content: counter(chapter) ""; } 


/* 게시판 전체 공통 */
.btitle { margin:0;padding:50px 0 50px;}
.btitle h2 { display:inline-block; padding:0 0 0 0px; color:#000;font-family:"Roboto",sans-serif; font-weight:500;font-size:28px; *display:inline; *zoom:1;  }
.btitle p { display:inline-block; margin:0 0 0 6px; padding:0 0 0 10px; color:#939393; vertical-align:bottom; background:url("http://img.echosting.cafe24.com/skin/base/layout/ico_bar.gif") no-repeat 0 0; *display:inline; *zoom:1; }
.xans-board-title p.imgArea { margin:0 0 0px; }
.xans-board-listpackage .boardSort { float:left; margin:0 0 0px; }


.title { margin:0;padding:50px 0 10px;}
.title h2 { display:inline-block; padding:0 0 0 0px; color:#000;font-family:"Roboto",sans-serif; font-weight:500;font-size:28px; *display:inline; *zoom:1;  }





/*마이쇼핑 탭메뉴
.center_tab { clear:both; width:100%;overflow:hidden;margin:0px 0 40px; }
.center_tab ul.link { display:table;height:27px;font-size:0;line-height:0;text-align:left;width:100%;}
.center_tab ul.link:after { content:""; display:block; clear:both; }
.center_tab ul.link li { display:inline-block; *display:inline;*zoom:1;background:#fff;border:1px solid #eee;text-align:center;height:33px;line-height:31px; margin-right:4px;font-family:"NanumGothic","Arial", sans-serif;}
.center_tab ul.link li a { color:#838383; font-size:11px; padding:0 20px 0 21px;  }
.center_tab ul.link li.selected { background:#000; border:1px solid #000;  }
.center_tab ul.link li.selected a { color:#fff; font-weight:bold; }
.center_tab .cont { padding:20px 20px 60px; color:#8f8f91; line-height:1.8em; }
.center_tab .cont h3 { margin:0 0 20px; color:#444; font-size:12px; }*/

/*마이쇼핑메뉴*/
.center_tab { clear:both;overflow:hidden;margin:40px 0 40px; background:#333;padding:20px 30px;}
.center_tab ul.link { display:table;height:27px;font-size:0;line-height:0;text-align:center;width:100%;}
.center_tab ul.link:after { content:""; display:block; clear:both; }
.center_tab ul.link li { display:inline-block; *display:inline;*zoom:1;text-align:center;height:33px;line-height:31px; margin-right:4px;font-family:"NanumGothic","Arial", sans-serif;}
.center_tab ul.link li a { color:#ccc; font-size:11px; padding:10px 19px;  }
.center_tab ul.link li.selected { }
.center_tab ul.link li.selected a { color:#fff;font-weight:bold;}
.center_tab .cont { padding:20px 20px 60px; color:#8f8f91; line-height:1.8em; }
.center_tab .cont h3 { margin:0 0 20px; color:#444; font-size:12px; }


/* help */
div.ec-base-help-elinfit { margin:100px 0; border:0; line-height:18px;font-family:"NanumGothic","Arial", sans-serif; }
div.ec-base-help-elinfit > h2,
div.ec-base-help-elinfit > h3 { padding:9px 0 6px 0px; border-bottom:0px solid #e8e7e7; color:#101010; font-size:12px; background:#fff; }
div.ec-base-help-elinfit .inner { margin:0;padding:0 0px 0px !important; }
div.ec-base-help-elinfit h4 { margin:22px 0 -4px; color:#404040; font-size:12px; font-weight:normal; }
div.ec-base-help-elinfit h4:first-child { margin-top:13px; }
div.ec-base-help-elinfit p { margin:15px 0 0 10px; color:#707070; }
div.ec-base-help-elinfit ul,
div.ec-base-help-elinfit ol { margin:15px 0 0 0px; padding:0;}
div.ec-base-help-elinfit li { color:#707070; }

/*sns*/
.snsDetail {padding:30px 0 0;text-align:center;height:58px;}
.snsDetail img {max-width:58px;opacity:0.4;cursor:pointer;margin:0 10px;}
.snsDetail img:hover {opacity:1;}

.snsDetail .goodgood {position:relative;display:inline-block;z-index:1;vertical-align:top;width:58px;height:58px;margin:0 10px;}
.snsDetail .goodgood:after { top:0;left:0;position:absolute;width:58px;height:58px;background:url("/web/User/likeBG.png");opacity:0.4 !important;z-index:-1;content:"";}
.snsDetail .goodgood:hover:after{opacity:1 !important;}
.snsDetail .goodgood button { display:block;margin:10px;width:38px;padding:2px 0;  color:#737373; line-height:1em;background:none !important; }
.snsDetail .goodgood button span { display:inline-block; height:16px; line-height:18px; vertical-align:middle; font-family:Gulim, sans-serif; }
.snsDetail .goodgood button img { margin:0; vertical-align:middle; }
.snsDetail .goodgood.selected .title { color:#ef514c; }
.snsDetail .goodgood .count { color:#353535;display:block; width:38px;}


.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}
.mb60 {margin-bottom:60px;}
.font11 {font-size:11px;}
.tleft {text-align:left !important;}

.logInr {width:600px;margin: 0 auto;}


/*퀵*/
#righttop { position:fixed;bottom:75px; right:30px;width:45px; z-index:99; }
#righttop .link {display:block; width:40px; line-height:14px;text-align:center;font-size:10px; font-family: arial,NanumGothic,sans-serif;margin:0 0 3px;padding:20px 0}
#righttop .mint {background:#3e3e3e url("/SkinImg/icon-cart.png") center 10px no-repeat;padding:30px 0 10px;color:#fff;}
#righttop span {display:block;font-size:12px;font-weight:bold;}
#righttop .blue {background:#3e3e3e url("/SkinImg/icon-view16.png") center 10px no-repeat;padding:30px 0 10px;color:#fff;}
#righttop .pink {background:#3e3e3e url("/SkinImg/icon-heart16.png") center 10px no-repeat;padding:30px 0 10px;color:#fff;}
#righttop .link a {color:#fff;  }
#righttop .link a:hover { text-decoration:none;color:#eee; }
.eLinkTop img{margin-bottom:-2px;}


/* 상세페이지재입고 */
.xans-product-detail .infoArea #btn_restock {position:absolute;top:0px;right:0px;}

/*배경색 박스*/
.bgBoxf7 {width:100%; min-height:90px; margin-bottom:60px; background:#f7f7f7; border:1px solid #f0f0f0;}
.bgBoxf7.stit {letter-spacing:-1px; font-family:"NanumGothic"; font-size:15px; line-height:92px; text-align:center;}

/* 스텝 */
.step ul {width:700px; margin:18px auto; overflow:hidden;}
.step ul.step_ord {text-align:center;}
.step li {display:inline-block;margin:0 15px;}
.step li span {width:54px; height:54px; text-indent:-9999em; vertical-align:middle; display:inline-block;opacity:0.3;}
.step li strong {margin-left:10px; font-weight:normal;letter-spacing:-1px; font-family:"NanumGothic"; color:#999; font-size:15px; vertical-align:middle; display:inline-block;}
.step li.on strong {color:#212121;}
.step li.order_cart span {background:url(http://ecudemo48339.cafe24.com/web/User/order_cart.png) no-repeat;}
.step li.order_write span {background:url(http://ecudemo48339.cafe24.com/web/User/order_write.png) no-repeat;}
.step li.order_complete span {background:url(http://ecudemo48339.cafe24.com/web/User/order_complete.png) no-repeat;}
.step li.join_write span {background:url(http://ecudemo48339.cafe24.com/web/User/order_write.png) no-repeat;}
.step li.join_complete span {background:url(http://ecudemo48339.cafe24.com/web/User/order_complete.png) no-repeat;}
.step li.on span {opacity:1;}

/* 더보기 */
.listMoreBtn {text-align:center;margin:20px 0;}
.listMoreBtn a{display:inline-block; color:#fff; background:#505050; padding:13px 25px; border:1px solid #505050; border-radius:4px;margin:15px 20px 0 20px; font-size:12px; letter-spacing:0.3em;}
.listMoreBtn a:hover{text-decoration:none;}
/*********************************************************************************************프로젝트*/

.magLine {height:1px ;background:#e0e0e0;margin:50px 0;}
.pj-title {text-align:center;font-size:30px;padding:50px;}

/*동영상반응*/
.xembed {position: relative; padding-bottom: 56.25%; padding-top: 0px; height: 0; overflow: hidden;}
.eembed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.pjcenter {overflow: hidden;display:block;padding:50px;text-align:center;line-height:120%;font-size:14px;}
.singleimg {display:block;padding:50px;text-align:center;}

/*전체배경이미지깔때*/


/*기본스타일 01*/
.normal01-900 {width:900px;margin:0 auto;text-align:center;}
.normal01-900 h3 {line-height:30px;display:block;font-size:16px;}
.normal01-900 p {display:block;padding:30px 0;line-height:16px;}
.normal01-900 p.text {padding:20px 90px;}
.normal01-900 img {max-width:100%;}

#link {color: #E45635;display:block;font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;text-align:center; text-decoration: none;}
#link:hover {color: #CCCCCC}

#link, #link:hover {-webkit-transition: color 0.5s ease-out;-moz-transition: color 0.5s ease-out;-ms-transition: color 0.5s ease-out;-o-transition: color 0.5s ease-out;transition: color 0.5s ease-out;}

/** thisWeek loadings CSS **/
@keyframes rotate-loading {
    0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
    100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@-moz-keyframes rotate-loading {
    0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
    100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@-webkit-keyframes rotate-loading {
    0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
    100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@-o-keyframes rotate-loading {
    0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
    100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@keyframes rotate-loading {
    0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
    100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@-moz-keyframes rotate-loading {
    0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
    100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@-webkit-keyframes rotate-loading {
    0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
    100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@-o-keyframes rotate-loading {
    0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
    100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@keyframes loading-text-opacity {
    0%  {opacity: 0}
    20% {opacity: 0}
    50% {opacity: 1}
    100%{opacity: 0}
}

@-moz-keyframes loading-text-opacity {
    0%  {opacity: 0}
    20% {opacity: 0}
    50% {opacity: 1}
    100%{opacity: 0}
}

@-webkit-keyframes loading-text-opacity {
    0%  {opacity: 0}
    20% {opacity: 0}
    50% {opacity: 1}
    100%{opacity: 0}
}

@-o-keyframes loading-text-opacity {
    0%  {opacity: 0}
    20% {opacity: 0}
    50% {opacity: 1}
    100%{opacity: 0}
}

.loading-container { 
    position:fixed;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.7);
    z-index:999;
}
.loading {
    border: 2px solid transparent;
    border-color: transparent #fff transparent #FFF;
    -moz-animation: rotate-loading 1.5s linear 0s infinite normal;
    -moz-transform-origin: 50% 50%;
    -o-animation: rotate-loading 1.5s linear 0s infinite normal;
    -o-transform-origin: 50% 50%;
    -webkit-animation: rotate-loading 1.5s linear 0s infinite normal;
    -webkit-transform-origin: 50% 50%;
    animation: rotate-loading 1.5s linear 0s infinite normal;
    transform-origin: 50% 50%;
    height: 100px;
    width: 100px;
    border-radius: 100%;
    position:absolute;
    left:50%;
    margin-left:-50px;
    margin-top:-50px;
    top:50%;
}
.loading-container:hover .loading {
    border-color: transparent #E45635 transparent #E45635;
}
.loading-container:hover .loading,
.loading-container .loading {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

#loading-text {
    -moz-animation: loading-text-opacity 2s linear 0s infinite normal;
    -o-animation: loading-text-opacity 2s linear 0s infinite normal;
    -webkit-animation: loading-text-opacity 2s linear 0s infinite normal;
    animation: loading-text-opacity 2s linear 0s infinite normal;
    color: #ffffff;
    font-family: "Helvetica Neue, "Helvetica", ""arial";
    font-size: 10px;
    font-weight: bold;
    opacity: 0;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    width: 100px;
    left:50%;
    margin-left:-50px;
    top:50%;
    margin-top: -5px;
}
    

.glist font {display:none;}


ul#widenavigation .submenu ul li {display:block;text-align:left;padding: 0 15px; border-bottom:1px solid #cacaca;}
ul#widenavigation .submenu ul li a {color:#000;	line-height:30px;	font-size:11px; letter-spacing:-1px;  font-family:"돋움",arial;}
ul#widenavigation .submenu ul li a:hover {color:#999;}
ul#widenavigation .submenu ul li:after {display:none;}
ul#widenavigation li div.submenu {
	display:none;
	position: absolute;
	top: 25px;
	left:23px;
	padding:0px;
	width:130px;/*width:100%;*/
	border:1px solid #cacaca;
	border-bottom:0px solid #fff;
	background:#fff;
	z-index:99999;

}


.introBox{width:1260px; margin: 0 auto 48px;}
.introBox .title_text{text-align: center;
    margin: 70px 0 30px 0;}




#footer .footerInner{width: 100%; margin: 0 auto; background-color: #fff;}
#footer .footunder{width:100%; border-bottom: 1px solid #dedede; background: #fff;height: 239px;}

.footinfowrap{border-bottom:1px solid #dedede;  height: 71px;}
.footinfo{width: 1260px; background:#fff; margin: 0 auto;}
.footinfo .cominfo{line-height: 5.4;}
.footinfo .cominfo li{float: left; margin-right: 65px; }
.footinfo .cominfo li a{font-size: 13px; color: #938a8d;}
.footinfo .cominfo li a:hover{color: #242424;}
.footinfo .snsinfo li{float: right; margin-left: 18px; padding-top: 24px;}
.footinfo .snsinfo li a img{}
.footinfo .panyinfo{line-height: 4.4;}
.footinfo .panyinfo li{float:right; margin-left: 10px;}
.foottt{height: 225px; width: 1197px; margin: 0 auto; background: #fff;
        border-bottom:1px solid #ededed; padding:43px 0 0 0;}
.foottt .cscenter{width: 236px; float:left; line-height: 2;}
.foottt .cscenter ul{}
.foottt .cscenter ul li{font-size:11px;}
.foottt .cscenter ul .pn{font-size: 25px;}
.foottt .cscenter ul .ln{width: 25px; height: 2px; background: #000; margin-bottom: 10px;}
.foottt .cscenter .pn img{ vertical-align: middle;}
.foottt .line{
    float:left;
    background: #ececec; 
    width: 1px; height: 180px;}
.foottt .bankinfo{float:left; width:195px; padding-left:30px;}
.foottt .bankinfo h4{font-weight: bold; margin: 10px 0 21px 0; color:#333;}
.foottt .bankinfo li {line-height:19px;}
.foottt .line2{
    float:left;
    background: #ececec; 
    width: 1px; height: 180px;}
.foottt .sguide{float:left; width:350px; margin-left: 30px; height: 100%;} 
.foottt .sguide h4{font-size: 12px; font-weight: bold; margin: 10px 0 21px 0;color: #333;}
.foottt .sguide li{display: inline-block; text-align: center; margin-left: 15px;}
.foottt .sguide img {display:block;}
.foottt .sguide strong {display:block;padding:11px 0 3px 0;}
.foottt .offshop{float:right;}
.foottt .offshop h4{font-size: 12px; font-weight: bold; margin: 10px 0 21px 0;color: #333;}
.footaddress{
    position: relative;
    height: 118px; width: 1260px;
    margin: 0 auto; background: #fff;}
.footaddress .flogo{
    padding-top: 40px;
    padding-bottom: 68px;
    margin-left: 100px;
    width: 12%;
    float: left;
}
.footaddress .flogo a img{width: 120px;}
.footaddress .companyinfo{line-height:1.5;color:#333; padding-top: 38px;}
.footaddress .companyinfo span{color:#686868;}
.footaddress .footpaylink{}
.footaddress .footpaylink ul li{    width: 119px;
    height: 20px;
    border: 1px solid #e3e3e3;
    display: inline-block;
    padding-left: 5px;
    line-height: 18px;
    margin-left: -2px;
    margin-top: 10px;
    margin-right: 4px;
    }
.footaddress .footpaylink ul li a{font-size: 11px; color:#727272; }
.footaddress .footcopy{margin-top: 13px;}
.footer .ftnotice{  margin: 0 auto;
}
.ftnotice > div {
	margin-top: 17px;  
	margin-right:1.5%;
    display: inline-block;
	vertical-align:top;
    background: #fff;
	}
.ftnotice > .fnt{width:25.5%;}
.ftnotice > .bjcs{width: 17%;
    padding-left: 60px;}
.ftnotice > .bjinfo{width:24%;  padding-top: 52px;}
.ftnotice > .fcl{width: 19%;
    padding-left: 28px;}


.companyinfo br{display: block;}

.bjcs li{font-size: 12px;
         letter-spacing: 1px;
         margin-bottom: 8px;
         padding-left: 5px;}
.bjcs .call{color: #7c26af; font-size:29px; margin-bottom: 20px; padding-left: 0;}

.fcl h3{padding-left: 20px !important;}

.bjinfo ul li{    border: 1px solid #dedede;
    float: left;
    width: 117px;
    height: 50px;
    padding-left: 10px;
    margin: 7px;
    line-height: 50px;
    background: url(http://ecudemo25688.cafe24.com/web/User/bjarrow2.png) no-repeat 105px center;
    background-size: 11px;
}
.bjinfo ul a{margin-left: 10px;}




.footer .ftnotice .fnt {
    padding: auto;
}
.footer .ftnotice .fnt p {
    padding: 6px 0px;
}
.footer .ftnotice .fnt p span {
	float:right;
}

.footer .ftnotice .fcl{}
.footer .ftnotice .fbd {
    margin-right: 0;
	text-align:center;
}
.footer .ftnotice .fbd i {
	font-size:46px;
}
.footer .ftnotice .fbd a {
    padding: 0 6px;
    margin: 20px 0;
    display: inline-block;
}

.footer h3 {padding: 20px 20px 20px 2px; color:#000; text-align:left;}


.global_select select{border: 0; z-index:9999; border-radius:0; height:36px; font-family:arial; font-size:11px;}
.header_top {width:100%; height:36px; background:#ffffff; border-bottom: 1px solid #dddddd;}
.headerin {width:1260px; margin:0 auto;}



/*오른쪽퀵*/

#rightBar {
	position:fixed;
	right:96px;
	top:0;
	width:55px;
	height:100%;
	border-left:1px solid #e3e3e3;
	text-align:center;
	background:#fff;
	padding:30px 0;
	z-index:999999;
}

#rightBar.mainOpen {right:0;}
#rightBar > ul > li img{width:20px;}
#rightBar > ul > li { margin:40px 0; }
#rightBar > ul > li:first-child { margin:0 0 100px; }
#rightBar > ul > li:last-child { margin:80px 0 0; }
#rightBar > ul > li > a { display:block; }

.barList { margin:276px 0 0; background:#fff; border:1px solid #e6e6e6; border-right:0; border-bottom:0; }
.barList > div { border-bottom:1px solid #e6e6e6; font-size:0; }
.barList > div > span.icon { display:inline-block; width:35px; font-size:10px; text-align:center; padding:10px; }
.barList > div > span.icon > p { display:block; font-family:'Arial'; }
.barList > div > ul { display:inline-block; width:123px; font-size:11px; border-left:1px solid #e6e6e6; vertical-align:top; padding:0 10px; background:#f9f9f9; }
.barList > div > ul > li { padding:4px 0; }
.barList > div > ul > li:first-child { padding:10px 0 4px; }
.barList > div > ul > li:last-child { padding:4px 0 10px; }
.barList > div > ul > li > a { display:block; color:#555; }
.barList > div.middleline > ul > li { line-height:49px; padding:0 !important; }
.barList > div.snsline > ul { line-height:49px; }
.barList > div.snsline > ul > li { display:inline-block; font-size:24px; }
.barList > div.snsline > ul > li:first-child { padding:0; }
.barList > div.snsline > ul > li:last-child { padding:0; }

#rightBar p.close {
    position: absolute;
    left: -31px;
    top: 276px;
    bottom: auto;
    height:49px;
    border: 1px solid #e9e9e9;
    background: #fff;
}
#rightBar p.close a {
    display:block;
    padding:19px 12px;
}
#rightBar p.totop {
    position: absolute;
    left: -31px;
    top: 746px;
    bottom: auto;
    height:24px;
    border: 1px solid #e9e9e9;
    border-bottom:0;
    background: #fff;
}
#rightBar p.todown {
    position: absolute;
    left: -31px;
    top: 771px;
    bottom: auto;
    height:24px;
    border: 1px solid #e9e9e9;
    background: #fff;
}
#rightBar p.totop:hover:after,
#rightBar p.todown:hover:after {
    display: block;
    content: '';
    color: #333;
    position: absolute;
    top: -1px;
    right: 30px;
    line-height: 24px;
    white-space: nowrap;
    padding: 0 10px;
    background: #f9f9f9;
    border-top: 1px solid #eaeaea;
    border-left: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    z-index: 5;
}
#rightBar p.totop:hover:after {
    content:'UP';
}
#rightBar p.todown:hover:after {
    content:'DOWN';
}
#rightBar p.totop a,
#rightBar p.todown a {
    display:block;
}
#rightBar p.totop a {
    padding:9px 10px;
}
#rightBar p.todown a {
    padding:9px 10px 8px;
}

.xans-layout-searchheader { clear:both;padding:0px;margin:0px 0 0px; background:#f1f1f1; z-index:99; position:relative; }
.xans-layout-searchheader fieldset {}
.xans-layout-searchheader input[type=image] {opacity:0.6;}
.xans-layout-searchheader #keyword  { width:163px; height:22px; padding:0 0 0 9px; border:0; line-height:22px; font-size:12px; color:#7c8389; background:#fff; }
.xans-layout-searchheader img {}

.xans-layout-searchheader input {border: 0;width: 286px; height: 40px; background: #f1f1f1;}

.topSearch {position:absolute;right:20px;top:0px;}
.topSearch a.link_bcPopupSearch {float:left;font-family:'arial',sans-serif;font-size:10px;color:#ccc;height:24px;line-height:24px;}
.topSearch a.link_bcPopupSearch > .ico {float:left;background: url("/SkinImg/ico_search.png") left top no-repeat;width:24px;height:24px;}

/*상단작은카트*/
    .popup{position: absolute; top:10px;right:0px;background:rgba(255,255,255,0.9);z-index:99999;display: none;width: 329px; height: 228px;border-top:1px solid #f1f1f1;;border-left:1px solid #f1f1f1;border-right:1px solid #f1f1f1;border-bottom:1px solid #f1f1f1;}
        .popup .pophead{display:block;padding:20px;position: relative;z-index:99;}
            .popup .pophead .arrow{position: absolute;  width: 13px;right: 20px; top: -7px;  height: 8px;background: url("/SkinImg/arrow-top.png") right top no-repeat;}
           .popup .pophead .sWord {float:left;padding-left:10px;color:#fff;font-family:'arial', Dotum,돋움,Arial, serif;font-size:11px; width:95px;}
		   .popup .pophead .sWord strong {height:25px;margin:0 0 0 0px; color:#333;}
		   .popup .pophead .sWord p {clear:both;text-align:left;padding:0;margin:0;}
		   .popup .pophead .sWord p a { margin:0; padding:0 4px 0 0px; color:#757575; ; }
		   .popup .pophead .sWord p a:first-child { padding-left:0; background:none; }
        .popup .body{}
       

        .popup .search{}

.clearfix:after {
  clear: both;
}


.btn-close {
    color: #fff !important; border:0;background:#454545;position:absolute;right:0px; top:2px; width:30px;height:20px;font-size:11px;font-weight:bold;display:none;
}

#popup {
    min-width: 0;
}
#popup {
    overflow: hidden;
    min-width: 600px;
}
.ec-base-layer {
    position: relative;
    border: 0;
}
.ec-base-layer {
    position: absolute;
    z-index: 100;
    border: 1px solid #757575;
    background: #fff;
}
.xans-product-optionselectlayer {
    width: 600px;
}
.ec-base-layer .header {
    padding: 12px 35px 12px 19px;
}
.ec-base-layer .header {
    padding: 7px 35px 7px 19px;
    color: #fff;
    background: #111;
}
.ec-base-layer .header > h1, .ec-base-layer .header > h3 {
    font-size: 14px;
    line-height: 1.5;
}
.xans-product-optionselectlayer.ec-base-layer .content {
    position: relative;
    min-height: 434px;
    padding: 0;
}
.ec-base-layer .content {
    padding: 20px;
    font-size: 12px;
}
.xans-product-optionselectlayer .inner {
    overflow: auto;
    overflow-x: hidden;
    max-height: 359px;
    padding: 20px 25px 14px;
}
.xans-product-optionselectlayer .inner .name {
    padding: 0 0 20px;
    font-size: 12px;
    border-bottom: 1px dotted #000;
}
#popup strong, b {
    font-weight: bold;
}

.xans-product-optionselectlayer .productNormal {
    margin: 20px 0 0;
    min-height: 82px;
    position: relative;
    padding: 0 0 0 100px;
}

.xans-product-optionselectlayer .productNormal .imgArea {
    position: absolute;
    left: 0;
    top: 0;
    width: 80px;
    height: 80px;
    min-height: 82px;
}
.xans-product-optionselectlayer .productNormal .imgArea img {
    width: 80px;
    height: 80px;
    border: 1px solid #ddd;
}
.xans-product-optionselectlayer.ec-base-layer .content table {
    color: #353535;
    clear: both;
    text-align: left;
}
.xans-product-optionselectlayer .productNormal table th:first-child {
    border-left: 0;
}
.xans-product-optionselectlayer .productNormal table th {
    padding: 2px 0 5px;
    font-weight: normal;
    text-align: left;
    vertical-align: top;
}
.xans-product-optionselectlayer .productNormal table td {
    padding: 0 9px 8px;
    line-height: 1.5;
    vertical-align: middle;
}

#totalProducts {
    margin: 20px 0;
    clear: both;
}
.txtWarn {
    color: #f76560;
}
.txt11 {
    font-size: 11px;
}
span.ec-base-help, p.ec-base-help, ul.ec-base-help li {
    margin: 2px 9px;
    padding: 1px 0 1px 20px;
    line-height: 1.4;
    background: url(//img.echosting.cafe24.com/skin/base/common/ico_info.gif) no-repeat 0 2px;
}

.xans-product-optionselectlayer.ec-base-layer .content table {
    color: #353535;
    clear: both;
    text-align: left;
}
#totalProducts table {
    margin: 0;
    font-size: 12px;
}
.xans-product-optionselectlayer.ec-base-layer .content table {
    color: #353535;
    clear: both;
    text-align: left;
}
#totalProducts thead th {
    height: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
}
#totalProducts tbody td {
    padding: 9px 0;
    border-top: 1px solid #ebebeb;
    color: #353535;
    line-height: 18px;
    vertical-align: middle;
    text-align: left;
    word-wrap: break-word;
    word-break: break-all;
}
#totalProducts tbody tr td:first-child {
    padding-left: 4px;
}
#totalProducts tbody tr:first-child td {
    border-top: 1px solid #9a9ba0;
}
#totalProducts tbody tr:last-child td {
    border-bottom: 1px solid #9a9ba0;
}
#totalProducts tbody td .quantity {
    display: inline-block;
    position: relative;
    width: 50px;
    vertical-align: top;
}
#totalProducts tbody td .quantity input {
    width: 29px;
    height: 25px;
    padding: 0 2px 0 3px;
    line-height: 25px;
    border: 1px solid #d4d8d9;
    border-radius: 3px 0 0 3px;
}
#totalProducts tbody td img {
    vertical-align: middle;
}
#totalProducts tbody td .quantity .up {
    position: absolute;
    left: 28px;
    top: 0;
}
#totalProducts tbody td img {
    vertical-align: middle;
}
#totalProducts tbody td .quantity .down {
    position: absolute;
    left: 28px;
    top: 9px;
}
#totalProducts table .right {
    padding-right: 9px;
    font-weight: bold;
    color: #008bcc;
    text-align: right;
}
#totalProducts tbody td p {
    padding: 0 10px 0 0;
    font-weight: bold;
    line-height: 21px;
}
#totalProducts tbody td p.product span {
    font-weight: normal;
    color: #757575;
    line-height: 18px;
}
#totalProducts tbody td p.product span.soldOut {
    color: #008bcc;
}
#totalProducts tbody.option_products tr td .quantity input, #totalProducts tbody.add_products tr td .quantity input {
    height: 19px;
    line-height: 19px;
}
#totalProducts tfoot {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 5px 0 0;
    border-top: 1px solid #ddd;
    background: #fff;
}
#totalProducts tfoot td {
    padding: 3px 9px 8px 19px;
    font-size: 12px;
    line-height: 20px;
    border: 0;
    color: #353535;
    vertical-align: middle;
    background: #fff;
}
#totalProducts tfoot td .total {
    color: #008bcc;
}
#totalProducts tfoot td .total em {
    font-style: normal;
    font-size: 21px;
}
.ec-base-layer .ec-base-button {
    padding: 12px;
    border-top: 1px solid #d7d5d5;
    text-align: center;
    background: #fff;
}
.itemWButtonM:first-child {
    margin-left: 0;
}
.itemWButtonM {
    display: block;
    cursor: pointer;
    text-transform: uppercase;
    padding: 0 20px;
    height: 27px;
    line-height: 25px;
    background-color: white;
    text-align: center;
    border: 1px solid #ddd;
}
.blackbtn {
    display: inline-block;
    background: #333;
    border: 1px solid #333;
    color: #fff;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.whitebtn {
    display: inline-block;
    background: #fff;
    border: 1px solid #d7d7d7;
    color: #333;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.ec-base-layer .close {
    position: absolute;
    right: 0;
    top: 0;
    padding: 11px 20px;
    cursor: pointer;
}
#popup .ec-base-layer .close {
    top: 5px;
}

.nav-color {padding:0 0 0 13px;}
.nav-color li {float:left; padding:5px; }
.nav-color li a {float: left;
    width: 20px;
    height: 20px;
    display: block;
    text-indent: -999999px;
    border: 4px solid #e8e8e8;
    border-radius: 20px;}
.nav-color li:nth-child(1) a {background: red;}
.nav-color li:nth-child(2) a {background: orange;}
.nav-color li:nth-child(3) a {background: yellow;}
.nav-color li:nth-child(4) a {background: green;}
.nav-color li:nth-child(5) a {background: blue;}
.nav-color li:nth-child(6) a {background: red;}
.nav-color li:nth-child(7) a {background: purple;}
.nav-color li:nth-child(8) a {background: pink;}
.nav-color li:nth-child(9) a {background: Brown;}
.nav-color li:nth-child(10) a {background: white;}
.nav-color li:nth-child(11) a {background: gray;}
.nav-color li:nth-child(12) a {background: black;}


.1menu li a {background:#fff !important;}


 .selected {font-weight:bold;}



#contents_main {
	padding:0 0 0px ;
	/*border-top:1px solid #ececec;*/
}

.blackbtn,
.whitebtn {
	padding: 5px 13px;
}

.mainSubject {
    overflow: hidden;
    display: block;
    text-align: center;
    padding: 0 0 0px 0;
}
.mainSubject h2 {
    font-family: 'Lato',sans-serif;
    letter-spacing: 2px;
    margin: 0;
    padding: 30px 0 0;
    font-size: 13px;
    line-height: 20px;
    color: #222;
    vertical-align: middle;
    text-transform: uppercase;
}
.mainSubject span {
    font-size: 10px;
    display: block;
    font-family: 'Arial',sans-serif;
    letter-spacing: 0px;
}

.board_top2 { width:100%; margin:0 0 20px; }
.board_top2 ul { display:block; text-align:center; border-bottom:1px solid #ededed; }
.board_top2 ul li { display:inline-block; padding:0 20px; line-height:34px; }
.board_top2 ul li.active { border:1px solid #ededed; background:#ededed; }

.quick_btn { 
	background-image:url(/elinfit/SkinImg/quick.png);
	background-repeat:no-repeat;
	/*background-position:1px 2px; 
	background-size:14px; 
	padding:0 0 0 18px; */
	width:28px;
	display:inline-block;
	vertical-align:top;
	/* font-size:0; */
	text-indent:-99999px;
}
.btn_like { background-repeat:no-repeat; width:20px; display:inline-block; font-size:13px; padding:0 0 0 20px; /*background-position:1px 2px; background-size:14px;*/ }
.likeOn { background-image:url(/elinfit/SkinImg/wish_on.png); }
.likeOff { background-image:url(/elinfit/SkinImg/wish_off.png); }

.glist .gname_pre span {
    font-size: 13px;
    padding: 0 0 0 25px;
	display:none;
    
	background:url(/elinfit/SkinImg/review.png) no-repeat;
    
}

/* 신 lnb */
#side { width:178px; display:table-cell; }
#side .lnb { width:176px; padding:41px 1px 100px; border-left:1px solid #fff; border-right:1px solid #fff; }
#side .lnb h2 {     font-size: 31px;
    color: #000;
    font-family: 'roboto';
    margin-bottom: 64px;}
#side .lnb h3 { margin:32px 0 0; padding:0 0 2px; color:#222; font-size:14px; }
#side .lnb h4 {   
    border-bottom: 1px solid #f0f0f0;
    color: #222;
    font-size: 14px;
    line-height: 32px;
    font-family: 'malgun godic';
}
#side .lnb h4:nth-child(3) {}
#side .lnb h4:nth-child(9) { }
#side .lnb h4 .selected { color:#7c26ad; }
#side .lnb h4 span { font-size:14px; }
#side .lnb ul { padding:5px 0 10px 0px; line-height:23px; }
#side .lnb ul li a{font-family: 'malgun godic';}
#side .lnb p { color:#9b9b9b; font-size:12px; line-height:1.6; }
#side .lnb .account { padding:10px 0; }


/* paging */
.paging {
	clear: both;
	padding-top: 60px;
	text-align: center;
}
.paging p {
	zoom: 1;
    display: inline-block;
    _display: inline;
    width: 14px;
    height: 14px;
    font-size: 0;
    vertical-align: middle;
}
.paging p:first-child {
	background:url(/elinfit/SkinImg/paging_prev.png) no-repeat;
}
.paging p:nth-child(3) {
	background:url(/elinfit/SkinImg/paging_next.png) no-repeat;
}
.paging p a {
	display:block;
	width:100%;
	height:100%;
}
.paging ol {
	zoom: 1;
	display: inline-block;
	*display: inline;
	_display: inline;
	margin: 0 15px;
}
.paging li {
	zoom: 1;
	display: inline-block;
	*display: inline;
	_display: inline;
	font-size: 12px;
}
.paging li a {
	padding: 5px 8px;
}
.paging li a:link, #paging li a:visited {
	color: #878787;
}
.paging li a.this {
	color: #000;
	font-weight: bold;
	border-bottom:2px solid #000;
}
.lnb li.selected a{color:#7321c1 !important;}