/* 게시판 전체 공통 */
.xans-board-title .title { min-height:30px;margin:10px 0 20px;border-bottom:1px solid #e8e8e8;}
.xans-board-title .title h2 { display:inline-block;padding:0 0 0 12px;color:#2e2e2e;font-size:16px;*display:inline;*zoom:1;background:url("//img.echosting.cafe24.com/skin/base/layout/ico_heading.gif") 0 50% no-repeat;}
.xans-board-title .title p { display:inline-block;margin:0 0 0 6px;padding:0 0 0 10px;color:#939393;vertical-align:bottom;background:url("//img.echosting.cafe24.com/skin/base/common/ico_bar.gif") no-repeat 0 0;*display:inline;*zoom:1;}
.xans-board-title p.imgArea { margin:0 0 20px;}

/* read */
.xans-board-read .ec-base-table .etcArea li { display:inline-block;margin:0 0 9px;padding:8px 20px 10px;vertical-align:top;line-height:22px;color:#006b3d;}
.xans-board-read .ec-base-table .etcArea li a { text-decoration:none;}
.xans-board-read .ec-base-table .detail {    padding: 70px 0 70px 0;word-break: break-all;line-height: normal;font-weight: 300;text-align: left;font-size: 12px;}

.xans-board-read .ec-base-table .detail img {margin-bottom:30px;text-align:center;max-width:100%}
.xans-board-read .ec-base-table .detail p {line-height:2.2 !important}
.xans-board-read .ec-base-table .detail ol,
.xans-board-read .ec-base-table .detail ul { margin:15px 0;padding:0 0 0 40px;}
.xans-board-read .ec-base-table .detail ol li { list-style:decimal;}
.xans-board-read .ec-base-table .detail ul li { list-style:disc;}
.xans-board-read .ec-base-table tr.attach a { padding:0 0 0 12px;background:url("//img.echosting.cafe24.com/skin/base/common/ico_file.gif") no-repeat 0 0;}
.xans-board-read .ec-base-table tr.attach a:hover { text-decoration:underline;}

.xans-board-read .ec-base-button { margin:10px 0 40px;text-align: right;}


/* read - 상품 */
.xans-board-product .ec-base-box.typeProduct { margin:0 0 20px;}
.xans-board-product .information .icon_img { margin:0 1px 0 0;}
.xans-board-product .information h3 { margin:0 0 5px;font-size:12px;line-height:1.6;color:#2e2e2e;font-weight:400;}
.xans-board-product .information .price { font-size:11px;font-weight:400}
.xans-board-product .information .button { display:none;}


.xans-board-listsgroup {display:none;}

.ec-base-table table tr.attach th,
.ec-base-table table tr.attach td {border-top: 1px solid #dad5cc}
.xans-board-commentlist { border:1px solid #d7d5d5;border-top:0;}
.xans-board-commentlist .ec-base-button.typeBG.spam { border-left:0;border-right:0;border-bottom:0;margin:10px 0 0;}

/* 댓글 리스트*/
.xans-board-commentlist .boardComment li { position:relative;margin:15px 0 0 0;border-top:1px solid #d7d5d5;color:#353535;line-height:140%;}
.xans-board-commentlist .boardComment li:first-child { margin:0 }
.xans-board-commentlist .boardComment li div.commentTop { overflow:hidden;padding:12px 0 10px 20px;border-bottom:1px solid #dcd8cc;}
.xans-board-commentlist .boardComment li .name { float:left;}
.xans-board-commentlist .boardComment li .date { margin:1px 10px 0 15px;font-size:11px;}
.xans-board-commentlist .boardComment li .grade { }
.xans-board-commentlist .boardComment li .button { position:absolute;top:7px;right:20px;}
.xans-board-commentlist .boardComment li .comment { clear:both;padding:20px 0 20px 25px;word-break:break-all;}

/* 댓글의 댓글 */
.xans-board-commentlist .boardComment li.replyArea { overflow:hidden;margin:-1px 20px 0;padding:0 0 0 33px;border:1px solid #dcd8cc;background:url("//img.echosting.cafe24.com/skin/admin_ko_KR/board/ico_comment.gif") no-repeat 20px 15px;}
.xans-board-commentlist .boardComment li.replyArea:last-child { margin-bottom:15px;}
.xans-board-commentlist .boardComment li.replyArea div.commentTop { border:none;padding-left:5px;}
.xans-board-commentlist .boardComment li.replyArea .comment { padding:0 0 5px 5px;}
.xans-board-commentlist .boardComment li.replyArea .button { right:5px;}
.xans-board-commentlist .boardComment li.replyArea .xans-board-commentformsecret { margin:10px 35px 10px 0;}

/* 댓글 쓰기 */
.xans-board-commentwrite { margin:30px 0;padding:20px 31px 35px;background-color:#f7f2eb;color:#353535;}
.xans-board-commentwrite legend { visibility:hidden;overflow:hidden;width:0;height:0;font-size:0;line-height:0;}
.xans-board-commentwrite .input { margin:10px 0 0;}
.xans-board-commentwrite .input .ec-base-help { margin:10px 0 0;}
.xans-board-commentwrite p { margin:10px 0 0;}
.xans-board-commentwrite p.captcha { border-top:1px solid #dcd8cc;padding:15px 0 0 0;color:#757575;}
.xans-board-commentwrite p.captcha img { vertical-align:middle;}
.xans-board-commentwrite strong { display:block;font-size:12px;font-weight:400;padding-bottom:20px;}
.xans-board-commentwrite input[type=text],
.xans-board-commentwrite input[type=password] { width:135px;margin:0 10px 0 9px;}
.xans-board-commentwrite input#captcha { width:160px;}
.xans-board-commentwrite .secret { margin:0 20px 0 10px;}
.xans-board-commentwrite textarea {    width: 100%;
    height: 130px;
    padding: 2px 2px 2px 4px;
    background: #f7f2eb;
    border: 0;-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
.xans-board-commentwrite .view { position:relative;margin:18px 0 0;padding:0 95px 0 0;}
.xans-board-commentwrite .view [class^="btn"] {     position: absolute;
    top: 0;
    right: 0;
    line-height: 130px;
    padding: 0;
    background: #dfd8cc;}
.xans-board-commentwrite p.grade label { padding:0 10px 0 0;}
.xans-board-commentwrite p.grade em { font-style:normal;}


.xans-board-commentwrite

/* 댓글의 댓글 쓰기 */
.xans-board-commentreply { width:92%;margin:20px auto 0px;padding:5px 20px 20px;border:1px solid #dcd8cc;background-color:#f7f2eb;color:#353535;}
.xans-board-commentreply legend { visibility:hidden;overflow:hidden;width:0;height:0;font-size:0;line-height:0;}
.xans-board-commentreply .input { margin:10px 0 0;}
.xans-board-commentreply .input .ec-base-help { margin:10px 0 0;}
.xans-board-commentreply p { margin:10px 0 0;}
.xans-board-commentreply p.captcha { border-top:1px solid #dcd8cc;padding:15px 0 0 0;color:#757575;}
.xans-board-commentreply p.captcha img { vertical-align:middle;}
.xans-board-commentreply strong { display:block;margin:0 0 10px 0;}
.xans-board-commentreply input[type=text],
.xans-board-commentreply input[type=password] { width:135px;margin:0 10px 0 9px;}
.xans-board-commentreply input#captcha { width:160px;}
.xans-board-commentreply .secret { margin:0 20px 0 10px;}
.xans-board-commentreply textarea { width:100%;height:42px;padding:2px 2px 2px 4px;}
.xans-board-commentreply .view { position:relative;margin:10px 0 0;padding:0 95px 0 0;}
.xans-board-commentreply .view [class^="btn"] { position:absolute;top:0;right:0;}
.xans-board-commentreply p.grade label { padding:0 10px 0 0;}
.xans-board-commentreply p.grade em { font-style:normal;}

/* 댓글 수정 */
.xans-board-commentform { margin:10px 20px;padding:5px 20px 20px;border:1px solid #dcd8cc;background-color:#f7f2eb;color:#353535;}
.xans-board-commentform legend { visibility:hidden;overflow:hidden;width:0;height:0;font-size:0;line-height:0;}
.xans-board-commentform p { margin:10px 0 0;}
.xans-board-commentform input[type=text],
.xans-board-commentform input[type=password] { width:135px;margin:0 10px 0 9px;}
.xans-board-commentform input#captcha { width:160px;}
.xans-board-commentform .secret { margin:0 20px 0 10px;}
.xans-board-commentform textarea { width:100%;height:42px;padding:2px 2px 2px 4px;}
.xans-board-commentform .view { position:relative;margin:10px 0 0;padding:0 180px 0 0;}
.xans-board-commentform .submit { position:absolute;top:0;right:0;}
.replyArea .xans-board-commentform { margin:10px 20px 10px 0;}

/* 비밀글 관련 */
.xans-board-commentformsecret { margin:10px 25px 0 0;padding:10px 15px;border:1px solid #dcd8cc;background-color:#f7f2eb;color:#353535;}
.xans-board-movement { border:1px solid #d7d5d5;margin:20px 0;display:none;}
.xans-board-movement li { overflow:hidden;padding:0 20px;border-bottom:1px solid #dcd8cc;line-height:140%;color:#353535;}
.xans-board-movement li:last-child{border-bottom:0 !important}
.xans-board-movement li strong,
.xans-board-movement li a { float:left;padding:20px;}
.xans-board-movement li strong { width:6%;padding-left:25px;font-weight:normal;background:url(//img.echosting.cafe24.com/skin/base/board/ico_move_prev.gif) no-repeat 6px 28px;}
.xans-board-movement li a { width:860px;border-left:1px solid #dcd8cc;}

.xans-board-movement li.next { border:0;}
.xans-board-movement li.next strong { background:url("//img.echosting.cafe24.com/skin/base/board/ico_move_next.gif") no-repeat 6px 28px}
.xans-board-function { padding:20px 0 }
.xans-board-function p { 	}

@charset "utf-8";


@font-face { 
	font-family: 'Noto Sans KR'; 
	font-style: normal; 
	font-weight: 100; 
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
} 

@font-face { 
	font-family: 'Noto Sans KR'; 
	font-style: normal; 
	font-weight: 300; 
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype'); 
}

@font-face {
font-family: 'Noto Sans KR'; 
	font-style: normal; 
	font-weight: 400; 
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype'); 
}

@font-face { 
	font-family: 'Noto Sans KR'; 
	font-style: normal; 
	font-weight: 500; 
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); 
} 

@font-face { 
	font-family: 'Noto Sans KR'; 
	font-style: normal; 
	font-weight: 700; 
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype'); 
} 

@font-face {
	font-family: 'Noto Sans KR'; 
	font-style: normal; 
	font-weight: 900; 
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype'); 
}




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


/* tag reset */

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,img { margin:0;padding:0;}
html { width:100%;height:100%;}
body,code { font:13px 'macho','Noto Sans KR','Malgun Gothic',AppleGothic,sans-serif;color:#33302c;letter-spacing:0px;line-height:1.7;}
body { min-width:900px;}
body#popup { min-width:0;}
li { list-style:none;}
img,fieldset { border:none;vertical-align:top;}
table { width:100%;border:0;border-spacing:0;border-collapse:collapse;}
caption { display:none;} 
th,td { border:0;vertical-align:top;}
button { overflow:visible;padding:0;margin:0;border:0;cursor:pointer;}
hr.layout { display:none;}
a { text-decoration:none;color:#006b3d }
a:hover { text-decoration:none;}
a:active { text-decoration:none;}
.objHidden { visibility:hidden;position:absolute;left:-1000px;top:-1000px;height:0;width:0;}
#content_CONTAINER table, #bi_inquire_content_CONTAINER table { border:0;margin:0 0 -1px;}
#content_CONTAINER table:before, #bi_inquire_content_CONTAINER table:before { display:none;}
#content_CONTAINER td, #bi_inquire_content_CONTAINER td { width:auto !important;padding:0;}
table.nneditor-table { width:auto !important;}

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

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

.displaynone { display:none;}


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

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

/* Font */
.txtInfo { }
.txtWarn { }
.txtEm { color:#006b3d;}
.txtDel, .strike, .discount { text-decoration:line-through;font-weight:normal;}
.strike strong, .discount strong { font-weight:normal;}
.txtNormal { font-weight:normal;font-style:normal;}
.txtNum { display:inline-block;word-break:normal;}

.txt14 { font-size:12px;font-weight:400 !important;}
.txt16 { font-size:13px;font-weight:400 !important;}
.txt18 { font-size:13px;letter-spacing:0px;font-weight:400 !important;}
.txtIcon { font-size:12px;font-style:normal;}
.txtBreak { word-break:break-all;word-wrap:break-word;}
/* JP, TW, CN */
html:lang(ja) .txt11,
html:lang(zh) .txt11,
html:lang(zh-tw) .txt11 { font-size:12px;}

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

/* ec-base-qty */
.ec-base-qty { position:relative;display:inline-block;width:50px;margin:0 1px 0 0;text-align:left;background:#d8cab8}
.ec-base-qty input[type="text"] { width:28px;height:28px;padding:0 0 0 12px;line-height:25px;	background:transparent;}
.ec-base-qty .up { position:absolute;right:3px;top:2px;}
.ec-base-qty .down { position:absolute;right:3px;bottom:2px;}
.ec-base-qty .qtyUp {position:absolute;left:27px;top:0;}
.ec-base-qty .qtyDown { position:absolute;left:27px;bottom:0;}
.ec-base-qty .qtyUp .up { position:static;left:auto;top:auto;}
.ec-base-qty .qtyDown .down { position:static;left:auto;top:auto;}

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

/* Form */
input,select,textarea { font-size:100%;vertical-align:middle;}
input[type=radio],
input[type=checkbox] { width:13px;height:13px;border:0;}
input[type=text],
input[type=password] {     height: 39px;line-height: 37px;padding: 0 0 0;font-weight: 300;background: #eeeae1;color: #006b3d;border: 0;border-bottom: 0;font-size: 12px;padding-left: 10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
input[type=text]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder {font-size:12px;font-weight:300;color:#006b3d}

input:focus,button:focus { outline:none;} /* 크롬 파란테두리 빼기 */
input:-webkit-autofill { -webkit-box-shadow:0 0 0 30px #fff inset;-webkit-text-fill-color:#006b3d;} input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { transition:background-color 5000s ease-in-out 0s;} /* 크롬 노란테두리 빼기*/

input[type=radio] + label, input[type=checkbox] + label { margin:0 4px;}
select { min-width:100px;height:39px;font-size:11px;color: #006b3d;border:1px solid #cac9ba;padding-left:10px;line-height:27px;border:0;
-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background: #eeeae1 url(//cdn.shopify.com/s/files/1/0098/6552/t/18/assets/ico-select.svg?v=1555638…);background-repeat:no-repeat;background-position:right 10px center;appearance:none;}
select::-ms-expand {display:none}
select:focus {outline:0;}
textarea { padding:5px 6px;border:1px solid #cac9ba;line-height:1.5;resize:vertical;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color:#c1c1c1;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color:#c1c1c1;}
input::-moz-placeholder, textarea::-moz-placeholder { color:#c1c1c1;opacity:1;}
legend { visibility:hidden;position:absolute;left:-9999px;top:-9999px;width:0;height:0;line-height:0;}

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

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

/* ec-base-radio */
.ec-base-radio.typeDelivery .ec-base-label{display:block;}

input:focus,button:focus { outline: none;} /* 크롬 파란테두리 빼기 */
input:-webkit-autofill { -webkit-box-shadow: 0 0 0 30px transparent inset ; -webkit-text-fill-color: #006b3d } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { transition: background-color 5000s ease-in-out 0s; } /* 크롬 노란테두리 빼기*/


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

/* typeUpper */
.ec-base-tooltip.typeUpper { top:auto;bottom:34px;}
.ec-base-tooltip.typeUpper .edge { top:auto;bottom:-6px;}
.ec-base-tooltip.typeUpper .edge:before { margin:0 0 -5px;border-top-color:#565960;border-width:5px 5px 0 5px;}
.ec-base-tooltip.typeUpper .edge:after { left:1px;margin:0 0 -4px;border-top-color:#fff;border-width:4px 4px 0 4px;}
span.ec-base-help,
p.ec-base-help,
ul.ec-base-help li { margin:2px 9px;padding:1px 0 1px 20px;line-height:1.4;background:url('//img.echosting.cafe24.com/skin/base/common/ico_info.gif') no-repeat 0 2px;}
div.ec-base-help { margin:20px 0;line-height:18px;}
div.ec-base-help > h2,
div.ec-base-help > h3 { display:none;padding:17px 21px;border-bottom:1px solid #e8e7e7;color:#101010;font-size:12px;background:#d8cab8;font-weight:400;}
div.ec-base-help .inner {    padding: 37px;background: #efebe1;}
div.ec-base-help h4 { margin:16px 0;font-size:14px;font-weight:400}
div.ec-base-help h4:first-child{margin-top:0;}
div.ec-base-help p { margin:15px 0 0 10px;}
div.ec-base-help ul,
div.ec-base-help ol { margin:0 0 7px 0;font-size:13px;line-height:1.7;}
div.ec-base-help li { }

/* number */
div.ec-base-help ol li {font-size: 11px;opacity: .7	}

/* typeDash */
div.ec-base-help ul li { padding:0 0 0 11px;background:url('//img.echosting.cafe24.com/skin/base/common/ico_dash.gif') no-repeat 0 7px;}
.ec-base-help.typeDash li { padding:0 0 0 11px;background:url("//img.echosting.cafe24.com/skin/base/common/ico_dash.gif") no-repeat 0 7px;}
.ec-base-tooltip .ec-base-help.typeDash li { margin:2px 0;}
.ec-base-product { margin:130px 0 0	}
.ec-base-product > .title {text-align:center;padding-bottom:55px;}
.ec-base-product > .title * {}
.ec-base-product > .title h2 {display:block;font-size:10px;color:#006b3d;padding-bottom:11px;}	
.ec-base-product > .title h3 {display:block;font-size:33px;line-height:1;}	
.ec-base-product img { vertical-align:middle;}
.ec-base-product a[href^='/product/detail.html'] > img { border:1px solid #ececec;}
.ec-base-product .prdList { width:100%;margin:0 0 0;font-size:0;line-height:0;letter-spacing:0;}
.ec-base-product .prdList > li { position:relative;display:inline-block;margin:0 0 70px;vertical-align:top;overflow:hidden;}
.ec-base-product .prdList > li * {}
.ec-base-product .prdList > li .cartIcon {text-align:center;}
.ec-base-product .prdList > li .cartIcon img {width:70%;margin:50px auto 0;;}

.ec-base-product .prdList > li .icon {text-align: left;}
.ec-base-product .prdList > li .icon img {height:20px;margin:0 2px 2px;}


.ec-base-product .prdList .chk { display:none;}
.ec-base-product .prdList .thumbnail { position:relative;text-align:center;overflow:hidden;margin-bottom:18px}	
.ec-base-product .prdList .thumbnail .prdImg { position:relative;overflow:hidden;}
.ec-base-product .prdList .thumbnail a img {width:100%;box-sizing:border-box;}



.ec-base-product .prdList .thumbnail .wish { position:absolute;right:3px;bottom:4px;z-index:1;cursor:pointer;display:none;}
.ec-base-product .prdList .thumbnail .prdIcon { position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;}

.ec-base-product .prdList .thumbnail .icon {}
.ec-base-product .prdList .thumbnail .icon:after { content:"";display:block;clear:both;}

.ec-base-product .prdList .thumbnail .promotion { float:left;margin:0 0 4px;text-align:left;}
.ec-base-product .prdList .thumbnail .promotion img { margin:0 4px 0 0;}

.ec-base-product .prdList .thumbnail .button {display: none;}

.ec-base-product .prdList .thumbnail .button { font-size:0;line-height:0;letter-spacing:0;}
.ec-base-product .prdList .thumbnail .button > * {display:inline-block;vertical-align:middle;}
.ec-base-product .prdList .thumbnail .button img { margin:0;cursor:pointer;}
.ec-base-product .prdList .thumbnail .button .option { display:inline;position:relative;}
.ec-base-product .prdList .thumbnail .button .likeButton { display:inline-block;margin:0 0 }
.ec-base-product .prdList .thumbnail .button .likeButton button { font-family:verdana;color:#9a9a9a;letter-spacing:-1px;background:none;}
.ec-base-product .prdList .thumbnail .button .likeButton button strong {display:none;}
.ec-base-product .prdList .thumbnail .button .likeButton button img { margin:0;vertical-align:middle;}
.ec-base-product .prdList .thumbnail .button .likeButton button strong {height:16px;vertical-align:middle;}
.ec-base-product .prdList .thumbnail .button .likeButton.selected button { color:#353535;}

.ec-base-product .prdList .thumbnail .button img {height:15px;margin-right: 5px;}

.ec-base-product .prdList > li:hover .thumbnail .icon {opacity:1;visibility:visible;bottom:0px;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}


.ec-base-product .prdList .description { margin:0 auto;padding:0 0;font-size:12px;text-align: center;}
.ec-base-product .prdList .description .name { word-wrap:break-word;margin:0;font-weight:normal;display:block;}
.ec-base-product .prdList .description .name a { display:block;padding:0 0 20px;text-align: center;min-height:74px;}
.ec-base-product .prdList .description .name a * {    font-size: 18px !important;line-height: 1.5;font-weight: 500 !important;color: #006b3d !important;}
.ec-base-product .prdList .description .mileage { display:block;}
.ec-base-product .prdList .description span.grid { display:block;}








/* module="product_ListItem" */
.ec-base-product .spec { margin:0;font-size:0;line-height:0;text-align: left;}
.ec-base-product .spec li {line-height:1.5;font-size:13px;padding:8px 0;}
.ec-base-product .spec li .title { font-weight:normal;vertical-align:top;}
.ec-base-product .spec li .title * {font-weight: 300 !important;; vertical-align:top;	}
.ec-base-product .spec li.color { overflow:hidden;display:inline-block;margin:24px 0 0 0;}
.ec-base-product .spec li.chips { float:left;width:16px;height:16px;margin:0 2px 4px 0;border:0;font-size:0;line-height:0;border-radius:100% !important;transform:scale(.8);}

.ec-base-product .spec li.line {border-bottom: 1px solid #3f271e;padding:6px 0 ;}
.ec-base-product .spec li.line.first {border-top: 2px solid #3f271e;margin-top: 24px;}
.ec-base-product .spec li.line * {font-size: 11px !important; color:#006b3d !important}
.ec-base-product .spec li.line > * {display: inline-block;vertical-align: middle;}

/* 원디자인 추가내용 */



.ec-base-product .prdList > li .priceLine {border-bottom: 1px solid #b0a69f;padding-bottom: 12px;}
.ec-base-product .prdList > li .priceLine * {font-size: 15px !important; color:#33302c !important}
.ec-base-product .prdList > li .priceLine > ul {display: table;table-layout: fixed;width:100%;}
.ec-base-product .prdList > li .priceLine > ul > div {display:table-cell;vertical-align: top;}
.ec-base-product .prdList > li .priceLine > ul > div.left  {text-align:left;width:30%;}
.ec-base-product .prdList > li .priceLine > ul > div.left .listVol .title{display: none;}
.ec-base-product .prdList > li .priceLine > ul > div.right  {text-align: right;}



.ec-base-product .description {line-height:1.5em;}

.ec-base-product .description li.listCustomPrice,
.ec-base-product .description li.listPrice,
.ec-base-product .description li.listSaleprice {position:relative;display:inline-block;vertical-align:middle;}
.ec-base-product .description li.listCustomPrice *,
.ec-base-product .description li.listPrice *,
.ec-base-product .description li.listSaleprice *{ font-family:'Noto Sans KR'; font-size:15px !important;color:#006b3d !important;font-weight:400 !important;letter-spacing:-.2px}
.ec-base-product .description li.listSaleprice * {color: #006b3d !important;}
.ec-base-product .description li.listCustomPrice * {opacity:.5;}

.ec-base-product .description li.listCustomPrice { padding-right:8px;}
.ec-base-product .description li.listSaleprice {padding-left: 8px;}


.ec-base-product .description li.listYoyak,
.ec-base-product .description li.listSubname { padding:12px 0 10px 0;text-align: left;}
.ec-base-product .description li.listSubname {padding-top: 20px;}
.ec-base-product .description li.listYoyak *,
.ec-base-product .description li.listSubname * {    font-weight: 300 !important;font-size: 11px !important;line-height: 1.9 !important;color: #33302c !important;letter-spacing: -.5px;}

.ec-base-product .description li.listModel { margin-bottom:11px;}
.ec-base-product .description li.listModel * {font-weight:300 !important;font-size:10px !important;color:#000 !important;}

.ec-base-product .description li.listBrand { margin-bottom:5px;}
.ec-base-product .description li.listBrand * {font-weight:300 !important;font-size:10px !important;color:#84501d !important}






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

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

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

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


/* 반응형 */


/* grid */

.ec-base-product ul.grid2 > li { width:48%;margin-right:4% }	
.ec-base-product ul.grid2 > li:nth-child(2n) {margin-right:0}
.ec-base-product ul.grid3 > li { width:31%;margin-right:3.5% }	
.ec-base-product ul.grid3 > li:nth-child(3n) {margin-right:0}
.ec-base-product ul.grid4 > li {width: calc(25% - 50px);margin-right: 66.66px;}	
.ec-base-product ul.grid4 > li:nth-child(4n) {margin-right:0}
.ec-base-product ul.grid5 > li { width:calc(20% - 12px);margin-right:15px;}	
.ec-base-product ul.grid5 > li:nth-child(5n) {margin-right:0}




.ec-base-paginate { margin:30px 0 80px;text-align:center;font-size:0;line-height:0;letter-spacing:0;}
.ec-base-paginate > a {display:inline-block;vertical-align:middle;line-height:1;width:7px;padding:0 18px;;font-size:12px;letter-spacing:.5px;}

.ec-base-paginate > a:first-child {margin-right:7px;}
.ec-base-paginate > a:last-child {margin-left:7px;} 

.ec-base-paginate ol { display:inline-block;font-size:0;line-height:0;letter-spacing:0;vertical-align:middle;*display:inline;*zoom:1;*margin:0;}
.ec-base-paginate li { display:inline-block;vertical-align:middle;*display:inline;*zoom:1;margin:0 2px;}
.ec-base-paginate li:last-child {margin-right:0;}
.ec-base-paginate li:first-child { margin-left:0;}
.ec-base-paginate img { vertical-align:middle;opacity:.8;}
.ec-base-paginate li a { position:relative;display:inline-block;padding:0;line-height:1;margin:0 5px;font-size:11px;background:none;letter-spacing:.5px;;}
.ec-base-paginate li a:hover { text-decoration:none;}
.ec-base-paginate li a.this { padding-right:38px;font-weight: bold;}
.ec-base-paginate li a.this span { position:absolute;right:0;top:7px;width:30px;height:1px;background:rgba(0,0,0,0.35);}
.ec-base-paginate a.nolink { cursor:default;}



.ec-base-layer .ec-base-paginate {margin:50px 0 !important}
.ec-base-layer .ec-base-paginate li a.this {padding-right:0;}


.ec-base-tab { position:relative;padding:0 0 70px}
.ec-base-tab .menu {box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;text-align:right;font-size:0;line-height:0;letter-spacing:0;}
.ec-base-tab .menu:after { content:"";display:block;clear:both;}
.ec-base-tab .menu li {display:inline-block;vertical-align:middle;padding:0 15px;opacity: .8;}
.ec-base-tab .menu li:last-child {padding-right:0;}
.ec-base-tab .menu li a {    position: relative;display: block;padding: 6px 0;text-align: center;font-weight: 300;line-height: 1;letter-spacing: -1px;font-size: 14px;}
.ec-base-tab .menu li a span {  display: inline-block;vertical-align: middle;border-radius: 3px;width: 14px;height: 14px;line-height: 13px;text-align: center;box-sizing: border-box;font-size: 14px;margin-top: -3px;margin-left: 0px;}
.ec-base-tab .menu li.selected {opacity: 1;}
.ec-base-tab .menu li.selected a { font-weight:500;}
.ec-base-tab .menu li.selected a span {}
.ec-base-tab > .right { position:absolute;top:8px;right:10px;line-height:24px;}


/* typeLight */
.ec-base-tab.typeLight .menu li.selected a { margin:0 0 -2px;}

/* button */
[class^='btnNormal'],
a[class^='btnNormal'],
[class^='btnSubmit'],
a[class^='btnSubmit'] ,
[class^='btnEm'],
a[class^='btnEm'] ,
[class^='btnBasic'],
a[class^='btnBasic'] { display:inline-block;box-sizing:border-box;padding:0 10px;border:0;font-size:11px;line-height:39px;font-weight:normal;text-decoration:none;vertical-align:middle;letter-spacing:.5px;text-align:center;white-space:nowrap;background-color:#d8cab8;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
[class^='btnNormal'].disabled { border-color:#e3e3e3;;}
[class^='btnSubmit'].disabled { background-color:#9297a2;color:#f0f0f0;}
[class^='btnEm'].disabled { background-color:#b5b6b9;color:#f0f0f0;}
[class^='btnBasic'].disabled { ;}
/* size */
[class^='btn'].sizeS { padding:3px 4px;}
[class^='btn'].sizeM { padding:8px 20px;font-size: 12px;}
[class^='btn'].sizeL { padding:10px 16px;min-width:80px;font-weight:30}
/* width Fix */
[class^='btn'][class*='Fix'] { width:72px;word-break:keep-all;word-wrap:break-word;}
[class^='btn'][class*='Fix'].sizeS { width:110px;}
[class^='btn'][class*='Fix'].sizeM { min-width:120px;padding-left:8px;padding-right:8px;line-height: 30px;background:#d8cab8;color:#f7f2eb}
[class^='btn'][class*='Fix'].sizeL { width:160px;padding-left:8px;padding-right:8px;}

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

/* unique */
.btnLogin, a.btnLogin { display: inline-block;box-sizing: border-box;line-height: 52px;text-align: center;font-size: 15px;font-weight: 500;letter-spacing: 0px;text-decoration: none;
color: #eaf4ee;background-color:#006b3d;;border: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;transition: all 0.5s;}
.btnLogin:hover { color: #eaf4ee; background-color:#00331b; }
.btnLogin2, a.btnLogin2 {     cursor: pointer;display: inline-block;box-sizing: border-box;line-height: 52px;text-align: center;font-size: 14px !important;font-weight: 500 !important;letter-spacing: 0;text-decoration: none;background-color: #d8cab8;color: #605e58;}
.btnKakao { display:block;margin-top:8px;padding:0 0 0 20px;height:60px;line-height:60px;background-color:#fee500;font-size:16px;background-image:url(//storage.keepgrow.com/admin/campaign/20200611043456590.svg);background-repeat:no-repeat;background-position:15px;width:100%;box-sizing:border-box;text-align:center;line-height:60px;border-radius:6px;}
.btnAgree, a.btnAgree { display:inline-block;box-sizing:border-box;width:80px;height:70px;line-height:70px;border:1px solid #d1d1d1;border-radius:2px;text-align:center;font-size:12px;font-weight:bold;text-decoration:none;background-color:#fff;}
.btnAgree:hover { background-color:#f3f3f3;}
.btnToggle { display:inline-block;font-size:0;line-height:0;}
.btnToggle button { display:inline-block;box-sizing:border-box;border:1px solid #d1d1d1;margin:0 -1px 0 0;padding:0 7px;height:24px;line-height:24px;text-align:center;font-size:12px;outline:0;text-decoration:none;}
.btnToggle button:first-child { border-radius:2px 0 0 2px;}
.btnToggle button:last-child { border-radius:0 2px 2px 0;}
.btnToggle button.selected { position:relative;border:1px solid #84868b;color:#fff;background:#84868b;}

/* ec-base-button */
.ec-base-button { padding:30px 0;text-align:center;}
.ec-base-button.justify { position:relative;}
.ec-base-button:after { display:block;content:"";clear:both;}
.ec-base-button .gLeft { float:left;text-align:left;}
.ec-base-button .gLeft a {margin-left:2px;}
.ec-base-button .gLeft a:first-child {margin-left:0px;}
.ec-base-button .gRight { float:right;text-align:right;}
.ec-base-button .gRight a {margin-right:2px;}
.ec-base-button .gRight a:last-child {margin-right:0;}
.ec-base-button.justify .gLeft { position:absolute;left:0;}
.ec-base-button.justify .gRight { position:absolute;right:0;}
.ec-base-button .text { margin:0 6px 0 10px;line-height:24px;font-weight:400;}
/* type */
.ec-base-button.typeBorder { padding:20px 0 !important }
.ec-base-button.typeBG { }
/* gColumn */
.ec-base-button[class*="gColumn"] { margin:0 auto;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:flex;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;justify-content:center;}
.ec-base-button[class*="gColumn"]:after { display:none;}
.ec-base-button[class*="gColumn"] [class^='btn'] { margin:0 2px;padding-left:8px;padding-right:8px;word-break:keep-all;word-wrap:break-word;white-space:normal;-webkit-flex:1;-moz-flex:1;-ms-flex:1;flex:1;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:flex;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;align-items:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;justify-content:center;border:1px solid #dcd8cc;margin-bottom:10px;font-size:11px;border:0;letter-spacing:0px;font-weight:400;}
.ec-base-button[class*="gColumn"] [class^='btn'][class*='Fix'] { -webkit-flex:none;-moz-flex:none;-ms-flex:none;flex:none;}
/* gFlex */
.ec-base-button[class*="gColumn"] .gFlex2 { -webkit-flex:2;-moz-flex:2;-ms-flex:2;flex:2;}
.ec-base-button[class*="gColumn"] .gFlex3 { -webkit-flex:3;-moz-flex:3;-ms-flex:3;flex:3;}
.ec-base-button[class*="gColumn"] .gFlex4 { -webkit-flex:4;-moz-flex:4;-ms-flex:4;flex:4;}


.totalP {}
/* base */

.ec-base-box { margin:0 auto;}
.ec-base-box.gHalf { position:relative;padding:20px 0;}
/* .ec-base-box.gHalf:before { position:absolute;top:0;left:50%;display:block;content:"";width:1px;height:100%;background-color:#e6e6e6;}*/
 .ec-base-box.typeBg { background-color:#f7f2eb;}
.ec-base-box.typeThin { border-width:1px;border-color:#d7d5d5;}
.ec-base-box.typeThin h3.boxTitle { margin:0 0 20px;font-size:20px;text-align:center;}
.ec-base-box.typeThinBg { }
.ec-base-box.center { text-align:center;}
/* 약관 */
.ec-base-box.typeThinBg > .agree {     padding: 50px 46px 50px 50px;
    background: #d8cab8;
    line-height: 2;
    font-size: 12px;
    height: 598px;
    font-weight: 400;}
.ec-base-box.typeThinBg > .agree p { padding:0 0 17px;line-height:2 !important;}
.ec-base-box.typeThinBg > .agree .fr-view { word-wrap:break-word;margin-bottom:50px;height:492px;overflow-y:scroll;padding-right:50px;font-weight:300;letter-spacing:0;box-sizing:border-box;}
/* typeMember */
.ec-base-box.typeMember { padding:0;}
.ec-base-box.typeMember .information { display:table;table-layout:fixed;padding:10px 0;width:100%;box-sizing:border-box;}
.ec-base-box.typeMember .information > .title, .ec-base-box.typeMember .information > .thumbnail { display:table-cell;padding:0 15px;width:70px;text-align:center;vertical-align:middle;}
.ec-base-box.typeMember .information > .title { vertical-align:middle;}
.ec-base-box.typeMember .information > .thumbnail {display: none;}
.ec-base-box.typeMember .information > .thumbnail img { max-width:70px;}
.ec-base-box.typeMember .information .description { display:table-cell;padding:0 20px;width:auto;line-height:1.5em;border-left:1px solid #e8e8e8;vertical-align:middle;font-size: 11px;}
.ec-base-box.typeMember.gMessage {}
.ec-base-box .message {     display: block;
    padding: 10px 0 10px 17px;
    border: 0;
    background: #d8cab8;
    font-weight: 400;}

/* typeProduct */
.ec-base-box.typeProduct {    display: table;table-layout: fixed;padding: 20px;width: 100%;box-sizing: border-box;background: #f7f2eb;margin-bottom: 50px;;}
.ec-base-box.typeProduct .thumbnail, .ec-base-box.typeProduct .information { display:table-cell;padding:0 20px 0 0;vertical-align:middle;}
.ec-base-box.typeProduct .thumbnail { width:75px;}
.ec-base-box.typeProduct .thumbnail img { max-width:65px;}
.ec-base-box.typeProduct .information { padding-left:0;}
.ec-base-box.typeProduct .information > img {display:none;}
.ec-base-table table tr {background:transparent !important;}
.ec-base-table table { position:relative;border-top:0;line-height:1.5;font-size:11px;}
.ec-base-table.gLayoutFixed table { table-layout:fixed;}
.ec-base-table.gLayoutFixed .gLayoutAuto table { table-layout:auto;}
.ec-base-table td { padding:11px 10px 10px;vertical-align:middle;word-break:break-all;word-wrap:break-word;}
.ec-base-table td.clear { padding:0 !important;border:0 !important;}

/* horizontal */
/* typeWrite */
.ec-base-table.typeWrite table {border-top:1px solid #dad5cc}
.ec-base-table.typeWrite img { max-width:100% !important;height:auto !important;}
.ec-base-table.typeWrite thead th:last-child {}
.ec-base-table.typeWrite tbody th { padding:14px 0 14px 16px;font-size: 12px;letter-spacing: .5px;font-weight: 300;border-bottom:1px solid #dad5cc;text-align:left;background-color:#d8cab8;vertical-align:middle;font-weight:400;}
.ec-base-table.typeWrite th { word-break:break-all;word-wrap:break-word;}
.ec-base-table.typeWrite tbody td {border-bottom:1px solid #dad5cc;padding:11px 16px;font-size: 12px;font-weight: 300;}
.ec-base-table.typeWrite tbody td.bon {padding:0;border:0;	}
/* vertical */
/* typeList */
.ec-base-table.typeList table { /* border-top:1px solid #d7d5d5;*/}
.ec-base-table.typeList table:before { display:none;}
.ec-base-table.typeList td {padding:15px 6px;font-size:12px;color:#33302c;border-bottom:1px solid #e5e4d8;}

.ec-base-table.typeList td strong {font-weight:normal !important;}

.ec-base-table.typeList .xans-board-notice td {}
.ec-base-table.typeList .xans-board-notice td i {color:#6d7564;font-size:15px;}



.ec-base-table.typeList tfoot td {padding: 19px 20px;}
.ec-base-table.typeList thead th {vertical-align: middle;font-weight: 300;background:#d8cab8;padding: 12px 0;font-size: 12px;line-height: 1.6;}
.ec-base-table.typeList thead th:last-child {}
.ec-base-table.typeList tbody th { padding:11px 0 10px 18px;border:1px solid #f2eedf;border-bottom-width:0;text-align:left;font-weight:normal;background-color:#f7f2eb;color:#31363d;vertical-align:middle;}
.ec-base-table.typeList th { word-break:break-all;word-wrap:break-word;}
.ec-base-table .message { padding:80px 0;text-align:center;color:#757575;font-weight:400}
.ec-base-table table + .message { margin:-1px 0 0;}
.ec-base-table table td.message { padding:50px 0;}
.ec-base-table .scroll .message { border:0;}
/* scroll */
.ec-base-table.typeList .head td { padding:11px 0 10px;border-left:1px solid #f2eedf;border-bottom:1px solid #f2eedf;vertical-align:middle;text-align:center;background:#f7f2eb;}
.ec-base-table.typeList .head td:first-child { border-left:0;}
.ec-base-table.typeList .scroll { position:relative;overflow-x:hidden;overflow-y:scroll;max-height:185px;min-height:100px;border:1px solid #d7d5d5;border-top-width:0;margin-top:-1px;}
.ec-base-table.typeList .scroll table { border:0;margin:0;}
.ec-base-table.typeList .scroll table:before { display:none;}
.ec-base-table.typeList .scroll .message { border:0;}
/* thead - blind */
.ec-base-table thead.blind,
.ec-base-table thead.blind th { display:none;}
.ec-base-table thead.blind + tbody tr:first-child th,
.ec-base-table thead.blind + tbody tr:first-child td { border-top-width:0;}
/* Line */
.ec-base-table.typeList.gLine table { border-width:0;border-bottom-width:1px;}

/* common */
/* border, background style none */
.ec-base-table.typeClear table:before { display:none;}
.ec-base-table.typeClear table,
.ec-base-table.typeClear th,
.ec-base-table.typeClear td { border:0 none;background:none;}
.ec-base-table.typeClear th { font-weight:bold;}
/* border */
.ec-base-table.gBorder td { }
.ec-base-table.gBorder td:first-child { border-left:0;}
.ec-base-table.gBorder td.gClearLine { border-left:0;}
.ec-base-table.typeList.gBorder tbody td {;font-weight:400;}


.ec-base-table.typeList.gBorder tbody td [class^='btnNormal'] {    line-height: 28px;font-size: 10px;letter-spacing: -.5px;}
/* align */
.ec-base-table .left { text-align:left;}
.ec-base-table .center { text-align:center;}
.ec-base-table .right { text-align:right;}
.ec-base-table.typeList .center td,
.ec-base-table.typeList td.center { padding-left:0;padding-right:0;}
.ec-base-table.typeList .center td.left {;}
.ec-base-table.typeList .center td.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;}
.ec-base-table.typeList .center td.subject > a {font-weight:300;font-size:12px;color:#33302c !important}
/* form */
.ec-base-table img { vertical-align:middle;}
/* address */
.ec-base-table .ec-address { margin:-9px -10px -7px;}
.ec-base-table .ec-address > li { padding:8px 10px 7px;border-top:1px solid #f2eedf;}
.ec-base-table .ec-address > li input[type="text"] { width:373px;}

.ec-base-table .ec-address > li select { width:383px;}
.ec-base-table .ec-address .ec-base-help { margin-left:0;}
.ec-base-table .ec-address .ec-address-area select { display:block;}
.ec-base-table .ec-address .ec-address-area select:not(:first-child) { margin-top:6px;}
.ec-base-table .ec-address .ec-address-zipcode input[type="text"] { width:80px;margin-right:3px;}
.ec-base-table .ec-address .ec-address-zipcode .btnBasic { margin-right:4px;}

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

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

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

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

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


/********************************* layout *********************************/
body {height:100%;background:#f7f2eb;min-width:1400px;  font-variant-numeric: lining-nums;
    -moz-font-feature-settings: "lnum";
    -webkit-font-feature-settings: "lnum";
    font-feature-settings: "lnum";word-break:keep-all;}
body.mask2,
body.hiddenX {overflow-x:hidden;}
#container {clear:both;padding:180px 67px 0px;}
#container > #contents {min-height:750px;min-width:1200px;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s;}
body.oneTop #container {padding:140px 67px 0px;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s;}
body.oneTop #oneTop {opacity: 0;visibility: hidden;height: 0;}



* {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}		



/********************************* header *********************************/



/* 최상단 와이드배너 */
#oneTop { position:relative;text-align:center;background:#006b3d;overflow:hidden;height:40px;visibility: visible;opacity:1;-webkit-transition:all 0.35s;-moz-transition:all 0.35s;-o-transition:all 0.35s;transition:all 0.35s}
#oneTop * {color:#f7f2eb;line-height:40px !important}

#oneTop > ul {position:relative}
#oneTop a{display:block;font-size: 13px;}
#oneTop img { position:relative;left:50%;()left:0% !important;\9;max-width:none;-o-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-webkit-transform:translate(-50%,0);transform:translate(-50%,0);}
#oneTop .btns { position:absolute;right:67px;top:0;z-index:2;}
#oneTop .btns input { position:relative;z-index:2;display:inline-block;width:17px;height:17px;border:0;text-align:center;background:rgba(255,255,255,0.85);margin-right:6px;}
#oneTop .btns a { display:inline-block;margin-left:4px;vertical-align:middle;}
#oneTop .btns i { font-size:17px;display:inline-block}
#oneTop label {font-size:10px;letter-spacing:.5px;}



header { position:fixed;min-width:1400px;padding:0;left:0;top:0px;padding:0;width:100%;z-index:7;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s;}
header * {color:#006b3d}
/*#main header * {color:rgba(255,255,255,0.75);}*/
#main.search header * {color:#006b3d}
header > ul {position:relative;display:table;table-layout:fixed;width:100%;padding:0 67px;}
header > ul > * {display:table-cell;vertical-align:middle;}
header h1 {display: inline-block;vertical-align: middle;padding-right: 30px;-webkit-transition:all 0.35s;-moz-transition:all 0.35s;-o-transition:all 0.35s;transition:all 0.35s}
header h1 a {position:relative;font-size:23px;font-weight:normal;line-height:100px;letter-spacing:.6px;text-align:left;}
header h1 a.color {display: block;}
header h1 a.white {display: none;}
#main header h1 a.color {display: block;}
#main header h1 a.white {display:none;}
header h1 a span {display: block;margin-top: -7px;}
header h1 a img {max-width:100%;height:auto;max-height:25px;}
header svg {width:18px !important;height: 18px !important;	}


/* 대분류 */
header #one_cate {position: relative;text-align: left;}
header #one_cate > ul {display: inline-block;vertical-align: middle;font-size: 0;line-height: 0;}
header #one_cate > ul > li {position: relative;display:inline-block;vertical-align:middle;}
header #one_cate > ul > li > a {position: relative;display:inline-block;font-size:16px;padding:0 22px;line-height: 100px;}
header #one_cate > ul > li.cate1:hover * {color:rgba(255,255,255,0.7)}

header .one_right {width:250px;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s;}
header .one_right > ul {text-align: right;font-size:0;line-height:0;letter-spacing:0;}
header .one_right > ul > * {display:inline-block;vertical-align:middle;padding-left:16px;font-size:14px;line-height:50px;letter-spacing: .5px;}

header .one_right > ul > *:first-child {padding-left: 0;}
header .one_right .cart {position:relative;}

header .one_right > ul > .mypage {position: relative;}
header .one_right > ul > .mypage .sub {    position: absolute;width: 80px;min-width: 80px;left: 0;top: 48px;padding: 9px 16px;background: #006b3d;}
header .one_right .mypage:hover .sub {display: block;}
header .one_right .mypage .sub li {display: block;line-height: 1.5}
header .one_right .mypage .sub li a {    display: block;color: #ece6de !important;font-size: 12px;line-height: 2;}

/* 중분류 */
header .sub { position: absolute;left: 0px;top:100px;min-width:200px;text-align: left;background: rgba(249,245,230,.7);display: none;}
header .sub .position > ul > li { display: block;}
header .sub .position > ul > li a {position: relative;display: block;font-size: 14px;line-height: 1;padding: 16px 22px;background:#006b3d;}
header .sub .position > ul > li:hover > a,
header .sub .position > ul > li:hover > a,
header #one_cate > ul > li.cate1:hover > a {background:#006b3d}
header .sub .position > ul > li:hover.active > a  {background:#095e39}
header #one_cate > ul > li.cate1:hover .sub {display: block;}

header .sub .position > ul > li .sub-category {position: absolute;left:200px;top:0;min-width:200px;display: none;}
header .sub .position > ul > li:hover .sub-category {display: block;}
header .sub .position > ul > li .sub-category > ul > li {display: block;}
header .sub .position > ul > li .sub-category > ul > li > a {display: block;background:#006b3d}
header .sub .position > ul > li .sub-category > ul > li:hover > a {background:#095e39}




/********************************* footer *********************************/

#one_insta {position: relative;padding-top:60px;border-top: 1px solid #cac8bf;text-align: center;	}
#one_insta .title {padding-bottom: 40px;}
#one_insta .title > span {display: inline-block;font-size: 12px;padding-bottom:10px;color:#33302c;letter-spacing: 1px;}
#one_insta .title > h2 {display: block;font-weight: 300 !important;color:#006b3d}



footer { position: relative;color: #f7f2eb;min-width: 1400px;font-size: 13px;line-height: 20px;overflow: hidden;	-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all .2s;-moz-transition: all .2s;-o-transition: all .2s;transition: all .2s;transition-delay: .33s;}
footer > ul {position: relative;background: #efebe1;;padding:67px;}
footer * {color:#33302c;line-height: 20px;font-size: 13px;}
footer a {color:#006b3d}
footer a.pri {color:#33302c}
footer > div {padding: 40px 0 20px;}

footer .cons {position: relative;display: table;table-layout: fixed;width:100%;}
footer .cons > * {position: relative;display:table-cell;vertical-align: top;width:25%;}

footer .cons > .menu > * {padding-bottom:9px;}
footer .cons > .menu h2 {display: none;}
footer .cons .left {}
footer .cons .left {}

footer .cons .company {}
footer .cons .company li {display: block;padding-bottom: 17px;}

footer .cons .join {}
footer .cons .join > div {float: right;width:280px;text-align: left;}
footer .cons .join h2 {     display: block;font-size: 23px;line-height:1.7;padding-bottom: 20px;color: #006b3d; font-weight: 300 !important;}
footer .cons .join span {display: block;padding-bottom: 30px;font-size: 12px;}
footer .cons .join .btn {    display: inline-block;padding: 13px 35px;background: #006b3d;color: #efebe1;border-radius: 0;font-size: 12px;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;}
footer .cons .join .btn:hover {background:#00331b;color:#eaf4ee;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;}


/********************************* #one_list  *********************************/

#one_list {margin-bottom:100px}
#one_list > ul {display: table;table-layout: fixed;width:100%;}
#one_list > ul > * {display:table-cell;vertical-align: top;}

#one_list #left {width:12%}
#one_list #right {padding-left:4%;}

#one_list #left .position {}
#one_list #left .position > ul {}
#one_list #left .position > ul > li {display: block;}
#one_list #left .position > ul > li > a {    display: block;line-height: 1.4;font-size: 14px;font-weight: 300;padding-bottom: 15px;}
#one_list #left .position .sub-category,
#one_list #left .position li:hover .sub-category,
#one_list #left .position .sub-category *,
#one_list #left .position li:hover .sub-category *{-webkit-transition: all .2s;-moz-transition: all .2s;-o-transition: all .2s;transition: all .2s;}


.list_title {position:relative;}
.list_title * {}
.list_title > * {display:block;}
.list_title > h2 {    font-size: 19px;line-height: 1;font-weight: 600;padding-bottom:40px;color:#006b3d}
.list_title > .left {margin-bottom:30px;padding-right:70px}
.list_title > .left h2 { letter-spacing:4px;font-size:18px;font-weight:600;line-height:1;}




/********************************* etc  *********************************/

#one_mask { position:fixed;left:0;top:0;width:100%;height:100%;z-index:8;opacity:0;visibility:hidden;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s;background-color:rgba(117,117,117,.36);}
#one_mask2 { position:fixed;left:0;top:0;width:100%;height:100%;z-index:6;opacity:0;visibility:hidden;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s;background-color:rgba(117,117,117,.36);}
body.mask #one_mask { opacity:1;visibility:visible;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s;}
body.mask2 #one_mask2 { opacity:1;visibility:visible;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s;}


.scrollBtn {opacity:0;visibility:hidden;transform:scale(0);position:fixed;bottom:30px;right:30px;z-index:100;-webkit-transition:all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);-moz-transition:all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);-o-transition:all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);transition:all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) cubic-bezier(0.645, 0.045, 0.355, 1);}
.scrollBtn.active {transform:scale(1);opacity:1;visibility:visible;-webkit-transition:all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);-moz-transition:all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);-o-transition:all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);transition:all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);}
.scrollBtn a { display:block;}
.scrollBtn a.btn_Sns { padding:0;}
.scrollBtn a.btn_Sns img { max-width:100%;border-radius:100%;}




#one_sear { position: fixed;top: 130px;left: 0;width: 100%;height: 175px;background-color: #f7f2eb;z-index: 6;-webkit-transition: all 0.1s;-moz-transition: all 0.1s;-o-transition: all 0.1s;transition: all 0.1s;opacity: 0;visibility: hidden;}
#one_sear .searBox { width: 100%;position: absolute;left: 0;top: 0px;font-size: 0;line-height: 0;letter-spacing: 0;padding: 32px 67px;box-sizing: border-box;;}
#one_sear.open {    opacity: 1;visibility: visible;top: 140px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;border-top: 1px solid #cfc2bd;border-bottom: 1px solid #cfc2bd;z-index: 9999;;}
#one_sear.open .searBox { opacity:1;visibility:visible;}

#one_sear .searBox fieldset { }
#one_sear .searBox fieldset input,
#one_sear .searBox fieldset .btn { display:block;vertical-align:middle;line-height:25px;letter-spacing:-0.3px;font-weight:400;}
#one_sear .searBox fieldset input {     width: 100%;border: 0;border: 0;padding: 22px 22px;box-sizing: border-box;color: #f7f2eb;background:#006b3d;font-size: 14px;font-weight: normal;border-radius: 0;line-height: 20px;height: auto;text-align: center;}

#one_sear .searBox fieldset input[name="keyword"]::-webkit-input-placeholder {font-size:14px;color:#f7f2eb;font-weight:300 !important;}
#one_sear .keyword {    padding: 0 0 13px;text-align: center;display: block;vertical-align: middle;}
#one_sear .searBox svg {fill:#645650}
#one_sear h2 { display:block;font-size:16px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.45;letter-spacing:-1.47px;color:rgb(56,56,56,.88);}
#one_sear .keyword ul {position: relative;}
#one_sear .keyword .close {       position: absolute;right: 80px;top: 90px;cursor: pointer;z-index: 6;}
#one_sear .keyword .close a {      font-size: 22px;color: #f7f2eb;display: block;padding: 10px;}
#one_sear .keyword ul li {display: inline-block;vertical-align: middle;padding: 0 3px 9px;border-radius: 7px;/* background-color: #006b3d; */margin:0 5px 11px 5px;}
#one_sear .keyword ul li a {font-size: 14px;font-weight:300;font-stretch: normal;font-style: normal;line-height: 1;letter-spacing:-1px;text-align: center;color: #006b3d;}



.path { overflow:hidden;height:30px;line-height:30px;*zoom:1;display:none;}
.path span { overflow:hidden;position:absolute;width:0;height:0;white-space:nowrap;text-indent:100%;}
.path ol { float:right;}
.path li { float:left;padding:0 0 0 12px;margin:0 0 0 8px;color:#757575;background:url("//img.echosting.cafe24.com/skin/base/layout/ico_path.gif") no-repeat 0 10px;}
.path li:first-child { background:none;}
.path li a { color:#757575;}
.path li strong,
.path li strong a { }




.titleArea { padding:0px 0 50px 0;}
.titleArea h2 { display:inline-block;vertical-align:middle;*display:inline;font-weight:600;letter-spacing:0px;line-height:1;font-size:20px;color:#006b3d}
body#board .titleArea h2 {display: none;}
body#board .titleArea p {margin-left: 0;}
.titleArea * {}	
.titleArea p {    display: inline-block;vertical-align: middle;position: relative;margin: 0 0 0 12px;padding: 0 0 0 0;*display: inline;font-size: 12px;}
.titleArea ul { padding:15px 0 5px;color:#939393;line-height:21px;}
.titleArea ul li { position:relative;display:block;letter-spacing:0;}




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



#modalBackpanel { display:none;position:absolute;top:0;left:0;z-index:10000;width:100%;height:100%;background:#000;}
#modalContainer { display:none;position:absolute;top:100px;left:100px;z-index:10001;width:935px;height:720px;border:1px solid #6d7564;}
#modalContainer #modalContent { width:100%;height:100%;}



.ec-common-rwd-image {height:10px !important;opacity:.5}







body.board .xans-board-title .titleArea {text-align:left;padding-bottom:40px}
body.board .xans-board-title .imgArea img {max-width:100%;}










/* 스크롤시 */
body.scroll #oneTop {height:0;opacity:0;visibility:hidden;-webkit-transition:all 0.35s;-moz-transition:all 0.35s;-o-transition:all 0.35s;transition:all 0.35s}
body.scroll header h1 a {color:#006b3d !important;line-height: 80px;-webkit-transition:all 0.35s;-moz-transition:all 0.35s;-o-transition:all 0.35s;transition:all 0.35s}
body.scroll header #one_cate > ul > li > a {line-height: 80px;}
body.scroll #one_sear.open,
body.scroll header .sub {top:80px;-webkit-transition:all 0.35s;-moz-transition:all 0.35s;-o-transition:all 0.35s;transition:all 0.35s}

body.scroll#main header h1 a.color {display: block;}
body.scroll#main header h1 a.white {display:none;}


body.search header {background:#f7f2eb}
body.search header * {color:#006b3d}
/* reset */
li { list-style:none;}
table { width:100%;border:0;border-spacing:0;border-collapse:collapse;}
caption { display:none;}
h1, h3 { margin:0;}

/* common */
.ec-base-layer { position:fixed !important;z-index:99;left:calc(50% - 350px);top:calc(50% - 300px);width:400px;height:300px;
box-shadow:6px 7px 10px rgba(0,0,0,.13);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;padding-bottom:75px;
border-radius:10px 10px 0 0;background:#f7f2eb}

.ec-base-layer.ec-base-layer2 {	opacity:0;visibility:hidden;}


.ec-base-layer.active { top:calc(50% - 350px);opacity:1;visibility:visible;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;transition-delay:.3s;}
.ec-base-layer .header { padding:7px 35px 7px 19px;color:#fff;background:#006b3d;}
.ec-base-layer .header > h1,
.ec-base-layer .header > h3 { font-size:14px;line-height:35px;font-weight:normal;letter-spacing:1px;}
.ec-base-layer .content { margin:40px 20px 55px;padding:0 20px 0;overflow:hidden;overflow-y:auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.ec-base-layer div.ec-base-help { margin-top:0;}
.ec-base-layer .ec-base-button { padding:20px 0;text-align:center;}
.ec-base-layer .ec-base-button > a {margin:0 3px;}
.ec-base-layer .close {    position: absolute;right: 23px;top: 19px;}
.ec-base-layer .close a { color:rgba(62,62,62,.68);}

/* popup */
#popup {width:100% !important;}
#popup .ec-base-layer { position:relative;border:0;}
#popup .ec-base-layer .header { padding:0 35px 0 19px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#popup .ec-base-layer .close { top:5px;}

/* ec-base-table */
.ec-base-layer .content > .ec-base-table table:first-child { margin-top:0;}
.ec-base-layer .ec-base-table table { line-height:1.4;}
.ec-base-layer .ec-base-table thead th { padding:9px 0 8px;}
.ec-base-layer .ec-base-table tbody th { padding:9px 0 8px 10px;}
.ec-base-layer .ec-base-table td { padding:9px 10px 8px;}
/* horizontal - typeWrite */
.ec-base-layer .ec-base-table.typeWrite td { padding:5px 10px 4px;}
/* vertical - typeList */
.ec-base-layer .ec-base-table.typeList tfoot td { padding:10px 10px 12px;}
/* typeBorder */
.ec-base-layer .ec-base-table.typeBorder tfoot td { padding:10px 10px 12px;}
/* address */
.ec-base-layer .ec-base-table .ec-address { margin:-6px -10px -4px;}
.ec-base-layer .ec-base-table .ec-address > li { padding:5px 10px 4px;}



/* 장바구니 레이어 */

.xans-order-layerbasketpackage.ec-base-layer {top:calc(50% - 348px)}

body#popup .ec-base-layer {position: relative !important;width:100% !important;height:auto !important;left:auto !important;top:auto !important;margin: 0 !important;padding: 0 !important;}
body#popup .ec-base-layer [class^='btn'][class*='Fix'].sizeS {width:120px !important}
.xans-layout-multishopshipping { display:none;}
.xans-layout-multishopshipping .worldshipLayer { top:303px;left:50%;width:448px;margin:0 0 0 -225px;}
.xans-layout-multishopshipping .worldshipLayer .content { padding:153px 20px 30px;line-height:1.8;background:url("//img.echosting.cafe24.com/skin/base/link/bg_worldship.gif") center 21px no-repeat;}
.xans-layout-multishopshipping .worldshipLayer .content .desc { display:block;margin:4px 0 14px;}
.xans-layout-multishopshipping .worldshipLayer .select { margin:10px 0 0;}
.xans-layout-multishopshipping .worldshipLayer .select select { width:100%;}
.xans-layout-conversionpc { padding:45px;text-align:center;}
.xans-layout-conversionpc a {
 margin:20px;padding:20px 40px 20px 110px;
 font-size:68px;color:#63666e;text-decoration:none;text-align:center;
 border:4px solid #9d9db0;border-radius:10px;background:url("//img.echosting.cafe24.com/skin/base/layout/ico_mobile.png") no-repeat 40px 50%;
}