/* Reset */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block}
nav ul,ul,ol{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
a{color:#000;margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;text-decoration:none;background:transparent;outline:none}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}
table{color:#000;font-size:inherit;font:100%;border-collapse:collapse;border-spacing:0}
fieldset{border-radius:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}
select,input,button,textarea{margin:0;font:99% 'hs','noto',arial,helvetica,clean,sans-serif;border:none;border-radius:0;background:none;outline:none;-webkit-appearance:none}
button{padding:0;margin:0;border:none;outline:none;background:transparent}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%}
header,nav,aside,section,article{display:block}
input[type=text],input[type=search],input[type=tel],input[type=file],input[type=password],input[type=radio],input[type=email],input[type=number],textarea{padding:1px 4px 0 5px;color:#333;font-size:15px;font-family:'hs','noto';vertical-align:middle}
input[type=text]:focus,input[type=file]:focus,input[type=password]:focus,select:focus,textarea:focus{border:solid 1px #2897FF;-webkit-border-radius:1px;-webkit-appearance:none}
input[type=search]::-ms-clear{display:none;width:0;height:0}
input[type=search]::-ms-reveal{display:none;width:0;height:0}
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration{display:none}
input[type=checkbox]{border:solid 1px #bbb;-webkit-appearance:checkbox;-moz-apperance:checkhbox;width:20px;height:20px}
input[type=radio]{border:none;-webkit-appearance:radio}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button{-webkit-appearance:none}
input[type=checkbox]{position:relative;width:2.1rem;height:2.1rem;vertical-align:top;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;border:0}
input[type=checkbox]:before{content:'';display:block;position:absolute;left:0;top:0;width:2.1rem;height:2.1rem;background:#fff;border:0.1rem solid #dedede;box-sizing:border-box}
input[type=checkbox]:after{content:'';display:block;position:absolute;left:0.7rem;top:0.4rem;width:0.5rem;height:0.8rem;border:solid #dedede;border-width:0 0.2rem 0.2rem 0; transform:rotate(45deg)}
input[type=checkbox]:checked:before{background:#000;border-color:#000}
input[type=checkbox]:checked:after{border-color:#fff}
input[type=checkbox] + label{line-height:2.1rem}
input.empty{border-color:#e2e2e2 !important}
input:focus{border-color:#222 !important}
img{max-width:100%;width:100%}
em{font-style:normal}
html,body{max-width:100%;width:100%;height:100%;margin:0;padding:0;font-family:'hs','noto';-webkit-overflow-scrolling:touch}
html{overflow-x:hidden;color:#000;font-size:3.13vmin}
body{min-height:100%;color:#000;font:1.2rem/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;background:#fff;-webkit-tap-highlight:rgba(0,0,0,0);-webkit-user-select:none;-webkit-text-size-adjust:none}
header{height:5rem}
#container{font-family:'hs','noto';word-wrap:break-word;word-break:keep-all}
body.bodyFixed{overflow-y:hidden;position:fixed}
body.bodyFixed #newgnb{transform:translateY(-100%)}
body.bodyFixed .pdt_filter{position:fixed}
.hidden{display:none}
.blind-txt{overflow:hidden;visibility:hidden;position:absolute;width:0;height:0;font-size:0;line-height:0}
.floL{float:left}
.floR{float:right}
.v-row{display:table;width:100%}
.v-cell{display:table-cell;vertical-align:middle}
.v-cell.va-t{vertical-align:top}
.ico_common{display:inline-block;position:relative;vertical-align:top}
.ico_common:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url(https://static.balaan.co.kr/mobile/img/ico/ico_common2.png) no-repeat;background-size:32rem}
#ifrmHidden{display:none}
/* ������ Ÿ��Ʋ */
#page_title .top_title{display:block;position:fixed;width:100%;height:3rem;color:#f1f1f1;font-size:1.6rem;font-family:Khand;line-height:3rem;text-align:center;background:#131313;clear:both;z-index:100}
#page_title .top_title .small_title{color:#000;font-size:11px;font-weight:normal}
section#goodsres-hide{display:none;position:fixed;bottom:120px;width:100%;height:70px;padding:0 10%}
section#goodsres-hide .pop_back{width:80%;height:100%;background:url(https://static.balaan.co.kr/mobile/img/common/popup02_bg.png) no-repeat 0 0 / 100% 100%}
section#goodsres-hide .pop_back .pop_effect{width:100%;height:100%;background:url(https://static.balaan.co.kr/mobile/img/common/popup02_effect.png) no-repeat 0 0 / 100% 100%}
section#goodsres-hide .pop_back .pop_effect .text_msg{height:70px;padding:0 20px 0 20px;color:#ddd;font-size:16px;font-weight:bold;line-height:60px;text-align:center;text-shadow:-1px -1px #555}
.indicator{background:url(https://static.balaan.co.kr/mobile/legacy/common/img/indicator.gif) no-repeat 50% 205px;width:100%;height:300px;position:fixed;top:80px;left:0}
/* ��ǰ ���� ���� - ��ǰ ��ũ�� �� */
.list_goodsscroll{clear:both;padding:0;margin-bottom:10px;position:static;font-family:dotum}
.list_goodsscroll .list_title{height:32px;border-top:solid 1px #dbdcde;border-bottom:solid 1px #dbdcde;margin-bottom:14px}
.list_goodsscroll .list_title .title{height:32px;line-height:32px;font-size:14px;color:#222;font-weight:bold;float:left;margin-left:10px}
.list_goodsscroll .swipe_gs{width:100%}
.list_goodsscroll .swipe_gs .list_content{width:100%}
.list_goodsscroll .swipe_gs .list_content .list_item{float:left}
/*.list_goodsscroll .swipe_gs .list_content .list_item .item_img{text-align:center;padding-left:3px;padding-right:3px;position:relative}*/
.list_goodsscroll .swipe_gs .list_content .list_item .item_img .goods-speach-description{display:block !important;position:absolute;left:3px;bottom:3px;width:32px;height:32px;background-image:url(https://static.balaan.co.kr/mobile/legacy/common/img/goods/btn_main_play.png);background-size:100% 100%;z-index:2}
.list_goodsscroll .swipe_gs .list_content .list_item .item_img .goods-speach-description.playing{background-image:url(https://static.balaan.co.kr/mobile/legacy/common/img/goods/btn_main_stop.png)}
.list_goodsscroll .swipe_gs .list_content .list_item .item_img .goods-speach-description .speach-description-play{display:block;width:100%;height:100%;font-size:0}
.list_goodsscroll .swipe_gs .list_content .list_item .item_img img{width:100%}
.list_goodsscroll .swipe_gs .list_content .list_item .item_img .item_coupon_img{position:absolute;width:21px;min-height:12px;background:url(https://static.balaan.co.kr/mobile/legacy/common/img/good_icon_coupon.gif)no-repeat;right:3px;top:0;z-index:1}
.list_goodsscroll .swipe_gs .list_content .list_item .item_name{text-align:center;font-size:12px;color:#929ca8;padding-left:3px;padding-right:3px;overflow:hidden;display:-webkit-box;overflow:hidden;width:auto;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;word-wrap:break-word}
.list_goodsscroll .swipe_gs .list_content .list_item .item_price{text-align:center;font-size:13px;color:#ff9999;padding-left:3px;padding-right:3px;overflow:hidden;white-space:nowrap}
.list_goodsscroll .swipe_gs .list_content .list_item .item_consumer{text-align:center;font-size:13px;color:#222;padding-left:3px;padding-right:3px;overflow:hidden;white-space:nowrap;display:block !important}
.list_goodsscroll .swipe_gs .list_content .list_item .item_coupon_price{text-align:center;font-size:12px;color:#fb0e0e;padding-left:3px;padding-right:3px;overflow:hidden;white-space:nowrap;display:block !important}
.list_goodsscroll .swipe_gs .list_content .list_item .item_coupon_price .item_coupon_icon{width:21px;height:12px;background:url(https://static.balaan.co.kr/mobile/legacy/common/img/good_icon_coupon.gif) no-repeat;display:inline-block !important}
.list_goodsscroll .swipe_gs .list_content .list_item .item_discount{text-align:center;font-size:12px;color:#fb0e0e;padding-left:3px;padding-right:3px;overflow:hidden;white-space:nowrap;display:block !important}
.list_goodsscroll .list_page{height:29px;text-align:center;padding-left:20%;padding-right:20%;margin-bottom:10px}
.list_goodsscroll .list_page .list_page_wrap{min-width:150px}
.list_goodsscroll .list_page .list_page_left{background:url(https://static.balaan.co.kr/mobile/legacy/common/img/new/btn_01_pre.png) center right no-repeat;min-width:50px;background-size:42px 23px;float:left;height:23px;width:33%;-webkit-tap-highlight-color:rgba(0,0,0,0.0)}
.list_goodsscroll .list_page .list_page_right{background:url(https://static.balaan.co.kr/mobile/legacy/common/img/new/btn_01_next.png) center left no-repeat;min-width:50px;background-size:42px 23px;float:right;height:23px;width:33%;-webkit-tap-highlight-color:rgba(0,0,0,0.0)}
.list_goodsscroll .list_page .list_page_num{height:23px;font-size:13px;color:#9b9ca4;min-width:50px;float:left;line-height:23px;text-align:center;width:34%}
.list_goodsscroll .list_page .list_page_num .n_page{color:#222}
.list_goodsscroll .list_margin{height:10px;clear:both;width:100%}
.list_more .list_content_wrap .swipe_more .list_content .list_item .item_coupon_price{display:inline-block !important}
/* gnb new */
.new-menu-area{height:34px;width:100%;clear:both;font-size:12px;color:#fff;font-weight:bold;background:#a8adb8;font-family:dotum;border-top:solid 1px #71768a;border-bottom:solid 1px #71768a}
.new-menu-area #category-btn{height:34px;float:left;width:23%;text-align:center;line-height:35px}
.new-menu-area #cart-btn{height:34px;float:left;width:25%;text-align:center;line-height:35px}
.new-menu-area #viewgoods-btn{height:34px;float:left;width:29%;text-align:center;line-height:35px}
.new-menu-area #more-view-btn{height:34px;float:right;width:23%;text-align:center;line-height:35px}
.new-menu-area #more-view-menu{float:right;position:relative;width:23%;text-align:center;line-height:35px}
.new-menu-area #more-view-menu ul{width:100%;position:absolute;z-index:2;list-style:none;font-weight:normal;border-left:solid #71768a 1px;border-bottom:solid #71768a 1px}
.new-menu-area #more-view-menu ul li{float:left;background:#a8adb8;width:100%;border-top:solid 1px #b7bac4}
.new-menu-area #more-view-btn .bar_area{float:left}
.new-menu-area .bar_area{height:34px;float:right}
.new-menu-area .bar_area img{height:34px;width:2px}
/* login �� �߰� */
section#login>form .login_center .login_b .save_login_status{display:block;position:absolute;top:0;left:50%;margin-top:125px;margin-left:-146px;font-size:15px}
/* cate-area �߰� */
section#cate-area .cate_path .cate_path_item2{margin-right:100%;height:74px;background:url(https://static.balaan.co.kr/mobile/legacy/common/img/cate/list_bg.png) repeat-x;line-height:74px;padding:0 12px 0 12px;color:#eee;font-size:22px;font-weight:bold;text-shadow:0 1px 1px #333;-webkit-tap-highlight-color:rgba(0,0,0,0.0)}
section#cate-area .cate_path .cate_path_item2 .cate_path_nm{margin-left:-100%;float:left;width:100%;-webkit-tap-highlight-color:rgba(0,0,0,0.0)}
section#cate-area .cate_list{clear:both;height:100%;margin-left:-100%}
section#cate-area .cate_list .cate_item2{clear:both;margin-right:100%;height:39px;line-height:39px;padding:0 12px 0 12px;color:#222;font-size:14px;font-weight:bold;border-bottom:solid 1px #e5e5e5}
section#cate-area .cate_list .cate_item2 .cate_nm{margin-left:-100%;float:left;width:67%;-webkit-tap-highlight-color:rgba(0,0,0,0.0);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis}
section#cate-area .cate_list .cate_item2 .cate_nm_arrow{float:left;width:19px;height:19px;line-height:100%;background:transparent url(https://static.balaan.co.kr/mobile/legacy/common/img/new/a.png) left repeat-x;background-size:19px 19px;-webkit-tap-highlight-color:rgba(0,0,0,0.0);margin-top:10px}
section#cate-area .cate_list .cate_item2 .cate_prd_btn{float:right;width:50px;height:22px;line-height:100%;background:transparent url(https://static.balaan.co.kr/mobile/legacy/common/img/new/btn_category_view.png) center repeat-x;background-size:50px 22px;-webkit-tap-highlight-color:rgba(0,0,0,0.0);margin-top:8px}
section#cate-area .top_path{height:39px;line-height:39px;font-size:12px;color:#929ca8;display:none;border-bottom:solid 1px #dbdcde}
section#cate-area .top_path .now_path{float:left;width:100%;font-size:12px}
section#cate-area .top_path .now_path .activeitem{color:#43454d}
section#cate-area .top_path .now_path .pathitem{float:left}
section#cate-area .top_path .now_path .allpath{padding-left:12px}
section#cate-area .top_path .now_path .patharrow{margin:13px 5px 0 5px;float:left;width:7px;height:11px;background:url(https://static.balaan.co.kr/mobile/legacy/common/img/new/next.png) center left no-repeat;background-size:7px 11px;-webkit-tap-highlight-color:rgba(0,0,0,0.0)}
section#cate-area .top_path .btnimg{float:right;padding-right:15px;width:10%;height:100%;line-height:100%;background:transparent url(https://static.balaan.co.kr/mobile/legacy/common/img/cate/circle_arrow_left.png) center no-repeat;-webkit-tap-highlight-color:rgba(0,0,0,0.0)}
/* 2013.05.15 dn ����ϼ� ���� css �߰� ���� */
/* �����������ħ �߰� �Ǹ鼭 footer ���� */
section#footer .service_menu{height:34px;line-height:35px;color:#444;font-size:13px;text-align:center;margin-top:10px;font-family:dotum;margin-bottom:10px}
/* �Ҽ� ȸ�� ����*/
#socialjoin{background-color:#fff;min-height:calc(100% - 5rem);font-family:dotum}
section#socialjoin .agreement_chk{clear:both;font-size:12px;color:#222;padding:10px 16px;border-top:solid 2px #e5e5e5}
section#socialjoin .agreement_chk label{height:25px;line-height:25px;position:relative}
section#socialjoin .agreement_chk label input[type=checkbox]{border:solid 1px #bbb}
section#socialjoin .agreement_chk label a{text-decoration:underline;color:#2784ff}
section#socialjoin .account{clear:both;padding:10px 0;border-top:solid 2px #e5e5e5}
section#socialjoin .account .account_content{padding:0 16px;padding-bottom:43px}
section#socialjoin .account .account_content .input_wrap{clear:both}
section#socialjoin .account .account_content input[type=text],input[type=number],input[type=email],input[type=password]{border-radius:0;border:solid 1px #f1f1f1;height:35px}
section#socialjoin .account .account_content .input_title{width:15%;min-width:60px;font-size:13px;color:#222;float:left;height:30px;line-height:30px}
section#socialjoin .account .account_content .input_content{width:70%;font-size:14px;float:left;line-height:20px;margin-bottom:11px}
section#socialjoin .account .account_content .input_content #check-id-duplicate{width:80px;margin:0;text-align:center;height:29px;color:#fff;line-height:29px;font-size:12px;font-weight:bold;background:#808591;border-radius:3px;font-family:dotum;border:none}
section#socialjoin .account .account_content .input_content .description_wrap{margin-top:10px}
section#socialjoin .account .account_content .input_content .description{font-size:11px;color:#9e9e9e;line-height:18px}
section#socialjoin .account .account_content .input_content .chk{color:#5e5e5e}
section#socialjoin .account .account_content .input_content .wrong{color:#9e9e9e}
section#socialjoin .certify{clear:both;font-size:14px;color:#3e3e3e;border-top:solid 2px #e5e5e5}
section#socialjoin .certify .div_RnCheck_ipin,section#socialjoin .certify .div_RnCheck_hpauth{width:100%;border:1px solid #dedede;margin-bottom:10px}
section#socialjoin .certify .div_RnCheck_ipin ul.info,section#socialjoin .certify .div_RnCheck_hpauth ul.info{border:5px solid #f3f3f3;padding:5px;list-style-type:none}
section#socialjoin .certify .div_RnCheck_ipin ul.info li,section#socialjoin .certify .div_RnCheck_hpauth ul.info li{background:url(https://static.balaan.co.kr/mobile/legacy/common/img/ipin/Regist_box_icon.gif) no-repeat 0 2px;padding:2px 0 2px 17px}
section#socialjoin .step_btn{width:300px;margin:auto;padding-top:12px}
section#socialjoin .step_btn .next_btn{position:relative;float:left}
section#socialjoin .step_btn .next_btn #next-btn{width:147px;margin:auto;text-align:center;height:35px;color:#fff;line-height:35px;font-size:15px;font-weight:bold;background:#808591;border-radius:4px;font-family:dotum;border:none}
section#socialjoin .step_btn .cancel_btn{position:relative;float:right}
section#socialjoin .step_btn .cancel_btn #cancel-btn{width:147px;margin:auto;text-align:center;height:35px;color:#808591;line-height:35px;font-size:15px;font-weight:bold;background:#fff;border-radius:4px;font-family:dotum;border:solid 1px #cecfcf}
section#socialjoin .w120{width:120px}
/**** ����� �Խ��� *****/
section#page_title{position:relative}
section#page_title .btn_list{position:absolute;top:5px;left:10px;border:none;font-size:0;width:58px;height:27px;background-image:url(https://static.balaan.co.kr/mobile/legacy/common/img/new/btn_list_view.png);background-size:100% 100%}
section#page_title .btn_back{position:absolute;top:5px;left:10px;border:none;font-size:0;width:38px;height:27px;background-image:url(https://static.balaan.co.kr/mobile/legacy/common/img/new/btn_back.png);background-size:100% 100%}
section#page_title .btn_navi{position:absolute;top:5px;right:10px;border:none;font-size:12;width:56px;height:27px}
section#page_title .btn_write{position:absolute;top:5px;right:10px;border:none;font-size:0;width:56px;height:27px;background-image:url(https://static.balaan.co.kr/mobile/legacy/common/img/new/btn_board_write.png);background-size:100% 100%}
section#page_title .btn_index{position:absolute;top:5px;left:10px;border:none;font-size:0;width:63px;height:27px;background-image:url(https://static.balaan.co.kr/mobile/legacy/common/img/new/btn_index.png);background-size:100% 100%}
@media screen and (max-width:400px){
.screen-width{font-size:15px;/*max-width:260px;*/overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
}
@media screen and (min-width:400px) and (max-width:640px){
.screen-width{font-size:15px;max-width:330px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
}
@media screen and (min-width:640px) and (max-width:900px){
.screen-width{font-size:15px;max-width:440px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
}
@media screen and (min-width:900px){
.screen-width{font-size:15px;max-width:850px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
}
#top-anchor{position:fixed;top:0;left:50%;right:50%;width:55px;background-color:rgba(123,123,123,0.5);padding:8px 12px;z-index:999;display:none;text-align:center;color:#000;border-bottom-left-radius:5px;border-bottom-right-radius:5px}
/*button*/
.btn-reset{border:0;background:transparent;padding:0;margin:0}
.btn{display:inline-block;width:94px;padding:10px 0;border-radius:4px;border:0;text-align:center}
/* gd-flipcover */
.gd-member-btn{background:#626262; text-align:center;overflow:hidden;display:table;width:100%;table-layout:fixed;border-bottom:1px solid #454545}
.gd-flipcover-btn button{width:44px;height:44px;border:0}
.gd-flipcover-btn button span{margin-top:6px}
.gd-flipcover-btn{ position:absolute;top:0;left:0;z-index:1000}
.gd-member-btn .btn{display:table-cell;padding:10px}
.gd-member-btn .btn:first-child{padding-right:0}
.gd-member-btn .btn .btn-register{background:#3a3a3a}
.gd-member-btn .btn a{display:block; background:#242424;color:#fff;border-radius:5px;padding:10px 0;-ms-box-sizing:border-box}
.gd-flipcover-btn button{background:#000}
.gd-flipcover{overflow-y:auto;position:fixed;top:0;left:0;width:84.4%;height:100%;background:#626262;z-index:10000;visibility:hidden;-webkit-overflow-scrolling:touch;transform:translate3d(-100%,0,0);transition:all 300ms ease-in-out}
.gd-open .gd-flipcover{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);visibility:visible}
.gd-flipcover-inner >*{-webkit-transform:translateZ(0)}
.gd-gnb-close{position:fixed;top:10px;right:10px;padding:10px;border-radius:50%;border:0;opacity:0;z-index:10001;visibility:hidden;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-ms-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}
.gd-open .gd-gnb-close{opacity:1;visibility:visible}
.gd-flipbg{position:absolute;top:0;right:0;width:0;height:0;background:rgba(0,0,0,1);opacity:0;-webkit-transition:opacity 300ms,width 50ms 300ms,height 50ms 300ms;-moz-transition:opacity 300ms,width 50ms 300ms,height 50ms 300ms;-ms-transition:opacity 300ms,width 50ms 300ms,height 50ms 300ms;-o-transition:opacity 300ms,width 50ms 300ms,height 50ms 300ms;transition:opacity 300ms,width 50ms 300ms,height 50ms 300ms;z-index:1001}
.gd-open .gd-flipbg{position:fixed;top:0;right:0;width:100%;height:100%;opacity:.5;-webkit-transition:opacity 300ms;-moz-transition:opacity 300ms;-ms-transition:opacity 300ms;-o-transition:opacity 300ms;transition:opacity 300ms}
.gd-flipcover .loginname{color:#fff;text-align:center}
.gd-gnb .dep1 ul{display:none}
#categorylist .gd-gnb .dep1 .dep2{display:block !important}
.gd-gnb .dep1 li{position:relative}
.gd-gnb .dep1 li a{display:block;padding:14px 40px 14px 10px;word-break:break-all}
.gd-gnb .dep2 li a{padding:12px 40px 12px 10px;background:#fff}
.gd-gnb .dep1>li>a{position:relative;z-index:5;display:block;background:#626262;color:#fff;border-bottom:1px solid #4D4D4D}
.gd-gnb .dep1>li>button .sprite-icon{opacity:.3;-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg);-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transition:-webkit-transform 150ms ease;-moz-transition:-moz-transform 150ms ease;-ms-transition:-ms-transform 150ms ease;-o-transition:-o-transform 150ms ease;transition:transform 150ms ease}
.gd-gnb .dep1>li>.block .sprite-icon{opacity:1;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}
.gd-gnb .dep2{position:relative;z-index:1}
.gd-gnb .dep2 li button .sprite-icon{-webkit-transform:rotate(90deg) scale(0.8);-moz-transform:rotate(90deg) scale(0.8);-ms-transform:rotate(90deg) scale(0.8);-o-transform:rotate(90deg) scale(0.8);transform:rotate(90deg) scale(0.8)}
.gd-gnb .dep2>li>a{padding-left:35px;color:#616161;background-color:#ebebeb;border-bottom:1px solid #d1d1d1}
.gd-gnb .dep2 li button .sprite-icon{background-position:-25px -150px}
.gd-gnb .dep3 li button .sprite-icon{opacity:.7;-webkit-transform:scale(0.7) rotate(90deg);-moz-transform:scale(0.7) rotate(90deg);-ms-transform:scale(0.7) rotate(90deg);-o-transform:scale(0.7) rotate(90deg);transform:scale(0.7) rotate(90deg)}
.gd-gnb .dep2 li a .sprite-icon.open{-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.gd-gnb .dep2 li a .sprite-icon{-webkit-transition:-webkit-transform 150ms ease-out;-moz-transition:transform 150ms ease-out;-ms-transition:transform 150ms ease-out;-o-transition:transform 150ms ease-out;transition:transform 150ms ease-out}
.gd-gnb li>a .sprite-icon{position:absolute;top:11px;margin-left:-25px}
.gd-gnb .dep2 [class^=dep] li a .sprite-icon{background-position:-75px -150px;width:15px;padding-top:15px;margin-left:-20px}
.gd-gnb .dep3>li>a{padding-left:45px;color:#616161}
.gd-gnb .dep4>li>a{padding-left:55px;color:#616160}
.gd-gnb .dep5>li>a{padding-left:65px;color:#616161}
.gd-gnb .gnb-arr{ position:absolute;top:0;right:0;z-index:10;width:50px;height:42px}
.gd-gnb .dep2 .gnb-arr{height:39px}
.gd-quicknav ul{font-size:0;line-height:0;text-align:center;margin:0 0 25px}
.gd-quicknav ul li{display:inline-block;width:33.3%;text-align:center; font-size:12px;line-height:14px}
.gd-quicknav ul li a{display:block}
.gd-quicknav ul li a .sprite-etc{display:inline-block;width:75px;height:75px;padding-top:0;margin:0 0 10px}
.gd-quicknav ul li a .sprite-etc+span{display:block}
.gd-footer{padding:20px 0 10px;border-top:1px solid #d5d5d5;background:#eee}
/*icon type*/
.sprite-icon{background-image:url(https://static.balaan.co.kr/mobile/img/common/sprite-icon.png);background-repeat:no-repeat;background-size:400px 300px;height:0;display:inline-block;overflow:hidden;vertical-align:middle}
.icon-gnb{background-position:0 0;width:20px;padding-top:20px}
.icon-people{background-position:-25px 0;width:20px;padding-top:20px}
.icon-search{background-position:-50px 0;width:20px;padding-top:20px}
.icon-bag-black{background-position:-75px 0;width:20px;padding-top:22px}
.icon-arr-r{background-position:-100px 0;width:5px;padding-top:15px}
.icon-megaphone{background-position:-125px 0;width:30px;padding-top:30px}
.icon-facebook{background-position:-175px 0;width:30px;padding-top:30px}
.icon-facebook{background-position:-175px 0;width:30px;padding-top:30px}
.icon-twitter{background-position:-225px 0;width:30px;padding-top:30px}
.icon-kakao{background-position:-275px 0;width:30px;padding-top:30px}
.icon-kas{background-position:-325px 0;width:30px;padding-top:30px}
.icon-ticket-red{background-position:0 -25px;width:18px;padding-top:18px}
.icon-book-red{background-position:-25px -25px;width:18px;padding-top:18px}
.icon-document{background-position:0 -50px;width:25px;padding-top:25px}
.icon-token{background-position:-25px -50px;width:25px;padding-top:25px}
.icon-ticket{background-position:-50px -50px; width:25px;padding-top:25px}
.icon-bag{background-position:0 -75px;width:25px;padding-top:25px}
.icon-board{background-position:-25px -75px;width:25px;padding-top:25px}
.icon-heart{background-position:-50px -75px;width:25px;padding-top:25px}
.icon-contact{background-position:0 -100px;width:25px;padding-top:25px}
.icon-camera{background-position:-25px -100px;width:25px;padding-top:25px}
.icon-balloon{background-position:-50px -100px;width:25px;padding-top:25px}
.icon-list{background-position:0 -125px;width:16px;padding-top:16px}
.icon-one{background-position:-25px -125px;width:16px;padding-top:16px}
.icon-grid1{background-position:-50px -125px;width:16px;padding-top:16px}
.icon-grid2{background-position:-75px -125px;width:16px;padding-top:16px}
.icon-list-wh{background-position:-100px -125px;width:16px;padding-top:16px}
.icon-one-wh{background-position:-125px -125px;width:16px;padding-top:16px}
.icon-grid1-wh{background-position:-150px -125px;width:16px;padding-top:16px}
.icon-grid2-wh{background-position:-175px -125px;width:16px;padding-top:16px}
.icon-arr-b-white{background-position:0 -150px;width:40%;height:31%;padding-top:0}
.icon-arr-b-gray{background-position:-25px -150px;width:16px;padding-top:16px}
.icon-plus1{background-position:-50px -150px;width:17px;padding-top:17px}
.icon-plus2{background-position:-75px -150px;width:25px;padding-top:25px}
.icon-x-white{background-position:-100px -150px;width:25px;padding-top:25px}
.icon-minus1{background-position:-125px -150px;width:25px;padding-top:25px}
.icon-arr-r2{background-position:0 -175px;width:25px;padding-top:38px}
.icon-check-wh{background-position:-50px -25px;width:11px;padding-top:11px}
.icon-mobile-wh{background-position:-75px -25px;width:9px;padding-top:16px}
.icon-plus3{background-position:-50px -175px;width:16px;height:16px;padding:0}
.icon-minus3{background-position:-75px -175px;width:16px;height:16px;padding:0}
.share-area .share-btn [class^=sns]{background-image:url(https://static.balaan.co.kr/mobile/img/common/sprite-icon.png);width:30px;height:0;background-repeat:no-repeat;background-size:400px 300px}
.share-area .share-btn .sns01{background-position:-225px 0;width:30px;padding-top:30px}
/*twitter*/
.share-area .share-btn .sns02{background-position:-175px 0;width:30px;padding-top:30px}
/*facebook*/
.share-area .share-btn .sns03{background-position:-275px 0;width:30px;padding-top:30px}
/*kakaotalk*/
.share-area .share-btn .sns04{background:url(https://static.balaan.co.kr/mobile/legacy/common/img/detailp/icon_me2day_off.png) no-repeat;width:29px;height:29px}
.share-area .share-btn .sns05{background:url(https://static.balaan.co.kr/mobile/legacy/common/img/detailp/icon_cyworld_off.png) no-repeat;width:29px;height:29px;margin-top:7px}
.share-area .share-btn .sns06{background-position:-325px 0;width:30px;padding-top:30px;display:block!important}
/*etc type*/
.sprite-etc{background-image:url(https://static.balaan.co.kr/mobile/legacy/common/img/sprite-etc.png);background-repeat:no-repeat;background-size:400px 300px;overflow:hidden}
.sprite-etc.fav{background-position:0 0}
.sprite-etc.cs{background-position:-80px 0}
.sprite-etc.my{background-position:-160px 0}
section#subcategory-list .top_title{clear:both;line-height:34px;background:#fff;color:#222;font-size:12px;text-align:center;font-family:dotum;border-bottom:solid 1px #969ca3}
section#subcategory-list .top_title li{display:inline}
section#subcategory-list .top_title li.on a{fong-weight:bolder}
section#subcategory-list .top_title li a{padding:11px 7px 9px}
/* ��ǰ ���������� url���� css */
#copyUrlArea{position:fixed;top:45%;left:0;width:100%;padding:0 25px;z-index:99999999999999999999;display:none;box-sizing:border-box}
#copyUrlArea #copyUrlInnerArea{position:relative;width:100%;border:1px solid #000;padding:20px 15px;background:#fff;text-align:center;box-sizing:border-box}
#copyUrlArea #copyUrlInnerArea #copyUrlAreaClose{position:absolute;top:20px;right:15px;width:23px;height:23px;z-index:100;background:url(https://static.balaan.co.kr/mobile/legacy/common/img/detailp/m_pop_close.gif)}
#copyUrlArea #copyUrlInnerArea input[type='text']{width:100%;padding:5px;background:#eee;border:1px solid #bbb;border-radius:10px;color:#999;box-sizing:border-box}
/* ����� �������� ���̾� �˾� css */
#frmMask{position:absolute;top:0;left:0;width:100%;z-index:99;background:#000;opacity:0.2}
.mobileLayerArea{position:absolute;top:0;left:0;width:100%;z-index:100}
.mobileLayerArea #frmTitle{width:100%;height:55px;text-align:center;line-height:55px;background:#a8adb8;color:#fff;font-weight:bold;opacity:1;z-index:100}
.mobileLayerArea #frmTitle #frmClose{position:absolute;top:0;right:0;width:59px;height:52px;background:url(https://static.balaan.co.kr/mobile/legacy/common/img/btn_close.png)}
.mobileLayerArea .mobileLayerFrame{width:100%;z-index:100;background:#fff}
.layer-class{position:absolute;left:2%;width:96%;background:#fff;display:block;border-radius:1em;box-shadow:2px 2px 4px #7f7f7f;z-index:1000}
.layer-class #layer_title{background:#313030;width:100%;border-top-left-radius:.7em;border-top-right-radius:.7em;height:45px;border-bottom:solid 1px #b2b2b2}
.layer-class #layer_title .title{padding-left:14px;line-height:45px;font-size:16px;font-weight:bold;color:#fff;font-family:dotum;float:left}
.layer-class #layer_title #cancel-btn{float:right;background:url(https://static.balaan.co.kr/mobile/legacy/common/img/nmyp/btn_close_off.png) no-repeat;border:none;width:31px;height:32px;margin-top:7px;margin-right:7px}
.layer-class #layer_title #cancel-btn:active{background:url(https://static.balaan.co.kr/mobile/legacy/common/img/nmyp/btn_close_on.png) no-repeat}
.layer-class iframe{border-bottom-left-radius:1em;border-bottom-right-radius:1em}
.black__btn{width:100% !important;height:45px !important;padding:10px !important;color:#fff !important;font-size:13px !important;line-height:0 !important;border:0 solid #000 !important;border-radius:0 !important;background:#000 !important}
.black_harf__btn{width:49% !important;height:45px !important;padding:10px !important;color:#fff !important;font-size:13px !important;line-height:0 !important;border:0 solid #000 !important;border-radius:0 !important;background:#000 !important}
.white__btn{width:49% !important;height:45px !important;padding:10px !important;color:#000 !important;font-size:13px !important;line-height:0 !important;border:1px solid #333 !important;border-radius:0 !important;background:#fff !important}
.ch-plugin{display:none !important}
.fkwhx36 .PluginWrapper__mobile___1XRBY .PluginWrapper__launcherWrapper___wIXf1{z-index:50}
/****** header, gnb ******/
#balaan #wrap{padding-top:0 !important; position: sticky; top:0; z-index: 101;}
#newgnb{overflow:hidden;position:fixed;z-index:100;left:0;top:0;width:100%;height:5rem;text-align:center;background:#fff;/* box-shadow:0 0 4px rgba(0,0,0,.2); */box-sizing:border-box;transition-duration:.3s}
.main #newgnb{box-shadow:none}
#newgnb.hide{transform:translateY(-100%)}
#newgnb a{display:block}
#newgnb:after{content:'';display:block;clear:both}
#newgnb .gnb_menu{float:left}
#newgnb .gd-flipcover-btn{position:static;float:left;width:5rem;height:5rem}
#newgnb .gd-flipcover-btn button{width:100%;height:100%;color:transparent;background:transparent url(https://static.balaan.co.kr/mobile/img/offcanvas/ico_btn_toggle.png) no-repeat center center / cover}
#newgnb .btn-gtoggle{position:static;float:left;width:5rem;height:5rem}
#newgnb .btn-gtoggle button{width:100%;height:100%}
#newgnb .btn-gtoggle button:after{top:50%;left:50%;width:1.5rem;height:1.4rem;margin:-0.65rem 0 0 -0.75rem;background-position:-11.6rem 0}
#newgnb .btn-gsearch{overflow:hidden;float:left;width:2rem;height:5rem;line-height:5rem}
#newgnb .btn-gsearch a{width:100%;height:100%}
#newgnb .btn-gsearch a:after{top:50%;height:2rem;margin-top:-1rem;background-position:-13.6rem 0}
#newgnb .btn-gsearch a.disabled:after{left:50%;width:1.5rem;height:1.5rem;margin:-0.75rem 0 0 -0.75rem;background-position:-12.5rem -2.7rem}
#newgnb .btn-gsearch a.open:after{background-position:-16.1rem 0}
#newgnb .logo{position:absolute;top:1.5rem;left:50%;width:10.5rem;transform:translateX(-50%)}
#newgnb .logo:after{top:50%;left:50%;width:10.5rem;height:2.2rem;margin:-1.1rem 0 0 -5.2rem;background-position:0 -8.2rem}
/*#newgnb .logo img{width:auto;height:4rem}*/
#newgnb .gnb_util{position:relative;float:right;padding-right:1.3rem}
#newgnb .gnb_util li{float:left;min-width:2.5rem;height:5rem;margin-left:1rem}
#newgnb .gnb_util li a{height:100%;padding-left:1.3rem;font-size:1rem;line-height:5rem;letter-spacing:0}
#newgnb .gnb_util li a:after{top:50%;width:2rem;height:2rem;margin-top:-1rem}
#newgnb .gnb_util li a:not(.on):after{left:50%;margin-left:-1rem}
#newgnb .gnb_util li a .qty{display:inline-block;position:relative;padding-top:.4rem;z-index:1}
#newgnb .gnb_util li.s1 a:after{background-position:-18.6rem 0}
#newgnb .gnb_util li.s1 a.on:after{background-position:-21rem 0}
#newgnb .gnb_util li.s2 a:after{background-position:-23.6rem 0}
#newgnb .gnb_util li.s2 a.on:after{background-position:-26.1rem 0}
header.hasMsg{height:7.6rem;font-family:'hs','noto'}
header.hasMsg .topMsg{overflow:hidden;position:fixed;left:0;top:0;width:100%;height:2.6rem;text-align:center;font-size:1.1rem;line-height:2.6rem;color:#fff;background:#000;z-index:100}
header.hasMsg .topMsg a{color:#fff}
header.hasMsg #newgnb{top:2.6rem}
header.hasMsg.mainMsg #newgnb{position:absolute}
.search_bar{position:fixed;top:-300%;left:1.6rem;width:calc(100% - 3.2rem);text-align:center;background:rgba(241,241,241,0.95);opacity:0;z-index:30;transition:opacity 0s ease-in-out}
.search_bar.on{top:4.3rem;opacity:1;}
.search_bar p{display:inline-block;padding-left:1.7rem;color:#333;font-size:1.1rem;line-height:2.6rem;letter-spacing:-0.05rem;vertical-align:top}
.search_bar p:after{top:50%;width:1.3rem;height:1.3rem;margin-top:-0.65rem;background-position:-11.2rem -8.2rem}
.search_bar.top_category.on{top:12.1rem}
.search_bar.top_goods.on{top:4.9rem;z-index:100}
.slick-slide{display:none;float:left;height:100%;min-height:1px}
.slick-initialized .slick-slide{display:block}
/** 검색 **/
.lySearch {overflow:hidden;overflow-y:auto;position:fixed;z-index:99999999;left:0;top:0;width:100%;height:100%;padding:1rem 1.6rem;font-family:'hs','noto';background:#fff;-webkit-overflow-scrolling:touch;box-sizing:border-box}
.lySearch input{font-family:'hs','noto'}
.lySearch input:focus{outline:none}
.lySearch button{padding:0;font-family:'hs','noto';background:transparent;border:0;outline:none;cursor:pointer}
.lySearch .inputSearch {
padding:0;
border-bottom:0;
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
align-items: center;
}
/* 헤더_입력폼 */
.inputSearch{position:}
.inputSearch .schwrap {
position:relative;
height:3.6rem!important;
display: flex;
width: 79%;
padding: 0.6rem !important;
border: 1px solid #ccc!important;
box-sizing:border-box;
border-radius: 0.2rem;
}
.inputSearch .schwrap:focus-within {
border-color: #000!important;
}
.inputSearch .cancel-search {
font-size: 1.3rem;
margin-left: auto;
}
.inputSearch .schwrap:after{content:'';display:block;clear:both}
.inputSearch form {
display: flex;
flex-flow: row nowrap;
align-items: center;
width: 100%;
}
.inputSearch form > input{width:100%}
.inputSearch input{display:block;width:calc(100% - 3.5rem);height:3.8rem;padding:0;vertical-align:top;font-size:1.3rem;line-height:3.8rem;color:#222;border:0;outline:none;box-sizing:border-box}
.inputSearch input:focus{border:none}
.inputSearch input::placeholder{color:#ccc}
.inputSearch .inpClear{position:relative;float:left;width:1.5rem;height:100%;border:0;transition-duration:.3s}
.inputSearch .inpClear i{position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;margin:-0.8rem 0 0 -1.4rem}
.inputSearch .inpClear i:after{background-position:100% 0}
/* 검색결과 */
.inputSearch.schRst{position:;padding:1rem 1.6rem 0}
.schResult{position:relative;margin-top:2rem;border-top:0.1rem solid #e5e5e5}
/****** _header.htm inline css ******/
#goodsres-hide2{display:none}
.goodsres_wrap{position:fixed;left:10%;width:80%;background:#fff;display:block;border-radius:1em;box-shadow:2px 2px 4px #7f7f7f;z-index:1000;bottom:20%}
.goodsres_wrap .goodsres_title{background:#313030;width:100%;border-top-left-radius:1em;border-top-right-radius:1em;height:45px;border-bottom:solid 1px #b2b2b2;margin-bottom:6px}
.goodsres_wrap .goodsres_title .title{padding-left:14px;line-height:45px;font-size:16px;font-weight:bold;color:#fff;font-family:dotum}
.goodsres_wrap .goodsres_msg{padding:15px}
.goodsres_wrap .goodsres_msg .text_msg{font-size:12px;color:#353535}
/****** side menu(off_canvas.20181220) ******/
.gd-open{overflow:hidden}
.mask{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.5);z-index:100000000;opacity:.5;transition:opacity 0.3s}
.mask.show{opacity:1}
.btn_closeNavi{display:block;position:fixed;z-index:100000001;right:0;top:0;padding:0;width:5rem;height:5rem;visibility:hidden;border-radius:50%;border:0;background:transparent;opacity:0;transition:all .3s ease-in-out}
.btn_closeNavi.show{visibility:visible;opacity:1;transition-delay:.3s}
.btn_closeNavi:after{top:50%;left:50%;width:1.7rem;height:1.7rem;margin:-0.85rem 0 0 -0.85rem;background-position:-21.7rem -5rem}
/* S : 개발 완료 후 삭제 */
.sideNavi {
overflow: hidden;
overflow-y: auto;
position: absolute;
z-index: 100000001;
left: -100%;
top: 0;
width: 100%;
height: 100%;
transition: left .4s;
-webkit-overflow-scrolling: touch
}
.sideNavi.open{left:0}
.sideNavi,.sideNavi input{font-family:'hs'}
.sideNavi a,.sideNavi button:focus{outline:none}
.sideNavi input{outline:none;border:0;-webkit-appearance:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
.sideNavi{overflow:hidden;overflow-y:auto;background-color:#fff}
.sideNavi.ofH{overflow:hidden}
.sideNavi.ofH .lnb-main{left:-101%}
.lnb-main{position:relative;left:0;background:#fff;transition:left .4s}
.lnb-tab{position:relative}
.lnb-tab ul:after{content:'';display:block;clear:both}
.lnb-tab li{float:left;text-align:center;vertical-align:top}
.lnb-tab li a{display:block;font-size:1.4rem;color:#aaa}
.lnb-tab li.on a{color:#000}
.lnb-tab.type1 .bar{display:block;position:absolute;left:0;bottom:0;width:33.3%;height:0.12rem;background:#000;transition-duration:.3s}
.lnb-tab.type1 ul{position:relative;border-bottom:0.12rem solid #aaa}
.lnb-tab.type1 li{width:33.3%}
.lnb-tab.type1 li a{position:relative;padding:0.8rem 0 1rem;transition-duration:.3s}
.lnb-tab.type2 .bar{display:block;position:absolute;left:0;bottom:0;height:0.1rem;background:#000;transition-duration:.3s}
.lnb-tab.type2 li{width:25%}
.lnb-tab.type2 li a{padding:0}
.lnb-tab.type2 li span{display:inline-block;position:relative;padding-bottom:0.1rem;font-size:1.3rem;line-height:1.2rem}
.lnb-tab.type2 li.on a{font-weight:700}
.lnb-tab.type3{margin:0 1.5rem}
.lnb-tab.type3 li{width:50%}
.lnb-tab.type3 li a{position:relative;padding:0.8rem 0 0.7rem;font-size:1.2rem;transition-duration:.3s}
.lnb-tab.type3 li a:before{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;border:0.1rem solid #000;box-sizing:border-box}
.lnb-tab.type3 li.on{background:#000}
.lnb-tab.type3 li.on a{color:#fff}
.lnb-tabcon{display:none}
.lnb-tabcon.visible{display:block}
.lnb-main .lnb-util{background:#1d1e23}
.lnb-main .lnb-util ul:after{content:'';display:block;clear:both}
.lnb-main .lnb-util li {
float: left;
width: 100%;
height: 5rem !important;
font-size: 1.1rem;
line-height: 5rem !important;
box-sizing: border-box
}
.lnb-main .lnb-util li .lnb-util-right {
display: flex;
width: 3rem;
}
.lnb-main .lnb-util li .lnb-util-right span {
display: flex;
align-items: center;
width: 1.5rem;
}
.lnb-main .lnb-util li .lnb-util-right span picture {
display: flex;
}
.lnb-main .lnb-util li .t{
line-height: 5rem !important;
}
.lnb-main .lnb-util li:nth-child(1),
.lnb-main .lnb-util li:nth-child(2){border-top:0}
.lnb-main .lnb-util li:nth-child(odd) {
border-right: 1px solid #2f3034;
display: flex;
justify-content: space-between;
}
.lnb-main .lnb-util a {
display: flex;
padding: 0 1.5rem 0 1.6rem;
color: #fff;
width: 60%;
}
.lnb-main .lnb-util li a .t{
display: flex;
align-items: center;
}
#profile_circle {
background-color: #B29162;
width: 3.5rem;
height: 3.5rem;
border-radius: 2rem;
text-align: center;
margin: 0 auto;
font-size: 2rem;
color: #fff;
display: flex;
justify-content: center;
align-items: center;
}
#profile_circle span {
margin-top: 0.4rem;
font-family: Prata, Serif !important;
}
.lnb-util-arrow {
display: block;
padding-top: 0.1rem;
margin-left: 0.2rem;
}
.lnb-util-arrow picture{
width: 1.2rem;
filter: invert(1);
margin-top: 2rem;
}
.lnb-util-arrow img {
margin-top: 1.5rem;
margin-left: 0.2rem;
}
.lnb-recent .swiper-wrapper {
overflow: initial !important;
}
.lnb-recent .swiper-slide {
position: relative;
margin-left: 1rem;
}
.lnb-gender-box {
display: flex;
flex-direction: column;
font-size: 1.4rem;
border-bottom:0.1rem solid #E5E5E5;
}
.lnb-gender-box div{
height: 5.1rem;
display: flex;
justify-content: space-between;
align-items: center;
}
.lnb-gender-box .lnb-women, .lnb-gender-box .lnb-men, .lnb-gender-box .lnb-item {
opacity: 0;
transform: translateY(1.5rem);
}
.lnb-gender-box.visible .lnb-women, .lnb-gender-box.visible .lnb-men, .lnb-gender-box.visible .lnb-item {
opacity: 1;
transform: translateY(0);
transition-duration: 1s;
}
.lnb-page ul li {
opacity: 0;
transform: translateY(1.5rem);
}
.lnb-page.visible ul li {
opacity: 1;
transform: translateY(0);
transition-duration: 1s;
}
.lnb-page li:nth-child(1){transition-delay:.05s}
.lnb-page li:nth-child(2){transition-delay:.1s}
.lnb-page li:nth-child(3){transition-delay:.15s}
.lnb-page li:nth-child(4){transition-delay:.2s}
.lnb-page li:nth-child(5){transition-delay:.25s}
.lnb-page li:nth-child(6){transition-delay:.3s}
.lnb-page li:nth-child(7){transition-delay:.35s}
.lnb-page li:nth-child(8){transition-delay:.4s}
.lnb-page li:nth-child(9){transition-delay:.45s}
.lnb-page li:nth-child(10){transition-delay:.5s}
.lnb-page li:nth-child(11){transition-delay:.55s}
.logout_image {
width: 3rem;
margin-top: 2.1rem;
}
.lnb-women, .lnb-men, .lnb-item {
padding : 0rem 2rem;
}
.lnb-gender-box img{
width: 1rem;
}
.lnb-gender-text {
font-weight: 600;
}
.lnb-gender-box .lnb-tabcon {
height: auto;
}
.lnb-gender-box .lnb-tabcon .lnb-gmenu {
height: auto;
padding: 1rem 2rem;
background-color: #f9f9f9;
}
.banner-info {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
display: flex;
flex-flow: column;
justify-content: center;
padding-left: 1.2rem;
letter-spacing: -0.02rem;
}
.swiper-slide .banner-info .title {
font-weight: bold;
font-size: 1.45rem;
margin-bottom: 0.4rem;
}
/*#gmenu-009, #gmenu-010, .lnb-tabcon {*/
/* display: none;*/
/*}*/
.lnb-gender-box.visible .lnb-tabcon {
display: none;
}
.lnb-detail {
display: flex;
justify-content: space-evenly;
height: 5.8rem;
border-bottom: 0.6rem solid #F6F6F6;
}
.lnb-detail.no-sess {
height: 4rem;
}
.lnb-detail-box {
display: flex;
align-items: center;
flex-direction: column;
width: 100%;
justify-content: center;
border-right: 1px solid #eee;
padding-top: 0.7rem;
padding-bottom: 0.6rem;
border-bottom: 1px solid #eee;
}
.lnb-detail-box .lnb-detail-img-wrapper {
width: 2rem;
position: relative;
}
.lnb-detail-box .lnb-detail-img-wrapper .detail-noti {
position: absolute;
top: -0.4rem;
left: 1.5rem;
padding: 0.1rem 0.45rem 0.1rem 0.45rem;
width: fit-content;
height: 1.05rem;
line-height: 1.05rem;
border-radius: 1rem;
background: #bd081c;
color: white;
font-size: 0.9rem;
text-align: center;
display: flex;
align-items: center;
}
.lnb-detail-box .lnb-detail-img-wrapper .detail-noti span{
line-height: 1.05rem;
height: 1.05rem;
}
.lnb-detail-box .lnb-detail-title {
color: black;
width: 100%;
text-align: center;
font-size: 1.2rem;
margin-top: 0.1rem;
}
.lnb-detail-box .lnb-detail-desc {
font-weight: 600;
color: #1C1073;
margin-top: 0.3rem;
font-size: 1.1rem;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
width: 6rem;
text-align: center;
}
.detail-reserve {
display: flex;
}
.detail-reserve span {
color: #1C1073;
font-weight: 600;
margin-top: 0.3rem;
font-size: 1.1rem;
}
.detail-reserve span.detail-desc-number{
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
max-width: 4rem;
text-align: center;
}
.lnb-recent {
border-top: unset !important;
padding-left: 1rem;
padding-right: 2rem;
padding-bottom: 4rem !important;
margin-top: 0 !important;
}
.lnb-recent .tit_wrap {
position: relative;
display: flex;
align-items: center;
height: 5rem;
}
.lnb-recent .tit_wrap img {
width: 1.2rem;
margin-top: 0.17rem;
margin-left: 0.2rem;
}
.lnb-recent .btn-more-item {
margin: auto 0;
padding: 0 0 0 1.6rem;
}
.lnb-recent .btn-more-item .btn-more {
display: flex;
flex-flow: column;
align-items: center;
justify-content: center;
}
.lnb-recent .btn-more-item .btn-more a {
display: flex;
flex-flow: column;
align-items: center;
justify-content: center;
}
.lnb-recent .btn-more-item .btn-more a .more-arrow-box{
background: #f9f9f9;
display: flex;
justify-content: center;
align-items: center;
width: 7rem;
height: 7rem;
border-radius: 4.5rem;
margin-bottom: 0.7rem;
}
.lnb-recent .btn-more-item .btn-more a .more-arrow-box img{
width: 2rem;
}
.lnb-slider-wrapper {
position: relative;
padding: 0 1.2rem;
border-radius: 3rem;
}
.lnb-slider {
border-radius: 0.4rem;
}
.lnb-slider .img { display:block; height:7.2rem; overflow:hidden; }
.lnb-menu .swiper-slider-page.page {
position: absolute;
right: 1.8rem;
bottom: 0.8rem;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
z-index: 2;
padding: 0.3rem 0.9rem;
background: rgba(0, 0, 0, 0.4);
border-radius: 3rem;
color: #fff;
font-family: Lato;
font-weight: 300;
}
.lnb-main .lnb-util a:after{content:'';display:block;clear:both}
.lnb-main .lnb-util li i{width:1.8rem;height:1.8rem;margin:-0.3rem 0.5rem 0 0;vertical-align:middle}
.lnb-main .lnb-util li i.i1:after{background-position:-1.5rem -2.7rem}
.lnb-main .lnb-util li i.i2:after{background-position:-3.8rem -2.7rem}
.lnb-main .lnb-util li i.i3{width:1.9rem}
.lnb-main .lnb-util li i.i3:after{background-position:-6rem -2.7rem}
.lnb-main .lnb-util li i.i4:after{background-position:-8.4rem -2.7rem}
.lnb-main .lnb-util li .t {
display: inline-block;
float: left;
font-family: 'noto';
line-height: 5rem;
vertical-align: middle;
font-size: 1.4rem;
/*text-decoration: underline;*/
/*text-underline-position: under;*/
}
.lnb-main .lnb-util .t-text {
border-bottom: 1px solid white;
margin-left: 0.7rem;
line-height: 1.7rem;
font-weight: bold;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
max-width: 16rem;
}
.lnb-main .lnb-util .t-text-after {
border-bottom: 1px solid white;
line-height: 1.7rem;
font-weight: bold;
}
.lnb-main .lnb-util li .d{display:inline-block;float:right;text-align:right;font-weight:600;line-height:5rem;vertical-align:middle}
.lnb-main .lnb-menu{padding:2rem 1.5rem 3.2rem}
.lnb-main .lnb-menu .btn-go-brand{display:block;height:4rem;font-size:1.3rem;line-height:4rem;border:0.1rem solid #666;text-align:center;box-sizing:border-box}
.lnb-main .lnb-menu .btn-go-brand i{display:inline-block;position:relative;width:1.3rem;height:1.4rem;margin:-0.1rem 0.2rem 0 0;vertical-align:middle}
.lnb-main .lnb-menu .btn-go-brand i:after{background-position:100% -5rem}
.lnb-main .lnb-menu .btn-go-brand img{ width:1.2rem;vertical-align:middle;margin:-3px 2px 0 0}
.lnb-main .lnb-menu .lnb-tab{margin-top:1.8rem}
.lnb-main .lnb-gmenu{margin-top:0.4rem !important; transition: max-height 0.2s ease-out; }
.lnb-main .lnb-gmenu ul {
width: 100%;
padding-left: 1rem;
}
.lnb-main .lnb-gmenu ul li {
height: 3.7rem;
line-height: 3.7rem;
width: 100%;
}
.lnb-main .lnb-gmenu ul li a{
width: 100%;
}
.lnb-main .lnb-gmenu li:after{content:'';display:block;clear:both}
.lnb-main .lnb-gmenu a{display:block;height:100%;font-size:1.4rem;color:#000}
.lnb-main .lnb-gmenu .ico_home{display:inline-block;position:relative;width:1.4rem;height:1.4rem;margin-top:-0.2rem;vertical-align:middle}
.lnb-main .lnb-gmenu .ico_home:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url(https://static.balaan.co.kr/mobile/img/ico/ico_common2.png) no-repeat -14.4rem -2.7rem / 32rem}
.lnb-main .lnb-gmenu .btn_sub{float:left; vertical-align:top}
.lnb-main .lnb-gmenu .btn_go{position:relative;float:right;width:2.6rem;vertical-align:top}
.lnb-main .lnb-gmenu .btn_go:after{content:'';display:inline-block;position:absolute;right:1.2rem;top:50%;padding:0.4rem;margin-top:-0.5rem;border:solid #c1c1c1;border-width:0.1rem 0.1rem 0 0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.lnb-main .lnb-event {
position: relative;
padding: 0 1rem;
margin-top: 1rem !important; /*border-top:0.1rem solid #dedede;*/
}
.lnb-main .lnb-event:before{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:0.1rem;background:#dedede;transform:scaleX(0);transform-origin:10% top;transition-duration:.8s}
.lnb-main .lnb-event .tit{padding:1rem 0 0.2rem;font-weight:400;font-size:1.4rem;line-height:2.78rem}
.lnb-main .lnb-event li a{display:block;height:2.75rem;font-weight:300;font-size:1.2rem;line-height:2.75rem;color:#000}
.lnb-main .lnb-event li a .n{margin-left:0.2rem;font-weight:500;font-size:1rem;color:#f30e5c}
.lnb-sub{display:none;position:absolute;z-index:400;left:100%;top:0;width:100%;height:100%;margin-left:0.1rem;background:#fff;font-family:'hs','noto';transition:left .4s}
.gd-open .lnb-sub{display:block}
.lnb-sub.active{left:0;margin-left:0;z-index:10000000099;}
.lnb-sub button{padding:0;background:none;border:0}
.lnb-sub .lnb-top{position:-webkit-sticky;position:sticky;left:0;top:0;width:100%;height:5rem;border-bottom:0.1rem solid #dedede;font-family:'hs';background:#fff;z-index:500;box-sizing:border-box}
.lnb-sub .lnb-top .nav-back{width:4.8rem;height:100%}
.lnb-sub .lnb-top .nav-back:after{top:50%;left:50%;width:1.5rem;height:1.5rem;margin:-0.75rem 0 0 -0.75rem;background-position:-12.4rem -2.7rem}
.lnb-sub .lnb-top .nav-title{display:inline-block;font-size:1.5rem;line-height:5.3rem;vertical-align:top}
.lnb-sub .lnb-top .nav-title .n{display:inline-block;margin-left:0.8rem;font-size:1.1rem;color:#999;vertical-align:middle}
.lnb-sub .lnb-con{overflow-y:auto;left:0;top:0;width:100%;height:calc(100% - 5rem);box-sizing:border-box;-webkit-overflow-scrolling:touch}
.lnb-category .lnb-cate-menu .item:after{content:'';display:block;clear:both}
.lnb-category .lnb-cate-menu .go-back{float:left;position:relative;width:5rem;height:5rem;line-height:5rem;vertical-align:top}
.lnb-category .lnb-cate-menu .go-back i {
display: block;
position: absolute;
top: 50%;
left: 50%;
width: 1.6rem;
height: 1.6rem;
margin: -0.8rem 0 0 -0.9rem;
}
.lnb-category .lnb-cate-menu .go-back i:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url(https://static.balaan.co.kr/mobile/img/ico/ico_common2.png) no-repeat -28.5rem 0 / 32rem}
.lnb-category .lnb-cate-menu .cate{float:left;position:relative;width:calc(100% - 10rem);height:5rem;padding-top:0.1rem;text-align:left;font-size:1.3rem;line-height:5rem;vertical-align:top;box-sizing:border-box}
.lnb-category .lnb-cate-menu .cate .n{display:inline-block;margin-left:0.8rem;font-size:1rem;color:#999;vertical-align:middle}
.lnb-category .lnb-cate-menu .cate.current{font-weight:600}
.lnb-category .lnb-cate-menu .go-link{position:absolute;top:50%;left:84%;width:5.6rem;height:3rem;border:0.1rem solid #dedede;background:#fff;box-sizing:border-box;transform:translate(-50%,-50%)}
.lnb-category .lnb-cate-menu .go-link:after{content:'';position:absolute;top:50%;left:50%;width:3.4rem;height:0.9rem;margin:-0.45rem 0 0 -1.7rem;background:url(https://static.balaan.co.kr/mobile/img/ico/ico_common2.png) no-repeat -26.5rem -2.7rem/ 32rem}
.lnb-category .lnb-cate-menu .cate-dep2{background:#f6f6f6}
.lnb-category .lnb-cate-menu .s-menu{overflow:hidden;position:relative;transform-origin:center top;transition:transform .4s ease-out}
.lnb-category .lnb-cate-menu .s-menu.animated-obj{transform:scaleY(0)}
.lnb-category .lnb-cate-menu .s-list{overflow:hidden;margin-top:-5rem}
.lnb-category .lnb-cate-menu .s-list .item{padding-left:5rem}
.lnb-category .lnb-cate-menu .s-list .cate{width:100%}
.lnb-category .lnb-cate-menu .current-item{overflow:hidden;position:relative;z-index:5;background:#f6f6f6;border-top:0.1rem solid #fff;height:;box-sizing:border-box;transition-duration:.5s;transform:translateY(-100%)}
.lnb-category .lnb-cate-menu .selected .current-item{height:auto;transform:translateY(0)}
.lnb-category .lnb-cate-menu .selected .s-list{left:0;top:0;width:100%}
.lnb-brand .animated_obj{transition:.4s ease;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;opacity:0;transform:translate(0,1.5rem)}
.lnb-brand .animated_obj1{transition-delay:.2s}
.lnb-brand .animated_obj2{transition-delay:.25s}
.lnb-brand .animated_obj3{transition-delay:.3s}
.lnb-brand .animated_obj4{transition-delay:.35s}
.lnb-brand .animated_obj5{transition-delay:.4s}
.lnb-brand .lnb-con.ani .animated_obj{opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0)}
.lnb-brand .lnb-con.ani .lnb-brandcon .brd-init{opacity:0;-webkit-transform:translate(0, 1.5rem);transform:translate(0, 1.5rem);transition-delay:unset}
.lnb-brand .lnb-con.ani .lnb-brandcon.visible .brd-init{opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0)}
.lnb-brand .scharea{padding:2.6rem 1.5rem 0rem}
.lnb-brand .scharea .searchWrap{position:relative}
.lnb-brand .scharea .inp_search{height:4rem;margin-top:2rem;border-bottom:0.1rem solid #000;box-sizing:border-box}
.lnb-brand .scharea .inp_search:after{content:'';display:block;clear:both}
.lnb-brand .scharea .inp_search input{float:left;width:calc(100% - 3.5rem);height:100%;padding:0;vertical-align:top;font-size:1.3rem;line-height:3.8rem;color:#222;border:0;outline:none;box-sizing:border-box}
.lnb-brand .scharea .inp_search input::placeholder{color:#ccc}
.lnb-brand .scharea .inp_search .inpClear{position:relative;float:left;width:1.5rem;height:100%;border:0;opacity:0;transition-duration:.3s}
.lnb-brand .scharea .inp_search .inpClear i{position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;margin:-0.8em 0 0 -0.8rem}
.lnb-brand .scharea .inp_search .inpClear i:after{background-position:100% 0}
.lnb-brand .scharea .inp_search .inpClear.on{opacity:1}
.lnb-brand .scharea .inp_search .searchAll{position:relative;float:left;width:2rem;height:100%;line-height:3.8rem;vertical-align:top}
.lnb-brand .scharea .inp_search .searchAll span{font-size:0;color:transparent}
.lnb-brand .scharea .inp_search .searchAll:after{top:50%;width:1.5rem;height:1.6rem;margin-top:-0.8rem;background-position:-28.8rem -5rem}
.lnb-brand .scharea .prv_search{display:none;width:100%;padding-top:1.5rem;background:#fff;-webkit-overflow-scrolling:touch;box-sizing:border-box}
.lnb-brand .scharea .prv_search .nodata{padding:0.8rem 0 5rem;text-align:center;font-size:1.2rem;line-height:2.4rem;transform:translateY(1rem);opacity:0;transition-duration:.6s}
.lnb-brand .scharea .prv_search.visible .nodata{transform:translate(0);opacity:1}
.lnb-brand .scharea .prv_search .nodata .keyword{font-size:1.5rem}
.lnb-brand .scharea .prv_search .nodata .keyword span{font-weight:600}
.lnb-brand .lnb-brandcon{display:none;position:relative;padding:2rem 1.5rem 3rem}
.lnb-brand .lnb-brandcon.visible{display:block}
.lnb-brand .lnb-brandcon .update{padding:0 0 1rem;text-align:center;font-size:1.1rem;color:#999}
.lnb-brand .brd-init{position:absolute;left:0;top:1.5rem;width:100%;padding:0 1.5rem 2rem;z-index:500;/*margin-bottom:4rem;*/border-bottom:0.1rem solid #e5e5e5;background:#fff;opacity:0;transition:transform .5s, opacity .5s;box-sizing:border-box}
.lnb-brand .brd-init:after{content:'';display:block;clear:both}
.lnb-brand.active .brd-init.fixed{position:fixed;left:0;top:5rem;width:84.4%}
.lnb-brand .brd-init button{display:block;float:left;width:12.4%;height:3rem;margin-top:0.5rem;margin-left:2.2%;font-size:1.1rem;border:0.1rem solid #fff;box-sizing:border-box}
.lnb-brand .brd-init button:nth-child(7n+1){margin-left:0}
.lnb-brand .brd-init button.on{border-color:#000}
.lnb-brand .brd-init button.lk{background:url(https://static.balaan.co.kr/mobile/img/offcanvas/ico_btn_like.png) no-repeat center center / cover}
.lnb-brand .brd-list-wrap{margin-top:19rem}
.lnb-brand .brd-list-wrap .nodata{padding:0.4rem 0 5rem;text-align:center;transform:translateY(1rem);opacity:0;transition-duration:.6s}
.lnb-brand .brd-list-wrap .nodata.show{transform:translateY(0);opacity:1}
.lnb-brand .brd-list-wrap .nodata i{display:inline-block;width:1.6rem;height:1.5rem;background:url(https://static.balaan.co.kr/mobile/img/offcanvas/ico_brand_like_on.png) no-repeat center center / contain}
.lnb-brand .brd-list-wrap .nodata p{margin-top:1rem;font-size:1.2rem}
.lnb-brand .brd-list{overflow:hidden;position:relative;font-weight:500}
.lnb-brand .brd-list .initial{position:absolute;left:1rem;top:0;font-weight:600;font-size:2.2rem;line-height:1;transition-duration:.5s;opacity:0}
.lnb-brandcon.visible .brd-list .initial{opacity:1}
.lnb-brand .brd-list li{margin-bottom:1.5rem;font-weight:500}
.lnb-brand .brd-list li:after{content:'';display:block;clear:both}
.lnb-brand .brd-list .n{float:left;position:relative;width:4.5rem;padding-left:2.8rem;font-size:1.1rem;line-height:1.5rem;vertical-align:top;box-sizing:border-box}
.lnb-brand .brd-list .n:before{content:'';display:block;position:absolute;left:1rem;top:50%;width:0.7rem;height:0.1rem;margin-top:-0.1rem;background:#666}
.lnb-brand .brd-list .up:before{width:0;height:0;margin-top:-0.3rem;border-left:0.4rem solid transparent;border-right:0.4rem solid transparent;border-bottom:0.5rem solid #c11628;background:transparent}
.lnb-brand .brd-list .down:before{width:0;height:0;margin-top:-0.3rem;border-left:0.4rem solid transparent;border-right:0.4rem solid transparent;border-top:0.5rem solid #666;background:transparent}
.lnb-brand .brd-list .name{float:left;width:calc(100% - 7rem);font-size:1.3rem;line-height:1.5rem;color:#666;vertical-align:top;word-wrap:break-word;word-break:keep-all}
.lnb-brand .brd-list .name a{display:block}
.lnb-brand .brd-list .name span{color:#000}
.lnb-brand .brd-list .name .ko{display:block;font-weight:400;font-size:0.9rem;color:#aaa}
.lnb-brand .brd-list .btn-like{display:block;float:right;position:relative;width:2.5rem;height:3.5rem}
.lnb-brand .brd-list .btn-like i{position:absolute;left:0;top:0;width:1.6rem;height:1.5rem;background:url(https://static.balaan.co.kr/mobile/img/offcanvas/ico_brand_like.png) no-repeat center top / contain}
.lnb-brand .brd-list .like-item .btn-like i{background-image:url(https://static.balaan.co.kr/mobile/img/offcanvas/ico_brand_like_on.png)}
.lnb-brand .brd-list .abc-list li{padding-left:4.5rem}
.lnb-brand .brd-list .abc-list .name{width:calc(100% - 3rem)}
.lnb-brand .brd-list .prv-list li{padding-left:1rem}
.lnb-brand .brd-list .prv-list li:last-child{margin-bottom:0}
.lnb-brand .brd-list .prv-list .name span{font-weight:1000}
/* animation */
.lnb-tabcon .lnb-gmenu li{opacity:0;transform:translateY(1.5rem)}
.lnb-tabcon .lnb-gmenu li:nth-child(1){transition-delay:.05s}
.lnb-tabcon .lnb-gmenu li:nth-child(2){transition-delay:.1s}
.lnb-tabcon .lnb-gmenu li:nth-child(3){transition-delay:.15s}
.lnb-tabcon .lnb-gmenu li:nth-child(4){transition-delay:.2s}
.lnb-tabcon .lnb-gmenu li:nth-child(5){transition-delay:.25s}
.lnb-tabcon .lnb-gmenu li:nth-child(6){transition-delay:.3s}
.lnb-tabcon .lnb-gmenu li:nth-child(7){transition-delay:.35s}
.lnb-tabcon .lnb-gmenu li:nth-child(8){transition-delay:.4s}
.lnb-tabcon .lnb-gmenu li:nth-child(9){transition-delay:.45s}
.lnb-tabcon .lnb-gmenu li:nth-child(10){transition-delay:.5s}
.lnb-tabcon .lnb-gmenu li:nth-child(11){transition-delay:.55s}
.lnb-tabcon .lnb-gmenu li:nth-child(12){transition-delay:.6s}
.lnb-tabcon .lnb-gmenu li:nth-child(13){transition-delay:.65s}
.lnb-tabcon .lnb-gmenu li:nth-child(14){transition-delay:.7s}
.lnb-tabcon .lnb-gmenu li:nth-child(15){transition-delay:.75s}
.lnb-tabcon .lnb-gmenu li:nth-child(16){transition-delay:.8s}
.lnb-tabcon .lnb-gmenu li:nth-child(17){transition-delay:.85s}
.lnb-tabcon .lnb-gmenu li:nth-child(18){transition-delay:.9s}
.lnb-tabcon .lnb-gmenu li:nth-child(19){transition-delay:.95s}
.lnb-tabcon .lnb-gmenu li:nth-child(20){transition-delay:1s}
.lnb-tabcon .lnb-gmenu li:last-child a.is-sale{color:#bd081c}
.lnb-tabcon .lnb-page li {
opacity: 0;
transform: translateY(1.5rem)
}
.lnb-page ul {
padding: 1rem 2rem;
border-top: 1px solid #eee;
}
.lnb-page li {
height: 4rem;
line-height: 4rem;
width: auto;
}
.lnb-item2 {
padding: 0 2rem;
}
.lnb-gender-box .lnb-women, .lnb-gender-box .lnb-men, .lnb-gender-box .lnb-item2 {
opacity: 0;
transform: translateY(1.5rem);
}
.lnb-gender-box.visible .lnb-women, .lnb-gender-box.visible .lnb-men, .lnb-gender-box.visible .lnb-item2 {
opacity: 1;
transform: translateY(0);
transition-duration: 1s;
}
.lnb-item2.contemporary {
display: flex;
justify-content: space-between;
align-items: center;
padding-right: 1.7rem;
height: 5.1rem;
}
.lnb-item2.contemporary .arrow-img {
font-size: 0;
}
.lnb-item2.contemporary .arrow-img img {
width: 1.6rem;
}
#review-row {
position: relative;
}
#review-row a {
display: flex;
}
#event-row a {
display: flex;
}
.lnb-page.android #review-row:after {
margin-left: 2.7rem;
top: 1rem;
}
#event-row {
position: relative;
}
.lnb-page li a {
display: block;
height: 100%;
font-size: 1.4rem;
color: #000;
font-weight: 600;
width: 100%;
position: relative;
}
.lnb-page li a.red-dot span:after {
content: '';
background-color: #bd083d;
width: 0.3rem;
position: absolute;
height: 0.3rem;
border-radius: 3rem;
top: 1.1rem;
margin-left: 0.1rem;
}
.lnb-event .tit_wrap a {
display: block;
position: absolute;
right: 0;
top: 14%;
transform: translateY(-50%);
font-size: 1.1rem;
line-height: normal;
text-align: right;
color: #666666;
text-decoration: underline;
}
.lnb-tabcon .lnb-event .tit,
.lnb-tabcon .lnb-event li{opacity:0;transform:translateY(1rem)}
.lnb-tabcon .lnb-event .tit{transition-delay:.35s}
.lnb-tabcon .lnb-event li:nth-child(1){transition-delay:.4s}
.lnb-tabcon .lnb-event li:nth-child(2){transition-delay:.45s}
.lnb-tabcon .lnb-event li:nth-child(3){transition-delay:.5s}
.lnb-tabcon .lnb-event li:nth-child(4){transition-delay:.55s}
.lnb-tabcon .lnb-event li:nth-child(5){transition-delay:.6s}
.gd-open .lnb-tabcon.visible .lnb-gmenu li{opacity:1;transform:translateY(0);transition-duration:.6s}
.gd-open .lnb-tabcon.visible .lnb-event:before{transform:scaleX(1);transition-delay:.3s}
.gd-open .lnb-tabcon.visible .lnb-event .tit,
.gd-open .lnb-tabcon.visible .lnb-event li{opacity:1;transform:translateY(0);transition-duration:.6s}
.lnb-cate-menu .item{opacity:0;transform:translateY(2rem);transition-duration:.3s}
.lnb-cate-menu .item:nth-child(1){transition-delay:.05s}
.lnb-cate-menu .item:nth-child(2){transition-delay:.1s}
.lnb-cate-menu .item:nth-child(3){transition-delay:.15s}
.lnb-cate-menu .item:nth-child(4){transition-delay:.2s}
.lnb-cate-menu .item:nth-child(5){transition-delay:.25s}
.lnb-cate-menu .item:nth-child(6){transition-delay:.3s}
.lnb-cate-menu .item:nth-child(7){transition-delay:.35s}
.lnb-cate-menu .item:nth-child(8){transition-delay:.4s}
.lnb-cate-menu .item:nth-child(9){transition-delay:.45s}
.lnb-cate-menu .item:nth-child(10){transition-delay:.5s}
.lnb-cate-menu .item:nth-child(11){transition-delay:.55s}
.lnb-cate-menu .item:nth-child(12){transition-delay:.6s}
.lnb-cate-menu .item:nth-child(13){transition-delay:.65s}
.lnb-cate-menu .item:nth-child(14){transition-delay:.7s}
.lnb-cate-menu .item:nth-child(15){transition-delay:.75s}
.lnb-cate-menu .item:nth-child(16){transition-delay:.8s}
.lnb-cate-menu .item:nth-child(17){transition-delay:.85s}
.lnb-cate-menu .item:nth-child(18){transition-delay:.9s}
.lnb-cate-menu .item:nth-child(19){transition-delay:.95s}
.lnb-cate-menu .item:nth-child(20){transition-delay:1s}
.active .lnb-cate-menu .cate-dep2 .item,
.lnb-cate-menu .s-menu.animated .item{opacity:1;transform:translateY(0);transition-duration:.6s;border-bottom:1px solid #f6f6f6}
.lnb-brand .brd-list li{opacity:0;transform:translateY(1rem);transition-duration:.3s}
.lnb-brand .brd-list li:nth-child(1){transition-delay:.1s}
.lnb-brand .brd-list li:nth-child(2){transition-delay:.15s}
.lnb-brand .brd-list li:nth-child(3){transition-delay:.2s}
.lnb-brand .brd-list li:nth-child(4){transition-delay:.25s}
.lnb-brand .brd-list li:nth-child(5){transition-delay:.3s}
.lnb-brand .brd-list li:nth-child(6){transition-delay:.35s}
.lnb-brand .brd-list li:nth-child(7){transition-delay:.4s}
.lnb-brand .brd-list li:nth-child(8){transition-delay:.45s}
.lnb-brand .brd-list li:nth-child(9){transition-delay:.5s}
.lnb-brand .brd-list li:nth-child(10){transition-delay:.55s}
.lnb-brand .brd-list li:nth-child(11){transition-delay:.6s}
.lnb-brand .brd-list li:nth-child(12){transition-delay:.65s}
.lnb-brand .brd-list li:nth-child(13){transition-delay:.7s}
.lnb-brand .brd-list li:nth-child(14){transition-delay:.75s}
.lnb-brand .brd-list li:nth-child(15){transition-delay:.8s}
.lnb-brand .brd-list li:nth-child(16){transition-delay:.85s}
.lnb-brand .brd-list li:nth-child(17){transition-delay:.9s}
.lnb-brand .brd-list li:nth-child(18){transition-delay:.95s}
.lnb-brand .brd-list li:nth-child(19){transition-delay:1s}
.lnb-brand.active .visible .brd-list li{opacity:1;transform:translateY(0)}
/* E : 개발 완료 후 삭제 */
/****** footer ******/
.m_footer{margin-top:3.3rem;padding-bottom:4rem;text-align:center;font-family:'hs','noto';background:#fff}
.main .m_footer{margin-top:0}
.member_join h3{text-align:center;background:#f6f6f6}
.member_join h3 button{display:block;position:relative;width:100%;height:7rem;font-size:1.3rem;line-height:1.9rem;letter-spacing:-0.05rem}
.member_join h3 button i{display:block;position:absolute;right:0.3rem;top:50%;margin-top:-2rem;width:4rem;height:4rem}
.member_join h3 button i:before{content:'';position:absolute;top:50%;left:50%;width:1.4rem;height:0.1rem;margin:-0.05rem 0 0 -0.7rem;background:#000}
.member_join h3 button i:after{content:'';position:absolute;top:50%;left:50%;width:0.1rem;height:1.4rem;margin:-0.7rem 0 0 -0.05rem;background:#000;transition:all linear .3s}
.member_join h3 button.open i:after{transform:scaleY(0)}
.member_join h3 em{font-weight:500}
.member_join .join_list li{border-bottom:0.1rem solid #dedede}
.member_join .join_list li a{display:block;height:5rem;font-size:1.3rem;text-align:center;line-height:5.2rem;letter-spacing:-0.05rem}
.member_join .join_list li i{width:1.9rem;height:1.9rem;margin:-0.2rem 0.8rem 0 0;vertical-align:middle}
.member_join .join_list li i:after{top:50%;left:50%}
.member_join .join_list li i.ico_naver:after{width:1.4rem;height:1.3rem;margin:-0.65rem 0 0 -0.7rem;background-position:-20.2rem -2.7rem}
.member_join .join_list li i.ico_kakao:after{width:1.5rem;height:1.5rem;margin:-0.75rem 0 0 -0.75rem;background-position:-22.1rem -2.7rem}
.member_join .join_list li i.ico_fb:after{width:0.8rem;height:1.7rem;margin:-0.85rem 0 0 -0.4rem;background-position:-24.1rem -2.7rem}
.m_footer .cs_center:first-child{border-top:0.1rem solid #dedede}
.cs_center{text-align:center}
.cs_center .foot_menu:after{content:'';display:block;clear:both}
.cs_center .foot_menu li{position:relative;float:left;width:33.33%;font-size: 1.2rem;line-height:3.3rem;letter-spacing:-0.05rem;border-left:0.1rem solid #dedede;border-bottom:0.1rem solid #dedede ;box-sizing:border-box}
.cs_center .foot_menu li:first-child{border-left:none}
.cs_center .foot_menu li a{display:block}
.cs_center .cs_top{padding:3rem 0 2.3rem}
.cs_center .cs_top .logo{width:10.6rem;height:2.1rem;margin:0 auto}
.cs_center .cs_top .logo:after{background-position:0 -5rem}
.cs_center .cs_top .help{margin-top:1.8rem;font-size:1.3rem;line-height:1.6rem;color:#000}
.cs_center .cs_top .time{margin-top:0.6rem;font-size:1.1rem;line-height:1.3rem;color:#999}
.cs_center .cs_list{border:solid #dedede;border-width:0.1rem 0}
.cs_center .cs_list ul:after{content:'';display:block;clear:both}
.cs_center .cs_list li{float:left;width:33.3%;text-align:center;font-size:1.1rem;line-height:1.3rem;box-sizing:border-box}
.cs_center .cs_list li.kakao{border:solid #dedede;border-width:0 0.1rem 0 0.1rem}
.cs_center .cs_list li a{display:block;padding:1.15rem 0 1.7rem}
.cs_center .cs_list li i{display:block;width:4em;height:4rem;margin:0 auto 0.4rem}
.cs_center .cs_list li i:after{top:50%;left:50%}
.cs_center .cs_list li.tel i:after{width:2.9rem;height:3rem;margin:-1.5rem 0 0 -1.45rem;background-position:-11.1rem -5rem}
.cs_center .cs_list li.kakao i:after{width:3.2rem;height:3.2rem;margin:-1.6rem 0 0 -1.6rem;background-position:-14.5rem -5rem}
.cs_center .cs_list li.chat i:after{width:3rem;height:2.6rem;margin:-1.3rem 0 0 -1.5rem;background-position:-18.2rem -5rem}
.m_footer .foot_b{padding-top:2rem}
.m_footer .address{font-size:1rem;line-height:1.8rem;color:#999;font-style:normal}
.m_footer .address p + p{margin-top:0.1rem}
.m_footer .address a{color:#999}
.m_footer .address .link{text-decoration:underline}
.m_footer .address .en{font-size:1.1rem}
.m_footer .foot_link{margin-top:1.6rem}
.m_footer .foot_link li{display:inline-block;position:relative;padding:0 1rem 0 1.3rem;vertical-align:top;font-size:1rem;line-height:2.2rem}
.m_footer .foot_link li:before{content:'';display:block;position:absolute;left:0;top:50%;margin-top:-0.5rem;width:0.1rem;height:1rem;background:#999}
.m_footer .foot_link li:first-child:before{display:none}
.m_footer .foot_link li a{text-decoration:underline}
.m_footer .copyright{margin-top:1.7rem;font-size:1.2rem;line-height:1.8rem;color:#999}
/****** new member coupon(eventCoupon.css) ******/
.quickCoupon{position:fixed;z-index:-1;left:0;bottom:0;width:100%;height:22.5rem;visibility:hidden;font-family:'hs','noto';box-sizing:border-box}
.quickCoupon .bg{position:absolute;z-index:1;left:0;top:0;right:0;bottom:0;background:rgba(255,255,255,0);opacity:0;transition:opacity .3s}
.quickCoupon .quickWrap{position:absolute;z-index:2;left:0;bottom:0;width:100%;box-sizing:border-box;transform:translateY(110%);transition:.3s}
.quickCoupon .quickWrap .closeQuickShop{display:block;position:absolute;left:50%;top:-1.3rem;width:4rem;height:1.4rem;margin-left:-2rem;border-radius:0.1rem;background:#fff}
.quickCoupon .quickWrap .closeQuickShop i{display:block;position:absolute;left:50%;top:0.6rem;width:0;height:0;margin-left:-0.5rem;border-left:0.5rem solid transparent;border-right:0.5rem solid transparent;border-top:0.5rem solid #000}
.quickCoupon .opt_top{position:relative;padding-bottom:1rem}
.quickCoupon .opt_top .price{font-weight:500;font-size:1.4rem;line-height:2rem}
.quickCoupon .opt_top .price span{display:inline-block;vertical-align:middle;font-weight:700;font-size:1.9rem}
.quickCoupon .opt_top .chk{position:absolute;right:0;top:0.4rem;font-size:1rem;line-height:1.2rem;color:#bd081c}
.quickCoupon .opt_top .chk i{display:inline-block;vertical-align:middle;width:1.2rem;height:1.2rem;margin-top:-0.2rem;text-align:center;font-style:normal;font-weight:500;color:#fff;background:#bd081c;border-radius:50%}
.quickCoupon .opt_help{display:none;padding:2rem 0 2.5rem;text-align:center}
.quickCoupon .opt_naverpay{display:none;padding:2rem}
.quickCoupon.show{visibility:visible;z-index:10000001}
.quickCoupon.show .bg.on{opacity:1}
.quickCoupon.show .quickWrap.on{transform:translateY(0);height:22.5rem}
.btn_closeViewCoupon{display:block;position:fixed;z-index:10001;right:0;bottom:17.5rem;padding:0;width:5rem;height:5rem;visibility:hidden;border-radius:50%;border:0;background:transparent;opacity:0;transition:all .3s ease-in-out;background:url(https://static.balaan.co.kr/mobile/img/button/btnCloseEventCoupon.png) no-repeat 50% 50%;background-size:60px}
.btn_closeViewCoupon.show{visibility:visible;opacity:1;transition-delay:.3s;z-index:100000001}
.btn_closeViewCoupon:before,
.btn_closeViewCoupon:after{display:block;position:absolute;left:50%;top:50%;width:2.2rem;height:0.1rem;margin-left:-1rem;background:#fff}
.btn_closeViewCoupon:before{transform:rotate(45deg)}
.btn_closeViewCoupon:after{transform:rotate(-45deg)}
.btn_closeViewCouponToday{display:block;position:fixed;z-index:10001;left:0;bottom:21.5rem;padding:0;width:20rem;height:4.5rem;visibility:hidden;border-radius:50%;border:0;background:transparent;opacity:0;transition:all .3s ease-in-out;background:url(https://static.balaan.co.kr/mobile/img/button/btnCloseToday.png) no-repeat;background-size:150px}
.btn_closeViewCouponToday.show{visibility:visible;opacity:1;transition-delay:.3s;z-index:100000001}
.btn_closeViewCouponToday:before,
.btn_closeViewCouponToday:after{display:block;position:absolute;left:50%;top:50%;width:2.2rem;height:0.1rem;margin-left:-1rem;background:#fff}
.btn_closeViewCouponToday:before{transform:rotate(45deg)}
.btn_closeViewCouponToday:after{transform:rotate(-45deg)}
.btn_closeViewCouponToday .blind-txt{overflow:hidden;visibility:hidden;position:absolute;width:0;height:0;font-size:0;line-height:0}
/****** layer popup ******/
.lyArea{display:none;overflow:hidden;overflow-y:auto;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;min-width:320px;word-wrap:break-word;word-break:keep-all;font-family:'hs','noto';background:rgba(0,0,0,.5);-webkit-overflow-scrolling:touch;box-sizing:border-box;z-index:100000001}
.lyArea .lyBox{position:absolute;left:1.5rem;top:50%;width:calc(100% - 3rem);max-height:calc(100% - 3rem);transform:translateY(-50%);-webkit-overflow-scrolling:touch}
.lyArea .lyBox.fixtop{left:0;top:0;width:100%;height:100%;max-height:none;transform:translateY(0)}
.lyArea .lyBox.fixtop .lyWrap{margin-bottom:5rem}
.lyArea .lyWrap{position:relative;padding:0 1rem;background:#fff}
.lyArea .lyHeader{position:-webkit-sticky;position:sticky;z-index:100;left:1rem;top:0;width:100%;height:4rem;padding:0 1rem;border-bottom:0.1rem solid #000;background:#fff;box-sizing:border-box}
.lyArea .lyHeader.noBorder{border-bottom:0}
.lyArea .lyHeader h4{display:inline-block;height:5rem;padding-left:0.4rem;font-weight:500;font-size:1.3rem;line-height:4rem;vertical-align:middle}
.lyArea .lyClose{display:block;position:absolute;right:0;top:0;width:4rem;height:4rem;text-align:center;font-weight:400;box-sizing:border-box}
.lyArea .lyClose:before,
.lyArea .lyClose:after{content:'';display:block;clear:both}
.lyArea .lyClose i,
.lyPage .lyClose i.ico_close{display:block;position:relative;width:4rem;height:4rem}
.lyArea .lyClose i:after,
.lyPage .lyClose i.ico_close:after{top:50%;left:50%;width:1.7rem;height:1.7rem;margin:-0.85rem 0 0 -0.85rem;background-position:-23.8rem -5rem}
.lyArea .lyClose.ico_common:after{top:50%;left:50%;width:1.2rem;height:1.2rem;margin:-0.6rem 0 0 -0.6rem;background-position:-25.4rem -2.7rem}
.lyArea .lyBody{padding:0 1rem 3rem}
.lyArea .lySummary{padding:2rem 0;margin-top:1rem;text-align:center;background:#f6f6f6}
.lyArea .lySummary .s{font-size:1rem;line-height:1.5rem}
.lyArea .lySummary .s i{width:1.5rem;height:1.5rem;vertical-align:middle}
.lyArea .lySummary .s .ico_airplane:after{background-position:-13.3rem -2.6rem}
.lyArea .lySummary .s .ico_exchgReturn:after{background-position:-17.9rem -9.3rem}
.lyArea .lySummary .t{margin-top:0.8rem;font-size:2.2rem;line-height:2.5rem}
.lyArea .lySummary .t .en{display:inline-block;vertical-align:top;font-weight:600;font-size:2.5rem}
/* full popup */
#container.lyPage{padding-top:0}
.lyPage{position:relative;font-family:'hs','noto';word-wrap:break-word;word-break:keep-all}
.lyPage .lyHeader{position:-webkit-sticky;position:sticky;z-index:100;left:0;top:0;width:100%;height:5rem;padding:0;background:#fff;box-sizing:border-box}
.lyPage .lyHeader h4{display:inline-block;padding-left:0.4rem;font-weight:500;font-size:1.3rem;line-height:4.9rem}
.lyPage .lyHeader .btn_wrap{position:absolute;right:1.5rem;top:1rem;width:10.7rem}
.lyPage .lyHeader .lyClose{display:inline-block;position:relative;width:5rem;height:5rem}
.lyPage .lyHeader .lyClose:after{top:50%;left:50%;width:1.5rem;height:1.5rem;margin:-0.75rem 0 0 -0.75rem;background-position:-12.4rem -2.7rem}
.lyPage .lyHeader.border{border-bottom:0.1rem solid #dedede}
.lyPage .lyHeader.center{text-align:center;border-bottom:0.1rem solid #dedede}
.lyPage .lyHeader.center h4{padding-left:0}
.lyPage .lyHeader.center .lyClose{position:absolute;top:0;right:0;background:none}
.lyPage .lyHeader.center .lyClose i{margin:0.5rem auto}
.lyPage .lyHeader.center .lyClose:first-child{left:0;right:auto}
.lyPage .lyBody{padding:0 1.5rem 3.5rem}
.lyPage .lyBody.pd0{padding:0}
.lyArea.lyPage{overflow:hidden;position:fixed;z-index:100000001}
.lyArea.lyPage .lyBox.fixtop .lyWrap{min-height:100%;margin-bottom:0}
.lyArea.lyPage .lyBox{left:0;top:0;width:100%;height:100%;max-height:none;transform:translateY(0)}
.lyArea.lyPage .lyWrap{overflow:hidden;overflow-y:auto;height:100%;padding:0;-webkit-overflow-scrolling:touch}
.lyArea.lyPage .lyBody{padding:0 0 3rem}
.lyArea.lyPage .lyBody.pd{padding-left:1.6rem;padding-right:1.6rem}
/****** btn ******/
.btn_wrap .btn{display:inline-block;position:relative;width:100%;padding:0;text-align:center;vertical-align:middle;font-weight:500;letter-spacing:-0.05rem;box-sizing:border-box}
.btn_wrap .btn:first-child{margin-top:0}
.btn_wrap .btn > span{display:block;position:relative;letter-spacing:-0.05rem;white-space:nowrap;z-index:1;box-sizing:border-box}
.btn_wrap .btn > span.fw400{font-weight:400}
.btn_wrap.bChild1{text-align:center}
.btn_wrap.bChild1 .btn{width:50%}
.btn_wrap.bChild2:after{content:'';display:block;clear:both}
.btn_wrap.bChild2 .btn{float:left;width:50%}
.btn_wrap.bChild2 .btn:nth-child(odd){padding-right:0.4rem}
.btn_wrap.bChild2 .btn:nth-child(even){padding-left:0.4rem}
.btn_wrap.bChild2 .btn:nth-of-type(1),
.btn_wrap.bChild2 .btn:nth-of-type(2){margin-top:0}
.btn_wrap .btn.btnType1 span{color:#fff;background:#000;border:0.1rem solid #000;margin-bottom:0.9rem}
.btn_wrap .btn.btnType1.disabled span{color:#999;background:#f6f6f6;border-color:#f6f6f6}
.btn_wrap .btn.btnType2 span{color:#000;background:#fff;border:0.1rem solid #000}
.btn_wrap .btn.btnType3 span{font-weight:300;text-decoration:underline}
.btn_wrap .btn.btnType4 span{color:#fff;background:#999;border:0.1rem solid #999}
.btn_wrap .btn.btnType5 span{color:#fff;background:#ccc;border:0.1rem solid #ccc}
.btn_wrap .btn.btnType5.on span{background:#000;border-color:#000}
.btn_wrap .btn.btnType6 span{color:#999;background:#fff;border:0.1rem solid #999}
.btn_wrap .btnSizeS span{height:3rem;padding:0 1rem;font-size:1.1rem;line-height:2.9rem}
.btn_wrap .btnSizeM span{height:4rem;padding:0 0.8rem;font-size:1.3rem;line-height:4rem;letter-spacing:-0.05rem}
.btn_wrap .btnSizeL span{height:5rem;padding:0 1rem;font-size:1.4rem;line-height:4.8rem}
/****** 이용약관, 개인정보처리방침 ******/
#private,#agreement{padding:1.5rem 1.6rem;line-height:2rem}
#private h2,#agreement h2{margin-bottom:1.5rem;font-size:1.5rem}
@keyframes floating{
0%, 100%{top:4rem}
50%{top:4.2rem}
}
div.gnb_util ul li.s1 a.nav-link-wish.on:after {
background: url(https://static.balaan.co.kr/mobile/img/ico/ico_common3.png) no-repeat;
background-size: 32rem;
background-position: -20.9rem 0 !important;
}
#newgnb .gnb_util li a.nav-link-wish .qty {display: none; }
/* 최상단 픽업준비 완료 베너 */
.pick-banner { background-color:#10069F; }
.pick-banner.hide { display: none !important; }
.pick-banner a { display:flex; position:relative; padding:0.8rem 1.53rem 0.7rem; color:#FFFFFF; font-size:1.2rem; align-items:center; }
.pick-banner a strong { font-weight:bold; }
.pick-banner a img { display:block; width:1.9rem; margin-right:1rem; }
.pick-banner a::after { content:''; display:block; position:absolute; top:1.2rem; right:1.83rem; width:1rem; height:1rem; border:0.1rem solid #FFFFFF; border-top:0; border-left:0; transform:rotate(-45deg); }
/* 사이드메뉴 */
.side-menu-wrap { position: absolute; left:-100%; top:0; width:100%; height:100%; font-family:'hs', 'Lato' !important; background:#FFFFFF; overflow:hidden; overflow-y:auto; transition: left 0.4s; -webkit-overflow-scrolling: touch; z-index:1000000009;}
.side-menu-wrap.open { left:0; }
.side-menu-wrap span { font-family:'hs', 'Lato' !important; }
.side-menu-wrap :lang(en) { font-family:'Lato' !important; }
.snb-wrap { border-bottom:0.7rem solid #F6F6F6; }
.snb-wrap .snb-tit { display:flex; height:5.1rem; padding:0 9rem 0 1.54rem; background:#10069f; align-items:center; }
.snb-wrap .snb-tit [class^='link-'] { display:flex; color:#FFFFFF; font-size:1.4rem; font-weight:bold; }
.snb-wrap .snb-tit .link-mypage { display:none; align-items:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:break-all; }
.snb-wrap .snb-tit .link-mypage .nickname { flex:1; padding-top:0.2rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:break-all; }
.snb-wrap .snb-tit .link-mypage em { display:block; width:2rem; padding-top:0.2rem; text-align:center; }
.snb-wrap .snb-tit [class^='link-']::after { content:''; flex:0 0 auto; display:block; width:1.7rem; height:1.7rem; background:url('https://i.balaan.io/mobile/img/icon/ico_sidemenux2.png') 0 -0.1rem no-repeat; background-size:3.07rem; }
.snb-wrap .snb-tit [class^='btn-'] { display:flex; position:absolute; top:0.5rem; width:4.1rem; height:4.1rem; align-items:center; }
.snb-wrap .snb-tit [class^='btn-']::before { content:''; display:block; width:2.05rem; height:2.05rem; margin:0 auto; background:url('https://i.balaan.io/mobile/img/icon/ico_sidemenux2.png') no-repeat; background-size:3.07rem; }
.snb-wrap .snb-tit .btn-qrcode { display:none; right:4.6rem; }
.snb-wrap .snb-tit .btn-qrcode::before { background-position:-0.1rem -2.5rem; }
.snb-wrap .snb-tit .btn-close { right:0.5rem; }
.snb-wrap .snb-tit .btn-close::before { background-position:-0.1rem -5.3rem; }
/* 로그인 후 snb-wrap 엘리먼트에 logined 클래스 추가 */
.logined .snb-tit .link-login { display:none; }
.logined .snb-tit .link-mypage { display:flex; }
.logined .snb-tit .btn-qrcode { display:block; }
.snb-wrap .snb-container { display:flex; }
.snb-wrap .snb-container [class^='snb-'] { flex:0 0 auto; width:25%; border-right:0.1rem solid #EEEEEE; }
.snb-wrap .snb-container [class^='snb-']:last-child { border:0; }
.snb-wrap .snb-container [class^='link-'] { display:block; position:relative; padding:1.2rem 0; color:#222222; font-size:1.1rem; text-align:center; }
.snb-wrap .snb-container .count { display:none; position:absolute; top:1.2rem; left:4rem; max-width:2.8rem; padding:0 0.5rem; color:#FFFFFF; font-size:0.94rem; background:#10069f; border-radius:0.6rem; line-height:1.2rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:break-all; }
.snb-wrap .snb-container .on { display:block; }
.snb-wrap .snb-container [class^='link-']::before { content:''; display:block; width:2.73rem; height:2.73rem; margin:0 auto; margin-bottom:0.17rem; background-position:center center; background-size:100%; background-repeat:no-repeat; }
.snb-wrap .snb-container .link-delivery::before { background-image:url('https://i.balaan.io/mobile/img/icon/icon-deliver.png'); }
.snb-wrap .snb-container .link-gift::before { background-image:url('https://i.balaan.io/mobile/img/icon/icon-gift-card.png'); }
.snb-wrap .snb-container .link-point::before { background-image:url('https://i.balaan.io/mobile/img/icon/icon-saved-money.png'); }
.snb-wrap .snb-container .link-recent::before { background-image:url('https://i.balaan.io/mobile/img/icon/icon-seen-product.png'); }
.lnb-wrap { }
.lnb-wrap .lnb-tit { border-bottom:0.1rem solid #E5E5E5; }
.lnb-wrap .lnb-tit [class^='header-'] a { display:block; position:relative; padding-left:1.55rem; color:#020202; font-size:1.4rem; font-weight:bold; line-height:5.1rem; }
.lnb-wrap .lnb-tit [class^='header-'] a::after { content:''; display:block; position:absolute; top:1.7rem; right:1.7rem; width:1.7rem; height:1.7rem; background:url('https://i.balaan.io/mobile/img/icon/ico_sidemenux2.png') -0.1rem -22.3rem no-repeat; background-size:3.07rem; }
.lnb-wrap .lnb-category-list { height:0; background:#F6F6F6; transition:all 0.2s ease-out; visibility:hidden; overflow:hidden; }
.lnb-wrap .lnb-category-list li { opacity:0; transform:translateY(1.5rem); transition-duration:0.6s; transition:all 0.2s ease-out; }
.lnb-wrap .lnb-category-list li:first-child { transition-delay:0.05s; }
.lnb-wrap .lnb-category-list li:nth-child(2) { transition-delay:0.1s; }
.lnb-wrap .lnb-category-list li:nth-child(3) { transition-delay:0.15s; }
.lnb-wrap .lnb-category-list li:nth-child(4) { transition-delay:0.2s; }
.lnb-wrap .lnb-category-list li:nth-child(5) { transition-delay:0.25s; }
.lnb-wrap .lnb-category-list li:nth-child(6) { transition-delay:0.3s; }
.lnb-wrap .lnb-category-list li:nth-child(7) { transition-delay:0.35s; }
.lnb-wrap .lnb-category-list li:nth-child(8) { transition-delay:0.4s; }
.lnb-wrap .lnb-category-list li:nth-child(9) { transition-delay:0.45s; }
.lnb-wrap .lnb-category-list li:nth-child(10) { transition-delay:0.5s; }
.lnb-wrap .lnb-category-list li:nth-child(11) { transition-delay:0.55s; }
.lnb-wrap .lnb-category-list li:nth-child(12) { transition-delay:0.6s; }
.lnb-wrap .lnb-category-list li:nth-child(13) { transition-delay:0.65s; }
.lnb-wrap .lnb-category-list li:nth-child(14) { transition-delay:0.7s; }
.lnb-wrap .lnb-category-list li:nth-child(15) { transition-delay:0.75s; }
.lnb-wrap .lnb-category-list li:nth-child(16) { transition-delay:0.8s; }
.lnb-wrap .lnb-category-list li:nth-child(17) { transition-delay:0.85s; }
.lnb-wrap .lnb-category-list li:nth-child(18) { transition-delay:0.9s; }
.lnb-wrap .lnb-category-list li:nth-child(19) { transition-delay:0.95s; }
.lnb-wrap .lnb-category-list li:nth-child(20) { transition-delay:1s; }
.lnb-wrap .lnb-category-list li a { display:block; padding-left:2rem; color:#222222; font-size:1.2rem; font-family:Lato-Regular; line-height:4.26rem; }
.lnb-wrap .lnb-category-list li:first-child a { display:flex; align-items:center; }
.lnb-wrap .lnb-category-list li:first-child a::before { content:''; display:block; width:1.6rem; height:1.6rem; margin:-0.2rem 0.3rem 0 0; background:url('https://i.balaan.io/mobile/img/icon/ico_sidemenux2.png') -0.1rem -41rem no-repeat; background-size:3.07rem; }
.lnb-wrap .lnb-tit .active a::after { background-position:-0.1rem -24.65rem; }
.lnb-wrap .lnb-tit .active + .lnb-category-list { height:auto; visibility:visible; }
.lnb-wrap .lnb-tit .active + .lnb-category-list li { opacity:1; transform:translateY(0); }
.lnb-wrap .lnb-container { margin-top:0.6rem; }
.lnb-wrap .lnb-container [class^='lnb-'] a { display:flex; position:relative; padding-left:1.55rem; color:#222222; font-size:1.4rem; line-height:4.26rem; align-items:center; }
.lnb-wrap .lnb-container [class^='lnb-'] a::before { content:''; display:block; width:2.05rem; height:2.05rem; margin-right:0.7rem; background:url('https://i.balaan.io/mobile/img/icon/ico_sidemenux2.png') no-repeat; background-size:3rem; }
.lnb-wrap .lnb-container [class^='lnb-'] a span { position:relative; }
.lnb-wrap .lnb-container [class^='lnb-'] a em { margin-left:0.5rem; }
.lnb-wrap .lnb-container [class^='lnb-'] a em.txt-red { color:#BD083D; }
.lnb-wrap .lnb-container [class^='lnb-'] a span::after { display:none; content:''; position:absolute; top:1rem; right:-0.35rem; width:0.35rem; height:0.35rem; background:#bd083d; border-radius:0.2rem; }
.lnb-wrap .lnb-container .lnb-brand a::before { background-position:-0.1rem -26.4rem; }
.lnb-wrap .lnb-container .lnb-rank a::before { background-position:-0.1rem -29.2rem; }
.lnb-wrap .lnb-container .lnb-lowst a::before { background-position:-0.1rem -31.8rem; }
.lnb-wrap .lnb-container .lnb-shopping a::before { background-image:url('https://i.balaan.io/mobile/img/icon/icon-sale-24-old.svg'); background-size:2.05rem 2.05rem; background-position:center center; }
.lnb-wrap .lnb-container .lnb-customer a::before { background-position:-0.1rem -37.3rem; }
.side-menu-wrap .side-banner { position:relative; height:7.2rem; padding:0.43rem 1.2rem 1.2rem; overflow:hidden; }
.side-menu-wrap .side-banner > div { display:block; width:100%; border-radius:0.4rem; overflow:hidden; }
.side-menu-wrap .side-banner .img { height:7.2rem; overflow:hidden; }
.side-menu-wrap .side-banner img { display:block; width:100%; }
.side-menu-wrap .side-banner .page { display:flex; position:absolute; right:1.8rem; bottom:1.8rem; padding:0.3rem 0.9rem; color:#FFFFFF; font-family:Lato; background:rgba(0,0,0,0.4); border-radius:3rem; justify-content:center; align-items:center; font-weight:300; z-index:2; }
.lnb-category-wrap { position:absolute; top:0; left:100%; width:100%; height:100%; margin-left:0.1rem; background:#FFFFFF; transition:left 0.4s; }
.lnb-category-wrap .lnb-category-tit { border-bottom:0.1rem solid #DEDEDE; }
.lnb-category-wrap .lnb-category-tit .header-h2 { display:flex; height:5.1rem; padding-left:5.1rem; font-size:1.5rem; align-items:center; }
.lnb-category-wrap .lnb-category-tit .btn-back { display:flex; position:absolute; top:0; left:0; width:5.1rem; height:5.1rem; align-items:center; }
.lnb-category-wrap .lnb-category-tit .btn-back::before { content:''; display:block; width:2.05rem; height:2.05rem; margin:0 auto; background:url('https://static.balaan.co.kr/mobile/img/ico/ico_common2.png') -12.4rem -2.6rem no-repeat; background-size:32rem; }
.lnb-category-wrap .lnb-category-cont { font-size:1.3rem; }
.lnb-category-wrap .lnb-category-cont .header-h3 { display:flex; position:relative; height:4.2rem; padding-left:4rem; background:#F6F6F6; align-items:center; }
.lnb-category-wrap .lnb-category-cont .header-h3 .btn-back { display:flex; position:absolute; top:0; left:0; width:4.2rem; height:4.2rem; align-items:center; }
.lnb-category-wrap .lnb-category-cont .header-h3 .btn-back::before { content:''; display:block; width:1.6rem; height:1.6rem; margin:0 auto; background:url('https://static.balaan.co.kr/mobile/img/ico/ico_common2.png') -28.5rem 0 no-repeat; background-size:32rem; }
.lnb-category-wrap .lnb-category-cont .lnb-category { overflow-y:auto; }
.lnb-category-wrap .lnb-category-cont .lnb-category li { display:flex; padding:0 1.5rem 0 4rem; border-bottom:0.1rem solid #F6F6F6; justify-content:space-between; align-items:center; }
.lnb-category-wrap .lnb-category-cont .lnb-category li .category { display:flex; height:4.2rem; align-items:center; }
.lnb-category-wrap .lnb-category-cont .lnb-category li .category .txt { flex:0 0 auto; display:block; max-width:15rem; color:#000000; font-size:1.3rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:break-all; }
.lnb-category-wrap .lnb-category-cont .lnb-category li .category .count { flex:0 0 auto; max-width:4.5rem; margin-left:0.8rem; font-size:1rem; color:#999999; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:break-all; }
.lnb-category-wrap .lnb-category-cont .lnb-category li .btn-all { display:flex; width:5rem; height:3rem; color:#666666; font-size:1rem; border:0.1rem solid #DEDEDE; background:#FFFFFF; align-items:center; justify-content:center; }
.lnb-on .lnb-category-wrap { left:0; margin-left:0; }
.lnb-on .lnb-wrap,
.lnb-on .side-banner { display:none; }
@media screen and (min-width:550px) {
html {
font-size:16px;
background-color:#F9F9F9;
}
#newgnb { width:550px; left:50%; transform:translateX(-50%); }
header #newgnb { left:auto; transform:none; }
.side-menu-wrap { opacity:0; transition:all 0.3s ease-out; }
.side-menu-wrap.open { opacity:1; }
.quickView.lyArea .lyWrap { margin-top: 0; margin-bottom: 0; padding: 1rem; }
.quickView.lyArea .lyHeader { height: 1.3rem; margin-top: 0.3rem; margin-bottom: 0.5rem; padding-right: 0; padding-left: 0; }
.quickView.lyArea .lyClose { right: 1rem; }
.quickView.lyArea .lyClose, .quickView.lyArea .lyClose i { overflow: hidden; width: 1.3rem; height: 1.3rem; }
#quickView.quickView .lyBody { padding-right: 1rem; padding-left: 1rem; padding-bottom:0; }
#quickView.quickView .visualPop .thumb { padding-top: 77%; }
#quickView.quickView .visualPop .swiper-indigator { margin-bottom: 0 !important; line-height: 1rem; }
.quickView .swiper-pagination-custom span[class^='swiper-pagination-'] { font-size: 1.1rem !important; }
.quickView .payPrice { margin: 0 0 0.6rem; }
.quickView .payPrice dt { font-size: 1rem; }
.quickView .payPrice dd { font-size: 1.1rem; }
.quickView .payPrice dd strong { font-size: 1.3rem; line-height: 2rem; }
.quickView .selectType { height: 3rem; font-size: 1rem; }
.quickView .selectType .title { height: 3rem !important; font-size: 1rem; line-height: 2.7rem; }
.quickView .selectType.open .selList { top: 3rem; }
.quickView .selectType .selList li label { padding-top: 0.8rem; padding-bottom: 0.2rem; font-size: 1rem; }
.quickView .btn_wrap { margin-top:0 !important; padding-bottom: 0 !important; }
.quickView .btn_wrap .btn { height: 3rem; }
.quickView .btn_wrap .btn span { height: 3rem; font-size: 1rem !important; line-height: 2.7rem; }
.quickView .btn_wrap .btn.btnType3.btnSizeM,
.quickView .btn_wrap .btn.btnType3.btnSizeM span { height: 2rem; margin-bottom: 0.3rem; }
.snb-wrap .snb-container .count { left:4.5rem; }
}