/* BASIC css start */
/* ÀÎ½ºÅ¸ÇÇµå*/
.instafeed { width:80%; max-width:1500px; margin:0 auto 50px; text-align:center; }
.instafeed h2 { margin:0 auto 50px; font-size:28px;  font-weight:400; color:#626262; letter-spacing:2px; font-family:'Rufina','Nanum Gothic','¸¼Àº °íµñ','Malgun Gothic',sans-serif; }
.instafeed h2 a { position:relative; display:block; margin-top:10px; font-size:12px; font-weight:normal; color:#999; letter-spacing:0; font-family:'Nanum Gothic','¸¼Àº °íµñ','Malgun Gothic',sans-serif;}
.instafeed iframe { width:90%; max-width:1600px; margin:0 auto; }

.xans-layout-footer { margin:0 auto; padding:0; border-top:1px #ddd solid; font-size:12px; line-height:23px; }
.xans-layout-footer > ul { position:relative; max-width:1500px; margin:0 auto; padding:0 50px; font-size:0; line-height:0; clear:both; overflow:hidden; }
.xans-layout-footer > ul li { position:relative; float:left; width:20%; padding:15px 30px 30px; color:#555; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.xans-layout-footer > ul li:first-child { padding-left:15px; }
.xans-layout-footer > ul li:last-child { padding-right:15px; }
.xans-layout-footer > ul li:before { content:""; position:absolute; top:0; left:0; display:inline-block; width:1px; height:200%; background:#e8e8e8; }
.xans-layout-footer > ul li.fo01:before { display:none; }
.xans-layout-footer > ul li.fo01 { width:40%; }
.xans-layout-footer > ul li.fo02 p.ment { margin:20px 0 0; }

.xans-layout-footer > ul li.fo02 .xans-layout-boardinfo { margin:15px -5px 0; clear:both; overflow:hidden; }
.xans-layout-footer > ul li.fo02 .xans-layout-boardinfo a { float:left; display:inline-block; width:50%; }
.xans-layout-footer > ul li.fo02 .xans-layout-boardinfo a b { display:block; margin:5px; height:36px; line-height:36px; font-size:20px; font-weight:400; border:1px #ccc solid; text-align:center; box-sizing:border-box; }
.xans-layout-footer > ul li.fo02 .xans-layout-boardinfo a:hover b { background:#c1aa92; color:#fff; }

.xans-layout-footer > ul li .box { font-size:12px; line-height:23px; }
.xans-layout-footer > ul li h2 { margin:35px 0 5px; font-size:13px; color:#353535; }
.xans-layout-footer > ul li h3 { margin:0 0 5px; font-size:20px; font-weight:600; } /*ÀüÈ­¹øÈ£*/
.xans-layout-footer > ul li h4 { margin:0 0 0; font-size:12px; font-weight:600; } /*±³È¯¹ÝÇ°ÁÖ¼Ò*/
.xans-layout-footer > ul li h5 { margin:20px 0 0; font-size:12px; font-weight:600; } /*Å¸ÅÃ¹è±³È¯¹ÝÇ°ÁÖ¼Ò*/
.xans-layout-footer > ul li select { margin:10px 0 0; width:100%; }
.xans-layout-footer > ul li p span { display:inline-block; margin-right:5px; }
.xans-layout-footer > ul li p b { font-weight:normal; color:#353535; }
.xans-layout-footer > ul li .ment { margin:30px 0 0; color:#999; font-size:11px; line-height:21px; }
.xans-layout-footer > ul li.fo01 .ment { margin:10px 0 0; }
.xans-layout-footer > ul li .copy { color:#999; font-size:11px; line-height:18px; }
.xans-layout-footer > ul li img { width:100%; max-width:100%; height:auto; }

.xans-layout-footer .copyright { padding:15px; text-align:center; }
.xans-layout-footer .home { padding:0; margin:0; }
.xans-layout-footer .home a { position:relative; color:#353535; padding:0 15px; }
.xans-layout-footer .home a.log { padding-left:0; }
.xans-layout-footer .home a:before { content:""; position:absolute; left:-1px; top:3px; display:inline-block; width:1px; height:12px; background:#ddd; }
.xans-layout-footer .home a.log:before { display:none; }

.lnb_today{height:411px}

@media (max-width:1050px) and (min-width:0) {
    .xans-layout-footer > ul { padding:0; }
    .xans-layout-footer > ul:before { content:""; position:absolute; top:51%; left:0; display:inline-block; width:100%; height:1px; background:#e8e8e8; }
    .xans-layout-footer > ul:after { content:""; position:absolute; top:0; left:50%; display:inline-block; width:1px; height:100%; background:#e8e8e8; }
    .xans-layout-footer > ul li { display:inline-block; float:initial; width:50% !important; vertical-align:top; }
    .xans-layout-footer > ul li:before { display:none; }
}



/* ¿ìÃø¹Ù °øÅë */
#lnbquick { position:fixed; right:-1px; top:50%; transform:translateY(-50%); width:50px; border:1px #ddd solid; background:#fff; text-align:center; z-index:99; }
#lnbquick > ul > li {_cursor: pointer;border-bottom:1px #ddd solid; height:50px; }
#lnbquick > ul > li:last-child { border-bottom:0; }
#lnbquick > ul > li img { cursor:pointer; }

/* ¿ìÃø Äü¹Ù ÆË¾÷¹Ú½º */
.layerBox { visibility:hidden; opacity:0; position:absolute; top:-50px; right:0; width:350px; background:rgba(255,255,255,0.92); box-shadow:0 0 10px rgba(0,0,0,0.2); -ms-box-shadow:0 0 10px rgba(0,0,0,0.2); -moz-box-shadow:0 0 10px rgba(0,0,0,0.2); -webkit-box-shadow:0 0 10px rgba(0,0,0,0.2); overflow:hidden; z-index:999; }
.layerBox.on { visibility:visible; right:60px; opacity:1; transition:all 0.35s; }
.layerBox .quickclose { position:absolute; top:10px; right:10px; width:15px; height:15px; padding:5px; opacity:0.8; overflow:hidden; cursor:pointer; }
.layerBox .quickclose img { width:15px; height:auto; }
.layerBox h2 { height:48px; line-height:48px; padding:0 14px; font-size:15px; color:#626262; border-bottom:1px #ddd solid; text-align:left; }
.layerBox .sect { overflow:hidden; overflow-y:scroll; width:100%; height:auto; min-height:362px; max-height:450px; padding:0; text-align:left; box-sizing:border-box; }
.layerBox.noneover .sect { overflow-y:hidden; }
.layerBox .sect > div { padding:15px; }

    /* ¿ìÃø Äü¹Ù »óÇ° °øÅë */
    .layerBox .sect .ec-base-product.list_thumb { margin:0 auto; width:100%; }
    .layerBox .sect .ec-base-product.list_thumb .prdList { margin:0; }
    .layerBox .sect .ec-base-product.list_thumb .prdList > li { margin:0 auto; }
	.layerBox .sect .ec-base-product.list_thumb .prdList > li .box { margin:5px; }
	.layerBox .sect .ec-base-product.list_thumb .prdList .thumbnail { margin:0 0 10px; }
	.layerBox .sect .ec-base-product.list_thumb .prdList .description { font-size:11px; }
	.layerBox .sect .ec-base-product.list_thumb .prdList .description .name { margin:0 0 5px; padding:0; }
	.layerBox .sect .ec-base-product.list_thumb .prdList .description .name a { font-size:12px; font-weight:bold; }
	.layerBox .sect .ec-base-product.list_thumb .prdList .description .price { margin:0 0 5px; }
	.layerBox .sect .ec-base-product.list_thumb .prdList .description .price > span { margin-right:3px; }
	.layerBox .sect .ec-base-product.list_thumb .prdList .description b, 
	.layerBox .sect .ec-base-product.list_thumb .prdList .description strong { font-weight:normal; color:#333; }

    .layerBox .empty { padding:120px 0; font-size:14px; color:#aaa; text-align:center; }
	.layerBox .ec-base-button { padding:20px 0 0; }


	/* ÀÎµ¦½º °Ë»ö¹Ù */
    .lnbsearch .searchForm { margin:20px auto; border:1px solid #bfbfbf; border-radius:2px; }
    .lnbsearch .searchForm #keyword_aside { width:260px; height:38px; line-height:38px; padding:0 5px; border:0; font-size:13px; color:#555; background:transparent; }

    /*ÇÖÅ°¿öµå*/
    .layerBox .lnbhotkeyword h3 { height:48px; line-height:48px; margin:0 0 10px; font-size:15px; color:#626262; border-bottom:1px #ddd solid; text-align:left; }
    .layerBox .lnbhotkeyword ul { text-align:left; font-size:0; }
    .layerBox .lnbhotkeyword li { position:relative; display:block !important; height:32px; line-height:32px; overflow:hidden; vertical-align:top; }
    .layerBox .lnbhotkeyword li a { display:block; color:#555; font-size:12px; line-height:32px; }
    .layerBox .lnbhotkeyword li a:hover { color:#aaa; }

    .layerBox .lnbhotkeyword li:first-child a { font-size:18px; font-weight:600; color:#c19261; }
	.layerBox .lnbhotkeyword li:nth-child(2) a { font-size:15px; font-weight:600; color:#a97171; }
	.layerBox .lnbhotkeyword li:nth-child(3) a { font-size:13px; font-weight:600; }

    /* È¸¿øµî±Þ */
    .layerBox .lnbbenefit { text-align:center; padding:15px 0 20px; margin:0 auto; font-size:14px; font-weight:bold; }
   
    /* ¸¶ÀÌÆäÀÌÁö ¸Þ´º */
    .layerBox .lnbmymenu { padding:0; clear:both; overflow:hidden; }
    .layerBox .lnbmymenu a { float:left; display:inline-block; width:154px; height:75px; line-height:75px; margin:2px; font-size:12px; color:#353535; font-weight:bold; border:1px #ddd solid; text-align:center; }
	.layerBox .lnbmymenu a:hover { background:#eee; }
	.layerBox .lnbmymenu a .count { display:inline-block; line-height:14px; margin-left:2px; font-size:11px; font-weight:normal; color:#999; border-radius:50%; text-align:center; }


.xans-layout-productrecent { margin:0 -5px; padding:0 0 0; min-height:234px; }
.xans-layout-productrecent ul { margin:0 auto; font-size:0; line-height:0; }
.xans-layout-productrecent li { display:inline-block; width:33.33%; }
.xans-layout-productrecent li a { display:block; margin:5px; color:#353535; }
.xans-layout-productrecent li a span { display:block; font-size:12px; line-height:18px; margin:10px 0; }
.xans-layout-productrecent li img { max-width:100%; }
.xans-layout-productrecent .player { overflow:hidden; *zoom:1; }
.xans-layout-productrecent .player img { float:left; }

.xans-layout-login { margin:15px 0 20px; padding:0; }
.xans-layout-login h3 { margin:0 auto 20px; color:#353535; font-size:13px; font-weight:normal; line-height:18px; }
.xans-layout-login .check span { overflow:hidden; display:block; margin:0 0 5px; border:1px solid #d9d9d9; background:transparent; color:#8f8f91; border-radius:2px; *zoom:1; }
.xans-layout-login .check label { height:32px; padding:0 0 0 8px; color:#c9c9c9; line-height:32px; }
.xans-layout-login .check span label span { border:0; }
.xans-layout-login .check input { width:95%; height:32px; padding:0; border:0; color:#353535; line-height:32px; background:transparent; }
.xans-layout-login .security { padding:0; margin:10px 0; color:#353535; clear:both; overflow:hidden; text-align:left; }
.xans-layout-login .security img { vertical-align:middle; }
.xans-layout-login .security input { opacity:0.5; width:12px; height:12px; margin:-1px 2px 0 0; }
.xans-layout-login .security span { float:right; padding-left:25px; background:url("/design/eesh/2023/web/upload/plain93/icon_switch.png") no-repeat 0 4px; }
.xans-layout-login .button { margin:0 0 0; text-align:right; }
.xans-layout-login .button input { margin:0 -8px 0 0; }

.xans-layout-login .find { margin:15px 0 0; }
.xans-layout-login .find li { position:relative; display:inline-block; padding:0 18px 0 0; line-height:20px; }
.xans-layout-login .find li:before { content:""; display:inline-block; position:absolute; top:5px; right:6px; width:1px; height:10px; border-left:1px solid #d9d9d9; }
.xans-layout-login .find li.log:before { display:none; }
.xans-layout-login .find li a { color:#525252; font-size:11px; }
/* BASIC css end */

