/* 공통 */
.progress { overflow:hidden; text-align:center; }
.progress li { position:relative; float:left; padding:0 0 0 17px; width:35%; height:100%; line-height:37px; background-color:#ebebeb; box-sizing:border-box; list-style-type:none; display:none; }
.progress li:first-child { padding:0; width:30%; }
.progress li:first-child:before { display:none; }
.progress li:before { position:absolute; top:0; left:0; display:inline-block; content:""; width:17px; height:37px; background:url("//img.echosting.cafe24.com/skin/mobile/common/bg_process.png") no-repeat 0 0; background-size:67px auto; }
.progress li.done { background-color:#fafafa; }
.progress li.done + li:before { background-position:-25px 0; }
.progress li.done + li.done:before { background-position:-50px 0; }

.xans-member-join { margin:14px 7px 0; padding:0 0 29px; color:#63666e; font-size: 11px; }
.xans-member-join .titleArea { width:100%; margin:0; border:none; }
.xans-member-join .titleArea.accountArea { margin:-8px 0 0; }
.xans-member-join .titleArea h3 {border-radius:4px 4px 0 0; height:20px; padding:10px 0 4px 14px; border:1px solid #e1e1e1; font-size:13px; font-weight:bold; color:#4a5164; font-family:"맑은 고딕",Malgun Gothic,"돋움",Dotum; background:#f1f1f1; }
.xans-member-join .titleArea h3 span { float:right; padding:0 14px 0 0; color:#1b1b1b; font:11px normal; }
.xans-member-join .titleArea h3 span img { margin:0 3px 0 0; padding:4px 0 0; vertical-align:top; }
.xans-member-join p.required { margin:-25px 0 6px; color:#6292db; font-size:11px; text-align:right; }
.xans-member-join p.required img { vertical-align:middle; }

.xans-member-join ul.info li { margin:5px 0 0; }
.xans-member-join ul.info .name { display:block; margin-bottom:5px; font-weight:normal; }

#ap-recommand-id {
    height: 29px;
    padding: 10px;
    font-size: 13px;
    line-height: 13px;
    font-weight: inherit;
    color: #151515;
    border: 1px solid #e1e1e1;
    border-radius: 4px;
    /* outline-style: none; */
    box-sizing: border-box;
    max-width: 100%;
    width: 100%;
    vertical-align: middle;
    outline: 0;
    }

/* 인증번호 */
.xans-member-join .verify { position:relative; width:100%; height:29px; }
.xans-member-join .verify #verify_sms_number { width:100%; padding:0 35px 0 4px; }
.xans-member-join .verify .time { position:absolute; top:2px; right:6px; color:#ff5400; }

/* BS 추가 */
/*.xans-member-join .ec-base-table.bsBorderTopWidth { border-top-width:1px; }*/
.xans-member-join .titleArea.bsBorderBottomWidth h3 { border-bottom-width:0; }
.xans-member-join .ec-base-tooltip-area { width:100%; }
.xans-member-join .btnSubmit { height:38px; line-height:36px; }

/* ì •ë³´ìž…ë ¥ */
.xans-member-join .ec-base-table.typeWrite { margin:0 0 7px; }
.xans-member-join .ec-base-table.typeWrite .emailCheck td,
.xans-member-join .ec-base-table.typeWrite .idCheck td { font-size:11px; }
.xans-member-join .ec-base-table.typeWrite .emailCheck .error,
.xans-member-join .ec-base-table.typeWrite .idCheck .error { color:#f00; }
.xans-member-join .ec-base-table.typeWrite td.thead .subject { display:block; padding:0 0 10px; font-weight:normal; color:#757575; }
.xans-member-join .ec-base-table.typeWrite .interest label { min-width:90px; margin:0 7px 14px 0; }
.xans-member-join .ec-base-table.typeWrite .interest { font-size:11px; line-height:1.2em; }
.xans-member-join .ec-base-table.typeWrite .interest input { margin:0 3px 0 0; }
.xans-member-join .ec-base-table.typeWrite .interest span { display:inline-block; }
.xans-member-join .ec-base-table.typeWrite th > img { vertical-align:top; padding:4px 0 0; }
.xans-member-join .ec-base-table.typeWrite select { margin-right:4px; }
.xans-member-join .ec-base-table.typeWrite #authWrap #ipinWrap img,
.xans-member-join .ec-base-table.typeWrite #authWrap #mobileWrap img,
.xans-member-join .ec-base-table.typeWrite #authWrap img { width:106px !important; }

/* INPUT SIZE */
.xans-member-join input[type=text],
.xans-member-join input[type=password],
.xans-member-join input[type=number],
.xans-member-join input[type=tel],
.xans-member-join select { width:100%; }
.xans-member-join input[type=tel] { padding:10px 4px; }
.xans-member-join select { padding:0 20px 0 4px; }
.xans-member-join #foreigner_ssn { width:auto; }
.xans-member-join #user_passwd_confirm,
.xans-member-join #hint,
.xans-member-join #hint_answer { margin-bottom:0; }
.xans-member-join #member_id { width:113px; }
.xans-member-join #postcode1 { width:55px; text-align:center; }
.xans-member-join #addr1 { margin:5px 0 0; }
.xans-member-join #addr2 { margin:5px 0 7px; }
.xans-member-join #phone1,
.xans-member-join #mobile1 { width:33%; }
.xans-member-join #phone2,
.xans-member-join #phone3,
.xans-member-join #mobile2,
.xans-member-join #mobile3 { width:25%; margin:0 4px; }
.xans-member-join #bssn1,
.xans-member-join #bssn2 { width:70px; }
.xans-member-join #email1 { max-width:40%; margin:0 4px 4px 0; }
.xans-member-join #email2 { max-width:45%; margin:0 4px 4px 4px; }
.xans-member-join #email3 { height:29px; margin:0 0 4px; }

.xans-member-join #birth_year,
.xans-member-join #marry_year,
.xans-member-join #partner_year { width:54px; margin:0 4px 0 0; }
.xans-member-join #birth_month,
.xans-member-join #marry_month,
.xans-member-join #partner_month { width:38px; margin:0 4px; }
.xans-member-join #birth_day,
.xans-member-join #marry_day,
.xans-member-join #partner_day { width:38px; margin:0 4px; }

#invite_code {width:100%; font-family:'Montserrat','Noto Sans KR',"맑은 고딕","Malgun Gothic",sans-serif; 
    height: 29px; padding:10px; font-size:13px; line-height:13px; font-weight:inherit; color:#333; border:1px solid #e1e1e1; border-radius:4px; outlind-style:none; box-sizing:border-box;}

/**
 * 모바일쇼핑몰 슬라이딩메뉴
 */
body { position:relative; height:100%; }
#wrap { min-height:100%; overflow-x:hidden; }
html.expand body#main #bsFixedGotop2 { opacity:0.0; } /* 메뉴 열릴시 대화하기 아이콘 숨김 */

/* 상단 */

#aside .member_info {background-color : #fd6768;}

#aside .member_info > div.xans-layout-statelogon ,#aside .member_info > div.xans-layout-statelogoff {display:flex;width :auto; padding:0; align-items:center; justify-content:space-between;padding : 12px 22px;}
#aside .member_info > div.xans-layout-statelogon span , #aside .member_info > div.xans-layout-statelogoff span{font-size :15px; font-weight : 300;}
#aside .member_info > div.xans-layout-statelogon a , #aside .member_info > div.xans-layout-statelogoff a{font-weight : bold;}
#aside .member_info > div.xans-layout-statelogon span , #aside .member_info > div.xans-layout-statelogon a ,
#aside .member_info > div.xans-layout-statelogoff span , #aside .member_info > div.xans-layout-statelogoff a {color : #fff;}
#aside .nav_box .xans-layout-statelogoff , #aside .nav_box .xans-layout-statelogon{width :auto;}

#aside .nav_box ul {display:flex; padding: 12px 12px; justify-content:space-around; font-size : 14px; align-items:center;}
#aside .nav_box ul li {width : 100%; text-align:center; position :relative;}
#aside .nav_box ul li:nth-child(-n + 2)::after {content : "";position : absolute; right : 0; height :100%; width :1px; border-right:1px solid #000; top :50%; height : 50%; transform : translate(0px , -50%)}
/* 확장 */
html.expand body { position:fixed; top:0; left:0; width:100%; }
html.expand #container { -webkit-transform: translate(77%, 0); -moz-transform: translate(77%, 0); -ms-transform: translate(77%, 0); -o-transform: translate(77%, 0); transform: translate(77%, 0); }
html.expand #btnFoldLayout { z-index:405; }
html.expand #aside {overflow:initial; }
html.expand #fp-nav { display:none; } /* 확장시 풀페이지 네비 감춤 */

/* aside */
#aside { z-index:-1; visibility:hidden; position:fixed; left:0px; top:0px; bottom:0; overflow:auto; overflow-x:hidden; min-width:225px; width:77%; font-size:11px; background-color:#f9f9f9; }
#aside .btnClose { display:block; position:absolute; top:3px; right:-48px; padding:13px; font-size:26px; color:#fff; }

/* conatiner */
#container {
    z-index:100; position:relative; overflow:hidden; background-color:#fff; margin-left:-1px; margin-right:-1px;
    -webkit-transition:300ms; -moz-transition:300ms; -ms-transition:300ms; -o-transition:300ms; transition:300ms;
    -webkit-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden;
}

/* btnFoldLayout */
#btnFoldLayout {
    display:none; position:absolute; left:77%; top:0; right:0; bottom:0; width:100%; height:100%; opacity:0;
    -webkit-tap-highlight-color:rgba(0, 0, 0, 0); and -webkit-focus-ring-color:rgba(0, 0, 0, 0);
}

/* 메인 메뉴 */
#aside #bsmMainAccordion { padding:10px 0 10px 8%; width:100%;box-sizing:border-box; box-shadow : 0px 0px 5px 0px rgb(0,0,0,0.05);}
#aside #bsmMainAccordion > li a { display:block; font-size:22px; font-weight:700; line-height:38px; color:#000; letter-spacing:0.00em; text-transform:uppercase; }
#aside #bsmMainAccordion > li > ul {}
#aside #bsmMainAccordion > li > ul li a { display:block; color:#999; font-size:17px; font-weight:600; line-height:34px; text-transform:capitalize; }
#aside #bsmMainAccordion > li > ul li a:hover { color:#333; }


/* 로그인, 로그아웃 메뉴 */
#aside .xans-layout-statelogoff { width:120px; padding:25px 0 0 45px; }
#aside .xans-layout-statelogoff a { display:block; line-height:33px; color:#999; font-size:16px; text-transform:lowercase; }
#aside .xans-layout-statelogoff a:hover { color:#333; }

#aside .xans-layout-statelogon { width:120px; padding:25px 0 0 45px; }
#aside .xans-layout-statelogon a { display:block; line-height:33px; color:#999; font-size:16px; text-transform:lowercase; }
#aside .xans-layout-statelogon a:hover { color:#333; }

#aside .btnBasket > span { padding:0 0 0 4px; font-size:12px; }

/* SNS 메뉴 */
#aside .bsmSideMenuSns { padding:20px 0 20px 8%; }
#aside .bsmSideMenuSns:after { content:""; display:block; clear:both; }
#aside .bsmSideMenuSns li { float:left; }
#aside .bsmSideMenuSns li a { float:left; color:#222; font-size:29px; margin:0 15px 0 0; }

#aside .bsmSideMenuSns li a.bsmSideMenuSnsF:hover { color:#3b5998; }
#aside .bsmSideMenuSns li a.bsmSideMenuSnsI:hover { color:#3897f0; }
#aside .bsmSideMenuSns li a.bsmSideMenuSnsY:hover { color:#ff0000; }
#aside .bsmSideMenuSns li a.bsmSideMenuSnsY:hover { color:#f0d438; }


#main #header h1 { position:absolute; top:0; left:0; }
#layout #header h1 { position:absolute; top:0; left:0; }

#header .bs_top_banner { position:absolute; top:0; left:0; right:0; visibility:visible; background-color:rgba(0,0,0,0.8); height:30px;}
#header .bs_top_banner.bs_off { visibility:hidden; opacity:0; transition:all 0.75s ease; }
#header .bs_top_banner .smWrap { height:30px; line-height:30px; font-size:11px; font-weight:400; text-align:center; vertical-align:middle;}
#header .bs_top_banner .smWrap a { position:relative; display:inline-block; padding:0; font-size: 12px;font-weight:400;color:#fff; letter-spacing:-0.02em; transition:color 0.25s ease; text-overflow:ellipsis; word-wrap:normal; max-width:70%; overflow:hidden; white-space:nowrap; }

#header .bs_top_banner .bx-wrapper {border:0; background:transparent; margin-bottom:0; }

/* 닫기 버튼 */
#header .bs_top_banner.bs_on { visibility:visible; opacity:1; }
#header .bs_top_banner .bs_wrap i { position:absolute; top:-1px; right:0px; display:inline-block; padding:10px 5px 10px 5px; color:#000; cursor:pointer; transition:color 0.25s ease; }

/* 공통 레이아웃에서 감춤 */
#layout #header .bs_top_banner { visibility:visible; background-color:rgba(0,0,0,1); } /* visibility:hidden; */

#main .xans-layout-footerpackage { backface-visibility:hidden; }/* 메인화면 풀페이지 자동 화면맞춤 관련 */
.xans-layout-footerpackage .bsmMainBotttomCS { font-size:12px; color:#000; line-height:2.0; text-align:center; letter-spacing:0.01em; padding:40px 14px 0; }
.xans-layout-footerpackage .bsmMainBotttomCS a { color:#000; }
.xans-layout-footerpackage .bsmMainBotttomCS ul li:first-child { font-size:17px; font-weight:600; line-height:2.0; letter-spacing:0.03em; }

#main .xans-layout-footerpackage { border-top:1px solid #f4f4f4; }
#layout .xans-layout-footerpackage { border-top:1px solid #f4f4f4; }

.xans-layout-footerpackage { margin:0; font-size:11px; line-height:1.5em; color:#1b1b1b; word-break:keep-all; }
.xans-layout-footerpackage .footerMenu p { overflow:hidden; padding: 8px 14px; border-bottom:1px solid #dddddd; background-color:#f9f9f9; text-align:right; }
.xans-layout-footerpackage .footerMenu p:first-child { background-color:#fff; }
    .footerMenu p.xans-layout-info { margin:0; }
.xans-layout-footerpackage .footerMenu .left { float:left; text-align:left; }
.xans-layout-footerpackage .footerMenu .btnUtil {
    display:inline-block; height:26px; line-height:24px; font-size:11px; margin:0; padding:0 10px;
    cursor:pointer; vertical-align:middle; font-family:Verdana,"맑은 고딕",Malgun Gothic,"돋움",Dotum; font-weight:400; border:0;
    border-radius:2px;
    -moz-box-sizing:border-box; box-sizing:border-box;
    color:#1b1b1b; border:1px solid #bcbcbc; background:#fff;
}

.xans-layout-footerpackage .footerMenu .policy { padding:30px 14px 30px; text-align:center; font-size:0; line-height:0; transform:translateZ(0); }
.xans-layout-footerpackage .footerMenu .policy li { position:relative; display:inline-block; padding:0 8px 0 9px; line-height:13px; font-size:12px; }
.xans-layout-footerpackage .footerMenu .policy li a { color:#000; text-transform:lowercase; }

.xans-layout-footerpackage .footerMenu .policy li:first-child { background:none; }
.xans-layout-footerpackage address { padding:0 14px 19px; text-transform:lowercase; }
.xans-layout-footerpackage address .footerInfo { display:table; width:100%; }
.xans-layout-footerpackage address dl { display:table-row; }
.xans-layout-footerpackage address dl dt { display:table-cell; width:auto; line-height:1.8; color:#999; text-align:center; vertical-align:top; }
.xans-layout-footerpackage address dl dd { display:table-cell; width:0px; padding:0; line-height:1.7; word-break:break-all; }
.xans-layout-footerpackage address a { color:#999; }
.xans-layout-footerpackage .copyright { text-align:center; line-height:28px; color:#777777; font-size:9px; background-color:#eeeeee; }

/* 기본 */
#bsFixedGotop2 { position:fixed; bottom:15px; right:55px; padding:0; z-index:100; background:rgba(51,51,51,0.7); text-indent:-9999px *; border-radius:80px; overflow:hidden; transition:all 0.50s ease; visibility:hidden; opacity:0; }
#bsFixedGotop2.bs { visibility:visible; opacity:1.0; } 
#bsFixedGotop2 > a { display:block; }
#bsFixedGotop2 > a.bs_line:after { content:""; display:block; clear:both; width:25px; height:1px; margin:0 auto; background:rgba(255,255,255,0.08); }
#bsFixedGotop2 i { width:33px; height:33px; line-height:33px; color:#fff; text-align:center; box-sizing:border-box; }
#bsFixedGotop2 a.bs_btn_kakao { background:url("//ecimg.cafe24img.com/pg241b58340239066/inthework/web/upload/badasonamu/image/icon/bs_icon_kakaoch_w.png") no-repeat 50% 48%; background-size:56%; transition:background 0.25s ease; }
/* #bsFixedGotop2 a.bs_btn_kakao:hover { background:url("//ecimg.cafe24img.com/pg241b58340239066/inthework/web/upload/badasonamu/image/icon/bs_icon_kakaoch_y.png") no-repeat 50% 48%; background-size:56%; } */
#bsFixedGotop2 a.bs_btn_kakao i { display:none; font-size:27px; }
#bsFixedGotop2 a.bs_btn_kakao:hover i { color:#fee100; }
#bsFixedGotop2 a.bs_btn_gotop i { font-size:20px; }

#bsFixedGotop2 a.bs_btn_naver { background:url("//ecimg.cafe24img.com/pg241b58340239066/inthework/web/upload/badasonamu/image/icon/bs_icon_naver_talk_w.png") no-repeat 50% 48%; background-size:52%; transition:background 0.25s ease; }
/* #bsFixedGotop2 a.bs_btn_naver:hover { background:url("//ecimg.cafe24img.com/pg241b58340239066/inthework/web/upload/badasonamu/image/icon/bs_icon_naver_talk_g.png") no-repeat 50% 48%; background-size:52%; } */
#bsFixedGotop2 a.bs_btn_naver i { display:none; font-size:27px; }
#bsFixedGotop2 a.bs_btn_naver:hover i { color:#fee100; }

/* 메인화면 적용 */
body#main #bsFixedGotop2 { bottom:94px; right:38px; visibility:visible; opacity:1.0; }
body#main #bsFixedGotop2 > .bs_btn_naver.bs_line:after { height:0; }
body#main #bsFixedGotop2 a.bs_btn_gotop i { display:block; }
body#main #bsFixedGotop2 i { width:33px; height:37px; line-height:37px; }

/* 카카오 대화만 사용 */
#bsFixedGotop2.bs_type1 a.bs_btn_naver { display:none; }
body#main #bsFixedGotop2.bs_type1 > a.bs_line:after { height:0; }
body#main #bsFixedGotop2.bs_type1 i { width:38px; height:38px; line-height:38px; }

/* 네이버 대화만 사용 */
#bsFixedGotop2.bs_type2 a.bs_btn_kakao { display:none; }
body#main #bsFixedGotop2.bs_type2 > a.bs_line:after { height:0; }
body#main #bsFixedGotop2.bs_type2 i { width:38px; height:38px; line-height:38px; }




.bsmSearchPageCover { width:100%; height:100%; position:fixed; top:0px; left:0px; visibility:hidden; opacity:0.0; background:rgba(0,0,0,0.90); z-index:301; transition:all 0.35s ease;  }
.bsmSearchPageCover:before,
.bsmSearchPageCover:after { content:""; display:block; clear:both; }
.bsmSearchPageCover > div { display:table; width:100%; height:100%; table-layout:fixed; }
.bsmSearchPageCover > div > div { display:table-cell; width:100%; height:100%; vertical-align:middle; text-align:center; }
.bsmSearchPageCover .bsmSearchInfo { font-size:12px; color:#aaa; padding:5px 0 30px;  }
.bsmSearchPageCover .bsmBtnSearchClose { position:absolute; top:20px; right:20px; font-size:26px; color:#aaa; padding:10px; }
.bsmSearchPageCover input::-ms-input-placeholder { color:#fff; }
.bsmSearchPageCover input::-webkit-input-placeholder { color:#fff; } 
.bsmSearchPageCover input::-moz-placeholder { color:#fff; }

.bsmSearchPageCover.bsmSearchOn { visibility:visible; opacity:1.0; }



/* 풀페이지 네비 감춤  */
html.bsmSearchOn #fp-nav { visibility:hidden; opacity:0; }
.xans-layout-searchheader { z-index:200; text-align:center; max-width:360px; margin:0 auto; padding:0 50px;}
.xans-layout-searchheader .searchForm { position:relative; margin:7px 0 7px; padding:0; border-bottom:1px solid #fff; display:flex; align-items:center;}
.xans-layout-searchheader fieldset {position :relative; display:flex; align-items:center;}
.xans-layout-searchheader .xi-search {position : absolute ; right :0;  font-size:24px; color : #fff;}
.xans-layout-searchheader .btnDelete { position:absolute; right:7px; 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; display:none; }
.xans-layout-searchheader #keyword { position :relative; width:100%; height:50px; line-height:50px; padding:0; border:0; background-color:transparent; color:#fff; font-size:30px; font-weight:700; text-align:left; }
.xans-layout-searchheader #keyword::placeholder {color : rgba(204,204,204, 0.5); font-weight : 300; font-size :26px; }
.xans-layout-searchheader #keyword:-ms-input-placeholder {color : rgba(204,204,204, 0.5); font-weight : 300; font-size :26px; }
.xans-layout-searchheader #keyword::-webkit-input-placeholder {color : rgba(204,204,204, 0.5); font-weight : 300; font-size :26px; }
.xans-layout-searchheader #keyword:-moz-placeholder {color : rgba(204,204,204, 0.5); font-weight : 300; font-size :26px; }
.xans-layout-searchheader #keyword::moz-placeholder {color : rgba(204,204,204, 0.5); font-weight : 300; font-size :26px; }
.popular-search .title {color : #fff; font-size :20px; text-align:left; margin : 16px 0 8px;}
.popular-search ul {display:flex; flex-wrap:wrap;}
.popular-search ul li {width :auto; padding : 2px 12px; box-sizing:border-box; color : #ccc; border: 1px solid #ccc; border-radius :20px; margin : 4px 0;}
.popular-search ul li a {color : #9e9e9e; font-size:14px;}
.popular-search ul li a::before {content: "#";}
.popular-search ul li:nth-child(-n + 3) { border-color : #fe9e94;}
.popular-search ul li:nth-child(-n + 3) a {color : #fe9e94;}
.popular-search ul li:nth-child(-n + 2), .popular-search ul li:nth-child(4n) , .popular-search ul li:nth-child(5n) {margin-right : 4px;}

@charset "euc-kr";

/* 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%; }
body, code { min-width:320px; font-family:'Montserrat','Noto Sans KR',"맑은 고딕","Malgun Gothic",sans-serif; font-size:13px; line-height:1.2em; color:#333; background:#fff; -webkit-text-size-adjust:none; }
code { background:none; display:block; }
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:#333; }
a:active { text-decoration:none; }
table { width:100%; table-layout:fixed; border:0 none; border-spacing:0; border-collapse:collapse; }
table caption { display:none; }
th, td { border:0; line-height:18px; }
legend { height:0; width:0; display:block; text-indent:-9999em; }
label { cursor:pointer; }
button::-moz-focus-inner { padding:0; border:0; }

.ec-multi-popup { z-index:301; } /* 팝업 */

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

/* BS */
#bsmLoader { position:fixed; top:0; left:0; width:100%; height:100%; background-color:#fff; visibility:visible; opacity:1.0; z-index:302; transition: all 0.50s ease; }
html.bsmLoaderOn #bsmLoader { visibility:hidden; opacity:0.0; }

/* 웹폰트 Nanum Square */
@font-face {
  font-family: 'Nanum Square';
  src: url("//m.o-lola.co.kr/web/upload/badasonamu/source/font/NanumSquareR.eot");
  src: 
       url("//m.o-lola.co.kr/web/upload/badasonamu/source/font/NanumSquareR.eot?#iefix") format('embedded-opentype'),
       url("//m.o-lola.co.kr/web/upload/badasonamu/source/font/NanumSquareR.woff2") format('woff2'),
       url("//m.o-lola.co.kr/web/upload/badasonamu/source/font/NanumSquareR.woff") format('woff'),       
       url("//m.o-lola.co.kr/web/upload/badasonamu/source/font/NanumSquareR.ttf") format('truetype');
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: 'Nanum Square';
  src: url("//m.o-lola.co.kr/web/upload/badasonamu/source/font/NanumSquareB.eot");
  src: 
       url("//m.o-lola.co.kr/web/upload/badasonamu/source/font/NanumSquareB.eot?#iefix") format('embedded-opentype'),
       url("//m.o-lola.co.kr/web/upload/badasonamu/source/font/NanumSquareB.woff2") format('woff2'),
       url("//m.o-lola.co.kr/web/upload/badasonamu/source/font/NanumSquareB.woff") format('woff'),       
       url("//m.o-lola.co.kr/web/upload/badasonamu/source/font/NanumSquareB.ttf") format('truetype');
  font-style: normal;
  font-weight: 700;
}

@font-face {
  font-family: 'Nanum Square';
  src: url("//m.o-lola.co.kr/web/upload/badasonamu/source/font/NanumSquare_acEB.eot");
  src: 
       url("//m.o-lola.co.kr/web/upload/badasonamu/source/font/NanumSquare_acEB.eot?#iefix") format('embedded-opentype'),
       url("//m.o-lola.co.kr/web/upload/badasonamu/source/font/NanumSquare_acEB.woff2") format('woff2'),
       url("//m.o-lola.co.kr/web/upload/badasonamu/source/font/NanumSquare_acEB.woff") format('woff'),       
       url("//m.o-lola.co.kr/web/upload/badasonamu/source/font/NanumSquare_acEB.ttf") format('truetype');
  font-style: normal;
  font-weight: 800;
}

/* 웹폰트 Noto Sans KR */
@font-face {
  font-family: 'Noto Sans KR';
  src: url("//m.o-lola.co.kr/web/upload/badasonamu/source/font/notokr-light.eot");
  src: 
       url("//m.o-lola.co.kr/web/upload/badasonamu/source/font/notokr-light.eot?#iefix") format('embedded-opentype'),
       url("//m.o-lola.co.kr/web/upload/badasonamu/source/font/notokr-light.woff2") format('woff2'),
       url("//m.o-lola.co.kr/web/upload/badasonamu/source/font/notokr-light.woff") format('woff'),       
       url("//m.o-lola.co.kr/web/upload/badasonamu/source/font/notokr-light.ttf") format('truetype');
  font-style: normal;
  font-weight: 300;
}

@font-face {
  font-family: 'Noto Sans KR';
  src: url("//m.o-lola.co.kr/web/upload/badasonamu/source/font/notokr-regular.eot");
  src: 
       url("//m.o-lola.co.kr/web/upload/badasonamu/source/font/notokr-regular.eot?#iefix") format('embedded-opentype'),
       url("//m.o-lola.co.kr/web/upload/badasonamu/source/font/notokr-regular.woff2") format('woff2'),
       url("//m.o-lola.co.kr/web/upload/badasonamu/source/font/notokr-regular.woff") format('woff'),       
       url("//m.o-lola.co.kr/web/upload/badasonamu/source/font/notokr-regular.ttf") format('truetype');
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: 'Noto Sans KR';
  src: url("//m.o-lola.co.kr/web/upload/badasonamu/source/font/notokr-medium.eot");
  src: 
       url("//m.o-lola.co.kr/web/upload/badasonamu/source/font/notokr-medium.eot?#iefix") format('embedded-opentype'),
       url("//m.o-lola.co.kr/web/upload/badasonamu/source/font/notokr-medium.woff2") format('woff2'),
       url("//m.o-lola.co.kr/web/upload/badasonamu/source/font/notokr-medium.woff") format('woff'),       
       url("//m.o-lola.co.kr/web/upload/badasonamu/source/font/notokr-medium.ttf") format('truetype');
  font-style: normal;
  font-weight: 600;
}

/* 웹폰트 Poppins */
@font-face {
  font-family: 'Poppins';
  src: url("//m.o-lola.co.kr/web/upload/badasonamu/source/font/Poppins-Regular.eot");
  src: 
       url("//m.o-lola.co.kr/web/upload/badasonamu/source/font/Poppins-Regular.eot?#iefix") format('embedded-opentype'),
       url("//m.o-lola.co.kr/web/upload/badasonamu/source/font/Poppins-Regular.woff2") format('woff2'),
       url("//m.o-lola.co.kr/web/upload/badasonamu/source/font/Poppins-Regular.woff") format('woff'),       
       url("//m.o-lola.co.kr/web/upload/badasonamu/source/font/Poppins-Regular.ttf") format('truetype');
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: 'Poppins';
  src: url("//m.o-lola.co.kr/web/upload/badasonamu/source/font/Poppins-Medium.eot");
  src: 
       url("//m.o-lola.co.kr/web/upload/badasonamu/source/font/Poppins-Medium.eot?#iefix") format('embedded-opentype'),
       url("//m.o-lola.co.kr/web/upload/badasonamu/source/font/Poppins-Medium.woff2") format('woff2'),
       url("//m.o-lola.co.kr/web/upload/badasonamu/source/font/Poppins-Medium.woff") format('woff'),       
       url("//m.o-lola.co.kr/web/upload/badasonamu/source/font/Poppins-Medium.ttf") format('truetype');
  font-style: normal;
  font-weight: 600;
}

@font-face {
  font-family: 'Poppins';
  src: url("//m.o-lola.co.kr/web/upload/badasonamu/source/font/Poppins-SemiBold.eot");
  src: 
       url("//m.o-lola.co.kr/web/upload/badasonamu/source/font/Poppins-SemiBold.eot?#iefix") format('embedded-opentype'),
       url("//m.o-lola.co.kr/web/upload/badasonamu/source/font/Poppins-SemiBold.woff2") format('woff2'),
       url("//m.o-lola.co.kr/web/upload/badasonamu/source/font/Poppins-SemiBold.woff") format('woff'),       
       url("//m.o-lola.co.kr/web/upload/badasonamu/source/font/Poppins-SemiBold.ttf") format('truetype');
  font-style: normal;
  font-weight: 700;
}

@font-face {
  font-family: 'Poppins';
  src: url("//m.o-lola.co.kr/web/upload/badasonamu/source/font/Poppins-Bold.eot");
  src: 
       url("//m.o-lola.co.kr/web/upload/badasonamu/source/font/Poppins-Bold.eot?#iefix") format('embedded-opentype'),
       url("//m.o-lola.co.kr/web/upload/badasonamu/source/font/Poppins-Bold.woff2") format('woff2'),
       url("//m.o-lola.co.kr/web/upload/badasonamu/source/font/Poppins-Bold.woff") format('woff'),       
       url("//m.o-lola.co.kr/web/upload/badasonamu/source/font/Poppins-Bold.ttf") format('truetype');
  font-style: normal;
  font-weight: 800;
}

@font-face {
  font-family: 'Poppins';
  src: url("//m.o-lola.co.kr/web/upload/badasonamu/source/font/Poppins-Black.eot");
  src: 
       url("//m.o-lola.co.kr/web/upload/badasonamu/source/font/Poppins-Black.eot?#iefix") format('embedded-opentype'),
       url("//m.o-lola.co.kr/web/upload/badasonamu/source/font/Poppins-Black.woff2") format('woff2'),
       url("//m.o-lola.co.kr/web/upload/badasonamu/source/font/Poppins-Black.woff") format('woff'),       
       url("//m.o-lola.co.kr/web/upload/badasonamu/source/font/Poppins-Black.ttf") format('truetype');
  font-style: normal;
  font-weight: 900;
}

/* 우편번호 검색 */
.gMobile.typeAll h2 { background:#333 !important; }
.mCafe24Post.gMobile .search .btnSearch { border:1px solid #333 !important; background:#333 !important; }
.gMobile.typeAll .mTab.typeNav li.selected a { color:#333 !important; box-shadow:inset 0 -3px #333 !important; }
.gMobile.typeAll .zipcode .mTab li.selected a { color:#333 !important; }
.mCafe24Post a { color:#333 !important; }
.mCafe24Post.gMobile .postcode .empty { font-size:14px !important; }

@charset "utf-8";

/* layout */
#header { background-color:rgba(255, 255, 255, 0.7); width:100%; z-index:300; }
#header .header { position:relative; text-align:center; vertical-align:top; }
#header h1 { text-align:left; font-size:24px; font-weight:600; letter-spacing:-0.03em; margin-top:30px;}
#header h1 img { max-width:100%; vertical-align:middle; font-size:12px; }


#header .header .searchWrap {display:flex; justify-content:space-between; }
#header .header .searchWrap .nav-icon-box {display:flex; position:absolute; right:10px; margin-top:30px;}
#header .topLogoW { color:#fff; transition:all 0.25s ease; display:none; }
#header .topLogoB { color:#222; transition:all 0.25s ease; display:inline-block; }

#header .category { width:40px; height:60px; line-height:60px; vertical-align:middle; }
#header .category a { display:inline-block; overflow:hidden; width:100%; height:100%; color:#000; font-size:25px; white-space:nowrap; transition:all 0.25s ease; }

#header .search { width:34px; height:60px; line-height:60px; vertical-align:middle; }
#header .search a { display:inline-block; overflow:hidden; width:100%; height:100%; color:#000; font-size:24px; white-space:nowrap; transition:all 0.25s ease; }

#header .xans-layout-orderbasketcount { width:40px; height:60px; line-height:60px; vertical-align:middle; }
#header .xans-layout-orderbasketcount a.btnBasket { position:relative; display:inline-block; overflow:hidden; width:100%; height:100%; padding:0; text-align:left; color:#000; font-size:25px; white-space:nowrap;  background:url("//ecimg.cafe24img.com/pg241b58340239066/inthework/web/upload/badasonamu/image/btn/bsm_btn_basket_b.png") no-repeat 50% 43%; background-size:45%; transition:background 0.25s ease; }
#header .xans-layout-orderbasketcount a.btnBasket .count { position:absolute; bottom:25px; right:6px; display:flex; justify-content:center; align-items:center; border:1px solid #fd6768; border-radius:7px; padding:2px;color:#fff; width :8px ; height : 8px; font-weight:400; font-size:9px; background-color:#fd6768; }


#header.on .search a{color : #fff;}
#header.on .xans-layout-orderbasketcount a.btnBasket {color : #fff; background:url("https://ecimg.cafe24img.com/pg241b58340239066/inthework/web/upload/badasonamu/image/btn/bsm_btn_basket_w.png") no-repeat 50% 43%; background-size:45%; }
#header.on .category a {color :#fff;}

#main #header .header { height:90px; }
#main #header h1 { height:70px; line-height:70px; padding-left:17px; }
#main #header h1 img { max-height:30px; vertical-align:middle; padding:0 0 12px 0; }

#layout #header .header .searchWrap {display:flex; justify-content:space-between; }
#layout #header .header .searchWrap .nav-icon-box {display:flex; position:absolute; right:10px; margin-top:30px;}

#layout #header .header { height:90px; }
#layout #header h1 {position:initial !important; height:70px; line-height:70px; padding-left:14px; }
#layout #header h1 img { max-height:30px; vertical-align:middle; padding:0 0 12px 0; }

#contents { position:relative; background-color:#fff; } 

.btnTop { display:none; position:fixed; bottom:23px; right:20px; z-index:100; margin:0; border:0; border-top:0; opacity:0.4; background:url("//ecimg.cafe24img.com/pg241b58340239066/inthework/web/upload/badasonamu/image/btn/bsm_btn_gotop.png") no-repeat 3px 4px; background-size:14px auto; }
.btnTop a { display:inline-block; height:29px; padding:0 10px 0 10px; line-height:29px; color:#fff; text-indent:-9999em; }

#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); }

/* BS 픽시드 헤더 */
#main #header { position:fixed; top:0; background-color:rgba(255, 255, 255, 0.0); } /* 메인화면에서 헤더 픽시드 */

/* body.bsmFixed #header { position:fixed; top:0; background-color:rgba(255, 255, 255, 0.7); transform:translate(0,-70px); } */
body.bsmFixed.bsmFixedMove #header { transition:transform 1.0s ease; transform:translate(0,0); }
body.bsmFixed #contents { margin-top:70px; } /* #container margin-top:-1px; 삭제함 */

/* 풀페이지 */
#fp-nav {}
#fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span { height:4px; width:4px; margin:-2px 0 0 -2px; } /* 풀페이지 버튼 후버 삭제 */
#fullpage .iScrollIndicator { border-radius:0 !important; width:50% !important;}

html.bs_ios #fullpage .fp-section,
html.bs_ios #fullpage .fp-tableCell { -webkit-backface-visibility:hidden; -webkit-transform:translateZ(0) scale(1.0, 1.0); }

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

/* 타이틀 */
#titleArea { position:relative; background-color:#fff; }
#titleArea h2 { padding:10px 14px 7px; line-height:43px; font-size:22px; color:#222; font-weight:600; text-align:center; text-transform:uppercase; }
#titleArea span { position:absolute; top:6px; left:14px; }

/* 타이틀 트리거 */
#titleArea h2 { transition:transform 1.0s ease, opacity 1.0s ease; transform:translate(-30px,0); opacity: 0.0; }
html.bsmTrigger #titleArea h2 { transform:translate(0,0); opacity:1.0; }

/* 마이쇼핑 메인 */
.myshopMain { padding:14px 7px; font-size:13px; }
.myshopMain2 { padding:0 7px 14px 7px; font-size:13px; margin:0;}

/* BS 추가 */
#titleArea .xans-layout-mobileaction { display:none; } /* 뒤로가기 감춤 */
html #mobileBtnQuickLink { left:12px; bottom:15px; background: url("//m.o-lola.co.kr/web/upload/badasonamu/image/btn/bsm_btn_quick_link.png") no-repeat 0 0; background-size:100% 100%; } /* 퀵버튼 배경 */
html #mobileQuickLink img.after { background: url("//m.o-lola.co.kr/web/upload/badasonamu/image/bg/bsm_img_quick_link_after.png") no-repeat 0 0; background-size: 202px 210px; } /* 퀵메뉴 배경 로그인 후 */
html #mobileQuickLink img { background: url("//ecimg.cafe24img.com/pg241b58340239066/inthework/web/upload/badasonamu/image/bg/bsm_img_quick_link_before.png") no-repeat 0 0; background-size: 202px 210px; } /* 퀵메뉴 로그인 전 */
html #mobileQuickLink area { outline:0; }
/* font */
.txtWarn { color:#f45b55; }
.txtEm { color:#fd6768; }

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

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

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

/* form */
input, textarea, select { max-width:100%; font-size:13px; color:#333; vertical-align:middle; outline:0; border-radius:0; }
input[type=text], input[type=password], input[type=number], input[type=tel], textarea {
    padding:10px; font-size:13px; line-height:13px; font-weight:inherit; color:#333; border:1px solid #e1e1e1; border-radius:4px; 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:13px; color:#333; word-break:break-all; font-weight:inherit; border:1px solid #e1e1e1; border-radius:4px; background:#fff url("//ecimg.cafe24img.com/pg241b58340239066/inthework/web/upload/badasonamu/image/icon/bsm_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("//ecimg.cafe24img.com/pg241b58340239066/inthework/web/upload/ololalens/image/icon/bg_checkbox_checked.png"); -webkit-appearance:none; }
input[type="radio"]:checked { background-image:url("//ecimg.cafe24img.com/pg241b58340239066/inthework/web/upload/ololalens/image/icon/bg_radio_checked.png"); -webkit-appearance:none; }
label { display:inline-block; margin:0 7px 0 0; min-height:20px; line-height:20px; font-size:13px; 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; }

/* BS */
.bsmDisplayNone { display:none !important; }
.bsmRadius0 { border-radius:0 !important; }
.bsmShadow0 { -webkit-box-shadow:0 0 0 0 rgba(120, 120, 120, 0.0) !important; -moz-box-shadow:0 0 0 0 rgba(120, 120, 120, 0.0) !important; box-shadow:0 0 0 0 rgba(120, 120, 120, 0.0) !important; }

.bsmPadding0 { padding:0 !important; }
.bsmPaddingTop14 { padding-top:14px !important; }
.bsmPaddingLeft7 { padding-left:7px !important; }
.bsmPaddingRight7 { padding-Right:7px !important; }

.bsmMargin0  { margin:0 !important; }
.bsmMarginLeft0  { margin-left:0 !important; }
.bsmMarginLeft_2  { margin-left:-2px !important; }

.bsmFontSize13 { font-size:13px !important; }

.bsmFontWeight700 { font-weight:700 !important; }
.bsmFontWeight600 { font-weight:700 !important; }

.bsmColor333 { color:#333 !important; }

.bsmBorderLeft0 { border-left:0 !important; }

.bsmFlex1 { flex:1 !important; }
.bsmFlex2 { flex:2 !important; }
.bsmFlex4 { flex:4 !important; }
.bsmFlex45 { flex:4.5 !important; }
.bsmFlex5 { flex:5 !important; }
.bsmFlex55 { flex:5.5 !important; }

@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:27px; height:27px; border:1px solid #d9d9d9; border-radius:30px; font-size:13px; line-height:27px; color:#555; vertical-align:middle; background:#fff; }
    .ec-base-paginate.typeList ol li .this { border-color: #fd6768; background-color: #fd6768; color: #fff; }
    .ec-base-paginate.typeList [class*='btn'] { display:inline-block; overflow:hidden; width:27px; height:27px; 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("//ecimg.cafe24img.com/pg241b58340239066/inthework/web/upload/badasonamu/image/btn/bsm_btn_prev.png"); }
    .ec-base-paginate.typeList .btnNext { background-image:url("//ecimg.cafe24img.com/pg241b58340239066/inthework/web/upload/badasonamu/image/btn/bsm_btn_next.png"); }

  /* typeMoreview */
    .ec-base-paginate.typeMoreview { margin:0 auto; }
    .ec-base-paginate.typeMoreview .btnMore { display:block; padding:12px 0; border-top:0; border-bottom:0; font-size:12px; color:#757575; font-weight:400; background:#f5f5f5; }
    .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; display:none; }

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

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

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


.ec-base-help { margin:24px 2% 20px; font-size:12px; color:#757575; }
p.ec-base-help,
div.ec-base-help,
ul.ec-base-help li,
ol.ec-base-help li { padding:0 0 2px 18px; line-height:1.5; text-align:left; background:url("//img.echosting.cafe24.com/skin/mobile/common/ico_help.png") no-repeat 0 2px; background-size:14px auto; }
  /* 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 { cursor:pointer; } /* height:26px; 삭제 */

.ec-base-product { padding:0; background-color:#fff; }
.ec-base-product h2 { max-height:43px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:15px; line-height:43px; padding:0 42px 0 14px; background:url("//img.echosting.cafe24.com/skin/mobile_ko_KR/layout/bg_title_close.gif") no-repeat right 14px top 50%; background-size:13px 8px; cursor:pointer; }
.ec-base-product h3 { margin-bottom:14px; }
.ec-base-product img { max-width:100%; }
.ec-base-product > ul { padding:14px 0 0; }
.ec-base-product li { vertical-align:top; }
.ec-base-product [class*="grid"] { display:table; table-layout:fixed; width:94%; box-sizing:border-box; padding:0; font-size:0; line-height:0;  margin: 0 3%;}
.ec-base-product [class*="grid"] > li { display:inline-block; margin:0; vertical-align:top; text-align:center; font-size:14px; line-height:1.4; }
.ec-base-product .thumbnail { position:relative; margin:0 2% 1px; }
.ec-base-product .thumbnail a { display:block; }
.ec-base-product .thumbnail a img { display:block; width:100%; vertical-align:top; border-radius:10px; }
.ec-base-product .thumbnail .prdIcon { position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-size:30% auto; }
.ec-base-product .thumbnail .wish { position:absolute; right:10px; bottom:41px; z-index:10; visibility:hidden; }
.ec-base-product.typeGallery .thumbnail .wish { right:12px; bottom:12px; } /* 갤러리형 */
.ec-base-product .thumbnail .wish img { opacity:0.5; max-height:22px; cursor:pointer; }
.ec-base-product .thumbnail span.cart { position:absolute; right:10px; bottom:10px; z-index:10; visibility:hidden; }
.ec-base-product.typeGallery .thumbnail span.cart { right:42px; bottom:12px; } /* 갤러리형 */
.ec-base-product .thumbnail span.cart img { opacity:0.5; max-height:22px; cursor:pointer; }
.ec-base-product .description { min-height:10px; margin:12px 7px 29px; line-height:1em; text-align:center; color:#222; }
.bx-wrapper .ec-base-product .description img { display:inline; } /* 메인화면 아이콘 관련 */

/* 기본 목록형 */
.ec-base-product.typeDesc { margin:0; background:#fff; }
.ec-base-product.typeDesc .prdList:after { display:block; content:""; clear:both; }
.ec-base-product.typeDesc > ul { padding:0; }
.ec-base-product.typeDesc .prdList > li { margin:0; padding:14px; width:100%; box-sizing:border-box; border-top:1px solid #f4f4f4; }
.ec-base-product.typeDesc .prdList > li:first-child { padding:0 14px 14px; border-top:0; }
.ec-base-product.typeDesc .prdList > li:after { display:block; content:""; clear:both; }
.ec-base-product.typeDesc .thumbnail { float:left; margin:0; padding:0; width:137px; }
.ec-base-product.typeDesc .description { padding:0 0 0 152px; margin:0; text-align:left; }
.ec-base-product.typeDesc .description .name { margin:0 0 5px; }
.ec-base-product.typeDesc .description .name a { font-size:15px; }
.ec-base-product.typeDesc .description .color { margin:0 0 7px; text-align:left; }
.ec-base-product.typeDesc .description .summary,
.ec-base-product.typeDesc .description .price,
.ec-base-product.typeDesc .description .bsmCustomPrice,
.ec-base-product.typeDesc .description .mileage,
.ec-base-product.typeDesc .description .mileage { font-size:13px; }
.ec-base-product.typeDesc .prdList .thumbnail .bsmDiscountRate { text-align:center; }
.ec-base-product.typeDesc .thumbnail .likeButton { right:7px; top:7px;}

/* 갤러리형 */
.ec-base-product.typeGallery .description { margin:14px 14px 34px; } 
.ec-base-product.typeGallery .description .name { margin:0 0 7px; }
.ec-base-product.typeGallery .description .name a { font-size:18px; } 
.ec-base-product.typeGallery .description .color { margin: 0 0 9px; }
.ec-base-product.typeGallery .description .icon { padding-top:5px; }
.ec-base-product.typeGallery .description .summary { font-size:16px; margin:0 0 8px; }
.ec-base-product.typeGallery .description .price,
.ec-base-product.typeGallery .description .bsmCustomPrice,
.ec-base-product.typeGallery .description .mileage,
.ec-base-product.typeGallery .description .mileage { font-size:13px; } 

.ec-base-product .description .name { display:inline-block; line-height:1.3em; word-wrap:break-word; margin:0 0 5px; font-weight:600; }
.ec-base-product .description .name a { font-size:14px; color:#333; }
.ec-base-product .description .icon { margin:0; padding-top:2px; }
.ec-base-product .description .icon img { display:inline-block; margin:0 3px 9px 0; width:auto; max-height:12px; }
.ec-base-product .description .icon .icon_img { margin:0 0 9px; }
.ec-base-product .description .price { font-size:16px !important; margin:0 0 5px!important; }
.ec-base-product .description .price.sale span { color:#222 !important; }
.ec-base-product .description .summary { font-size:14px; color:#999; line-height:1.4em; margin:0 0 7px; }
.ec-base-product .description .bsmCustomPrice { font-size:13px; margin:0 0 7px; }
.ec-base-product .description .strike,
.ec-base-product .description .mPriceStrike { text-decoration:line-through; }
.ec-base-product .description .mileage {} /* 간격문제로 display:inline-block; 삭제 */
.ec-base-product .description li.mileage { margin:0 0 7px; }
.ec-base-product .description .color { overflow:hidden; margin:0 0 6px; text-align:center; }
.ec-base-product .description .color > div { display:inline-block; overflow:hidden; } /* 컬러칩 */
.xans-search-result.ec-base-product .description .color { display:none; } /* 검색화면 컬러 미노출 문제로 감춤 */
.ec-base-product .description .color .chips { float:left; width:16px; height:8px; margin:0 1px 2px; font-size:0; line-height:0; border:1px solid #e3e3e3; }
.ec-base-product .thumbnail .likeButton { position:absolute; right:10px; top:10px; z-index:10; visibility:hidden; }
.ec-base-product.typeGallery .thumbnail .likeButton { position:absolute; right:14px; top:14px; z-index:10; } /* 갤러리형 */
.ec-base-product .thumbnail .likeButton button { padding:2px 8px 2px; background:#fff; border:1px solid #e3e3e3; border-radius:7px; font-size:11px; color:#777; outline:0; }
.ec-base-product .thumbnail .likeButton button img { display:none; }
.ec-base-product .thumbnail .likeButton button strong { margin:0 0 0 3px; font-size:11px; line-height:20px; color:#999; font-weight:400; }
.ec-base-product .thumbnail .likeButton.selected button { color:#ef524d; }
.ec-base-product .thumbnail .likeButton.selected button strong { line-height:20px; color:#333; }
.ec-base-product .more_view { margin:7px 4px 0; }
.ec-base-product .more_view a { display:block; padding:0 0 0 0; background:#d4d4d6; }
.ec-base-product .more_view a span { overflow:hidden; display:block; width:100%; height:30px; text-indent:120%; background:url("//img.echosting.cafe24.com/skin/mobile_ko_KR/product/bg_togglebar_show.png") no-repeat 50% 50%; background-size:12px 12px; }

/* 할인율 */
.ec-base-product .prdList .thumbnail .bsmDiscountRate { position:absolute; bottom:0; left:5px; width:40px; line-height:40px; font-size:14px; color:#333; font-weight:400; font-style:normal; vertical-align:middle; display:; } 
.ec-base-product.typeGallery .prdList .thumbnail .bsmDiscountRate { bottom:3px; left:11px; font-size:16px; } /* 갤러리형 */
.prdList .thumbnail .bsmDiscountRate.bsmDiscount_non { display:none; }

/* 카트, 위시 아이콘 노출 */
.xans-product-listnormal.ec-base-product.bsmType2 .thumbnail .wish,
.xans-product-listnormal.ec-base-product.bsmType3 .thumbnail .wish { visibility:visible; }
.xans-product-listnormal.ec-base-product.bsmType2 .thumbnail span.cart,
.xans-product-listnormal.ec-base-product.bsmType3 .thumbnail span.cart { visibility:visible; }

.xans-product-listrecommend.ec-base-product.bsmType2 .thumbnail .wish,
.xans-product-listrecommend.ec-base-product.bsmType3 .thumbnail .wish { visibility:visible; }
.xans-product-listrecommend.ec-base-product.bsmType2 .thumbnail span.cart,
.xans-product-listrecommend.ec-base-product.bsmType3 .thumbnail span.cart { visibility:visible; }

.xans-search-result.ec-base-product.bsmType2 .thumbnail .wish,
.xans-search-result.ec-base-product.bsmType3 .thumbnail .wish { visibility:visible; }
.xans-search-result.ec-base-product.bsmType2 .thumbnail span.cart,
.xans-search-result.ec-base-product.bsmType3 .thumbnail span.cart { visibility:visible; }

/* 좋아요 버튼 노출 */
.xans-product-listnormal.ec-base-product.bsmType3 .thumbnail .likeButton { visibility:visible; }
.xans-product-listrecommend.ec-base-product.bsmType3 .thumbnail .likeButton { visibility:visible; }
.xans-search-result.ec-base-product.bsmType3 .thumbnail .likeButton { visibility:visible; }

/* 할인율 배경 */
/*
.ec-base-product .prdList .thumbnail .bsmDiscountRate { bottom:0; left:0; font-size:12px; color:#333; background-color:rgba(255, 255, 255, 0.50); } 
.ec-base-product.typeGallery .prdList .thumbnail .bsmDiscountRate { bottom:0; left:0; font-size:15px; width:65px; height:65px; line-height:65px; }
.ec-base-product .prdList .thumbnail div.bsmDiscountRate2 > span > span { margin:0; font-size:12px !important; color:#333; background-color:rgba(255, 255, 255, 0.50); } 
.ec-base-product.typeGallery .prdList .thumbnail div.bsmDiscountRate2 { bottom:65px; left:0; }
.ec-base-product.typeGallery .prdList .thumbnail div.bsmDiscountRate2 > span > span { margin:0; font-size:15px !important; width:65px; height:65px; line-height:65px; } 
*/

/* 아이콘 배경 */
/*
.ec-base-product .thumbnail .wish { bottom:37px; right:0; padding:9px 9px 6px 9px; background-color:rgba(255, 255, 255, 0.50); } 
.ec-base-product .thumbnail span.cart { bottom:0; right:0; padding:6px 9px 9px 9px; background-color:rgba(255, 255, 255, 0.50); }
.ec-base-product.typeGallery .thumbnail .wish { bottom:0; right:0; padding:16px; } 
.ec-base-product.typeGallery .thumbnail span.cart { bottom:0; right:54px; padding:16px; padding-right:0; }
*/

/* 타임세일 */
.ec-base-product .bs_time_sale { background-color:#fafafa; margin:0 1px 12px; padding:7px 0; border:1px dashed #ccc; font-size:13px; color:#999; line-height:1.6em; text-align:center; display:none; }
.ec-base-product .spec li[rel="할인 기간"] { display:none; }
.ec-base-product .spec li.price.sale > span { font-size:13px !important; font-weight:400 !important; }
.ec-base-product .spec li.price.sale > span > span { background:#eee; padding:3px; border-radius:5px; margin:0 0 0 3px; font-size:12px !important; color:#ff0000 !important; display:none; }

.ec-base-product.typeDesc .bs_time_sale { margin:0 0 14px 152px; text-align:left; }
.ec-base-product.typeDesc .bs_time_sale > div { margin:0 0 0 13px; }
.ec-base-product.typeGallery .bs_time_sale { font-size:15px; margin:0 2px 18px; padding:20px 0; }

.ec-base-product .prdList .thumbnail .bsmDiscountRate2 { position:absolute; bottom:40px; left:0; width:0; height:0; line-height:0; font-size:0; color:#333; font-weight:400; font-style:normal; vertical-align:middle; } 
.ec-base-product .prdList .thumbnail .bsmDiscountRate2 > span { width:0; height:0; line-height:0; font-size:0 !important; }
.ec-base-product .prdList .thumbnail .bsmDiscountRate2 > span > span { display:inline-block; width:40px; height:40px; line-height:40px; margin:0 0 0 5px; font-size:14px !important; font-weight:400 !important; color:#333 !important; text-align:center; }
.ec-base-product.typeGallery .prdList .thumbnail .bsmDiscountRate2 { bottom:43px; left:6px; }
.ec-base-product.typeGallery .prdList .thumbnail .bsmDiscountRate2 > span > span { font-size:16px !important; }

/* 타임세일 카운트 */
.ec-base-product .bs_time_sale_count { background-color:#fafafa; margin:0 1px 12px; padding:7px 0; border:1px dashed #ccc; border-radius:8px; font-size:13px; color:#999; line-height:1.6em; text-align:center; }
.ec-base-product.typeDesc .bs_time_sale_count { margin:0 0 14px 152px; padding:7px 13px; text-align:left;  }
.ec-base-product.typeGallery .bs_time_sale_count { font-size:15px; margin:0 2px 18px; padding:20px 0; }

/* 할인 정보 */
.ec-base-product .discountPeriod { padding:0; }
.ec-base-product .layerDiscountPeriod { display:none; position:absolute; z-index:100; left:0; width:100%; padding:11px 7px; box-sizing:border-box; }
.ec-base-product .layerDiscountPeriod .inner { border:1px solid #333; background:#f6f6f6; border-radius:4px; text-align:left; }
.ec-base-product .layerDiscountPeriod .inner .title { display:block; padding:10px 14px; font-size:14px; background-color:#333; color:#fff; }
.ec-base-product .layerDiscountPeriod .inner .timeleft { padding:14px; color:#508bed; font-size:13px; font-weight:bold; text-align:center; }
.ec-base-product .layerDiscountPeriod ul { margin:0 7px 14px; padding:0; border:1px solid #e1e1e1; background:#fff; }
.ec-base-product .layerDiscountPeriod ul li { position:relative; padding:14px 13px 14px 100px; border-top:1px solid #ececec; color:#353535; line-height:1.5em; }
.ec-base-product .layerDiscountPeriod ul li:first-child { border-top:0; }
.ec-base-product .layerDiscountPeriod ul li span { position:absolute; top:14px; left:13px; color:#757575; }
.ec-base-product .layerDiscountPeriod .btnClose { position:absolute; top:8px; right:4px; display:block; width:40px; height:40px; text-indent:-9999px; font-size:0; background:url("//ecimg.cafe24img.com/pg241b58340239066/inthework/web/upload/badasonamu/image/icon/bsm_ico_close_white.png") center center no-repeat; background-size:40% 40%; }

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

/* grid */
.ec-base-product .grid1 > li { width:100%; }
.ec-base-product .grid2 > li { width:50%; }
.ec-base-product .grid3 > li { width:33.333%; }
.ec-base-product .grid4 > li { width:25%; }
.ec-base-product .grid5 > li { width:20%; }

@media all and (max-width:480px) {
  .ec-base-product .prdList.grid1 > li { width:100%; }
  .ec-base-product .prdList.grid2 > li { width:50%; }
  .ec-base-product .prdList.grid3 > li { width:33.333%; }
  .ec-base-product .prdList.grid4 > li { width:25%; }
  .ec-base-product .prdList.grid5 > li { width:20%; }

  .ec-base-product .grid1 li .name { font-size:15px; }
  .ec-base-product .grid2 li .name,
  .ec-base-product .grid3 li .name { font-size:13px; }
  .ec-base-product .grid4 li .name { font-size:11px; }
}

@media all and (min-width:481px) and (max-width:767px) {
  .ec-base-product .prdList.grid2 > li { width:33.333%; }
  .ec-base-product .prdList.grid3 > li,
  .ec-base-product .prdList.grid4 > li,
  .ec-base-product .prdList.grid5 > li { width:25%; }

  .ec-base-product [class*="grid"] li .name { font-size:13px; }
}

@media all and (min-width:768px) {
  .ec-base-product .prdList.grid2 > li { width:25%; }
  .ec-base-product .prdList.grid3 > li,
  .ec-base-product .prdList.grid4 > li,
  .ec-base-product .prdList.grid5 > li { width:20%; }

  .ec-base-product [class*="grid"] li .name { font-size:15px; }
}
/* button */
  .btnNormal, .btnStrong, .btnBasic, .btnPoint, .btnSubmit, .btnEm { display:inline-block; letter-spacing:0; text-align:center; border-radius:4px; -moz-box-sizing:border-box; box-sizing:border-box; }
  .btnNormal, .btnStrong, .btnBasic, .btnPoint { height:29px; line-height:27px; padding:0 10px; vertical-align:middle; font-size:12px; }
  .btnNormal { color:#222; border:1px solid #e1e1e1; background:#fff; }
  .btnStrong { color:#fff; border:1px solid #fd6768; border-bottom-color:#fd6768; background:#fd6768; }
  .btnSubmit { height:36px; line-height:34px; padding:0 10px; font-size:12px; color:#fff; border:1px solid #fd6768; background:#fd6768; }
  .btnEm { height:36px; line-height:34px; padding:0 10px; font-size:12px; border:1px solid #e1e1e1; background:#fff; }
  .btnBasic { color:#1b1b1b; border:1px solid #e1e1e1; background:#f2f2f2; }
  .btnPoint { color:#ffffff; border:1px solid #e1e1e1; background:#fd6768; margin:0;}

.btnshare-ka { }
.btnshare-sms { }
.btnshare { }

  /* mini */
    [class*="btn"].mini { height:26px; line-height:24px; font-size:11px; }

/* 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 dotted #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:#f6f6f6;
      -webkit-box-shadow: 0px -4px 4px 0px rgba(120, 120, 120, 0.5);
      -moz-box-shadow: 0px -4px 4px 0px rgba(120, 120, 120, 0.5);
      box-shadow: 0px -4px 4px 0px rgba(120, 120, 120, 0.5);
    }
    .ec-base-button.gFixed .state + .ec-base-button { margin-top:3px; }
    .ec-base-button.gFixed .state { overflow:hidden; margin:0 auto; font-size:11px; }
    .ec-base-button.gFixed .state .count { float:left; padding:7px 0; }
    .ec-base-button.gFixed .state .price { float:right; padding:7px 0; }
    .ec-base-button.gFixed .price strong { font-weight:normal; }
    .ec-base-button.gFixed .count strong,
    .ec-base-button.gFixed .price em { color:#fd6768; font-weight:bold; }

@media all and (min-width:768px) {
  .btnSubmit { height:46px; line-height:44px; font-size:16px; }
  .btnEm { height:46px; line-height:44px; font-size:16px; }
}
/* base */
.ec-base-box { padding:14px; margin:14px; border:1px solid #e1e1e1; line-height:1.6; color:#757575; background:#fff; }
.ec-base-box.center { text-align:center; }
#popup { height:100%; background:transparent; line-height:2em;}
.popup .ec-base-layer { position:relative; }
/* ec-base-layer */
.ec-base-layer { position:fixed; z-index:300; top:0; bottom:0; left:0; right:0; min-width:320px; width:100%; height:100%; display:-webkit-flex; display:-ms-flex; display:flex; background:#f1f1f1;
    -webkit-flex-direction:column; -moz-flex-direction:column; -ms-flex-direction:column; flex-direction:column;
}
.ec-base-layer h2 { width:100%; text-align:center; font-size:15px; color:#fff; box-sizing:border-box; background:#333; }
.ec-base-layer .wrap { -webkit-flex:1; -moz-flex:1; -ms-flex:1; flex:1; height:100%; padding:14px; font-size:12px; overflow-x:auto; overflow-y:auto; box-sizing:border-box; -webkit-overflow-scrolling:touch; }
.ec-base-layer .btnClose { overflow:hidden; position:absolute; right:0; top:0; z-index:510; width:36px; height:36px; border:0; padding:0; font-size:0; text-indent:-150%; background:url("//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:50px; bottom:auto; left:0; right:0; min-width:280px; max-width:380px; width:92%; height:auto; margin:auto; 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);
    }

  /* 상품상세 옵션선택 레이어 그림자 삭제 */
    #product_detail_option_layer.ec-base-layer.typeModal { -webkit-box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.0); -moz-box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.0); box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.0); } 

    .ec-base-layer.typeModal h1 { padding:0 14px; line-height:35px; font-size:13px; text-align:left; border-bottom:1px solid #e1e1e1; color:#222; background:#f1f1f1; border-radius:5px 5px 0 0; }
    .ec-base-layer.typeModal .wrap { max-height:200px; 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; }
  /* 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 ul { display:flex; font-size:13px; line-height:14px; word-break:break-all; }
.ec-base-tab li { display:flex; flex:1; min-height:36px; border-left:1px solid #ececec; 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; font-size:13px; color:#222; background-color:#f6f6f6; border-top:1px solid #ececec; border-bottom:1px solid #ececec; }
.ec-base-tab a .number  { display:inline-block; padding-left:5px; }
.ec-base-tab li:first-child { border-left:0; }
.ec-base-tab li.selected a { border-left:0;  border-bottom:0; border-top:1px solid #222; font-weight:600; color:#222; 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:#333; background:#fff; }
/*  tooltip */
  .ec-base-tooltip-area { display:inline-block; vertical-align:top; position:relative; }
  .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; line-height:1.3em; 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:#757575; }
    .ec-base-tooltip ul li { font-size:13px; }
    .ec-base-tooltip .content table + .title { margin-top:14px; }
    .ec-base-tooltip p { float:none; font-size:12px; text-align:left; }
    .ec-base-tooltip p strong { font-weight:normal; font-size:13px; }
    .ec-base-tooltip .btnClose { overflow:hidden; position:absolute; right:10px; top:10px; width:25px; height:25px; margin:0 !important; font-size:1px; line-height:0; text-indent:150%; white-space:nowrap; border:0; background:url("//img.echosting.cafe24.com/skin/mobile/common/btn_close.png") no-repeat 50% 50%; background-size:13px 13px; }
    /* typeUpper */
      .ec-base-tooltip.typeUpper { position:absolute; left:-90px !important; bottom:33px !important; width:200px; margin:0; padding:14px 28px 14px 14px; border:1px solid #ccc; border-radius:2px;
        -webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.15);
        -moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.15);
        box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.15);
      }
      .ec-base-tooltip.typeUpper:before { content:""; position:absolute; left:40%; bottom:-5px; display:inline-block; width:0; height:0; margin:-3px 0 0; border-left:5px solid transparent; border-top:5px solid #ccc; border-right:5px solid transparent; }
      .ec-base-tooltip.typeUpper:after { content:""; position:absolute; left:40%; bottom:-4px; display:inline-block; width:0; height:0; margin:-3px 0 0; border-left:5px solid transparent; border-top:5px solid #fff; border-right:5px solid transparent; }

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

  .shippingFee .wrap { display:none; z-index:999; position:fixed; left:2%; width:96%; top:100px; margin:0; border:1px solid #d5d5d5; background:#fff; border-radius:5px; box-sizing:border-box;
    -webkit-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.75);
  }
  .shippingFee .wrap h3 { padding:0 14px; font-size:13px; line-height:36px; background-color:#f0f0f0; border-bottom:1px solid #d5d5d5; border-radius:5px 5px 0 0; }
  .shippingFee .wrap .content { padding:14px; }
  .shippingFee .wrap h4 { position:relative; margin:0 7px 7px; }
  .shippingFee .wrap h4:before { display:inline-block; content:""; margin:0 5px 0 0; width:3px; height:3px; background:#666; vertical-align:middle; }
  .shippingFee .wrap table + h4 { margin-top:14px; }
  .shippingFee .wrap p strong { font-weight:normal; font-size:13px; }
  .shippingFee .wrap table { background:#fff; }
  .shippingFee .wrap th,
  .shippingFee .wrap td { padding:7px; border:1px solid #d5d5d5; }
  .shippingFee .wrap th { width:80px; border-right-width:0; color:#353535; }
  .shippingFee .wrap td { border-left-width:0; }
  .shippingFee .wrap .txtEm { color:#008bcc; }
  .shippingFee .wrap .info { margin:0; color:#757575; font-size:11px; }
  .shippingFee .wrap .btnClose { overflow:hidden; position:absolute; right:0; top:0; width:36px; height:36px; font-size:0; border:none; background:transparent url("//img.echosting.cafe24.com/skin/mobile/common/btn_close.png") center center no-repeat; background-size:14px 14px; }
/* ec-base-table */
.ec-base-table { border:1px solid #e1e1e1; word-break:break-all; word-wrap:break-word; color:#353535; background:#fff;border-radius: 0 0 4px 4px; }
.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:13px; vertical-align:top; }
.ec-base-table th { font-weight:normal; color:#757575; }
.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 #e1e1e1; }
    .ec-base-table.typeList.gClearBorderTop thead th { border-top-width:0; }
 
/* common */
  /* align */
    .ec-base-table .left { text-align:left; }
    .ec-base-table .center { text-align:center; }
    .ec-base-table .right { text-align:right; }
    .ec-base-table .top th, .ec-base-table th.top,
    .ec-base-table .top td, .ec-base-table td.top { vertical-align:top; }
    .ec-base-table .middle th, .ec-base-table th.middle,
    .ec-base-table .middle td, .ec-base-table td.middle { vertical-align:middle; }
  /* form */
    .ec-base-table img { vertical-align:middle; }
 
/* reset */
  .ec-base-table td.clear .ec-base-help { margin-left:13px; margin-right:13px; }

/*ios reset*/
@supports (-webkit-overflow-scrolling: touch) {
    .ec-base-table.typeWrite td { line-height:28px; }
}
.ec-base-fold { position:relative; border:1px solid #e1e1e1; border-radius: 4px;}
.ec-base-fold > .title { position:relative; z-index:1; overflow:hidden; padding:10px 43px 8px 14px; cursor:pointer; font-size:13px; line-height:1.3; -webkit-tap-highlight-color:rgba(255,255,255,0);
display:-webkit-flex; display:-ms-flex; display:-moz-flex; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; -moz-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:space-between; -ms-justify-content:space-between; -moz-justify-content:space-between; justify-content:space-between; }
.ec-base-fold > .title h2,
.ec-base-fold > .title h3 { display:inline-block; font-size:13px; line-height:1.3; }
.ec-base-fold > .title h3, .ec-base-fold > .title p { color:#757575; }
.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_white.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:-1px; color:#fff; background:#737782; }

/* theme2 */
.ec-base-fold.theme2 { border-radius:8px; overflow:hidden; }
.ec-base-fold.theme2 > .title { padding-right:34px; color:#222; background:#f6f6f6; }
.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:#222; background:#f9f9f9; }
.ec-base-fold.theme3 > .title h3 { font-weight:bold; color:#222; }
.ec-base-fold.theme3 .contents { padding:0 14px 14px; background:#f9f9f9; }

/* theme4 */
.ec-base-fold.theme4 { margin:14px 7px 29px; font-size:13px; }
.ec-base-fold.theme4 dt { position:relative; padding:13px 30px 13px 14px; line-height:1.2; font-size:12px; 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 #e1e1e1; }
.ec-base-fold.theme4 dd { display:none; padding:10px 10px; font-size:12px; line-height:1.5; border-top:1px solid #e1e1e1; 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:6px 14px 6px; border:1px solid #e1e1e1; box-sizing:border-box; background:#fff; border-radius:4px;}
.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:90px; height:100px; margin-right:15px; border:1px solid #eee; box-sizing:border-box; border-radius:4px;}
.ec-base-prdInfo .thumbnail img { width:100%; height: auto;}
.ec-base-prdInfo .description { overflow:hidden; -webkit-flex:1; -ms-flex:1; flex:1; overflow:hidden; }
.ec-base-prdInfo .description .prdName { display:block; margin:0 0 7px; font-size:13px; }
.ec-base-prdInfo .description .prdName a { color:#333; }
.ec-base-prdInfo .description .prdName .ec-set-product-name { display:block; margin:0 0 3px; }
.ec-base-prdInfo .description .prdName img { margin-right:3px; width:auto; max-height:12px; }
.ec-base-prdInfo .description .prdName .icon_img { margin:0; }
.ec-base-prdInfo .description .info { margin:0 0 14px; }
.ec-base-prdInfo .description .info li { margin:0 0 7px; font-size:12px; color:#757575; }
.ec-base-prdInfo .description .info li .mileage { display:inline-block; }
.ec-base-prdInfo .description .info .price { font-size:13px; color:#333; }
.ec-base-prdInfo .description .info .price strong { font-weight:700; }
.ec-base-prdInfo .description .info .price .refer { font-weight:normal; font-size:11px; }
.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:13px; }
.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 .description .strike, 
.ec-base-prdInfo .description .mPriceStrike { text-decoration:line-through; }

.ec-base-prdInfo .prdFoot { padding:6px 12px; font-weight:bold; line-height:26px; color:#fd6768; text-align:center; background:#f6f6f6; }
.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:11px; }
.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; font-size:13px; }
.ec-base-prdInfo .option { padding:0; color:#353535; }
.ec-base-prdInfo .option > li { border-top:1px dotted #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 .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 #e1e1e1; background-color:#f1f1f1; }
.ec-base-prdInfo .layerOptionModify .titleArea { margin-top:3px; display:none; }
.ec-base-prdInfo .layerOptionModify ul { padding:0; font-size:12px; }
.ec-base-prdInfo .layerOptionModify li { position:relative; margin:0 0 7px; padding:0 0 0 73px; }
.ec-base-prdInfo .layerOptionModify li .optionItem { display:block; position:absolute; top:0; left:0; width:73px; height:29px; font-size:13px; color:#757575; line-height:29px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ec-base-prdInfo .layerOptionModify select,
.ec-base-prdInfo .layerOptionModify input[type="text"] { width:100%; }
.ec-base-prdInfo .layerOptionModify .ec-base-button.gCenter { margin:0; }

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


/* BS */
.bsmLeftIn40 { transition:transform 1.0s ease, opacity 1.0s ease; transform:translate(-40px,0); opacity: 0.0; }
html.bsmScrollTrigger .bsmLeftIn40, 
[class^='mainBanner'].bsmScrollTrigger .bsmLeftIn40  { transform:translate(0,0); opacity:1.0; }

.bsmLeftIn60 { transition:transform 1.5s ease, opacity 1.5s ease; transform:translate(-60px,0); opacity: 0.0; }
html.bsmScrollTrigger .bsmLeftIn60, 
[class^='mainBanner'].bsmScrollTrigger .bsmLeftIn60 { transform:translate(0,0); opacity:1.0; }

.bsmLeftIn80 { transition:transform 2.0s ease, opacity 2.0s ease; transform:translate(-80px,0); opacity: 0.0; }
html.bsmScrollTrigger .bsmLeftIn80, 
[class^='mainBanner'].bsmScrollTrigger .bsmLeftIn80 { transform:translate(0,0); opacity:1.0; }

.bsmRightIn40 { transition:transform 1.0s ease, opacity 1.0s ease; transform:translate(40px,0); opacity: 0.0; }
html.bsmScrollTrigger .bsmRightIn40, 
[class^='mainBanner'].bsmScrollTrigger .bsmRightIn40  { transform:translate(0,0); opacity:1.0; }

.bsmRightIn60 { transition:transform 1.5s ease, opacity 1.5s ease; transform:translate(60px,0); opacity: 0.0; }
html.bsmScrollTrigger .bsmRightIn60, 
[class^='mainBanner'].bsmScrollTrigger .bsmRightIn60 { transform:translate(0,0); opacity:1.0; }

.bsmRightIn80 { transition:transform 2.0s ease, opacity 2.0s ease; transform:translate(80px,0); opacity: 0.0; }
html.bsmScrollTrigger .bsmRightIn80,  
[class^='mainBanner'].bsmScrollTrigger .bsmRightIn80 { transform:translate(0,0); opacity:1.0; }

.bsmBottomIn40 { transition:transform 1.0s ease, opacity 1.0s ease; transform:translate(0,40px); opacity: 0.0; }
html.bsmScrollTrigger .bsmBottomIn40, 
[class^='mainBanner'].bsmScrollTrigger .bsmBottomIn40  { transform:translate(0,0); opacity:1.0; }

.bsmBottomIn60 { transition:transform 1.5s ease, opacity 1.5s ease; transform:translate(0,60px); opacity: 0.0; }
html.bsmScrollTrigger .bsmBottomIn60, 
[class^='mainBanner'].bsmScrollTrigger .bsmBottomIn60 { transform:translate(0,0); opacity:1.0; }

.bsmBottomIn80 { transition:transform 2.0s ease, opacity 2.0s ease; transform:translate(0,80px); opacity: 0.0; }
html.bsmScrollTrigger .bsmBottomIn80,  
[class^='mainBanner'].bsmScrollTrigger .bsmBottomIn80 { transform:translate(0,0); opacity:1.0; }

.bsmTopIn { transition: transform 1.0s ease, opacity 1.0s ease; transform: translate(0,0); opacity: 1.0; }
.bsmScaleUpIn { transition: transform 1.0s ease, opacity 1.0s ease; transform: scale(1.0,1.0); opacity: 1.0; }
.bsmScaleDownIn { transition: transform 1.0s ease, opacity 1.0s ease; transform: scale(1.0,1.0); opacity: 1.0; }

/* 스크롤 트리거 */
.fromTopIn { transition: transform 1.0s ease, opacity 1.0s ease; transform: translate(0,0); opacity: 1.0; }
.fromTopOut10 { transition: transform 1.0s ease, opacity 1.0s ease; transform: translate(0,-10px); opacity: 0.0; }

.fromBottomIn10 { transition: transform 1.0s ease, opacity 1.0s ease; transform: translate(0,0); opacity: 1.0; }
.fromBottomIn15 { transition: transform 1.5s ease, opacity 1.5s ease; transform: translate(0,0); opacity: 1.0; }
.fromBottomOut50 { transition: transform 3.0s ease, opacity 3.0s ease; transform: translate(0,50px); opacity: 0.0; }

.fromLeftIn { transition: transform 1.0s ease, opacity 1.0s ease; transform: translate(0,0); opacity: 1.0; }
.fromLeftOut10 { transition: transform 1.0s ease, opacity 1.0s ease; transform: translate(-10px,0); opacity: 0.0; }

.fromRightIn { transition: transform 1.0s ease, opacity 1.0s ease; transform: translate(0,0); opacity: 1.0; }
.fromRightOut10 { transition: transform 1.0s ease, opacity 1.0s ease; transform: translate(10px, 0); opacity: 0.0; }

.scaleUpIn { transition: transform 1.0s ease, opacity 1.0s ease; transform: scale(1.0,1.0); opacity: 1.0; }
.scaleUpOut10 { transition: transform 1.0s ease, opacity 1.0s ease; transform: scale(1.3,1.3); opacity: 0.0; }

.scaleDownIn { transition: transform 1.0s ease, opacity 1.0s ease; transform: scale(1.0,1.0); opacity: 1.0; }
.scaleDownOut10 { transition: transform 1.0s ease, opacity 1.0s ease; transform: scale(0.7,0.7); opacity: 0.0; }
.xans-member-join .joinConfirm { display:none; }