.xans-board-listpackage { border-bottom:0px solid #ececec; background:#fff; margin-bottom:50px;}

/* 글쓰기 버튼 */
.xans-board-listpackage .ec-base-button { padding:0 0px; }

/* ì •ë ¬ */
.xans-board-listpackage .boardSort span { display:block; width:48%; padding:0 1%; font-size:13px; }
.xans-board-listpackage .boardSort span select { margin:7px 0; width:100%; }

/* 공지글 */
.xans-board-notice { margin:-1px 0 0; border-top:1px solid #ececec; }
.xans-board-notice li { padding:14px 0; color:#000; border-bottom:1px solid #ececec; }
.xans-board-notice li:after { content:""; display:block; clear:both; }
.xans-board-notice .thumbnail { display:inline-block; float:left; width:88px; }
.xans-board-notice .thumbnail img { width:100%; border:1px solid #ededed; }
.xans-board-notice .summary { margin:0px 0 0; padding:0 0 0 100px; }
.xans-board-notice .summary > span { display:block; padding:0 0 7px; }
.xans-board-notice .subject { display:block;  word-wrap:break-word;margin:0 0 10px;font-size:1.5rem;line-height:1.4em;font-weight:400;color:#000; }
.xans-board-notice .comment { color:#508bed; }
.xans-board-notice .subject img { width:auto; vertical-align:-1px; }
.xans-board-notice .summary .name {display:none;}
.xans-board-notice .summary .date { margin:0 0 2px;font-size:1.2rem;color:#000;line-height:1.2em;font-weight:300; }

/* 고정글 */
.xans-board-fixed { margin:-1px 0 0; border-top:1px solid #ececec; }
.xans-board-fixed li { padding:14px 0; color:#000; border-bottom:1px solid #ececec; }
.xans-board-fixed li:after { content:""; display:block; clear:both; }
.xans-board-fixed .thumbnail { display:inline-block; float:left; width:88px; }
.xans-board-fixed .thumbnail img { width:100%; border:1px solid #ededed; }
.xans-board-fixed .summary { margin:0px 0 0; padding:0 0 0 100px; }
.xans-board-fixed .summary > span { display:block; padding:0 0 7px; }
.xans-board-fixed .subject { display:block;  word-wrap:break-word;margin:0 0 10px;font-size:1.5rem;line-height:1.4em;font-weight:400;color:#000; }
.xans-board-fixed .comment { color:#508bed; }
.xans-board-fixed .subject img { width:auto; vertical-align:-1px; }
.xans-board-fixed .summary .name {display:none;}
.xans-board-fixed .summary .date { margin:0 0 2px;font-size:1.2rem;color:#000;line-height:1.2em;font-weight:300; }

/* 게시글 : 이미지타입 보기 */
.xans-board-list-8 { margin:-1px 0 0; background:#fff; border-top:0px solid #ececec; }
.xans-board-list-8 .thumbType { position:relative; left:-2px; padding:0 0 29px; color:#757575; }
.xans-board-list-8 .thumbType img { max-width:100%; }
.xans-board-list-8 .thumbType { display:table; table-layout:fixed; width:100%; box-sizing:border-box; padding:14px 0 0; }
.xans-board-list-8 .thumbType li { display:inline-block; margin:0 0 34px; vertical-align:top; }
.xans-board-list-8 .thumbnail { padding:0 3px; margin:0 0 14px; }
.xans-board-list-8 .thumbnail img { width:100%; min-width:88px; border:1px solid #ededed; }
.xans-board-list-8 .summary { margin:0 3px; line-height:1.2em; }
.xans-board-list-8 .summary .subject { display:block; margin:0 0 10px;font-size:1.5rem;line-height:1.4em;font-weight:400; }
.xans-board-list-8 .summary .comment { color:#508bed; }
.xans-board-list-8 .summary .name,
.xans-board-list-8 .summary .date { margin:0 0 7px;font-size:1.2rem;color:#000;line-height:1.2em;font-weight:300; }

.xans-board-list-8 .thumbType.grid2 li { width:50%; }
.xans-board-list-8 .thumbType.grid3 li { width:33.333%; }
.xans-board-list-8 .thumbType.grid4 li { width:25%; }
.xans-board-list-8 .thumbType.grid5 li { width:20%; }

/* 브라우져 가로 1024픽셀 이하일경우 반응*/
@media screen and (max-width: 1024px) {
    .xans-board-list-8 .thumbType.grid2 li { width:50%; }
    .xans-board-list-8 .thumbType.grid3 li { width:33.333%; }
    .xans-board-list-8 .thumbType.grid4 li { width:33.333%; }
    .xans-board-list-8 .thumbType.grid5 li { width:33.333%; }
}

/* 브라우져 가로 64픽셀 이하일경우 반응*/
@media screen and (max-width: 640px) {
    .xans-board-list-8 .thumbType.grid2 li { width:100%; }
    .xans-board-list-8 .thumbType.grid3 li { width:50%; }
    .xans-board-list-8 .thumbType.grid4 li { width:50%; }
    .xans-board-list-8 .thumbType.grid5 li { width:50%; }
}

/* 게시글 없음 */
.xans-board-empty { padding:28px 0; text-align:center; font-size:12px; background:#fff; }

.xans-board-paging-8.ec-base-paginate.typeList { background:#fff; }

/* 공통 */
.xans-board-search { margin:0 0 29px; padding:14px; border-top:1px solid #ececec; border-bottom:1px solid #ececec; text-align:left; }
.xans-board-search input#search { width:100%; }
.xans-board-search .category { overflow:hidden; }
.xans-board-search .category select { margin:0 0 7px; }
.xans-board-search .category select#product_category_depth1, .xans-board-search .category select#product_category_depth3,
.xans-board-search .category select#search_date { float:left; width:49%; }
.xans-board-search .category select#product_category_depth2, .xans-board-search .category select#product_category_depth4,
.xans-board-search .category select#search_key { float:right; width:49%; }

/* 1:1맞춤상담 */
.xans-board-search.xans-board-search-9 { margin:0; padding:0; }
.xans-board-search.xans-board-search-9.boardSearch9 { margin:0 0 29px; padding:14px; }

@charset "utf-8";

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

/* tag reset */

/* reset */
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, button, p, blockquote, th, td { margin:0; padding:0;-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
html { width:100%; height:100%;font-size:11px;}
@media screen and (max-width: 4220px) {
    html {font-size:14px;}
}
@media screen and (max-width: 2480px) {
    html {font-size:12px;}
}
@media screen and (max-width: 2220px) {
    html {font-size:11px;}
}
@media screen and (max-width: 1930px) {
    html {font-size:10px;}
}
@media screen and (max-width: 1680px) {
    html {font-size:10px;}
}
@media screen and (max-width: 1440px) {
    html {font-size:9px}
}
@media screen and (max-width: 1280px) {
    html {font-size:55%}
}
@media screen and (max-width: 1024px) {
    html {font-size:10px}
}

body,code { font-size:1.5rem;font-family: 'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', Dotum, '돋움', 'AppleGothic', 'Apple SD Gothic Neo',sans-serif; color:#353535; background:#fff; }
/*body, code { min-width:320px; font-size:13px; line-height:1.2em; color:#1b1b1b; background:#fff; -webkit-text-size-adjust:none; }*/
body { min-width:320px;  }
body#popup {min-width:0;  }
code { background:none; display:block; }
li { list-style:none; }
ul li { list-style:none; }
ol { list-style-position:inside; }
img, fieldset{ border:none; }
img { vertical-align:middle; }
hr.layout { display:none; }
em, address { font-style:normal; }
ins { text-decoration:none; }
a { text-decoration:none; color:#000; outline: 0 !important;
    -webkit-transition:0.5s;
    -ms-transition:0.5s;
    -o-transition:0.5s;
    transition:0.5s;
}
a:hover { text-decoration:none; color:#aaa;
    -webkit-transition:0.5s;
    -ms-transition:0.5s;
    -o-transition:0.5s;
    transition:0.5s;
}
a:active { text-decoration:none; }
table { width:100%;   border:0 none; border-spacing:0; border-collapse:collapse; }
table caption { display:none; }
th, td { border:0;   }
legend { height:0; width:0; display:block; text-indent:-9999em; }
label { cursor:pointer; }
button::-moz-focus-inner { padding:0; border:0; }

 


/* html5 */
object, del, sub, var { margin:0; padding:0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
 
@charset "utf-8";

/* 사파리 스크롤 바운스 제거*/
#wrap { -webkit-overflow-scrolling:auto; }
#layout_wrap {position:relative; overflow:hidden;}

/*반응형 상단메뉴*/
#header  { z-index:997;position:fixed; left:0px;top:-54px;width:100%;background:rgba(255,255,255,0);height:80px; display:block;opacity:0;}
#header .category { position:absolute; left:3%; top:20px; width:40px; height:40px; vertical-align:middle;  }
#header .category a { display:inline-block; overflow:hidden; width:100%; height:100%; text-indent:100%; white-space:nowrap; background:url("//ponybrown.com/web/season2_skin/skin4/images/btn_category.svg") no-repeat 0 0; background-size:20px; background-position:center center;}

#header .search { position:absolute; right:3%; top:20px; width:40px; height:40px; vertical-align:middle;  }
#header .search a { 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("//ponybrown.com/web/season2_skin/skin4/images/btn_search.svg") no-repeat 0px 2px; background-size:18px; background-position:center center;}

#header #logo { width:50%;margin:0 auto;text-align:center;padding:30px 0;height:20px;float:none !important;}
#header #logo img { max-width:100%;max-height:20px;margin:0px 0px;}


/*최상단 좌측메뉴*/
#left {position:fixed;left:2.2%;margin-top:2.2%;z-index:999;width:7.5%;background:rgba(255,255,255,0);padding:2%; min-width:130px;
    -webkit-transition: all 0.5s ease-in;
    -ms-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
}
#left:hover {background:rgba(255,255,255,0.8);}
#left.hidetoggle {opacity:0;}
 

/*메인로고메뉴*/
#left_menu .logo {margin:0px auto 30px;}
#left_menu .logo img {width:100%;position:relative;}
#left_menu .logo img:hover { }

/* 좌측메뉴*/
#left_menu { margin:0px auto 0px;}
#left_menu ul { font-size:0; line-height:0;}
#left_menu li { position:relative; z-index:10;  }
#left_menu > li {font-weight:900;text-transform:uppercase;letter-spacing:1px;font-size:1.6rem;line-height:1.4em;white-space:nowrap;}
#left_menu li a { display:block; color:#000;}
#left_menu li.cate_menu a:hover {transition: 0.9s cubic-bezier(.14,.46,0,1.34);transform: translate(2px,0px);will-change:transform;}

/*로그인메뉴*/
#left_menu .login_menu {line-height:1.6em;font-size:1.1rem;color:#000;letter-spacing:1px;text-transform:uppercase;font-weight:400;white-space:nowrap;}
#left_menu .login_menu a {display:inline-block;}
#left_menu .login_menu:nth-child(3) {margin-bottom:20px;}

/*스토키스트, 컨텍트어스메뉴*/
#left_menu .small_menu  {font-size:1.1rem;line-height:1.6em;color:#111;font-weight:400;letter-spacing:1px;}

/* 글로벌 메뉴*/
#left_menu .global_btn {margin:10px 0 0;}
#left_menu .global_btn li img {height:15px;margin:0px 10px 0 0;}
#left_menu .global_btn li {display:block;line-height:20px;font-size:1.1rem;width:100%;margin:0 0px 0 0;}
#left_menu .global_btn li:last-child {margin-right:0;}
#left_menu .global_btn span {color:#000;font-weight:300;font-size:1.1rem;}

/*좌측 2뎁스 하위 카테고리메뉴*/
#left_menu .category { margin:0px auto;padding: 10px 0 20px 10px;}
#left_menu .category ul { z-index:1; font-size:0; line-height:0;}
#left_menu .category li { position:relative; z-index:10;  line-height:1.6em;font-size:1.3rem;font-weight:400;}
#left_menu .category li a { color:#000;padding:0px;letter-spacing:0.8px;}
#left_menu .category li.on > a {  }

/*좌측 3뎁스 팝업 카테고리메뉴*/
#left_menu li .sub-category { position:absolute; top:-15px;left:100%; z-index:99999999999999990;width:170px; background:#000; overflow:hidden;padding:15px;  display:none;}
#left_menu li .sub-category ul { }
#left_menu li .sub-category li { padding:0px;width:100%;}
#left_menu li .sub-category li a {width:100%;line-height:1.6em;font-size:1.3rem;padding:0px 0px;display:block;color:#fff;font-weight:normal;letter-spacing:0.5px;}
#left_menu li .sub-category li a:hover { color:#777;}

/*좌측 sns링크메뉴*/
#snslink {position:fixed;right:3.2%;bottom:6.2%;z-index:999;width:2%; }
#snslink a {display:block;margin:40% 20% 0px ;position:relative;width:60%;}
#snslink a:last-child {margin-right:0;}
#snslink a img {width:100%;}
#snslink a .toggle_img {opacity:0;position:absolute;left:0px;top:0px;z-index:99;width:100%;height:100%;}
#snslink a:hover .toggle_img {opacity:1;z-index:999;}
 
/*우측메뉴*/
#right {position:fixed;right:3.2%;margin-top:4.2%;z-index:999;width:2%;padding-bottom:0px;text-align:center;}
#right #r_search a {width:70%;padding:25% 15% ;line-height:2em;font-size:1.6rem;text-align:center;background:rgba(255,255,255,0);margin:0px 0 10px;vertical-align:middle;color:#000;display:block;}
#right #r_search a:hover {background:rgba(255,255,255,0.7);}
#right #side_on a {width:70%;padding:25% 15%;line-height:2em;font-size:1.6rem;text-align:center;background:rgba(255,255,255,0);margin:0px 0;vertical-align:middle;color:#000;display:block;}
#right #side_on a:hover {background:rgba(255,255,255,0.7);}

/*메인레이아웃센터*/
#container {  margin:0px auto 0px; *zoom:1; overflow:hidden;z-index:10;}
#container:after { content:""; display:block; clear:both; }
#contents {overflow:hidden;margin:0 auto; }

/*공통레이아웃센터*/
#sub_container {  margin:0px auto 0;padding:60px 10% 60px 16%;  *zoom:1;  z-index:10;background:#fff; }
#sub_container:after { content:""; display:block; clear:both; }
#sub_contents { min-height:800px; margin:0px auto 0px;}

/*와이드레이아웃센터*/
#wide_container {  margin:0px auto 0px; *zoom:1; overflow:hidden;z-index:10;}
#wide_container:after { content:""; display:block; clear:both; }
#wide_contents {overflow:hidden;margin:0 auto;}

 
/*하단회사정보레이아웃*/
#bottom {position:relative;opacity:0.1; bottom:-30px;padding:50px 60px 60px 60px ;background:#f9f9f9;z-index:9999;color:#000;text-align:center; word-break:keep-all; }
#bottom.move_Top_In2{
    transition: 1s cubic-bezier(.14,.46,0,1.34);
    transition-delay:0s;
    transform: translate(0,-30px);
    opacity: 1;
}
#bottom.move_Top_Out2{
    transition: 1s ease;
    transition-delay:0s !important;
    transform: translate(0,30px);
    opacity: 0;
}
#bottom a {color:#000;}
#bottom a:hover {color:#aaa;} 
#bottom:hover { }
#bottom hr {display:inline-block;width:100%;margin:30px auto; border:none;border-top:1px solid #eee;}

#bottom .bottom_menu {text-align:center;position:relative;z-index:999;}
#bottom .bottom_menu a {display:inline-block;padding:0 10px;border-left:1px solid #eee;font-size:1.3rem;line-height:1.6em;}
#bottom .bottom_menu a:first-child {border-left:0;padding-left:0;}
#bottom .bottom_menu .top_btn {position:absolute;right:0px;top:5px;font-size:1.6rem;line-height:1.6em;border-left:0;}
#bottom .bottom_menu .bottom_plus {position:absolute;left:0px;top:5px;font-size:1.6rem;line-height:1.6em;border-left:0;}
#bottom .bottom_menu .bottom_language {position:absolute;right:0;bottom:-80px;display:none;}
#bottom .bottom_menu .bottom_language ul {font-size:0;line-height:0;text-align:right;}
#bottom .bottom_menu .bottom_language ul li {display:inline-block;margin-left:10px;font-size:1.3rem;line-height:18px;width:34px;}
#bottom .bottom_menu .bottom_language ul li img {width:100%;border:0;}
#bottom .bottom_menu .bottom_language ul li a {padding:0;}
#bottom .bottom_menu .bottom_language ul li span {display:none;}

#bottom .bottom_info {margin:0 auto 0px;overflow:hidden;position:relative;font-weight:300;width:100%; }
#bottom .bottom_info ul {text-align:left;font-size:0;line-height:0;width:100%;margin:0 auto;  }
#bottom .bottom_info ul li {display:inline-block;vertical-align:top;color:#000;box-sizing:border-box;font-size:1.4rem;line-height:1.6em;}
#bottom .bottom_info ul li h2 {font-size:1.4rem;margin-bottom:15px;line-height:1.6em;font-weight:900;}
#bottom .bottom_info ul li a {color:#000;}
#bottom .bottom_info ul li:nth-child(2) {border-left:1px solid #eee;padding-left:3%;margin-left:3%;width:60%;}
#bottom .bottom_info table {text-align:left;  }
#bottom .bottom_info table th { width:18%;font-size:1.3rem;line-height:2em;text-align:left;font-weight:300; min-width:150px; }
#bottom .bottom_info table td {width:auto;font-size:1.3rem;line-height:2em;white-space:normal; }
#bottom .bottom_info .bottom_mypage table th {width:65px !important; min-width:65px;}

/* 하단에스크로링크 */
#bottom .bottom_linkmenu {position:relative;margin:0 0px;overflow:hidden;text-align:left;}
#bottom .bottom_linkmenu p {font-size:1.2rem;line-height:18px;color:#777;margin:0px auto 10px;font-weight:300;}
#bottom .bottom_linkmenu a {color:#000;}
#bottom .bottom_linkmenu .copy {}
#bottom .bottom_linkmenu .escro {position:absolute;right:0;top:0;text-align:right;font-size:1.3rem;}
#bottom .bottom_linkmenu .escro span {font-weight:700;font-size:1.2rem;}
#bottom .bottom_linkmenu .escro a {padding:0px 10px;border-radius:10px;line-height:20px;color:#fff;background:#555;display:inline-block;font-size:1.1rem;margin-left:10px;}
#bottom .bottom_linkmenu .escro a:hover {background:#eee;color:#000;}
 
.pc_mode {display:block;}
.mobile_mode {display:none;}

.app-smart-popup {position:fixed !important;left:270px !important;top:30px !important;margin-top:0 !important;margin-left:0% !important; }
.app-smart-popup img {width:100% !important; }

 
/* 브라우져 가로 1440픽셀 이하일경우 반응*/
@media screen and (min-width: 1280px) {
    
}

/* 브라우져 가로 1440픽셀 이하일경우 반응*/
@media screen and (max-width: 1440px) {
    #bottom .bottom_linkmenu .escro {position:relative;right:auto;top:auto;text-align:left;font-size:1.3rem;}
}

/* 브라우져 가로 1024픽셀 이하일경우 반응*/
@media screen and (max-width: 1024px) {
    
    .app-smart-popup {position:fixed !important;width:90% !important;left:50% !important;top:10% !important;margin-top:0 !important;margin-left:-45% !important; }
    .app-smart-popup img {width:100% !important; }

    #left,#right {opacity:0;left:-300px;right:-100px;}
    #header  { top:0px;opacity:1;}
    
    #left_menu > li {font-size:1.9rem;line-height:1.5em;}
    
    /*로그인메뉴*/
    #left_menu .login_menu {font-size:1.3rem;line-height:1.7em;}
    
    /*좌측 2뎁스 하위 카테고리메뉴*/
    #left_menu .category li { font-size:1.6rem;}
    
    /*좌측 3뎁스 하위 카테고리메뉴*/
    #left_menu li .sub-category { right:-200px;width:140px; }
    #left_menu li .sub-category li a {font-size:1.6rem;}
    
    /*스토키스트, 컨텍트어스메뉴*/
    #left_menu .small_menu  {font-size:1.3rem;line-height:1.7em;}
    
    /* 글로벌 메뉴*/
    #left_menu .global_btn li {width:24px;margin:0 9px 0 0;}
    #left_menu .global_btn span {color:#fff;font-weight:300;font-size:1.1rem;}
    
    /*좌측 sns링크메뉴*/
    #snslink {right:7%;bottom:55px; }
    #snslink a {margin:15px 0px 0px 0; width:26px;}
    
    /*공통레이아웃센터*/
    #sub_container {  padding:54px 5% 60px 5%;margin:0 -7px 0;  }
    
    /*하단회사정보레이아웃*/
    #bottom {bottom:-30px;padding:20px 5% 20px 5% ;}
    #bottom hr {margin:20px auto;}

    #bottom .bottom_menu {text-align:left;}
    #bottom .bottom_menu a {padding:0 5px;font-size:12px;line-height:1.6em;}
    #bottom .bottom_menu a:first-child {border-left:0;padding-left:0;display:none;}
    #bottom .bottom_menu a:nth-child(2) {border-left:0;padding-left:0;}
    #bottom .bottom_menu .top_btn {position:absolute;right:-2px;top:5px;font-size:14px;line-height:1.6em;border-left:0;}
    #bottom .bottom_menu .bottom_plus {position:absolute;left:-2px;top:-2px;font-size:14px;line-height:1.6em;border-left:0;display:none;}

    #bottom .bottom_menu .bottom_language ul li {display:inline-block;margin-left:10px;font-size:12px;line-height:18px;width:34px;}

    #bottom .bottom_info ul {min-width:100%;}
    #bottom .bottom_info ul li {font-size:14px;line-height:2.6em;width:100%;}
    #bottom .bottom_info ul li h2 {font-size:1.2rem;margin-bottom:10px;line-height:1.4em;display:block;}
    #bottom .bottom_info ul li:first-child {margin-bottom:20px;border-bottom:1px solid #eee;padding-bottom:20px;width:100%;}
    #bottom .bottom_info ul li:nth-child(2) {border-left:0px solid #eee;padding-left:0px;margin-left:0px;width:100%;}
    #bottom .bottom_info table th {width:100px;font-size:1.1rem;line-height:1.8em;vertical-align:top;padding-right:10px;min-width:100px;}
    #bottom .bottom_info table td {font-size:1.1rem;line-height:1.8em;}
    #bottom .bottom_info .bottom_mypage table th {width:100px !important;}

    /* 하단에스크로링크 */
    #bottom .bottom_linkmenu p {font-size:1.1rem;line-height:1.4em;color:#000;}
    #bottom .bottom_linkmenu .escro {display:none;}
    
    .mbi-simpletalk-kakao {right:3% !important; }
    
    .mobile_mode {display:inline-block;}
    .pc_mode {display:none;}
}

/*해상도높이가 768px이하일경우*/
@media screen and (max-height:768px) {

}


.btnTop { display:none; position:fixed; top:0; left:50%; z-index:100; margin:0 0 0 -36px; border:1px solid #d6d6d7; border-top:0; border-radius:0 0 3px 3px; opacity:0.9; background:#616161 url("//img.echosting.cafe24.com/skin/mobile_ko_KR/layout/bg_btntop.png") no-repeat 90% 7px; background-size:12px 12px; }
.btnTop a { display:inline-block; height:29px; padding:0 26px 0 10px; line-height:29px; color:#fff; }

#mobileQuickLink { z-index:301 !important; }
#mobileBtnQuickLink { z-index:100 !important; }

.dimmed { display:none; position:fixed; left:0px; top:0; right:0px; bottom:0px; z-index:150; background:rgba(0,0,0,0.7); }
#dimmedSlider { display:none; position:fixed; left:0px; top:0; right:0px; bottom:0px; z-index:500; background:rgba(0,0,0,0.7); }

/* 메인 검색 
#main .searchWrap { position:relative; height:38px; padding:5px 41px 0 47px; }
#main .searchWrap .searchForm { position:relative; padding:0 28px 0 33px; border:1px solid #ccc; background:url("//img.echosting.cafe24.com/skin/mobile_ko_KR/layout/bg_search.png") no-repeat 5px 5px; background-size:20px 20px; }
#main .searchWrap .btnDelete { position:absolute; right:3px; top:5px; width:20px; height:20px; border:0; cursor:pointer; overflow:hidden; text-indent:100%; font-size:0; white-space:nowrap; background:url("//img.echosting.cafe24.com/skin/mobile_ko_KR/layout/btn_delete.png") no-repeat 0 0; background-size:20px 20px; }
#main .searchWrap #keyword { width:100%; padding:0; border:0; }
*/

/* 메인 카테고리*/
#main #header #topArea .xans-layout-mobilemaincategory { position:relative; height:43px; border-bottom:1px solid #e3e3e3; background-color:#fff; }
#main #header #topArea .xans-layout-mobilemaincategory ul { display:inline-block; width:100%; padding:0; text-align:left; font-size:0; line-height:0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
#main #header #topArea .xans-layout-mobilemaincategory ul li { display:inline-block; width:33.3%; font-size:1.3rem; text-align:center; }

/* 메인 스와이프 */
#main #header #topArea .xans-layout-mobilemaincategory .afterNone { display:none; }
#main #header #topArea .xans-layout-mobilemaincategory > ul { display:table; }
#main #header #topArea .xans-layout-mobilemaincategory > ul > li { width:100%; }
#main #header #topArea .xans-layout-mobilemaincategory > ul > li > ul { padding:0 40px; }
#main #header #topArea .xans-layout-mobilemaincategory > ul > li > ul li { border-bottom:3px solid #fff; width:33%; }
#main #header #topArea .xans-layout-mobilemaincategory > ul > li > ul li.selected { border-bottom-color:#217bdb; }
#main #header #topArea .xans-layout-mobilemaincategory > ul > li > ul li a { display:inline-block; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:22px 0 18px; font-weight:bold; color:#9a9a9a; }
#main #header #topArea .xans-layout-mobilemaincategory > ul > li > ul li.selected a { color:#217bdb; }
#main #header #topArea .xans-layout-mobilemaincategory > ul > li > ul li a img { max-height:40px; }
#main #header #topArea .xans-layout-mobilemaincategory p { position:absolute; top:0; background-color:#fff; }
#main #header #topArea .xans-layout-mobilemaincategory p.btnPrev { left:0; display:none; }
#main #header #topArea .xans-layout-mobilemaincategory p.btnNext { right:0; display:none; }
#main #header #topArea .xans-layout-mobilemaincategory p a { display:inline-block; padding:13px 14px; }

/* 메인 배너 */
#main .mainBanner { position:relative; }
#main .mainBanner a img { max-height:290px; }
#main .mainBanner .ec-base-paginate { position:absolute; bottom:8px; z-index:10; width:100%; }
#main .mainBanner .afterNone { display:none; }

/* 타이틀 */
#titleArea { margin:60px auto 10px;text-align:center; width:100%;}
#titleArea h2 {position:relative;color:#000; font-size:2.2rem; line-height:1.6em;font-weight:300;letter-spacing:1px;top:-60px;opacity:0;}
#titleArea h2.title_move {    
    transition: 2s cubic-bezier(.14,.46,0,1.34);
    transform: translate(0,40px);
    opacity: 1;}
#titleArea span { position:absolute; top:6px; left:14px; display:none;}
#titleArea .funcArea {display:none;}
 /* 마이쇼핑 메인 */
.myshopMain { padding:14px 7px; font-size:1.3rem; }

/* 퀵뷰 모달 */
#modalBackpanel { display:none; position:absolute; top:0; left:0; z-index:10000; width:100%; height:100%; background:#000; }
#modalContainer { display:none; position:absolute; top:100px; left:100px; z-index:10001; width:975px; height:720px; border:1px solid #333; background:#fff; }
#modalContainer #modalContent { width:100%; height:100%; }


/*투명도 Class*/
.opac0 {opacity:0;}
.opac1 {opacity:0.1;}
.opac2 {opacity:0.2;}
.opac3 {opacity:0.3;}
.opac4 {opacity:0.4;}
.opac5 {opacity:0.5;}
.opac6 {opacity:0.6;}
.opac7 {opacity:0.7;}
.opac8 {opacity:0.8;}
.opac9 {opacity:0.9;}
.opac10 {opacity:1;}
.text { opacity:0;} 


/** Animations **/

/*섹션배경 10% 커지게*/
.scale_Bg_In{
	-webkit-transition:all 3.0s ease;
    transition:all 3.0s ease;
	-webkit-transform: scale(1.05,1.05);
    transform: scale(1.05,1.05);
    will-change: transform, -webkit-transform, opacity;
}

/*섹션배경 원래대로 돌아가게*/
.scale_Bg_Out{
	-webkit-transition:all 3.0s ease;
    transition:all 3.0s ease;
    -webkit-transform: scale(1.0,1.0);
	transform: scale(1.0,1.0);
    will-change: transform, -webkit-transform, opacity;
}
 

.move_Top_In{
    -webkit-transition: 0.6s cubic-bezier(.14,.46,0,1.34);
    transition: 0.6s cubic-bezier(.14,.46,0,1.34);
    -webkit-transform: translate(0,-30px);
    transform: translate(0,-30px);
    opacity: 1;
    will-change: transform, -webkit-transform, top ,opacity;
}
.move_Top_Out{
    -webkit-transition: 1.0s ease;
    transition: 1.0s ease;
    -webkit-transition-delay:0s !important;
    transition-delay:0s !important;
    -webkit-transform: translate(0,0px);
    transform: translate(0,0px);
    opacity: 0;will-change: transform, -webkit-transform, bottom ,opacity;
}
.move_Bottom_In{
    -webkit-transition: 0.6s cubic-bezier(.14,.46,0,1.34);
    transition: 0.6s cubic-bezier(.14,.46,0,1.34);
    -webkit-transform: translate(0,30px);
    transform: translate(0,30px);
    opacity: 1;
    will-change: transform, -webkit-transform, bottom ,opacity;
}
.move_Bottom_Out{
    -webkit-transition: 1.0s ease;
    transition: 1.0s ease;
    -webkit-transition-delay:0s !important;
    transition-delay:0s !important;
    -webkit-transform: translate(0,0px);
    transform: translate(0,0px);
    opacity: 0;
    will-change: transform, -webkit-transform, top ,opacity;
}
.move_Left_In{
    -webkit-transition: 0.6s cubic-bezier(.14,.46,0,1.34);
    -ms-transition: 0.6s cubic-bezier(.14,.46,0,1.34);
    transition: 0.6s cubic-bezier(.14,.46,0,1.34);
    -webkit-transform: translate(-5%,0px);
    -ms-transform: translate(-5%,0px);
    transform: translate(-5%,0px);
    opacity: 1;will-change: transform, -webkit-transform, left ,opacity;
}
.move_Left_Out{
    -webkit-transition: 0.6s ease;
    transition: 0.6s ease;
    -webkit-transition-delay:0s !important;
    transition-delay:0s !important;
    -webkit-transform: translate(0,0px);
    transform: translate(0,0px);
    opacity: 0;
    will-change: transform, -webkit-transform, right ,opacity;
}
.move_Right_In{
    -webkit-transition: 1.0s ease;
    transition: 1.0s ease;
    -webkit-transform: translate(5%,0px);
    transform: translate(5%,0px);
    opacity: 1;
    will-change: transform, -webkit-transform, right ,opacity;
}
.move_Right_Out{
    -webkit-transition: 1.0s ease;
    transition: 1.0s ease;
    -webkit-transition-delay:0s !important;
    transition-delay:0s !important;
    -webkit-transform: translate(0,0px);
    transform: translate(0,0px);
    opacity: 0;
    will-change: transform, -webkit-transform, left ,opacity;
}
.move_Top_In_gallery{
    -webkit-transition: 1s ease-in;
    transition: 1s ease-in;
    -webkit-transform: translate(0,30px);
    transform: translate(0,30px);
    opacity: 1;
    will-change: transform, -webkit-transform, bottom ,opacity;
}




/* font */
.txtWarn { color:#f45b55; }
.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-qty .qtyUp,
.ec-base-qty .qtyDown { display:inline-block; }

/* 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:1.3rem;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:1.2rem; line-height:13px; font-weight:inherit; color:#000; border:1px solid #ececec; border-radius:2px; 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] { height:29px; }
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 { max-width:100%; height:29px; margin:0; padding:0 20px 0 8px; line-height:29px; font-size:1.3rem; color:#000; word-break:break-all; font-weight:inherit; border:1px solid #ececec; border-radius:0; background:#fff url("//img.echosting.cafe24.com/skin/mobile/common/ico_select.gif") no-repeat 100% 49%; background-size:auto 40px; -webkit-appearance:none; }
select.disabled, select:disabled,
textarea.disabled, textarea:disabled { color:#bcbcbc; }
textarea { resize:none; line-height:1.2em; }
textarea.disabled { background-color:#ffffff; color:#bfbfbf; }
input[type="checkbox"] { width:18px; height:18px; border:0; background:url("//img.echosting.cafe24.com/skin/mobile/common/bg_checkbox.png") no-repeat 0 0; background-size:18px 18px; -webkit-appearance:none; }
input[type="radio"] { width:18px; height:18px; border:0; border-radius:50%; background:url("//img.echosting.cafe24.com/skin/mobile/common/bg_radio.png") no-repeat 0 0; background-size:18px 18px; -webkit-appearance:none; }
input[type="checkbox"]:checked { background-image:url("//img.echosting.cafe24.com/skin/mobile/common/bg_checkbox_checked.png"); -webkit-appearance:none; }
input[type="radio"]:checked { background-image:url("//img.echosting.cafe24.com/skin/mobile/common/bg_radio_checked.png"); -webkit-appearance:none; }
label { display:inline-block; margin:0 7px 0 0; min-height:20px; line-height:20px; font-size:1.2rem; vertical-align:middle; cursor:pointer; }
input[type=radio] + label,
input[type=checkbox] + label { margin:0 7px 0 4px; }
label input[type=radio],
label input[type=checkbox] { margin:0 4px 0 0; }
label:last-child,
input[type=radio] + label:last-child,
input[type=checkbox] + label:last-child { margin-right: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;border-radius: 2px;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: 14px;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: #508bed;font-weight: bold;color: #fff;background: #508bed;}
@charset "utf-8";


  .ec-base-paginate { text-align:center; }
  /* typeList */
    .ec-base-paginate.typeList { padding:14px 0; font-size:0; line-height:0; }
    .ec-base-paginate.typeList ol { margin:0 14px; }
    .ec-base-paginate.typeList ol,
    .ec-base-paginate.typeList ol li { display:inline-block; vertical-align:middle; }
    .ec-base-paginate.typeList ol li:not(:first-child) { margin:0 0 0 7px; }
    .ec-base-paginate.typeList ol li a { display:inline-block; width:31px; height:27px; border:1px solid #d9d9d9; border-radius:2px; font-size:15px; line-height:27px; color:#000; vertical-align:middle; background:#fff; }
    .ec-base-paginate.typeList ol li .this { border-color:#000; color:#000; }
    .ec-base-paginate.typeList [class*='btn'] { display:inline-block; overflow:hidden; width:31px; height:27px; border:1px solid #d9d9d9; border-radius:2px; font-size:1px; line-height:0; text-indent:-9999em; vertical-align:middle; background:#fff; background-repeat:no-repeat; background-position:50% 50%; background-size:7px 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;max-width:240px; }
    .ec-base-paginate.typeMoreview .btnMore { display:block; padding:12px 0; border:1px solid #ddd; color:#000000; font-weight:bold; background:#fff;border-radius:24px; }
    .ec-base-paginate.typeMoreview .btnMore:hover {border:1px solid #000; color:#fff;background:#000; }
    .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; }

  /* 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:#ececec; }
    .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:#000; }

.ec-base-paginate { padding:30px 0 30px; text-align:center; font-size:0; line-height:0; vertical-align:top; *display:inline; *zoom:1; *margin:0; }
.ec-base-paginate a { display:inline-block; vertical-align:top; *display:inline; *zoom:1;}
.ec-base-paginate ol { display:inline-block;display:inline-block; font-size:0; line-height:0; vertical-align:top; *display:inline; *zoom:1; *margin:0;}
.ec-base-paginate li { display:inline-block;   vertical-align:top; *display:inline; *zoom:1; }
.ec-base-paginate li:first-child { margin-left:0; }
.ec-base-paginate img { vertical-align:top; }
.ec-base-paginate a { width:20px;margin:0 5px;text-align:center; font-weight:bold; color:#aaa; line-height:20px;font-size:10px; height:20px;background:#fff;border-radius:50%; border:1px solid #eee;}
.ec-base-paginate a:hover { text-decoration:none; background:#000;color:#fff; border:1px solid #000;}
.ec-base-paginate a.this { background:#000;color:#fff; border:1px solid #000;}
.ec-base-paginate a.nolink { cursor:default; }
.ec-base-paginate .fas {line-height:20px;}


/* typeSub */
.ec-base-paginate.typeSub ol { margin:0 15px; vertical-align:middle; }
.ec-base-paginate.typeSub li { font-size:12px; border:0; }
.ec-base-paginate.typeSub img { vertical-align:middle; }
.ec-base-paginate.typeSub li a { width:auto; margin:0 5px 0; padding:2px; color:#353535; background:none; }
.ec-base-paginate.typeSub li a.this { color:#008bcc; text-decoration:underline; border:0; }
.ec-base-paginate.typeSub .first { margin-right:3px; }
.ec-base-paginate.typeSub .last { margin-left:3px; }
.ec-base-help { margin:8px 4px; font-size:1.2rem; color:#999; }
.ec-base-help a {color:#333;}
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; }
  /* 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:#757575; }
/* admin icon */
.ec-admin-icon.cart { height:26px; cursor:pointer; }

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

.ec-base-product { margin:50px auto 0;position:relative;  }
 
.ec-base-product .title { margin:0 0 17px; }
.ec-base-product .title h2 { font-weight:normal; font-size:2rem; color:#2e2e2e; text-align:center; }
.ec-base-product .title h3 { font-weight:normal; font-size:2rem; color:#2e2e2e; text-align:center; }
.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:0px auto 0; font-size:0; line-height:0;top:30px;opacity:0;}
.ec-base-product .prdList.move_Bottom_In_product{
    -webkit-transition: all 0.5s ease-in;
    -ms-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;

    -webkit-transform: translate(0,-30px);
    -ms-transform: translate(0,-30px);
    -o-transform: translate(0,-30px);
    transform: translate(0,-30px);
    opacity: 1;
}

.ec-base-product .prdList > li { position:relative; display:inline-block; margin:0px 1% 60px; color:#757575; vertical-align:top; }

.ec-base-product .prdList .chk { position:absolute; top:-10px; left:0; right:0; display:block; margin:0 0 10px; }
.ec-base-product .prdList .thumbnail { position:relative; margin:0px 0 20px; text-align:center;}

.ec-base-product .prdList .thumbnail .prdImg { position:relative; }
.ec-base-product .prdList .thumbnail .prdImg img {width:100%;}
.ec-base-product .prdList .thumbnail .prdImg .toggle_img {position:absolute;left:0;top:0;z-index:9;}
.ec-base-product .prdList .thumbnail a img { max-width:100%; box-sizing:border-box; }
.ec-base-product .prdList .thumbnail .wish { position:absolute; right:3px; bottom:4px; z-index:1; cursor:pointer; }
.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 { margin:10px 0 0; border-bottom:1px solid #e8e8e8; vertical-align:middle; }
.ec-base-product .prdList .thumbnail .icon:after { content:""; display:block; clear:both; }

.ec-base-product ul.prdList .strike,
.ec-base-product ul.prdList .mPriceStrike { text-decoration:line-through; }

.ec-base-product .prdList .description { margin:0 auto; padding:0 0px; font-size:1.4rem; line-height:1.6em; text-align:center; word-break:keep-all;}
.ec-base-product .prdList .description .name { display:block;   margin-bottom:15px;border-bottom:1px solid #eee;padding-bottom:15px;}
.ec-base-product .prdList .description .name span {font-weight:normal; font-size:1.5rem !important;color:#000 !important;}
.ec-base-product .prdList .description .custom {font-size:1.3rem;font-weight:400;color:#aaa;font-family: 'Lato', sans-serif;}
.ec-base-product .prdList .description .price {font-size:1.5rem;font-weight:900;color:#333;font-family: 'Lato', sans-serif;}
.ec-base-product .prdList .description .sale {font-weight:900;font-family: 'Lato', sans-serif;}
.ec-base-product .prdList .description .sale span {font-size:1.5rem !important;color:#333 !important;}
.ec-base-product .prdList .description .summary {font-size:1.2rem;font-weight:300;color:#aaa;margin:10px auto 0;max-width:90%;}
.ec-base-product .prdList .description .simple {font-size:1.2rem;font-weight:300;color:#aaa;margin:10px auto 0;max-width:90%;display:none;}
.ec-base-product .prdList .description .promotion { margin:10px 0 0px; text-align:center; }
.ec-base-product .prdList .description .promotion img { margin:0 2px 0 ; }

.ec-base-product .prdList .description_gallery { display:none;position:absolute;left:0;bottom:0;width:90%;margin:0 auto; background:rgba(255,255,255,0.9);padding:5% 5%; 
    font-size:1.4rem; line-height:1.6em; text-align:center; word-break:keep-all;z-index:99999;}
.ec-base-product .prdList .description_gallery .name { display:block;   margin-bottom:15px;border-bottom:1px solid #eee;padding-bottom:15px;}
.ec-base-product .prdList .description_gallery .name span {font-weight:normal; font-size:1.8rem !important;color:#000 !important;}
.ec-base-product .prdList .description_gallery .custom {font-size:1.3rem;font-weight:400;color:#aaa;font-family: 'Lato', sans-serif;}
.ec-base-product .prdList .description_gallery .price {font-size:1.5rem;font-weight:900;color:#333;font-family: 'Lato', sans-serif;}
.ec-base-product .prdList .description_gallery .sale {font-weight:900;font-family: 'Lato', sans-serif;}
.ec-base-product .prdList .description_gallery .sale span {font-size:1.5rem !important;color:#333 !important;}
.ec-base-product .prdList .description_gallery .summary {font-size:1.3rem;font-weight:300;color:#aaa;margin:10px auto 0;max-width:90%;display:none;}
.ec-base-product .prdList .description_gallery .simple {font-size:1.3rem;font-weight:300;color:#aaa;margin:10px auto 0;max-width:90%;display:none;}
.ec-base-product .prdList .description_gallery .promotion { margin:10px 0 0px; text-align:center; }
.ec-base-product .prdList .description_gallery .promotion img { margin:0 2px 0 ; }
 
.ec-base-product .prdList .description .mileage { display:block; }
.ec-base-product .prdList .description span.grid { display:block; }

.ec-base-product .prdList li .likeButton { }
.ec-base-product .prdList li .likeButton button { position:absolute;left:10px;top:10px;z-index:999;text-align:left;display:inline-block; padding:6px 12px; border:1px solid #000; 
    border-radius:18px; color:#000;  background-color:#fff; *zoom:1;opacity:0;}
.ec-base-product .prdList li:hover .likeButton button {  z-index:9990;    transition: 0.6s cubic-bezier(.14,.46,0,1.34);opacity: 1;}
.ec-base-product .prdList li .likeButton button span { display:inline-block; height:14px; line-height:14px; vertical-align:middle;  *zoom:1; }
.ec-base-product .prdList li .likeButton button img { vertical-align:middle; }
.ec-base-product .prdList li .likeButton .title { padding:0 0px 0 0; margin:0 2px 0 0; min-width:0; text-align:left;letter-spacing:0.5px; 
    background:url("//img.echosting.cafe24.com/skin/base_ko_KR/product/bg_barxx.gif") no-repeat 100% 3px; font-size:1.2rem;}
.ec-base-product .prdList li .likeButton .count { font-weight:900; font-size:1.4rem;font-family: 'Lato', sans-serif;}
.ec-base-product .prdList li .likeButton.selected .title { color:#fff; }
.ec-base-product .prdList li .likeButton.selected .count { color:#fff;}
.ec-base-product .prdList li .likeButton.selected button {background:#000;color:#fff;border:1px solid #000;  opacity:1;}
.ec-base-product .prdList li .likeButton .likePrdIcon {display:none;}
.ec-base-product .prdList li .likeButton .fa {font-size:1.2rem;display:none;}

@media screen and (min-width: 1281px) {
    .ec-base-product .prdList .thumbnail .prdImg .toggle_img {opacity:0;
    -webkit-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;}
.ec-base-product .prdList .thumbnail:hover .prdImg .toggle_img {opacity:1;}
}
@media screen and (max-width: 1280px) {
    .ec-base-product .prdList .description {  line-height:1.4em;  }
    .ec-base-product .prdList .description .name span { font-size:1.3rem !important;color:#333 !important;}
    .ec-base-product .prdList .description .custom {font-size:1.1rem;font-weight:400;color:#aaa;}
    .ec-base-product .prdList .description .price {font-size:1.3rem;font-weight:900;color:#333;}
    .ec-base-product .prdList .description .sale span {font-size:1.3rem !important;font-weight:900;color:#333 !important;}
    .ec-base-product .prdList .description .summary {font-size:1.1rem;}
    .ec-base-product .prdList .description .simple {font-size:1.1rem;}

    .ec-base-product .prdList li .likeButton button { padding:6px 8px;}
    .ec-base-product .prdList li .likeButton button span {  height:12px; line-height:12px;}
    .ec-base-product .prdList li .likeButton .title { font-size:10px;}
    .ec-base-product .prdList li .likeButton .count { font-size:1.1rem;}
}


/* module="product_ListItem" */
.ec-base-product .spec { margin:0; }
.ec-base-product .spec li { text-align:center; }
.ec-base-product .spec li .title { font-weight:normal; vertical-align:top; }
.ec-base-product .spec li .title span { vertical-align:top; }
.ec-base-product .spec li .color { overflow:hidden; display:inline-block; margin:3px 0 0 0; }
.ec-base-product .spec li .chips { float:left; width:10px; height:10px; margin:0 2px 2px 0; border:1px solid #e3e3e3; font-size:0; line-height:0; }

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

.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:1.4rem; line-height:35px; background:#495164; }
.differentialShipping .content { padding:12px 18px 14px 18px; border:1px solid #757575; border-top:0; text-align:center; background:#fff; }
.differentialShipping .close { position:absolute; right:14px; top:12px; }
.differentialShipping .close img { cursor:pointer; }
.differentialShipping .content ul { color:#757575; line-height:25px; }
.differentialShipping .content li { overflow:hidden; }
.differentialShipping .content li strong { float:left; font-weight:normal; }
.differentialShipping .content li span { float:right; color:#2e2e2e; }
.differentialShipping .content .info { margin:7px 0 0; padding:7px 0 0; border-top:1px dotted #b0b1b3; color:#80aeef; text-align:right; }

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




/* 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; }
  .btnNormal, .btnStrong, .btnBasic {  line-height:2.2em; padding:0 10px; vertical-align:middle; font-size:1.2rem; }
  .btnNormal { color:#000; border:1px solid #ececec;   background:#fff; }
  .btnStrong { color:#fff; border:1px solid #000;   background:#000; }
  .btnSubmit { line-height:2.4em; padding:0px 15px; font-size:1.2rem; color:#fff; border:1px solid #000; background:#000; }
  .btnEm {  line-height:2.4em; padding:0px 15px; font-size:1.2rem; border:1px solid #ececec; background:#fff; }
  .btnBasic { color:#000; border:1px solid #f0f0f0; background:#f0f0f0; }
  /* mini */
    [class*="btn"].mini {  line-height:2.4em; font-size:1.2rem; }

/* 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 #ececec; 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:1.2rem; }
    .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; }

@media all and (min-width:768px) {
  /*.btnSubmit { height:46px; line-height:44px; font-size:16rem; }
  .btnEm { height:46px; line-height:44px; font-size:16rem; }*/
}
/* base */
.ec-base-box { padding:14px; margin:14px; border:1px solid #ececec; line-height:1.6; color:#000000; background:#fff; }
.ec-base-box.center { text-align:center; }
/* 기본 상품 분류 그리드 grid */
.ec-base-product ul.grid1 > li { width:98%; }
.ec-base-product ul.grid2 > li { width:48%; }
.ec-base-product ul.grid3 > li { width:31.33%; }
.ec-base-product ul.grid4 > li { width:23%; }
.ec-base-product ul.grid5 > li { width:18%; }
.ec-base-product ul.grid3 > li .color { max-width:230px; }
.ec-base-product ul.grid4 > li .color { max-width:190px; }
.ec-base-product ul.grid5 > li .color { max-width:130px; }

/* 룩북 목록 그리드 grid */
.ec-base-lookbook ul.grid1 { margin:0 auto !important;max-width:1000px;}
.ec-base-lookbook ul.grid1 > li { width:98%;  }
.ec-base-lookbook ul.grid2 > li { width:48%; }
.ec-base-lookbook ul.grid3 > li { width:31.33%; }
.ec-base-lookbook ul.grid4 > li { width:23%; }
.ec-base-lookbook ul.grid5 > li { width:18%; }
.ec-base-lookbook ul.grid3 > li .color { max-width:230px; }
.ec-base-lookbook ul.grid4 > li .color { max-width:190px; }
.ec-base-lookbook ul.grid5 > li .color { max-width:130px; }

/* 포트폴리오 목록 그리드 grid */
.ec-base-portfolio ul.grid1 { margin:0 auto !important;max-width:1000px;}
.ec-base-portfolio ul.grid1 > li { width:98%;  }
.ec-base-portfolio ul.grid2 > li { width:48%; }
.ec-base-portfolio ul.grid3 > li { width:31.33%; }
.ec-base-portfolio ul.grid4 > li { width:23%; }
.ec-base-portfolio ul.grid5 > li { width:18%; }
.ec-base-portfolio ul.grid3 > li .color { max-width:230px; }
.ec-base-portfolio ul.grid4 > li .color { max-width:190px; }
.ec-base-portfolio ul.grid5 > li .color { max-width:130px; }


/* 브라우져 가로 1680픽셀 이하일경우 반응*/
@media screen and (max-width: 1680px) {
    .ec-base-product ul.grid1 > li { width:98%; }
    .ec-base-product ul.grid2 > li { width:48%; }
    .ec-base-product ul.grid3 > li { width:31.333%; }
    .ec-base-product ul.grid4 > li { width:23%; }
    .ec-base-product ul.grid5 > li { width:23%; }
    
    .ec-base-lookbook ul.grid1 > li { width:98%; }
    .ec-base-lookbook ul.grid2 > li { width:48%; }
    .ec-base-lookbook ul.grid3 > li { width:31.333%; }
    .ec-base-lookbook ul.grid4 > li { width:23%; }
    .ec-base-lookbook ul.grid5 > li { width:23%; }
    
    .ec-base-portfolio ul.grid1 > li { width:98%; }
    .ec-base-portfolio ul.grid2 > li { width:48%; }
    .ec-base-portfolio ul.grid3 > li { width:31.333%; }
    .ec-base-portfolio ul.grid4 > li { width:23%; }
    .ec-base-portfolio ul.grid5 > li { width:23%; }
}

/* 브라우져 가로 1440픽셀 이하일경우 반응
@media screen and (max-width: 1440px) {
    .ec-base-product ul.grid1 > li { width:98%; }
    .ec-base-product ul.grid2 > li { width:48%; }
    .ec-base-product ul.grid3 > li { width:31.333%; }
    .ec-base-product ul.grid4 > li { width:31.333%; }
    .ec-base-product ul.grid5 > li { width:31.333%; }
    
    .ec-base-lookbook ul.grid1 > li { width:98%; }
    .ec-base-lookbook ul.grid2 > li { width:48%; }
    .ec-base-lookbook ul.grid3 > li { width:31.333%; }
    .ec-base-lookbook ul.grid4 > li { width:31.333%; }
    .ec-base-lookbook ul.grid5 > li { width:31.333%; }
    
    .ec-base-portfolio ul.grid1 > li { width:98%; }
    .ec-base-portfolio ul.grid2 > li { width:48%; }
    .ec-base-portfolio ul.grid3 > li { width:31.333%; }
    .ec-base-portfolio ul.grid4 > li { width:31.333%; }
    .ec-base-portfolio ul.grid5 > li { width:31.333%; }
}
*/
/* 브라우져 가로 1280픽셀 이하일경우 반응*/
@media screen and (max-width: 1280px) {
    .ec-base-product ul.grid1 > li { width:98%; }
    .ec-base-product ul.grid2 > li { width:48%; }
    .ec-base-product ul.grid3 > li { width:48%; }
    .ec-base-product ul.grid4 > li { width:31.333%; }
    .ec-base-product ul.grid5 > li { width:31.333%; }
    
    .ec-base-lookbook ul.grid1 > li { width:98%; }
    .ec-base-lookbook ul.grid2 > li { width:48%; }
    .ec-base-lookbook ul.grid3 > li { width:48%; }
    .ec-base-lookbook ul.grid4 > li { width:48%; }
    .ec-base-lookbook ul.grid5 > li { width:48%; }
    
    .ec-base-portfolio ul.grid1 > li { width:98%; }
    .ec-base-portfolio ul.grid2 > li { width:48%; }
    .ec-base-portfolio ul.grid3 > li { width:48%; }
    .ec-base-portfolio ul.grid4 > li { width:48%; }
    .ec-base-portfolio ul.grid5 > li { width:48%; }
}
/* 브라우져 가로 1024픽셀 이하일경우 반응*/
@media screen and (max-width: 1024px) {
    .ec-base-product ul.grid1 > li { width:98%; }
    .ec-base-product ul.grid2 > li { width:48%; }
    .ec-base-product ul.grid3 > li { width:48%; }
    .ec-base-product ul.grid4 > li { width:31.333%; }
    .ec-base-product ul.grid5 > li { width:31.333%; }
    
    .ec-base-lookbook ul.grid1 > li { width:98%; }
    .ec-base-lookbook ul.grid2 > li { width:48%; }
    .ec-base-lookbook ul.grid3 > li { width:48%; }
    .ec-base-lookbook ul.grid4 > li { width:31.333%; }
    .ec-base-lookbook ul.grid5 > li { width:31.333%; }
    
    .ec-base-portfolio ul.grid1 > li { width:98%; }
    .ec-base-portfolio ul.grid2 > li { width:48%; }
    .ec-base-portfolio ul.grid3 > li { width:48%; }
    .ec-base-portfolio ul.grid4 > li { width:31.333%; }
    .ec-base-portfolio ul.grid5 > li { width:31.333%; }
}
/* 브라우져 가로 720픽셀 이하일경우 반응*/
@media screen and (max-width: 720px) {
    .ec-base-product ul.grid1 > li { width:98%; }
    .ec-base-product ul.grid2 > li { width:48%; }
    .ec-base-product ul.grid3 > li { width:48%; }
    .ec-base-product ul.grid4 > li { width:48%; }
    .ec-base-product ul.grid5 > li { width:48%; }
    
    .ec-base-lookbook ul.grid1 > li { width:98%; }
    .ec-base-lookbook ul.grid2 > li { width:48%; }
    .ec-base-lookbook ul.grid3 > li { width:48%; }
    .ec-base-lookbook ul.grid4 > li { width:48%; }
    .ec-base-lookbook ul.grid5 > li { width:48%; }
    
    .ec-base-portfolio ul.grid1 > li { width:98%; }
    .ec-base-portfolio ul.grid2 > li { width:48%; }
    .ec-base-portfolio ul.grid3 > li { width:48%; }
    .ec-base-portfolio ul.grid4 > li { width:48%; }
    .ec-base-portfolio ul.grid5 > li { width:48%; }
}
/* 브라우져 가로 480픽셀 이하일경우 반응*/
@media screen and (max-width: 480px) {
    .ec-base-product ul.grid1 > li { width:98%; }
    .ec-base-product ul.grid2 > li { width:48%; }
    .ec-base-product ul.grid3 > li { width:48%; }
    .ec-base-product ul.grid4 > li { width:48%; }
    .ec-base-product ul.grid5 > li { width:48%; }
    
    .ec-base-lookbook ul.grid1 > li { width:98%; }
    .ec-base-lookbook ul.grid2 > li { width:48%; }
    .ec-base-lookbook ul.grid3 > li { width:48%; }
    .ec-base-lookbook ul.grid4 > li { width:48%; }
    .ec-base-lookbook ul.grid5 > li { width:48%; }
    
    .ec-base-portfolio ul.grid1 > li { width:98%; }
    .ec-base-portfolio ul.grid2 > li { width:48%; }
    .ec-base-portfolio ul.grid3 > li { width:48%; }
    .ec-base-portfolio ul.grid4 > li { width:48%; }
    .ec-base-portfolio ul.grid5 > li { width:48%; }
}



#popup { height:100%; background:transparent; }
.popup .ec-base-layer { position:relative; }
/* ec-base-layer */
.ec-base-layer { position:fixed; z-index:3000; top:0; bottom:0; left:0; right:0; min-width:320px; width:100%; height:100%; display:-webkit-flex; display:-ms-flex; display:flex; background:#f1f1f1;
    -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:15px; line-height:36px; color:#fff; box-sizing:border-box; background:#000; }
.ec-base-layer .wrap { -webkit-flex:1; -moz-flex:1; -ms-flex:1; flex:1; height:100%; padding:14px; font-size:1.2rem; 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("//img.echosting.cafe24.com/skin/mobile/common/btn_close_white.png") center center no-repeat; background-size:14px 14px; }
  /* theme */
    .ec-base-layer[class*="theme1"] .wrap { background:#fff; }
  /* 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:54px; bottom:auto; left:0; right:0; min-width:280px; max-width:600px; width:94%; height:auto; margin:auto;border:1px solid #ccc;padding-bottom:10px;
        /*border-radius:5px;
        -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);
        */
    }
    .ec-base-layer.typeModal h1 { padding:0 14px; line-height:35px; font-size:1.3rem; text-align:left; border-bottom:1px solid #ccc; color:#000; background:#f1f1f1; border-radius:5px 5px 0 0; }
    .ec-base-layer.typeModal .wrap { max-height:300px; min-height:100px; padding:14px; background:#fff; }
    .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; }
    .xans-order-layerbasket .grid4 li { width:33.333% !important; margin-bottom:30px;}
    .xans-order-layerbasket p {  line-height:1.5em !important; font-size:1.3rem !important; }
    .xans-order-layerbasket .price strong {   font-size:1.2rem !important; }

  /* 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; }
/* ec-base-tab */
.ec-base-tab:after { content:""; display:block; clear:both; }
.ec-base-tab {height:46px;border-bottom:1px solid #000;box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.ec-base-tab ul { display:flex;  font-size:1.3rem; line-height:1.2em; word-break:break-all;max-width:400px; }
.ec-base-tab li { display:flex; flex:1; min-height:46px;  text-align:center; background:#fff; }
.ec-base-tab .gFlex2 { flex:2; }
.ec-base-tab a { display:flex; flex-basis:100%; justify-content:center; flex-wrap:nowrap; align-items:center; padding:5px 10px;box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;
    border:1px solid #ececec; border-right:0;border-bottom:1px solid #000; }
.ec-base-tab a .number  { display:inline-block; padding-left:5px; }
.ec-base-tab li:last-child a { border-right:1px solid #ececec; }
.ec-base-tab li.selected a { border:1px solid #000;border-bottom:3px solid #fff; font-weight:bold; color:#000; background:#fff; }

/* ec-base-tab typeSub  */
.ec-base-tab.typeSub ul { border-top:1px solid #c8cdd2; border-bottom:1px solid #c8cdd2; }
.ec-base-tab.typeSub ul > li { background:#f1f1f1; border-left:1px solid #c8cdd2; }
.ec-base-tab.typeSub .selected a { margin:0 0 -1px; color:#000; background:#fff; }
/*  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; background-color:#fff; }
    .ec-base-tooltip .title { display:block; padding:0 20px 0 0; font-size:15px; color:#000; line-height:43px; background:#fff; }
    .ec-base-tooltip ul { color:#000000; }
    .ec-base-tooltip ul li { font-size:1.3rem; }
    .ec-base-tooltip .content table + .title { margin-top:14px; }
    .ec-base-tooltip p { float:none; font-size:1.2rem; text-align:left; }
    .ec-base-tooltip p strong { font-weight:normal; font-size:1.3rem; }
    .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; }
  .shippingFee > a.btnNormal { margin:-3px 0 0 5px; }

  .shippingFee .wrap { display:none; z-index:999; width:96%; padding:0; 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:1.3rem; line-height:36px; background-color:#f0f0f0; border-bottom:1px solid #ececec; 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:1.3rem; }
  .shippingFee .wrap table { background:#fff; }
  .shippingFee .wrap th,
  .shippingFee .wrap td { padding:7px; border:1px solid #ececec; }
  .shippingFee .wrap th { width:80px; border-right-width:0; color:#000; }
  .shippingFee .wrap td { border-left-width:0; white-space:normal; }
  .shippingFee .wrap .txtEm { color:#008bcc; }
  .shippingFee .wrap .info { margin:0; color:#000000; font-size:1.2rem; }
  .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; }
/* ec-base-table */
.ec-base-table { border:1px solid #ececec; word-break:break-all; word-wrap:break-word; color:#000; background:#fff;border-left:0;border-right:0; }
.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:#fff; }
.ec-base-table th,
.ec-base-table td { border-top:1px solid #ececec; font-size:1.3rem; vertical-align:top;line-height:1.6em; }
.ec-base-table th { font-weight:normal; color:#000000; }
.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; }
 
/* horizontal */
  /* typeWrite */
    .ec-base-table.typeWrite td { padding:7px 13px 6px; vertical-align:middle; line-height:27px; }
    .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:0; }
  /* 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 #ececec !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; background:#fafafa; }
    .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; }
  /* 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; }
 
/* reset */
  .ec-base-table td.clear .ec-base-help { margin-left:13px; margin-right:13px; }

/*ios reset*/
@supports (-webkit-overflow-scrolling: touch) {
    .ec-base-table.typeWrite td { line-height:28px; }
}
/* ec-base-table2 */
.ec-base-table2 { border:1px solid #ececec; word-break:break-all; word-wrap:break-word; color:#000; background:#fff;border-left:0;border-right:0; }
.ec-base-table2 table { position:relative; }
.ec-base-table2 table:after { position:absolute; top:0; left:0; display:block; content:""; width:100%; height:1px; background:#fff; }
.ec-base-table2 th,
.ec-base-table2 td { border-top:1px solid #ececec; font-size:1.3rem; vertical-align:top;line-height:1.6em; }
.ec-base-table2 th { font-weight:normal; color:#000000; }
.ec-base-table2 td { padding:12px 13px; }
.ec-base-table2 tbody th { padding:12px 0 12px 13px; text-align:left; }
.ec-base-table2 td.clear { padding:0 !important; }
 
/* horizontal */
  /* typeWrite */
    .ec-base-table2.typeWrite td { padding:7px 13px 6px; vertical-align:middle; line-height:27px; }
    .ec-base-table2.typeWrite tr td:first-child { padding:12px 13px; }
    .ec-base-table2.typeWrite img { max-width:100% !important; height:auto !important; }
  /* gCellNarrow */
    .ec-base-table2.gCellNarrow tbody th { padding:7px 0 7px 13px; }
    .ec-base-table2.gCellNarrow td { padding:7px 13px; }
  /* gClearBorderTop */
    .ec-base-table2.gClearBorderTop { border-top-width:0; }
  /* gClearBorder */
    .ec-base-table2.gClearBorder { border-width:0; }
  /* gClearCell */
    .ec-base-table2.gClearCell { padding:4px 0; }
    .ec-base-table2.gClearCell table:after { display:none; }
    .ec-base-table2.gClearCell th,
    .ec-base-table2.gClearCell td,
    .ec-base-table2.typeWrite.gClearCell th { border-width:0; padding-top:6px; padding-bottom:6px; }
    .ec-base-table2.typeWrite.gClearCell td { padding-top:3px; padding-bottom:4px; }
  /* gLineTop */
    .ec-base-table2 .gLineTop { border-top:1px solid #ececec !important; }
    .ec-base-table2.gClearCell tbody.gLineTop tr:first-child th,
    .ec-base-table2.gClearCell tbody.gLineTop tr:first-child td { padding-top:10px; }
 
/* vertical */
  /* typeList */
    .ec-base-table2.typeList { border-width:0; }
    .ec-base-table2.typeList table:after { display:none; }
    .ec-base-table2.typeList thead th { text-align:center; background:#fafafa; }
    .ec-base-table2.typeList th,
    .ec-base-table2.typeList td { padding:9px 10px; vertical-align:middle; border:1px solid #d7d5d5; }
    .ec-base-table2.typeList.gClearBorderTop thead th { border-top-width:0; }
 
/* common */
  /* align */
    .ec-base-table2 .left { text-align:left; }
    .ec-base-table2 .center { text-align:center; }
    .ec-base-table2 .right { text-align:right; }
    .ec-base-table2 .top th, .ec-base-table2 th.top,
    .ec-base-table2 .top td, .ec-base-table2 td.top { vertical-align:top; }
    .ec-base-table2 .middle th, .ec-base-table2 th.middle,
    .ec-base-table2 .middle td, .ec-base-table2 td.middle { vertical-align:middle; }
  /* form */
    .ec-base-table2 img { vertical-align:middle; }
  /* address */
    .ec-base-table2 .ec-address { margin:-4px -13px -3px; }
    .ec-base-table2 .ec-address > li { padding:4px 13px 3px; }
    .ec-base-table2 .ec-address > li input[type="text"],
    .ec-base-table2 .ec-address > li select { width:100%; }
    .ec-base-table2 .ec-address .ec-base-help { margin-bottom:4px; }
    .ec-base-table2 .ec-address .ec-address-area select:not(:first-child) { margin-top:4px; }
    .ec-base-table2 .ec-address .ec-address-zipcode input[type="text"] { width:80px; margin-right:4px; }
    .ec-base-table2 .ec-address .ec-address-zipcode .btnBasic { margin-right:4px; }
    .ec-base-table2 .ec-address .ec-address-zipcode .ec-base-label { margin:0; }
 
/* reset */
  .ec-base-table2 td.clear .ec-base-help { margin-left:13px; margin-right:13px; }

/*ios reset*/
@supports (-webkit-overflow-scrolling: touch) {
    .ec-base-table2.typeWrite td { line-height:28px; }
}
.ec-base-fold { position:relative; border:1px solid #ececec;border-left:0;border-right:0; }
.ec-base-fold > .title { position:relative; z-index:1; overflow:hidden; padding:14px 43px 14px 14px; cursor:pointer; font-size:1.6rem; line-height:1.3em;-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:1.5rem; line-height:1.3em; font-weight:300; }
.ec-base-fold > .title h3, .ec-base-fold > .title p { color:#000000; }
.ec-base-fold > .title:after { content:""; position:absolute; top:0; right:0; width:40px; height:100%; background:url("//img.echosting.cafe24.com/skin/mobile/layout/ico_arrow_gray.png") no-repeat 50% 50%; background-size:20px auto; -webkit-transition:.3s ease-out; transition:.3s ease-out; }
.ec-base-fold .contents { display:none; background:#fff; }
.ec-base-fold .ec-base-fold { border-width:1px 0 0; }
.ec-base-fold + .ec-base-fold { margin-top:7px; }
.ec-base-fold .ec-base-fold + .ec-base-fold { margin-top:0; }
   .ec-base-fold.selected > .title:after { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform:rotate(180deg); }
   .ec-base-fold.selected > .contents { display:block; }

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

/* theme2 */
.ec-base-fold.theme2 > .title { padding-right:34px; color:#000; background:#f0f0f0; }
.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:#000; background:#f9f9f9; font-size:1.6rem; line-height:1.3em;}
.ec-base-fold.theme3 > .title h3 { font-weight:300; color:#000; }
.ec-base-fold.theme3 .contents { padding:0 14px 14px; background:#f9f9f9;line-height:1.6em; }

/* theme4 */
.ec-base-fold.theme4 { margin:14px 7px 29px; font-size:1.5rem; }
.ec-base-fold.theme4 dt { position:relative; padding:13px 30px 13px 14px; line-height:1.4em; font-size:1.5rem; cursor:pointer; background-color:#fff; }
.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 #ececec; }
.ec-base-fold.theme4 dd { display:none; padding:20px 20px; font-size:1.5rem; line-height:1.4em; border-top:1px solid #ececec; 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 14px 6px; border:1px solid #ececec; box-sizing:border-box; background:#fff; }
.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; width:73px; height:73px; margin-right:15px; border:1px solid #ececec; box-sizing:border-box; }
.ec-base-prdInfo .thumbnail img { width:100%; }
.ec-base-prdInfo .description { overflow:hidden; -webkit-flex:1; -ms-flex:1; flex:1;  }
.ec-base-prdInfo .description .prdName { display:block; margin:0 0 10px; font-size:1.5rem; line-height:1.3em;}
.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:1.3rem; color:#000000; }
.ec-base-prdInfo .description .info li .mileage { display:inline-block; }
.ec-base-prdInfo .description .info .price {margin-bottom:10px;}
.ec-base-prdInfo .description .info .price,
.ec-base-prdInfo .description .info .price li { font-size:1.3rem; color:#000 !important; }
.ec-base-prdInfo .description .info .price .refer { font-weight:normal; font-size:1.3rem; }
.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:1.3rem; }
.ec-base-prdInfo .description .price .quantity:before { display:block; content:""; position:absolute; top:1px; left:0; width:1px; height:13px; 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; background:#f1f1f1; }
.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; background-color:#fff; }
.ec-base-prdInfo .prdFoot span > span > span { font-size:1.2rem; }
.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 14px; padding:14px 0; border-top:1px solid #ececec; font-size:1.3rem; }
.ec-base-prdInfo .option { padding:0; color:#000; }
.ec-base-prdInfo .option > li { border-top:1px solid #ececec; }
.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 .name > select { max-width:80%; }
.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 #ececec; background-color:#f1f1f1; }
.ec-base-prdInfo .layerOptionModify .titleArea { margin-top:3px; display:none; }
.ec-base-prdInfo .layerOptionModify ul { padding:0; font-size:1.2rem; }
.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:1.3rem; color:#000000; 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 { border-bottom:1px solid #ececec; }
.orderConfirmLayer .orderArea .ec-base-prdInfo { border-bottom:0; }
.orderArea .ec-base-prdInfo + .ec-base-prdInfo { border-top:1px solid #ececec; }

.search_header { position:fixed;right:50px;top:50px;width:230px;height:40px;z-index:9999999;margin:5px;display:none;}
.search_header fieldset {}
.search_header #keyword  {box-sizing:content-box;width:150px; height:20px; padding:10px 20px; border:0; line-height:20px !important; font-size:1.6rem; color:#fff;background:rgba(0,0,0,1);border-radius:20px 0px 0 20px ;}
.search_header fieldset a {width:40px;padding:11px 0;line-height:18px;font-size:1.8rem;text-align:center;background:rgba(0,0,0,1);margin:0px;vertical-align:middle;color:#fff;float:right;border-radius:0px 20px 20px 0px ;}
.search_header .close_btn {position:absolute;left:0px;top:-20px;font-size:1.4rem;}
/* 전체메뉴 배경*/
.tuxedo_bg {display:none;position:fixed;background:rgba(0,0,0,0.95);width:100%;height:100%;z-index:999998;}

/*전체메뉴박스*/
.tuxedo-menu {display:none;position: fixed;top: 0%;left:0;width:100%;height:100%;padding:0px;z-index: 999999;}
.tuxedo-menu-trigger:hover, .tuxedo-menu-trigger:focus {cursor: pointer;}
.tuxedo-menu a {color:#fff;}
.tuxedo-menu a:hover {color:#555;}

/*전체메뉴 닫기 버튼*/
.tuxedo-menu .close_btn2 {position:absolute;right:55px;top:105px;width:40px;height:40px;z-index:999999999;background:rgba(0,0,0,0);vertical-align:middle;}
.tuxedo-menu .close_btn2 img {width:40%;margin:30%;}

/*모바일메뉴박스*/
.mobile_menu {position:relative;left:0px;margin-top:0px;z-index:99999999;width:250px;padding:0px;color:#fff !important;z-index: 9999999; display:none;height:100%;overflow-y:auto !important;}
.mobile_menu .inner {position:relative; width:130px;padding:30px;color:#fff !important;z-index: 9999999;text-align:left;margin-bottom:100px; }
.mobile_menu a,.mobile_menu li {color:#fff !important;}
.mobile_menu a:hover {color:#aaa !important;}

/*전체메뉴소스*/
.side_menu {margin-top:-150px;top:50%;left:50%;margin-left:-45%;position:absolute;;text-align:center;vertical-align:top;width:90%;font-size:0;line-height:0;display:block;z-index: 9999999; }
.side_menu ul {width:150px;display:inline-block;margin:0 10px 20px;vertical-align:top;font-size:1.2rem;line-height:1.6em;}
.side_menu h2 {color:#fff;font-size:1.5rem;margin-bottom:10px;padding-bottom:10px;border-bottom:0px solid #333;transition:0.5s;}
.side_menu ul li {font-size:1.2rem;line-height:1.8em;text-transform:uppercase;}
.side_menu ul li span {padding:1px;border-radius:50%;background:#fff;color:#000;font-size:9px;line-height:11px;min-width:11px;display:inline-block;}
.side_menu ul li .sub-category {display:none;}
 
/*브라우져 가로 1024픽셀 이하일떄 반응*/
@media screen and (max-width:1024px) {
    .tuxedo_bg {background:rgba(0,0,0,0.4);}
    .tuxedo-menu {display:none;position:fixed;left:0;top:0;text-align:center;vertical-align:top;width:250px;font-size:0;line-height:0; height:100%;z-index: 999999;background:rgba(0,0,0,1);}
    .tuxedo-menu .close_btn2 {position:absolute;right:-54px;top:0px;z-index:999999999;width:54px;height:54px;background:rgba(0,0,0,1);}
    .mobile_menu { display:block;}
     .mobile_menu {overflow-y:auto !important;}
    .mobile_menu .logo {display:none;}
    .side_menu {display:none; }
}

/*브라우져 세로가 460이하일떄 반응*/
@media screen and (max-height:460px) {
    .mobile_menu {overflow-y:auto !important;}
}