.main01 .swiper-container-main.use,
.main01 .myVideo.use,
.main01 .banner_youtube.use {display:none;}

.main01 .myVideo{   width: 100%; height: 100%; background-size: 100% 100%; background-color: black;   background-image: /* our video */; background-position: center center; background-size: contain; object-fit: cover;   z-index:3;}

.main01 .banner_youtube .youtube_wrap {    overflow: hidden; padding-bottom: 50%; position: relative;}
.main01 .banner_youtube .youtube_wrap .youtube_content { position: absolute; width: 100%; height: 100%;}
.main01 .banner_youtube .youtube_wrap .youtube_content iframe { margin: 0 0 -1px; pointer-events: none; z-index: 5; position: absolute; top: -15%; left: 0%; width: 100%; height: 130%;}



.prd_slide { margin: 0px auto 0;  padding:0 0px 0px;  font-size: 0; letter-spacing: 0;    word-break: break-word;}
.prd_slide .swiper-container2 {  padding-bottom:0px; box-sizing:border-box; overflow:hidden;}
.prd_slide .swiper-container2 .description { display:none; }
.prd_slide .swiper-container2 .prd_list .thumbnail { margin-bottom:0px;}
.prd_slide .swiper-container2 .prd_list .thumbnail a img { }

.main05 {  position:relative; top:0; overflow: hidden; z-index: 1; width:100%;  margin:0px 0px 0; display: block; box-sizing: border-box; transition:opacity .7s;  }
.main05.sl_line {opacity:0;}
.main05 .half_section {display: grid; grid-template-columns: repeat(2,1fr); grid-template-rows: 1fr; font-size: 0;}
.main05 .half_section > a {position: relative; display: inline-block; width: 100%; overflow: hidden;}
.main05 .half_section > a img {width:100%;}
.main05 .one_section {  font-size: 0;  }
.main05 .one_section > a { position: relative; display: inline-block; padding:0 60px 0px; overflow: hidden; }
.main05 .one_section > a img {width:100%; }
.main05 .main_ban_txt {position:absolute; bottom:50px; line-height:110%; transform: translateX(-50%); left:50%; padding:10px 10px;  min-width:160px;  text-align:center; color:#fff;  font-size:15px; z-index:4; transition:all .4s; }
.main05 .main_ban_txt { border:1px solid; border-radius:20px; }
 
 ul.main03 {display:flex; background-color:var(--main03-bg-color);}
 ul.main03 li.text_cont {    display: flex; justify-items: center; align-items: center;  box-sizing: border-box;}
 ul.main03 li.text_cont .text_wrap {    padding: 9%;}
 ul.main03 li.text_cont .text_wrap h2 { display: block; font-size:var(--main03-big-size); color:var(--main03-big-color); font-weight:var(--main03-big-weight); margin-bottom: 24px;}
 ul.main03 li.text_cont .text_wrap p { font-size:var(--main03-mid-size); color:var(--main03-mid-color); font-weight:var(--main03-mid-weight); line-height: 2;}
 ul.main03 li.text_cont .text_wrap a { font-size:var(--main03-lin-size); color:var(--main03-lin-color); font-weight:var(--main03-lin-weight); margin-top: 20px; display: inline-block;  }
 ul.main03 li  {flex:1;}
 ul.main03 li:first-child    {flex:1; order:1;}
 ul.main03 li:nth-child(2)   {flex:1; order:2;}








 ul.main04 {display:flex; background-color:var(--main04-bg-color);}
 ul.main04 li.text_cont {    display: flex; justify-items: center; align-items: center;  box-sizing: border-box;}
 ul.main04 li.text_cont .text_wrap {    padding: 9%;}
 ul.main04 li.text_cont .text_wrap h2 { display: block; font-size:var(--main04-big-size); color:var(--main04-big-color); font-weight:var(--main04-big-weight); margin-bottom: 24px;}
 ul.main04 li.text_cont .text_wrap p { font-size:var(--main04-mid-size); color:var(--main04-mid-color); font-weight:var(--main04-mid-weight); line-height: 2;}
 ul.main04 li.text_cont .text_wrap a { font-size:var(--main04-lin-size); color:var(--main04-lin-color); font-weight:var(--main04-lin-weight); margin-top: 20px; display: inline-block;  }
 ul.main04 li  {flex:1;}
 ul.main04 li:first-child    {flex:1; order:2;}
 ul.main04 li:nth-child(2)   {flex:1; order:1;}


.main_sl_title     { width:100%; display:flex; justify-content: center; align-items: baseline; font-size:12px; line-height:1.5; padding:30px; box-sizing:border-box; }
.main_sl_title { padding:50px 60px 10px;}
.main_sl_title .top_txt { font-size:15px; font-weight:400; }

@media all and (max-width : 1000px) {  
    .main_sl_title .top_txt { font-size:15px;  }
    .xans-product-1 {margin-top:0px; }
    .main05 .half_section {display: grid; grid-template-columns: repeat(1,2fr); grid-template-rows: 1fr; font-size: 0;}
    .main05 .main_ban_txt { font-size:13px; }
   
    .main_sl_title { padding:20px 15px 10px;}
    .prd_slide { flex-direction: column; }
    .main05 .one_section > a {padding:0 15px 0px; }
    .main_sl_title .bottom_txt a { font-size:11px}
 
    .prd_slide .swiper-container2 .prd_list .description {}
    .prd_slide .swiper-container3 { margin:0px 15px 0px;}
    
 
     ul.main03 { flex-direction:column;}   
     ul.main04 { flex-direction:column;}     
     ul.main04 li:first-child {order:1;}
   
   
    }
 
@charset "utf-8";


 
  /* typeList */
    .ec-base-paginate { padding:30px 0; font-size:0; line-height:0; text-align:center;  margin-top:-1px;}
    .ec-base-paginate ol { margin:0 10px; }
    .ec-base-paginate ol,
    .ec-base-paginate ol li { display:inline-block; vertical-align:middle; }
    .ec-base-paginate > a img { height: 27px;}
    .ec-base-paginate ol li a { display:inline-block; width:24px; height:27px;   font-size:12px; line-height:27px; color:#1b1b1b; vertical-align:middle;  }
    .ec-base-paginate ol li .this { font-weight:bold; }
    .ec-base-paginate [class*='btn'] { display:inline-block; overflow:hidden; width:31px; height:27px;   font-size:1px; line-height:0; color:transparent; text-indent:-150%; vertical-align:middle;  background-repeat:no-repeat; background-position:50% 50%; background-size:5px auto; }
    .ec-base-paginate .btnPrev { background-image:url("//img.echosting.cafe24.com/skin/mobile/layout/btn_prev.png"); }
    .ec-base-paginate .btnNext { background-image:url("//img.echosting.cafe24.com/skin/mobile/layout/btn_next.png"); }

    .ec-base-paginate.typeList { padding:30px 0; font-size:0; line-height:0; }
    .ec-base-paginate.typeList ol { margin:0 5px; }
    .ec-base-paginate.typeList ol,
    .ec-base-paginate.typeList ol li { display:inline-block; vertical-align:middle; }
    .ec-base-paginate > a img { height: 27px;}
    .ec-base-paginate.typeList ol li a { display:inline-block; width:24px; height:27px;   font-size:12px; line-height:27px; color:#1b1b1b; vertical-align:middle; }
    .ec-base-paginate.typeList ol li .this { font-weight:bold; }
    .ec-base-paginate.typeList [class*='btn'] { display:inline-block; overflow:hidden; width:31px; height:27px;   font-size:1px; line-height:0; color:transparent; text-indent:-150%; vertical-align:middle;  background-repeat:no-repeat; background-position:50% 50%; background-size:5px auto; }
    .ec-base-paginate.typeList .btnPrev { background-image:url("//img.echosting.cafe24.com/skin/mobile/layout/btn_prev.png"); }
    .ec-base-paginate.typeList .btnNext { background-image:url("//img.echosting.cafe24.com/skin/mobile/layout/btn_next.png"); }

  /* typeMoreview */
    .ec-base-paginate.typeMoreview { margin:0 auto; height:27px;   font-size:12px; line-height:27px;}
    .ec-base-paginate.typeMoreview .btnMore { display:block; padding:12px 0; border-top:1px solid #f1f1f1; border-bottom:1px solid #d5d5d5; color:#757575; font-weight:bold;  }
    .ec-base-paginate.typeMoreview .icoMore { display:inline-block; margin:0 0 0 8px; width:13px; height:8px; font-size:0; line-height:0; vertical-align:baseline; background:url("//img.echosting.cafe24.com/skin/mobile/layout/btn_more.png") no-repeat 0 50%; background-size:13px auto; }

	/*more view*/
	.typeMoreview  {margin: 0 auto 80px; text-align:center; }
	.typeMoreview a {font-size:13px; line-height:200%;   }

  /* typeSwipe */
    .ec-base-paginate.typeSwipe { font-size:0; line-height:0; }
    .ec-base-paginate.typeSwipe button.circle { overflow:hidden; margin:0 3px 0 4px; width:13px; height:13px; border:0; border-radius:13px; cursor:pointer; background-color:#bbb; }
    .ec-base-paginate.typeSwipe button.circle.selected { background-color:#4a5164; }
    .ec-base-paginate.typeSwipe span { overflow:hidden; font-size:1px; line-height:0; color:transparent; text-indent:-150%; }
    .ec-base-paginate.typeSwipe button.prev,
    .ec-base-paginate.typeSwipe button.next { width:31px; font-size:15px; line-height:1.2em; border:0; cursor:pointer; background:url("//img.echosting.cafe24.com/skin/mobile/layout/btn_prev.png") no-repeat 50% 50%; background-size:7px auto; }
    .ec-base-paginate.typeSwipe button.next { background:url("//img.echosting.cafe24.com/skin/mobile/layout/btn_next.png") no-repeat 50% 50%; background-size:7px auto; }
    .ec-base-paginate.typeSwipe .prev,
    .ec-base-paginate.typeSwipe .next { display:none; }

  /* typeZoom */
    .ec-base-paginate.typeZoom .btnPrev,
    .ec-base-paginate.typeZoom .btnNext { overflow:hidden; width:31px; height:27px; border:1px solid #d9d9d9; border-radius:2px; font-size:1px; line-height:0; color:transparent; text-indent:-150%; background:url("//img.echosting.cafe24.com/skin/mobile/layout/btn_prev.png") no-repeat 50% 50%; background-size:7px auto; }
    .ec-base-paginate.typeZoom .btnNext { background:url("//img.echosting.cafe24.com/skin/mobile/layout/btn_next.png") no-repeat 50% 50%; background-size:7px auto;  }

  /* typeTotal */
    .paginate.typeTotal { color:#696969; }
    .paginate.typeTotal > span { margin:0 8px;font-weight:bold; }
    .paginate.typeTotal p { display:inline-block;vertical-align:middle; }
    .paginate.typeTotal .icoPrev,
    .paginate.typeTotal .icoNext { width:7px; height:13px; font-size:15px; line-height:1.2em; background:url("//img.echosting.cafe24.com/skin/mobile/layout/btn_prev.png") no-repeat 50% 50%; background-size:7px auto; }
    .paginate.typeTotal .icoNext { background:url("//img.echosting.cafe24.com/skin/mobile/layout/btn_next.png") no-repeat 50% 50%; background-size:7px auto; }
    .paginate.typeTotal p span { overflow:hidden; display:block; width:29px; text-indent:-999px; }
    .paginate.typeTotal strong { color:#508bed; }
 


/*add */
.ec-base-paginate.xans-product-normalpaging {}
.ec-base-paginate.xans-product-normalpaging .first {font-size:10px; line-height: 27px; height: 27px; padding:0 7px;display:inline-block; vertical-align:middle;}
.ec-base-paginate.xans-product-normalpaging .first .once {}
.ec-base-paginate.xans-product-normalpaging .first .twi {margin-left:-5px;}
.ec-base-paginate.xans-product-normalpaging .first_nt {font-size:9px; line-height: 27px; height: 27px; display:inline-block; vertical-align:middle;}
.ec-base-paginate.xans-product-normalpaging .first_nt span {vertical-align:middle; line-height: 27px; padding:0 2px;}

.ec-base-paginate.xans-product-normalpaging .first i,
.ec-base-paginate.xans-product-normalpaging .first_nt i { line-height: 27px; height: 27px; vertical-align:middle;}

/*search*/
.ec-base-paginate.xans-search-paging {}
.ec-base-paginate.xans-search-paging .first {font-size:10px; line-height: 27px; height: 27px; padding:0 7px;display:inline-block; vertical-align:middle;}
.ec-base-paginate.xans-search-paging .first .once {}
.ec-base-paginate.xans-search-paging .first .twi {margin-left:-5px;}
.ec-base-paginate.xans-search-paging .first_nt {font-size:9px; line-height: 27px; height: 27px; display:inline-block; vertical-align:middle;}
.ec-base-paginate.xans-search-paging .first_nt span {vertical-align:middle; line-height: 27px; padding:0 2px;}

.ec-base-paginate.xans-search-paging .first i,
.ec-base-paginate.xans-search-paging .first_nt i { line-height: 27px; height: 27px; vertical-align:middle;}
/* font */
.txtWarn { color:#000; }
.txtEm { color:#000; }

/* grid */
.gBlank5 { display:block; margin-top:5px; }
.gBlank7 { display:block; margin-top:7px; }
.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; }
.gBreak5 { display:block; margin-bottom:5px; }
.gBreak7 { display:block; margin-bottom:7px; }
.gMerge { position:relative; z-index:1; margin-top:-1px; }

/* ec-base-qty */
.ec-base-qty [type="text"] { width:49px; }
.ec-base-qty [type="tel"] { width:49px; text-align:right; }
.ec-base-qty button { margin:0; padding:0; border:0; vertical-align:top; background:transparent; }

/* ec-base-field */
.ec-base-field { display:-webkit-flex; display:-ms-flex; display:flex; }
.ec-base-field input[type="text"] { -webkit-flex:1; -ms-flex:1; flex:1; }
.ec-base-field input ~ [class*='btn'] { margin-left:5px; }

/* form */
input, textarea, select { max-width:100%; font-size:12px; color:#000; vertical-align:middle; outline:0; border-radius:0; }
input[type=text], input[type=password], input[type=number], input[type=tel], textarea {
    padding:10px; font-size:12px;  height:36px;  line-height:13px; font-weight:inherit; color:#353535; border:1px solid #dedfe2; border-radius:0; outline-style:none;
    -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;
}
/*input[type=text], input[type=password], input[type=number], input[type=tel] {}*/
input[type=text]:focus, input[type=password]:focus, input[type=number]:focus, input[type=tel]:focus { border-color:#000; color:#000; }
input[type="file"] { overflow:hidden; max-width:100%; }
input[type="button"], input[type="text"], input[type="password"], input[type="tel"], input[type="image"], textarea { -webkit-appearance:none; }


select::-ms-expand { display:none; } /* ie selectbox 화살표 제거 */  
select { max-width:100%; height:36px; margin:0; padding:0 20px 0 12px; border:1px solid #dedfe2; border-radius:0; font-size:12px; line-height:36px; color:#000; word-break:break-all; font-weight:inherit; -webkit-appearance:none; cursor:pointer; background:url('//ecimg.cafe24img.com/pg1896b82112833047/sentiopus/web/upload/addbase/addimage/bg_select3.gif') no-repeat 100% 0; background-size:20px auto; }
select:focus { border-color:#000; }
select.disabled, select:disabled,
textarea.disabled, textarea:disabled { color:#bcbcbc; }
textarea { resize:none; line-height:1.2em; }
textarea.disabled {  color:#bfbfbf; }

input[type="radio"] { width:20px; height:20px; border:0; border-radius:0; background:url("//img.echosting.cafe24.com/skin/dnd_ko_KR/common/layout/form/bg_radio.png") no-repeat 0 0; background-size:20px 20px; -webkit-appearance:none; }
input[type="radio"]:checked { background-image:url("//img.echosting.cafe24.com/skin/dnd_ko_KR/common/layout/form/bg_radio_checked.png"); -webkit-appearance:none; }
input[type="radio"]:disabled { background-image:url("//img.echosting.cafe24.com/skin/dnd_ko_KR/common/layout/form/bg_radio_disabled.png"); -webkit-appearance:none; }
label { display:inline-block; margin:0 7px 0 0; min-height:20px; line-height:20px; font-size:12px; vertical-align:middle; cursor:pointer; }
input[type=radio] + label { margin:0 7px 0 4px; }
label input[type=radio] { margin:0 4px 0 0; }
label:last-child,
input[type=radio] + label:last-child { margin-right:0; }

input[type="checkbox"] { width:20px; height:20px; border:0; -webkit-appearance:none; cursor:pointer; background:url('//img.echosting.cafe24.com/skin/dnd_ko_KR/common/layout/form/bg_checkbox.png') no-repeat 0 0; background-size:20px auto; }
input[type="checkbox"]:checked { background-image:url('//img.echosting.cafe24.com/skin/dnd_ko_KR/common/layout/form/bg_checkbox_checked.png'); }
input[type="checkbox"]:disabled { background-image:url('//img.echosting.cafe24.com/skin/dnd_ko_KR/common/layout/form/bg_checkbox_disabled.png'); }
input[type="checkbox"]:readonly { background-image:url('//img.echosting.cafe24.com/skin/dnd_ko_KR/common/layout/form/bg_checkbox_disabled.png'); }
input[type="checkbox"]:disabled + label { color:#abaeb5; }
input[type="checkbox"]:readonly + label { color:#abaeb5; }
input[type="checkbox"] { margin:0 4px 0 0; }


.ec-base-label { display:inline-block; margin:0 7px 0 0; }
.ec-base-label input[type=radio] + label,
.ec-base-label input[type=checkbox] + label { margin-right:0; }

.fList.typeHor .gLabel { margin-right:20px; }
.fList.typeVer .gLabel { display:block; }

/* ec-base-radio */
.ec-base-radio.typeCS{display: -webkit-flex;display: -ms-flex;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;flex-direction: column;}
.ec-base-radio.typeCS .ec-base-label {margin: 0 0 10px 0;border: 1px solid #b5b5b5;box-sizing: border-box; position:relative;}
.ec-base-radio.typeCS .ec-base-label label {position: relative;height: 100%;line-height: 20px;padding: 10px 10px 9px;box-sizing: border-box;font-size: 12px;color: #666;word-break: break-all;word-wrap: break-word;display: block;text-align: center;margin: 0;}
.ec-base-radio.typeCS .ec-base-label input {position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;margin: 0;}
.ec-base-radio.typeCS .ec-base-label input:checked + label {border-color: #000;font-weight: bold;color: #fff;background: #000;}
.ec-base-help { margin:8px 4px; font-size:12px; color:#757575; }
p.ec-base-help,
div.ec-base-help,
ul.ec-base-help li,
ol.ec-base-help li { padding:0 0 2px 18px; line-height:1.5; text-align:left; background:url("//img.echosting.cafe24.com/skin/mobile/common/ico_help.png") no-repeat 0 2px; background-size:14px auto; }

.ec-base-help h3 {font-size:12px; margin-bottom:10px;}
/* Ordered List */
ol { list-style:none; }
ol.ec-base-help { counter-reset:rank 0; }
ol.ec-base-help li { position:relative; padding:0 0 0 13px; background:none; }
ol.ec-base-help li:before { counter-increment:rank 1; content:counter(rank)'.'; position:absolute; top:0; left:0; }


/* typeDash */
p.ec-base-help.typeDash,
ul.ec-base-help.typeDash li { position:relative; padding:0 0 0 10px; background:none; }
p.ec-base-help.typeDash:before,
ul.ec-base-help.typeDash li:before { content:""; position:absolute; top:9px; left:0; width:5px; height:1px; background:#000; }
/* button */
  .btnNormal, .btnStrong, .btnBasic, .btnSubmit, .btnEm { display:inline-block; letter-spacing:0; text-align:center; border-radius:0px; -moz-box-sizing:border-box; box-sizing:border-box; }
   html:lang(ko) btnNormal, html:lang(ko) btnStrong, html:lang(ko) btnBasic, html:lang(ko) btnSubmit, html:lang(ko) btnEm { }
   html:lang(ja) btnNormal, html:lang(ja) btnStrong, html:lang(ja) btnBasic, html:lang(ja) btnSubmit, html:lang(ja) btnEm { }
  .btnNormal, .btnStrong, .btnBasic { height:36px; line-height:36px; padding:0 10px; vertical-align:middle; font-size:12px; }
  .btnNormal { color:#1b1b1b; border:1px solid #cfcfcf; border-bottom-color:#b5b5b5;  }
  .btnStrong { color:#000; border:1px solid #000; /*border-bottom-color:#373d4b;*/  }
  .btnSubmit { height:36px; line-height:36px; padding:0 10px; font-size:12px; color:#fff; border:1px solid #000; background:#000; }
  .btnEm { height:36px; line-height:34px; padding:0 10px; font-size:12px; border:1px solid #d5d5d5; }
  .btnBasic { color:#000; border:1px solid #bcbcbc;}
  /* mini */
    [class*="btn"].mini { height:30px; line-height:30px; font-size:12px; }

/* btn */
.ec-base-button .soldout { cursor:default; }
.btnIcon { max-width:12px; max-height:12px; background-size:100% 100%; }

/* ec-base-button */
  .ec-base-button { margin:10px auto; text-align:right; }
  .ec-base-button:after { content:""; display:block; clear:both; }
/*  typeMulti */
  .ec-base-button.typeMulti { margin:0 auto; padding:7px; }
  .ec-base-button.typeMulti .gTop:after,
  .ec-base-button.typeMulti .gBottom:after { content:""; display:block; clear:both; }
  .ec-base-button.typeMulti .gBottom { margin:7px 0 0; padding:7px 0 0; border-top:1px solid #d5d5d5; clear:both; }
/* align */
  .ec-base-button.gLeft { text-align:left; }
  .ec-base-button.gCenter { text-align:center; }
  .ec-base-button.gRight { text-align:right; }
  .ec-base-button .gLeft { float:left; text-align:left; }
  .ec-base-button .gRight { float:right; }
/* gColumn */
  .ec-base-button[class*="gColumn"] { display:flex; margin:10px 0 10px -4px; }
  .ec-base-button[class*="gColumn"]:after { content:none; }
  .ec-base-button[class*="gColumn"] a,
  .ec-base-button[class*="gColumn"] button { flex:1; margin:0 0 0 4px; padding:0 3px; white-space:nowrap; }
  /* gFlex */
    .ec-base-button[class*="gColumn"] .gFlex2 { flex:2; }
    .ec-base-button[class*="gColumn"] .gFlex3 { flex:3; }
    .ec-base-button[class*="gColumn"] .gFlex4 { flex:4; }
/* gFull */
  .ec-base-button.gFull { margin-bottom:3px; }
  .ec-base-button.gFull [class*="btn"], [class*="btn"].gFull { width:100%; }
  .ec-base-button.gFull [class*="btn"] { margin:0 0 7px; }
/* gFixed */
  .ec-base-button.gFixed { position:fixed; z-index:120; left:0; bottom:0; max-width:100%; width:100%; margin:0; padding:0 7px; box-sizing:border-box; background-color:#dbdbdb;
    -webkit-box-shadow: 0px -4px 4px 0px rgba(120, 120, 120, 0.5);
    -moz-box-shadow: 0px -4px 4px 0px rgba(120, 120, 120, 0.5);
    box-shadow: 0px -4px 4px 0px rgba(120, 120, 120, 0.5);
  }
  .ec-base-button.gFixed .state + .ec-base-button { margin-top:3px; }
  .ec-base-button.gFixed .state { overflow:hidden; margin:0 auto; font-size:11px; }
  .ec-base-button.gFixed .state .count { float:left; padding:7px 0; }
  .ec-base-button.gFixed .state .price { float:right; padding:7px 0; }
  .ec-base-button.gFixed .price strong { font-weight:normal; }
  .ec-base-button.gFixed .count strong,
  .ec-base-button.gFixed .price em { color:#000; font-weight:bold; }


/*add btn*/
body .btn_blk_a {display:block; background-color:#000; color:#fff; font-size:12px; text-align:center; border:1px solid #000;  margin-bottom:2px; transition:all .4s;}
body .btn_wht_a {display:block;  color:#000; font-size:12px; text-align:center; border:1px solid #000; margin-bottom:2px; transition:all .4s;}
body .btn_gry_a {display:block;  color:#000; font-size:12px; text-align:center; border:1px solid #dfdfdf; margin-bottom:2px; transition:all .4s;}
body .btn_blk_b {display:inline-block; background-color:#000; color:#fff; font-size:12px; text-align:center; border:1px solid #000;  transition:all .4s;}
body .btn_wht_b {display:inline-block; color:#000; font-size:12px; text-align:center; border:1px solid #000;  transition:all .4s;}
body .btn_gry_b {display:inline-block; background-color:#dfdfdf; color:#000; font-size:12px; text-align:center; border:1px solid #dfdfdf;  transition:all .4s;}

[class^='btnSubmitH'], a[class^='btnSubmitH']   			{ display:inline-block; box-sizing:border-box; padding:2px 8px; border:1px solid transparent; /*border-radius:2px;*/ font-size:12px; line-height:40px; 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:#000; }
[class^='btnEmH'], a[class^='btnEmH']		    			{ display:inline-block; box-sizing:border-box; padding:2px 8px; border:1px solid transparent; /*border-radius:2px;*/ font-size:12px; line-height:40px; font-weight:normal; text-decoration:none; vertical-align:middle; word-spacing:-0.5px; letter-spacing:0; text-align:center; white-space:nowrap; color:#000; border:1px solid #000; background-color:none; }
[class^='btnSubmitH']:hover, a[class^='btnSubmitH']:hover   {}
[class^='btnEmH']:hover, a[class^='btnEmH']:hover		    {}
  
.ec-base-button.gFull a {display:block;}

/*add btn size*/
.btn_sizeS {line-height:20px;}
.btn_sizeM {line-height:25px;}
.btn_sizeL {line-height:30px;}
.btn_sizeX {line-height:38px;}

.btn_sizeWS {padding:0 20px;}
.btn_sizeWM {padding:0 25px;}
.btn_sizeWL {padding:0 30px;}
.btn_sizeWX {padding:0 35px;}



@media all and (max-width:1000px) {
  .btnSubmit { height:36px; line-height:34px; font-size:11px; }
  .btnEm { height:36px; line-height:34px; font-size:11px; }
}
/* base */
.ec-base-box { padding:14px; margin:0px; border:1px solid #d5d5d5; line-height:1.6; color:#757575; }
.ec-base-box.center { text-align:center; }

/*add */
.ec-base-box.typeBlank {border:0px; padding:0;}
.ec-base-box.typeBlack1 {border:1px solid #000;}

/*add */
.ec-base-box.typeThin h3.boxTitleLeft {text-align:left;     padding-bottom: 20px; font-weight: normal; font-size: 17px;} 

#popup { background:transparent; }
.popup { height:100%; }
.popup > form { height:100%; }
.layer .ec-base-layer,
.popup .ec-base-layer { position:relative; }

/* ec-base-layer */
.ec-base-layer { position:fixed; z-index:300; top:0; bottom:0; left:0; right:0; min-width:320px; width:100%; height:100%; display:-webkit-flex; display:-ms-flex; display:flex; 
    -webkit-flex-direction:column; -moz-flex-direction:column; -ms-flex-direction:column; flex-direction:column;
}
.ec-base-layer h1 { width:100%; height:36px; text-align:center; font-size:13px; line-height:36px; color:#000; box-sizing:border-box;  }
.ec-base-layer .wrap { -webkit-flex:1; -moz-flex:1; -ms-flex:1; flex:1; height:100%; padding:14px; font-size:12px; overflow-x:auto; overflow-y:auto; box-sizing:border-box; -webkit-overflow-scrolling:touch; }
.ec-base-layer .btnClose { overflow:hidden; position:absolute; right:0; top:0; z-index:510; width:36px; height:36px; border:0; padding:0; font-size:0; text-indent:-150%; background:url("//ecimg.cafe24img.com/pg1896b82112833047/sentiopus/web/upload/addbase/btn_close_b.png") center center no-repeat; background-size:14px 14px; }
/* theme */
  .ec-base-layer[class*="theme1"] .wrap { }
/* gClearFlex */
  .ec-base-layer.gClearFlex { display:block; padding:0 0 94px; box-sizing:border-box; }
  .ec-base-layer.gClearFlex .wrap { -webkit-flex:none; -moz-flex:none; -ms-flex:none; flex:none; height:auto; }
/* typeModal */
  .ec-base-layer.typeModal { overflow:hidden; z-index:500; top:50px; bottom:auto; left:0; right:0; min-width:280px; max-width:600px; width:92%; height:auto; margin:auto; border-radius:0px; border:1px solid #000;}
  .ec-base-layer.typeModal h1 { padding:10px 14px; line-height:35px; font-weight:normal; font-size:13px; text-align:center;  color:#000;  border-radius:5px 5px 0 0; }
  .ec-base-layer.typeModal .wrap { height:auto; max-height:300px; min-height:100px; padding:14px; }
  .ec-base-layer.typeModal .btnClose { background:url("//img.echosting.cafe24.com/skin/mobile/common/btn_close_black.png") center center no-repeat; background-size:14px 14px; }
/* typeWide */
  .ec-base-layer.typeWide { background:#e3e4e7; }
  .ec-base-layer.typeWide h1 { height:56px; padding:0 42px; line-height:56px; font-size:20px; font-weight:normal; box-sizing:border-box; }
  .ec-base-layer.typeWide .wrap { padding:0; font-size:16px; line-height:1.4em; letter-spacing:-0.4px; }
  .ec-base-layer.typeWide .btnClose { top:10px; right:10px; background-image:url("//img.echosting.cafe24.com/skin/mobile/order/btn_close.png"); background-size:21px 21px; }
  .ec-base-layer.typeWide > .ec-base-button.gFull { padding:15px 14px 8px; }

/* ec-base-button */
  .ec-base-layer .wrap + div > .ec-base-button,
  .ec-base-layer .wrap + .ec-base-button,
  .ec-base-layer > .ec-base-button { margin:0; padding:7px 14px 7px 10px; border-radius:0 0 5px 5px; box-sizing:border-box; }
  .ec-base-layer .ec-base-button.gFull { padding:7px 14px 0; }
  .ec-base-layer .ec-base-button.gFixed .ec-base-button { padding:0; border-top:0; }
  .ec-base-layer .wrap + .ec-base-button > .ec-base-button { padding:0; }

@media all and (min-width:900px) {
  .ec-base-layer  { max-width:900px; margin:0 auto; }
  .ec-base-layer.typeModal .wrap { max-height:400px; min-height:200px; }
}
/* ec-base-table */
.ec-base-table { border:1px solid #d5d5d5; word-break:break-all; word-wrap:break-word; color:#000; }
.ec-base-table table { position:relative; }
.ec-base-table table:after { position:absolute; top:0; left:0; display:block; content:""; width:100%; height:1px; background:none; }
.ec-base-table th,
.ec-base-table td { border-top:1px solid #d5d5d5; font-size:12px; vertical-align:top; }
.ec-base-table th { font-weight:normal; color:#000; }
.ec-base-table td { padding:12px 13px; }
.ec-base-table tbody th { padding:12px 0 12px 13px; text-align:left; }
.ec-base-table td.clear { padding:0 !important; }
 /*custome*/
.ec-base-table-custom {border:0!important; }
.ec-base-table-custom th {border:0!important; padding: 15px 0 15px 0px!important; vertical-align:top!important; }
.ec-base-table-custom td {border:0!important; padding: 5px 0px 5px!important; }
.ec-base-table-custom input[type=text], input[type=password], input[type=number], input[type=tel], textarea {padding:0 5px; height:36px; line-height:36px; border:0; border:1px solid #000; }
.ec-base-table-custom select {padding:0px 5px; height:36px; line-height:36px; border:0; border:1px solid #000;}
.ec-base-table-custom input[type="radio"] {margin:15px 0;}
.ec-base-table-custom input[type=radio] + label {margin: 15px 7px 15px 4px;}
/* horizontal */
  /* typeWrite */
    .ec-base-table.typeWrite td { padding:7px 13px 6px; }
    .ec-base-table.typeWrite tr td:first-child { padding:12px 13px; }
    .ec-base-table.typeWrite img { max-width:100% !important; height:auto !important; }
  /* gCellNarrow */
    .ec-base-table.gCellNarrow tbody th { padding:7px 0 7px 13px; }
    .ec-base-table.gCellNarrow td { padding:7px 13px; }
  /* gClearBorderTop */
    .ec-base-table.gClearBorderTop { border-top-width:1px; }
  /* gClearBorder */
    .ec-base-table.gClearBorder { border-width:0; }
  /* gClearCell */
    .ec-base-table.gClearCell { padding:4px 0; }
    .ec-base-table.gClearCell table:after { display:none; }
    .ec-base-table.gClearCell th,
    .ec-base-table.gClearCell td,
    .ec-base-table.typeWrite.gClearCell th { border-width:0; padding-top:6px; padding-bottom:6px; }
    .ec-base-table.typeWrite.gClearCell td { padding-top:3px; padding-bottom:4px; }
  /* gLineTop */
    .ec-base-table .gLineTop { border-top:1px solid #d5d5d5 !important; }
    .ec-base-table.gClearCell tbody.gLineTop tr:first-child th,
    .ec-base-table.gClearCell tbody.gLineTop tr:first-child td { padding-top:10px; }
 
/* vertical */
  /* typeList */
    .ec-base-table.typeList { border-width:0; }
    .ec-base-table.typeList table:after { display:none; }
    .ec-base-table.typeList thead th { text-align:center;}
    .ec-base-table.typeList th,
    .ec-base-table.typeList td { padding:9px 10px; vertical-align:middle; border:1px solid #d7d5d5; }
    .ec-base-table.typeList.gClearBorderTop thead th { border-top-width:0; }
 
/* common */
  /* 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 .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; }
 
  /* reset */
  .ec-base-table td.clear .ec-base-help { margin-left:13px; margin-right:13px; }
  
   /* address */
   .ec-base-table .ec-address { margin:-4px -13px -3px; }
   .ec-base-table .ec-address > li { padding:4px 13px 3px; }
   .ec-base-table .ec-address > li input[type="text"],
   .ec-base-table .ec-address > li select { width:100%; }
   .ec-base-table .ec-address .ec-base-help { margin-bottom:4px; }
   .ec-base-table .ec-address .ec-address-area select:not(:first-child) { margin-top:4px; }
   .ec-base-table .ec-address .ec-address-zipcode input[type="text"] { width:80px; margin-right:4px; }
   .ec-base-table .ec-address .ec-address-zipcode .btnBasic { margin-right:4px; }
   .ec-base-table .ec-address .ec-address-zipcode .ec-base-label { margin:0; }





/* add*/
.ec-base-table table.typeBlank,
.typeBlank {border:0px; }
.ec-base-table table.typeBlank::before {background:none; height:0px;}
.ec-base-fold { position:relative; /*border:1px solid #d5d5d5;*/ }
.ec-base-fold > .title { position:relative; z-index:1; overflow:hidden; padding:14px 43px 14px 14px; cursor:pointer; font-size:12px; line-height:1.3; -webkit-tap-highlight-color:rgba(255,255,255,0);
display:-webkit-flex; display:-ms-flex; display:-moz-flex; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; -moz-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:space-between; -ms-justify-content:space-between; -moz-justify-content:space-between; justify-content:space-between; }
.ec-base-fold > .title h2,
.ec-base-fold > .title h3 { display:inline-block; font-size:12px; line-height:1.3; }
.ec-base-fold > .title h3, .ec-base-fold > .title p { color:#757575; }
.ec-base-fold > .title p.right { margin-left:auto; }
.ec-base-fold > .title:after { content:""; position:absolute; top: 6px; right:9px;  width: 7px;height: 7px; border-right: 1px solid #555;border-bottom: 1px solid #555; transform: rotate(45deg); -webkit-transition:.3s ease-out; transition:.3s ease-out; }
.ec-base-fold .contents { display:none;}
.ec-base-fold .ec-base-fold { border-width:1px 0 0; }
.ec-base-fold + .ec-base-fold { margin-top:15px; }
.ec-base-fold .ec-base-fold + .ec-base-fold { margin-top:0; }
.ec-base-fold.selected > .title:after { top:11px; -webkit-transform: rotate(225deg); -moz-transform: rotate(225deg); transform:rotate(225deg); }
.ec-base-fold.selected > .contents { display:block; }


/* theme1 */
.ec-base-fold.theme1 > .title { color:#000;  }

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

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

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

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

/* ec-base-table */
.ec-base-fold > .contents .ec-base-table,
.ec-base-fold .ec-base-fold > .contents .ec-base-table { border:0; }
.ec-base-prdInfo { position:relative; margin:0 0 7px; padding:14px 0px 6px; box-sizing:border-box; }
.ec-base-prdInfo .prdCheck { display:inline-block; margin-bottom:7px; }
.ec-base-prdInfo .prdBox { display:-webkit-flex; display:-ms-flex; display:flex; min-height:90px; margin-top:7px; }
.ec-base-prdInfo .thumbnail { overflow:hidden; max-width:73px; margin-right:15px;  box-sizing:border-box; }
.ec-base-prdInfo .thumbnail img { max-width:100%; }
.ec-base-prdInfo .description { overflow:hidden; -webkit-flex:1; -ms-flex:1; flex:1; overflow:hidden; }
.ec-base-prdInfo .description .prdName { display:block; margin:0 0 10px; font-size:13px; }
.ec-base-prdInfo .description .prdName a { color:#000; }
.ec-base-prdInfo .description .prdName .ec-set-product-name { display:block; margin:0 0 3px; }
.ec-base-prdInfo .description .info { margin:0 0 14px; }
.ec-base-prdInfo .description .info li { margin:0 0 7px; font-size:12px; color:#000; }
.ec-base-prdInfo .description .info li .mileage { display:inline-block; }
.ec-base-prdInfo .description .info .price { font-size:12px; color:#000; }
.ec-base-prdInfo .description .info .price .refer { font-weight:normal; font-size:12px; }
.ec-base-prdInfo .description .info .price .discount { font-weight:normal; text-decoration:line-through; }
.ec-base-prdInfo .description .info .price .strike { font-weight:normal; text-decoration:line-through; }
.ec-base-prdInfo .description .info .price .strike strong { font-weight:normal; }
.ec-base-prdInfo .description .price .quantity { position:relative; display:inline-block; margin:0 0 0 10px; padding:0 0 0 14px; font-size:12px; }
.ec-base-prdInfo .description .price .quantity:before { display:block; content:""; position:absolute; top:1px; left:0; width:1px; height:11px; background:#989899; }
.ec-base-prdInfo .description input[type="number"] { max-width:51px; }
.ec-base-prdInfo .description .info .amount button { margin:0; padding:0; border:0; } /* gift > quantity */
.ec-base-prdInfo .description .info .amount { width:50px; }
.ec-base-prdInfo .description .info input.amount { text-align:right; }
.ec-base-prdInfo .description  input[type="tel"] { text-align:right; }
.ec-base-prdInfo .description .quantity input[type="tel"] { width:51px; }

.ec-base-prdInfo .prdFoot { padding:6px 12px; font-weight:bold; line-height:26px; color:#000; text-align:center; }
.ec-base-prdInfo .prdFoot:after { content:''; display:block; clear:both; }
.ec-base-prdInfo .prdFoot .gLeft { float:left; text-align:left; }
.ec-base-prdInfo .prdFoot .gRight { float:right; text-align:right; }
.ec-base-prdInfo .prdFoot .store { color:#000; font-weight:normal; }
.ec-base-prdInfo .prdFoot .btnBasic { font-weight:normal;  }
.ec-base-prdInfo .prdFoot span > span > span { font-size:12px; }
.ec-base-prdInfo  prdFoot span span.discount { text-decoration:line-through; }
.ec-base-prdInfo .prdFoot span span.discount strong {font-weight:normal; }


.ec-base-prdInfo p.option { margin:0 0px; padding:14px 0;  font-size:12px; }
.ec-base-prdInfo .option { padding:0; color:#000;  font-size:12px;}
.ec-base-prdInfo .option > li { }
.ec-base-prdInfo .option > li .name { display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:flex; min-height:29px; margin:7px 0; -webkit-justify-content:space-between; -moz-justify-content:space-between; -ms-justify-content:space-between; justify-content:space-between; -webkit-align-items:center; -moz-align-items:center; -ms-align-items:center; align-items:center; }
.ec-base-prdInfo .option > li .optionDesc { word-break:break-all; }
.ec-base-prdInfo .option > li .change { margin:0 0 0 5px; white-space:nowrap; }
.ec-base-prdInfo .option .file a { margin:0 0 0 4px; padding:0 0 0 11px; color:#80aeef; text-decoration:underline; background:url("//img.echosting.cafe24.com/skin/mobile_ko_KR/order/ico_attach.png") no-repeat 0 0; background-size:8px 13px; }
.ec-base-prdInfo .layerOptionModify { display:none; width:auto; margin:7px 0 14px; padding:14px; border:1px solid #d5d5d5; }
.ec-base-prdInfo .layerOptionModify .titleArea { margin-top:3px; display:none; }
.ec-base-prdInfo .layerOptionModify ul { padding:0; font-size:12px; }
.ec-base-prdInfo .layerOptionModify li { position:relative; margin:0 0 7px; padding:0 0 0 73px; }
.ec-base-prdInfo .layerOptionModify li .optionItem { display:block; position:absolute; top:0; left:0; width:73px; height:29px; font-size:12px; color:#757575; line-height:29px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ec-base-prdInfo .layerOptionModify select,
.ec-base-prdInfo .layerOptionModify input[type="text"] { width:100%; }
.ec-base-prdInfo .layerOptionModify .ec-base-button.gCenter { margin:0; }

/* orderList > ec-base-prdInfo  */
.orderList .ec-base-prdInfo { margin:-1px 0 0; border-width:1px 0 0 0; }
.orderList .ec-base-prdInfo .option { margin:0; }
.orderList .ec-base-prdInfo .prdFoot { margin:0 -14px -6px; }
/* order_result.html > orderArea > ec-base-prdInfo */
.orderArea .ec-base-fold .ec-base-prdInfo { }
.orderConfirmLayer .orderArea .ec-base-prdInfo { border-bottom:0; }
.orderArea .ec-base-prdInfo + .ec-base-prdInfo { }

/*  tooltip */
  .ec-base-tooltip-area { display:inline-block; vertical-align:top; }
  .ec-base-tooltip-area.show { z-index:301; }
  .ec-base-tooltip-area .btnTip { overflow:hidden; padding:0 0 0 5px; margin:0; border:0; white-space:nowrap; width:14px; height:14px; font-size:1px; line-height:0; vertical-align:middle; color:transparent; text-indent:-150%; cursor:pointer; background:url("//img.echosting.cafe24.com/skin/mobile/common/ico_help.png") right center no-repeat; background-size:14px 14px; }
  /* ec-base-tooltip */
    .ec-base-tooltip { display:none; z-index:2; position:absolute; top:inherit !important; left:0 !important; right:0 !important; width:88%; margin:3px auto 0; padding:0 14px 14px; text-align:left; border:1px solid #ccc; border-radius:2px; letter-spacing:normal;  }
    .ec-base-tooltip .title { display:block; padding:0 20px 0 0; font-size:15px; color:#000; line-height:43px; b}
    .ec-base-tooltip ul { color:#757575; }
    .ec-base-tooltip ul li { font-size:13px; }
    .ec-base-tooltip .content table + .title { margin-top:14px; }
    .ec-base-tooltip p { float:none; font-size:12px; text-align:left; }
    .ec-base-tooltip p strong { font-weight:normal; font-size:13px; }
    .ec-base-tooltip .btnClose { overflow:hidden; position:absolute; right:10px; top:10px; width:25px; height:25px; margin:0 !important; font-size:1px; line-height:0; text-indent:150%; white-space:nowrap; border:0; background:url("//img.echosting.cafe24.com/skin/mobile/common/btn_close.png") no-repeat 50% 50%; background-size:13px 13px; }
    /* typeUpper */
      .ec-base-tooltip.typeUpper { position:absolute; left:-90px !important; bottom:33px !important; width:200px; margin:0; padding:14px 28px 14px 14px; border:1px solid #ccc; border-radius:2px;
        -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.typeUpper:before { content:""; position:absolute; left:40%; bottom:-5px; display:inline-block; width:0; height:0; margin:-3px 0 0; border-left:5px solid transparent; border-top:5px solid #ccc; border-right:5px solid transparent; }
      .ec-base-tooltip.typeUpper:after { content:""; position:absolute; left:40%; bottom:-4px; display:inline-block; width:0; height:0; margin:-3px 0 0; border-left:5px solid transparent; border-top:5px solid #fff; border-right:5px solid transparent; }

/* 배송비 레이어 */
  .shippingFee { display:inline-block; position:static; vertical-align:middle; margin:5px 0 0; }
  .shippingFee > a.btnNormal { margin:-3px 0 0 5px; }

  .shippingFee .wrap { display:none; z-index:999; left:2%; right:2%; max-width:900px; top:100px; margin:0 auto; padding:0; border:1px solid #d5d5d5; border-radius:5px; box-sizing:border-box;
    -webkit-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.75);
  }
  .shippingFee .wrap > h3 { padding:0 14px; font-size:13px; line-height:36px; border-bottom:1px solid #d5d5d5; border-radius:5px 5px 0 0; }
  .shippingFee .wrap .content { padding:14px; }
  .shippingFee .wrap h4 { position:relative; margin:0 7px 7px; }
  .shippingFee .wrap h4:before { display:inline-block; content:""; margin:0 5px 0 0; width:3px; height:3px; background:#666; vertical-align:middle; }
  .shippingFee .wrap table + h4 { margin-top:14px; }
  .shippingFee .wrap p strong { font-weight:normal; font-size:13px; }
  .shippingFee .wrap table { background:#fff; }
  .shippingFee .wrap th,
  .shippingFee .wrap td { padding:7px; border:1px solid #d5d5d5; }
  .shippingFee .wrap th { width:80px; border-right-width:0; color:#353535; }
  .shippingFee .wrap td { border-left-width:0; white-space:normal; }
  .shippingFee .wrap .txtEm { color:#000; }
  .shippingFee .wrap .info { margin:0; color:#757575; font-size:11px; }
  .shippingFee .wrap .btnClose { overflow:hidden; position:absolute; right:0; top:0; width:36px; height:36px; font-size:0; border:none; background:transparent url("//img.echosting.cafe24.com/skin/mobile/common/btn_close.png") center center no-repeat; background-size:14px 14px; }
  .shippingFee > .button { display: inline-block; border: 1px solid #dedfe2; padding: 0 10px; border-radius: 3px; font-size: 12px; color: #000; line-height: 28px; text-decoration: none; }

.shippingFee .ec-base-tooltip .btnTooltip { display:inline-block; }
.shippingFee .ec-base-tooltip .btnTooltip .differentialShipping { display:none; width:300px; height:auto; position:absolute; border:1px solid #ccc; padding: 0 14px 14px; border-radius: 2px; }
.shippingFee .ec-base-tooltip .btnTooltip .differentialShipping .close { position: absolute; right: 0; top: 0; }
.shippingFee .ec-base-tooltip .btnTooltip .differentialShipping .close a { overflow: hidden; display: block; width: 36px; height: 36px; font-size: 0; border: none; background: #0000 url(//img.echosting.cafe24.com/skin/mobile/common/btn_close.png) center center no-repeat; background-size: 14px 14px; }

@charset "utf-8";

@font-face {
  font-family: 'Noto Sans Regular';
  src: url(//t1.daumcdn.net/brunch9/static/fonts/noto/notokr-regular.woff) format('woff');
  font-style: normal;
  font-weight: 400
}

/* admin icon */
.ec-admin-icon.cart { height:26px; cursor:pointer; }

/* prd basic  */
.ec-base-product { padding:0 0 50px; }
.ec-base-product h2 { }
.ec-base-product h3 { margin-bottom:14px; }
.ec-base-product img { max-width:100%; }
.ec-base-product > ul { padding:14px 0 0;   }
.ec-base-product li { vertical-align:top; }
.ec-base-product [class*="grid"] { letter-spacing:0; display:block; font-size:0; box-sizing:border-box;}
.ec-base-product [class*="grid"] > li { display:inline-block;  font-size:11px;  vertical-align:top; text-align:center;  margin-bottom:0px;  }

/* prd thumbnail  */
.prd_list .thumbnail { position:relative; margin-bottom:10px;  }
.prd_list .thumbnail a { display:block; }
.prd_list .thumbnail a img { display:block; width:100%;  vertical-align:top; }
.prd_list .thumbnail .prdIcon { position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-size:30% auto; }
.prd_list .thumbnail .thumber_1 {}
.prd_list .thumbnail .thumber_2 {opacity:0; position:absolute; top:0; left:0px; width:100%; right:0; text-align:center; transition:opacity .4s;}
.prd_list .thumbnail:hover .thumber_2 {opacity:1; transition:opacity .4s;}
.prd_list .thumbnail .wish { position:absolute; right:10px; top:10px; z-index:10; }
.prd_list .thumbnail .wish img { max-width:23px; }

/* prd description  */
.prd_list .description { position:relative; min-height:10px; margin:0 2px;  padding:0px;  text-align:left; }
.prd_list .description::after {clear:both; display:block; content:""}
.prd_list .description .name {   display:block; word-wrap:break-word; margin:10px 0 5px; }
.prd_list .description .name a { display:block; line-height:130%; text-align:left; font-size:13px; color:#1b1b1b; font-weight:normal;  }
.prd_list .description ul::after {clear:both; display:block; content:""}
.prd_list .description ul.spec { display:block; }
.prd_list .description ul.spec li { text-align:left; display:block;margin-bottom:7px;  }
.prd_list .description ul.spec li.product_price  { display:inline-block; padding-right:5px; }
.prd_list .description ul.spec li.product_price.price_throu > span {color:#9e9e9e!important;} 
.prd_list .description ul.spec li.prd_price_sale { display:inline-block; }
.prd_list .description ul.spec li.prd_price_sale > span > span {vertical-align:top;}
.prd_list .description .price { font-size:12px; margin:0 0 7px; }
.prd_list .description .strike,
.prd_list .description .mPriceStrike { text-decoration:line-through; }
.prd_list .description li.cart { margin:0 0 7px; }
.prd_list .description .color { overflow:hidden; margin:0; }
.prd_list .description .color .chips { float:left; width:10px; height:10px; border-radius:50%; margin:0 3px 2px 0px; font-size:0; line-height:0; border:1px solid #e3e3e3; }
.prd_list .description .likeButton button { border:0; background:none; }
.prd_list .description .likeButton button strong { margin:0 0 0 3px; font-size:11px; line-height:20px; color:#757575; }
.prd_list .description .likeButton.selected button strong { line-height:20px; color:#2e2e2e; }
.prd_list .description .sold_icore > img {display:none;}
.prd_list .description .sold_icore .sold_me { font-size:12px; color:#bd0000; margin-top:0px; font-size:11px; font-weight:normal;}
.prd_list .prd_promotion_date  { display:none!important;}
.prd_list .description ul.spec li.summary_desc   { display:none; }
.prd_list .description .discountPeriod span {color:#999;}
.prd_list .icon {  float:left;  display:block; margin:0 0 7px; }
.prd_list .icon img { margin:0 4px 0 0; }
.prd_list .icon .icon_img { margin:0 0 2px; }
.prd_list .summary {position:absolute; left:10px; top:10px;  height:18px; line-height:18px; }
.prd_list .summary > span { text-align:left; /*border:1px solid #000;border-radius:50%; */ font-size:10px; padding:0px 8px;  color:#000; box-sizing:border-box; }
 
.prd_list .thumbnail .data_price  {font-size:0; display:none;}
.prd_list .thumbnail .data_price > span {    font-size: 11px; color: #000000; position: absolute; right: 10px; top: 10px;}

/* prd paginate moreview  */
.ec-base-product .more_view { margin:7px 4px 0; }
.ec-base-product .more_view a { display:block; padding:0 0 0 0; background:#d4d4d6; }
.ec-base-product .more_view a span { overflow:hidden; display:block; width:100%; height:30px; text-indent:120%; background:url("//img.echosting.cafe24.com/skin/mobile_ko_KR/product/bg_togglebar_show.png") no-repeat 50% 50%; background-size:12px 12px; }
  
/* prd discount period  */
.ec-base-product .layerDiscountPeriod { display:none; position:absolute; z-index:100; left:0; width:100%; padding:11px 7px; box-sizing:border-box; }
.ec-base-product .layerDiscountPeriod .inner { border:1px solid #353535; background:#f1f1f1; border-radius:4px; }
.ec-base-product .layerDiscountPeriod .inner .title { display:block; padding:10px 14px; font-size:14px; background-color:#353535; color:#fff; }
.ec-base-product .layerDiscountPeriod .inner .timeleft { padding:14px; color:#508bed; font-size:13px; font-weight:bold; text-align:center; }
.ec-base-product .layerDiscountPeriod ul { margin:0 7px 14px; padding:0; border:1px solid #d5d5d5; background:#fff; }
.ec-base-product .layerDiscountPeriod ul li { position:relative; padding:14px 13px 14px 100px; border-top:1px solid #ececec; color:#353535; }
.ec-base-product .layerDiscountPeriod ul li:first-child { border-top:0; }
.ec-base-product .layerDiscountPeriod ul li span { position:absolute; top:14px; left:13px; color:#757575; }
.ec-base-product .layerDiscountPeriod .btnClose { position:absolute; top:8px; right:4px; display:block; width:40px; height:40px; text-indent:-9999px; font-size:0; background:url("//img.echosting.cafe24.com/skin/mobile_ko_KR/layout/ico_close_white.png") center center no-repeat; background-size:50% 50%; }

.ec-base-product [class*="grid"] {padding: 0 0 0;}
.ec-base-product [class*="prdarray"] > li.prd_list {position:relative; margin-bottom:0; padding-bottom:0;  }
.ec-base-product [class*="prdarray"] > li.prd_list .description {margin: 0 0px 30px 0px;}

/*press prd*/
.press { margin:35px  auto 0; text-align:center;   }
.ec-base-product.press .grid4 > li {margin-bottom:30px; }
.press .thumbnail { }
.press .thumbnail .prdImg { }
.press .description {  padding:15px 10px; /*display:flex; flex-direction: column;    justify-content: space-between;*/ }
.press .description .name {display:block; font-weight:300; float:none; width:100%; margin:0 0 5px; line-height:180%;  text-align:left; }
.press .description ul.spec {float:none; width:100%;  }
.press .description ul.spec li { text-align:left; line-height:150%;}
.press_detail { margin:35px auto 0; }
.press_detail #prdDetailContentLazy p, .press_detail #prdDetailContentLazy div, .press_detail #prdDetailContentLazy span  { background-color:unset!important; }


/* 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; }

/* grid */
.ec-base-product .grid1 {margin-left:-4%; margin-right:-4%;}
.ec-base-product .grid2  {    display: grid; grid-template-columns: repeat(2,1fr);}
.ec-base-product .grid3  {    display: grid; grid-template-columns: repeat(3,1fr); margin:0 0px;}
.ec-base-product .grid1 > li { width:100%; }
.ec-base-product .grid1 > li { padding:0 4%; box-sizing:border-box; }
.ec-base-product .grid3 > li { padding:0 0px;   box-sizing:border-box;}
.ec-base-product.press .grid1 > li { padding:0 0 50px;   box-sizing:border-box;}
.ec-base-product .prdarray  {    display: grid; grid-template-columns:var(--prdarray-column); column-gap:var(--prdarray-gap);}
.ec-base-product .prearray  {    display: grid; grid-template-columns:var(--prearray-column); column-gap:var(--prearray-gap); padding:0 0 0;}
.ec-base-product .prearray > li {  box-sizing:border-box; margin-bottom:30px;}


@media all and (max-width:1000px) {
  .ec-base-product {  overflow-x: hidden; overflow-y: hidden;}
  .ec-base-product .prdList.grid1 > li { width:100%; }
  .ec-base-product .grid1 > li { padding:0 1%; }
  .ec-base-product .grid1 { overflow:hidden; margin-left:-1%; margin-right:-1%;}
  .ec-base-product .grid1 li .name { font-size:12px; }
  .ec-base-product .grid3  { grid-template-columns: repeat(2,1fr); margin:0 -2.5px;}
  .ec-base-product .grid3 > li { padding:0 2.5px;} 
  .ec-base-product .grid3 .thumbnail { margin-bottom:10px;}
  .ec-base-product .grid3 .description  { padding:0 5px;}
 
 
  .prd_list .thumbnail { margin-bottom:10px;}
  .prd_list .description   { padding:0 10px;}
 
    
 
  .swiper-container2 .swiper-slide .description .name { float:none; width:100%; margin:15px 0 5px; }
  .swiper-container2 .swiper-slide .description ul.spec {float:none; width:100%; }
  .swiper-container2 .swiper-slide .description, .swiper-container3 .swiper-slide .description { padding:0px;}
  .swiper-container2 .swiper-slide .description ul.spec li {text-align:left; margin-bottom:5px;}
  .ec-base-product .description .name { float:none; width:100%; margin:15px 0 5px; }
  .prd_list .description .name span,  .prd_slide .swiper-container2 .swiper-wrapper li .name span , .prd_slide .swiper-container3 .swiper-wrapper li .name span   { font-size:12px!important; }
  .ec-base-product .description ul.spec {float:none; width:100%; }
  .ec-base-product .description ul.spec li {text-align:left; }
  .ec-base-product .description ul.spec li span {  font-size:12px!important;}
  .ec-base-product [class*="grid"] > li.prd_list .description { margin:0 0px 20px; }
  .sold_icore > img {display:none;}
  .sold_icore .sold_me {   font-size:10px; font-weight:normal;}
 
  .prd_list .thumbnail .wish img { width:18px;}  
  .prd_list .summary { height:18px; line-height:18px; }
  .prd_list .summary > span {  font-size:9px;}
  
  .press  {margin-top:0px;   padding:0px; }  
  .ec-base-product.press .grid1 > li {display:block; margin-bottom:0px; }
  .press .thumbnail { width:100%; padding:0px 0px 0px 0; }
  .press .description { width:100%;  padding:0 15px; box-sizing:border-box; display:block;}
  .press .description .name { margin:10px 0 0;}
  .press .description .press_simp {  margin:5px 0 40px;}
  .press .description ul.spec {float:none; width:100%;  }
  .press .description ul.spec li { text-align:left; line-height:100%;}
  .press .description ul.spec li:nth-child(2) {display:none;}
  .press_detail { margin:0; }
    
}

 
/*user style mc24cafe appl page_*/
/*order orderconfirm*/

.main_control {display:none;}
.progress_load1 { position:fixed; top:0; left:0; right:0; bottom:0;  z-index:200; }
.progress_load2 { position:fixed; top:0; left:0; right:0; bottom:0;  z-index:200; }
/* main slider*/
.swiper-container-main {position:relative; width:100%; z-index: 1; overflow: hidden;  }
.swiper-container-main .swiper-wrapper {height:100%; }
.swiper-container-main .swiper-slide {width:100%!important; background-position:center; background-size: cover; background-repeat: no-repeat;}
.swiper-container-main .swiper-slide img {max-width:100%; width:100%;}
.swiper-container-main .swiper-wrapper .slide-img {  background-size: cover;height:100%; width: 100%!important; display: block;}
.swiper-container-main .swiper-pagination-main {  position:absolute; bottom:30px; width:auto; text-align:center; left:0; right:0px; z-index: 1;}
.swiper-container-main .swiper-pagination-main .swiper-pagination-bullet {width:6px; height:6px; background-color:rgba(255,255,255, 0); border:1px solid #000; margin:0 4px; border-radius: 6px;}
.swiper-container-main .swiper-pagination-main .swiper-pagination-bullet-active {background-color:#000;}

/*메인슬라이드*/
.swiper-container2 .swiper-scrollbar  {position: absolute; bottom: 0px; right:auto;  top:auto; left:auto; z-index: 4; height:1px;  width: 100%;}
.swiper-container2 .swiper-scrollbar {background-color:rgba(0,0,0, .2);}
.xans-product-listmain .swiper-scrollbar .swiper-pagination-progressbar-fill {background-color:rgba(0,0,0, 1)!important;}


/* product recommend*/
.swiper-container-recommend {overflow: hidden; position: relative;  padding:0px 0 20px; border-bottom:1px solid #000; }
.swiper-container-recommend h3.lr_pad  { padding:20px 0px 20px 0; border-top:1px solid #000;}
.swiper-container-recommend .swiper-button-prev-recommend {position:absolute; width: 30px; height: 30px; z-index: 1; left:0; top:40%; transform:rotate(180deg);}
.swiper-container-recommend .swiper-button-next-recommend {position:absolute; width: 30px; height: 30px; z-index: 1; right:0; top:40%;  }
.swiper-container-recommend .swiper-button-prev-recommend svg,
.swiper-container-recommend .swiper-button-next-recommend svg{height: 100%;}
 

/*swiper detail*/
 .swiper-container-detail{margin:0px auto 0;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}
 .swiper-container-detail .swiper-slide img {max-width:100%}
 .swiper-container-no-flexbox .swiper-slide{float:left}
.swiper-button-prev-detail { opacity:1; position: absolute;  left : 10px; width: 30%; height: 100%; top: 0; background-repeat:no-repeat; background-size:20px; cursor:pointer; outline:0; background-position: 10% center;  z-index:2; transition: all 0.2s ease-in-out; }
.swiper-button-next-detail { opacity:1; position: absolute;  right: 10px; width: 30%; height: 100%; top: 0; background-repeat:no-repeat; background-size:20px; cursor:pointer; outline:0; background-position: 90% center; z-index:2; transition: all 0.2s ease-in-out; }
.swiper-button-prev-detail.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-detail.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-detail.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-detail.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-prev-detail.swiper-button-disabled,
.swiper-button-next-detail.swiper-button-disabled {opacity:0.1; }
 .swiper-container-detail2 {margin:0px auto 0;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}
 .swiper-container-detail2 .swiper-slide img {max-width:100%}
 .swiper-container-detail2.gallery-thumbs2 .swiper-wrapper .swiper-slide.swiper-slide-thumb-active {border:1px solid #000; box-sizing:border-box; }
.swiper-button-prev-detail2 { position: absolute;  left : 0px; width: 30%; height: 100%; top: 0; background-repeat:no-repeat; background-size:15px; cursor:pointer; outline:0; background-position: 10% center;  z-index:2; transition: all 0.2s ease-in-out; }
.swiper-button-next-detail2 { position: absolute;  right: 0px; width: 30%; height: 100%; top: 0; background-repeat:no-repeat; background-size:15px; cursor:pointer; outline:0; background-position: 90% center; z-index:2; transition: all 0.2s ease-in-out; }
.swiper-button-prev-detail2.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-detail2.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-detail2.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-detail2.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-container4 .swiper-pagination4.swiper-pagination-progressbar  {position: absolute; bottom: 0px; right:0;  top:auto; left:0; z-index: 4; height:1px;  width: 100%;}
.swiper-container4 .swiper-pagination4.swiper-pagination-progressbar.swiper-pagination-white {background-color:rgba(0,0,0, .2);}
.swiper-container4 .swiper-pagination4.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {background-color:rgba(0,0,0, 1);}


/*메인 슬라이드 상품*/
.xans-product-listmain .swiper-scrollbar {height:1px; border-radius: 0; border-radius: 0;}
.xans-product-listmain .swiper-scrollbar-drag {background-color:#000;}


/*add bg color */
.bg_gray {}
.bg_white {}


/* mypage area layout*/
.mypage_wrap {    min-height: calc(100vh - 85px); display: flex; align-items: flex-start;}    
.mypage_wrap .mypage_cont {padding-top: 50px; padding-bottom: 100px; margin: 0 auto;    width: 600px;}
.mypage_wrap .mypage_cont .mypage_innerEtc {padding: 50px 30px 30px;  }
.mypage_wrap .basket_cont { width:100%; padding:0 30px;  margin: 0 auto; }

/* mypage area layout for tab_etc*/
.mypage_wrap .mypage_contTab_etc {padding-top: 50px; padding-bottom: 100px; margin: 0 auto;    width: 600px;}
.mypage_wrap .mypage_contTab_etc .mypage_innerEtc {padding: 0px 0px 0px;   }

/* mypage area layout for loginjoin*/
.mypage_wrap .mypage_cont .mypage_innerLogin,
.mypage_wrap .mypage_cont .mypage_innerJoin {max-width:500px; margin:0 auto;}

/* mypage area layout for myshopindex*/
.mypage_wrap ul.tabs{   max-width:500px;     font-size: 0;}
.mypage_wrap ul.tabs li { display: inline-block; padding: 15px 30px 0 0; box-sizing: border-box; font-size: 13px; text-align: center;  }     
.mypage_wrap ul.tabs li a{  font-size:13px; color: #c4c4c4; }     
.mypage_wrap ul.tabs li:first-child {border-right:0px;}
.mypage_wrap ul.tabs li.selected {}
.mypage_wrap ul.tabs li.selected a {color:#000;}
.mypage_wrap div.tabcontents{  max-width:500px;}

/* mypage tab_etc board_list board_comment*/
.mypage_wrap .tab_Etc {  border-bottom: 0px; border-top: 0px; border-right: 0px; border-left: 0px;}
.mypage_wrap .tab_Etc li {display:inline-block;  text-align: center; padding: 15px 15px 15px 0;  color: #999;}
.mypage_wrap .tab_Etc li a { color: #999;  font-size:12px;}
.mypage_wrap .tab_Etc li.lo a {color:#000;}

/* mypage tab_etc regular delivery tap*/
.mypage_wrap .tab_Etc li.selected { }


/*shopinfo*/
/*.shopinfo_ti {float:left; width:200px;}
.shopinfo_ti h2 {font-size:13px; font-weight:normal;}*/
.shopinfo_cont { padding:0 0px 0 0; max-width:600px; margin:0 auto;}
.shopinfo_cont.shopinfo_cont2 { max-width:800px;}
.board_cont  {  width:800px; margin:0 auto;}
 .xans-board li, .xans-board ul, .xans-board p, .xans-board span { background:none; background-color:unset !important; }

/* mobile */
@media all and (max-width : 1000px) {  
 
    #contents   {  }
    .swiper-container-main .swiper-pagination-main { bottom:20px; }
	.mypage_wrap .mypage_cont { min-height:800px; padding:0; margin-top:30px; width:100%;    }
    .mypage_wrap .mypage_cont .mypage_innerEtc {  padding: 0px 0px;}
    .mypage_wrap .mypage_contTab_etc {padding-left:10px; padding-right:10px; padding-top:0; }
    .mypage_wrap .basket_cont {width:auto; overflow-x:hidden; padding:0px 0px 0px; margin:0 -10px;  border-bottom:0; }
    .order_list {padding:0;} 
    .shopinfo_ti {float:none; width:100%;}
    .shopinfo_ti h2 {font-weight:normal; margin-bottom:0px; font-size:0;}
    .shopinfo_cont {float:none; padding:0px 0 0; max-width:600px; margin:0 auto;}
    .board_cont  {float:none; padding:0px 0 0; width:100%;}
    .board_cont .list_wrt_but { margin-top:-35px;}
    .swiper-button-prev-detail2 {  background-size:15px;  }
    .swiper-button-next-detail2 {  background-size:15px;  }
    
    /* product recommend*/
	.swiper-container-recommend {overflow: hidden; position: relative;  padding:0px 0 20px; border-bottom:1px solid #000; }
	.swiper-container-recommend h3.lr_pad  { padding:20px 0px 20px 10px; border-top:1px solid #000;}

}
/*!
*  XEIcon 2.3.3 by @NAVER - http://xpressengine.github.io/XEIcon/ - @XEIcon
*  License - http://xpressengine.github.io/XEIcon/license.html (Font: SIL OFL 1.1, CSS: MIT License)
*/

@font-face {
  font-family: 'xeicon';
  src: url("http://sentiopus.com/web/upload/addbase/xeicon/xeicon.eot?3ka2yj");
  src: url("http://sentiopus.com/web/upload/addbase/xeicon/xeicon.eot?3ka2yj#iefix") format("embedded-opentype"), url("//ecimg.cafe24img.com/pg1896b82112833047/sentiopus//ecimg.cafe24img.com/pg1896b82112833047/sentiopus/web/upload/addbase/xeicon/xeicon.woff2?3ka2yj") format("woff2"), url("//ecimg.cafe24img.com/pg1896b82112833047/sentiopus/web/upload/addbase/xeicon/xeicon.ttf?3ka2yj") format("truetype"), url("//ecimg.cafe24img.com/pg1896b82112833047/sentiopus/web/upload/addbase/xeicon/xeicon.woff?3ka2yj") format("woff"), url("//ecimg.cafe24img.com/pg1896b82112833047/sentiopus/web/upload/addbase/xeicon/xeicon.svg?3ka2yj#xeicon") format("svg");
  font-weight: normal;
  font-style: normal;
}

[class^="xi-"],
[class*=" xi-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'xeicon' !important;
  display: inline-block;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.xi-home:before {
  content: "\e900";
}

.xi-home-o:before {
  content: "\e902";
}

.xi-bars:before {
  content: "\e91c";
}

.xi-hamburger-back:before {
  content: "\eb46";
}

.xi-hamburger-out:before {
  content: "\eb45";
}

.xi-apps:before {
  content: "\e903";
}

.xi-ellipsis-h:before {
  content: "\e94a";
}

.xi-ellipsis-v:before {
  content: "\e949";
}

.xi-drag-vertical:before {
  content: "\e996";
}

.xi-drag-handle:before {
  content: "\e960";
}

.xi-arrow-top:before {
  content: "\e912";
}

.xi-arrow-bottom:before {
  content: "\e904";
}

.xi-arrow-left:before {
  content: "\e906";
}

.xi-arrow-right:before {
  content: "\e907";
}

.xi-arrow-up:before {
  content: "\e915";
}

.xi-arrow-down:before {
  content: "\e905";
}

.xi-long-arrow-left:before {
  content: "\e908";
}

.xi-long-arrow-right:before {
  content: "\e90b";
}

.xi-long-arrow-up:before {
  content: "\e909";
}

.xi-long-arrow-down:before {
  content: "\e90a";
}

.xi-angle-left:before {
  content: "\e93b";
}

.xi-angle-left-min:before {
  content: "\e93c";
}

.xi-angle-left-thin:before {
  content: "\e93d";
}

.xi-angle-right:before {
  content: "\e93e";
}

.xi-angle-right-min:before {
  content: "\e93f";
}

.xi-angle-right-thin:before {
  content: "\e940";
}

.xi-angle-up:before {
  content: "\e944";
}

.xi-angle-up-min:before {
  content: "\e945";
}

.xi-angle-up-thin:before {
  content: "\e946";
}

.xi-angle-down:before {
  content: "\e941";
}

.xi-angle-down-min:before {
  content: "\e942";
}

.xi-angle-down-thin:before {
  content: "\e943";
}

.xi-caret-up:before {
  content: "\e92f";
}

.xi-caret-up-min:before {
  content: "\e930";
}

.xi-caret-down:before {
  content: "\e935";
}

.xi-caret-down-min:before {
  content: "\e936";
}

.xi-caret-up-circle:before {
  content: "\e931";
}

.xi-caret-up-circle-o:before {
  content: "\e932";
}

.xi-caret-down-circle:before {
  content: "\e937";
}

.xi-caret-down-circle-o:before {
  content: "\e938";
}

.xi-caret-up-square:before {
  content: "\e933";
}

.xi-caret-up-square-o:before {
  content: "\e934";
}

.xi-caret-down-square:before {
  content: "\e939";
}

.xi-caret-down-square-o:before {
  content: "\e93a";
}

.xi-arrows-h:before {
  content: "\e90e";
}

.xi-arrows-v:before {
  content: "\e90f";
}

.xi-expand:before {
  content: "\e910";
}

.xi-compress:before {
  content: "\e911";
}

.xi-arrows:before {
  content: "\e90c";
}

.xi-arrows-alt:before {
  content: "\e90d";
}

.xi-compare-arrows:before {
  content: "\e947";
}

.xi-scroll:before {
  content: "\e94b";
}

.xi-dashboard:before {
  content: "\e948";
}

.xi-dashboard-o:before {
  content: "\e95e";
}

.xi-refresh:before {
  content: "\e973";
}

.xi-catched:before {
  content: "\e923";
}

.xi-renew:before {
  content: "\e977";
}

.xi-sync:before {
  content: "\e982";
}

.xi-eye:before {
  content: "\e951";
}

.xi-eye-o:before {
  content: "\e950";
}

.xi-eye-off:before {
  content: "\e953";
}

.xi-eye-slash:before {
  content: "\e953";
}

.xi-eye-off-o:before {
  content: "\e952";
}

.xi-eye-slash2:before {
  content: "\e952";
}

.xi-lock:before {
  content: "\e964";
}

.xi-lock-o:before {
  content: "\e966";
}

.xi-unlock:before {
  content: "\e965";
}

.xi-unlock-o:before {
  content: "\e967";
}

.xi-trash:before {
  content: "\e96e";
}

.xi-trash-o:before {
  content: "\e96f";
}

.xi-flag:before {
  content: "\e961";
}

.xi-flag-o:before {
  content: "\e962";
}

.xi-expand-square:before {
  content: "\e954";
}

.xi-compress-square:before {
  content: "\e955";
}

.xi-log-in:before {
  content: "\e963";
}

.xi-log-out:before {
  content: "\e972";
}

.xi-search:before {
  content: "\e97a";
}

.xi-magnifier:before {
  content: "\e97a";
}

.xi-zoom-in:before {
  content: "\e97b";
}

.xi-magnifier-expand:before {
  content: "\e97b";
}

.xi-zoom-out:before {
  content: "\e97c";
}

.xi-magnifier-reduce:before {
  content: "\e97c";
}

.xi-subdirectory:before {
  content: "\e97e";
}

.xi-subdirectory-arrow:before {
  content: "\e981";
}

.xi-external-link:before {
  content: "\e980";
}

.xi-cog:before {
  content: "\e986";
}

.xi-view-array:before {
  content: "\e983";
}

.xi-view-carousel:before {
  content: "\e984";
}

.xi-view-column:before {
  content: "\e985";
}

.xi-view-day:before {
  content: "\e98d";
}

.xi-view-list:before {
  content: "\e993";
}

.xi-view-module:before {
  content: "\e997";
}

.xi-view-stream:before {
  content: "\e99a";
}

.xi-wrench:before {
  content: "\e99b";
}

.xi-filter:before {
  content: "\e9d9";
}

.xi-funnel:before {
  content: "\e9d9";
}

.xi-plus:before {
  content: "\e913";
}

.xi-plus-min:before {
  content: "\e914";
}

.xi-plus-thin:before {
  content: "\e9c5";
}

.xi-minus:before {
  content: "\e91a";
}

.xi-minus-min:before {
  content: "\e91b";
}

.xi-minus-thin:before {
  content: "\e9c1";
}

.xi-close:before {
  content: "\e921";
}

.xi-close-min:before {
  content: "\e922";
}

.xi-close-thin:before {
  content: "\e9af";
}

.xi-check:before {
  content: "\e928";
}

.xi-check-min:before {
  content: "\e929";
}

.xi-check-thin:before {
  content: "\e92a";
}

.xi-plus-circle:before {
  content: "\e916";
}

.xi-plus-circle-o:before {
  content: "\e917";
}

.xi-minus-circle:before {
  content: "\e91d";
}

.xi-minus-circle-o:before {
  content: "\e91e";
}

.xi-close-circle:before {
  content: "\e924";
}

.xi-close-circle-o:before {
  content: "\e925";
}

.xi-check-circle:before {
  content: "\e92b";
}

.xi-check-circle-o:before {
  content: "\e92c";
}

.xi-plus-square:before {
  content: "\e918";
}

.xi-plus-square-o:before {
  content: "\e919";
}

.xi-minus-square:before {
  content: "\e91f";
}

.xi-minus-square-o:before {
  content: "\e920";
}

.xi-close-square:before {
  content: "\e926";
}

.xi-close-square-o:before {
  content: "\e927";
}

.xi-check-square:before {
  content: "\e92d";
}

.xi-check-box:before {
  content: "\e92d";
}

.xi-checkbox-blank:before {
  content: "\ea0e";
}

.xi-check-square-o:before {
  content: "\e92e";
}

.xi-checkbox-checked:before {
  content: "\e92e";
}

.xi-radiobox-blank:before {
  content: "\e9c6";
}

.xi-radiobox-checked:before {
  content: "\e9c7";
}

.xi-cut:before {
  content: "\e9b0";
}

.xi-label:before {
  content: "\e9b1";
}

.xi-label-o:before {
  content: "\e9b2";
}

.xi-library-add:before {
  content: "\e9b3";
}

.xi-library-bookmark:before {
  content: "\e9b4";
}

.xi-tagged-book:before {
  content: "\e9b4";
}

.xi-save:before {
  content: "\e9b9";
}

.xi-lightbulb:before {
  content: "\e9be";
}

.xi-idea:before {
  content: "\e9be";
}

.xi-lightbulb-o:before {
  content: "\e9bf";
}

.xi-link:before {
  content: "\e9c0";
}

.xi-package:before {
  content: "\e9c2";
}

.xi-archive:before {
  content: "\e9c2";
}

.xi-pen:before {
  content: "\e9c3";
}

.xi-pen-o:before {
  content: "\e9c4";
}

.xi-undo:before {
  content: "\e9d2";
}

.xi-redo:before {
  content: "\e9c8";
}

.xi-switch-off:before {
  content: "\e9c9";
}

.xi-switch-on:before {
  content: "\e9ca";
}

.xi-toggle-off:before {
  content: "\e9cb";
}

.xi-toggle-on:before {
  content: "\e9cd";
}

.xi-bookmark:before {
  content: "\ea1c";
}

.xi-bookmark-o:before {
  content: "\ea1d";
}

.xi-tag:before {
  content: "\ea36";
}

.xi-tags:before {
  content: "\ea37";
}

.xi-mail:before {
  content: "\ea06";
}

.xi-envelope:before {
  content: "\ea06";
}

.xi-social-email:before {
  content: "\ea06";
}

.xi-mail-o:before {
  content: "\ea07";
}

.xi-mail-read:before {
  content: "\ea08";
}

.xi-envelope-open:before {
  content: "\ea08";
}

.xi-mail-read-o:before {
  content: "\ea09";
}

.xi-send:before {
  content: "\ea0b";
}

.xi-paper-plane:before {
  content: "\ea0b";
}

.xi-reply:before {
  content: "\ea0d";
}

.xi-reply-all:before {
  content: "\ea0c";
}

.xi-share:before {
  content: "\e9fa";
}

.xi-share-l:before {
  content: "\e9fa";
}

.xi-share-alt:before {
  content: "\e9e9";
}

.xi-share-alt-o:before {
  content: "\e9ea";
}

.xi-call:before {
  content: "\e9d3";
}

.xi-phone:before {
  content: "\e9d3";
}

.xi-call-outgoing:before {
  content: "\e9d4";
}

.xi-call-incoming:before {
  content: "\e9d6";
}

.xi-call-reception:before {
  content: "\e9d6";
}

.xi-call-missed:before {
  content: "\e9d5";
}

.xi-comment:before {
  content: "\e9d7";
}

.xi-comment-o:before {
  content: "\e9d8";
}

.xi-forum:before {
  content: "\e9f0";
}

.xi-comments:before {
  content: "\e9f0";
}

.xi-forum-o:before {
  content: "\e9f1";
}

.xi-video-call:before {
  content: "\ea18";
}

.xi-xi-film:before {
  content: "\ea18";
}

.xi-voicemail:before {
  content: "\ea19";
}

.xi-note:before {
  content: "\ea1a";
}

.xi-note-o:before {
  content: "\ea1b";
}

.xi-at:before {
  content: "\ea0a";
}

.xi-message:before {
  content: "\ea14";
}

.xi-message-o:before {
  content: "\ea15";
}

.xi-speech:before {
  content: "\ea12";
}

.xi-speech-o:before {
  content: "\ea13";
}

.xi-user-address:before {
  content: "\e9f4";
}

.xi-profile:before {
  content: "\e9f2";
}

.xi-user-circle:before {
  content: "\e9f2";
}

.xi-profile-o:before {
  content: "\ea2a";
}

.xi-user:before {
  content: "\e9f3";
}

.xi-users:before {
  content: "\e9f9";
}

.xi-group:before {
  content: "\ea2e";
}

.xi-community:before {
  content: "\ea2e";
}

.xi-user-plus:before {
  content: "\e9f7";
}

.xi-users-plus:before {
  content: "\ea17";
}

.xi-user-o:before {
  content: "\e9f5";
}

.xi-users-o:before {
  content: "\ea04";
}

.xi-user-plus-o:before {
  content: "\e9f8";
}

.xi-star:before {
  content: "\ea0f";
}

.xi-star-o:before {
  content: "\ea16";
}

.xi-heart:before {
  content: "\ea10";
}

.xi-heart-o:before {
  content: "\ea11";
}

.xi-thumbs-up:before {
  content: "\ea28";
}

.xi-thumbs-down:before {
  content: "\ea29";
}

.xi-crown:before {
  content: "\e9da";
}

.xi-trophy:before {
  content: "\ea38";
}

.xi-emoticon-happy:before {
  content: "\e9dd";
}

.xi-happy-face:before {
  content: "\e9dd";
}

.xi-emoticon-happy-o:before {
  content: "\e9ed";
}

.xi-emoticon-smiley:before {
  content: "\e9e4";
}

.xi-smiley-face:before {
  content: "\e9e4";
}

.xi-emoticon-smiley-o:before {
  content: "\e9e6";
}

.xi-emoticon-neutral:before {
  content: "\e9eb";
}

.xi-neutral-face:before {
  content: "\e9eb";
}

.xi-emoticon-neutral-o:before {
  content: "\e9ec";
}

.xi-emoticon-bad:before {
  content: "\e9de";
}

.xi-emoticon-bad-o:before {
  content: "\e9df";
}

.xi-emoticon-sad:before {
  content: "\e9ee";
}

.xi-sad-face:before {
  content: "\e9ee";
}

.xi-emoticon-sad-o:before {
  content: "\e9ef";
}

.xi-emoticon-devil:before {
  content: "\e9e2";
}

.xi-angry-face:before {
  content: "\e9e2";
}

.xi-emoticon-devil-o:before {
  content: "\e9e3";
}

.xi-emoticon-cool:before {
  content: "\e9e0";
}

.xi-emoticon-cool-o:before {
  content: "\e9e1";
}

.xi-bell:before {
  content: "\e99c";
}

.xi-bell-o:before {
  content: "\e99d";
}

.xi-bell-off:before {
  content: "\e99e";
}

.xi-bell-slash:before {
  content: "\e99e";
}

.xi-bell-off-o:before {
  content: "\e99f";
}

.xi-alarm:before {
  content: "\ea1e";
}

.xi-alarm-o:before {
  content: "\ea1f";
}

.xi-alarm-off:before {
  content: "\ea20";
}

.xi-time:before {
  content: "\ea2b";
}

.xi-time-o:before {
  content: "\ea2c";
}

.xi-snooze:before {
  content: "\ea27";
}

.xi-calendar:before {
  content: "\e9a0";
}

.xi-calendar-add:before {
  content: "\e9a1";
}

.xi-calendar-remove:before {
  content: "\e9a2";
}

.xi-calendar-cancle:before {
  content: "\e9a3";
}

.xi-calendar-check:before {
  content: "\e9a4";
}

.xi-calendar-list:before {
  content: "\e9a5";
}

.xi-new:before {
  content: "\e9a8";
}

.xi-new-o:before {
  content: "\e9a9";
}

.xi-info:before {
  content: "\e9a6";
}

.xi-information-circle:before {
  content: "\e9a6";
}

.xi-info-o:before {
  content: "\e9a7";
}

.xi-help:before {
  content: "\e9ad";
}

.xi-unknown-circle:before {
  content: "\e9ad";
}

.xi-help-o:before {
  content: "\e9ac";
}

.xi-error:before {
  content: "\e9aa";
}

.xi-error-o:before {
  content: "\e9ab";
}

.xi-ban:before {
  content: "\e9ae";
}

.xi-slash-circle:before {
  content: "\e9ae";
}

.xi-warning:before {
  content: "\ea2d";
}

.xi-hand-paper:before {
  content: "\ea21";
}

.xi-key:before {
  content: "\ea22";
}

.xi-security:before {
  content: "\ea24";
}

.xi-shield:before {
  content: "\ea24";
}

.xi-shield-checked:before {
  content: "\ea25";
}

.xi-check-shield:before {
  content: "\ea25";
}

.xi-shield-checked-o:before {
  content: "\ea26";
}

.xi-align-justify:before {
  content: "\e956";
}

.xi-align-left:before {
  content: "\e957";
}

.xi-align-center:before {
  content: "\e958";
}

.xi-align-right:before {
  content: "\e959";
}

.xi-indent:before {
  content: "\e95a";
}

.xi-dedent:before {
  content: "\e95b";
}

.xi-list-dot:before {
  content: "\e95c";
}

.xi-list-ul:before {
  content: "\e95c";
}

.xi-list-square:before {
  content: "\e95d";
}

.xi-list-ul-square:before {
  content: "\e95d";
}

.xi-list-number:before {
  content: "\ea6b";
}

.xi-list-ol:before {
  content: "\ea6b";
}

.xi-list:before {
  content: "\e95f";
}

.xi-list-ul-l:before {
  content: "\e95f";
}

.xi-paragraph:before {
  content: "\e968";
}

.xi-bold:before {
  content: "\e96a";
}

.xi-italic:before {
  content: "\e96c";
}

.xi-strikethrough:before {
  content: "\e969";
}

.xi-underline:before {
  content: "\e96b";
}

.xi-caps:before {
  content: "\e96d";
}

.xi-text-size:before {
  content: "\eaba";
}

.xi-text-type:before {
  content: "\e97f";
}

.xi-type:before {
  content: "\e97f";
}

.xi-spellcheck:before {
  content: "\eaa9";
}

.xi-translate:before {
  content: "\eabc";
}

.xi-line-height:before {
  content: "\e976";
}

.xi-lineheight:before {
  content: "\e976";
}

.xi-font:before {
  content: "\ea63";
}

.xi-text-format:before {
  content: "\eab9";
}

.xi-text-color:before {
  content: "\eaaa";
}

.xi-color-fill:before {
  content: "\ea5e";
}

.xi-color-helper:before {
  content: "\ea5f";
}

.xi-scissors:before {
  content: "\e994";
}

.xi-document:before {
  content: "\e998";
}

.xi-form:before {
  content: "\e998";
}

.xi-palette:before {
  content: "\e995";
}

.xi-color:before {
  content: "\e995";
}

.xi-color-dropper:before {
  content: "\e97d";
}

.xi-eye-dropper:before {
  content: "\e97d";
}

.xi-eraser:before {
  content: "\e970";
}

.xi-eraser-o:before {
  content: "\e971";
}

.xi-sort-asc:before {
  content: "\e974";
}

.xi-lineheight-plus:before {
  content: "\e974";
}

.xi-sort-desc:before {
  content: "\e975";
}

.xi-lineheight-minus:before {
  content: "\e975";
}

.xi-rotate-right:before {
  content: "\e978";
}

.xi-rotate-left:before {
  content: "\e979";
}

.xi-layout:before {
  content: "\e988";
}

.xi-layout-top:before {
  content: "\e988";
}

.xi-layout-o:before {
  content: "\e98e";
}

.xi-layout-full:before {
  content: "\e989";
}

.xi-layout-full-o:before {
  content: "\e98f";
}

.xi-layout-snb:before {
  content: "\e98a";
}

.xi-layout-top-left:before {
  content: "\e98a";
}

.xi-layout-snb-o:before {
  content: "\e990";
}

.xi-layout-aside:before {
  content: "\e98b";
}

.xi-layout-top-right:before {
  content: "\e98b";
}

.xi-layout-aside-o:before {
  content: "\e991";
}

.xi-layout-column:before {
  content: "\e98c";
}

.xi-layout-top-three:before {
  content: "\e98c";
}

.xi-layout-column-o:before {
  content: "\e992";
}

.xi-crop:before {
  content: "\e999";
}

.xi-border-color:before {
  content: "\ea39";
}

.xi-line-style:before {
  content: "\ea66";
}

.xi-line-weight:before {
  content: "\ea67";
}

.xi-border-all:before {
  content: "\e987";
}

.xi-border-bottom:before {
  content: "\ea32";
}

.xi-border-clear:before {
  content: "\ea33";
}

.xi-border-horizontal:before {
  content: "\ea45";
}

.xi-border-inner:before {
  content: "\ea46";
}

.xi-border-left:before {
  content: "\ea49";
}

.xi-border-outer:before {
  content: "\ea4f";
}

.xi-border-right:before {
  content: "\ea51";
}

.xi-border-style:before {
  content: "\ea52";
}

.xi-border-top:before {
  content: "\ea54";
}

.xi-border-vertical:before {
  content: "\ea5c";
}

.xi-valign-top:before {
  content: "\eabf";
}

.xi-valign-bottom:before {
  content: "\eabd";
}

.xi-valign-center:before {
  content: "\eabe";
}

.xi-code:before {
  content: "\ea5d";
}

.xi-emoticon:before {
  content: "\ea62";
}

.xi-emoji:before {
  content: "\ea62";
}

.xi-face:before {
  content: "\ea62";
}

.xi-link-insert:before {
  content: "\ea6a";
}

.xi-link-l:before {
  content: "\ea6a";
}

.xi-link-broken:before {
  content: "\ea68";
}

.xi-unlink:before {
  content: "\ea68";
}

.xi-omega:before {
  content: "\ea6c";
}

.xi-opacity:before {
  content: "\ea6d";
}

.xi-overscan:before {
  content: "\ea78";
}

.xi-paperclip:before {
  content: "\ea7f";
}

.xi-transform:before {
  content: "\eabb";
}

.xi-power-off:before {
  content: "\e94c";
}

.xi-esc:before {
  content: "\e94f";
}

.xi-command:before {
  content: "\e94e";
}

.xi-alt:before {
  content: "\e94d";
}

.xi-tab:before {
  content: "\eaf8";
}

.xi-backspace:before {
  content: "\eac4";
}

.xi-capslock:before {
  content: "\ead6";
}

.xi-watch:before {
  content: "\e9b5";
}

.xi-mouse:before {
  content: "\e9b6";
}

.xi-sdcard:before {
  content: "\e9b7";
}

.xi-usb-drive:before {
  content: "\e9b8";
}

.xi-diskette:before {
  content: "\e9ba";
}

.xi-print:before {
  content: "\e9bb";
}

.xi-social-print:before {
  content: "\e9bb";
}

.xi-fax:before {
  content: "\e9bc";
}

.xi-webcam:before {
  content: "\e9cc";
}

.xi-projector:before {
  content: "\e9ce";
}

.xi-presentation:before {
  content: "\e9cf";
}

.xi-plug:before {
  content: "\e9d0";
}

.xi-speaker:before {
  content: "\ea60";
}

.xi-airplay:before {
  content: "\eac0";
}

.xi-alarm-clock:before {
  content: "\eac1";
}

.xi-alarm-clock-o:before {
  content: "\eac2";
}

.xi-alarm-clock-off:before {
  content: "\eac3";
}

.xi-battery:before {
  content: "\eac5";
}

.xi-battery-full:before {
  content: "\eac5";
}

.xi-battery-o:before {
  content: "\ead0";
}

.xi-battery-min:before {
  content: "\ead0";
}

.xi-battery-10:before {
  content: "\eac6";
}

.xi-battery-20:before {
  content: "\eac7";
}

.xi-battery-30:before {
  content: "\eac8";
}

.xi-battery-40:before {
  content: "\eac9";
}

.xi-battery-50:before {
  content: "\eacb";
}

.xi-battery-60:before {
  content: "\eacc";
}

.xi-battery-70:before {
  content: "\eacd";
}

.xi-battery-80:before {
  content: "\eace";
}

.xi-battery-90:before {
  content: "\eacf";
}

.xi-bluetooth:before {
  content: "\ead1";
}

.xi-bluetooth-off:before {
  content: "\ead2";
}

.xi-bluetooth-on:before {
  content: "\ead3";
}

.xi-bluetooth-search:before {
  content: "\ead4";
}

.xi-brightness:before {
  content: "\ead5";
}

.xi-clock:before {
  content: "\ead7";
}

.xi-clock-o:before {
  content: "\ead8";
}

.xi-contrast:before {
  content: "\ead9";
}

.xi-desktop:before {
  content: "\eada";
}

.xi-monitor:before {
  content: "\eada";
}

.xi-laptop:before {
  content: "\eae9";
}

.xi-devices:before {
  content: "\eadb";
}

.xi-tablet:before {
  content: "\eaf9";
}

.xi-mobile:before {
  content: "\eaed";
}

.xi-tv:before {
  content: "\eafb";
}

.xi-enter:before {
  content: "\eadc";
}

.xi-flashlight:before {
  content: "\eadd";
}

.xi-flashlight-off:before {
  content: "\eade";
}

.xi-flight-off:before {
  content: "\eadf";
}

.xi-flight-on:before {
  content: "\eae0";
}

.xi-gamepad:before {
  content: "\eae1";
}

.xi-gps:before {
  content: "\eae2";
}

.xi-gps-none:before {
  content: "\eae3";
}

.xi-gps-off:before {
  content: "\eae4";
}

.xi-hdd:before {
  content: "\eae5";
}

.xi-hdmi:before {
  content: "\eae6";
}

.xi-keyboard:before {
  content: "\eae7";
}

.xi-keyboard-o:before {
  content: "\eae8";
}

.xi-space-bar:before {
  content: "\eaf7";
}

.xi-lock-rotation:before {
  content: "\eaea";
}

.xi-chip:before {
  content: "\eaeb";
}

.xi-chip-o:before {
  content: "\eaec";
}

.xi-mouse-pointer:before {
  content: "\eaee";
}

.xi-router:before {
  content: "\eaef";
}

.xi-wifi-router:before {
  content: "\eaef";
}

.xi-router-o:before {
  content: "\eaf0";
}

.xi-signal:before {
  content: "\eaf1";
}

.xi-signal-1:before {
  content: "\eaf2";
}

.xi-signal-2:before {
  content: "\eaf3";
}

.xi-signal-3:before {
  content: "\eaf4";
}

.xi-signal-4:before {
  content: "\eaf5";
}

.xi-signal-none:before {
  content: "\eaf6";
}

.xi-touch:before {
  content: "\eafa";
}

.xi-usb:before {
  content: "\eafc";
}

.xi-wifi:before {
  content: "\eafd";
}

.xi-wifi-signal:before {
  content: "\eafd";
}

.xi-wifi-signal-mid:before {
  content: "\eafe";
}

.xi-wifi-signal-min:before {
  content: "\eaff";
}

.xi-wifi-signal-off:before {
  content: "\eb00";
}

.xi-chart-bar:before {
  content: "\e901";
}

.xi-book:before {
  content: "\ea34";
}

.xi-book-o:before {
  content: "\ea35";
}

.xi-play:before {
  content: "\ea3e";
}

.xi-caret-right:before {
  content: "\ea3e";
}

.xi-play-circle:before {
  content: "\ea40";
}

.xi-play-circle-o:before {
  content: "\ea3f";
}

.xi-pause-circle:before {
  content: "\ea3d";
}

.xi-pause-circle-o:before {
  content: "\ea3c";
}

.xi-pause:before {
  content: "\ea3b";
}

.xi-stop:before {
  content: "\ea41";
}

.xi-recording-stop:before {
  content: "\eb24";
}

.xi-recording:before {
  content: "\eb21";
}

.xi-record:before {
  content: "\eb21";
}

.xi-eject:before {
  content: "\ea42";
}

.xi-step-backward:before {
  content: "\ea43";
}

.xi-step-forward:before {
  content: "\ea44";
}

.xi-backward:before {
  content: "\ea47";
}

.xi-forward:before {
  content: "\ea48";
}

.xi-fast-backward:before {
  content: "\eb08";
}

.xi-fast-forward:before {
  content: "\eb07";
}

.xi-camera:before {
  content: "\ea4b";
}

.xi-camera-o:before {
  content: "\ea4a";
}

.xi-videocam:before {
  content: "\ea4d";
}

.xi-video-camera:before {
  content: "\ea4d";
}

.xi-videocam-o:before {
  content: "\ea4c";
}

.xi-image:before {
  content: "\ea50";
}

.xi-image-o:before {
  content: "\ea4e";
}

.xi-microphone-o:before {
  content: "\ea56";
}

.xi-microphone:before {
  content: "\ea57";
}

.xi-microphone-off:before {
  content: "\ea58";
}

.xi-microphone-slash:before {
  content: "\ea58";
}

.xi-volume-mute:before {
  content: "\ea59";
}

.xi-volume:before {
  content: "\ea59";
}

.xi-volume-down:before {
  content: "\ea5a";
}

.xi-volume-min:before {
  content: "\ea5a";
}

.xi-volume-up:before {
  content: "\ea5b";
}

.xi-volume-max:before {
  content: "\ea5b";
}

.xi-volume-off:before {
  content: "\eb39";
}

.xi-volume-slash:before {
  content: "\eb39";
}

.xi-album:before {
  content: "\ea61";
}

.xi-record-play:before {
  content: "\ea61";
}

.xi-cd-r:before {
  content: "\ea61";
}

.xi-headset:before {
  content: "\ea64";
}

.xi-music:before {
  content: "\ea65";
}

.xi-chart-pyramid:before {
  content: "\ea69";
}

.xi-chart-bar-square:before {
  content: "\eb01";
}

.xi-chart-line:before {
  content: "\eb02";
}

.xi-chart-pie:before {
  content: "\eb03";
}

.xi-chart-pie-o:before {
  content: "\eb04";
}

.xi-equalizer:before {
  content: "\eb05";
}

.xi-volume-bar:before {
  content: "\eb05";
}

.xi-equalizer-thin:before {
  content: "\ea55";
}

.xi-exposure:before {
  content: "\eb06";
}

.xi-flash:before {
  content: "\eb09";
}

.xi-flash-off:before {
  content: "\eb0a";
}

.xi-focus-center:before {
  content: "\eb0b";
}

.xi-focus-frame:before {
  content: "\eb0c";
}

.xi-focus-weak:before {
  content: "\eb11";
}

.xi-paper:before {
  content: "\eb1e";
}

.xi-paper-o:before {
  content: "\eb1f";
}

.xi-library-books:before {
  content: "\eb14";
}

.xi-library-books-o:before {
  content: "\eb16";
}

.xi-library-image:before {
  content: "\eb17";
}

.xi-library-image-o:before {
  content: "\eb18";
}

.xi-library-music:before {
  content: "\eb19";
}

.xi-library-video:before {
  content: "\eb1a";
}

.xi-movie:before {
  content: "\eb1b";
}

.xi-movie-o:before {
  content: "\eb1c";
}

.xi-pacman:before {
  content: "\eb1d";
}

.xi-radio:before {
  content: "\eb20";
}

.xi-repeat:before {
  content: "\eb25";
}

.xi-repeat-one:before {
  content: "\eb26";
}

.xi-shuffle:before {
  content: "\eb27";
}

.xi-timer:before {
  content: "\eb29";
}

.xi-timer-o:before {
  content: "\eb2a";
}

.xi-timer-off-o:before {
  content: "\eb2f";
}

.xi-timer-sand:before {
  content: "\eb30";
}

.xi-sandwatch-min:before {
  content: "\eb30";
}

.xi-timer-sand-o:before {
  content: "\eb31";
}

.xi-trending-flat:before {
  content: "\eb36";
}

.xi-trending-down:before {
  content: "\eb33";
}

.xi-decline:before {
  content: "\eb33";
}

.xi-trending-up:before {
  content: "\eb37";
}

.xi-rise:before {
  content: "\eb37";
}

.xi-tune:before {
  content: "\eb38";
}

.xi-map:before {
  content: "\eb22";
}

.xi-map-folding:before {
  content: "\eb22";
}

.xi-map-o:before {
  content: "\eb23";
}

.xi-my-location:before {
  content: "\eb5d";
}

.xi-location-arrow:before {
  content: "\eb58";
}

.xi-woman:before {
  content: "\ea2f";
}

.xi-man:before {
  content: "\ea30";
}

.xi-toilet:before {
  content: "\ea31";
}

.xi-pregnant-woman:before {
  content: "\eb61";
}

.xi-maternity:before {
  content: "\eb61";
}

.xi-walk:before {
  content: "\eb6d";
}

.xi-walking:before {
  content: "\eb6d";
}

.xi-run:before {
  content: "\eb63";
}

.xi-wheelchair:before {
  content: "\eb6e";
}

.xi-glass:before {
  content: "\eb28";
}

.xi-market:before {
  content: "\eb2b";
}

.xi-shopping-bag:before {
  content: "\eb2b";
}

.xi-pharmacy:before {
  content: "\eb2c";
}

.xi-laundry:before {
  content: "\eb2e";
}

.xi-florist:before {
  content: "\eb32";
}

.xi-hlz:before {
  content: "\eb34";
}

.xi-park:before {
  content: "\eb35";
}

.xi-airplane:before {
  content: "\eb3a";
}

.xi-all:before {
  content: "\eb3b";
}

.xi-flight-takeoff:before {
  content: "\eb3c";
}

.xi-flight:before {
  content: "\eb3c";
}

.xi-flight-land:before {
  content: "\eb3d";
}

.xi-bank:before {
  content: "\eb3e";
}

.xi-bank-o:before {
  content: "\eb3e";
}

.xi-beach:before {
  content: "\eb3f";
}

.xi-bicycle:before {
  content: "\eb40";
}

.xi-building:before {
  content: "\eb41";
}

.xi-bus:before {
  content: "\eb42";
}

.xi-business:before {
  content: "\eb43";
}

.xi-cafe:before {
  content: "\eb44";
}

.xi-cake:before {
  content: "\eb47";
}

.xi-car:before {
  content: "\eb48";
}

.xi-church:before {
  content: "\eb49";
}

.xi-city:before {
  content: "\eb4a";
}

.xi-compass:before {
  content: "\eb4b";
}

.xi-compass-o:before {
  content: "\eb4c";
}

.xi-convenience-store:before {
  content: "\eb4d";
}

.xi-directions:before {
  content: "\eb4e";
}

.xi-factory:before {
  content: "\eb4f";
}

.xi-fitness-center:before {
  content: "\eb50";
}

.xi-garden:before {
  content: "\eb51";
}

.xi-gas-station:before {
  content: "\eb52";
}

.xi-golf:before {
  content: "\eb53";
}

.xi-hand-pointing:before {
  content: "\eb54";
}

.xi-hospital:before {
  content: "\eb55";
}

.xi-hotel:before {
  content: "\eb56";
}

.xi-library:before {
  content: "\eb57";
}

.xi-maker:before {
  content: "\eb59";
}

.xi-marker-circle:before {
  content: "\eb59";
}

.xi-marker-plus:before {
  content: "\eb5b";
}

.xi-maker-drop:before {
  content: "\eb5f";
}

.xi-map-marker:before {
  content: "\eb5f";
}

.xi-marker-check:before {
  content: "\eb5a";
}

.xi-motorcycle:before {
  content: "\eb5c";
}

.xi-navigation:before {
  content: "\eb5e";
}

.xi-pool:before {
  content: "\eb60";
}

.xi-restaurant:before {
  content: "\eb62";
}

.xi-school:before {
  content: "\eb64";
}

.xi-ship:before {
  content: "\eb65";
}

.xi-spa:before {
  content: "\eb66";
}

.xi-stroller:before {
  content: "\eb67";
}

.xi-subway:before {
  content: "\eb68";
}

.xi-taxi:before {
  content: "\eb69";
}

.xi-theater:before {
  content: "\eb6a";
}

.xi-film:before {
  content: "\eb6a";
}

.xi-traffic:before {
  content: "\eb6b";
}

.xi-train:before {
  content: "\eb6c";
}

.xi-cart:before {
  content: "\eb6f";
}

.xi-cart-o:before {
  content: "\e9fb";
}

.xi-cart-add:before {
  content: "\e9fc";
}

.xi-cart-remove:before {
  content: "\e9fd";
}

.xi-basket:before {
  content: "\e9fe";
}

.xi-box:before {
  content: "\ea01";
}

.xi-fragile:before {
  content: "\ea02";
}

.xi-coupon:before {
  content: "\ea03";
}

.xi-shop:before {
  content: "\ea05";
}

.xi-gift:before {
  content: "\eb70";
}

.xi-present:before {
  content: "\eb70";
}

.xi-gift-o:before {
  content: "\ea3a";
}

.xi-exchange:before {
  content: "\ea53";
}

.xi-barter:before {
  content: "\ea53";
}

.xi-yuan:before {
  content: "\ea6e";
}

.xi-won:before {
  content: "\ea6f";
}

.xi-yen:before {
  content: "\ea70";
}

.xi-pound:before {
  content: "\ea71";
}

.xi-euro:before {
  content: "\ea72";
}

.xi-rial:before {
  content: "\ea73";
}

.xi-dollar:before {
  content: "\ea74";
}

.xi-peso:before {
  content: "\ea75";
}

.xi-rupee:before {
  content: "\ea76";
}

.xi-credit-card:before {
  content: "\ea77";
}

.xi-money:before {
  content: "\ea79";
}

.xi-piggy-bank:before {
  content: "\ea7a";
}

.xi-strongbox:before {
  content: "\ea7b";
}

.xi-briefcase:before {
  content: "\ea7c";
}

.xi-percent:before {
  content: "\ea7d";
}

.xi-calculator:before {
  content: "\ea7e";
}

.xi-medicine:before {
  content: "\eb2d";
}

.xi-receipt:before {
  content: "\eb71";
}

.xi-truck:before {
  content: "\eb72";
}

.xi-wallet:before {
  content: "\eb73";
}

.xi-file:before {
  content: "\ea94";
}

.xi-file-o:before {
  content: "\ea80";
}

.xi-file-add:before {
  content: "\ea95";
}

.xi-file-add-o:before {
  content: "\ea81";
}

.xi-file-remove:before {
  content: "\ea96";
}

.xi-file-remove-o:before {
  content: "\ea82";
}

.xi-file-text:before {
  content: "\ea97";
}

.xi-file-text-o:before {
  content: "\ea83";
}

.xi-documents:before {
  content: "\ea98";
}

.xi-stack-paper:before {
  content: "\ea98";
}

.xi-documents-o:before {
  content: "\ea84";
}

.xi-file-image:before {
  content: "\ea99";
}

.xi-file-image-o:before {
  content: "\ea85";
}

.xi-file-video:before {
  content: "\ea9a";
}

.xi-file-video-o:before {
  content: "\ea86";
}

.xi-file-music:before {
  content: "\ea9b";
}

.xi-file-music-o:before {
  content: "\ea87";
}

.xi-file-code:before {
  content: "\ea9c";
}

.xi-file-code-o:before {
  content: "\ea88";
}

.xi-file-zip:before {
  content: "\ea9d";
}

.xi-file-zip-o:before {
  content: "\ea89";
}

.xi-file-upload:before {
  content: "\ea9e";
}

.xi-file-upload-o:before {
  content: "\ea8a";
}

.xi-file-download:before {
  content: "\ea9f";
}

.xi-file-download-o:before {
  content: "\ea8b";
}

.xi-file-check:before {
  content: "\eaa0";
}

.xi-file-check-o:before {
  content: "\ea8c";
}

.xi-folder:before {
  content: "\eaa1";
}

.xi-folder-o:before {
  content: "\ea8d";
}

.xi-folder-open:before {
  content: "\eaa8";
}

.xi-folder-shared:before {
  content: "\eb7d";
}

.xi-folder-zip:before {
  content: "\eaa7";
}

.xi-folder-zip-o:before {
  content: "\ea93";
}

.xi-folder-add:before {
  content: "\eaa2";
}

.xi-folder-add-o:before {
  content: "\ea8e";
}

.xi-folder-remove:before {
  content: "\eaa3";
}

.xi-folder-remove-o:before {
  content: "\ea8f";
}

.xi-folder-check:before {
  content: "\eaa4";
}

.xi-folder-check-o:before {
  content: "\ea90";
}

.xi-folder-upload:before {
  content: "\eaa5";
}

.xi-folder-upload-o:before {
  content: "\ea91";
}

.xi-folder-download:before {
  content: "\eaa6";
}

.xi-folder-download-o:before {
  content: "\ea92";
}

.xi-attachment:before {
  content: "\eb74";
}

.xi-cloud:before {
  content: "\eb75";
}

.xi-cloud-o:before {
  content: "\eb78";
}

.xi-cloud-off:before {
  content: "\eb79";
}

.xi-cloud-upload:before {
  content: "\eb7a";
}

.xi-cloud-upload-o:before {
  content: "\eb7b";
}

.xi-cloud-download:before {
  content: "\eb76";
}

.xi-cloud-download-o:before {
  content: "\eb77";
}

.xi-upload:before {
  content: "\eb7e";
}

.xi-download:before {
  content: "\eb7c";
}

.xi-globus:before {
  content: "\e9d1";
}

.xi-browser:before {
  content: "\e9db";
}

.xi-browser-text:before {
  content: "\e9dc";
}

.xi-rss-square:before {
  content: "\e9e5";
}

.xi-central-signal:before {
  content: "\e9e7";
}

.xi-central-router:before {
  content: "\e9e8";
}

.xi-antenna:before {
  content: "\e9f6";
}

.xi-barcode:before {
  content: "\e9ff";
}

.xi-qr-code:before {
  content: "\ea00";
}

.xi-accessibility:before {
  content: "\eb7f";
}

.xi-branch:before {
  content: "\eb80";
}

.xi-fork:before {
  content: "\eb85";
}

.xi-code-fork:before {
  content: "\eb85";
}

.xi-pull-requests:before {
  content: "\eb92";
}

.xi-merge:before {
  content: "\eb8b";
}

.xi-log:before {
  content: "\eb8a";
}

.xi-bug:before {
  content: "\eb81";
}

.xi-cookie:before {
  content: "\eb82";
}

.xi-fingerprint:before {
  content: "\eb84";
}

.xi-css3:before {
  content: "\eb83";
}

.xi-html5:before {
  content: "\eb86";
}

.xi-javascript:before {
  content: "\eb87";
}

.xi-csharp:before {
  content: "\eb88";
}

.xi-php:before {
  content: "\eb91";
}

.xi-python:before {
  content: "\eb94";
}

.xi-milestone:before {
  content: "\eb8c";
}

.xi-network-company:before {
  content: "\eb8d";
}

.xi-network-folder:before {
  content: "\eb8e";
}

.xi-network-home:before {
  content: "\eb8f";
}

.xi-home-network:before {
  content: "\eb8f";
}

.xi-network-public:before {
  content: "\eb90";
}

.xi-cloud-network:before {
  content: "\eb90";
}

.xi-puzzle:before {
  content: "\eb93";
}

.xi-rss:before {
  content: "\eb95";
}

.xi-social-rssfeed:before {
  content: "\eb95";
}

.xi-server:before {
  content: "\eb96";
}

.xi-network-server:before {
  content: "\eb97";
}

.xi-sitemap:before {
  content: "\eb98";
}

.xi-sitemap-o:before {
  content: "\eb99";
}

.xi-spinner-1:before {
  content: "\ec33";
}

.xi-spinner-2:before {
  content: "\ec34";
}

.xi-spinner-3:before {
  content: "\ec35";
}

.xi-spinner-4:before {
  content: "\ec36";
}

.xi-spinner-5:before {
  content: "\ec37";
}

.xi-full-moon:before {
  content: "\eb0d";
}

.xi-fullmoon:before {
  content: "\eb0d";
}

.xi-half-moon:before {
  content: "\eb0e";
}

.xi-halfmoon:before {
  content: "\eb0e";
}

.xi-crescent:before {
  content: "\eb9b";
}

.xi-moon:before {
  content: "\eb0f";
}

.xi-night:before {
  content: "\eb10";
}

.xi-snow-crystal:before {
  content: "\eb15";
}

.xi-snow:before {
  content: "\eb15";
}

.xi-cloudy:before {
  content: "\eb9c";
}

.xi-fog:before {
  content: "\eb9d";
}

.xi-foggy:before {
  content: "\eb9e";
}

.xi-lightning:before {
  content: "\eb9f";
}

.xi-partly-cloudy:before {
  content: "\eba0";
}

.xi-pouring:before {
  content: "\eba1";
}

.xi-rain:before {
  content: "\eba1";
}

.xi-snowy:before {
  content: "\eba2";
}

.xi-heavy-snow:before {
  content: "\eba2";
}

.xi-sun:before {
  content: "\eba3";
}

.xi-sun-o:before {
  content: "\eba4";
}

.xi-sunset:before {
  content: "\eba5";
}

.xi-sunset-down:before {
  content: "\eba6";
}

.xi-sunset-up:before {
  content: "\eba7";
}

.xi-thermometer:before {
  content: "\eba8";
}

.xi-tint:before {
  content: "\eba9";
}

.xi-humidity:before {
  content: "\eba9";
}

.xi-tint-o:before {
  content: "\ebaa";
}

.xi-tornado:before {
  content: "\ebab";
}

.xi-umbrella:before {
  content: "\ebac";
}

.xi-umbrella-o:before {
  content: "\ebad";
}

.xi-windy:before {
  content: "\ebae";
}

.xi-wind:before {
  content: "\ebae";
}

.xi-windy-variant:before {
  content: "\ebaf";
}

.xi-windsock:before {
  content: "\eb13";
}

.xi-cc-cc:before {
  content: "\eaad";
}

.xi-cc-by:before {
  content: "\eaae";
}

.xi-cc-sa:before {
  content: "\eaaf";
}

.xi-cc-nd:before {
  content: "\eab0";
}

.xi-cc-nc:before {
  content: "\eab1";
}

.xi-cc-nc-eu:before {
  content: "\eab2";
}

.xi-cc-nc-jp:before {
  content: "\eab3";
}

.xi-cc-remix:before {
  content: "\eab4";
}

.xi-cc-pd:before {
  content: "\eab5";
}

.xi-cc-sampling:before {
  content: "\eab6";
}

.xi-cc-zero:before {
  content: "\eab7";
}

.xi-cc-share:before {
  content: "\eab8";
}

.xi-copyleft:before {
  content: "\ebb0";
}

.xi-copyright:before {
  content: "\ebb1";
}

.xi-registered:before {
  content: "\eaab";
}

.xi-trademark:before {
  content: "\eaac";
}

.xi-500px:before {
  content: "\ebb2";
}

.xi-adobe:before {
  content: "\ebb3";
}

.xi-amazon:before {
  content: "\ebb4";
}

.xi-android:before {
  content: "\ebb5";
}

.xi-apple:before {
  content: "\ebb6";
}

.xi-beats:before {
  content: "\ebb7";
}

.xi-behance:before {
  content: "\ebb8";
}

.xi-bing:before {
  content: "\ebb9";
}

.xi-bitbucket:before {
  content: "\ebba";
}

.xi-blackberry:before {
  content: "\ebbb";
}

.xi-blogger:before {
  content: "\ebbc";
}

.xi-cc-amex:before {
  content: "\ebbe";
}

.xi-cc-discover:before {
  content: "\ebbf";
}

.xi-cc-mastercard:before {
  content: "\ebc0";
}

.xi-cc-paypal:before {
  content: "\ebc1";
}

.xi-cc-stripe:before {
  content: "\ebc2";
}

.xi-cc-visa:before {
  content: "\ebc3";
}

.xi-chrome:before {
  content: "\ebc5";
}

.xi-codepen:before {
  content: "\ebc6";
}

.xi-connectdevelop:before {
  content: "\ebc7";
}

.xi-d2:before {
  content: "\ebc8";
}

.xi-dashcube:before {
  content: "\ebc9";
}

.xi-delicious:before {
  content: "\ebca";
}

.xi-deviantart:before {
  content: "\ebcb";
}

.xi-digg:before {
  content: "\ebcc";
}

.xi-disqus:before {
  content: "\ebcd";
}

.xi-dribbble:before {
  content: "\ebce";
}

.xi-dropbox:before {
  content: "\ebcf";
}

.xi-drupal:before {
  content: "\ebd0";
}

.xi-edge:before {
  content: "\ebd1";
}

.xi-evernote:before {
  content: "\ebd2";
}

.xi-facebook:before {
  content: "\ebd3";
}

.xi-facebook-messenger:before {
  content: "\ebd4";
}

.xi-facebook-official:before {
  content: "\ebd5";
}

.xi-feedly:before {
  content: "\ebd6";
}

.xi-firefox:before {
  content: "\ebd7";
}

.xi-flickr:before {
  content: "\eaca";
}

.xi-flickr-square:before {
  content: "\ebd8";
}

.xi-foursquare:before {
  content: "\ebd9";
}

.xi-ghost:before {
  content: "\ebda";
}

.xi-git:before {
  content: "\ebdb";
}

.xi-git-symbol:before {
  content: "\ebdc";
}

.xi-github:before {
  content: "\ebdd";
}

.xi-github-alt:before {
  content: "\ebde";
}

.xi-gmail:before {
  content: "\ebdf";
}

.xi-google:before {
  content: "\ebe0";
}

.xi-google-play:before {
  content: "\ebe1";
}

.xi-google-plus:before {
  content: "\ebe2";
}

.xi-google-wallet:before {
  content: "\ebe3";
}

.xi-gratipay:before {
  content: "\ebe4";
}

.xi-hangouts:before {
  content: "\ebe5";
}

.xi-hunie:before {
  content: "\ebe6";
}

.xi-illustrator:before {
  content: "\ebe7";
}

.xi-illustrator-circle:before {
  content: "\ebe8";
}

.xi-instagram:before {
  content: "\ebe9";
}

.xi-internet-explorer:before {
  content: "\ebea";
}

.xi-jira:before {
  content: "\ebeb";
}

.xi-joomla:before {
  content: "\ebec";
}

.xi-jsfiddle:before {
  content: "\ebed";
}

.xi-kakaostory:before {
  content: "\ebef";
}

.xi-kakaotalk:before {
  content: "\ebee";
}

.xi-kickstarter:before {
  content: "\ebf0";
}

.xi-laravel:before {
  content: "\eb89";
}

.xi-line:before {
  content: "\ebf1";
}

.xi-line-messenger:before {
  content: "\ebf2";
}

.xi-linkedin:before {
  content: "\ebf3";
}

.xi-linkedin-square:before {
  content: "\ebf4";
}

.xi-linux:before {
  content: "\ebf5";
}

.xi-magento:before {
  content: "\ebf6";
}

.xi-maxcdn:before {
  content: "\ebf7";
}

.xi-medium:before {
  content: "\ebf8";
}

.xi-naver:before {
  content: "\ebf9";
}

.xi-naver-square:before {
  content: "\ebfa";
}

.xi-office:before {
  content: "\ebfb";
}

.xi-opencart:before {
  content: "\ebfc";
}

.xi-opera:before {
  content: "\ebfd";
}

.xi-oscommerce:before {
  content: "\ebfe";
}

.xi-path:before {
  content: "\ebff";
}

.xi-paypal:before {
  content: "\ec00";
}

.xi-photoshop:before {
  content: "\ec01";
}

.xi-photoshop-circle:before {
  content: "\ec02";
}

.xi-pinterest:before {
  content: "\ec03";
}

.xi-pinterest-p:before {
  content: "\ec04";
}

.xi-pocket:before {
  content: "\ec05";
}

.xi-qq:before {
  content: "\ec06";
}

.xi-quicktime:before {
  content: "\ec07";
}

.xi-reddit:before {
  content: "\ec08";
}

.xi-renren:before {
  content: "\ec09";
}

.xi-safari:before {
  content: "\ec0a";
}

.xi-sellsy:before {
  content: "\ec0b";
}

.xi-silverstripe:before {
  content: "\ebbd";
}

.xi-simplybuilt:before {
  content: "\ec0c";
}

.xi-sketch:before {
  content: "\ec0d";
}

.xi-skype:before {
  content: "\ec0e";
}

.xi-slack:before {
  content: "\ec0f";
}

.xi-slideshare:before {
  content: "\ec10";
}

.xi-soundcloud:before {
  content: "\ec11";
}

.xi-spotify:before {
  content: "\ec12";
}

.xi-stack-exchange:before {
  content: "\ec13";
}

.xi-stack-overflow:before {
  content: "\ec14";
}

.xi-steam:before {
  content: "\ec15";
}

.xi-steam-square:before {
  content: "\ec16";
}

.xi-stumbleupon:before {
  content: "\ec17";
}

.xi-stumbleupon-circle:before {
  content: "\ec18";
}

.xi-telegram:before {
  content: "\ec19";
}

.xi-tencent-weibo:before {
  content: "\ec1a";
}

.xi-trello:before {
  content: "\ec1b";
}

.xi-tumblr:before {
  content: "\ec1c";
}

.xi-tumblr-square:before {
  content: "\ec1d";
}

.xi-twich:before {
  content: "\ec1e";
}

.xi-twitter:before {
  content: "\ec1f";
}

.xi-ubercart:before {
  content: "\ec20";
}

.xi-ubuntu:before {
  content: "\ec21";
}

.xi-ubuntu-circle:before {
  content: "\ec22";
}

.xi-vimeo:before {
  content: "\ec23";
}

.xi-vine:before {
  content: "\ec24";
}

.xi-vk:before {
  content: "\ec25";
}

.xi-wechat:before {
  content: "\ec26";
}

.xi-whatsapp:before {
  content: "\ec27";
}

.xi-wikipedia:before {
  content: "\ec28";
}

.xi-windows:before {
  content: "\ec29";
}

.xi-wordpress:before {
  content: "\ec2a";
}

.xi-wordpress-official:before {
  content: "\ec2b";
}

.xi-xe:before {
  content: "\ec2c";
}

.xi-xing:before {
  content: "\ec2d";
}

.xi-xpressengine:before {
  content: "\ec2e";
}

.xi-yahoo:before {
  content: "\ec2f";
}

.xi-yelp:before {
  content: "\ec30";
}

.xi-youtube:before {
  content: "\ec31";
}

.xi-youtube-play:before {
  content: "\ec32";
}

/* makes the font 33% larger relative to the icon container */
.xi-x {
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -15%;
}

.xi-2x {
  font-size: 2em;
}

.xi-3x {
  font-size: 3em;
}

.xi-4x {
  font-size: 4em;
}

.xi-5x {
  font-size: 5em;
}

.xi-spin {
  -webkit-animation: xi-spin 2s infinite linear;
          animation: xi-spin 2s infinite linear;
}

@-webkit-keyframes xi-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
}

@keyframes xi-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
}

.xi-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.xi-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.xi-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg);
}

.xi-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

.xi-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: scale(1, -1);
          transform: scale(1, -1);
}

:root .xi-rotate-90,
:root .xi-rotate-180,
:root .xi-rotate-270,
:root .xi-flip-horizontal,
:root .xi-flip-vertical {
  -webkit-filter: none;
          filter: none;
}

.xi-fw {
  width: 1.28571em;
  text-align: center;
}

.xi-ul {
  padding-left: 0;
  margin-left: 2.14286em;
  list-style-type: none;
}

.xi-ul > li {
  position: relative;
}

.xi-li {
  position: absolute;
  left: -2.14286em;
  width: 2.14286em;
  top: 0.14286em;
  text-align: center;
}

.xi-li.xi-lg {
  left: -1.85714em;
}

.xi-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eee;
  border-radius: .1em;
}

.pull-right {
  float: right;
  margin-right: .3em;
}

.pull-left {
  float: left;
  margin-right: .3em;
}
@charset "euc-kr";

/* html5 */
object,del,sub,var { margin:0; padding:0; }
article,aside,details,figcaption,figure,footer,header,main,hgroup,menu,nav,section { display:block; }
::selection { background: #333; color: #fff;}
/* 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%; }
button.toggle2 span, /*multiglobaltogle*/

body,code,pre { font-size:12px; font-family:'Marcellus', 'Pretendard', sans-serif;  color:#000;  -webkit-text-size-adjust:none; } /* noto sans 사용하니 로그인에서 줄바꿈이 일어남 */
body {   margin:0 auto; }

 


ul,ol,dl,li { list-style:none; }
img,fieldset { border:0; vertical-align:top; }

table { table-layout:fixed; width:100%; border:0; border-spacing:0; border-collapse:collapse; }
table img { vertical-align:middle; }
th,td { border:0; word-wrap:break-word; }

input,select,textarea,button { font-size:12px; font-family: 'Marcellus', 'Pretendard', sans-serif;  color:#333; vertical-align:middle; }
label { cursor:pointer; }
caption { overflow:hidden; width:1px; font-size:1px; line-height:0; text-indent:150%; white-space:nowrap; }
legend,.blind { display:block; overflow:hidden; position:absolute; font-size:1px; line-height:0; color:transparent; text-indent:-150%; white-space:nowrap; }
hr.layout { display:none; }

button { overflow:visible; padding:0; margin:0; border:0; outline:0; cursor:pointer; background:transparent; color:#000; }
a { text-decoration:none; color:#000; }
a:hover { text-decoration:none; }

img { max-width:100%; }

.dimmed { display:none; position:fixed; left:0px; top:0; right:0px; bottom:0px; z-index:150; background:rgba(0, 0, 0, .4); }
.dimmed.show { display:block; }

.btnTooltip { display:inline-block; vertical-align:top; margin: 0 0 0 3px; position: relative; }
.btnTooltip:first-child { margin:0; }


body, 
input, 
#userStyle, 
textarea, 
.ec-base-layer, 
#header #searchBarForm,
#aside, 
.prd_list .summary, 
.btl_prdOption.adbtn_dis, 
#layout #header,
#userStyle #header,
.progress_load1,
.progress_load2 , 
.xans-product-action.act_btn,  
.ec-base-tooltip,
.layerOptionModify  {background:var(--base-bg-color);}

@media (hover: hover) {
  #header:hover {background:var(--base-bg-color);}
}
 

/*
input, textarea, select { max-width:100%; font-size:13px; color:#000; vertical-align:middle; outline:0; border-radius:0; }
input[type=text], input[type=password], input[type=number], input[type=tel], textarea { padding:10px; font-size:13px; line-height:13px; font-weight:inherit; color:#353535; border:1px solid #dedfe2; }
input[type=text], input[type=password], input[type=number], input[type=tel] { height:36px; }
input[type=text]:focus, input[type=password]:focus, input[type=number]:focus, input[type=tel]:focus { border-color:#000; color:#000; }
input[type=text] { height:36px; padding:10px; font-size:13px; line-height:13px; font-weight:inherit; color:#353535; border:1px solid #dedfe2; border-radius:0; outline-style:none; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-appearance:none; }
input[type="file"] { overflow:hidden; max-width:100%; }
input[type="button"], input[type="text"], input[type="password"], input[type="tel"], input[type="image"], textarea { -webkit-appearance:none; }
*/




/*
    EC-SOLUTION RELATION STYLE SHEET
 */
body.eMobilePopup {
    overflow: hidden;
    position: fixed;
}

.ec-base-label {
    display: inline-block;
    margin-right: 5px;
}

.ec-base-label img {
    vertical-align: middle;
}

.ec-solution-box {
    padding: 20px;
    border: 5px solid #e8e8e8;
    color: #404040;
}

.ec-solution-box.gHalf {
    position: relative;
    padding: 20px 0;
}

.ec-solution-box.gHalf:before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    content: "";
    width: 1px;
    height: 100%;
    background-color: #e6e6e6;
}

.ec-solution-box.typeBg {
    background-color: #fbfafa;
}

.ec-solution-box.typeThin {
    border-width: 1px;
    border-color: #d7d5d5;
}

.ec-solution-box.typeThinBg {
    border-width: 1px;
    border-color: #d7d5d5;
    background-color: #fbfafa;
}

.ec-solution-box.typeThinBg > .agree {
    padding: 20px;
    border: 1px solid #e6e6e6;
    background: #fff;
}

.ec-solution-box.typeThinBg > .agree p {
    padding: 0 0 17px;
}

.ec-solution-box.typeMember {
    padding: 0;
}

.ec-solution-box.typeMember .information {
    display: table;
    table-layout: fixed;
    padding: 10px 0;
    width: 100%;
    box-sizing: border-box;
}

.ec-solution-box.typeMember .information > .title,.ec-solution-box.typeMember .information > .thumbnail {
    display: table-cell;
    padding: 0 15px;
    width: 70px;
    text-align: center;
    vertical-align: middle;
}

.ec-solution-box.typeMember .information > .title {
    vertical-align: middle;
}

.ec-solution-box.typeMember .information > .thumbnail img {
    max-width: 70px;
}

.ec-solution-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-solution-box.typeMember.gMessage {
    border-width: 1px;
    border-color: #d7d5d5;
}

.ec-solution-box .message {
    display: block;
    padding: 10px 0 10px 35px;
    border-bottom: 1px solid #e8e7e7;
    background: #fbfbfb url("//img.echosting.cafe24.com/skin/base/common/ico_info.gif") no-repeat 10px center;
}

.ec-solution-box.typeProduct {
    display: table;
    table-layout: fixed;
    padding: 15px 0;
    width: 100%;
    box-sizing: border-box;
}

.ec-solution-box.typeProduct .thumbnail,.ec-solution-box.typeProduct .information {
    display: table-cell;
    padding: 0 20px;
    vertical-align: middle;
}

.ec-solution-box.typeProduct .thumbnail {
    width: 100px;
}

.ec-solution-box.typeProduct .thumbnail img {
    max-width: 90px;
    border: 1px solid #d7d5d5;
}

.ec-solution-box.typeProduct .information {
    padding-left: 0;
}

.ec-solution-button {
    padding: 10px 0;
    text-align: center;
}

.ec-solution-button.justify {
    position: relative;
}

.ec-solution-button:after {
    display: block;
    content: "";
    clear: both;
}

.ec-solution-button .gLeft {
    float: left;
    text-align: left;
}

.ec-solution-button .gRight {
    float: right;
    text-align: right;
}

.ec-solution-button.justify .gLeft {
    position: absolute;
    left: 0;
}

.ec-solution-button.justify .gRight {
    position: absolute;
    right: 0;
}

.ec-solution-button .text {
    margin: 0 6px 0 10px;
    color: #353535;
    line-height: 24px;
}

.ec-solution-button.typeBorder {
    margin-top: -1px;
    padding: 10px 20px;
    border: 1px solid #d7d5d5;
}

.ec-solution-button.typeBG {
    padding: 10px 20px;
    border: 1px solid #d7d5d5;
    background: #fbfafa;
}

.ec-solution-layer li {
    list-style: none;
}

.ec-solution-layer table {
    width: 100%;
    border: 0;
    border-spacing: 0;
    border-collapse: collapse;
}

.ec-solution-layer caption {
    display: none;
}

.ec-solution-layer h1,.ec-solution-layer h3 {
    margin: 0;
}

.ec-solution-layer {
    position: absolute;
    z-index: 100;
    border: 1px solid #757575;
    background: #fff;
}

.ec-solution-layer .header {
    padding: 7px 35px 7px 19px;
    color: #fff;
    background: #495164;
}

.ec-solution-layer .header > h1,.ec-solution-layer .header > h3 {
    font-size: 14px;
    line-height: 1.5;
}

.ec-solution-layer .content {
    padding: 20px;
    font-size: 12px;
}

.ec-solution-layer div.ec-solution-help {
    margin-top: 0;
}

.ec-solution-layer .ec-solution-button {
    padding: 9px;
    border-top: 1px solid #d7d5d5;
    text-align: center;
    background: #fbfafa;
}

.ec-solution-layer .close {
    position: absolute;
    right: 0;
    top: 0;
    padding: 11px 20px;
    cursor: pointer;
}

#popup .ec-solution-layer {
    position: relative;
    border: 0;
}

#popup .ec-solution-layer .header {
    padding: 12px 35px 12px 19px;
}

#popup .ec-solution-layer .close {
    top: 5px;
}

.ec-solution-layer .content > .ec-solution-table table:first-child {
    margin-top: 0;
}

.ec-solution-layer .ec-solution-table table {
    line-height: 1.4;
}

.ec-solution-layer .ec-solution-table thead th {
    padding: 9px 0 8px;
}

.ec-solution-layer .ec-solution-table tbody th {
    padding: 9px 0 8px 10px;
}

.ec-solution-layer .ec-solution-table td {
    padding: 9px 10px 8px;
}

.ec-solution-layer .ec-solution-table.typeWrite td {
    padding: 5px 10px 4px;
}

.ec-solution-layer .ec-solution-table.typeList tfoot td {
    padding: 10px 10px 12px;
}

.ec-solution-layer .ec-solution-table.typeBorder tfoot td {
    padding: 10px 10px 12px;
}

.ec-solution-table table {
    position: relative;
    margin: 10px 0 0;
    border: 1px solid #d7d5d5;
    border-top-color: #fff;
    color: #fff;
    line-height: 1.5;
}

.ec-solution-table.gLayoutFixed table {
    table-layout: fixed;
}

.ec-solution-table.gLayoutFixed .gLayoutAuto table {
    table-layout: auto;
}

.ec-solution-table table:before {
    position: absolute;
    top: 1px;
    left: 0;
    display: block;
    content: "";
    width: 100%;
    height: 1px;
    background: #d7d5d5;
}

.ec-solution-table thead th {
    padding: 11px 0 10px;
    border-left: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
    color: #353535;
    vertical-align: middle;
    font-weight: normal;
    background: #fbfafa;
}

.ec-solution-table tbody th {
    padding: 11px 0 10px 18px;
    border: 1px solid #dfdfdf;
    border-bottom-width: 0;
    color: #353535;
    text-align: left;
    font-weight: normal;
    background-color: #fbfafa;
}

.ec-solution-table th:first-child {
    border-left: 0;
}

.ec-solution-table td {
    padding: 11px 10px 10px;
    border-top: 1px solid #dfdfdf;
    color: #353535;
    vertical-align: middle;
}

.ec-solution-table td.clear {
    padding: 0 !important;
    border: 0 !important;
}

.ec-solution-table.typeWrite td {
    padding: 8px 10px 7px;
}

.ec-solution-table.typeList table {
    border-top-color: #d7d5d5;
}

.ec-solution-table.typeList table:before {
    display: none;
}

.ec-solution-table.typeList td {
    padding: 8px 10px 7px;
}

.ec-solution-table.typeList tfoot td {
    padding: 15px 10px 17px;
    background: #fbfafa;
}

.ec-solution-table .message {
    border: 1px solid #d7d5d5;
    padding: 50px 0;
    text-align: center;
    color: #757575;
    font-weight: bold;
}

.ec-solution-table table + .message {
    margin: -1px 0 0;
}

.ec-solution-table table td.message {
    padding: 50px 0;
}

.ec-solution-table .scroll .message {
    border: 0;
}

.ec-solution-table.typeList .head td {
    padding: 11px 0 10px;
    border-left: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
    color: #353535;
    vertical-align: middle;
    text-align: center;
    background: #fbfafa;
}

.ec-solution-table.typeList .head td:first-child {
    border-left: 0;
}

.ec-solution-table.typeList .scroll {
    position: relative;
    overflow-x: hidden;
    overflow-y: scroll;
    max-height: 185px;
    min-height: 100px;
    border: 1px solid #d7d5d5;
    border-top-width: 0;
    margin-top: -1px;
}

.ec-solution-table.typeList .scroll table {
    border: 0;
    margin: 0;
}

.ec-solution-table.typeList .scroll table:before {
    display: none;
}

.ec-solution-table.typeList .scroll .message {
    border: 0;
}

.ec-solution-table thead.blind,.ec-solution-table thead.blind th {
    display: none;
}

.ec-solution-table thead.blind + tbody tr:first-child th,.ec-solution-table thead.blind + tbody tr:first-child td {
    border-top-width: 0;
}

.ec-solution-table.typeList.gLine table {
    border-width: 0;
    border-bottom-width: 1px;
}

.ec-solution-table.typeClear table:before {
    display: none;
}

.ec-solution-table.typeClear table,.ec-solution-table.typeClear th,.ec-solution-table.typeClear td {
    border: 0 none;
    background: none;
}

.ec-solution-table.typeClear th {
    font-weight: bold;
}

.ec-solution-table.gBorder td {
    border-left: 1px solid #dfdfdf;
}

.ec-solution-table.gBorder td:first-child {
    border-left: 0;
}

.ec-solution-table .left {
    text-align: left;
}

.ec-solution-table .center {
    text-align: center;
}

.ec-solution-table .right {
    text-align: right;
}

.ec-solution-table.typeList .center td,.ec-solution-table.typeList td.center {
    padding-left: 0;
    padding-right: 0;
}

.ec-solution-table.typeList .center td.left {
    padding-left: 10px;
}

.ec-solution-table.typeList .center td.right {
    padding-right: 10px;
}

.ec-solution-table .top th,.ec-solution-table th.top,.ec-solution-table .top td,.ec-solution-table td.top {
    vertical-align: top;
}

.ec-solution-table .middle th,.ec-solution-table th.middle,.ec-solution-table .middle td,.ec-solution-table td.middle {
    vertical-align: middle;
}

.ec-solution-table img {
    vertical-align: middle;
}

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

.xans-popup-multipopup .paginate {
    position: absolute;
    bottom: 4px;
    width: 100%;
    text-align: center;
    background: transparent;
}

.ec-multi-popup {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 300;
    height: 0px;
}

.ec-multi-popup .ec-multi-popup-inner {
    position: absolute;
    right: 7px;
    border: 1px solid #9d9db0;
}

.ec-multi-popup .ec-multi-popup-inner .ec-multi-popup-visual {
    position: relative;
    overflow: hidden;
    background-color: #fff;
}

.ec-multi-popup .ec-multi-popup-inner ul {
    position: relative;
    white-space: nowrap;
    font-size: 0;
    line-height: 0;
    display: table;
    table-layout: fixed;
}

.ec-multi-popup .ec-multi-popup-inner ul img {
    width: 100%;
}

.ec-multi-popup .ec-multi-popup-inner .ec-multi-popup-option {
    padding: 5px;
    color: #fff;
    background-color: #434447;
    text-align: right;
}

.ec-multi-popup .ec-multi-popup-inner .ec-multi-popup-option label {
    font-size: 12px;
}

.ec-multi-popup .ec-multi-popup-inner .ec-multi-popup-option button {
    padding: 0 12px 0 4px;
    color: #fff;
    border: 0;
    cursor: pointer;
    background: url("//img.echosting.cafe24.com/skin/mobile/layout/btn_close_notice.png") no-repeat right 6px;
    background-size: 10px 9px;
}

.ec-multi-popup.ec-multi-popup-swipe .ec-multi-popup-inner ul {
    display: table;
    table-layout: fixed;
}

.ec-multi-popup.ec-multi-popup-swipe .ec-multi-popup-inner ul li {
    display: table-cell;
}

.ec-multi-popup-full {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    overflow: initial;
}

.ec-multi-popup-full .ec-multi-popup-visual {
    position: relative;
    overflow: hidden;
    display: table;
    width: 100%;
    background: #000;
}

.ec-multi-popup-full .ec-multi-popup-visual ul {
    display: table-cell;
    vertical-align: middle;
}

.ec-multi-popup-full .ec-multi-popup-visual li {
    display: block;
    width: 100%;
    text-align: center;
}

.ec-multi-popup-full .ec-multi-popup-visual li img {
    max-width: 100%;
    max-height: 100%;
}

.ec-multi-popup-full .ec-multi-popup-option {
    overflow: hidden;
    position: relative;
    width: 100%;
    padding-right: 150px;
    background-color: #434447;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ec-multi-popup-full .ec-multi-popup-option.en {
    padding-right: 93px;
}

.ec-multi-popup-full .ec-multi-popup-option.en .close {
    width: 93px;
}

.ec-multi-popup-full .ec-multi-popup-option.cn {
    padding-right: 150px;
}

.ec-multi-popup-full .ec-multi-popup-option.cn .close {
    width: 150px;
}

.ec-multi-popup-full .ec-multi-popup-option.jp {
    padding-right: 150px;
}

.ec-multi-popup-full .ec-multi-popup-option.jp .close {
    width: 150px;
}

.ec-multi-popup-full .ec-multi-popup-option button {
    display: block;
    width: 100%;
    font-size: 12px;
    color: #fff;
    border: 0;
    background: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ec-multi-popup-full .ec-multi-popup-option .today {
    margin-top: -1px;
}

.ec-multi-popup-full .option1 .ec-multi-popup-option .today {
    text-align: center;
}

.ec-multi-popup-full .ec-multi-popup-option .today,.ec-multi-popup-full .ec-multi-popup-option .date,.ec-multi-popup-full .ec-multi-popup-option .no {
    text-align: left;
    height: 26px;
    padding-left: 10px;
    border-right: 1px solid #333437;
    border-top: 1px solid #5b5c60;
    border-bottom: 1px solid #333437;
}

.ec-multi-popup-full .ec-multi-popup-option .close {
    position: absolute;
    right: 0;
    top: 0;
    width: 150px;
    height: 100%;
    text-align: center;
    border-left: 1px solid #5b5c60;
}

.ec-multi-popup-full button {
    padding: 0;
}

.ec-multi-popup-full button::-moz-focus-inner {
    padding: 0;
}

.ec-multi-popup-full.option1 .paginate {
    bottom: 35px;
}

.ec-multi-popup-full.option2 .paginate {
    bottom: 60px;
}

.ec-multi-popup-full.option3 .paginate {
    bottom: 85px;
}

.ec-multi-popup-full.ec-multi-popup-swipe {
    overflow: hidden;
}

.ec-multi-popup-full.ec-multi-popup-swipe .ec-multi-popup-visual {
    position: relative;
    overflow: hidden;
    display: block;
    height: 100%;
}

.ec-multi-popup-full.ec-multi-popup-swipe .ec-multi-popup-visual ul {
    position: relative;
    display: block;
    height: 100%;
}

.ec-multi-popup-full.ec-multi-popup-swipe .ec-multi-popup-visual ul li {
    float: left;
    width: 100%;
    height: 100%;
    text-align: center;
}

.ec-multi-popup-full.ec-multi-popup-swipe .ec-multi-popup-visual li a {
    display: table;
    width: 100%;
    height: 100%;
    table-layout: fixed;
}

.ec-multi-popup-full.ec-multi-popup-swipe .ec-multi-popup-visual li span {
    display: table-cell;
    vertical-align: middle;
}

.ec-multi-popup-full.ec-multi-popup-swipe .ec-multi-popup-visual ul li img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
}

.ec-multi-popup-full.ec-multi-popup-swipe .ec-multi-popup-option {
    position: absolute;
    left: 0;
    bottom: 0;
}

.ec-multi-banner {
    position: relative;
    background: #fff;
}

.ec-multi-banner .ec-multi-banner-visual a {
    display: block;
    width: 100%;
    text-align: center;
}

.ec-multi-banner .ec-multi-banner-visual a img {
    width: 100%;
}

.ec-multi-banner .paginate {
    display: none;
    position: absolute;
    right: 7px;
    bottom: 7px;
    background: transparent;
}

.ec-multi-banner.ec-multi-banner-swipe .paginate {
    display: block;
}

.ec-multi-banner.ec-multi-banner-swipe {
    overflow: hidden;
}

.ec-multi-banner.ec-multi-banner-swipe .ec-multi-banner-visual {
    display: table;
    table-layout: fixed;
}

.ec-multi-banner.ec-multi-banner-swipe .ec-multi-banner-visual li {
    display: table-cell;
}



@font-face {
  font-family: 'Pretendard';
  src: url("http://sentiopus.com/web/upload/addbase/Pretendard-Thin.woff") format('woff'),
       url("http://sentiopus.com/web/upload/addbase/Pretendard-Thin.woff2") format('woff2');
  font-style: normal;
  font-weight: 100
}

@font-face {
  font-family: 'Pretendard';
  src: url("http://sentiopus.com/web/upload/addbase/Pretendard-Light.woff") format('woff'),
       url("http://sentiopus.com/web/upload/addbase/Pretendard-Light.woff2") format('woff2');
  font-style: normal;
  font-weight: 200
}

@font-face {
  font-family: 'Pretendard';
  src: url("http://sentiopus.com/web/upload/addbase/Pretendard-Regular.woff") format('woff'),
       url("http://sentiopus.com/web/upload/addbase/Pretendard-Regular.woff2") format('woff2');
  font-style: normal;
  font-weight: 300
}

@font-face {
  font-family: 'Pretendard';
  src: url("http://sentiopus.com/web/upload/addbase/Pretendard-Medium.woff") format('woff'),
       url("http://sentiopus.com/web/upload/addbase/Pretendard-Medium.woff2") format('woff2');
  font-style: normal;
  font-weight: 400
}

@font-face {
  font-family: 'Pretendard';
  src: url("http://sentiopus.com/web/upload/addbase/Pretendard-SemiBold.woff") format('woff'),
       url("http://sentiopus.com/web/upload/addbase/Pretendard-SemiBold.woff2") format('woff2');
  font-style: normal;
  font-weight: 500
}

@font-face {
  font-family: 'Pretendard';
  src: url("http://sentiopus.com/web/upload/addbase/Pretendard-Bold.woff") format('woff'),
       url("http://sentiopus.com/web/upload/addbase/Pretendard-Bold.woff2") format('woff2');
  font-style: normal;
  font-weight: 600;
}
@font-face {
  font-family: 'Pretendard';
  src: url("http://sentiopus.com/web/upload/addbase/Pretendard-Bold.woff") format('woff'),
       url("http://sentiopus.com/web/upload/addbase/Pretendard-Bold.woff2") format('woff2');
  font-style: normal;
  font-weight: 700;
}
@font-face {
  font-family: 'Pretendard';
  src: url("http://sentiopus.com/web/upload/addbase/Pretendard-Bold.woff") format('woff'),
       url("http://sentiopus.com/web/upload/addbase/Pretendard-Bold.woff2") format('woff2');
  font-style: normal;
  font-weight: 800;
}
@font-face {
  font-family: 'Pretendard';
  src: url("http://sentiopus.com/web/upload/addbase/Pretendard-Black.woff") format('woff'),
       url("http://sentiopus.com/web/upload/addbase/Pretendard-Black.woff2") format('woff2');
  font-style: normal;
  font-weight: 900
}


@charset "utf-8";
#main #container  { padding:0 0; } 
#container { min-height:calc(100vh - 100px)!important; padding: 0 0px 50px 0px; padding-top:calc(var(--logo-height) + 60px + 15px); width:100%; box-sizing:border-box; -webkit-transition:-webkit-transform .3s ease-out; transition:-webkit-transform .3s ease-out;}
#container .content_prd  {  margin:0 auto; padding:0 30px;}
#container .content_detail { margin:0px auto 0;}
#container .content_board { max-width:1130px; margin:50px auto 0;}
#container .content_info { padding:50px 20px;}
#container .content_board2 { max-width:500px; margin:50px auto 0;}

.prom_line #container { padding: 76px 0px 50px 0px; padding-top:calc(var(--logo-height) + 59px);}

@keyframes down_line { 
    10% {transform:translate(-50%, -75);}
    20% {transform:translate(-50%, -100%);}
    30% {transform:translate(-50%, -75%);}
    40% {transform:translate(-50%, -50%);}
    50% {transform:translate(-50%, -25%); }
    60% {transform:translate(-50%, -0%);}
    70% {transform:translate(-50%, -25%);}    
    100% {transform:translate(-50%, -50%);}        
	}
    
/*
#aside .artfinger_slide_wrap .xans-layout-category > li.selected { background-color:#fff; }    
#aside .artfinger_slide_wrap .xans-layout-category li.noChild > a.cate { background-image:none !important; }  
#aside .artfinger_slide_wrap .xans-layout-category li.selected.noChild { background-color:#fff; }
#aside .artfinger_slide_wrap .xans-layout-category li.selected.noChild > a.cate { color:#fff; }    
#aside .artfinger_slide_wrap .xans-layout-category li.selected > ul { display:block; }*/
        
/* 공통 */
  .dimmed { display:none; position:fixed; left:0px; top:0; right:0px; bottom:0px; z-index:150; background:rgba(0, 0, 0, .4); }
  .dimmed.show { display:block; }
/* 
@media all and (min-width:900px) {
  body { border:1px solid #e5e9f2; border-width:0 1px; box-sizing:border-box; }
}
*/
.xans-board-title {display:none;}

@media all and (max-width : 1000px) {  
  #container {padding:0 10px 0; padding-top:calc(var(--logo-height) + 52px + 35px);}  
  .prom_line #container {  padding:0 10px 0;     padding-top: calc(var(--logo-height) + 30px);}
    
  #container .content_prd {margin:0 -10px; padding:0;} 
  #container .content_detail {margin:0 -10px;} 
  #container .content_info {padding:30px 0 0px;}
  #container .content_board {padding:0 0px; margin:30px 0 0;  }
  #container .content_board2 { padding:0 0px; margin:30px 0 0; }


  .notice_listpage_wrap {bottom: 0px!important; min-width:300px; left:50%;  transform: translateX(-50%); }    
  .notice_listpage { font-size:10px!important; line-height:17px!important;}  
  .notice_listpage_wrap .close { font-size:8px!important; right:5px!important; top:5px!important;}  
    
    }
 
:root {
/*-----------✅ 사이트의 기반 색상 관리 입니다.  ------------------------------------------------------------------------*/ 
--base-bg-color : #faf6ed;    
/*-----------✅ --------------------------------------------------------------------------------------------------------*/ 
    
/*-----------✅ pc로고 높이 크기를  관리합니다. -------------------------------------------------------------------------*/ 
--logo-top-space : 0px;   /* pc 로고 창 상단 끝에서 부터의 시작 위치 입니다. */        
--logo-height : 34px;     /* pc 로고 높이 크기 입니다. */
/*-----------✅ --------------------------------------------------------------------------------------------------------*/ 
    
    
/*-----------✅ pc카테고리 텍스를  관리합니다. --------------------------------------------------------------------------*/ 
--pc-category-big-size  : 13px;     /* pc  대카테고리의 폰트 크기 입니다. */
--pc-category-big-line  : 34px;     /* pc  대카테고리의 폰트 행간 입니다. 로고와 세로정렬을 맞출시에는 로고 크기와 동일하게 맞춰 주세요. */    
--pc-category-sub-size  : 12px;     /* pc  중카테고리의 폰트 크기 입니다. */    
--pc-category-sub-line  : 22px;     /* pc  중카테고리의 폰트 행간 입니다. */    
--pc-category-sma-size  : 12px;     /* pc  소카테고리의 폰트 크기 입니다. */    
--pc-category-sma-line  : 22px;     /* pc  소카테고리의 폰트 행간 입니다. */        
    
--pc-category-base-color : #000000;  /* pc 카테고리의 기본 폰트 색상 입니다. */       
--pc-category-effe-color : #ffffff;  /* pc 카테고리의 서브 폰트 색상 입니다. */
--pc-category-curr-color : #9e9e9e;  /* pc 카테고리의 선택된 폰트 색상 입니다. */    
/*-----------✅ --------------------------------------------------------------------------------------------------------*/ 
 
    
/*-----------✅ pc 상품 목록 의 배열을 관리하는 영역입니다.  ------------------------------------------------------------*/   
--prdarray-column : repeat(4,1fr);    /* pc 상품의 가로 배열 수량을 관리합니다. 첫 번째 숫자 부분만 관리해주세요. */        
--prdarray-gap : 4px;                 /* pc 상품간의 여백을 관리합니다. */ 
/*-----------✅ --------------------------------------------------------------------------------------------------------*/ 

    
/*-----------✅ pc 매거진 목록 의 배열을 관리하는 영역입니다. -----------------------------------------------------------*/   
--prearray-column : repeat(4,1fr);    /* pc 매거진의 가로 배열 수량을 관리합니다. 첫 번째 숫자 부분만 관리해주세요. */            
--prearray-gap : 4px;                 /* pc 매거진간의 여백을 관리합니다. */   
}/*----------✅ --------------------------------------------------------------------------------------------------------*/ 




@media all and (max-width:1000px) {
:root {
/*-----------✅ mo로고 높이 크기를  관리합니다. -------------------------------------------------------------------------*/ 
--logo-top-space : 0px;   /* pc 로고 창 상단 끝에서 부터의 시작 위치 입니다. */        
--logo-height : 23px;     /* pc 로고 높이 크기 입니다. */
/*-----------✅ --------------------------------------------------------------------------------------------------------*/ 
    
    
/*-----------✅ mo카테고리 텍스를  관리합니다. ----------------------------------------------------------------------*/    
--mo-category-big-size  : 15px;     /* pc  대카테고리의 폰트 크기 입니다. */
--mo-category-big-color : #000000;  /* pc  대카테고리의 폰트 컬러 입니다. */    
--mo-category-sub-size  : 13px;     /* pc  중카테고리의 폰트 크기 입니다. */    
--mo-category-sub-color : #000000;  /* pc  중카테고리의 폰트 컬러 입니다. */        
--mo-category-sma-size  : 12px;     /* pc  소카테고리의 폰트 크기 입니다. */  
--mo-category-sma-color : #000000;  /* pc  중카테고리의 폰트 컬러 입니다. */        
    
--mo-category-adf-size  : 13px;     /* pc  contact~faq 폰트 크기 입니다. */
--mo-category-adf-color : #000000;  /* pc  contact~faq 폰트 컬러 입니다. */          
    
--mo-category-mem-size  : 12px;     /* pc  멤버 카테고리 폰트 크기 입니다. */    
--mo-category-mem-color : #000000;  /* pc  멤버 카테고리 폰트 컬러 입니다. */        
/*-----------✅------------------------------------------------------------------------------------------------------*/       
    
 
/*-----------✅ mo 상품 목록 의 배열을 관리하는 영역입니다.  ------------------------------------------------------------*/        
--prdarray-column : repeat(2,1fr);    /* mo 상품의 가로 배열 수량을 관리합니다. 첫 번째 숫자 부분만 관리해주세요. */            
--prdarray-gap : 4px;                 /* mo 상품간의 여백을 관리합니다. */ 
/*----------✅ --------------------------------------------------------------------------------------------------------*/
    
/*-----------✅ mo 매거진 목록 의 배열을 관리하는 영역입니다. -----------------------------------------------------------*/    
--prearray-column : repeat(1,1fr);    /* mo 매거진의 가로 배열 수량을 관리합니다. 첫 번째 숫자 부분만 관리해주세요. */        
--prearray-gap : 4px;                 /* mo 매거진간의 여백을 관리합니다. */   
}/*----------✅ --------------------------------------------------------------------------------------------------------*/
}
/*  common 
~ 형재
+ 근접형재
*/
 

.header-placeholder {height:auto!important; }
#header::after {content:""; clear:both; display:block;}

#header  { position:fixed;  width: 100%; top:0px; z-index:9 ; left:0; right:0;    -webkit-transition: -webkit-transform .3s ease-out; transition: -webkit-transform .3s ease-out;  transition: all 0.3s; }
#header .header_wrap { padding:20px 30px; font-weight:300;     display: grid; -ms-grid-columns: (1fr) [16]; grid-template-columns: repeat(16, 1fr); align-items: stretch;}

/*logo center layout */
#header .header_wrap .logo_area {   grid-column: span 4; }
#header .header_wrap .logo_area > .xans-layout-logotop {  }
#header .header_wrap .logo_area > .xans-layout-logotop a {line-height: 0; display:block; margin-top:var(--logo-top-space); text-align:center;}
#header .header_wrap .logo_area > .xans-layout-logotop img  { display: block; max-width: 100%; height:var(--logo-height);}

#header .header_wrap .logo_area > .xans-layout-logotop img.topimage1 {  max-width: 300px; display:none;} 
#header .header_wrap .logo_area > .xans-layout-logotop img.topimage2 {  max-width: 300px; display:block;} 

#main #header .header_wrap .logo_area > .xans-layout-logotop img.topimage1 { max-width: 300px; display:block;} 
#main #header .header_wrap .logo_area > .xans-layout-logotop img.topimage2 { max-width: 300px; display:none;} 

#main #header.fixed .header_wrap .logo_area > .xans-layout-logotop img.topimage1 { max-width: 300px; display:none;}  
#main #header.fixed .header_wrap .logo_area > .xans-layout-logotop img.topimage2 { max-width: 300px; display:block;} 

.expand #main #header .header_wrap .logo_area > .xans-layout-logotop img.topimage1 { max-width: 300px; display:none;} 
.expand #main #header .header_wrap .logo_area > .xans-layout-logotop img.topimage2 { max-width: 300px; display:block;} 

@media all and (min-width : 1001px) {
	#main #header:hover .header_wrap .logo_area > .xans-layout-logotop img.topimage1 { max-width: 300px; display:none;} 
	#main #header:hover .header_wrap .logo_area > .xans-layout-logotop img.topimage2 { max-width: 300px; display:block;} 
	}

 
 
/* gnb */
#header .header_wrap .gnb { grid-column: span 8; }
#header .header_wrap .gnb .artcate .back_bg {transition: height .3s;  }
#header .header_wrap .gnb .artcate .d1-wrap {position:relative;  display: flex; justify-content: space-between; align-items: center;} 
#header .header_wrap .gnb .artcate .d1-wrap .d1 > a { position:relative; font-size:var(--pc-category-big-size); line-height:var(--pc-category-big-line); }
 
#header .header_wrap .gnb .artcate .d2-wrap { position:absolute;   box-sizing:border-box;  display:none; white-space: nowrap;     padding: 20px 0 0px;  }
#header .header_wrap .gnb .artcate .d2-wrap > ul { display:inline-block; padding:0;margin:0;border:0}
#header .header_wrap .gnb .artcate .d2-wrap > ul .d2 { position:relative; display:block; vertical-align:top; padding: 0px 40px 0 0;}
#header .header_wrap .gnb .artcate .d2-wrap > ul .d2 > a { font-size:var(--pc-category-sub-size); line-height:var(--pc-category-sub-line); padding:0 10px 0 0; }

#header .header_wrap .gnb .artcate .d2-wrap > ul .d2.fowd { position:relative; display:inline-block; vertical-align:top; padding: 0px 40px 0 0;}

#header .header_wrap .gnb .artcate .d2-wrap .d3-wrap { padding:10px 0 0; }
#header .header_wrap .gnb .artcate .d2-wrap .d3-wrap .d3 { position:relative;  }
#header .header_wrap .gnb .artcate .d2-wrap .d3-wrap .d3 > a { font-size:var(--pc-category-sma-size); line-height:var(--pc-category-sma-line); padding:0 10px 0 0 }

/*카테고리 내 이미지*/
#header .header_wrap .gnb .artcate .d2-wrap .img { position:relative; display:inline-block; vertical-align:top; text-align:right; max-width: 250px; margin: 6px 0 0 20px; font-size:0; letter-spacing:0;  }
#header .header_wrap .gnb .artcate .d2-wrap .img a { display:inline-block; width:100%; text-align:right; padding-left:10px; box-sizing:border-box; } 
#header .header_wrap .gnb .artcate .d2-wrap .img a img { max-width:100%; max-height:100%;}
#header .header_wrap .gnb .artcate .d2-wrap .img span { display:block; padding:10px 0 0; font-size:11px; text-align:left;}

/* 노트북 & 테블릿 가로 (해상도 1024px ~ 1279px)*/ 
@media all and (min-width:1024px) and (max-width:1279px) { 
    #header .header_wrap .gnb .artcate .d2-wrap .img { max-width: 150px;}
} 
/* 테블릿 가로 (해상도 768px ~ 1023px)*/ 
@media all and (min-width:768px) and (max-width:1023px) { 
    #header .header_wrap .gnb .artcate .d2-wrap .img { max-width: 100px;}
} 
 
/* account */
#header .header_wrap .account_area { grid-column: 15 / 17;}
#header .header_wrap .account_area .d1-wrap { text-align:right; display: flex; justify-content: space-between; align-items: center; height:var(--pc-category-big-line); line-height:var(--pc-category-big-line); }
#header .header_wrap .account_area .d1-wrap li {display:inline-block; position: relative; }
#header .header_wrap .account_area .d1-wrap li a,  #header .header_wrap .account_area .d1-wrap li > span {display:block; }
#header .header_wrap .account_area .d1-wrap > li span {cursor:pointer; display:inline-block; padding-left:2px; font-size:11px; line-height:18px; vertical-align: middle; }
#header .header_wrap .account_area .d1-wrap li svg { width:18px; height:18px; vertical-align: middle;}
#header .header_wrap .account_area .d1-wrap > li > ul.d2-wrap { position: absolute; display: none; padding: 10px 0 15px 0px;}
#header .header_wrap .account_area .d1-wrap > li > ul.d2-wrap li a { position: relative; display: block; line-height: 1.8em; font-size: 13px; padding:0 0 0;  }

/* search */
#header .header_wrap #searchBarForm {position:absolute; z-index:3; top:110px; left:0;  width: 100%; display:none; }
#header .header_wrap #searchBarForm .Layout_SearchHeader {padding:0px 30px 0; min-height:120px; }
#header .header_wrap #searchBarForm .Layout_SearchHeader .sch_wrap { display: flex; justify-content: right;}
#header .header_wrap #searchBarForm .Layout_SearchHeader .sch_wrap fieldset { width:238px; }
#header .header_wrap #searchBarForm .Layout_SearchHeader .sch_wrap fieldset .searchForm {  padding:0px 0 15px;     margin:0px 0;  }
#header .header_wrap #searchBarForm .Layout_SearchHeader .sch_wrap fieldset .searchForm .searchFormWrap {position:relative;   border:0;     margin:0 auto;}
#header .header_wrap #searchBarForm .Layout_SearchHeader .sch_wrap fieldset .searchForm .searchFormWrap input { background:none; height:28px; border:0; border-bottom: 1px solid #000; width:100%; padding:0 5px 0 2px;}
#header .header_wrap #searchBarForm .Layout_SearchHeader .sch_wrap fieldset .searchForm button { position:absolute; top:3px; right:0px; border:0px; outline:0; padding:0px 0 0 0px;  background:none;}
#header .header_wrap #searchBarForm .Layout_SearchHeader .sch_wrap fieldset .searchForm button svg { width:20px; height:20px; }
#header .header_wrap #searchBarForm .Layout_SearchHeader .sch_wrap fieldset .hotKeyword .title {padding-bottom:10px; font-size:12px; display:inline-block;}
#header .header_wrap #searchBarForm .Layout_SearchHeader .sch_wrap fieldset .hotKeyword .keyword {margin:5px 0 15px; min-height:55px;}
#header .header_wrap #searchBarForm .Layout_SearchHeader .sch_wrap fieldset .hotKeyword .keyword li { display:block; margin-bottom: 5px;}
#header .header_wrap #searchBarForm .Layout_SearchHeader .sch_wrap fieldset .hotKeyword .keyword a {margin-left:5px;  }
#header .header_wrap #searchBarForm .Layout_SearchHeader .sch_wrap fieldset .hotKeyword .keyword a::after {content:", "; clear:both; display:inline-block;margin-right:4px;}  
#header .header_wrap #searchBarForm .Layout_SearchHeader .sch_wrap fieldset .hotKeyword .keyword a:last-child::after  {display:none;}
.close_sch {width:30px; height:30px; font-size:26px;  position:fixed; top:50px; right:50px; z-index:4444; cursor:pointer;}





#header .header_wrap .hamber_momenu { display:none; grid-column: span 1; padding: 6px 0;}
#header .header_wrap .hamber_momenu button { width:28px; height:15px; position: absolute; top: 50%; transform: translateY(-50%);}
#header .header_wrap .hamber_momenu button > span {width:18px; height:1px;  position:absolute; left:0;  -webkit-transition:-webkit-transform .3s ease-out; transition:-webkit-transform .3s ease-out;   }
#header .header_wrap .hamber_momenu button > span:nth-child(1) {top:0;}
#header .header_wrap .hamber_momenu button > span:nth-child(2) {top:50%; margin-top:-1px;}
#header .header_wrap .hamber_momenu button > span:nth-child(3) {bottom:0px;}

.expand #header .header_wrap .hamber_momenu button > span:nth-child(1) {top:10px;    transform: rotate(45deg);}
.expand #header .header_wrap .hamber_momenu button > span:nth-child(2) {width:0px;}
.expand #header .header_wrap .hamber_momenu button > span:nth-child(3) {top:10px;     transform: rotate(-45deg);}

#header .header_wrap .hamber_momenu_account {  display:none; grid-column: span 1;}
#header .header_wrap .hamber_momenu_account li { display:block;   text-align:right; height: var(--logo-height); position:relative;}
#header .header_wrap .hamber_momenu_account li a { position: relative; display: block; position: absolute; right:0; top: 50%; transform: translateY(-50%); }
#header .header_wrap .hamber_momenu_account li.btn_cart a span.count {position:absolute; left:50%; transform: translateX(-50%);  font-size:9px; font-weight:500; top:7px; text-align:center;   margin-top:-1.5px; }
#header .header_wrap .hamber_momenu_account li svg {width:24px; height:auto; vertical-align:middle; margin-top:-1px;}
#header .header_wrap .hamber_momenu_account li.btn_cart svg { height:23px;}

 


 




/*모바일슬라이드메뉴*/
#dimmedSlider { display:none; position:fixed; left:0px; top:0; right:0px; bottom:0px;   background:rgba(0,0,0,.4);
  -webkit-transition:-webkit-transform .3s ease-out; transition:-webkit-transform .3s ease-out; }

/* aside */
#aside {position:fixed; left:0; top:0px; bottom:0; overflow:auto; min-width:225px;  width:100%;   z-index:3; 
    -webkit-transform:translate(-100%, 0); transform:translate(-100%, 0);
    -webkit-transition:-webkit-transform .5s ease-out; transition:-webkit-transform .3s ease-out;
}

/* sideMenu expand */
html.expand body { overflow:hidden; }
html.expand #container { -webkit-transition:-webkit-transform .3s ease-out; transition:-webkit-transform .5s ease-out; }
html.expand #aside { z-index:3; overflow-x:hidden; -webkit-transform:translate(0, 0); transform:translate(0, 0); -webkit-transition:-webkit-transform .3s ease-out; transition:-webkit-transform .3s ease-out; }
#aside .btnClose { display: block; overflow: hidden; position: absolute; right: 10px; top: 15px; width: 30px; height: 30px; font-size: 1px; line-height: 0; color: transparent; }
#dimmedSlider { display: none; position: fixed; left: 0px; top: 0; right: 0px; bottom: 0px; background-color: rgba(18,18,18,0.36);    -webkit-backdrop-filter: blur(5px);    backdrop-filter: blur(5px); -webkit-transition: -webkit-transform .3s ease-out; transition: -webkit-transform .3s ease-out;}
  
 
#aside .artfinger_slide_wrap .xans-layout-multishoplist.list { padding-left:2px; display:none;}
#aside .artfinger_slide_wrap .xans-layout-multishoplist.list > ul {  }
#aside .artfinger_slide_wrap .xans-layout-multishoplist.list > ul li {display:inline-block; position:relative; text-align:left;margin-right:6px;  line-height: 25px; }
#aside .artfinger_slide_wrap .xans-layout-multishoplist.list > ul li.select a span{text-decoration:underline;}
#aside .artfinger_slide_wrap .xans-layout-multishoplist.list > ul li:last-child {margin-right:0px;}

#aside .gridContainer {height:100%;}

/* shop cateogyr*/
.half_space {margin-top: 40px;}
:root { --sidecont: 5vw;}
.artfinger_slide_wrap  {height:100%;}
.artfinger_slide_wrap .group_nav { height:100%; padding: 100px 15px 23px 15px;   box-sizing: border-box;} 
.artfinger_slide_wrap .group_nav .DB_lnb_m {height:100%;}
 
.artfinger_slide_wrap .group_nav .xans-layout-category .menu_v_m ul.d1-wrap_m {padding: 25px 0px 0;} 
.artfinger_slide_wrap .group_nav .xans-layout-category .menu_v_m ul.d1-wrap_m > li {position:relative; }  
.artfinger_slide_wrap .group_nav .xans-layout-boardinfo li a,
.artfinger_slide_wrap .group_nav .xans-layout-category .menu_v_m ul.d1-wrap_m > li span,
.artfinger_slide_wrap .group_nav .xans-layout-category .menu_v_m ul.d1-wrap_m > li > a {position:relative; line-height: 2;   }
.artfinger_slide_wrap .group_nav .xans-layout-category .menu_v_m ul.d1-wrap_m > li > ul.d2-wrap > li > a { line-height: 2; }
.artfinger_slide_wrap .group_nav .xans-layout-category .menu_v_m ul.d1-wrap_m > li > ul.d2-wrap > li .d3-wrap {padding:0px 0 30px 10px;}
.artfinger_slide_wrap .group_nav .xans-layout-category .menu_v_m ul.d1-wrap_m > li > ul.d2-wrap > li .d3-wrap > li > a   { line-height: 2;  }
.artfinger_slide_wrap .group_nav .xans-layout-category .menu_v_m ul.d1-wrap_m > li span.mid_dro {display:none; cursor:pointer;}
.artfinger_slide_wrap .group_nav .xans-layout-category .menu_v_m ul.d1-wrap_m > li.be span.mid_dro {display: block; position: absolute; left: 0; right: 0; top: 0; height: 30px;  }
.artfinger_slide_wrap .group_nav .xans-layout-category .menu_v_m ul.d1-wrap_m > li > ul.d2-wrap {display:none; margin:15px 0 20px 0px;     z-index: 44; position: relative;}     

/*board category*/
.artfinger_slide_wrap .group_nav .xans-layout-category .menu_v_m .board_cate {margin-top:40px;}
.artfinger_slide_wrap .group_nav .xans-layout-category .menu_v_m .board_cate > li > a { line-height: 180%; }
.artfinger_slide_wrap .group_nav .xans-layout-category .menu_v_m .board_cate .hidefoote {display:none;}
 
/*member category*/
.artfinger_slide_wrap .group_nav .xans-layout-category .menu_v_m .member {  margin-top:40px; }
.artfinger_slide_wrap .group_nav .xans-layout-category .menu_v_m .member li { position:relative;  display:block; padding-right:15px;}
.artfinger_slide_wrap .group_nav .xans-layout-category .menu_v_m .member li a { display: block; position: relative; font-size:var(--mo-category-mem-size); color:var(--mo-category-mem-color);  line-height: 2;  }
 


.artfinger_slide_wrap .group_nav .xans-layout-category .menu_v_m ul.d1-wrap_m > li > a,.artfinger_slide_wrap .group_nav .xans-layout-boardinfo li a, .artfinger_slide_wrap .group_nav .xans-layout-category .menu_v_m ul.d1-wrap_m > li span {font-size:var(--mo-category-big-size); color:var(--mo-category-big-color);}
.artfinger_slide_wrap .group_nav .xans-layout-category .menu_v_m ul.d1-wrap_m > li > ul.d2-wrap > li > a {font-size:var(--mo-category-sub-size); color:var(--mo-category-sub-color);}
.artfinger_slide_wrap .group_nav .xans-layout-category .menu_v_m ul.d1-wrap_m > li > ul.d2-wrap > li .d3-wrap > li > a  {font-size:var(--mo-category-sma-size); color:var(--mo-category-sma-color);}
.artfinger_slide_wrap .group_nav .xans-layout-category .menu_v_m ul.d1-wrap_m .img_cort a img { width: 60%; margin-bottom: 20px;}
.artfinger_slide_wrap .board_cate > li > a {font-size:var(--mo-category-adf-size); color:var(--mo-category-adf-color);}
.artfinger_slide_wrap .group_nav .member li a {}
 
/*search category*/
.artfinger_slide_wrap .group_nav .xans-layout-category .menu_v_m #searchBarForm { margin-top:10px; }
.artfinger_slide_wrap .group_nav .xans-layout-category .menu_v_m #searchBarForm .Layout_SearchHeader { width:100%; }
.artfinger_slide_wrap .group_nav .xans-layout-category .menu_v_m #searchBarForm .Layout_SearchHeader .searchForm {  padding:0px 0 10px;     margin:0px 0;    text-align: center; }
.artfinger_slide_wrap .group_nav .xans-layout-category .menu_v_m #searchBarForm .Layout_SearchHeader .searchForm .searchFormWrap {position:relative; border-bottom:1px solid var(--mo-category-big-color);    margin:0 auto; }
.artfinger_slide_wrap .group_nav .xans-layout-category .menu_v_m #searchBarForm .Layout_SearchHeader .searchForm .searchFormWrap input {padding:10px 10px 10px 0; background:none; font-size:11px; color:#999;  border:0; width:100%}
.artfinger_slide_wrap .group_nav .xans-layout-category .menu_v_m #searchBarForm .Layout_SearchHeader .searchForm button { position:absolute; top:-15px; right:5px; border:0px; outline:0;  padding:0px 0 0 0px; }
.artfinger_slide_wrap .group_nav .xans-layout-category .menu_v_m #searchBarForm .Layout_SearchHeader .searchForm button svg { width:16px; fill:var(--mo-category-big-color);}
.artfinger_slide_wrap .group_nav .xans-layout-category .menu_v_m #searchBarForm .Layout_SearchHeader .hotKeyword {}
.artfinger_slide_wrap .group_nav .xans-layout-category .menu_v_m #searchBarForm .Layout_SearchHeader .hotKeyword .title {padding-bottom:10px;  display:inline-block;}
.artfinger_slide_wrap .group_nav .xans-layout-category .menu_v_m #searchBarForm .Layout_SearchHeader .hotKeyword .keyword {margin-top:20px;}
.artfinger_slide_wrap .group_nav .xans-layout-category .menu_v_m #searchBarForm .Layout_SearchHeader .hotKeyword .keyword a {margin-right: 10px;}
.artfinger_slide_wrap .group_nav .xans-layout-category .menu_v_m #searchBarForm .Layout_SearchHeader .hotKeyword .keyword a::after {content:", "; clear:both; display:inline-block;margin-right:4px;}  
.artfinger_slide_wrap .group_nav .xans-layout-category .menu_v_m #searchBarForm .Layout_SearchHeader .hotKeyword .keyword a:last-child::after  {display:none;}
 
  
/* pc color material */ 
#header  {  border-bottom:1px solid var(--pc-category-base-color);}
#main #header {border-bottom:1px solid rgb(255,255,255,0);}

#header .header_wrap .account_area .count,
#header .header_wrap .gnb .artcate .d1-wrap .d1 > a,
#header .header_wrap .gnb .artcate .d2-wrap > ul .d2 > a,
#header .header_wrap .gnb .artcate .d2-wrap .d3-wrap .d3 > a {color:var(--pc-category-base-color);}
#header svg {fill:var(--pc-category-base-color);}

#main #header .header_wrap .account_area .count,
#main #header .header_wrap .gnb .artcate .d1-wrap .d1 > a,
#main #header .header_wrap .gnb .artcate .d2-wrap > ul .d2 > a,
#main #header .header_wrap .gnb .artcate .d2-wrap .d3-wrap .d3 > a {color:var(--pc-category-effe-color);}
#main #header svg {fill:var(--pc-category-effe-color);}

#main #header.fixed .header_wrap .account_area .count,
#main #header.fixed .header_wrap .gnb .artcate .d1-wrap .d1 > a,
#main #header.fixed .header_wrap .gnb .artcate .d2-wrap > ul .d2 > a,
#main #header.fixed .header_wrap .gnb .artcate .d2-wrap .d3-wrap .d3 > a {color:var(--pc-category-base-color);}
#main #header.fixed svg {fill:var(--pc-category-base-color);}

#main #header:hover .header_wrap .account_area .count,
#main #header:hover .header_wrap .gnb .artcate .d1-wrap .d1 > a,
#main #header:hover .header_wrap .gnb .artcate .d2-wrap > ul .d2 > a,
#main #header:hover .header_wrap .gnb .artcate .d2-wrap .d3-wrap .d3 > a {color:var(--pc-category-base-color);}
#main #header:hover svg {fill:var(--pc-category-base-color);}

#header .header_wrap .account_area .count,
#header .header_wrap .gnb .artcate .d1-wrap .d1 > a:hover,
#header .header_wrap .gnb .artcate .d2-wrap > ul .d2 > a:hover,
#header .header_wrap .gnb .artcate .d2-wrap .d3-wrap .d3 > a:hover,
#header .header_wrap .gnb .artcate .d1-wrap .d1 > a.current_page {color:var(--pc-category-curr-color);}

#main #header .header_wrap .account_area .count,
#main #header .header_wrap .gnb .artcate .d1-wrap .d1 > a:hover,
#main #header .header_wrap .gnb .artcate .d2-wrap > ul .d2 > a:hover,
#main #header .header_wrap .gnb .artcate .d2-wrap .d3-wrap .d3 > a:hover,
#main #header .header_wrap .gnb .artcate .d1-wrap .d1 > a.current_page {color:var(--pc-category-curr-color);}


.expand #main #header .header_wrap .hamber_momenu button > span { background-color:var(--pc-category-base-color);}
.expand #main #header .header_wrap .hamber_momenu_account svg { fill:var(--pc-category-base-color);}
.expand #main #header .header_wrap .hamber_momenu_account a span.count { color:var(--pc-category-base-color);}



/* mobile */
@media all and (max-width : 1000px) {  
    #header, #promotionBanner_bottom {z-index:4;}    
    #header .header_wrap { position:relative; padding:17px 10px; font-weight:400;   }
	#header .header_wrap .gnb,
    #header .header_wrap .account_area {display:none;}
    #header .header_wrap .hamber_momenu {display:block; }
    #header .header_wrap .hamber_momenu_account {display:block; }
    #sch_layer, #account_layer  { width:40vw;}
    #header #searchBarForm .Layout_SearchHeader {padding:0px 20px; float:none;  }
    #header.logocenter .header_wrap .logo_area { grid-column: span 14; display:grid;  place-items: center; }
    #header.logocenter .header_wrap .logo_area > .xans-layout-logotop { margin-top:0;  }
    #header.logocenter .header_wrap .logo_area > .xans-layout-logotop img { height:var(--logo-height); }
    
    /* mo color material */
    #header {    border-bottom: 1px solid var(--pc-category-base-color);}
    #header .header_wrap .hamber_momenu button > span { background-color:var(--pc-category-base-color);}
    #header .header_wrap .hamber_momenu_account svg { fill:var(--pc-category-base-color);}
    #header .header_wrap .hamber_momenu_account a span.count { color:var(--pc-category-base-color);}
 
    #main #header .header_wrap .hamber_momenu button > span { background-color:var(--pc-category-effe-color);}
    #main #header .header_wrap .hamber_momenu_account svg { fill:var(--pc-category-effe-color);}
    #main #header .header_wrap .hamber_momenu_account a span.count { color:var(--pc-category-effe-color);}    
    
    #main #header.fixed .header_wrap .hamber_momenu button > span { background-color:var(--pc-category-base-color);}
    #main #header.fixed .header_wrap .hamber_momenu_account svg { fill:var(--pc-category-base-color);}
    #main #header.fixed .header_wrap .hamber_momenu_account a span.count { color:var(--pc-category-base-color);}        
            }
 

#promotionBanner {display:none;}
#promotionBanner.cowd {display:block;}
#header #promotionBanner > .popContents {height: 35px; margin:0 auto; overflow: hidden;}
#header #promotionBanner > .popContents .promotion_slide li {height:35px; text-align:center; line-height:35px;}
#header #promotionBanner > .popContents .promotion_slide a {  font-size:12px; height:35px;}    
 

.footer_pc {  position:relative;   margin:0px auto 0px; display:block; z-index:1;    font-size: 10px;   padding: 0px 0px 0px 0px; border-top:1px solid #000;  }

.footer_pc::after {content:""; clear:both; display:block;}
.footer_pc .footer_inner {  padding:60px 20px 20px;   font-size:13px; line-height:2.2;   display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); column-gap: 5%; row-gap: 20px;}
.footer_pc .footer_inner .inner0 img {width:35px;}
.footer_pc .footer_inner .inner0 .language {margin-top:20px;}
.footer_pc .footer_inner .inner0 .language h2 {font-size:14px; font-weight:400;}
.footer_pc .footer_inner .inner0 .language li {font-size:12px; font-weight:400; margin-top: -8px;}
 
.footer_pc .footer_inner .snscate { padding-right:15px;}
.footer_pc .footer_inner .snscate li {display:block; vertical-align:middle;}
.footer_pc .footer_inner .snscate li a { display:none; padding-bottom:0px; padding-right:3px;}
.footer_pc .footer_inner .snscate li a i {font-size:16px;}
.footer_pc .footer_inner .snscate li a.show {display:block;}

.footer_pc .footer_inner .inner1 > ul li > a {padding-left:0px; position:relative;}
 
.footer_pc .footer_inner .inner2 li { line-height:18px; }
.footer_pc .footer_inner .inner5 {  margin-top:20px;       grid-column: 1 / -1;  display: grid;  grid-template-columns: repeat(4, minmax(0, 1fr));  column-gap: 5%;}
.footer_pc .footer_inner .inner5 li ul {}
.footer_pc .footer_inner .inner5 li ul li {display:inline-block; margin-right:5%;}

.footer_pc .hidefoote {display:none;}

/* 상품정보 */
.footer_mo { display:none; list-style:none;padding:0px 0 0px; margin:50px auto 0px; width:100%!important; }
.footer_mo a {color:#222;}
.footer_mo  .foot_logo {width:100%; text-align:center; margin:0 auto; padding:0 15px 10px; box-sizing:border-box; }
.footer_mo  .foot_logo img {max-width:100%;}
.footer_mo .accordion_more_footer { border-top:1px solid #000; }
.footer_mo .accordion_more_footer > li {  padding:18px 10px 18px; list-style:none;  position: relative;   box-sizing:border-box;  border-bottom:1px solid #000;}
.footer_mo .accordion_more_footer > li .tab_wrap { display:none; padding:18px 0px 0; font-size: 11px; line-height: 22px; color:#222;  }
.footer_mo .accordion_more_footer > li .tab_wrap > li { line-height: 25px;  font-size: 12px;}
.footer_mo .accordion_more_footer > li .tab_wrap > li > a { line-height: 25px; font-size: 12px;}
.footer_mo .accordion_more_footer > li .tab_wrap p {padding:0; margin:0;line-height: 18px;}
.footer_mo .accordion_more_footer > li > a { width: 100%; display: block; cursor: pointer; font-weight:500; font-size: 12px; user-select: none; color:#000; }

.footer_mo  accordion_more_footer > li > a.active {color:#222; }
.footer_mo  accordion_more_footer > li > a:hover {text-decoration:none}
.footer_mo  .accordion_more_footer > li > a:before  {    width: 11px; height: 1px; background-color: #222; position: absolute; right: 15px; content: " "; top: 24px; transform: rotate(90deg);  -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.footer_mo  .accordion_more_footer > li > a:after {    width: 11px; height: 1px; background-color: #222; position: absolute; right: 15px; content: " "; top: 24px; transform: rotate(0deg);  -webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}

.footer_mo  .accordion_more_footer > li > a.active:before {    width: 0px; height: 0px; background-color: #222; position: absolute; right: 15px; content: " "; top: 24px; transform: rotate(90deg);  -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.footer_mo .accordion_more > li > a.active:after {    width: 11px; height: 1px; background-color: #222; position: absolute; right: 15px; content: " "; top: 24px; transform: rotate(0deg)!important;  -webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}

.footer_mo .snscate li { 
    list-style: none;
    position: relative;
   
}
.footer_mo .snscate li a { display:none;  width: 100%;
    cursor: pointer;
    font-weight: 500;
    font-size: 12px;
    user-select: none;
    color: #000;
    padding: 18px 10px 18px;
    border-bottom: 1px solid #000;
    box-sizing: border-box;
}
.footer_mo .snscate li a.show {display:block;}
.footer_mo .snscate li.copy {   
    list-style: none;
    position: relative; 
    font-weight: 500;
    font-size: 11px;
    user-select: none;
    color: #000;
    padding: 10px 10px 10px;
    box-sizing: border-box;}


 
 
@media all and (max-width : 1000px) { 
    .footer_pc {display:none;}
    .footer_mo {display:block; margin:50px auto 0px;}
    #main .footer_mo { margin:0px auto 0px;}
    #footer { padding:0px 0px 0px; word-break: keep-all;}
    #footer .footer_inner {display:block;}
    #footer .footer_inner .inner1 {  text-align:left; margin-bottom:20px;}
    #footer .footer_inner .inner2 {  text-align:left; margin-bottom:20px;}
    #footer .footer_inner .inner3  { text-align:left; margin-bottom:0px;} 
    #footer .footer_inner .snscate li { display: inline-block; padding-right: 10px; }
    }