/* BASIC css start */
/*common.css*/
@charset "utf-8";

/* **************************** //Çʼö 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%; height:100%; }
body,code { font:12px 'Open Sans','Nanum Gothic','¸¼Àº °íµñ','Malgun Gothic',sans-serif; color:#353535; background:#fff; }
body { width:100%; min-width:1100px; -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:none; text-rendering:optimizelegibility; /*scrollbar-base-color:#bbb; scrollbar-track-color:#f8f8f8; scrollbar-shadow-color:#f8f8f8; scrollbar-arrow-color:#aaa; -ms-overflow-style:scrollbar;*/ }
body#popup { min-width:0; background:#fff; }
li { list-style:none; }
img,fieldset { border:none; vertical-align:top; }
table { width:100%; border:0; border-spacing:0; border-collapse:collapse; }
caption { display:none; }
th,td { border:0; vertical-align:top; }
button { overflow:visible; padding:0; margin:0; border:0; cursor:pointer; outline:none; font-family:'Open Sans','Nanum Gothic','¸¼Àº °íµñ','Malgun Gothic',sans-serif; }
hr.layout { display:none; }
a { text-decoration:none; color:#353535; }
a:hover { text-decoration:none; }
a:active { text-decoration:none; }
.objHidden { visibility:hidden; position:absolute; left:-1000px; top:-1000px; height:0; width:0; }
#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; }

/* °áÁ¦ÁøÇà¹Ù */
#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(//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; }


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

/* **************************** Çʼö CSS ¼öÁ¤ ¹× »èÁ¦ ºÒ°¡ **************************** */
::selection { background:#888; color:#fff; text-shadow:none; }
::-moz-selection { background:#888; color:#fff; text-shadow:none; }
::-webkit-selection { background:#888; color:#fff; text-shadow:none; }

.pointfont { font-family:'Rufina','Nanum Gothic','¸¼Àº °íµñ','Malgun Gothic',sans-serif; }







/*layout.css*/
@charset "utf-8";

/* Layout */
#wrap { position:relative; margin:0 auto; }

#header { position:relative; z-index:99; }
#header:after { content:""; display:block; clear:both; }
#header .inner { position:relative; top:0; left:0; width:100%; min-width:1100px; padding:0 30px; background:rgba(255,255,255,0.9); box-sizing:border-box; }
#header .topArea { position:relative; margin:0 auto; padding:50px 0 30px; max-width:1500px; font-size:0; line-height:0; text-align:right; clear:both; *zoom:1; }
#header .topArea:after { content:""; display:block; clear:both; }
#header .header { position:relative; margin:0 auto; max-width:1500px; clear:both; *zoom:1; }
#header .header:after { content:""; display:block; clear:both; }
#header .headerline { height:0; }
    /* header effect */
    #header.effect .inner { position:fixed; }
	#header.effect .topArea { padding:10px 0; }
    #header.effect .headerline { height:100px; }

#container { margin:0 auto; *zoom:1; }
#container:after { content:""; display:block; clear:both; }
#contents { position:relative; max-width:1500px; min-height:500px; margin:0 auto; padding:0 60px; }
	#main #contents { max-width:100%; padding:0 50px; }

#footer { position:relative; margin-top:100px; padding:0; clear:both; overflow:hidden; z-index:1; }
#footer:before { content:""; position:absolute; left:0; right:0; bottom:0; width:100%; height:53px; background:#f8f8f8; }


/* Ž»ö°æ·Î¹Ù */
.path { position:absolute; left:0; right:0; max-width:1500px; height:30px; line-height:30px; margin:0 auto; text-transform:lowercase; opacity:0.5; overflow:hidden; z-index:1; *zoom:1; display:none; }
.path span { overflow:hidden; position:absolute; width:0; height:0; white-space:nowrap; text-indent:100%; }
.path ol { float:right; }
.path li { float:left; padding:0 3px 0 12px; margin:0 0 0 5px; color:#555; background:url("//img.echosting.cafe24.com/skin/base/layout/ico_path.gif") no-repeat 0 11px; }
.path li:first-child { background:none; }
.path li a { color:#555; }
.path li strong,
.path li strong a { color:#000; font-weight:normal; }

/* ŸÀÌƲ */
.titleArea { margin:50px 0 50px; text-align:center; }
.titleArea h2 { margin:0 0 5px; font-size:28px; font-weight:400; color:#626262; letter-spacing:2px; text-transform:capitalize; font-family:'Rufina','Nanum Gothic','¸¼Àº °íµñ','Malgun Gothic',sans-serif; }
.titleArea h2 font { color:#626262 !important; }
.titleArea p { color:#757575; line-height:18px; font-size:12px; }
.titleArea .imgArea { margin:30px auto 0; text-align:center; }
.titleArea .imgArea img { max-width:100%; height:auto; }
.titleArea ul { color:#999; line-height:18px; font-size:12px; }
.titleArea ul li { position:relative; }

/* °Ô½ÃÆÇ ³×ºñ */
.boardnavi { margin:30px -10px 30px; padding:0; text-align:center; clear:both; overflow:hidden; }
.boardnavi:after { content:""; display:block; clear:both; }
.boardnavi a { float:left; display:inline-block; width:25%; }
.boardnavi a span { position:relative; display:block; margin:10px; line-height:45px; border:1px #ddd solid; color:#353535; font-size:13px; }
.boardnavi a.on span { border:0; line-height:47px; font-weight:bold; }

/* Å¥¿£¿¡ÀÌ ³×ºñ */
.subnavi { display:none; margin:30px auto 30px; text-align:center; }
.subnavi a { position:relative; padding:5px 15px; font-size:12px; }
.subnavi a:before { content:""; position:absolute; top:9px; left:-1px; display:inline-block; width:1px; height:11px; background:#e5e5e5; }
.subnavi a.qna01:before { display:none; }

/* Å¥¿£¿¡ÀÌ Ä«Å×°í¸®³ª´® ¾ÆÀÌÄÜÇü
.subnavi { display:none; margin:30px -10px; padding:0; text-align:center; clear:both; overflow:hidden; }
.subnavi:after { content:""; display:block; clear:both; }
.subnavi a { display:inline-block; width:16.4%; }
.subnavi a span { position:relative; display:block; margin:10px; padding:10px 10px 20px; border:1px #ddd solid; color:#555; font-size:12px; }
.subnavi a span:before { display:block; content:""; width:60px; height:65px; margin:0 auto; padding:0; background:url("/design/eesh/2023/web/upload/plain93/sfix_icon_shopMain.png") no-repeat 0 0; opacity:0.3; }
.subnavi a:hover span { background-color:#f8f8f8; color:#353535; }
.subnavi a:hover span:before { opacity:1; }

.subnavi a.qna01 span:before { background-position:-190px -87px; }
.subnavi a.qna02 span:before { background-position:-292px -189px; }
.subnavi a.qna03 span:before { background-position:-105px -183px; }
.subnavi a.qna04 span:before { background-position:-95px -297px; }
.subnavi a.qna05 span:before { background-position:-189px 11px; }
.subnavi a.qna06 span:before { background-position:11px 9px; }
*/

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

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


/*
@media (max-width:940px) and (min-width:0) {
    #header #searchBarForm { display:none; }
}

@media (max-width:820px) and (min-width:0) {
    #header .logotop { float:initial; text-align:center; }
        
    #header .header { position:absolute; left:0; top:50%; margin-top:-13px; }
    #header.effect .header { margin-top:-22px; }

    #header #allmenu { width:43px; margin:0; }
    #header #allmenu .btn_all { width:43px; height:43px; line-height:43px; }
    #header #allmenu .btn_all span,
    #header #allmenu .btn_all span:before,
    #header #allmenu .btn_all span:after { top:14px !important; }
    #header #allmenu .btn_all span:before { top:6px !important; }
    #header #allmenu .btn_all span:after { top:12px !important; }
    #header #allmenu .btn_all a.select span:after { top:6px !important; }

    #header #menuBox { position:fixed; top:10%; margin-top:10px; min-width:100%; width:100%; padding:0; }
    #header.effect #menuBox { top:43px; margin-top:0; }
    
    #header #menuBox .alllogin { margin:0 auto; padding:30px 5%; }
    #header #menuBox ul { position:relative; }
    #header #menuBox ul:before { content:""; position:absolute; top:50%; left:0; display:block; width:100%; height:1px; background:#eee; }
    #header #menuBox ul:after { content:""; position:absolute; top:0; left:50%; display:block; width:1px; height:100%; background:#eee; }
    #header #menuBox ul > li { width:50% !important; padding:30px 5% !important; }
    #header #menuBox ul > li:before { display:none; }
    
    #header .topArea > div { display:none; }
    #header #category { display:none; }
}
*/

/*bg.css*/
@charset "utf-8";


/* ÃÖ»ó´Ü Àå¹Ù±¸´Ï Ä«¿îÅÍ ¹è°æ»ö */
.toplogin > a .count span { background:#c1aa92; color:#ffffff; }


/* Æ÷ÀÎÆ® ±ÛÀÚ»ö */
.txtWarn { color:#c19261; }


/* À§Å¬¸®(ÅǷѸµ) ¹è°æ»ö */
.tapSwiper { background:#f8f8f8; }


/* À§Å¬¸®(ÅǷѸµ) ÅÇÈ°¼ºÈ­ ¹Ú½º ¹è°æ»ö */
.tapSwiper .swiper-pagination > span.swiper-pagination-bullet-active { background:#c1aa92; color:#ffffff; } 


/* ¸ð¾îÆä¾îº¸¸´(»óÇ°·Ñ¸µ) ¹è°æ»ö */
.mdSwiper { background:#f8f8f8; }


/* Áߺзù, °Ô½ÃÆÇ È°¼ºÈ­ ¹Ú½º ¹è°æ»ö */
.xans-product-menupackage .menuCategory > li.selected > a, .boardnavi a.on span { background:#c1aa92; color:#ffffff; }


/* »ó¼¼ÆäÀÌÁö ±¸¸ÅÇϱ⠹öÆ° ¹è°æ»ö */
[class^='btn'].point { background:#c1aa92; color:#ffffff; }


/* »ó¼¼ÆäÀÌÁö ÇÏ´Ü °íÁ¤ ±¸¸ÅÇϱ⠹öÆ° ¹è°æ»ö */
#infoFix.fixed .infobtnon { background:#c1aa92; color:#ffffff; }


/* »ó¼¼ÆäÀÌÁö ³×ºñ°ÔÀÌ¼Ç È°¼ºÈ­ ¼± ¹è°æ»ö */
.ec-base-tab01 ul.menu li.selected > a:before { background:#c1aa92; }


/* ·Î±×ÀÎÆäÀÌÁö È°¼ºÈ­ ¸Þ´º ¹è°æ»ö */
.ec-base-tabLogin .menu li.selected a { background:#c1aa92; color:#ffffff; }


/* ¸¶ÀÌÆäÀÌÁö ÁÖ¹®ÇöȲ Ä«¿îÆ® ¼ýÀÚ ±ÛÀÚ»ö */
.xans-myshop-orderstate .order .count { color:#c19261; }



/*ec-bse-ui.css*/
/* Font */
.txtInfo { color:#757575; }
.txtEm { color:#999; }
.txtBlack { color:#353535; }
.txtDel, .strike, .discount { text-decoration:line-through; font-weight:normal; }
.strike strong, .discount strong { font-weight:normal; }
.txtNormal { font-weight:normal; font-style:normal; }
.txtNum { display:inline-block; font-size:11px; color:#999; word-break:normal; }
.txt11 { font-size:11px !important; }
.txt12 { font-size:12px !important; }
.txt13 { font-size:13px !important; }
.txt14 { font-size:14px !important; }
.txt15 { font-size:15px !important; }
.txt16 { font-size:16px !important; }
.txt17 { font-size:17px !important; }
.txt18 { font-size:18px !important; letter-spacing:-1px; }
.txtIcon { font-size:12px; font-style:normal; }
.txtBreak { word-break:break-all; word-wrap:break-word; }
  /* JP, TW, CN */
  html:lang(ja) .txt11,
  html:lang(zh) .txt11,
  html:lang(zh-tw) .txt11 { font-size:12px; }

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

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

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

/* Form */
input,select,textarea { font-size:100%; font-family:'Open Sans','Nanum Gothic','¸¼Àº °íµñ','Malgun Gothic',sans-serif; color:#353535; vertical-align:middle; outline:none; }
input[type=radio],
input[type=checkbox] { width:13px; height:13px; border:0; }
input[type=text],
input[type=password] { height:22px; line-height:22px; padding:2px 4px; border:1px solid #d5d5d5; color:#353535; font-size:12px; }
input[type=radio] + label, input[type=checkbox] + label { margin:0 4px 0 2px; }
input:-webkit-autofill { -webkit-box-shadow:0 0 0 1000px white inset; }
select { display:inline-block; min-width:100px; height:28px; line-height:28px; padding:0 0 0 5px; color:#353535; border:1px #d5d5d5 solid; -webkit-appearance:none; -moz-appearance:none; background:#fff url('/design/eesh/2023/web/upload/plain93/arrow-down.svg') 97% 47%/10px no-repeat; }
select::-ms-expand { display:none; }
textarea { padding:5px 6px; border:1px solid #d5d5d5; line-height:1.5; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color:#c1c1c1; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color:#c1c1c1; }
input::-moz-placeholder, textarea::-moz-placeholder { color:#c1c1c1; opacity:1; }
legend { visibility:hidden; position:absolute; left:-9999px; top:-9999px; width:0; height:0; line-height:0; }

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

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


/*ec-base-tooptip.css*/

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

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

/*ec-base-help.css*/
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; }

div.ec-base-help { margin:20px 0; border:1px solid #dfdfdf; line-height:18px; }
div.ec-base-help > h2,
div.ec-base-help > h3 { padding:9px 0 6px 10px; border-bottom:1px solid #f1f1f1; color:#353535; font-size:12px; background:#fff; }
div.ec-base-help .inner { padding:0 9px 12px; }
div.ec-base-help h4 { margin:22px 0 -4px; color:#404040; font-size:12px; font-weight:normal; }
div.ec-base-help h4:first-child { margin-top:13px; }
div.ec-base-help p { margin:15px 0 0 10px; color:#707070; }
div.ec-base-help ul,
div.ec-base-help ol { margin:15px 0 0 11px; }
div.ec-base-help li { color:#707070; }

/* number */
div.ec-base-help ol li { padding:0 0 0 25px; background:url('//img.echosting.cafe24.com/skin/base/common/ico_number.png') no-repeat; }
div.ec-base-help ol .item1 { background-position:-484px 0; }
div.ec-base-help ol .item2 { background-position:-434px -100px; }
div.ec-base-help ol .item3 { background-position:-384px -200px; }
div.ec-base-help ol .item4 { background-position:-334px -300px; }
div.ec-base-help ol .item5 { background-position:-284px -400px; }
div.ec-base-help ol .item6 { background-position:-234px -500px; }
div.ec-base-help ol .item7 { background-position:-184px -600px; }
div.ec-base-help ol .item8 { background-position:-134px -700px; }
div.ec-base-help ol .item9 { background-position:-84px -800px; }
div.ec-base-help ol .item10 { background-position:-34px -900px; }

/* typeDash */
div.ec-base-help ul li { padding:0 0 0 11px; background:url('//img.echosting.cafe24.com/skin/base/common/ico_dash.gif') no-repeat 0 7px; }
.ec-base-help.typeDash li { padding:0 0 0 11px; background:url("//img.echosting.cafe24.com/skin/base/common/ico_dash.gif") no-repeat 0 7px; }
.ec-base-tooltip .ec-base-help.typeDash li { margin:2px 0; }

/*ec-base-product.css*/
.ec-base-product { margin:0 auto; max-width:1500px; }
.ec-base-product > .title { margin:8% auto 50px; text-align:center; }
.ec-base-product > .title h2 { font-weight:400; font-size:28px; color:#626262; letter-spacing:2px; }
.ec-base-product > .title h2 span > span,
.ec-base-product > .title p { display:block; font-size:13px; color:#aaa; letter-spacing:0; margin:5px 0 0; }
.ec-base-product img { vertical-align:middle; }
.ec-base-product a[href^='/product/detail.html'] > img { }

.ec-base-product .prdList { margin:0 auto; font-size:0; line-height:0; }
.ec-base-product .prdList > li { position:relative; display:inline-block; margin:0 0 50px; color:#757575; vertical-align:top; *display:inline; *zoom:1; }
.ec-base-product .prdList > li .box { position:relative; margin:15px; }

.ec-base-product .prdList .chk { position:absolute; top:-10px; left:0; right:0; display:block; margin:0 0 10px; }
.ec-base-product .prdList .thumbnail { position:relative; margin:0 0 15px; text-align:center; overflow:hidden; }
.ec-base-product .prdList .thumbnail img { max-width:100%; box-sizing:border-box; }
.ec-base-product .prdList .thumbnail .thumb { width:100%; }
.ec-base-product .prdList .thumbnail .prdIcon { position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; }

.ec-base-product .prdList .description { position:relative; margin:0 auto; padding:0; font-size:11px; line-height:16px; text-align:left; font-family:'Nanum Gothic','¸¼Àº °íµñ','Malgun Gothic',sans-serif; }
.ec-base-product .prdList .description .name { display:block; margin:0 0 10px; }
.ec-base-product .prdList .description .name a { color:#555; }
.ec-base-product .prdList .description .name a span { }
.ec-base-product .prdList .description .mileage { display:block; }
.ec-base-product .prdList .description span.grid { display:block; }
.ec-base-product .prdList .description .promotion { margin:5px 0 0; }
.ec-base-product .prdList .description .promotion img { margin:0 2px 2px 0; vertical-align:middle; max-width:100%; }

/* boxhover */
.ec-base-product .boxhover { clear:both; overflow:hidden; }
.ec-base-product .boxhover > li { margin:0; }
.ec-base-product .boxhover > li .box .thumbnail { margin:0; }
.ec-base-product .boxhover > li .box .description { display:none; position:absolute; top:0; bottom:0; left:0; right:0; padding:10px 5%; text-align:center; cursor:pointer; box-sizing:border-box; }
.ec-base-product .boxhover > li .box .description .txt { position:relative; top:47%; transform:translateY(-47%); }

/* À§Å¬¸®(ÅǷѸµ)*/
.tapSwiper .ec-base-product h2 { display:none; }
.tapSwiper .ec-base-product .prdList { margin:0 auto; }
.tapSwiper .ec-base-product .prdList > li { float:left; width:20.06%; }
.tapSwiper .ec-base-product .prdList > li.big { width:39.8%; }
.tapSwiper .ec-base-product .prdList > li .box { margin:12px; }
.tapSwiper .ec-base-product .prdList > li .name { margin:10px 0; padding:0; border-bottom:0; }

/* ºÐ·ùº° Ãßõ»óÇ° */
.xans-product-listrecommend { position:relative; max-width:100%; margin:0 auto 80px; padding:50px 0; }
.xans-product-listrecommend:before { content:""; position:absolute; top:0; bottom:0; left:-50px; right:-50px; background:#f8f8f8; z-index:-1; }
.xans-product-listrecommend > .title { margin:0 auto 50px; }
.xans-product-listrecommend .prdList { margin:0 auto; max-width:1500px; }
.xans-product-listrecommend .prdList .thumbnail .bestcon { position:absolute; right:0; top:0; width:45px; height:35px; padding:10px 0 0; line-height:12px; font-size:11px; color:#fff; background:rgba(101,101,101,0.8); z-index:1; transition:background 0.35s; }
.xans-product-listrecommend .prdList .thumbnail .bestcon b { display:block; font-weight:normal; }
.xans-product-listrecommend .prdList > li:hover .thumbnail .bestcon { background:rgba(31,31,31,0.8); }

/* ºÐ·ùº° ÀϹݻóÇ° */
.xans-product-listnormal { }

@media (max-width:1300px) and (min-width:0) {
    .ec-base-product .prdList > li .box { margin:8px; }
    .tapSwiper .ec-base-product .prdList > li .box { margin:8px; }
}

/* grid */
.ec-base-product ul.grid2 > li { width:50%; }
.ec-base-product ul.grid3 > li { width:33.33%; }
.ec-base-product ul.grid4 > li { width:25%; }
.ec-base-product ul.grid5 > li { width:20%; }
.ec-base-product ul.grid3 > li .color { }
.ec-base-product ul.grid4 > li .color { }
.ec-base-product ul.grid5 > li .color { }

/* module="product_ListItem" */
.ec-base-product .spec { margin:0; }
.ec-base-product .spec li { display:block; margin:0; }
.ec-base-product .spec [rel="¼ÒºñÀÚ°¡"] { display:inline-block; }
.ec-base-product .spec [rel="ÆǸŰ¡"] { display:inline-block; }
.ec-base-product .spec [rel="ÇÒÀÎÆǸŰ¡"] { display:inline-block; }
.ec-base-product .spec [rel="»óÇ°¿ä¾àÁ¤º¸"],
.ec-base-product .spec [rel="»óÇ° ¿ä¾à¼³¸í"] { display:block; margin:10px 0; }
.ec-base-product .spec [rel="»óÇ°°£·«¼³¸í"] { display:block; margin:10px 0; }
.ec-base-product .spec li .title { font-weight:normal; vertical-align:top; }
.ec-base-product .spec li .title span { vertical-align:top; }
.ec-base-product .color { overflow:hidden; display:inline-block; margin:0 0 5px; }
.ec-base-product .chips { float:left; width:13px; height:3px; margin:0 2px 2px 0; border:1px solid #eee; font-size:0; line-height:0; }

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

.ec-base-product .prdList .shippingFee { position:relative; display:inline-block; }
.ec-base-product .prdList .shippingFee .button { display:inline-block; float:none; }
.ec-base-product .prdList .shippingFee .ec-base-tooltip { z-index:11; display:block; margin:0 0 0 -170px; width:360px; }
.ec-base-product .prdList .shippingFee .ec-base-tooltip table th { width:40px; }
.ec-base-product .prdList .shippingFee .ec-base-tooltip table th,
.ec-base-product .prdList .shippingFee .ec-base-tooltip table td { padding:7px 10px 8px 10px; }

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

/* Thumbnail icon position */
.ec-product-bgLT { background-position:left top; }
.ec-product-bgLC { background-position:left center; }
.ec-product-bgLB { background-position:left bottom; }
.ec-product-bgRT { background-position:right top; }
.ec-product-bgRC { background-position:right center; }
.ec-product-bgRB { background-position:right bottom; }
.ec-product-bgCT { background-position:center top; }
.ec-product-bgCC { background-position:center center; }
.ec-product-bgCB { background-position:center bottom; }

/*
@media (max-width:820px) and (min-width:0) {
    .ec-base-product ul.grid2 > li,
    .ec-base-product ul.grid3 > li,
    .ec-base-product ul.grid4 > li,
    .ec-base-product ul.grid5 > li { width:50%; }
    
    .tapSwiper .ec-base-product .prdList > li { width:33.33% !important; }
    .tapSwiper .ec-base-product .prdList > li:last-child { display:none; }
    
    .xans-product-listrecommend ul.grid5 > li { width:33.33%; }
    .xans-product-listrecommend ul.grid5 > li:nth-child(7),
    .xans-product-listrecommend ul.grid5 > li:nth-child(8),
    .xans-product-listrecommend ul.grid5 > li:nth-child(9),
    .xans-product-listrecommend ul.grid5 > li:nth-child(10) { display:none; }
}
*/

/*ec-base-paginate.css*/
.ec-base-paginate { margin:30px 0; text-align:center; font-size:0; line-height:0; }
.ec-base-paginate ol { display:inline-block; font-size:0; line-height:0; vertical-align:top; *display:inline; *zoom:1; *margin:0; }
.ec-base-paginate li { display:inline-block; margin:0 0 0 -1px; font-size:13px; color:#999; vertical-align:top; *display:inline; *zoom:1; }
.ec-base-paginate li:first-child { margin-left:0; }
.ec-base-paginate img { vertical-align:top; opacity:0.7; }
.ec-base-paginate img:hover { opacity:1; }
.ec-base-paginate li a { display:block; width:26px; padding:9px 0; color:#999; line-height:14px; background:#fff; }
.ec-base-paginate li a:hover { text-decoration:none; color:#222; }
.ec-base-paginate li a.this { font-weight:bold; color:#222; }
.ec-base-paginate a.nolink { cursor:default; }

/* typeSub */
.ec-base-paginate.typeSub ol { margin:0 15px; vertical-align:middle; }
.ec-base-paginate.typeSub li { font-size:12px; border:0; }
.ec-base-paginate.typeSub img { vertical-align:middle; opacity:1; }
.ec-base-paginate.typeSub li a { width:auto; margin:0 5px 0; padding:2px; color:#999; background:none; }
.ec-base-paginate.typeSub li a.this { color:#222; text-decoration:underline; border:0; }
.ec-base-paginate.typeSub .first { margin-right:3px; }
.ec-base-paginate.typeSub .last { margin-left:3px; }


/*ec-base-tab.css*/
.ec-base-tab { position:relative; }
.ec-base-tab .menu { margin:0 0 20px; border:1px solid #e5e5e5; border-bottom-color:#ddd; background:#f9f9f9; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.ec-base-tab .menu:after { content:""; display:block; clear:both; }
.ec-base-tab .menu li { float:left; background:#f9f9f9; }
.ec-base-tab .menu li a { display:block; min-width:187px; margin:0 0 0 -1px; padding:12px 5px 11px; border-right:1px solid #e5e5e5; color:#707070; text-decoration:none; outline:0; text-align:center; }
.ec-base-tab .menu li:first-child a { margin-left:0; }
.ec-base-tab .menu li.selected a { position:relative; top:0; left:-2px; margin:0 0 -1px; border:1px solid #ddd; border-top:0; border-bottom-color:#fff; color:#353535; font-weight:bold; background:#fff; }
.ec-base-tab .menu li.selected:first-child a { left:-1px; }
.ec-base-tab > .right { position:absolute; top:8px; right:10px; line-height:24px; color:#909090; }
  /* typeLight */
  .ec-base-tab.typeLight .menu li.selected a { margin:0 0 -2px; border-bottom:1px solid #fff; color:#404040; background:#fff; }
  /* grid (2~7) */
  .ec-base-tab[class*="grid"] .menu { display:table; table-layout:fixed; width:100%; }
  .ec-base-tab[class*="grid"] .menu li { float:none; display:table-cell; vertical-align:middle; }
  .ec-base-tab[class*="grid"] .menu li a { display:inline-block; width:100%; min-width:0; margin:0; padding:11px 0; border:0; }
  .ec-base-tab[class*="grid"] .menu li.selected { position:relative; top:0; right:-1px; border:1px solid #e5e5e5; border-bottom:0; background:#fff; }
  .ec-base-tab[class*="grid"] .menu li:first-child.selected { right:0; }
  .ec-base-tab[class*="grid"] .menu li.selected a { position:static; background:none; }
    .ec-base-tab.grid2 .menu li { width:50.5%; }
    .ec-base-tab.grid3 .menu li { width:34%; }
    .ec-base-tab.grid4 .menu li { width:25.5%; }
    .ec-base-tab.grid5 .menu li { width:20.5%; }
    .ec-base-tab.grid6 .menu li { width:17%; }
    .ec-base-tab.grid7 .menu li { width:14.8%; width:15% \0/; }
    .ec-base-tab.grid7 .menu li:first-child { width:13% \0/; }
  /* gFlex */
  .ec-base-tab.gFlex .menu { display:flex; border-right:0; }
  .ec-base-tab.gFlex .menu li { float:none; flex:1; }
  .ec-base-tab.gFlex .menu:after { display:none; }
  .ec-base-tab.gFlex .menu li.selected a { left:0; margin:0 0 -1px -1px; }

/* »ó¼¼ÅÇ */
.ec-base-tab01 { position:relative; }
.ec-base-tab01 ul.menu { padding:120px 0 0; line-height:1.5; *zoom:1; text-align:center; border-bottom:1px #e5e5e5 solid; }
.ec-base-tab01 ul.menu:after { content:""; display:block; clear:both; }
.ec-base-tab01 ul.menu li { position:relative; display:inline-block; font-size:13px; vertical-align:top; *display:inline; *zoom:1; }
.ec-base-tab01 ul.menu li > a { position:relative; display:inline-block; padding:8px 15px; color:#aaa; }
.ec-base-tab01 ul.menu li.selected > a { color:#353535; font-weight:bold; }
.ec-base-tab01 ul.menu li.selected > a:before { content:""; position:absolute; bottom:-1px; left:-1px; display:inline-block; width:100%; height:2px; }


/* ·Î±×ÀÎÆäÀÌÁö ÅÇ */
.ec-base-tabLogin { position:relative; }
.ec-base-tabLogin .menu { margin:0 0 20px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.ec-base-tabLogin .menu:after { content:""; display:block; clear:both; }
.ec-base-tabLogin .menu li { float:left; width:50%; }
.ec-base-tabLogin .menu li a { display:block; margin:0 -1px; min-width:187px; height:50px; line-height:50px; font-size:13px; color:#555; border:1px solid #e5e5e5; border-bottom:1px solid #aaa; background:#f9f9f9; text-decoration:none; outline:0; text-align:center; }
.ec-base-tabLogin .menu li.selected a { font-weight:bold; border-color:transparent; }



/*ec-base-button.css*/
/* button */
[class^='btnNormal'], a[class^='btnNormal'] { display:inline-block; box-sizing:border-box; padding:2px 8px; border:1px solid #d1d1d1; border-radius:0; font-size:12px; line-height:18px; font-weight:normal; text-decoration:none; vertical-align:middle; word-spacing:-0.5px; letter-spacing:0; text-align:center; white-space:nowrap; color:#353535; background-color:#fff; }
[class^='btnSubmit'], a[class^='btnSubmit'] { display:inline-block; box-sizing:border-box; padding:2px 8px; border:1px solid transparent; border-radius:0; font-size:12px; line-height:18px; font-weight:normal; text-decoration:none; vertical-align:middle; word-spacing:-0.5px; letter-spacing:0; text-align:center; white-space:nowrap; color:#fff; background-color:#555; }
[class^='btnEm'], a[class^='btnEm'] { display:inline-block; box-sizing:border-box; padding:2px 8px; border:1px solid transparent; border-radius:0; font-size:12px; line-height:18px; font-weight:normal; text-decoration:none; vertical-align:middle; word-spacing:-0.5px; letter-spacing:0; text-align:center; white-space:nowrap; color:#fff; background-color:#888; }
[class^='btnBasic'], a[class^='btnBasic'] { display:inline-block; box-sizing:border-box; padding:2px 8px; border:1px solid #d1d1d1; border-radius:0; font-size:12px; line-height:18px; font-weight:normal; text-decoration:none; vertical-align:middle; word-spacing:-0.5px; letter-spacing:0; text-align:center; white-space:nowrap; color:#353535; background-color:#f6f6f6; }
  [class^='btnNormal']:not(.disabled):hover { background-color:#f6f6f6; }
  [class^='btnSubmit']:not(.disabled):hover { opacity:0.8; }
  [class^='btnEm']:not(.disabled):hover { background-color:#888; }
  [class^='btnBasic']:not(.disabled):hover { border-color:#aaa; }
  [class^='btnNormal'].disabled { border-color:#e3e3e3; color:#999; }
  [class^='btnSubmit'].disabled { background-color:#666; color:#f0f0f0; }
  [class^='btnEm'].disabled { background-color:#b5b5b5; color:#f0f0f0; }
  [class^='btnBasic'].disabled { color:#999; }
/* size */
  [class^='btn'].sizeS { padding:6px 8px; }
  [class^='btn'].sizeM { padding:10px 16px; }
  [class^='btn'].sizeL { padding:14px 16px; min-width:80px; font-size:13px; }
  [class^='btn'].sizeXL { padding:14px 26px; font-size:15px; }
/* width Fix */
  [class^='btn'][class*='Fix'] { width:72px; word-break:keep-all; word-wrap:break-word; }
  [class^='btn'][class*='Fix'].sizeS { width:96px; }
  [class^='btn'][class*='Fix'].sizeM { width:120px; padding-left:8px; padding-right:8px; }
  [class^='btn'][class*='Fix'].sizeL { width:160px; padding-left:8px; padding-right:8px; font-size:13px; }
   [class^='btn'][class*='Fix'].sizeXL { width:180px; padding-left:8px; padding-right:8px; font-size:15px; }
/* point color */
  [class^='btnSubmit'].point, a[class^='btnSubmit'].point { font-weight:bold; }

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

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

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


/*ec-base-box.css*/
/* base */
.ec-base-box { padding:20px; margin-left:auto; margin-right:auto; border:1px solid #e5e5e5; color:#353535; }
.ec-base-box.gHalf { position:relative; padding:20px 0; }
.ec-base-box.gHalf:before { position:absolute; top:0; left:50%; display:block; content:""; width:1px; height:100%; background-color:#e5e5e5; }
.ec-base-box.typeBg { background-color:#f9f9f9; }
.ec-base-box.typeThin { border-width:1px; border-color:#e5e5e5; }
.ec-base-box.typeThin h3.boxTitle { margin:0 0 20px; font-size:15px; text-align:center; }
.ec-base-box.typeThinBg { border-width:1px; border-color:#e5e5e5; background-color:#f9f9f9; }
.ec-base-box.center { text-align:center; }
    /* ¾à°ü */
    .ec-base-box.typeThinBg > .agree { padding:20px; border:1px solid #e5e5e5; background:#fff; }
    .ec-base-box.typeThinBg > .agree p { padding:0 0 17px; }

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

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

/*ec-base-table.css*/
.ec-base-table table { position:relative; margin:10px 0 0; border:1px solid #e5e5e5; border-top:0; border-left:0; border-right:0; color:#fff; line-height:1.5; }
  .ec-base-table.gLayoutFixed table { table-layout:fixed; }
  .ec-base-table.gLayoutFixed .gLayoutAuto table { table-layout:auto; }
.ec-base-table table:before { position:absolute; top:0; left:0; display:block; content:""; width:100%; height:1px; background:#e5e5e5; }
.ec-base-table thead th { padding:12px 0; /*border-left:1px solid #dfdfdf;*/ border-bottom:1px solid #e5e5e5; color:#353535; vertical-align:middle; font-size:12px; font-weight:500; background:#f9f9f9; }
.ec-base-table tbody th { padding:12px 0 12px 18px; border:1px solid #e5e5e5; border-bottom-width:0; color:#353535; text-align:left; font-weight:normal; background-color:#fff; }
.ec-base-table th { word-break:break-all; word-wrap:break-word; }
.ec-base-table th:first-child { border-left:0; }
.ec-base-table td { padding:12px 10px; border-top:1px solid #e5e5e5; color:#353535; font-size:12px; vertical-align:middle; word-break:break-all; word-wrap:break-word; }
.ec-base-table td.clear { padding:0 !important; border:0 !important; }

/* horizontal */
  /* typeWrite */
    .ec-base-table.typeWrite td { padding:8px 10px 7px; }
    .ec-base-table.typeWrite img { max-width:100% !important; height:auto !important; }

/* vertical */
  /* typeList */
    .ec-base-table.typeList table { border-top:1px solid #e5e5e5; }
    .ec-base-table.typeList table:before { display:none; }
    .ec-base-table.typeList td { padding:14px 10px; border-top:1px #eaeaea solid; }
	.ec-base-table.typeList td.subject img { margin:0 2px 0 0; }
    .ec-base-table.typeList tfoot td { padding:10px; background:#fff; }
    .ec-base-table .message { border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; padding:50px 0; text-align:center; color:#999; font-size:12px; font-weight:normal; }
    .ec-base-table table + .message { margin:-1px 0 0; }
    .ec-base-table table td.message { padding:50px 0; }
    .ec-base-table .scroll .message { border:0; }

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

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

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


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

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

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

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

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


/*swiper.css*/
/**
 * Swiper 4.5.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2019 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 22, 2019
 */
 .swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}



 /*layout.css*/
 /* °øÅë */
.swwrap { position:relative; margin:5% -50px; padding:0; clear:both; overflow:hidden; }
.swwrap .swinner { position:relative; margin:0 auto; padding:0 50px; max-width:1500px; }
.swwrap .swinner > h2 { margin:50px auto 30px; font-weight:400; font-size:28px; color:#626262; text-align:center; letter-spacing:2px; }

.swiper-button-prev { width:25px; height:48px; left:15px; top:50%; margin-top:-24px; background:url(/design/eesh/2023/web/upload/plain93/prev.png) no-repeat center; opacity:0.4; outline:none; }
.swiper-button-next { width:25px; height:48px; right:15px; top:50%; margin-top:-24px; background:url(/design/eesh/2023/web/upload/plain93/next.png) no-repeat center; opacity:0.4; outline:none; }
.swiper-button-prev:hover, 
.swiper-button-next:hover { opacity:0.8; }

.swiper-pagination { position:relative; padding:0; background:transparent; box-sizing:border-box; text-align:center; }
.swiper-pagination > span { position:relative; padding:10px 0; margin:0 4px; width:30px; height:0; line-height:0; font-size:0; opacity:1; background:transparent; outline:none; }
.swiper-pagination > span:before { content:""; display:block; width:30px; height:2px; background:#eaeaea; border-radius:0; transition:width 0.25s; }
.swiper-pagination > span.swiper-pagination-bullet-active { position:relative; z-index:1; } 
.swiper-pagination > span.swiper-pagination-bullet-active:before { background:#555; }


/* ´ë¹®À̹ÌÁö */
.visual { margin:0 -50px !important; }
.visual .swinner { padding:0; max-width:1500px; margin-bottom:190px !important; }
.visual img { width:100%; height:auto; }
.visual .swiper-button-prev { left:30px; background:url(/design/eesh/2023/web/upload/plain93/prev_white.png) no-repeat center; }
.visual .swiper-button-next { right:30px; background:url(/design/eesh/2023/web/upload/plain93/next_white.png) no-repeat center; }
.visual .swiper-button-prev:hover, 
.visual .swiper-button-next:hover { opacity:1; }
.visual .swiper-pagination { position:absolute; left:0; right:0; bottom:10px; }
.visual .swiper-pagination > span,
.visual .swiper-pagination > span:before { width:20px; }
.visual .swiper-pagination > span.swiper-pagination-bullet-active,
.visual .swiper-pagination > span.swiper-pagination-bullet-active:before { width:30px; }


/* ¸ÞÀιè³Ê(°íÁ¤Çü) */
.mainvisual .mainvisualbox { margin:0 auto; font-size:0; line-height:0; clear:both; overflow:hidden; }
.mainvisual .mainvisualbox .box { display:inline-block; width:25%; padding:15px; box-sizing:border-box; vertical-align:top; }
.mainvisual .mainvisualbox .box .txt { display:block; font-size:14px; font-weight:400; line-height:1.8; color:#888; }
.mainvisual .mainvisualbox .box .txt b { display:block; font-size:16px; font-weight:600; color:#444; }
.mainvisual .mainvisualbox img { width:100%; height:auto; margin:0 0 25px; }


/* ÅǷѸµ */
.tapSwiper { padding:0 0 50px; }
.tapSwiper .swiper-pagination { position:relative; margin:0 auto 30px; padding:0; background:transparent; box-sizing:border-box; text-align:center; }
.tapSwiper .swiper-pagination > span { display:inline-block; padding:5px 10px; margin:0 5px; width:120px; height:25px; line-height:25px; font-size:13px; font-weight:400; background:#fff; color:#858585; border:1px solid #ddd; border-radius:30px; opacity:1; cursor:pointer; outline:none; }
.tapSwiper .swiper-pagination > span:before { display:none; }
.tapSwiper .swiper-pagination > span.swiper-pagination-bullet-active { border-color:transparent; }
.tapSwiper .swiper-button-prev,
.tapSwiper .swiper-button-next { margin-top:45px; }


/* ¸ÞÀÎ ¸ð¾îÆä¾îº¸¸´(·Ñ¸µ) */
.mdSwiper { padding:0 0 50px; }
.mdSwiper .swiper-pagination { position:absolute; left:0; right:0; bottom:0; }
.mdSwiper .swiper-pagination > span { margin:0; }
.mdSwiper .swiper-button-prev,
.mdSwiper .swiper-button-next { margin-top:0; }
.mdSwiper .ec-base-product > .title { margin:60px auto 50px; }
.mdSwiper .ec-base-product .prdList { margin:0 auto; }




/*logotop.css*/
.xans-layout-logotop { float:left; padding:0 5px; }
.xans-layout-logotop a { font-size:30px; color:#444; letter-spacing:4px; line-height:80px; font-family:'Rufina','Nanum Gothic','¸¼Àº °íµñ','Malgun Gothic',sans-serif;
    height: 80px;
    display: block;
}
.xans-layout-logotop img { max-width:100%; width:auto; height:auto; }

#header.effect .xans-layout-logotop a { font-size:22px; line-height:28px; }
#header.effect .xans-layout-logotop img { max-height:40px; margin-top:-4px; }


.xans-layout-logotop a.fix { display:none; }
#header.effect .xans-layout-logotop a.fix { display:block; }
#header.effect .xans-layout-logotop a.basic { display:none; }



/*boardinfo.css*/
/* »ó´Ü ·Î±×ÀÎ~°Ô½ÃÆÇ ¸Þ´º */
.toplogin { float:right; line-height:28px; padding-top:26px; }
.toplogin > a { position:relative; float:left; display:block; padding:0 10px; color:#858585; font-size:11px; }
.toplogin > a:before { content:""; position:absolute; right:-2px; top:50%; margin-top:-6px; display:inline-block; width:1px; height:12px; background:#ddd; }
.toplogin > a i { font-size:13px; line-height:28px; vertical-align:middle; }
.toplogin > a i.fa-instagram { font-size:15px; } 
.toplogin > a i.fa-blog:before { content:"B"; font-size:15px; font-weight:900; } 

.toplogin > a .count { position:relative; display:inline-block; vertical-align:middle; }
.toplogin > a .count span { display:block; height:14px; padding:1px 4px; font-weight:bold; border-radius:3px; font-size:11px; line-height:14px; text-align:center; vertical-align:top; }

.toplogin.sns { margin-left:10px; }
.toplogin.sns > a { padding:0 5px; font-size:0; }
.toplogin.sns > a:before { display:none; }


/* ȸ¿ø°¡ÀÔÀû¸³±Ý ¾ÆÀÌÄÜ*/
.join_point { position:absolute; top:-15px; left:50%; margin-left:-25px; padding:0 0 3px; text-align:center; }
.join_point:before { content:""; position:absolute; left:0; right:0; top:16px; margin:0 auto; width:0px; height:0px; border:4px solid transparent; border-bottom:4px solid transparent; border-top:4px solid #888; }
.join_point > b { display:block; width:50px; height:17px; line-height:17px; margin:0; font-size:10px; font-weight:normal; text-align:center; color:#fff; background:#888; border-radius:4px; }

#header.effect .toplogin { padding-top:0; }
#header.effect .join_point { display:none; }




/*category.css*/

.xans-layout-category .position > ul > li > a > font { font-weight:600; }

#category.xans-layout-category { float:left; }
#category.xans-layout-category .position > ul > li { position:relative; display:inline-block; vertical-align:top; }
#category.xans-layout-category .position > ul > li > a { display:block; padding:0 15px; height:50px; line-height:50px; color:#353535; font-size:13px; }
#category.xans-layout-category .position > ul > li:last-child > a { padding-right:0; }
#category.xans-layout-category .position > ul > li > a b { color:#000; }
#category.xans-layout-category .position > ul > li > a font { font-weight:600; }

/* Áߺзù ±âº» */
#category.xans-layout-category .sub-category { display:none; position:absolute; top:50px; left:50%; margin-left:-71px; width:140px; background:rgba(255,255,255,0.8); border:1px #eee solid; }
#category.xans-layout-category .sub-category ul { position:relative; padding:10px 15px; }
#category.xans-layout-category .sub-category ul:before { content:""; position:absolute; top:-20px; left:50%; margin-left:-10px; width:0px; height:0px; border:10px solid transparent; border-top:10px solid transparent; border-bottom:10px solid #eee; }
#category.xans-layout-category .sub-category li a { display:block; line-height:21px; font-size:12px; color:#353535; }


@media (max-width:1400px) and (min-width:0) {
    #category.xans-layout-category .position > ul > li > a { padding:0 8px !important; font-size:11px !important; }
}

@media (max-width:1050px) and (min-width:0) {
}

/**************************************************** Àüü¸Þ´º ****************************************************/
#allmenu { float:left; margin:10px 0 0 0; width:30px; }
/*¹öÆ°*/
#allmenu .btn_all { width:30px; height:30px; line-height:30px; }
#allmenu .btn_all a { display:block; height:100%; background:transparent; transition:none; }
#allmenu .btn_all a d { position:relative; display:block; }
#allmenu .btn_all span,
#allmenu .btn_all span::before,
#allmenu .btn_all span::after { content:''; display:block; position:absolute; top:8px; left:50%; margin-left:-8px; width:16px; height:2px; background:#b1b1b1; transition:all 0.25s ease-in-out; }
#allmenu .btn_all span::before { top:6px; }
#allmenu .btn_all span::after { top:12px; }
#allmenu .btn_all a.select { background:#444; }
#allmenu .btn_all a.select span { background-color:transparent; transition:none; }
#allmenu .btn_all a.select span::before { transform:rotate(45deg); background:#fff; }
#allmenu .btn_all a.select span::after { top:6px; transform:rotate(-45deg); background:#fff; }

/*Àüü¸Þ´º ·¹À̾î*/
#menuBox { display:none; position:absolute; top:50px; left:0; right:0; margin-left:auto; margin-right:auto; width:100%; max-width:1500px; padding:50px; height:auto; background:rgba(255,255,255,0.9); border:1px #aaa solid; clear:both; overflow:hidden; z-index:999; box-sizing:border-box; }
#menuBox:after { content:""; display:block; clear:both; }

#menuBox .alllogin { margin:0 0 30px; padding:0 0 15px; border-bottom:1px #ddd solid; }
#menuBox .alllogin > a { display:inline-block; padding:0 10px; font-size:14px; font-weight:bold; color:#353535; }
#menuBox .alllogin > a.log { padding-left:0; }

#menuBox h2 { margin:0 0 10px; font-size:13px; color:#353535; }
#menuBox h3 { margin:0 0 10px; font-size:20px; font-weight:600; }
#menuBox h4 { margin:0 0 5px; font-size:11px; }
#menuBox h5 { margin:40px 0 5px; font-size:11px; }

#menuBox ul { text-align:left; font-size:0; line-height:0; }
#menuBox ul > li { position:relative; display:inline-block; width:22%; margin:0; padding:0 30px; color:#858585; font-size:12px; line-height:19px; vertical-align:top; box-sizing:border-box; }
#menuBox ul > li:before { content:""; position:absolute; top:0; left:0; width:1px; height:100%; min-height:262px; background:#eee; }
#menuBox ul > li.allcategory:before { display:none; }
#menuBox ul > li.allcategory { width:34%; padding-left:0; }
#menuBox ul > li.allcategory > p { float:left; width:50%; }
#menuBox ul > li:last-child { padding-right:0; }
#menuBox ul > li a { display:block; margin:0; padding:0; color:#353535; font-size:13px; line-height:33px; }
#menuBox ul > li a:hover { color:#bbb; }
#menuBox ul > li a font { color:#353535 !important; font-weight:600; }
#menuBox ul > li > div { margin:5px 0 0; }



/*searchHeader.css*/
.xans-layout-searchheader.topsear { position:relative;float:right; margin-top:12px; padding:0; background:transparent; border-bottom:1px #aaa solid; z-index:99; }
.xans-layout-searchheader.topsear fieldset { position:relative; border:0;  z-index:1; }
.xans-layout-searchheader.topsear fieldset a.go_btn{
    height: 25px;
    display: inline-block;
    line-height: 25px;}
.xans-layout-searchheader.topsear .MS_search_word { width:150px; height:25px; line-height:25px; padding:0; font-size:12px; color:#555; background:transparent; border:0; border-radius:0; }

.xans-layout-searchheader.topsear fieldset .autoDrop { display:none; border:1px solid #565960; position:absolute; width:187px; text-align:left; background:#fff; z-index:20; overflow:hidden; overflow-y:auto; max-height:100px;}
.xans-layout-searchheader.topsear fieldset .autoDrop li a { display:block; padding:6px 10px; font-size:11px; color:#1c1c1c; }
.xans-layout-searchheader.topsear fieldset .autoDrop li a:hover,
.xans-layout-searchheader.topsear fieldset .autoDrop li.selected a { text-decoration:none; color:#fff; background:#d18a50; }

.xans-layout-searchheader.topsear .hotkeyword { position:absolute; top:0; left:0; width:150px; text-align:left; }

.xans-layout-searchheader.topsear .hotkeyword > ul { height:23px; overflow:hidden; vertical-align:top; z-index:-1; }
.xans-layout-searchheader.topsear .hotkeyword ul li a { position:relative; display:block; font-size:12px; line-height:23px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.xans-layout-searchheader.topsear .hotkeyword ul li a:hover { color:#aaa; }

.xans-layout-searchheader.topsear .hotkeyword .hotall { display:none; position:absolute; left:0; top:30px; width:154px; padding:10px; background:rgba(255,255,255,0.95); border:1px #e5e5e5 solid; }
.xans-layout-searchheader.topsear .hotkeyword .hotall.opened { display:block; }



@media (max-width:1400px) and (min-width:0) {
    .xans-layout-searchheader.topsear .MS_search_word { width:120px !important; font-size:11px !important; }
    .xans-layout-searchheader.topsear .hotkeyword { width:120px !important; }
    .xans-layout-searchheader.topsear .hotkeyword ul li a { font-size:11px !important; }
    .xans-layout-searchheader.topsear .hotkeyword .hotall { width:124px !important; }
}

@media (max-width:1050px) and (min-width:0) {
}
/* BASIC css end */