@charset "utf-8";


/*공통 레이아웃 로고*/   
#layout #header .header {
    position:relative;
    width:100%;
    text-align:left;
    background:#fff;
}
#layout #header h1 { 
	height:65px;
    line-height:62px;
    padding:0;
    text-align:center;
}
#layout #header h1 img { 
    max-height:35px;
    vertical-align:middle;
}
#layout #topArea .searchWrap { border-bottom:1px #e0e0e0 solid; }
#layout #header .search { top:12px; }


/*공통 레이아웃 - 카테고리 버튼*/
#header .category { 
    position:absolute;
    left:0;
    top:12px;
    width:47px;
    height:43px;
    vertical-align:middle;
}
#header .category a {
    display:inline-block;
    overflow:hidden;
    width:100%;
    height:100%;
    text-indent:100%;
    white-space:nowrap;
    background:url("/mobile/img/common/btn_category.png") no-repeat 0 0;
    background-size:47px 43px;
}

/*Seach Box 추가 2022-11-21 */ 
#searchBox {
  top:10px;
  right:3%;
  display: inline-block;
  position: relative;
  height: 30px;
  float: right;
  padding: 0;
  position:absolute;
}


#searchBox input[type="text"] {
  height: 10px;
  font-size: 12px;
  display: inline-block;
  font-family: "Nanum Barun Gothic", sans-serif;
  font-weight: 100;
  border: none;
  outline: none;
  color: #000;
  padding: 3px;
  padding-right: 40px;
  width: 0px;
  position: absolute;
  top: 20px;
  right: 0;
  background: none;
  z-index: 3;
  transition: width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000);
  cursor: pointer;
}

#searchBox input[type="text"]:focus:hover {
  border-bottom: 1px solid #BBB;

}

#searchBox input[type="text"]:focus {
  width: 70px;
  top: 20px;
  z-index: 1;
  border-bottom: 1px solid #000;
  cursor: text;
}
#searchBox input[type="submit"] {
  height: 47px;
  width: 43px;
  display: inline-block;
  color:black;
  float: right;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAA9CAYAAADrnOpZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpERDNFQzRFM0JDMzdFMzExOUYzQzg2REEyNTI2REY0RCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0NEE3Q0FERTZCRDgxMUVEODczRkREMDlBRkVBREVCMCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0NEE3Q0FERDZCRDgxMUVEODczRkREMDlBRkVBREVCMCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1LjEgV2luZG93cyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkUxRURFOUY3RjIxMTExRTNCRDJBQ0M4MTU2RUQ5MDYyIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkUxRURFOUY4RjIxMTExRTNCRDJBQ0M4MTU2RUQ5MDYyIi8+IDwvcmRmOkRlc2NyaXB0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)  center center no-repeat;
  text-indent: -10000px;
  border: none;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  cursor: pointer;
  opacity: 0.9;
  cursor: pointer;
  transition: opacity .4s ease;
}

#searchBox input[type="submit"]:hover {
  opacity: 0.2;
}



/*공통레이아웃 - 검색 버튼 예전 css*/
#header .search { 
    position:absolute;
    right:2px;
    top:12px;
    width:34px;
    height:43px;
    vertical-align:middle;
}

#header .search button { 
    display:inline-block;
    overflow:hidden;
    width:100%;
    height:100%;
    padding:0;
    text-indent:100%;
    text-align:right;
    white-space:nowrap;
    cursor:pointer;
    border:0;
    background:url("/mobile2/img/common/btn_search.png") no-repeat 0 0;
    background-size:34px 43px;
}

#header .search { float:right; margin:3px 2% 0 0; max-width:250px; width:30%; height:38px; border:1px solid #dfdfdf; border-radius:5px; }
#header .search input { float:left; display:block; height:38px; line-height:38px; background:none; border:none; width:calc(100% - 35px); text-indent:10px; font-size:11px; font-family:"Nanum Barun Gothic"; }
#header .search input::-webkit-input-placeholder { color:#ccc; }
#header .search input::-moz-input-placeholder { color:#ccc; }
#header .search input:-ms-input-placeholder {color:#ccc; }
#header .search a { display:block; float:right; width:35px; text-align:center; line-height:35px; color:#ff6666; font-size:18px; }
#header .search a i { display:inline; }
#header .xans-layout-orderbasketcount { position:absolute; right:0; top:12px; width:41px; height:43px; vertical-align:middle; }
#header .xans-layout-orderbasketcount a.btnBasket { position:relative; display:inline-block; overflow:hidden; width:100%; height:100%; padding:0; text-indent:100%; text-align:left; white-space:nowrap; cursor:pointer; border:0; background:url("//img.echosting.cafe24.com/skin/mobile_ko_KR/layout/btn_basket.png") no-repeat 0 0; background-size:48px 43px; }
#header .xans-layout-orderbasketcount a.btnBasket .count { position:absolute; top:7px; right:10px; max-width:41px; border:1px solid #d01818; border-radius:7px; padding:0 1px; text-indent:0; line-height:1.2; color:#fff; font-weight:bold; font-size:10px; background-color:#e52728; }


/*메인 레이아웃 로고*/
#main #header .header {
    position:relative;
    width:100%;
    text-align:left;
    background:#fff;
}
#main #header h1 {
    height:65px;
    line-height:62px;
    padding:0;
    text-align:center;
}
#main #header h1 img { 
    max-height:35px;
    vertical-align:middle;
}
#main #topArea .searchWrap { border-bottom:1px #e0e0e0 solid; }

/*메인 이미지 슬라이드*/
#main #header .mainImgSlide {
    position:relative;
    width:100%;
    height:auto;
}




/*예전 메뉴바*/
.mainNav {
    position:relative;
    width:100%;
	background:#303030;
}
.mainNav ul {
    overflow:hidden;
    border-bottom:1px #e0e0e0 solid;
}
.mainNav ul:last-child {border-bottom: 1px #000000 solid;}
.mainNav ul li {
    width:16%;
    height:38px;
    line-height:37px;
    text-align:center;
    float:left;
    border-right:1px #e0e0e0  solid;
    
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.mainNav ul li:last-child { border:none; }
.mainNav ul li a {
    display:block;
    color:#ff8a00;
    font-size:12px;
    letter-spacing:-0.05em;
}
.mainNav ul.main {border-bottom:1px #e0e0e0 solid;}


#topMenu ul.horizontal-dropdown {
	margin-top:0px;
    position: relative;
    float: left;
	width:100%;
	background:#303030;
}

#topMenu ul.horizontal-dropdown a {
    display: block;
	line-height:37px;
    text-decoration: none;
    color: #fff;
    background:#303030;
}

#topMenu ul.horizontal-dropdown li.last a {
    background: none;
}

#topMenu ul.horizontal-dropdown li {
    float: left;
    padding: 0;
    background:#303030;	
	width:10%;
	text-align:center;
}

#topMenu ul.horizontal-dropdown li.hover {
    background-position: bottom;
}

/*sub nav*/
#topMenu ul.horizontal-dropdown ul {
    position: absolute;
	margin:0;
    left: 0;
    background: #3fb306;
    overflow: hidden;
}

#topMenu ul.horizontal-dropdown ul li {
    background: transparent;
    padding: 0 0 0 0;
    float: left;
}

#topMenu ul.horizontal-dropdown ul li a {
    position: relative;
    top: 0;
    left: 0;
    background: #3fb306;
    padding: 0;
    display: block;
    float: left;
    padding: 10px 20px;
}

#topMenu ul.horizontal-dropdown ul li a:hover {
    color: #0609b3;
}