@charset "utf-8";


#container{overflow:hidden; }

#action_ifrm{display:none;}
.clear{clear:both;}
.left{float:left;}
.right{float:right;}
.center{margin:0 auto;}
.pt_pink{color:#fc5c5c;}

.ani_l1{-webkit-transition: .1s linear;  -moz-transition: .1s linear;  -o-transition: .1s linear;  transition: .1s linear;}
#wrap .out_box{margin-left:0.625em;margin-right:0.625em;}

/*전체 배경*/
#contain_box{background:#eff0f5;}
body{background-color: #e5e5e5;}
#wrap{position:relative;overflow:hidden;max-width:720px;margin:0 auto;background-color: #fff;}
#wrap > .inner{width:200%; -moz-transform: translate3d(-50%,0,0); -webkit-transform: translate3d(-50%,0,0); transform: translate3d(-50%,0,0);
    -ms-transform:-ms-transform 0.5s ease-out;
    -webkit-transition:-webkit-transform 0.5s ease-out;
    -moz-transition:-moz-transform 0.5s ease-out;
    -o-transition:-o-transform 0.5s ease-out;
    transition:transform 0.5s ease-out;
    -webkit-perspective: 1000;-webkit-backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
}
#wrap > .inner:after{content:"";clear:both;display:block;}
#wrap #aside{width:50%;float:left;}
#wrap #content_wrap{position:relative;width:50%;float:left;}
.modal-cover,
#wrap #content_wrap:after{position: absolute;top:0px;right:0px;width:100%;height:100%;  content: ''; visibility: hidden;z-index:20;background-color: rgba(0,0,0,.5);opacity: 0;
    -webkit-transition: visibility .3s ease-in-out, opacity .3s ease-in-out;
    -moz-transition: visibility .3s ease-in-out, opacity .3s ease-in-out;
    -ms-transition: visibility .3s ease-in-out, opacity .3s ease-in-out;
    -o-transition: visibility .3s ease-in-out, opacity .3s ease-in-out;
    transition: visibility .3s ease-in-out, opacity .3s ease-in-out;
    -webkit-perspective: 1000;-webkit-backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
}

.modal-cover.on{visibility: visible;opacity: 1; z-index: 9;}
body.ty2 #wrap #content_wrap:after{ z-index: 9;}
#container.sub{}
.container_inner { width: 90%; margin: 0 auto; padding: 3em 0; }
/*포인트 색*/
.pt_purple{color: #005116 !important; }
.pt_color{color: #005116 !important;}
.bg_point{background-color:#005116 !important;}

body.menu_on,
body.cate_on
{overflow:hidden; position: fixed; width: 100%;}

body.overhide{overflow:hidden;}
body.menu_on #wrap > .inner{ -moz-transform: translate3d(-5%,0,0); -webkit-transform: translate3d(-5%,0,0); transform: translate3d(-5%,0,0);}
/*body.menu_on #wrap #content_wrap{height:100vh;}*/
body.menu_on #wrap #content_wrap:after{visibility: visible;opacity: 1;}
body.cate_on #wrap #content_wrap:after{visibility: visible;opacity: 1;background-color: #fff;}
body.search_on #wrap #content_wrap:after{visibility: visible;opacity: 1; z-index: 9;}
body.cate_on #wrap #aside_cate { display: block; }

/*icutter*/
img.h100p{height:100% !important; width:auto !important;position: relative;}
img.w100p{width:100% !important; height:auto !important;position: relative;}
.ict_hide{visibility: hidden;}

/*input*/
input[type="text"]{box-sizing:border-box;padding:0px;margin:0px;border-radius:0px;background:#fff;-webkit-appearance:none;}
input.ipt{box-sizing: border-box; font-size: 1em ; height: 2.375em; width:9.375em;border: 1px solid #CFCFCF; background: #fff; border-radius: 0.1875em; padding: 0px 0.5em;-webkit-appearance:none;box-shadow:none;}


/*header*/
header{}
#change_site.brand{background-color: #005116;}
#change_site.shop{background-color: #8ebe3f;}
#change_site > li{width:50%;float:left;padding-top:0.25em;margin-bottom:-1px;}
#change_site > li > a{display: block; font-size: 1.875em;line-height:2;text-align:center;letter-spacing:-0.5px;height:2em;
    font-family: HelveticaNeue-Light,AppleSDGothicNeo-Light,'Nanum Gothic',sans-serif;}
#change_site.shop > li > a{color:#ceef99;}
#change_site.shop > li.on > a{position:relative;background-color:#fff; color:#85b338;margin-left:30px; padding-right:30px;box-sizing: border-box;}
#change_site.shop > li.on > a:before{position: absolute; content: ''; background-color: #fff; width:50px; height:100%;left:-30px;border-top-left-radius:17px;box-shadow:-7px 0px 0px rgba(0,0,0,.10);
-ms-transform: skewX(-12deg); /* IE 9 */    -webkit-transform: skewX(-12deg); /* Safari */    transform: skewX(-12deg); /* Standard syntax */   }

#change_site.brand > li > a{color:#d78ec4;}
#change_site.brand > li.on > a{position:relative;background-color:#fff; color:#90427b;margin-right:30px; padding-left:30px;box-sizing: border-box;}
#change_site.brand > li.on > a:before{position: absolute; content: ''; background-color: #fff; width:50px; height:100%;right:-30px;border-top-right-radius:17px;box-shadow:7px 0px 0px rgba(0,0,0,.10);
-ms-transform: skewX(12deg); /* IE 9 */    -webkit-transform: skewX(12deg); /* Safari */    transform: skewX(12deg); /* Standard syntax
*/   }


/*aside*/
#aside{position:relative;top:0px;left:0px;background:#fff;z-index: 22;height:auto;overflow: hidden;}
.menu_on #aside{overflow: visible;}
#aside > .inner{margin-left:10%;}
#aside .stats{background-color: #fff;padding:1em 1.875em;}
#aside .stats .bt_login{ width: 6.5em; border:1px solid #226717; color: #226717; text-align: center; line-height: 1.9; border-radius: 0.4em; font-size: 1.4em; font-weight: 400; }
#aside .stats .bt_join{ width: 6.5em; border:1px solid #727272; color: #666; text-align: center; line-height: 1.9; border-radius: 0.4em; font-size: 1.4em; font-weight: 400; }
#aside .stats .inner{position:relative;}
#aside .stats .my_photo{position:absolute;width:4.125em; height: 4.125em; border-radius:50%;overflow:hidden;top:0;bottom:0;left:0;margin:auto;}
#aside .stats .my_photo img{max-width:100%;min-width:100%;}
#aside .stats p{color: #9f9eaf;font-size: 1.625em;margin:0 1.9231em 0 3.2em; line-height: 2.5385; }
#aside .stats p a{color: #f26d49;}
#aside .stats p.logined{margin-left:0;}
#aside .stats p.logined > *{vertical-align: middle;}
#aside .stats p.logined > span strong{color: #fff;font-weight: 400;}
#aside .stats p.logined button{font-size: 0.84615em;line-height: 2em;padding:0 0.75em;border:1px solid #fff;border-radius:3px;color: #fff;font-weight: 400;}

#aside .stats .btn_close{position: absolute;display:block;right:-5.3em;top:0;bottom:0;margin:auto;width:2.6875em;height:2.6875em;font-size:1em;z-index:1;}
#aside .stats .btn_close img{max-width:100%;min-width:100%;}
#aside .quick{background-color: #226717;}
#aside .quick > ul{border-top:1px solid #4F4E65;}
#aside .quick > ul > li{width:25%;float:left; position: relative;}
#aside .quick > ul > li:first-child:after{display: none;}
#aside .quick > ul > li:after{position: absolute; left: 0; top: 0; width: 1px; height: 100%; background-color: #4e8545; content:""; }
#aside .quick > ul > li > a{display: block;border-left:1px solid #4F4E65;padding:1.5em 0;text-align: center;}
#aside .quick > ul > li:first-chlid > a{border-left-width:0;}
#aside .quick > ul > li > a .img{display:block; margin-bottom:0.7em;height:3.325em;}
#aside .quick > ul > li > a .img img{max-height:100%;}
#aside .quick > ul > li > a .con{display:block; font-size: 1.15em;color: #fff; }
#aside .quick > ul > li > a .con .wish{position: relative;}
#aside .quick > ul > li > a .con .wish .cnt{font-family: HelveticaNeue-Light,AppleSDGothicNeo-Light,'Nanum Gothic', sans-serif;position: absolute;display: block;width:1.2083em;
    height:1.2083em;right:-0.9em;top:-0.5em; background:#f26d49; color:#fff;border-radius: 50%;}
#area_lnb ul.site > li{float:left; width:50%;}
#area_lnb ul.site > li > a{display: block;color: #c1c0ca; text-align: center;line-height:2.7143em;background-color: #7c7b8c;font-weight:700;font-size:1.75em; }
#area_lnb ul.site > li:first-child > a{box-shadow:inset -0.3em 0em 0.7em -0.4em rgba(0,0,0, 0.3)}
#area_lnb ul.site > li:last-child > a{box-shadow:inset 0.3em 0em 0.7em -0.4em rgba(0,0,0, 0.3)}
#area_lnb ul.site > li.on > a{background-color: #fff; color: #403e73;box-shadow:none;}

#area_lnb .list > ul > li > a{display: block;color:#333333; font-size: 16px; line-height:1.5;padding:0.8929em 2.2em 0.8929em 1.1em;background-color: #fff;}
#area_lnb .list > ul > li.go_cate > a,
#area_lnb .list > ul > li.go_down > a{background-image: url('/m/images/aside/lnb_arrow.gif'); background-position: 95% 50%; background-repeat: no-repeat; background-size: auto 1.0714em;}
#area_lnb .list > ul > li.go_up > a{background-image: url('/m/images/aside/ico_navi_back.png'); background-position:1em 50%; background-repeat:no-repeat; background-size: 1.5em  1.25em;padding-left:3.5em;}
#area_lnb .list > ul > li.go_depth > a{background-image: url('/m/images/aside/ico_select02.png'); background-position: 95% 50%; background-repeat: no-repeat; }

#lnb{width:100%;overflow:hidden}
#lnb > ul{width:300%;}
#lnb > ul > li{width:33.333%;float:left;}
#lnb .list > ul{margin-bottom:2.375em; margin-bottom: 0;}
#lnb .list > ul > li{border-bottom:0.125em solid #ECECEC;}
#lnb .list > ul > li > ul { height: 0; overflow: hidden; }
#lnb .list > ul > li > ul > li {  }
#lnb .list > ul > li > ul > li > a { display: block;color:#fff; font-size: 1.55em; line-height:1.5;padding:0.8929em 0.8929em 0.8929em 3em;background-color: #bbb; }
#lnb .depth1 .list{display:none;}
#lnb .depth1 .list.on{display: block;}
#lnb .depth2 .list > ul{display:none;}
#lnb .depth2 .list > ul.on{display: block;}
#lnb .depth3 .list > ul{display:none;}
#lnb .depth3 .list > ul.on{display: block;}
#lnb .other_menu{}
#lnb .other_menu > ul > li > a{display:block; font-size: 1.625em; padding:1.2308em 0.7692em 1.2308em ;vertical-align: middle;}
#lnb .other_menu > ul > li > a img{max-width:1.6538em; max-height:1.7692em;margin-right:0.7em;}
/* #area_lnb .o_menu{background-color: #eceee8;}
#area_lnb .o_menu > ul > li > a{display: block;color:#8b919b; font-size: 1.45em; line-height:1.5;padding:0.8929em 2.2em 0.8929em 1em;}
#area_lnb .o_menu > ul > li > a > span{display: inline-block; vertical-align: middle; margin-right: 0.2em; color: #75815c;}
#area_lnb .o_menu > ul > li > a > span.ico{width: 1.3em;}
#area_lnb .o_menu > ul > li > a > span.ico img{width: 100%; height: auto;}
#area_lnb .o_menu > ul > li > a > span.count {
    color: #fff;
    width: 1.45em;
    height: 1.45em;
    background-color: #b55c9e;
    line-height: 1.45em;
    border-radius: 50%;
    vertical-align: bottom;
    text-align: center;
} */

#area_lnb .o_menu { display: table; width: 94%; margin: 0 auto; margin-top: 1em; }
#area_lnb .o_menu > ul > li { display: table-cell; vertical-align: top; width: 33.333%; text-align: center; box-sizing: border-box; padding: 1.35em; }
#area_lnb .o_menu > ul > li > a { display: block; }
#area_lnb .o_menu > ul > li img { max-width: 80%; }
#area_lnb .o_menu > ul > li .ico { margin-bottom: 1em; }
#area_lnb .o_menu > ul > li .txt { font-size: 1.25em; color: #539a5d; }

#area_lnb .company_info p:not(.csnumber .cstext){font-size:1.25em;line-height:2;}
#area_lnb .cs_centernum {/* width:90%; *//* border-radius: 60px; */border: 2px;background: rgba(246,246,246,1);/* font-size: 1.2em; */text-align: center;padding: 20px;margin: 0 auto;margin-top: 13px;margin-bottom: 13px;/* font-weight: 700 */;border-color: #666; border-width:3px;}
#area_lnb  img.mfooter_icon{width: 5%;margin: 0 5px 0 0;}
#area_lnb .cs_centernum .csnumber {font-size:1.8em; line-height:1.5; color: #4a7948; /* margin-left: -15px; */margin-bottom: 10px;}
#area_lnb .cs_centernum .asnumber {font-size:1.8em; line-height:1.5; color: #4a7948; /* margin-left: -15px; */margin-bottom: 10px;}
#area_lnb .cs_centernum .cstext {font-size:1.4em; line-height:1.1; color: #2e2e2e;}


#aside_cate{position:fixed;top:0;bottom:0;left:50%;background:#fff;z-index: 100;width: 50%;height:auto;overflow-y: scroll;overflow-x: hidden;display: none;background-color: #fff;}
#aside_cate .stats{background-color: #fff;padding:1.5em 1.875em; border-bottom:2px solid #666;}
#aside_cate .stats .inner{position:relative;}
#aside_cate .stats p{color: #333;font-size: 1.875em;margin:0 1.9231em 0 0; line-height: 2.5385; font-weight: bold; }
#aside_cate .stats .btn_close{position: absolute;display:block;right:0;top:0;bottom:0;margin:auto;width:2.6875em;height:2.6875em;font-size:1em;z-index:1;}
#aside_cate .stats .btn_close img{max-width:100%;min-width:100%;}
#aside_cate .list > ul{}
#aside_cate .list > ul > li{  }
#aside_cate .list > ul > li > a{display: block;color:#fff; font-size: 1.75em; line-height:1.5;text-align: center;padding:0.8929em 1.5em 0.8929em 1.5em;background-color: #fff;border-bottom:2px solid #666; position: relative; }
#aside_cate .list > ul > li > a:after { content: ''; position: absolute; right: 5%; top: 50%; width: 22px; height: 11px; margin-top: -5.5px; background-image: url('/m/images/aside/ico_select01.png'); background-repeat: no-repeat; }
#aside_cate .list > ul > li.cate01 > a { background-image: url('/m/images/aside/bg_cate01.jpg'); background-size: cover; }
#aside_cate .list > ul > li.cate02 > a { background-image: url('/m/images/aside/bg_cate02.jpg'); background-size: cover; }
#aside_cate .list > ul > li > ul { height: 0; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; -webkit-box-shadow: inset 0px 10px 10px 0px rgba(0,0,0,0.15); -moz-box-shadow: inset 0px 10px 10px 0px rgba(0,0,0,0.15); box-shadow: inset 0px 10px 10px 0px rgba(0,0,0,0.15); }
#aside_cate .list > ul > li > ul > li { border-bottom: 1px solid #ececec; }
#aside_cate .list > ul > li > ul > li > a { display: block;color:#666; font-size: 1.55em; line-height:1.5; text-align: center; padding:0.8929em;}



#header{border-bottom: 1px solid #d2d2d2;}

#header.shop #gnb{padding:0.9em 0;}
#gnb > h1{left:0;right: 0;margin: auto;text-align:center; width: 20%; height: auto; font-size: 1em;}
/* #gnb > h1 a{}
#gnb > h1 a.jadam{width: 13%;} */
#gnb > h1 > a{display:block;text-align:center;}
 /*풀무원로하스 모바일 상단 로고부분*/
#gnb > h1 > a > img{width:200%; height: auto; margin-left: -8px;}
 /*자담터 모바일 상로고부분*/
#gnb > h1 > a.jadam > img{width:100%; height: auto; margin: 2px 0 3px -17px;}
#gnb > h1 > a > img.gnblogo {width:130%; height: auto;}
#gnb > #menu{position: absolute;left:0; top:50%;width:2.5em;height:2.9em;margin-top: -1.45em;}
#gnb > #menu > button{position: relative;width:100%;height:100%;vertical-align: middle;font-size:1em; margin-top: -0.5em;display: table-cell;}
#gnb > #menu > .h100 { display: none; }
#gnb > #header_brand_logo{position: absolute; left: 55px; top: 0; height: 100%; display: table;}
#gnb > #header_brand_logo > * { display: table-cell; vertical-align: middle; }
#gnb > #header_brand_logo img { width: 65px; }



#gnb > #header_btn_go_back{position: absolute;left:0; top:0;height:100%;}
#gnb > #header_btn_go_back button{height:2.375em;position: absolute;top:0;bottom:0;margin:auto;}
#gnb > #header_btn_go_back button img{height:100%;}
.tcon-menu_lines{position: relative;display: inline-block; height: 3px; width: 100%; border-radius: 0.1em; background: #5d5d5d; border-bottom:1px solid #7F7F7F; border-top:1px solid #7F7F7F;}
.tcon-menu_lines::before, .tcon-menu_lines::after { display: inline-block; height: 3px;  width: 100%; border-radius: 0.1em; background: #5d5d5d; content: '';
border-bottom:1px solid #7F7F7F; border-top:1px solid #7F7F7F;position: absolute; left: 0;}
.tcon-menu_lines::before{top:-0.9em;}
.tcon-menu_lines::after {bottom:-0.9em;}

/*index2 css 추가*/
.tcon-menu_lines001{position: relative;display: inline-block; width: 70%;background: #5d5d5d; border-bottom:1px solid #7F7F7F; border-top:1px solid #7F7F7F;}
.tcon-menu_lines001::before, .tcon-menu_lines001::after { display: inline-block; width: 100%; background: #5d5d5d; content: '';border-bottom:1px solid #7F7F7F; border-top:1px solid #7F7F7F;position: absolute; left: 0;}
.tcon-menu_lines001::before{top:-0.9em;}
.tcon-menu_lines001::after {bottom:-0.9em;}

.tcon-menu_lines2{position: relative;display: inline-block; vertical-align: middle; height: 0.3rem; width: 80%; margin-left: 20%; background: #000; top: -1px; }
.tcon-menu_lines2::before, .tcon-menu_lines2::after { display: inline-block; height: 0.3rem;  width: 100%; background: #000; content: ''; position: absolute; left: 0;}
.tcon-menu_lines2::before{left: -20%; top:-10px; width: 120%; }
.tcon-menu_lines2::after {left: -20%; bottom:-10px; width: 110%; margin-left: 10%; }
.tcon-menu_lines2.white,
.tcon-menu_lines2.white::before,
.tcon-menu_lines2.white::after { background: #fff; }




#gnb > #myhome{position: absolute;right:1em; top:50%;height:3em;margin-top: -1.5em;}
#gnb > #myhome > li{display: inline-block; vertical-align: middle;height:100%;}
#gnb > #myhome > li > a{margin:0 0.7em;vertical-align: middle;position:relative;display: inline-block;}
#gnb > #myhome > li.inc_txt > a{margin-top: 0.5em;}

#gnb > #myhome > li > a img{max-width:100%;}
#gnb > #myhome > li > a span{display: block;font-size: 0.875em;text-align: center;margin-top: 0.2em;}
#gnb > #myhome > li > a .alert{position:absolute;display:block;padding:3px;min-width:1em;border-radius:11px;background:#005116; color:#fff;top:-10px;right:-8px;line-height:1;text-align:center;}

#searchBox{padding:0px 1.8em 1.6em;}
#searchBox > .inner{position: relative; display:block; border:3px solid #E7E7E7;border-radius: 3px; background-color: #fff; padding:0.7em 0.5em 0.5em 4.5em;}
#searchBox > .inner > input{border:0px;height:100%;width:100%;background:#fff;font-size:1.375em;line-height:1.5;color: #959696;margin:4px 0px;;height:1.5em;}
#searchBox > .inner > .btn{position:absolute;height:100%;width:2.5em;left:1em;top:0.2em;}
#searchBox > .inner > .btn > img{max-height:100%;max-width:100%;}

/*footer*/
#scrollTop { position: fixed; bottom: 20px; right: 1em; z-index: 1; }
#scrollTop > a { width: 34px; height: 34px; display: block; background: url(/m/images/common/scroll_top.png) center no-repeat; }
/* footer .totop > a{position: relative;;display: block;font-size:1.5em; color:#777; font-weight:700; padding:1.4em 0px 0.6em;text-align:center;border-bottom:1px solid #DBDBDB;box-shadow:0px -3px 7px -2px rgba(0,0,0,.2)} */
/* footer .totop > a:after{position: absolute; left:0;right:0;height:0px;width:0px;bottom:2.2em;border-bottom:0.2083em solid #727272;border-right:0.2917em solid transparent;border-left:0.2917em solid transparent;content:'';margin:auto;} */
footer .customer{position: relative;margin:1.55em 0.9em; display: none;}
footer .customer > img{position: absolute;max-width:4em;;}
footer .customer .con{margin-left:4.5em;letter-spacing:-0.5px;overflow:hidden;}
footer .customer .con ul{font-size:1.875em;margin-left:-1.0em;}
footer .customer .con ul > li{display: inline-block;color:#000;line-height:1.2;position:relative;}
footer .customer .con ul > li{position:relative;margin-left:0.5em;padding-left:0.5em;}
footer .customer .con ul > li:after{position: absolute;left:-3px;top:0;bottom:0;width:0.2em;height:0.2em;border-radius: 100%;margin:auto;background:#969696;content: '';}
footer .customer .con ul > li.phone{display: block;font-size: 1.125em;margin-bottom: 0.25em;}
footer .customer .con ul > li.phone a{color:#8ebe3f; text-decoration: underline;}
footer .customer .con ul > li .tit{color:#333333;font-size:0.866em;margin-right:10px;}
footer .customer .con ul > li *{vertical-align: middle;}
footer .customer .con ul > li strong{font-weight:400;}
footer .customer .con ul > li.phone .tit{margin-right:1em;}

footer .f_menu{background:#fafafa;padding:10px 0px;
-webkit-transition: .3s ease-in-out;  -moz-transition: .3s ease-in-out;  -o-transition: .3s ease-in-out;  transition: .3s ease-in-out;border-top: 2px solid #f6f6f6; border-bottom: 2px solid #f6f6f6;}
footer .f_menu > .inner{position:relative;}
footer .f_menu ul{overflow:hidden;height:2.375em;}
footer .f_menu ul > li {float:left;}
footer .f_menu ul > li > a{position:relative; display: block; font-size:1.2em; padding:0.2917em 1em;/*color:#fff;*/ font-weight:300;}
footer .f_menu ul > li.green > a{color:#91c343; font-weight:bold;}
footer .f_menu ul > li > a:after{position: absolute;height:1em;top:0;bottom:0;left:-2px;margin:auto;border-left:1px solid #767676; border-right: 1px solid #7E7E7E;content:'';}
footer .f_menu button.btn_more{position: absolute;height:2.625em;right:0; top:0;width:5em;background:#545454;}
footer .f_menu button.btn_more > span{position: relative;display: block;width:0.625em;height:0.625em;background-color: #898989; border-radius:50%;margin:0 auto;
-webkit-transition: .3s ease-in-out;  -moz-transition: .3s ease-in-out;  -o-transition: .3s ease-in-out;  transition: .3s ease-in-out;}
footer .f_menu button.btn_more > span:before, footer .f_menu button.btn_more > span:after{
    position: absolute;display: block;width:0.625em;height:0.625em;background-color: #898989; border-radius:50%;content:"";margin:auto;bottom:0;
    -webkit-transition: .3s ease-in-out;  -moz-transition: .3s ease-in-out;  -o-transition: .3s ease-in-out;  transition: .3s ease-in-out;
}
footer .f_menu button.btn_more > span:before{left:-1em;top:0;}
footer .f_menu button.btn_more > span:after{right:-1em;top:0;}

footer .f_menu ul.on{height:auto;}
footer .f_menu ul.on + button.btn_more > span{background-color:transparent;}
footer .f_menu ul.on + button.btn_more > span:before, footer .f_menu ul.on + button.btn_more > span:after{width:1.4em; height:3px;border-radius:2px;background-color: #979797;}
footer .f_menu ul.on + button.btn_more > span:before{left:-0.4em;
    ms-transform: rotate(45deg); /* IE 9 */    -webkit-transform: rotate(45deg); /* Safari */    transform: rotate(45deg);
}
footer .f_menu ul.on + button.btn_more > span:after{right:-0.4em;
    ms-transform: rotate(-45deg); /* IE 9 */    -webkit-transform: rotate(-45deg); /* Safari */    transform: rotate(-45deg);
}

footer .company_info{background:#fafafa;padding:1.95em 1.7em 0 1.7em;/*color:#fff;*/}
footer .company_info > .inner{}
footer .company_info h2{/*font-size:1.75em; line-height:1.8;font-weight:400;*/width: 26vw;margin-bottom:0.8em;}
footer .company_info h2 img{max-width:100%;}
footer .company_info ul{margin-left:-2em;}
footer .company_info ul > li{line-height:2;position: relative;padding-left:1em;margin-left:1em;display: inline-block;}
footer .company_info ul > li:after{display:none; position: absolute;top:0em;left:-1px;content: '|';font-size: 1.25em;}
footer .company_info ul > li > p{font-size:1.25em;-ms-word-break: keep-all;word-break: keep-all;}
footer .company_info p{font-size:1.25em;line-height:2}
footer .company_info p button{color:#666;line-height:1.9;border:1px solid #898989;border-radius:2px;padding:0 0.8em;font-size:1em;box-sizing: border-box;margin-left:0.8em;}

footer .company_info p:not(.csnumber .cstext){font-size:1.25em;line-height:2;}
footer .cs_centernum {width: 60vw;border-radius: 60px;border: 2px;background: #ffffff;/* font-size: 1.2em; */text-align: center;padding: 7px;margin: 0 auto;margin-top: 13px;margin-bottom: 13px;font-weight: 700;border-color: #ffffff;}
footer img.mfooter_icon{width: 8%;margin: 0 5px 0 0;}
footer .cs_centernum .csnumber_foot {font-size:1.6em; line-height:1.5; color: #101010; margin-left: -15px;!important;}
footer .cs_centernum .cstext_foot {font-size:1.3em; line-height:1.1; color: #898989;}

footer .company_info p:not(.csnumber .cstext){font-size:1.25em;line-height:2;}
footer .cs_centernum {width: 60vw;border-radius: 60px;border: 2px;background: #ffffff;/* font-size: 1.2em; */text-align: center;padding: 7px;margin: 0 auto;margin-top: 13px;margin-bottom: 13px;font-weight: 700;border-color: #ffffff;}
footer img.mfooter_icon{width: 8%;margin: 0 5px 0 0;}
footer .cs_centernum .csnumber {font-size:1.6em; line-height:1.5; color: #101010;}
footer .cs_centernum .cstext {font-size:1.3em; line-height:1.1; color: #898989;}

footer .footerBot { padding: 1em; display: table; width: 100%; background-color: #fafafa;background-color: #e0e0e0; border-top: 1px solid #e0e0e0;}
footer .footerBot > * { display: table-cell; vertical-align: middle; }
footer .bx_family{  }
footer .bx_family .tab{display: inline-block;position: relative;}
footer .bx_family .tab > button{color: #333;font-size: 1em;min-width:175px;height:3em;border:1px solid #ededed;position: relative;text-align: left;padding:0 10px; background-color: #fff;}
footer .bx_family .tab > button:active{}
footer .bx_family .tab > button > span{display: block;height:90%;width:36px;position: absolute;right:0;top:0;bottom:0;margin:auto;border-left:1px solid #CBCBCB;text-align: center;}
footer .bx_family .tab > button > span > img{position: absolute;right:0;top:0;bottom:0;margin:auto;left:0;}
footer .bx_family .tab > ul{position: absolute; left: 0; bottom:0;width:100%;background-color: #fff;border:1px solid #7E7E7E;padding:15px 0;display: none;visibility: hidden;opacity: 0;box-sizing:border-box;
    -webkit-transition:visibility .3s ease-in-out, opacity .3s ease-in-out;
    -moz-transition:visibility .3s ease-in-out, opacity .3s ease-in-out;
    -o-transition:visibility .3s ease-in-out, opacity .3s ease-in-out;
    transition:visibility .3s ease-in-out, opacity .3s ease-in-out;}
footer .bx_family .tab > ul.on{visibility: visible;opacity: 1;}
footer .bx_family .tab > ul > li{}
footer .bx_family .tab > ul > li > a{color: #7a7a7a;line-height: 20px;font-size: 13px;display: block;padding:1px 20px;}
footer .bx_family .tab > ul > li.bot_line > a{position: relative;margin-bottom:18px;}
footer .bx_family .tab > ul > li.bot_line > a:after{position: absolute;width:90%;left:0;right:0;bottom:-9px;border-bottom:1px solid #E1E1E1;content: '';margin:auto;}
footer .bx_family .tab > ul > li > a:hover{background-color: #F1F1F1;}
footer .ccm_img_box{padding-top: 0.7em; }


/*path*/
#bx_path{background-color: #999999;padding:0.625em 0.875em;margin-top:0.275em;}
#bx_path:after{content: '';display: block;clear: both;}
#bx_path > p{-ms-text-overflow: ellipsis;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;height:4em}
#bx_path > p > span{display: inline-block;vertical-align: middle;color: #ffffff;font-size: 1.75em;font-weight: 700;padding:0 0.64286em 0 1.1em;position: relative;}
#bx_path > p > strong.h100{display: inline-block;height:100%;vertical-align: middle;}
#bx_path > p > span:after{content: '>';color: #cecece;position: absolute;left:0;top:0;font-weight: 400;}
#bx_path > p > span:first-child{padding:0 0.64286em;}
#bx_path > p > span:first-child:after{content: none;}
#bx_path > button.btn_myha{float: right;height:4em;}
#bx_path > button.btn_myha > img{height:100%;}

/*main*/
#container.main001{background-color: #f2f2f2;}
/*#container.main > section{margin:0px 0.625em;}
#container.main > section > h2{position:relative;text-align:center;margin-top:7%; margin-bottom:4%;padding:10px;}
#container.main > section > h2:after{position: absolute;width:100%;height:1px;background-color: #1E1E1E;top;0;bottom:0;left:0;right:0;top:0;margin:auto;content:"";z-index: 0}
#container.main > section > h2 > span{position:relative;display: inline-block; font-size:1.5em;color:#3c3c3c;background: #fff; padding:0px 20px;z-index:1;font-weight:400;}*/

/*main banner*/
#main_banner > ul > li{position:relative;width:100%;}
#main_banner > ul > li:after{position: relative;width:100%;height:10%;box-shadow:0px 10px 10px -5px rgba(0,0,0,.2);border-radius:50%;}
#main_banner .above{display: block}
#main_banner .above img{width:100%;}
#main_banner .above button.more_info{position: absolute;color: #333333; border:1px solid #76838B;padding:0.625em 2.0625em;background-color: rgba(255,255,255,.7);}
#main_banner .sp_outbox{margin: 0 auto;    position: relative;    overflow: hidden;    z-index: 1;}

#main_banner .sp_outbox > ul > li .below{margin-left:-0.625em;margin-top:7px;}
#main_banner .sp_outbox > ul > li .below > li{width:50%;float:left;}
#main_banner .sp_outbox > ul > li .below > li >a{display: block; margin-left:0.625em; }
#main_banner .sp_outbox > ul > li .below > li >a > span{display: block; height:0px;padding-bottom:72.7763%;overflow:hidden;}
#main_banner .sp_outbox > ul > li .below > li >a img{width:100%;}

/* index2 css추가 */
#shop_main01{overflow: hidden;margin-top: 10px; background-color:#fff}
#shop_main01 > section{margin-left:1.4706%; margin-right:1.4706%;overflow: hidden;}
#shop_main01 #area_visual{margin-bottom: 0;}
#shop_main01 #area_visual button.btn_more{position: absolute;left:5.1471%;top:69%;width:11.25em;line-height:2.625em;border:1px solid #333333;padding:0;color: #333333;vertical-align: middle;font-weight: 700;}
#shop_main01 #area_visual button.btn_more > *{vertical-align: middle;}
#shop_main01 h2.tit{font-size: 1em;margin-bottom:1.375em;position: relative;}
#shop_main01 h2.tit > span{color: #333333;font-size: 2.1875em;line-height: 1.65714em;}
#shop_main01 h2.tit .line_page{position: absolute;right: 0;top:0;bottom:0;margin:auto;}
#shop_main01 h2.tit .line_page > button{height:3.625em;float: left; margin-left:0.5em;}
#shop_main01 h2.tit .line_page > button > img{height:100%;}
#shop_main01 .swiper-button-disabled{visibility: visible;opacity: 1;}

#shop_main01 .banner{margin:5em 0;}
.banner.img_w100 img{width:100%;}
.banner.mg0{margin:0;}

#sec_curation{margin-bottom: 5em;margin-top:0;}
#shop_main01 #sec_curation > h2.tit{text-align: center;}

/*회원몰 메인*/
#shop_main{overflow: hidden;}
#shop_main > section{margin-left:1.4706%; margin-right:1.4706%;overflow: hidden;}
#shop_main #area_visual{margin-bottom: 0;}
#shop_main #area_visual button.btn_more{position: absolute;left:5.1471%;top:69%;width:11.25em;line-height:2.625em;border:1px solid #333333;padding:0;color: #333333;vertical-align: middle;font-weight: 700;}
#shop_main #area_visual button.btn_more > *{vertical-align: middle;}
#shop_main h2.tit{font-size: 1em;margin-bottom:1.375em;position: relative;}
#shop_main h2.tit > span{color: #333333;font-size: 2.1875em;line-height: 1.65714em;}
#shop_main h2.tit .line_page{position: absolute;right: 0;top:0;bottom:0;margin:auto;}
#shop_main h2.tit .line_page > button{height:3.625em;}
#shop_main h2.tit .line_page > button > img{height:100%;}
#shop_main .swiper-button-disabled{visibility: visible;opacity: 1;}

#shop_main .banner{margin:5em 0;}
.banner.img_w100 img{width:100%;}
.banner.mg0{margin:0;}

#sec_curation{margin-bottom: 5em;margin-top:0;}
#shop_main #sec_curation > h2.tit{text-align: center;}
#sec_curation .bx_list_type{border:1px solid #A4A4A4;padding:1em;position: relative;margin-bottom:1.875em}
#sec_curation .bx_list_type > .inner{overflow: hidden;position: relative;}
#sec_curation .bx_list_type > .inner > ul{}
#sec_curation .bx_list_type > .inner > ul > li{width:100%;position: relative;}
#sec_curation .bx_list_type .img{display: block;position: relative;height:0;padding-bottom:97.4747%;overflow: hidden;}
#sec_curation .bx_list_type .img a{display: block;position: absolute;top: 0;bottom: 0;left: 0;right: 0;}
#sec_curation .bx_list_type .img img{margin:auto;min-width:100%;min-width:100%;position: absolute;}
#sec_curation .bx_list_type .con{;padding:1.25em 1.375em;position: absolute;left:0;right:0;bottom:0;
    background:rgb(0,0,0);
    background: transparent\9;
    background:rgba(0,0,0,0.6);
    background-image:url(/pc/brand/images/common/bg_trans.gif);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);
    zoom: 1;
}
#sec_curation .bx_list_type .con{ filter: none; }
#sec_curation .bx_list_type .con h2{color: #fccdb0;font-size: 1.375em;font-weight: 400;margin-bottom:0.25em;white-space: nowrap;-ms-text-overflow: ellipsis;text-overflow: ellipsis;overflow: hidden;}
#sec_curation .bx_list_type .con h3{color: #ffffff;font-size: 1.875em;line-height:1.5;max-height:3em;overflow: hidden;margin-bottom:0.375em;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
#sec_curation .bx_list_type .con p{color: #c2c2c2;font-size: 1.25em; line-height: 2.2;float: left;}
#sec_curation .bx_list_type .con p span.line{color: #c2c2c2;margin:0 0.3em;}
#sec_curation .bx_list_type .con button{color: #fff;border: 1px solid #fff;float: right;display: block;bottom:0px;right:1px;font-size: 1.375em;font-weight: 700;height: 2em;min-width: 5.92308em;}
#sec_curation .bx_list_type .pagi{position: absolute;top:0;bottom:0;height:7.8125em;margin:auto;z-index: 1;}
#sec_curation .bx_list_type .pagi img{height:100%;}
#sec_curation .bx_list_type .pagi.btn_prev{left:0;}
#sec_curation .bx_list_type .pagi.btn_next{right:0;}

.list_rel_prd{}
.list_rel_prd > ul{margin-left:-1.25em}
.list_rel_prd > ul > li{width: 14.875em;margin-left:1.25em;}
.list_rel_prd .img{height: 0;padding-bottom:100%;position: relative;margin-bottom:1em;}
.list_rel_prd .img:after{position: absolute;top:0;bottom:0;left: 0;right: 0;border:1px solid #D2D2D2;content: '';}
.list_rel_prd .img img{position: absolute;top:0;bottom:0;left: 0;right: 0;max-height:100%;max-width:100%;margin:auto;}
.list_rel_prd .con{}
.list_rel_prd .con > h4{font-size: 1.25em;line-height: 1.5;margin-bottom:0.5em;font-weight: 400;height:3em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;  }
.list_rel_prd .con > p{font-size: 2em;font-weight: 700;}
.list_rel_prd .con > p small{font-size: 0.62857em;font-weight: 400;}
.list_rel_prd > ul > li > .inner{visibility: visible;opacity: 1;
    -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -o-transform: scale(1,1); transform: scale(1,1);
    -webkit-transition:visibility .3s ease-in-out, opacity .3s linear, -webkit-transform .3s ease-in-out;
    -moz-transition:visibility .3s ease-in-out, opacity .3s linear, -moz-transform .3s ease-in-out;
    -ms-transition:visibility .3s ease-in-out, opacity .3s linear, -ms-transform .3s ease-in-out;
    -o-transition:visibility .3s ease-in-out, opacity .3s linear, -o-transform .3s ease-in-out;
    transition:visibility .3s ease-in-out, opacity .3s linear, transform .3s ease-in-out;
}
.list_rel_prd > ul > li.off > .inner{visibility: hidden;opacity: 0;
    -webkit-transform: scale(0.3,0.3);
    -moz-transform: scale(0.3,0.3);
    -ms-transform: scale(0.3,0.3);
    transform: scale(0.3,0.3);
}

#new_product .lst_goods{margin-left:-0.625em;}
#new_product .lst_goods > ul{margin-left:0;}
#new_product .lst_goods > ul > li{width:50%;margin-left:0;}
#new_product .lst_goods > ul > li > .inner{margin-left:0.625em;}
#new_product .lst_goods > ul > li:first-child{margin-left:0;}
#new_product .lst_goods .boxPrice{margin-left:0.75em;margin-right: 0.75em;position: relative;}
/* #new_product .lst_goods .boxPrice001{margin-top: 12px;} */
#new_product .lst_goods .boxPrice ul li p{font-size: 1.5em;}
#new_product .lst_goods > ul > li > .inner p.title001{margin-left:0.6em;margin-right:0.6em}

/*index2 css 추가*/
#new_product .lst_goods > ul > li > .inner p.title001{font-size: 3.6vw;display: block;overflow: hidden;text-overflow: ellipsis;/* white-space: nowrap*/;font-weight: bold;height:10vw;line-height:5vw;}
.consumercost {text-decoration: line-through;color: #666;font-size: 3.33333333vw;}
.membercost .max{font-size: 4vw;font-weight: bold;}
.membercost .max01{font-size: 4.3vw;font-weight: bold;}
.in_box001{border: 1px solid #E8E8E8;}
.button_cart{display: block;font-size: 3.6vw;line-height: 3em;height: 3.09091em;color: #fff;font-weight: 600; background-color: #64b837;border-radius: 0.2273em;border: 1px solid #64b837;margin: 1em 0.48em 0.48em;text-align: center;}
#new_product .lst_goods > ul > li > .inner .abox{margin-bottom:0.625em !important;}

#new_product .lst_goods > ul > li > .inner p.title{font-size: 1.25em;}
#new_product .lst_goods > ul > li > .inner .in_box:first-child{margin-bottom:3.75em}

#sec_hot_prd{margin-bottom: 5em;}
#sec_blog{margin-bottom: 5em;}


/*회원몰 메인 리스트 스타일*/
.list_type_a{margin-left:-0.625em;}
.list_type_a > ul{}
.list_type_a > ul:after{content: '';display: block;clear: both;}
.list_type_a > ul > li{width:100%;}
.list_type_a > ul > li ul.inner{margin-left:0.625em;}
.list_type_a > ul > li div.inner{position: relative;border:1px solid #E8E8E8;background-color: #fff;height:20em;}
.list_type_a > ul > li div.inner:after{content: '';display: block;clear: both;}
.list_type_a > ul > li > ul{}
.list_type_a > ul > li > ul > li{margin-bottom:0.625em;overflow: hidden;}
.list_type_a .img{width:53.125%;float: left;height:100%;clear: both;}
.list_type_a .img > a{display: block;position: relative;height:100%;overflow: hidden;}
.list_type_a .img > a > img{position: absolute;top:0;bottom:0;left:0;right:0;width:100%;}
.list_type_a .con{margin-left:53.125%;height:100%;top:0;padding:0 1.25em 0 2.5em;}
.list_type_a .con h3{padding-top:4em;font-size:3.6vw;color: #333333;line-height: 1.5;height:3em;overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.list_type_a .con h3 > a{}
.list_type_a .con .rank_tag{position: absolute;top:0;right:0;}
.list_type_a .con .rank_tag img{width: 5em;}
.list_type_a .con .rank_tag > span{position: absolute;right:0.3em;top:0.3em;color: #fff;font-weight: 700;font-size: 1.5em;font-style: italic;}
.list_type_a .con .rank_tag > span >small{font-size: 0.8em;font-weight: 400;}
.list_type_a .stars{margin-top:10px;}
.list_type_a .stars > ul{display: inline-block;vertical-align: middle;}
.list_type_a .stars > ul > li{display: inline-block;height:1.5em;width:1.5em;background: url(/pc/shop/images/common/ico_star2_off.png) center center no-repeat;-webkit-background-size: contain;background-size: contain;}
.list_type_a .stars > ul > li.on{background-image: url(/pc/shop/images/common/ico_star2_on.png)}
.list_type_a .stars > ul > li.half{background-image: url(/pc/shop/images/common/ico_star2_half.png)}
.list_type_a .stars > span{color: #929191;margin-left:0.5em;vertical-align: middle;display: inline-block;font-size: 1.125em;}
.list_type_a .out_cover .cover > div{display: inline-block;vertical-align: middle;}
.list_type_a .out_cover .cover > div button{display: block;width:43px;height:43px; margin-top: 5px;position: relative;background-color: #fff;  -webkit-border-radius: 5em;-moz-border-radius:5em ;border-radius: 5em; }
.list_type_a .out_cover .cover > div button:hover{background-color: #005116;}
.list_type_a .out_cover .cover > div button img{position: absolute;top:0;bottom:0;left:0;right:0;margin:auto;}
.list_type_a .out_cover .cover > div button .on{display: none;}
.list_type_a .out_cover .cover > div button:hover  .on{display:block;}
.list_type_a .boxPrice{margin-top: 1.875em;}
.list_type_a .boxPrice ul li{margin-top: 0.5em;}
.list_type_a .boxPrice ul li:after{display: block;clear: right;content: "";}
.list_type_a .boxPrice ul li span{float: left; }
.list_type_a .boxPrice ul li p{font-size: 3.6vw;}

.list_type_a .boxPrice ul li p strong.max{color: #64b837;}
.list_type_a .boxPrice ul li p strong.staff{color: #8ebe3f;}

.list_type_b{}
.list_type_b > ul{margin-left:-0.625em;}
.list_type_b > ul:after{content: '';display: block;clear: both;}
.list_type_b > ul > li{width:50%;float: left;background-color: #fff;}
.list_type_b > ul > li > .inner{margin-left:0.625em;}
.list_type_b .img{position: relative;height:0;padding-bottom:100%;}
.list_type_b .img > a{position: absolute;top:0;left:0;bottom:0;right:0;border:1px solid #D0D0D0;overflow: hidden;}
.list_type_b .img > a img{width:100%;position: relative;}
.list_type_b .con{padding-top:1.25em; margin:0 0.625em;}
.list_type_b .con > h3{font-size: 1.25em;line-height: 1.5;height:1.5em;-ms-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 0.5em;}
.list_type_b .con > p{color: #333333;font-size: 1.25em;line-height: 1.4; height: 2.8em;overflow: hidden;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.list_type_b .con .bot{margin-top:1em;}
.list_type_b .con .date{float: left; color: #979797;font-size: 1.25em;display: block;}
.list_type_b .con .reply{display: block;float: right;font-size: 1.25em;padding-left:1.5em;color: #666666;background: url(/pc/shop/images/common/ico_reply.png) left center no-repeat;background-size: contain;}

.blog_tag.t1{color: #3279ce;}
.blog_tag.t2{color: #a04a8b;}
.blog_tag.t3{color: #74a522;}

.list_type_c{margin-left:-1em;}
.list_type_c > ul{}
.list_type_c > ul:after{content: '';display: block;clear: both;}
.list_type_c > ul > li{width:50%;float: left;}
.list_type_c > ul > li > .inner{margin-left:1em;padding:1.75em 1.25em 1.75em;border:1px solid #CFCFCF;background-color: #fff;}
.list_type_c > ul > li > .inner > .tag{font-size: 1em;position: static;margin-bottom:0.375em;display: block;overflow: hidden;white-space: nowrap;-ms-text-overflow: ellipsis;text-overflow: ellipsis;}
.list_type_c > ul > li > .inner > h3{font-size: 1.5em;line-height: 1.5;margin-bottom:1em;height:4.5em;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.list_type_c > ul > li > .inner > p{color: #666666;font-size: 1.125em;line-height: 1.5;height:6em;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.list_type_c > ul > li > .inner > .date{margin-top:1.5em;display: block;text-align: right;color: #969696;font-size: 1em;}
.list_type_c > ul > li > .inner > .date > img{width: 1em;}
.list_type_c > ul > li > .inner:hover{box-shadow:1px 1px 4px rgba(0,0,0,0.3)}
.list_type_c > ul > li > .inner > h3 a:hover{text-decoration: underline;}

.list_type_c .tag_t1{color: #4172bb;}
.list_type_c .tag_t2{color: #73b55c;}
.list_type_c .tag_t3{color: #005116;}
.list_type_c .tag_t4{color: #58a4ea;}
.list_type_c .tag_t5{color: #f78c1a;}
.list_type_c .tag_t6{color: #1fbcc2;}

/*MD추천상품 리스트*/
#area_md_list {margin-top: 2.85em;}
#area_md_list h2.tit{font-size: 1em;margin-bottom:1.375em;position: relative;}
#area_md_list h2.tit > span{color: #333333;font-size: 2.1875em;line-height: 1.65714em;}
#area_md_list .lst_goods > ul {  }
#area_md_list .lst_goods > ul > li { border: 1px solid #a4a4a4; width: 63.7%; margin-bottom: 0; }
#area_md_list .lst_goods > ul > li .img { margin-bottom: 0; }
#area_md_list .lst_goods > ul > li .img:after { display: none; }
#area_md_list .lst_goods > ul > li .goods_info { background-color: #f2f2f2; padding: 20px; }
#area_md_list .lst_goods > ul > li > .inner p.title { font-weight: bold; font-size: 1.25em; }
#area_md_list .lst_goods .boxPrice ul { max-width: 180px; margin-left: auto; }
#area_md_list .lst_goods .swiper-pagination { margin: 2em 0; }
#area_md_list .lst_goods .swiper-pagination .swiper-pagination-bullet { margin: 0 7px; width: 1.5em; height: 1.5em; }


/*제품 리스트*/
#area_prd_list {margin-top: 2.85em;}
#area_prd_list .lst_goods{margin-left:-0.625em;margin-bottom:4em;}
#area_prd_list .lst_goods header.header{margin-bottom: 1em;margin-left:0.625em;}
#area_prd_list .lst_goods header.header h2{font-size: 1.75em;}
#area_prd_list .lst_goods > ul{margin-left:0;}
#area_prd_list .lst_goods > ul > li{width:50%;margin-left:0;
    -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; }
#area_prd_list .lst_goods > ul > li > .inner{margin-left:0.625em; border:1px solid #E8E8E8;}
#area_prd_list .lst_goods > ul > li:first-child{margin-left:0;}

#area_prd_list .lst_top { margin-bottom: 2em; }
#area_prd_list .lst_top .ipt_right { display: none; }
#area_prd_list .lst_top select.custom { height: 40px; }
#area_prd_list .lst_top button { position: relative; }


.prd_list_type2{}
.prd_list_type2 > ul{margin-left:-1em;margin-bottom:1em;}
.prd_list_type2 > ul:after{content: '';display: block;clear: both;}
.prd_list_type2 > ul > li{width:50%;margin-bottom:4.41177%;float: left;}
.prd_list_type2 > ul > li > .inner{margin-left:1em;border:1px solid #CECECE;padding:0.625em;}
.prd_list_type2 .img{height:0;padding-bottom:80%;position: relative;}
.prd_list_type2 .img > img{position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;max-width: 90%;max-height: 90%;}
.prd_list_type2 .con{text-align: center;padding:1em 1em 2em;}
.prd_list_type2 .con > h2{font-size: 1.375em;color: #333;font-weight: 400;margin-bottom:0.5em;-ms-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.prd_list_type2 .con > p{font-size: 1.125em;color: #666666;line-height: 1.5em;margin-bottom:0.5em;overflow: hidden;height:3em;-webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.prd_list_type2 .con > strong{font-size: 1.375em;color: #005116;font-weight: 700;display: block;}
.prd_list_type2 .bnts:after{content: '';display: block;clear: both;}
.prd_list_type2 .bnts .pd_cnt{width: 60%;box-sizing:border-box;height:3.4375em;}
.prd_list_type2 .bnts a.btn_apply{float: right;display: block;height:3.4375em;width:37%;box-sizing:border-box;border:1px solid #A2A2A2;line-height:3.4375em;text-align: center;}
.prd_list_type2 .bnts a.btn_apply>span{font-size: 1.25em;color: #5f5f5f;font-weight: 700;}

.prd_list_type4{}
.prd_list_type4 > ul{margin-left:-1em;margin-bottom:1em;}
.prd_list_type4 > ul:after{content: '';display: block;clear: both;}
.prd_list_type4 > ul > li{width:50%;margin-bottom:4.41177%;float: left;}
.prd_list_type4 > ul > li > .inner{margin-left:1em;border:1px solid #CECECE;padding:1.75em 1em 1em;}
.prd_list_type4 .img{height:0;padding-bottom:100%;position: relative;}
.prd_list_type4 .img > img{position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;max-width: 90%;max-height: 90%;}
.prd_list_type4 .con{text-align: center;margin-bottom:0.5em;}
.prd_list_type4 .con > h2{font-size: 1.375em;color: #333;font-weight: 400;margin-bottom:0.5em;/*-ms-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;*/}
.prd_list_type4 .con > p{font-size: 1.125em;color: #666666;line-height: 1.5em;margin-bottom:0.5em;overflow: hidden;height:3em;display:-webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.prd_list_type4 p.point{font-size: 1.5em;color: #005116;font-weight: 700;display: block;text-align: center;}
.prd_list_type4 .bnts:after{content: '';display: block;clear: both;}
.prd_list_type4 .bnts a.btn_apply{width:100%;display: block;height:3.4375em;box-sizing:border-box;border:1px solid #9D9D9D;line-height:3.4375em;text-align: center;color: #4d4343;}
.prd_list_type4 .bnts a.btn_apply>span{font-size: 1.25em;font-weight: 700;}
.prd_list_type4 .bnts a.btn_apply:hover{background-color: #6A6A6A;color: #fff;}
/*quick menu*/
#area_quick > ul > li{width:33.33%;float:left;}
#area_quick > ul > li > a{display:block;text-align: center;}
#area_quick > ul > li > a .img{display: block;margin-bottom:10%;height:6.375em;}
#area_quick > ul > li > a .img img{max-width:100%;max-height:100%;}
#area_quick > ul > li > a .con{display: block;margin:0px 3%;}
#area_quick > ul > li > a .con strong{display: block;color:#333333;font-size:1.3em;line-height:1.2;}
#area_quick > ul > li > a .con span{display: block;color: #666666;margin-top:5%;line-height:1.2;}

/*news event*/
#container.main > section#area_news{margin:0;}
#container.main > section#area_news > h2{margin-left:9px;margin-right:9px;}
#area_news > ul > li{position:relative;}
#area_news > ul > li > a{display:block; padding:1.2em 2em 1.2em 1.2em; font-size: 1.3em;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height:1.2;}
#area_news > ul > li > a:active{color:#424242;background: #efefef; }
#area_news > ul > li > a{color:#939393;}
#area_news > ul > li > a .cross{position: absolute;font-size:1em;width:1.3em;height:1.3em;display:block;right:1em;top:1em;}
#area_news > ul > li > a .cross:before, #area_news > ul > li > a .cross:after{position: absolute;top:0;bottom:0;left:0;right:0;margin:auto;content:'';}
#area_news > ul > li > a .cross:before{width:2px;height:100%;}
#area_news > ul > li > a .cross:after{width:100%;height:2px;}
#area_news > ul > li > a:active .cross:before, #area_news > ul > li:active > a .cross:after{background-color: #333333;}
#area_news > ul > li > a .cross:before, #area_news > ul > li > a .cross:after{background-color: #B1B1B1;}


/*페이지 타이틀*/

.pagePath{position:relative;font-size: 12px;line-height:40px; padding:0 3%;background:#999999; color: #d1d1d1; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;font-weight: 400;}
.pagePath > button.btn_myha{position: absolute;right:0.45em;top:0.375em;bottom: 0.375em;}
.pagePath > button.btn_myha > img{height:100%;}
.pagePath strong{color:#fff; padding: 0 0.3em;font-weight:300;}
.pageTitle{font-size: 2.188em; text-align: center; color: #333; padding: 5% 0; border-bottom: 1px solid #e6e6e6;}
.pageTitle.nomb{margin-bottom:0;}


.pageTitle{font-size: 1em; text-align: center; padding: 1.5em; border-width:0;margin:0;white-space:nowrap; text-overflow:ellipsis; overflow:hidden;background-color: #999999;position: relative;}
.pageTitle > strong{font-size: 1.75em;color: #fff;line-height: 1.28571em;}
.pageTitle > button.btn_back{height: 2.25em;position: absolute;top:0;bottom:0;left:1.5em;margin:auto;}
.pageTitle > button.btn_back img{height:100%;}

/*sns icons*/
#btns_sns{text-align:right;margin-bottom:10px}
#prd_info #btns_sns{/* margin-bottom:2.375em; */    margin: 2.375em 0;}
#btns_sns li{display: inline-block;margin-right:0.4em;height:2.3125em;}
#btns_sns li img{max-height:100%;}

/*제품 리스트*/
.menu_swipe .depth1{border-bottom:1px solid #DEDEDE;padding:0 2em; margin:0 0 2.875em;}
#mypage_menu.menu_swipe .depth1{border-bottom-width:0;}
.menu_swipe .depth1> ul{}
.menu_swipe .depth1> ul > li > a{position: relative;display:block;font-size: 1.875em; margin:0 1.2667em;padding:0.8em 0 0.8em 0;font-weight:700;color: #979797;}
.menu_swipe .depth1> ul > li.on > a{color:#005116; }
.menu_swipe .depth1> ul > li > a:after{position: absolute;bottom:0px;left:0;height:0.2em;width:100%;content:"";}
.menu_swipe .depth1> ul > li.on > a:after{background-color: #005116;}
.menu_swipe .depth2{text-align:center;display:none;}
.menu_swipe .depth2 label{margin:1.75em 0; display:none}
.menu_swipe .depth2 label.on{display:inline-block;}
.menu_swipe .depth2 label option{-webkit-transition: .3s ease-in-out;  -moz-transition: .3s ease-in-out;  -o-transition: .3s ease-in-out;  transition: .3s ease-in-out;}

/*제품 상세 페이지*/
#prd_info{margin:0px 9px;}
#prd_info .prd_images {overflow:hidden; position: relative;}
#prd_info .prd_images .allure {position: absolute; right: 10px; margin: 15px 10px 0; z-index: 10; width: 8em; height: 8em; }
#prd_info .prd_images .swiper-wrapper{ align-items: center;}
#prd_info .prd_images .swiper-slide{width:100%;padding:1.5em;box-sizing: border-box;text-align: center;}
#prd_info .prd_images .swiper-slide img{max-width:100%; max-height:100%;}


#prd_info .btn_manual{text-align: center;margin-top:1.5em;}
#prd_info .btn_manual > button{border:1px solid #B4B4B4;border-radius:2px;padding:5px 10px;font-size: 13px;color: #575656;}
#prd_info .btn_manual > button img{margin-left:5px;}


#prd_info .prd_images .swiper-pagination-bullet { width: 1.125; height: 1.125; background: #e3e3e3; opacity: 1; margin:0 0.6em;}
#prd_info .prd_images .swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet {margin: 0 1.25em;}
#prd_info .prd_images .swiper-pagination-bullet-active { background: #005116; }
#prd_info .prd_info > header{margin-top:4%;padding: 0 3%;}
#prd_info .prd_info > header > span.feature{color: #005116;font-size: 1.375em;display: block;font-weight: 700;}
#prd_info .prd_info > header > h2{font-size:2.5em; margin:2% 0;}
#prd_info .prd_info > header > p{color: #3e3e3e;font-size: 1.375em; line-height: 1.2727em;margin-bottom:6.1765%;-ms-word-break: keep-all; word-break: keep-all;}
#prd_info .prd_info > header > p.coupon_alert { color: #ee7216; }
#prd_info .prd_info dl.price{padding:4.5455%;background-color: #fbfbfb;border-top: 1px solid #DDDDDD;border-bottom: 1px solid #DDDDDD;margin-bottom:3.1819%;}
#prd_info .prd_info dl.price:after{content: '';display: block;clear: both;}
#prd_info .prd_info dl.price > dt{font-size: 1.625em;float: left;clear: both;padding-top:0.125em;}
#prd_info .prd_info dl.price > dd{font-size: 1.875em;float: right;font-weight: 700;margin-bottom:0.75em;}
#prd_info .prd_info dl.price > dd:last-child{margin-bottom: 0;}
#prd_info .prd_info > table{width:100%;border:1px solid #E2E2E2;table-layout:fixed}
#prd_info .prd_info > table > tbody > tr > th{width:40%;color:#333333;font-size: 1.625em; border-top: 1px solid #E2E2E2;padding:0.95em 0.8em;text-align: left; font-weight:400;}
#prd_info .prd_info > table > tbody > tr > td{width:60%;color:#666666;font-size: 1.625em; border-top: 1px solid #E2E2E2;padding:0.95em 0.5em 0.95em 0;word-break: break-all;}
#prd_info .prd_info > table > tbody > tr > td strong{color:#005116;font-size:1.0769em;}
#prd_info .prd_info > table > tbody > tr:first-child > th, #prd_info .prd_info > table > tbody > tr:first-child > td{border-top-width:0;}

#prd_info .prd_info > table.madeby{border-width: 0;}
#prd_info .prd_info > table.madeby > tbody > tr > th{border-width: 0;}
#prd_info .prd_info > table.madeby > tbody > tr > td{border-width: 0;}
#prd_info .prd_info > table.top_margin { margin-top: 20px;}

#prd_info .pd_cnt{position:relative;background-color:#eeeeee; border: 1px solid #CCCCCC;margin-top:1.5em;margin-bottom:1.3em;border-radius: 0.375em;}
#prd_info .pd_cnt > button{position:absolute;width:4em;height:4em;top:0;bottom:0;margin:auto;font-size:1em;}
#prd_info .pd_cnt > button.plus{right:0px;}
#prd_info .pd_cnt > button.plus::before, #prd_info .pd_cnt > button.plus::after{position:absolute;content:""; top:0;bottom:0;left:0;right:0;margin:auto;}
#prd_info .pd_cnt > button.plus::before{width:1.3125em;height:0.25em;background:#A1A1A1;}
#prd_info .pd_cnt > button.plus::after{width:0.25em;height:1.3125em;background:#A1A1A1;}
#prd_info .pd_cnt > button.minus{left:0px;}
#prd_info .pd_cnt > button.minus::before{position:absolute;content:""; top:0;bottom:0;left:0;right:0;margin:auto;width:1.3125em;height:0.25em;background:#A1A1A1;}
#prd_info .pd_cnt .cnt{position:relative;margin:0 4em;}
#prd_info .pd_cnt .cnt::before, #prd_info .pd_cnt .cnt::after{position: absolute;height:80%;top:0;bottom:0;content:"";border-right:1px solid #D0D0D0;border-left: 1px solid #F1F1F1;margin:auto;}
#prd_info .pd_cnt .cnt::before{left:0;}
#prd_info .pd_cnt .cnt::after{right:0;}
#prd_info .pd_cnt .cnt > input{display: block;font-size: 1.875em; line-height:2.2em; height:2em;border-width:0px;padding:0px;margin:0px;background:none;text-align: center;width:100%;color:#333;}

#prd_info .ipt_group { margin-top: 1.5em; margin-bottom: 1.3em; }

#prd_info .prd_info .ha_order { width: 100%; border: 1px solid #00521c; color: #00521c; padding: 1em; box-sizing: border-box; font-size: 1.375em; line-height: 1.5; position: relative;text-align:center; }
#prd_info .prd_info .ha_order img { position: absolute; top: 50%; left: 2em; margin-top: -11.5px; }
#prd_info .prd_info .ha_order + .btns { margin-top:1em; }

#prd_info .prd_info .btns{margin: 0 -0.48em;margin-top:2em;}
#prd_info .prd_info .btns > li{float:left;width:100%; padding: 0.24em; box-sizing: border-box; }
#prd_info .prd_info .btns.w1 > li{width:100%;}
#prd_info .prd_info .btns.w3 > li{width:33.333%;}
#prd_info .prd_info .btns > li > a{display:block;font-size: 1.375em; line-height: 3em; height:3.09091em;color:#fff; font-weight:600; background-color: #7c7c7c; border-radius: 0.2273em;border:1px solid #7c7c7c; text-align:center;}
#prd_info .prd_info .btns.brand > li > a { border-radius: 0; background-color: #363636; font-weight:normal; }

#prd_info .prd_info .btns > li > a.puple{background-color: #005116;border-color:#005116;}
#prd_info .prd_info .btns > li > a.white{background-color: #fff;border-color:#989898;color: #7a7a7a;}
#prd_info .prd_info .btns > li > a img{max-height:1em;margin-right:0.4em;}
#prd_info .prd_info .btns > li > a.buy_btn { background-color: #5dbc06; border-color: #5dbc06;}
#prd_info .prd_info .btns > li.soldout { width: 66%; }
#prd_info .prd_info .btns > li.soldout > a { background-color: #f5f5f5;border: 1px solid #d8d8d8; color: #9c8d8d; }
#prd_info .prd_info .ship_alert { padding: 0 20px; font-size: 1.425em; color: #226717; line-height: 1.8em; margin-top: 20px; text-align: center; font-weight: 600;}

#prd_info .prd_info .gift_prd { border: 3px solid #f1f1f1; padding: 15px; }
#prd_info .prd_info .gift_prd p { font-size: 1.375em; line-height: 2; }
#prd_info .prd_info .gift_prd ul li { font-size: 1.625em; line-height: 2; color: #005116; font-weight: bold; display: inline-block; position: relative; }
#prd_info .prd_info .gift_prd ul li span { border-bottom: 1px solid #005116; }

#prd_info .prd_info .tooltip { position: absolute; top: 0; right: -10px; width: 0; }
#prd_info .prd_info .tooltip .point { display: inline-block; cursor: pointer; line-height: 1; }
#prd_info .prd_info .tooltip .cont { background-color: #9b9b9b; border: 1px solid #777; color: #fff; font-size: 1em; line-height: 1.5; padding: 0.5em; box-sizing: border-box; width: 14em; position: relative; margin-top: 10px; left: -110px; display: none; z-index: 1; }
#prd_info .prd_info .tooltip .cont:before { content: ""; position: absolute; top: -10px; left: 110px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #9b9b9b; }
#prd_info .prd_info .tooltip:active .cont,
#prd_info .prd_info .tooltip:hover .cont { display: block; }

.additional_info{text-align: left;display: none;}
#additional_info .additional_info{display: block;}
.additional_info > dl{}
.additional_info > dl > dt{font-size: 1.5625em;margin-top:2em;padding-bottom:8px;border-bottom:2px solid #D6D6D6;}
.additional_info > dl > dd{margin:2.375em 1.625em;}
.additional_info h3{color: #666666;font-size: 12px;padding-left:14px;position: relative;margin:1.5em 0;}
.additional_info h3:before{position: absolute;height:1.125em;top:0;bottom:0;left:0px;border-left:4px solid #005116;content: '';margin:auto;}
.additional_info p{font-size: 1.125em; color: #666666; line-height: 1.75em;}
.additional_info p.point{color: #005116;}
.additional_info p.under_txt {margin-top: 10px;}
.additional_info table.tb_prd_info{width: 100%;border-top:1px solid #000;  margin: 10px;}
.additional_info table.tb_prd_info > tbody > tr > th{color: #333;font-size: 1em;padding:1em;background-color: #f0f0f0;text-align: right;font-weight: 400;text-align: left;border-bottom:1px solid #ddd;}
.additional_info table.tb_prd_info > tbody > tr{}
.additional_info table.tb_prd_info > tbody > tr.skyblue{background-color: #f9fefe;}
.additional_info table.tb_prd_info > thead > tr > th{color: #666666;font-size: 1em;padding:1em;border-bottom:1px solid #ddd;text-align: right;background-color: #f0f0f0;font-size: 1.125em;color: #666;}
.additional_info table.tb_prd_info > tbody > tr > td{color: #666666;font-size: 12px;padding:1em;border-bottom:1px solid #ddd;text-align: right}
.additional_info table.tb_prd_info > tbody > tr > th:first-child,.additional_info table.tb_prd_info > tbody > tr > td:first-child,.additional_info table.tb_prd_info > thead > tr > th:first-child{text-align: left}


.additional_info ul.ul_prd_info{padding-left: 1em;}
.additional_info ul.ul_prd_info > li{1em color: #666666; line-height: 2em;position: relative;}
.additional_info ul.ul_prd_info > li:before{width:0.333em;border-top:1px solid #666;top:15px;left:-1em;height:0;margin:auto;content: '';position: absolute;}
.additional_info ol.ol_prd_info{padding-left: 1.5em;}
.additional_info ol.ol_prd_info > li{1em; color: #666666; line-height: 2em;list-style:decimal ;}

/*상품 관련 정보들*/
.prd_rel{margin:4.625em 9px 0 9px;}
.prd_rel ul.snb{margin-left:1px;width:100%;}
.prd_rel ul.snb:after{content:"";display:block;clear:left;}
.prd_rel ul.snb > li{width:33.333%;float:left;display:table}
.prd_rel ul.snb > li > a{display: table-cell ;border:1px solid #D0D0D0;border-left-width:0px; margin-left:-1px;text-align:center;font-size: 1.5625em; height: 3.12em; vertical-align: middle; color:#666666;background-color: #f6f6f6;}
.prd_rel ul.snb > li:first-child > a{border-left-width:1px;}
.prd_rel ul.snb > li.on > a{border-top:2px solid #787878;border-bottom-width:0;background-color:#fff; color:#333333; font-weight:600;}
.prd_rel .content{margin:7.9412% 0;}

.lohas .prd_rel ul.snb > li{width:33.333%;float:left;}

section#prd_detail .allure { position: absolute; right: 10px; margin: 2em 10px 0 0; z-index: 1; width: 20vw; height: 20vh; }
#prd_detail .content img{width:100%;}
#prd_detail .content .more > a{position: relative;display:block;color:#898989; font-size:1.625em; line-height: 2.3077em;width:12em;margin:0px auto;padding:0 1em;background-color: #FAFAFA;
    border: 1px solid #D9D9D9;margin-top:2em;}
#prd_detail .content .more > a:after{position: absolute;content: ''; width:0px;height:0px;border-top:0.4231em solid #898989;border-left: 0.3846em solid transparent;border-right: 0.3846em solid transparent;
    top:0;bottom:0;margin:auto;right:1em;}
#prd_detail .video-container {position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden; }
#prd_detail .video-container iframe,.video-container object,.video-container embed { position:absolute; top:0; left:0; width:100%; height:90%; }


#recommend .content h3{font-size:1.5em;margin-bottom:1em;font-weight:300;}

#review .content .likeArea{text-align: center; padding: 14.75% 0 ;}
#review .content .likeArea strong{font-size: 1.750em; display: block; color: #333; font-weight: bold;}
#review .content .likeArea strong span{color: #005116; border-bottom: 0.1em solid #005116;}
#review .content .likeArea button{width: 9em; /* padding-left: 2em; */background: url(/m/images/common/ico_like.png ) 2em 0.75em no-repeat #005116; border: 1px solid #005116; color: #fff; font-size: 1.495em; font-weight: bold; padding: 0.8em 0; margin-top: 10%;text-align: left;background-size: 1.25em;padding-left: 3.7em;}
#review .content .likeArea button:active{background: url(/m/images/common/ico_like_on.png ) 2em 0.75em no-repeat #fff; border: 1px solid #ddd;  color: #333; background-size: 1.25em;}

#review .content{border:0.3125em solid #D3D3D3; background-color: #fff; }
#review .content .title{position: relative;margin:1.875em 1.25em;}
#review .content .title dt{font-size:1.75em;}
#review .content .title dt small{display:block;font-size:0.7143em; margin-top:0.8em;}
#review .content .title dt small strong{font-weight: 600;;}
#review .content .title dd{position: absolute;top:0;right:0;}
#review .content .title dd .stars > li{display:inline-block;height:1.1875em;width:1.1875em;background:url(/m/images/common/ico_star_off.png)center center no-repeat; background-size:contain;}
#review .content .title dd .stars > li.on{background-image:url(/m/images/common/ico_star_on.png)}
#review .content .title dd p{font-size:1.25em;text-align: right;}
#review .content .title dd p strong{font-size:1.75em;}
#review .content .write{position: relative;margin:1.875em 1.25em;}
#review .content .write .stars > li{display:inline-block;}
#review .content .write .stars > li > a{display:block;height:2.6875em;width:2.6875em;background:url(/m/images/common/ico_star2_off.png)center center no-repeat; background-size:contain;}
#review .content .write .stars > li.on > a{background-image:url(/m/images/common/ico_star2_on.png)}
#review .content .write .writeBox_review{position: relative; border: 0.1875em solid #333333;margin-top:1.25em;border-radius:0;}
#review .content .write .writeBox_review textarea{display:block;width:70%;box-sizing:border-box; border-width:0px;padding:0.5em;font-size:1.2em;line-height:1.2em;height:7.625em;outline:none;-webkit-appearance:none;border-radius:0;}
#review .content .write .writeBox_review button{position:absolute; width:30%;height:100%;background-color: #333; color:#fff; font-size: 1.25em; font-weight:700;top:0;right:0;}
#review .content .lst_review{}
#review .content .lst_review ul.list > li{padding:1.25em;border-top:1px solid #D3D3D3; }
#review .content .lst_review ul.list > li > .date{font-size: 1.25em; color:#adadad;margin-bottom:1.25em;}
#review .content .lst_review ul.list > li > .date > *{vertical-align: middle;}
#review .content .lst_review ul.list > li > .date > strong{color:#333;margin-right:1.5em;}
#review .content .lst_review ul.list > li > .date > span{margin-right:1.5em;}
#review .content .lst_review .stars{display:inline-block;}
#review .content .lst_review .stars > li{display:inline-block;height:0.95em;width:0.95em;background:url(/m/images/common/ico_star_off.png)center center no-repeat; background-size:contain;margin:0.1em;}
#review .content .lst_review .stars > li.on{background-image:url(/m/images/common/ico_star_on.png)}
#review .content .lst_review ul.list > li p{font-size: 1.5em; line-height: 1.6667;letter-spacing:-0.5px;}

#about_order .content{font-size:12px ;line-height:1.6;text-align:justify;letter-spacing:-0.03em;padding:0 7px;}
#recommend .empty_content{padding: 3em 0;}


/*리스트 스타일*/
.lst_type01 .cate{margin-bottom:4.9411%;}
.lst_type01 .cate > ul{text-align:center;}
.lst_type01 .cate > ul > li{display: inline-block;margin-bottom:3%;}
.lst_type01 .cate > ul > li > a{position:relative; display:block; font-size:1.2em; color:#666666; padding:0px 0.6em;}
.lst_type01 .cate > ul > li > a:after{position: absolute;height:80%;left:-1px;top:0px;bottom:0px;margin:auto;border-left:1px solid #DBDBDB;border-right:1px solid #F5F5F5;content:"";}
.lst_type01 .cate > ul > li:first-child > a:after{content:none;}
.lst_type01 .list{margin:0px 0.4375em;}
.lst_type01 .list > ul{margin-left:-1.375em;}
.lst_type01 .list > ul > li{width:50%;float:left;}
.lst_type01 .list > ul > li > a{display:block;border:1px solid #D5D5D5;margin-left:0.9em;margin-bottom:1.2em;box-shadow: 0px 3px 5px rgba(0,0,0,.1)}
.lst_type01 .list > ul > li > a > *{display:block;padding:1.3em;}
.lst_type01 .list .img{text-align:center;height:14.5em;}
.lst_type01 .list .img > img{max-width:100%;max-height:100%;vertical-align: middle}
.lst_type01 .list .con span.tit{display:block;text-align:center;color: #333333; font-size: 1.2em; line-height:1.3em; height:2.6em;overflow:hidden;}
.lst_type01 .list .con span.price{display:block;font-size:1.1em;color:#666;line-height:1.2;margin-top:0.6em;}
.lst_type01 .list .con span.price:nth-child(2){margin-top:0px}
.lst_type01 .list .con span.price:after{content:"";display:block;clear:both;}
.lst_type01 .list .con span.price span{float:left;}
.lst_type01 .list .con span.price strong{color:#333333;float:right;}

.lst_type02{background:#fff;/* padding:2.5em 0.625em; */}
.lst_type02 > ul{margin-bottom:2em;}
.lst_type02 > p{margin-bottom:0.5em;}
.lst_type02 > p > strong{color: #226717;; font-size: 1.25em;}
.lst_type02 > ul > li{background-color:#fff;margin-bottom:0.625em; padding:0.8em 0.7em;/* border-radius:4px;box-shadow:1px 2px 5px -2px rgba(0,0,0, .25) */;overflow:hidden;
 -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease;border-bottom: 1px solid #e0e0e0;}




.lst_type03 .list > ul{margin-left:-1.375em;}
.lst_type03 .list > ul > li{width:16.625em;}
.lst_type03 .list > ul > li > a{display:block;border:1px solid #D5D5D5;margin-left:1.375em;margin-bottom:1.275em;}
.lst_type03 .list > ul > li > a > *{display:block;padding:1.4375em;}
.lst_type03 .list .img{text-align:center;height:10.625em;}
.lst_type03 .list .img > img{max-width:100%;max-height:100%;vertical-align: middle}
.lst_type03 .list .con h4{text-align:center;color: #333333; font-size: 1.2em; line-height:1.3em; height:2.6em;margin-bottom:0.3em;;overflow:hidden;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.lst_type03 .list .con p{color:#666;line-height:1.2;height:2.4em;overflow:hidden;text-align:center;}


/*page nate*/
.paginate{margin:1.25em;text-align:center;}
.paginate > * {vertical-align: middle;}
.paginate > a{display: inline-block;;width:2.25em;height:2.25em;}
.paginate > a > img{max-width:100%;max-height:100%;}
.paginate > span > a{display: inline-block;padding:0 0.4em;margin:0 0.4em;font-size:1.375em;color:#999999;font-weight:700;}
.paginate > span > a.on{text-decoration: underline;color:#005116;}


/*장바구니*/

header.purchase_process .bx_process{padding:7.6471% 1.5%;}
.bx_process > ul{}
.bx_process > ul > li{width:25%;text-align: center;float: left;position: relative;}
.bx_process > ul > li > .img{vertical-align: middle;}
.bx_process > ul > li > .img img{width:6.75em;max-width:75%;}
.bx_process > ul > li > .con{margin-top:1.125em;}
.bx_process > ul > li > .con > p{color: #757575;font-weight: 700;font-size: 1.25em;}
.bx_process > ul > li:after{content: '';width:0.75em; height: 1.5em;position: absolute;left:-0.375em;top:0;bottom: 0;margin:auto;background: url(/m/images/order/ico_process_next.png) 0 center no-repeat;z-index: 1;-webkit-background-size: contain; background-size: contain;}
.bx_process > ul > li:first-child:after{content: none;}
.bx_process > ul > li.on > .con > span{color: #005116;}
.bx_process > ul > li.on > .con > p{color: #005116;}

#basket .lst_type02{padding-bottom:2.5em;}
#basket .lst_type02 > ul{padding-bottom:0px;}
#basket .lst_type02 > ul > li{padding:0;overflow:hidden;}
#basket .lst_type02 > ul > li > dl{position:relative;padding:1.1875em; overflow:hidden;}
#basket .lst_type02 > ul > li dt{float:left;width:14.25em;clear:left;}
#basket .lst_type02 > ul > li dd{margin-left:14.25em;}
#basket .lst_type02 > ul > li dt > input[type="checkbox"]{position: absolute;top:-2.25em;}
#basket .lst_type02 > ul > li dt > input[type="checkbox"] + label{display: inline-block; width:1.875em; height:1.875em; border:0.125em solid #BBBBBB;background-color:#fff;cursor:pointer;
    color:transparent;vertical-align: top;text-align: center;margin-right:1em;}
#basket .lst_type02 > ul > li dt > input[type="checkbox"]:checked + label{background: url(/m/images/product/ico_check.png) center center no-repeat; background-size: 80% auto;}
#basket .lst_type02 > ul > li dt > .img{display: inline-block; width:9em; height: 9em;border:1px solid #C7C7C7;padding:0.625em;box-sizing:border-box;text-align:center;}
#basket .lst_type02 > ul > li dt > .img img{max-width:100%;max-height:100%;}
#basket .lst_type02 > ul > li dd h3{font-size: 1.5em;margin-bottom:0.75em;}
#basket .lst_type02 > ul > li dd label.drop_down{position: relative; display: inline-block;}
#basket .lst_type02 > ul > li dd label.drop_down::before{position: absolute;content: ''; width:0px;height:0px;border-top:0.6875em solid #898989;border-left: 0.625em solid transparent;
    border-right: 0.625em solid transparent;top:0;bottom:0;margin:auto;right:1.275em;z-index:1;}
#basket .lst_type02 > ul > li dd select{position: relative;-webkit-appearance:none;color:#898989;font-size: 1.375em; width:14em; height:2.3636em;border:1px solid #CBCBCB;
padding-left:1.275em;box-sizing:border-box;border-radius:0;}
#basket .lst_type02 .btn_close{position: absolute; right:1em;top:1em;width:2.3em;height:2.3em;border-radius:50%;background-color: #CBCBCB;}
#basket .lst_type02 .btn_close::before, #basket .lst_type02 .btn_close::after{position:absolute;content:""; top:0;bottom:0;left:0;right:0;margin:auto;border-radius:0.1em;
    ms-transform: rotate(45deg); /* IE 9 */    -webkit-transform: rotate(45deg); /* Safari */    transform: rotate(45deg);}
#basket .lst_type02 .btn_close::before{width:65%;height:0.1875em;background:#fff;}
#basket .lst_type02 .btn_close::after{width:0.1875em;height:65%;background:#fff;}
#basket .lst_type02 .bot{padding:1.1875em;background-color: #f7f6f4;}
#basket .lst_type02 .bot h4{font-size:1.25em;font-weight: 400;margin-bottom:0.8em; }
#basket .lst_type02 .bot > div:after{content:"";display:block;clear:both;}
#basket .lst_type02 .bot .price{float:right;text-align: right;}
#basket .lst_type02 .bot .price .original{color:#666666; font-size: 1.125; text-decoration:line-through; }
#basket .lst_type02 .bot .price .sale{color:#d41010;font-size: 1.5em;font-weight: 700;}

#basket .lst_type02 > ul > li.alert{margin:1.3125em 0;padding:1.875em 1.375em; }
#basket .lst_type02 > ul > li.alert > .inner{position: relative;}
#basket .lst_type02 > ul > li.alert > .inner .img{width:2.9375em;height:2.9375em; position: absolute;}
#basket .lst_type02 > ul > li.alert > .inner .img img{max-width:100%;max-height: 100%;}
#basket .lst_type02 > ul > li.alert > .inner .con{margin:0 0 0 4.8125em;}
#basket .lst_type02 > ul > li.alert > .inner .con p{font-size: 1.35em; line-height:1.3;}
#basket .lst_type02 .btns{margin:0 0.625em; padding-bottom: 1.5em; border-bottom:1px solid #D6D6D6;}


#basket .pd_cnt{position:relative;float:left; background-color:#fff; border: 1px solid #A0A0A0;border-radius: 0.375em;overflow:hidden}
#basket .pd_cnt > button{position:absolute;width:3.4375em;height:3.4375em;top:0;bottom:0;margin:auto;font-size:1em;
    background: rgba(246,246,246,1);
    background: -moz-linear-gradient(top, rgba(246,246,246,1) 0%, rgba(222,222,222,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(246,246,246,1)), color-stop(100%, rgba(222,222,222,1)));
    background: -webkit-linear-gradient(top, rgba(246,246,246,1) 0%, rgba(222,222,222,1) 100%);
    background: -o-linear-gradient(top, rgba(246,246,246,1) 0%, rgba(222,222,222,1) 100%);
    background: -ms-linear-gradient(top, rgba(246,246,246,1) 0%, rgba(222,222,222,1) 100%);
    background: linear-gradient(to bottom, rgba(246,246,246,1) 0%, rgba(222,222,222,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#dedede', GradientType=0 );
}
#basket .pd_cnt > button.plus{right:0px;border-left:1px solid #C7C7C7;box-shadow:-1px 0px 2px -1px rgba(0,0,0,.2)}
#basket .pd_cnt > button.plus::before, #basket .pd_cnt > button.plus::after{position:absolute;content:""; top:0;bottom:0;left:0;right:0;margin:auto;}
#basket .pd_cnt > button.plus::before{width:1.3125em;height:0.25em;background:#acacac;}
#basket .pd_cnt > button.plus::after{width:0.25em;height:1.3125em;background:#acacac;}
#basket .pd_cnt > button.minus{left:0px;border-right:1px solid #C7C7C7;box-shadow:1px 0px 2px -1px rgba(0,0,0,.2)}
#basket .pd_cnt > button.minus::before{position:absolute;content:""; top:0;bottom:0;left:0;right:0;margin:auto;width:1.3125em;height:0.25em;background:#acacac;}
#basket .pd_cnt .cnt{position:relative;margin:0 3.4375em;display:inline-block;}
#basket .pd_cnt .cnt > input{display: block;font-size: 1.5em; height:2.20833em; color:#333; border-width:0px;padding:0px;margin:0px;background:none;text-align: center; width:2.9167em;color:#333;}

#basket div.btn_save{float: left; margin-left: 0.5em;}
#basket div.btn_save > button{font-size: 1.5em; height:2.29167em;padding:0 0.5em;border: 1px solid #A0A0A0;border-radius:3px;}
#basket div.btn_save > .text { font-size: 1.5em; margin-top: 0.25em; }

#basket .pd_cnt_fix{position:relative;float:left; background-color:#fff;overflow:hidden}
#basket .pd_cnt_fix > p{color: #000;margin-top: 0.4em;}
#basket .pd_cnt_fix > p > span{font-size: 1.25em;color: #666;}
#basket .pd_cnt_fix > p > strong{font-size: 1.5em;font-weight: 400;}

/*장바구니 - type3*/
#basket {}
#basket .tit_area { padding: 3.75%; overflow: hidden; }
#basket .tit_area h2 { float: left; }
#basket .tit_area p { float: right; font-size: 1.25em; line-height: 1.5; }

#basket .lst_type04{}
#basket .lst_type04 > header{position: relative;padding: 2.5% 5%;background-color: #fff;border-top: 2px solid #626262;}
#basket .lst_type04 > header > h2{font-size: 1.5em;color: #666;font-weight: normal;}
#basket .lst_type04 > header > h2 > .brand_logo { max-width: 70px; margin-right: 20px; }
#basket .lst_type04 > header > h2 > span{font-weight: 400;}
#basket .lst_type04 > header > button.btn_toggle{position: absolute;top:0em;bottom:0em; width: 3em;height:3em; margin:auto; right: 1em;background: rgb(255,255,255);border:1px solid #C2C2C2;border-radius:3px;
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(247,247,247,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(247,247,247,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(247,247,247,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(247,247,247,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(247,247,247,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(247,247,247,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7', GradientType=0 );
}
#basket .lst_type04 > header > button.btn_toggle img{position: absolute;top:0;bottom:0;right:0;left:0;margin:auto;width:1.625em;
    -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);
    -webkit-transition: -webkit-transform .3s ease;
    -moz-transition: -moz-transform .3s ease;
    -ms-transition: -ms-transform .3s ease;
    -o-transition: -o-transform .3s ease;
    transition: transform .3s ease;
}
#basket .lst_type04.on > header > button.btn_toggle img{
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
}
#basket .lst_type04 ul.list{padding-bottom:0px;border-top: 1px solid #D3D3D3;}
#basket .lst_type04 ul.list > li{padding:0;overflow:hidden;border-bottom: 1px solid #D3D3D3;}
#basket .lst_type04 ul.list > li > dl{position:relative;padding:5% 5% 0;}
#basket .lst_type04 ul.list > li dd{ display: table; }
#basket .lst_type04 ul.list > li dd .img{width:88px;height:87px;border:1px solid #E9E9E9;position: relative;display: table-cell;vertical-align: top;}
#basket .lst_type04 ul.list > li dd .img img{position: absolute;top:0;bottom:0;left:0;right:0;margin:auto;max-width:100%;max-height:100%;}
#basket .lst_type04 ul.list > li dd h3{font-size: 1.5em;line-height: 1.5;margin-right:1em;display: table-cell;vertical-align: top; padding-top: 0.25em; padding-left: 1em; padding-right: 2em; }
#basket .lst_type04 ul.list > li dd h3 .opt { font-size: 0.8em; color: #999; margin-top: 5px; font-weight: 500; }
#basket .lst_type04 ul.list > li dd label.drop_down{position: relative; display: table-cell;}
#basket .lst_type04 ul.list > li dd label.drop_down::before{position: absolute;content: ''; width:0px;height:0px;border-top:0.6875em solid #898989;border-left: 0.625em solid transparent;
    border-right: 0.625em solid transparent;top:0;bottom:0;margin:auto;right:1.275em;z-index:1;}
#basket .lst_type04 ul > li dd select{position: relative;-webkit-appearance:none;color:#898989;font-size: 1.375em; width:14em; height:2.3636em;border:1px solid #CBCBCB;
padding-left:1.275em;box-sizing:border-box;border-radius:0;}
#basket .lst_type04 .btn_close{position: absolute; right:1.75em;top:1.75em;width:2.3em;height:2.3em;border-radius:50%;background-color: #CBCBCB;}
#basket .lst_type04 .btn_close::before, #basket .lst_type04 .btn_close::after{position:absolute;content:""; top:0;bottom:0;left:0;right:0;margin:auto;border-radius:0.1em;
    ms-transform: rotate(45deg); /* IE 9 */    -webkit-transform: rotate(45deg); /* Safari */    transform: rotate(45deg);}
#basket .lst_type04 .btn_close::before{width:65%;height:0.1875em;background:#fff;}
#basket .lst_type04 .btn_close::after{width:0.1875em;height:65%;background:#fff;}
#basket .lst_type04 .bot{padding:5%;}
#basket .lst_type04 .bot h4{font-size:1.25em;font-weight: 400;margin-bottom:0.8em; }
#basket .lst_type04 .bot > div:after{content:"";display:block;clear:both;}
#basket .lst_type04 .bot .price{float:right;text-align: right;line-height: 1.375; }
#basket .lst_type04 .bot .price .sale { overflow: hidden; }
#basket .lst_type04 .bot .price .sale:only-child{margin-top:0.5em;}
#basket .lst_type04 .bot .price .sale > span{font-weight: 400;font-size: 1.25em;color: #666666;margin-right:0.75em; float: left; }
#basket .lst_type04 .bot .price .sale > strong{font-size: 1.5em;color: #333;font-weight: 400; float: right;}
#basket .lst_type04 .bot .price .sale > strong.line { text-decoration: line-through; }
#basket .lst_type04 .bot .price .sale > strong.bene{color: #005116;}
#basket .lst_type04 .bot .price .sale > strong.staff{color: #8ebe3f;}
#basket .lst_type04 .bot .price .sale > strong > span{font-weight: 400;}

#basket .lst_type04 .total_amount{border-bottom: 1px solid #D3D3D3;background-color: #f4f4f4;padding:1.875em 5%;text-align: center;overflow: hidden;}
#basket .lst_type04 .total_amount > p{color: #333333;}
#basket .lst_type04 .total_amount > p > span{font-size: 1.5em;}
#basket .lst_type04 .total_amount > p > strong{font-size: 2.1875em;}
#basket .lst_type04 .total_amount dl > dt{float: left;line-height: 1.5;clear: both; font-size: 1.5em;}
#basket .lst_type04 .total_amount dl > dt:first-child { font-weight: bold; }
#basket .lst_type04 .total_amount dl > dd{float: right;line-height: 1.5; font-size: 1.5em; text-align: right;}

#basket .lst_type04 .alert{padding:0.8125em 5% 3.75em; }
#basket .lst_type04 .alert > .inner{position: relative;}
#basket .lst_type04 .alert > .inner .img{width:2.9375em;height:2.9375em; position: absolute;}
#basket .lst_type04 .alert > .inner .img img{max-width:100%;max-height: 100%;}
#basket .lst_type04 .alert > .inner .con{margin:0 0 0 3.8125em;}
#basket .lst_type04 .alert > .inner .con p{font-size: 1.25em; line-height:1.5;}
#basket .lst_type04 .btns{margin:0 0.625em; padding-bottom: 1.5em; border-bottom:1px solid #D6D6D6;}


.ha_core{background-color:#d6e3ef;margin:1.875em 0.625em; padding:2em 1.75em 2em 1.75em;border-radius:4px;box-shadow:1px 2px 5px -2px rgba(0,0,0, .25);}
.ha_core h2{color:#386ea1;font-size: 1.5em;margin-bottom:0.5em;}
.ha_core input{width:100%;box-sizing:border-box;1.25em;height:3em; line-height:3em; padding:0px 1em;border:0.125em solid #DEDEDE;}
.ha_core p{font-size: 1.125em;margin:0.6em 0;line-height:1.3;}
.ha_core > div{text-align:center;}

.bx_intro_point{border-top:1px solid #8D8D8D;border-bottom:1px solid #8D8D8D;margin:5% 0;}
.bx_intro_point > .top{padding:1.5em 5%;}
.bx_intro_point > .top > p{color: #333333;font-size: 1.25em;}
.bx_intro_point > .bot{background-color: #f4f4f4;padding:1em 5%;}
.bx_intro_point .point{margin-left:-2em;}
.bx_intro_point .point > dl{vertical-align: middle;margin:1em 0 1em 2em;}
.bx_intro_point .point > dl > dt{display: inline-block;vertical-align: middle;margin-right: 1em;font-size: 1.125em;}
.bx_intro_point .point > dl > dd{display: inline-block;vertical-align: middle;font-size: 1.75em;font-weight: 700;}
.bx_intro_point .point > dl > dd > strong{color: #005116;}

#basket .order_summary{background-color:#fff;margin:1.875em 0.625em; padding:2em 1.75em 2em 1.75em;border-radius:4px;box-shadow:1px 2px 5px -2px rgba(0,0,0, .25);}
#basket .order_summary dt{width:50%;float:left;clear: left;font-size: 1.5em;}
#basket .order_summary dd{padding-left:50%;text-align:right;font-size: 1.5em;margin-bottom:0.8em;}
#basket .order_summary dd strong{font-size:1.1667em;margin-right:0.3em;}
#basket .order_summary dt.sum{padding-top:0.8em;}
#basket .order_summary dt.sum + dd{padding-top:0.8em;border-top:1px solid #D6D6D6;margin-bottom:0;}
#basket .order_summary dt.sum + dd strong{color:#d41010;}

#basket .bx_address{ margin:0 0.625em; margin-bottom: 2em; }
#basket .bx_address input.inputST2 { margin: 1% 1% 1% 0; border-radius: 0; }
#basket .bx_address .ipt_group { margin-bottom: 0; }
#basket .bx_address input.name {  }
#basket .bx_address input.postcode { margin-right: 1%; margin-bottom: 5px; }
#basket .bx_address input.address1 { margin-right: 3px; }
#basket .bx_address input.address2 {  }
#basket .bx_address input.phone {  }
#basket .bx_address input.request { margin-right: 5px; }
#basket .bx_address input.readonly { background-color: #f4f4f4; }
#basket .bx_address .notice { color: #d12b2b; margin-top: 5px;  }
#basket .bx_address .notice2 {  }
#basket .bx_address .btn_post { font-size: 1.5em; height: 2.5em; line-height: inherit; }

/* 테이블 스타일 */
.tb_style1 {  }
.tb_style1 table { width: 100%; border-top: 2px solid #939393; }
.tb_style1 table tbody th,
.tb_style1 table tbody td { border-bottom: 1px solid #e0e0e0; padding: 1% 2% 1% 5%; vertical-align: middle; }
.tb_style1 table tbody th { text-align: left; color: #666; font-weight: bold; width: 30%; }
.tb_style1 table tbody td { text-align: left; color: #666; font-weight: 300; padding: 1% 0; }

.order_summary_t2{ background-color:#767676; color: #fff; padding: 0 5%; margin: 0 0.625em 2em; }
.order_summary_t2 dl{padding:2em 0 0;}
.order_summary_t2 dt{width:50%;float:left;clear: left;font-size: 1.5em;}
.order_summary_t2 dd{padding-left:50%;text-align:right;font-size: 1.5em;margin-bottom:0.8em;}
.order_summary_t2 dd strong{font-size:1.1667em;margin-right:0.3em;}
.order_summary_t2 dd strong.mn{color: #d41010;}
.order_summary_t2 dl.sum{border-top:2px dotted #fff;padding:1.875em 0; margin-top: 4em;}
.order_summary_t2 dl dt.sum{line-height:1.83333;}
.order_summary_t2 dl dt.sum + dd{margin-bottom:0;}
.order_summary_t2 dl dt.sum + dd strong{font-size: 1.83333em;line-height: 1;}
.order_summary_t2 dt.sum + dd p{text-align: right;margin-top:0.5em;}
.order_summary_t2 dt.sum + dd p > span{font-size: 0.625em;color: #858585;vertical-align: middle;font-weight: 700;}
.order_summary_t2 dt.sum + dd p > button{font-size: 0.66667em;color: #ffffff;background-color: #858585;padding:0.5em 0.8em;vertical-align: middle;border-radius:2px;}

.order_step{margin:3.4375em 0.625em 3em; }
.order_step > ul{margin-left:-0.4375em;}
.order_step > ul > li{float:left;width:50%;}
.order_step > ul > li > a{margin-left:0.4375em; display: block;;font-size: 1.5em;height:3.625em;line-height:3.625em;text-align:center;background-color: #6d6d6d;color: #fff;font-weight:700;}
.order_step > ul > li > a strong{color:#d41010;}

.order_step_w3{margin:2.4375em 0.625em 5em; }
.order_step_w3 > ul{margin-left:-0.3em;}
.order_step_w3 > ul > li{float:left;width:50%;}
.order_step_w3 > ul > li.sm{width:30%;}
.order_step_w3 > ul > li.lg{width:40%;float: right;}
.order_step_w3 > ul > li.only{float: none;text-align: center;margin: auto;}
.order_step_w3 > ul > li > a{margin-left:0.3em; display: block;;font-size: 1.5em;height:3.625em;line-height:3.625em;text-align:center;color: #666666;font-weight:700;border-radius:4px;border: 1px solid #ACACAC;overflow: hidden;
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(232,232,232,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(232,232,232,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(232,232,232,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(232,232,232,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(232,232,232,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(232,232,232,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e8e8', GradientType=0 );
}
.order_step_w3 > ul > li > a:nth-child(n){filter: none;}
.order_step_w3 > ul > li > a strong{color:#d41010;}
.order_step_w3 > ul > li > a.bg_point{background: #005116;color: #fff;border: 1px solid #8F2C72;}
.order_step_w3 > ul > li > a.bg_black{background: #434343;color: #fff;border: 1px solid #434343;}


/*제품 리스트 페이지*/
#prd_list.lst_type02{}
#prd_list.lst_type02 > ul{}
#prd_list.lst_type02 > ul > li{padding:0.5em 1.8em; position: :relative;}
#prd_list.lst_type02 > ul > li > .inner{position:relative;}
#prd_list.lst_type02 > ul > li:after{content:"";display:block; clear:left;}
#prd_list.lst_type02 > ul > li .img{position:absolute; width:18em;height:18em;text-align:center;top: 0;bottom: 0;margin: auto;}
#prd_list.lst_type02 > ul > li .img img{max-width:100%;max-height:100%;}
#prd_list.lst_type02 > ul > li .con{height: 16em; margin-left:19em;padding: 3.6em 0 1.0em 0;}
#prd_list.lst_type02 > ul > li .con h2{font-size: 1.5625em; margin-bottom:0.4em;}
#prd_list.lst_type02 > ul > li .con p{font-size:1.5em;line-height:1.555; margin-bottom:0.8em;letter-spacing:-0.5px;}
#prd_list.lst_type02 > ul > li .con button{font-size:1.375em;font-weight:700;min-width:42%; letter-spacing:-0.5px;}

#prd_list.lst_type02 > ul > li .tags{position: absolute;z-index: 1;margin-left:-0.75em;top:0.25em;}
#prd_list.lst_type02 > ul > li .tags > .tag{background-color: #CAAF93;font-size: 1em;width:3em;height:3em;border-radius:50%;color: #fff;line-height: 3em;text-align: center;display: inline-block;}
#prd_list.lst_type02 > ul > li .tags > .tag.new{background-color: #CAAF93;}
#prd_list.lst_type02 > ul > li .tags > .tag.sale{background-color: #4DB3AD;}
#prd_list.lst_type02 > ul > li .allure {position: absolute; left: 3em; margin: 1.5em 45em 10px 10.5em; z-index: 2; width: 4.5em; height: 4.5em; }
#prd_list.lst_type02 .m_product_tab .perpack_btn {position: relative; display: block; height: 6em;  box-sizing: border-box; /*  padding-left: 0.5em;   */ width: 100%;   text-align: center;/*  font-size: 1.4em;  line-height: 2.6em;  font-weight: 500;  right: 0;  margin-right: 2%;  background-color: #228967;  color: #fff;  background-image: url(/m/images/main/perpack_btnico_01.png);
  background-repeat: no-repeat;  background-size: 1.9em;  background-position-x: 0.8em;  background-position-y: 0.5em;  border-radius: 4px; */}
#prd_list.lst_type02 .m_product_tab .perpack_btn .btn01 {position: relative; display: inline-block; box-sizing: border-box; padding-left: 0.5em; width: 48.5%; height: 3.5em; text-align: center; font-size: 1.45em; line-height: 3.3em; font-weight: 500; right: 0; margin-right: 2%; background-color: #228967; color: #fff; background-image: url('/m/images/main/perpack_btnico_01.png'); background-repeat: no-repeat; background-size: 2.3em; background-position-x: 1.2em; background-position-y: 0.5em; border-radius: 4px; }
#prd_list.lst_type02 .m_product_tab .perpack_btn .btn02 {position: relative; display:inline-block; box-sizing: border-box; padding-left:0.5em; width: 48.5%; height: 3.5em;text-align: center;font-size: 1.45em; line-height: 3.3em; font-weight: 500; right: 0; background-color: #292a2a; color:#fff;background-image: url('/m/images/main/perpack_btnico_02.png');background-repeat: no-repeat; background-size: 2.3em; background-position-x: 1.2em; background-position-y: 0.5em; border-radius: 4px;}
#prd_list.lst_type02 .m_product_tab .app_btn {position: relative; display: block; box-sizing: border-box; width:100%; padding-top: 1%; padding-left: 4%; padding-right: 4%;  padding-bottom:-4%; margin-bottom:4%; margin: 0 auto; background-color: #fff;border-bottom:4px solid #eaeeee ;}
#prd_list.lst_type02 .m_product_tab .app_btn .btn01 {position: relative; display:inline-block; box-sizing: border-box; width: 48.0%;  height: 50px; text-align: center;right: 0; margin-right: 3%; background-image: url('/pc/brand/images/tmp/img_prd_banner_t1_6_appbtn03.jpg'); background-repeat: no-repeat; background-size: contain;}
#prd_list.lst_type02 .m_product_tab .app_btn .btn02 {position: relative; display:inline-block; box-sizing: border-box; width: 48.0%;  height: 50px;text-align: center;right: 0; background-image: url('/pc/brand/images/tmp/img_prd_banner_t1_6_appbtn04.jpg'); background-repeat: no-repeat; background-size: contain;}

/*주문 - 주소*/
#shipping {padding-top:0.1em;}
#shipping > h3{position: relative;color:#666;font-size:1.5em;margin:1.1667em 0.625em 0.8333em;}
#shipping > h3 > small{position: absolute;right:0;bottom:0;font-size:0.9167em;font-weight:400;}
#shipping > h3 > small > strong{position: relative; color:#005116;font-size:1.1364em ;}
#shipping > h3 > small > strong:after{position: absolute;content: '';bottom:0px;width:100%;border-bottom:0.08em solid #005116;left:0;}
#shipping.lst_type02 > ul{padding-top:0;padding-bottom:0;}
#shipping.lst_type02 > ul > li{padding:0;border:0.125em solid #fff;}
#shipping.lst_type02 > ul > li.on{border-color:#D7AFCD}
#shipping.lst_type02 > ul > li > .inner{position:relative;padding:1.25em 1.625em;overflow: hidden;}
#shipping.lst_type02 > ul > li hgroup{margin-right:5.5em;}
#shipping.lst_type02 > ul > li hgroup h1{margin-bottom:0.5em;}
#shipping.lst_type02 > ul > li hgroup h4{color:#aa3d8e; font-size: 1.25em; margin-bottom:0.9em;}
#shipping.lst_type02 > ul > li hgroup h5{font-size: 1.5em;margin-bottom:0.4em;padding-left:1.6em;line-height:1.3;background: url(/m/images/product/ico_landmark.png) 0.2em center no-repeat; background-size:contain;}
#shipping.lst_type02 > ul > li hgroup address{font-style:normal; font-size: 1.25em; color: #666;line-height:1.4;}
#shipping.lst_type02 input.address_chk{position: absolute;top:-100px;visibility: hidden;}
#shipping.lst_type02 input.address_chk+label{position: absolute;width:3.5625em; height:3.375em; border:0.25em solid #DDDDDD; border-radius:0.3125em;top:0;bottom:0;right:2em;margin:auto;background-color: #fff;}
#shipping.lst_type02 input.address_chk:checked+label{background:url(/m/images/product/ico_check.png) center center no-repeat; background-size: 90% auto;}
#shipping.lst_type02 > ul > li .btnArea{font-size: 1.250em;margin-top:0.5em;width: 5em;}
#shipping.lst_type02 > ul > li .btnArea ul:after {display:block; clear:both; content:"";}
#shipping.lst_type02 > ul > li .btnArea ul li{float: left; }
#shipping.lst_type02 > ul > li .btnArea ul li:first-child{border-right: 1px solid #ddd; padding-right: 6%; margin-right: 7%;}
#shipping.lst_type02 > ul > li .btnArea ul li a{border-bottom: 1px solid #999; color: #666;}
#shipping.lst_type02 > ul > li .btnArea ul li a.modi{color: #005116; border-bottom: 1px solid #005116;}


#shipping #manage_address{margin:1.1667em 0.625em 0.8333em;}
#shipping #manage_address > a{display: block;font-size: 1.5em; color:#6d6d6d; font-weight:700;text-align:center;border:0.125em solid #B1B1B1;line-height: 3.5em;}
#shipping #manage_address > a > span{line-height:1em;}
#shipping #manage_address > a > span.ico_plus{position: relative; display: inline-block; margin-left:0.4em;width:1em;height:1em;vertical-align:middle;}
#shipping #manage_address > a > span.ico_plus::before, #shipping #manage_address > a > span.ico_plus::after{position:absolute;content:""; top:0;bottom:0;left:0;right:0;margin:auto;}
#shipping #manage_address > a > span.ico_plus::before{width:1em;height:0.125em;background:#C5C5C5;}
#shipping #manage_address > a > span.ico_plus::after{width:0.125em;height:1em;background:#C5C5C5;}

#pop_edit_address > .inner{padding:1em;}
#pop_edit_address .bx_address.regist > article{margin:0;box-shadow:none;padding:0 2%;}
#pop_edit_address .bx_address.regist >h1{font-size: 1.75em;margin-bottom:0.5em;text-align: center;color: #666;}
/*주문 - 결제하기*/
#basket .pay_option{ padding-top: 1.875em; border-top:1px solid #D6D6D6;margin:1.875em 0.625em;}
#basket .pay_option .inner{background-color:#fff; padding:2em 1.75em 2em 1.75em;border-radius:4px;box-shadow:1px 2px 5px -2px rgba(0,0,0, .25);}
#basket .pay_option .inner h2{color:#333333;font-size: 1.5em;margin-bottom:0.5em;font-weight:400;}
#basket .pay_option .inner h2.pay_method{margin-top:1.2em;}
#basket .pay_option .inner input.ipt_coupon{width:68.5%;margin-right:1.5%;box-sizing:border-box;font-size: 1.5em;height:2.6667em; line-height:2.6667em; padding:0px 1em;border:0.0833em solid #DEDEDE;
    color:#999;}
#basket .pay_option .inner input.ipt_coupon + button{width:30%;font-size: 1.5em;height:2.6667em; line-height:2.6667em;color:#fff;font-weight: 700; background-color: #bdbdbd;}
#basket .pay_option .inner input.ipt_coupon + button>span{font-size: 0.8333em;}
#basket .pay_option .inner p{font-size: 1.25em;margin:1.2em 0;line-height:1.4;text-align:center;color: #666;}
#basket .pay_option .inner > div{text-align:center;}

#basket .my_point{margin:1em 0.625em ;border:2px solid #BECFDF;padding:1.625em 2.25em 2.25em;border-radius:0.3em;}
#basket .my_point > h3{margin-bottom:2em;position: relative;font-size: 1em;}
#basket .my_point > h3 > span{font-size: 1.5em;color: #386ea1;}
#basket .my_point > h3 > a{position: absolute;display: block;color: #1c8cea;right: 0;top:0;}
#basket .my_point > h3 > a img{height: 1.875em;vertical-align: middle;}
#basket .my_point > h3 > a span{font-size: 1.25em;vertical-align: middle;text-decoration: underline;}
#basket .my_point > div{}
#basket .my_point > div p{font-size: 1.375em;line-height: 1.72727;}
#basket .my_point > div p span{color: #1c8cea;text-decoration: underline;}
#basket .my_point > div p strong{color: #1c8cea;text-decoration: underline;}

#basket .bx_payment{margin:0 0.625em;border:2px solid #A6A6A6;padding:2.25em;border-radius:0.3em;}
#basket .bx_payment > h3{margin-bottom:2em;position: relative;font-size: 1em;}
#basket .bx_payment > h3 > span{font-size: 1.5em;color: #386ea1;}
#basket .bx_payment > h3 > a{position: absolute;display: block;color: #1c8cea;right: 0;top:0;}
#basket .bx_payment > h3 > a img{height: 1.875em;vertical-align: middle;}
#basket .bx_payment > h3 > a span{font-size: 1.25em;vertical-align: middle;text-decoration: underline;}
#basket .bx_payment > div{}
#basket .bx_payment > div label{font-size: 1.375em;margin-right:1em;}
#basket .bx_payment > div label:last-child{margin:0;}
#basket .bx_payment > div label input{margin:0;padding:0;}

#pop_benefit > .inner{background-color: #fff;}
#pop_benefit .list{padding:3.75em 1.5625em 1.875em 1.5625em ;}
#pop_benefit .list > p{font-size: 1.25em;color: #333;}
#pop_benefit .list > ul{padding:1.875em 0.625em 0;}
#pop_benefit .list > ul{}
#pop_benefit .list > ul > li{border-bottom:1px solid #D3D3D3;padding:1.5em 0;}
#pop_benefit .list > ul > li:first-child{border-top:1px solid #D3D3D3;}
#pop_benefit .list > ul > li > dl{}
#pop_benefit .list > ul > li > dl:after{content: '';display: block;clear: both;}
#pop_benefit .list > ul > li > dl > dt{float: left;clear: both;width:40%;line-height: ;font-weight: 700;color: #333;font-size: 1.25em;line-height: 2em;}
#pop_benefit .list > ul > li > dl > dd{margin-left:40%;text-align: right;}
#pop_benefit .list > ul > li > dl > dd p{font-size: 1.125em;line-height: 2em;color: #333;}
#pop_benefit .list > ul > li > dl > dd p.bene{color: #005116;}
#pop_benefit .bot{background-color: #f1f1f1;padding:1.875em;text-align: center;}
#pop_benefit .bot > p{font-size: 1.5em;color: #333;text-align: center;}

#pop_ars { width: 100%; height: 100%; }
#pop_ars > .inner{background-color: #f4f4f4; width: 100%; height: 100%; display: table; }
#pop_ars .cont { display: table-cell; vertical-align: middle; text-align: center; }
#pop_ars .cont img { margin-bottom: 2.813em; }
#pop_ars .cont h1 { font-size: 2.813em; line-height: 1.2; color: #333; margin-bottom: 1em; }
#pop_ars .cont p { font-size: 1.375em; line-height: 1.2; color: #555; }

#pop_ars_fail { width: 100%; height: 100%; }
#pop_ars_fail > .inner{background-color: #f4f4f4; width: 100%; height: 100%; display: table; }
#pop_ars_fail .cont { display: table-cell; vertical-align: middle; text-align: center; }
#pop_ars_fail .cont img { margin-bottom: 2.813em; }
#pop_ars_fail .cont h1 { font-size: 2.813em; line-height: 1.2; color: #333; margin-bottom: 1em; }
#pop_ars_fail .cont p { font-size: 1.375em; line-height: 1.2; color: #555; }

#pop_consultant { width: 100%; height: 100%; }
#pop_consultant > .inner{background-color: #f4f4f4; width: 100%; height: 100%; display: table; }
#pop_consultant .cont { display: table-cell; vertical-align: middle; text-align: center; }
#pop_consultant .cont img { margin-bottom: 2.813em; }
#pop_consultant .cont p { font-size: 1.375em; line-height: 1.2; color: #555; }

/*주문 - 완료*/
#order_completed{text-align:center;background-color:#edefee;padding:4.5em 0.625em 0em}
#order_completed h2{position: relative;font-size:2.5em; padding:1.1em 0;margin-bottom:.7em;}
#order_completed h2:before{position: absolute; bottom:0;left: 0; right: 0; margin: auto; width:3.15em;height:1px;background-color: #7C7C7C;content: ""; }

#order_completed p{font-size: 1.5em; line-height:1.4;margin:0 0 6em 0;}

#order_completed .order_info { background-color: #f7f7f7; max-width: 560px; width: 100%; margin: 0 auto; margin-top: 30px; padding: 30px 40px; box-sizing: border-box; }
#order_completed .order_info .text { font-size: 15px; line-height: 24px; color: #333; padding-bottom: 25px; margin-bottom: 30px; border-bottom: 1px solid #e2e2e2; }
#order_completed .order_info .info { text-align: left; max-width: 300px; margin: 0 auto; }
#order_completed .order_info .info p { font-size: 15px; line-height: 30px; color: #333; margin: 0; }
#order_completed .order_info .info p strong.red { color: #e51111; }



/*마이페이지*/
#mypage{padding:1px 0;background-color: #edefee;}
#mypage > section > h3{position: relative;color:#666;font-size:1.5em;margin:1.45em 1.1667em 0.6em;line-height:1.4;}
#mypage > section > h3 .view_more{position:absolute;display: block;width:1.2917em;height: 1.2917em;background-color: #fff;border:1px solid #8A8B8A;top:0;right:0;bottom:0;margin:auto;}
#mypage > section > h3 .view_more:before, #mypage > section > h3 .view_more:after{
    position: absolute;top:0;bottom:0;right:0;left:0;content:'';background-color: #8A8B8A;margin:auto;
}
#mypage > section > h3 .view_more:before{width:0.8333em; height:2px; }
#mypage > section > h3 .view_more:after{height:0.8333em; width:2px; }
#mypage .lst_type02 > ul{padding:0 0.625em}
#mypage .lst_type02 > ul > li{padding:0;}

.my_pages > .bx_inner{margin: 2.5em 3%; }
.my_pages > .bx_inner.t2{margin: 0.625em 0.625em 2.5em 0.625em; }
.my_pages h3.tit{margin-bottom: 2.625em;font-size: 1em;position: relative;}
.my_pages h3.tit img{max-height:1.625em;}
.my_pages h3.tit button{position: absolute;right:0;bottom:0;}
.my_pages h3.tit button img{vertical-align: middle;margin-right:0.375em;max-height:1.25em;}
.my_pages h3.tit button span{font-size: 1.25em;vertical-align: middle;}
.my_pages h3.tit button:hover span{text-decoration: underline;}

.delivery_status{background-color: #fff; overflow: hidden;border-radius: 4px; box-shadow: 1px 2px 5px -2px rgba(0,0,0, .25);}
.delivery_status > .status{padding: 1.675em 1.675em 3.75em; }
.delivery_status > .status > ul{width:110%;margin-left:-5%;}
.delivery_status > .status > ul:after{content: '';display: block;clear: both;}
.delivery_status > .status > ul > li{float: left;width:25%;text-align: center;position: relative;}
.delivery_status > .status > ul > li:after{content: '';position: absolute;background: url(/m/images/mypage/ico_arr_next.png) 0 0 no-repeat;width: 0.5625em;height:1.1875em;-webkit-background-size: contain;background-size: contain;
    top:2px;left:-0.23125em;}
.delivery_status > .status > ul > li:first-child:after{content: none;}
.delivery_status > .status > ul > li p{font-size: 1.125em;color: #333333;margin-bottom:1.25em}
.delivery_status > .status > ul > li span{color: #8a8a8a;font-weight: 700;font-size: 2.8125em;}
.delivery_status > .status > ul > li span.on{color: #005116;}
.delivery_status > .bx_bot > ul:after{content: '';display: block;clear: both;}
.delivery_status > .bx_bot > ul > li{float: left;width:33.333%}
.delivery_status > .bx_bot > ul > li > a{display: block;border-left:1px solid #E5E1D2;border-top:1px solid #E5E1D2;padding:0.9375em 5%;background-color: #fcfaf1;}
.delivery_status > .bx_bot > ul > li:first-child > a{border-left-width:0;}
.delivery_status > .bx_bot dl{text-align: center;line-height:1.5;}
.delivery_status > .bx_bot dl:after{content: '';display: block;clear: both;}
.delivery_status > .bx_bot dl > dt{float: left;}
.delivery_status > .bx_bot dl > dt img{margin-right:0.25em;max-height:1.5em;vertical-align: middle;}
.delivery_status > .bx_bot dl > dt span{font-size: 1.5em;color: #333333;vertical-align: middle;letter-spacing: -0.5px;}
.delivery_status > .bx_bot dl > dd{float: right;}
.delivery_status > .bx_bot dl > dd span{font-size: 1.5em;text-decoration: underline;font-weight: 700;}

#mypage .sect_float{}
#mypage .sect_float h3.tit{margin-bottom: 2em;}
#mypage .sect_float > ul{margin-left:-0.75em;}
#mypage .sect_float > ul:after{content: '';display: block;clear: both;}
#mypage .sect_float > ul > li{float: left;width: 50%;}
#mypage .sect_float > ul > li > .inner{margin-left:0.75em;padding: 1.25em 1.675em; background-color: #fff;background-color: #fff; overflow: hidden;border-radius: 4px; box-shadow: 1px 2px 5px -2px rgba(0,0,0, .25);}
.bx_profile > dl{}
.bx_profile > dl > dt{color: #333333;font-size: 0.9375em;margin-bottom:0.75em;}
.bx_profile > dl > dd{font-size: 1.25em;margin-bottom:0.875em;color: #005116;word-break:break-all}
.bx_profile .btn{border-top:1px solid #C4C4C4;padding-top:1em;}
.bx_profile .btn button{font-size: 1.25em;padding:0.5em 1em;color: #333333;border:1px solid #898989;border-radius:3px;}
.bx_point > p{font-size: 1.25em;line-height: 1.5;word-break:keep-all;}
.bx_point .point{text-align: right;}
.bx_point .point > img{margin-bottom:0.5em;}
.bx_point .point > p{font-size: 1.5em;color: #005116;}
.bx_point .point > p strong{font-size: 1.58333em;}

.list_quick{background-color: #fff;box-shadow: 1px 2px 5px -2px rgba(0,0,0, .25);overflow: hidden;}
.list_quick > ul{margin-left:-1px;}
.list_quick > ul:after{content: '';display: block;clear: both;}
.list_quick > ul > li{float: left;width:33.333%;}
.list_quick > ul > li > a{display: block;border-left:1px solid #CECECE;padding:1.875em 0.5em;text-align: center;}
.list_quick .img{height:2.9375em;position: relative;margin-bottom: 1.25em;}
.list_quick .img > img{position: absolute;top:0;bottom:0;left:0;right:0;margin:auto;max-height:100%;max-width:100%;}
.list_quick p{font-size: 1.375em;font-weight: 700;}

.my_pages .favorite_list{background-color: #fff; overflow: hidden;border-radius: 4px; box-shadow: 1px 2px 5px -2px rgba(0,0,0, .25);padding: 1.675em 1.675em 0; }

.lst_goods > ul > li .img001:after{position: absolute;content: '';top:0;bottom:0;left: 0;right: 0;border:0 !important;}
.lst_goods strong.max02{color: #ff9000;padding-right: 5px;font-size: 4vw;font-weight: bold;}

.lst_goods > ul{margin-left:-6.3%;width:auto;}
.lst_goods > ul:after{display: block;clear: both;content: "";}
.lst_goods > ul > li {width:43.7%;margin-left:6.3%;float: left;margin-bottom: 0.625em !important;}
.lst_goods > ul > li > .inner{display: block;}
.lst_goods > ul > li .img{height:0;padding-bottom:100%;position: relative;margin-bottom:1.25em;display: block;}
.lst_goods > ul > li .img:after{position: absolute;content: '';top:0;bottom:0;left: 0;right: 0;}
.lst_goods > ul > li .img > img{position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;max-width:100%;max-height:100%;}
.lst_goods > ul > li > .inner h4{font-size: 1em;height:2em;margin-bottom:1em;}
.lst_goods > ul > li > .inner h4 img{max-height:100%;}
.lst_goods > ul > li > .inner p.title{/*font-size: 1.125em;margin-bottom:1.5em;-ms-text-overflow: ellipsis;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;*/
    font-size: 3.6vw;display: block;overflow: hidden;text-overflow: ellipsis;font-weight: bold;height: 36px;line-height: 5vw;margin-left: 0.6em;margin-right: 0.6em;}
.lst_goods .boxPrice{margin-left: 0.75em;margin-right: 0.75em;position: relative;}
.lst_goods .boxPrice ul li{margin-top: 0.4em;}
.lst_goods .boxPrice ul li:after{display: block;clear: both;content: "";}
/* .lst_goods .boxPrice ul li span{float: left; font-size: 1.125em;} */
.lst_goods .boxPrice ul li p{float: right; font-size: 3.6vw;}
/*.lst_goods strong { font-weight: normal; } */
.lst_goods strong.max{color: #64b837}
.lst_goods strong.staff{color: #8ebe3f;}
.lst_goods strong.line{ text-decoration: line-through; }
.lst_goods .bx_btns{margin-left:-2%;margin-top:1.375em;}
.lst_goods .bx_btns:after{display: block;clear: both;content: "";}
.lst_goods .bx_btns > a{display: block;float: left;width: 48%;margin-left:2%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
    font-size: 1.125em;line-height: 2.11111;height: 2.11111em;border:1px solid #A2A2A2;color: #5f5f5f;text-align: center;font-weight: 700;}
.lst_goods .bx_btns > a.gray{color: #fff;background-color: #6a6a6a;border-color: #6a6a6a;}

#pop_ha_code{max-width:514px;}
#pop_ha_code > .inner{background-color: #eef7fc;padding:1.875em;text-align: center;}
#pop_ha_code > .inner > h2{font-size: 1.5em;color: #214c8f;margin-bottom:0.5em;}
#pop_ha_code > .inner > p{font-size: 1.25em;line-height: 1.5;margin-bottom:0.5em;}
#pop_ha_code input[type="text"]{max-width:398px;width:100%;font-size: 1.25em;height: 3em;border:2px solid #DEDEDE;padding:0 10px;margin-bottom:1em;}
#pop_ha_code button.enter{color: #ffffff;font-size: 1.25em;height: 2.8em;border:1px solid #3C4BA5; background-color: #6E7CCF;padding:0 0.5em;min-width:9.5em;border-radius:5px;}
#pop_ha_code .agency{margin-top:1.5em;text-align: right;}
#pop_ha_code .agency a{display: inline-block;}
#pop_ha_code .agency a img{height: 1.5625em;margin-right:0.25em;vertical-align: middle;}
#pop_ha_code .agency a span{font-size: 1.25em;color: #304062;vertical-align: middle;}

.lst_goods > ul > li .img .cover > div{display: inline-block;vertical-align: middle;}
.lst_goods > ul > li .img .cover > div button{display: block;width:43px;height:43px; margin-top: 5px;position: relative;background-color: #fff;  -webkit-border-radius: 5em;-moz-border-radius:5em ;border-radius: 5em; }
.lst_goods > ul > li .img .cover > div button:hover{background-color: #005116;}
.lst_goods > ul > li .img .cover > div button img{position: absolute;top:0;bottom:0;left:0;right:0;margin:auto;}
.lst_goods > ul > li .img .cover > div button .on{display: none;}
.lst_goods > ul > li .img .cover > div button:hover  .on{display:block;}
.lst_goods .tag{position: absolute; margin-top: 0.75em; margin-left: 0.75em;z-index: 1;}
.lst_goods .tag > span{display: inline-block;padding:0.25em;min-width:4em;font-size: 1em;color: #fff;text-align: center;}
.lst_goods .tag .new{background-color: #005116;}
.lst_goods .tag .sale{background-color: #77C66D;}
.lst_goods .tag.coupon span{background-color:#888}
.lst_goods .tag img {  }

.gift_list{background-color: #fff; overflow: hidden;border-radius: 4px; box-shadow: 1px 2px 5px -2px rgba(0,0,0, .25);padding: 1.675em 1.675em 0; }
.gift_list.lst_goods > ul > li .img > img { -webkit-filter: grayscale(100%); filter: gray; }
.gift_list.lst_goods > ul > li > .inner p.title { margin-bottom: 1em; }
.gift_list.lst_goods > ul > li .gift_type { font-size: 1.8em; margin-bottom: 0.5em; font-weight: bold; text-align: center; }
.gift_list.lst_goods > ul > li .gift_count { text-align: center; }
.gift_list.lst_goods > ul > li .gift_count span {
    color: #fff;
    font-size: 1.5em;
    line-height: 1.5;
    background-color: #ccc;
    border-radius: 22px;
    padding: 0 7px;
    display: inline-block;
}

.gift_list.lst_goods > ul > li.active .gift_count span { background-color: #b55c9e; }
.gift_list.lst_goods > ul > li.active .img > img { -webkit-filter: grayscale(0%); filter: none; }

/* 마이페이지 - 상담 내역 */

#mp_qna_list{padding:2em 0;background-color: #edefee;}
#mp_qna_list .lst_type02 > ul{padding:0 0.625em}
#mp_qna_list .lst_type02 > ul > li{padding:0;position:relative;}

.qna.lst_type02 a.inner{display:block; position: relative;padding:1.75em;}
.qna.lst_type02 .con{display:block;}
.qna.lst_type02 .con .date{display:block; color: #adadad; font-size: 1.25em;font-weight:700;margin-bottom:0.3em;}
.qna.lst_type02 .con .que{color:#000000;font-size:1.5em;}
.qna.lst_type02 .con .que > b{position:absolute;}
.qna.lst_type02 .con .que > span{display:block;margin-left:1.25em;line-height:1.5em;margin-right:5.8333em;}
.qna.lst_type02 .ans{display:none;overflow:hidden;
}
.qna.lst_type02 .ans > div {position:relative; margin:0 1.7em;padding:1.7em 0;font-size:1.5em;border-top:1px solid #DDDFDE;}
.qna.lst_type02 .ans > div > b{position:absolute;line-height:1.6667em;color:#a94c91;}
.qna.lst_type02 .ans > div > p{display:block;margin-left:1.25em;line-height:1.6667em;}

.qna.lst_type02 .stats{display:block;position: absolute;right:1.2727em;top:0;bottom:0;margin:auto; height:100%;font-size:1.375em;height:1.9091em;line-height:1.9091;color:#005116;}
.qna.lst_type02 .stats .ico_toggle{position: relative;display:inline-block; height:1.9091em; width:1.9091em;border:1px solid #005116;border-radius:50%;background-color: #fff;margin-left:0.4em; vertical-align:middle; box-sizing: border-box;}
.qna.lst_type02 .stats .ico_toggle::before, .qna.lst_type02 .stats .ico_toggle::after{display:block;position: absolute; content:"";top:5%;bottom:0;right:0;left:0;background-color: #005116; width:2px;height:42.5%;margin:auto;}
.qna.lst_type02 .stats .ico_toggle::before{ms-transform: rotate(45deg); /* IE 9 */    -webkit-transform: rotate(45deg); /* Safari */    transform: rotate(45deg); right:-27.2%;}
.qna.lst_type02 .stats .ico_toggle::after{ms-transform: rotate(-45deg); /* IE 9 */    -webkit-transform: rotate(-45deg); /* Safari */    transform: rotate(-45deg); left:-27.2%;}

/*.lst_type02 .con .que, .lst_type02 .stats .ico_toggle, .lst_type02 .stats .ico_toggle::before, .lst_type02 .stats .ico_toggle::after{
    -webkit-transition: .3s ease-in-out;  -moz-transition: .3s ease-in-out;  -o-transition: .3s ease-in-out;  transition: .3s ease-in-out;}*/
.qna.lst_type02 > ul > li.on .con .que{color:#a94c91;}
.qna.lst_type02 > ul > li.on .stats .ico_toggle{background-color: #005116;}
.qna.lst_type02 > ul > li.on .stats .ico_toggle::before, .qna.lst_type02 > ul > li.on .stats .ico_toggle::after{background-color: #fff;top:-5%;}
.qna.lst_type02 > ul > li.on .stats .ico_toggle::before{ms-transform: rotate(135deg); /* IE 9 */    -webkit-transform: rotate(135deg); /* Safari */    transform: rotate(135deg);}
.qna.lst_type02 > ul > li.on .stats .ico_toggle::after{ms-transform: rotate(-135deg); /* IE 9 */    -webkit-transform: rotate(-135deg); /* Safari */    transform: rotate(-135deg);}

#mp_qna_list .btns2{
    margin:2.5em 0.625em;
}
#mp_qna_list .btn_more {
    margin: 5.14% 0;
}
/* 마이페이지 - 주문 내역 */

.my_pages h3.tit_text{font-size: 1.5em;margin:1.6em 4% 1em;}
.my_pages h3.tit_text.d2{color: #666666;margin:1.6em 4% 0.65em;}

#mp_order,#mp_coupon{padding:1px 0 3.5em;background-color: #edefee;}
#mp_order .lst_type02 > ul{padding:0 0.625em}
#mp_order .lst_type02 > ul > li{padding:0;}

#hitBox {background-color: #fff; border-width: 1px 0px; border-style: solid; border-color: #C8C8C8;}
#hitBox h3.tit{margin-bottom:2.25em;}
#hitBox h3.tit.txt{font-size: 1.75em;margin-bottom: 0.5em;}
#hitBox .inner{padding: 5% 4%;}
#hitBox .inner:after{display: block;clear: both;content: "";}
#hitBox .inner .hitDate{margin-bottom:1.25em;}
#hitBox .inner .hitDate:after{display: block;clear: both;content: "";}
#hitBox .inner .hitDate .lst_date{float: left; border: 1px solid #b7b7b7; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;overflow: hidden;}
#hitBox .inner .hitDate .lst_date ul:after{display: block;clear: both;content: "";}
#hitBox .inner .hitDate .lst_date ul li{float: left; font-size: 1.375em; background-color: #fff; border-left: 1px solid #b7b7b7; min-width: 5.45455em; text-align: center;
    -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;overflow: hidden;position: relative;}
#hitBox .inner .hitDate .lst_date ul li:first-child{border-left: 0;}
#hitBox .inner .hitDate .lst_date ul li label{width: 100%;padding:0.68182em 0;display: inline-block;}
#hitBox .inner .hitDate .lst_date ul li.on label{color: #fff; background-color: #4294bf;font-weight: 700;}
#hitBox .inner .hitDate .lst_date ul li input[type="radio"]{position: absolute;top:-3em;visibility: hidden;}
#hitBox .inner .inputDate{}
#hitBox .inner .inputDate > span{position: relative;display: inline-block;}
#hitBox .inner .inputDate img{position: absolute;right:0.5em;top:0;bottom:0;max-height:50%;margin:auto;}
#hitBox .inner .inputDate input{font-size: 1.5em;height: 2.33333em;border: 1px solid #B7B7B7; padding:0 0.5em;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; color: #8e9099;
    width: 8em;background-color: #F5F5F5;border-radius:0;letter-spacing: -0.5px;}
#hitBox .inner .inputDate button.search{height: 2.33333em; color: #fff; background-color: #595959; font-size: 1.5em;font-weight: bold;padding:0 1em;border-radius:0.35em; margin-left: 0.1em; }

.order_list{}
.order_list  > ul,.order_list .group > ul{margin-bottom:1.5em;}
.order_list .group > ul > li,.order_list > ul > li{border-radius: 4px; box-shadow: 1px 2px 5px -2px rgba(0,0,0, .25);overflow: hidden;margin-bottom: 0.75em;
    -webkit-transition: opacity 0.3s linear;
    -moz-transition: opacity 0.3s linear;
    -ms-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
}
.order_list .group > ul > li.none,.order_list > ul > li.none { box-shadow: none; padding: 3%; }
.order_list header{padding:3.5% 5%;line-height: 1.25;position: relative;background-color: #f7f5f0;}
.order_list header > p.date{font-size: 1.25em;color: #333333;}
.order_list header > a{font-size: 1.125em;color: #808080;position: absolute;right:5%;margin-top:4%;top:0;}
.order_list .con{padding:4% 5%;background-color: #fff;}
.order_list .con > span{color: #333333;font-size: 1.125em;display: block;margin-bottom: 0.5em;}
.order_list .con > h4{font-size: 1.5em;color: #333;}
.order_list .con .bot{border-top: 1px solid #C8C8C8;margin-top:1em;padding-top:1em;position: relative;}
.order_list .con .bot:after{content: '';display: block;clear: both;}
.order_list .con .bot .status{color: #858585;font-size: 1.125em;padding:3px 0.5em;border:1px solid #C5C5C5;float: left;margin-top:0.25em;}
.order_list .con .bot .price{font-size: 1.75em;font-weight: 700;color: #333;float: right;}
.order_list .con .bot .price strong{color: #005116;}

.lst_type05{border-top: 2px solid #626262;}
.lst_type05 > header{position: relative;padding: 3.75% 5%;background-color: #fff;}
.lst_type05 > header > h2{font-size: 1.5em;color: #333333;}
.lst_type05 > header > h2 > span{font-weight: 400;}
.lst_type05 ul.list{padding-bottom:0px;border-top: 1px solid #D3D3D3;}
.lst_type05 ul.list > li{padding:0;overflow:hidden;border-bottom: 1px solid #D3D3D3;padding:5%;background-color: #fff;}
.lst_type05 ul.list dl.divide{}
.lst_type05 ul.list dl.divide:after{content: '';display: block;clear: both;}
.lst_type05 ul.list dl.divide > dt{float: left;width:20.5%;}
.lst_type05 ul.list dl.divide > dt .img{height:0;padding-bottom:100%;position: relative;}
.lst_type05 ul.list dl.divide > dt .img:after{position: absolute;content: '';top:0;bottom:0;left:0;right:0;border:1px solid #C5C5C5}
.lst_type05 ul.list dl.divide > dt .img img{position: absolute;top:0;bottom:0;left:0;right:0;margin:auto;max-width:80%;max-height:80%;}
.lst_type05 ul.list dl.divide > dd.con{float: left;width:62.5%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding:0 1em 0 1.75em;}
.lst_type05 ul.list dl.divide > dd.con > h4{font-size: 1.375em;margin-bottom:0.5em;line-height: 1.5;}
.lst_type05 ul.list dl.divide > dd.con > p{color: #666666;font-size: 1.25em;}
.lst_type05 ul.list dl.divide > dd.con > p strong{color: #333;}
.lst_type05 ul.list dl.price_list{margin-top:1.375em;max-width: 13.5em;}
.lst_type05 ul.list dl.price_list:after{content: '';display: block;clear: both;}
.lst_type05 ul.list dl.price_list > dt{float: left;font-size: 1.125em;padding-left:0.5em;position: relative;clear: both;}
.lst_type05 ul.list dl.price_list > dt:after{width:4px;height: 4px;position: absolute;top:0;bottom:0;left:0;margin:auto;content: '';background-color: #C8C8C8;}
.lst_type05 ul.list dl.price_list > dd{float: right;font-size: 1.125em;margin-bottom:0.5em;}
.lst_type05 ul.list dl.price_list > dd.red{color: #d41010;}
.lst_type05 ul.list dl.divide > dd.btns{float: left;width:17%;}
.lst_type05 ul.list dd.btns > dl{text-align: center;}
.lst_type05 ul.list dd.btns > dl > dt{color: #005116;font-size: 1.5em;font-weight: 700;margin-bottom:0.5em;line-height: 1.5;}
.lst_type05 ul.list dd.btns > dl > dt.doing{color: #8ebe3f;}
.lst_type05 ul.list dd.btns > dl > dd{}
.lst_type05 ul.list dd.btns > dl > dd button{padding:0.25em 0.5em;font-size: 1.125em;color: #858585;width:100%;border:1px solid #C5C5C5;border-radius:0.2em;margin-top:2px;}

.address_info{}
.address_info .bx_inner{background-color: #fff;padding:3% 5% 3%; margin: 0.625em 0.625em 2.5em 0.625em;border-radius: 4px; box-shadow: 1px 2px 5px -2px rgba(0,0,0, .25);}
.address_info .reciever .tag{display: block;color: #aa3d8e;font-weight: 700;font-size: 1.25em;}
.address_info .con{margin:1.25em 0 1em 2em;}
.address_info .reciever .con > h4{font-size: 1.5em;margin-bottom: 0.5em;line-height: 1.5em;position: relative;}
.address_info .reciever .con > h4:after{background: url(/m/images/mypage/ico_tit_address.png) center center no-repeat;width:1.08333em;height:1.3333em;-webkit-background-size: contain;background-size: contain;
    position: absolute;left:-1.5em;top:2px;content: '';}
.address_info .sender .con > h4{font-size: 1.5em;margin-bottom: 0.5em;line-height: 1.5em;font-weight: 400;}
.address_info .con > p{font-size: 1.25em;color: #666666;line-height: 1.4;}
.address_info .con > p.add{margin-bottom: 0.5em;}
.address_info .bx_input > p{margin-bottom: 0.5em;font-size: 1.25em;color: #666666;line-height: 1.4;}
.address_info .bx_input > p.phone input{width: 5em;}

.address_info .bot{border-top: 1px solid #DDDDDD;padding: 1.25em 0 1em 2em;margin-top:1.5em;}
.address_info .bot > span{color: #777777;vertical-align: middle;margin-right:1em;font-size: 1.125em;line-height: 2;}
.address_info .bot a, .address_info .bot button{font-size: 1.125em;color: #fff;background-color: #595959;height:2em;line-height: 2;padding:0 1em;vertical-align: middle;display: inline-block;}



/* 마이페이지 - 주문 내역(과거) */
.order.lst_type02 > ul > li a{box-shadow:0px 2px 13px -2px rgba(0,0,0,0.2);}
.order.lst_type02 a.inner{display:block; position: relative;padding:1.75em;}
.order.lst_type02 .con{position: relative;display:block;margin-right:8.125em;}
.order.lst_type02 .con:after{position: absolute;content:'';right:0;top:-1.275em;bottom:0;border-right:1px solid #DFE1E0; height:100%;padding:1.275em 0;}
.order.lst_type02 .con .tit{display:block;color:#000000;font-size:1.5em;line-height:1.5em;margin-bottom:0.3em;}
.order.lst_type02 .con .date{display:block; color: #adadad; font-size: 1.25em;font-weight:700;}

.order.lst_type02 .stats{display:block;position: absolute;right:1.4em;top:0;bottom:0;margin:auto; height:100%;font-size:1.25em;height:1.8182em;line-height:1.8182;color:#333333;width:5.25em;font-weight:700}
.order.lst_type02 .stats .ico_toggle{position: absolute;display:inline-block; height:1.8182em; width:0.8em;right:0;top:0;right:0;margin:auto;
    vertical-align:middle;}
.order.lst_type02 .stats .ico_toggle::before, .order.lst_type02 .stats .ico_toggle::after{
    display:block;position: absolute; content:"";top:5%;bottom:0;right:0;left:0; width:3px;height:33%;margin:auto;border-radius:1px;background-color: #333;
}
.order.lst_type02 .stats .ico_toggle::before{ms-transform: rotate(45deg); /* IE 9 */    -webkit-transform: rotate(45deg); /* Safari */    transform: rotate(45deg);right:-40%;}
.order.lst_type02 .stats .ico_toggle::after{ms-transform: rotate(-45deg); /* IE 9 */    -webkit-transform: rotate(-45deg); /* Safari */    transform: rotate(-45deg);left:-40%;}
.order.lst_type02 .stats.ing{color: #005116;}
.order.lst_type02 .stats.ing .ico_toggle::before, .order.lst_type02 .stats.ing .ico_toggle::after{background-color: #005116;}

.order.lst_type02 > ul > li.on .stats .ico_toggle::before, .order.lst_type02 > ul > li.on .stats .ico_toggle::after{top:-5%;}
.order.lst_type02 > ul > li.on .stats .ico_toggle::before{ms-transform: rotate(135deg); /* IE 9 */    -webkit-transform: rotate(135deg); /* Safari */    transform: rotate(135deg);}
.order.lst_type02 > ul > li.on .stats .ico_toggle::after{ms-transform: rotate(-135deg); /* IE 9 */    -webkit-transform: rotate(-135deg); /* Safari */    transform: rotate(-135deg);}

.order.lst_type02 .detail{display: none;}
.order.lst_type02 .detail > .inner{background-color:#f7f6f4; padding:1.3125em;}
.order.lst_type02 .detail .prd_lst > li{position: relative;padding:1.875em 0;}
.order.lst_type02 .detail .prd_lst > li:before{position: absolute;width:100%;padding:0 0.9em;height: 1px;top:0;left:-0.9em;background-color: #E3E3E3;content: "";}
.order.lst_type02 .detail .prd_lst > li:first-child:before{content:none;}
.order.lst_type02 .detail .prd_lst dl:after{content:"";clear:both;display:block;}
.order.lst_type02 .detail .prd_lst dt{float:left;width:10em;clear:left;}
.order.lst_type02 .detail .prd_lst dt > .img{display: inline-block; width:9em; height: 9em;border:1px solid #C7C7C7;padding:0.625em;box-sizing:border-box;text-align:center;background-color:#fff;}
.order.lst_type02 .detail .prd_lst dt > .img img{max-width:100%;max-height:100%;}
.order.lst_type02 .detail .prd_lst dd{margin-left:11em;padding:0.75em 0;}
.order.lst_type02 .detail .prd_lst dd .pd_tit{position:relative}
.order.lst_type02 .detail .prd_lst dd .pd_tit > h3{font-size:1.5em;margin-right:4em;margin-bottom:1.4em;}
.order.lst_type02 .detail .prd_lst dd .pd_tit > .pd_cnt{position: absolute;top:0;height:100%;right:0;font-size:1.5em; line-height:1.8;}
.order.lst_type02 .detail .prd_lst dd .pd_con{position:relative}
.order.lst_type02 .detail .prd_lst dd .pd_con h4{font-size:1.25em;margin-right:6em;font-weight: 400;line-height:1.5;min-height:3em;}
.order.lst_type02 .detail .prd_lst dd .pd_cnt{}
.order.lst_type02 .detail .prd_lst dd .price{position: absolute;bottom:0; right:0;text-align:right;vertical-align: bottom;}
.order.lst_type02 .detail .prd_lst dd .price .original{color:#666666; font-size: 1.125; text-decoration:line-through; }
.order.lst_type02 .detail .prd_lst dd .price .sale{color:#d41010;font-size: 1.5em;font-weight: 700;}

.order.lst_type02 .order_summary2{margin:0.6em 0; padding:1.875em;border:0.3125em solid #E7E7E7;}
.order.lst_type02 .order_summary2 dt{width:50%;float:left;clear: left;font-size: 1.5em;}
.order.lst_type02 .order_summary2 dd{padding-left:50%;text-align:right;font-size: 1.5em;margin-bottom:0.8em;}
.order.lst_type02 .order_summary2 dd strong{font-size:1.1667em;margin-right:0.3em;}
.order.lst_type02 .order_summary2 dt.sum{padding-top:0.8em;}
.order.lst_type02 .order_summary2 dt.sum + dd{padding-top:0.8em;border-top:1px solid #D6D6D6;margin-bottom:0;}
.order.lst_type02 .order_summary2 dt.sum + dd strong{color:#d41010;}
.order.lst_type02 .shipping_address{margin:1.25em 0; padding:1.875em;border:0.3125em solid #E7E7E7;}
.order.lst_type02 .shipping_address h3{font-size:1.5em; margin-bottom:0.7em;font-weight: 400;}
.order.lst_type02 .shipping_address p{font-size: 1.25em;line-height: 1.5;}

.btns3{margin-top:1.875em;margin-bottom:0.7em;}
.btns3 > ul{margin-left:-0.4375em}
.btns3 > ul:after{content:"";clear:both;display:block;}
.btns3 > ul > li{width:33.333%; float:left;}
.btns3 > ul > li > a{display:block;margin-left:0.4375em;text-align:center; color:#fff;font-size: 1.5em; line-height: 2.875em; height:2.875em; border-radius:4px;font-weight: 700;}
.btns3 > ul > li > a.gray3{background-color: #575757;}
.btns3 > ul > li > a.gray4{background-color: #878787;}


.btns2{margin-top:1.875em;margin-bottom:0.7em;}
.btns2 > ul{margin-left:-0.4375em}
.btns2 > ul:after{content:"";clear:both;display:block;}
.btns2 > ul > li{width:50%; float:left;}
.btns2 > ul > li > a{display:block;margin-left:0.4375em;text-align:center; color:#fff;font-size: 1.5em; line-height: 2.875em; height:2.875em; border-radius:4px;font-weight: 700;}
.btns2 > ul > li > a.gray3{background-color: #575757;}
.btns2 > ul > li > a.gray4{background-color: #878787;}

/*마이페이지 - 선포인트 확인*/

#mp_point{background-color: #edefee;overflow: hidden;padding-bottom:3.75em;}
#mp_point p.tip{color: #214c8f;font-size: 1.25em;line-height: 1.5;margin: 0 5% 2em;padding-left:0.8em;position: relative;}
#mp_point p.tip:after{content: '*';position: absolute;top: 0;left: 0;}
.bx_point2{background-color: #fff;margin-left:0.75em;padding: 5.606%; background-color: #fff;background-color: #fff; overflow: hidden;border-radius: 4px; box-shadow: 1px 2px 5px -2px rgba(0,0,0, .25);}
.bx_point2 > dl{}
.bx_point2 > dl:after{content:"";clear:both;display:block;}
.bx_point2 > dl > dt{display: table;}
.my_pages .bx_point2 > dl > dt > h3{margin-bottom:2em;}
.bx_point2 > dl > dt > p{font-size: 1.25em;line-height: 1.5;word-break:keep-all;margin-right:1em;}
.bx_point2 > dl > dd{float: right;padding:0 1em;}
.bx_point2 > dl > dd img{width: 6.375em;}
.bx_point2 .point{border-top:1px solid #BFBFBF;margin-top:1.25em;padding-top:1em;margin-bottom:3em}
.bx_point2 .point:after{content:"";clear:both;display:block;}
.bx_point2 .point h3{float: left;font-weight: 400;line-height: 1.5;margin-top:0.5em;}
.bx_point2 .point h3 > img{vertical-align: middle;height:1.875em;}
.bx_point2 .point h3 > span{font-size: 1.25em;vertical-align: middle;}
.bx_point2 .point p{float: right;text-align: right;font-size: 1.5em;color: #005116;}
.bx_point2 .point p strong{font-size: 1.5833em;}
.bx_point2 > p{color: #005116;font-weight: 700;font-size: 1.375em;text-decoration: underline;}

#lnb .tab1{}
#lnb .tab1 > ul:after{content: '';clear: both;display: block;}
#lnb .tab1 > ul > li{float: left; width: 50%; text-align: center;}
#lnb .tab1 > ul > li a{display: block; font-size: 1.55em; line-height: 1.5; padding:0.6929em 2.2em 0.7929em 1.5em; background-color: #fff; position: relative; border-color: #bfbfbf; border-width:1px; border-style: solid; box-sizing:border-box; background-color: #e6e6e6; color: #989797; }
#lnb .tab1 > ul > li a:after{width: 5%; height: 8px; background: url(../images/common/ico_arr_down1.png) 0 0 no-repeat;  position: absolute; left: 50%; bottom: 9.7%; margin-left: -5.4%; content:""; background-size: 100%; display: none;}
#lnb .tab1 > ul > li.on a{border-width: 0 ; border-color: #226717; background-color: #fff; color: #4f6e4a;}
#lnb .tab1 > ul > li.on a:after{display: block;}




.lnbdep1 ul:after{clear: both;display: block;height: 0; visibility: hidden; content:"";}

.lnbdep1 ul > li{border-bottom: 1px solid #d4d4d4; float: left; width: 50%; position: relative;}
.lnbdep1 ul > li:after{position: absolute; left: -1px; top: 0; width: 1px; height: 100%; background-color: #d4d4d4; content:"";}

.lnbdep1 ul > li.on > a{background-color: #fff; color: #403e73;box-shadow:none;}

.lnbdep1 ul > li > a{display: block;color:#333; font-size: 1.45em; line-height:1.5;padding:0.7929em 2em 0.7929em 1em;background-color: #f4f4f4;}
/* #lnbm2.lnbdep1 ul > li:last-child{width: 100%;} */



.tableST2{}
.tableST2 > table{ width:100%; border-top:0; margin:0;background-color: #fff;}
.tableST2 > table thead th,.tableST2 > table tbody th,.tableST2 > table tbody td{ padding:1em 0.25em; border-style:solid; border-width:0  0px 1px 0; border-color:#C8C8C8; text-align:center; }
.tableST2 > table thead th.last, .tableST2 > table tbody td.last{ border-width:0  0 1px 0; }
.tableST2 > table thead th{background:#fff; color:#333333;}
.tableST2 > table tbody td{color:#333333;font-size: 1.375em;}
.tableST2 > table tbody td.date{}
.tableST2 > table tbody td.title{text-align: left;}
.tableST2 > table tbody td.price{font-weight: 700;color: #333;text-align: right;}
.tableST2 > table tbody td.detail_info{padding:0.5em;}
.tableST2 > table tbody td.detail_info img{height: 1.72727em;}

#mp_point #hitBox{box-shadow:0px 1px 3px rgba(0,0,0,.1);position: relative;z-index: 1;}
#mp_point .tableST2{padding-top:1.5em;background-color: #fff;}

#pop_point_level{background-color: #fff;width:98%;}
#pop_point_level > .inner{background-color: #fff;border:1px solid #666666;}
#pop_point_level header{position: relative;padding:1.875em 2.125em 1.5em;background: url(/pc/shop/images/mypage/bg_dot_gray3.png) left bottom repeat-x;background-color: #e7e7e7;}
#pop_point_level header > h2{font-size: 1.5625em;}
#pop_point_level header button.btn_close{position: absolute;height:1.25em;top:0;bottom:0;margin:auto;right:23px;width: auto;overflow: visible;}
#pop_point_level header button.btn_close > span{font-size: 1.25em;margin-right:0.5em;line-height: 1;}
#pop_point_level header button.btn_close > img{height:1.125em;max-width:inherit}
#pop_point_level article{padding:1.875em 2.125em 3em;}
#pop_point_level article > ul{margin-bottom:2.5em;}
#pop_point_level article > ul > li{margin-bottom: 1em;padding-left:1em;position: relative;font-size: 1.25em;line-height: 1.6em;}
#pop_point_level article > ul > li:after{content: '-';position: absolute;left:0;top:0;}
#pop_point_level article > ul > li > p{color: #333; margin-bottom:0.5em;}
#pop_point_level article > ul > li > p.gray{color: #666;}
#pop_point_level article > table{width: 100%;border:1px solid #B9B9B9;border-collapse: collapse;overflow: hidden;}
#pop_point_level article > table > tbody > tr > th, #pop_point_level article > table > tbody > tr > td{border-left:1px solid #D6D6D6;border-bottom:1px solid #D6D6D6;text-align: center;vertical-align: middle;padding:0.8em 0.5em;line-height: 1.5;}
#pop_point_level article > table > tbody > tr > th{background-color: #f1f1f1;font-size: 1.25em;}
#pop_point_level article > table > tbody > tr > td{font-size: 1.25em;}
#pop_point_level article > table h3{font-weight: 700;font-size: 1em;}
#pop_point_level article > table .img{height:8.5em;position: relative;}
#pop_point_level article > table .img img{position: absolute;top:0;bottom: 0;right: 0;left: 0;margin: auto;max-width: 100%;max-height: 100%;}

/*올가샵*/

#area_visual{margin-bottom: 5.375em;}
#area_visual > .inner{}
#area_visual > .inner > ul > li{width: 100%;}
#area_visual > .inner > ul > li img{width:100%;}
#area_visual .paginate{margin-top:2em;}
#area_visual .paginate .swiper-pagination-bullet{width: 1.375em;height:1.375em;margin:0 0.5em;}

#orgashop_list{}
#orgashop_list h3.tit{font-size: 2.1875em;margin-bottom: 1em;margin-left: 3.5294%;}
#orgashop_list > header{margin-top: 3.75em;margin-bottom:2.125em;text-align: center;}
#orgashop_list > header > h2{font-size: 1em;padding-bottom:3em;margin-bottom: 2.5em;position: relative;}
#orgashop_list > header > h2:after{position: absolute;content: '';height:2px;width:3.75em;bottom:-1px;left:0;right:0;margin:auto;background-color: #D6D6D6;}
#orgashop_list > header > h2 > img{height:4em;}
#orgashop_list > header > h3{font-size: 1em;margin-bottom: 1.5em;}
#orgashop_list > header > h3 > img{height:1.75em;max-width:100%;}
#orgashop_list > header > p{color: #666666;font-size: 1.25em;line-height: 1.5em;-ms-word-break: keep-all;word-break: keep-all;}

#best_prd_t1{margin-bottom: 5.375em;}
#best_prd_t1 > h3{}
#best_prd_t1 .list > ul{}
#best_prd_t1 .list > ul > li{width:22.75em;margin:0 1.25em}
#best_prd_t1 .list > ul > li > .inner{display: block;height:0;padding-bottom:100%;position: relative;}
#best_prd_t1 .list .img{position: absolute;top:0;bottom:0;left:0;right:0;}
#best_prd_t1 .list .img:after{position: absolute;top:0;bottom:0;left:0;right:0;border:1px solid #C5C5C5;content: '';}
#best_prd_t1 .list .img > img{position: relative;width: 100%;}
#best_prd_t1 .list .con{position: absolute;bottom:0;left:0;right:0;background:rgb(0,0,0);padding: 0.875em 1.25em;
    background: transparent\9; background:rgba(0,0,0,0.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000); zoom: 1;}
#best_prd_t1 .list .con:nth-child(n) { filter: none; }
#best_prd_t1 .list .con > h4{color: #fff;font-size: 1.25em;margin-bottom: 0.25em;line-height: 1.3;height: 2.6em;overflow: hidden;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;  }
#best_prd_t1 .list .con > p{color: #fff;font-size: 1.125em;overflow: hidden;-ms-text-overflow: ellipsis;text-overflow: ellipsis; white-space: nowrap;}

#basic_prd_t1{margin-bottom: 5.375em;}
#basic_prd_t1 > div{margin:0 1.4706%;}
#basic_prd_t1 .lst_goods > ul{margin-left:-1.52%;}
#basic_prd_t1 .lst_goods > ul > li{margin-left: 1.52%;width:48.48%;}
#basic_prd_t1 .lst_goods > ul > li .img img{max-width:100%;max-height:100%;}
#basic_prd_t1 .lst_goods .boxPrice{margin-left:0.75em;margin-right: 0.75em;}
#basic_prd_t1 .lst_goods > ul > li > .inner > p.title{margin-left:0.6em;margin-right:0.6em}
#basic_prd_t1 .lst_goods > ul > li > .inner > p.title{font-size: 1.25em;}
#basic_prd_t1 .lst_goods .boxPrice ul li p{font-size: 1.5em;}


/*로하스 - 뷰*/
#lohas_view{padding-top:1.875em;background-color: #EDEFEE;padding-bottom:5.9375em;}
#lohas_view >.header{padding:2em 2em 3em;border-top:2px solid #333333;border-bottom:1px solid #D0D0D0;position: relative;background-color: #fff;}
#lohas_view >.header > p{color: #919191;font-size: 1.125em;margin-bottom:0.5em;}
#lohas_view >.header > h1{font-size: 1.75em; margin-bottom:0.25em;}
#lohas_view >.header > h2{color: #ad7441;font-weight: 400;font-size: 1.25em;margin-right:9em;}

#lohas_view .sns_add{position: absolute;right:0.625em;bottom:1em;}
#lohas_view .sns_add ul{}
#lohas_view .sns_add ul:after{display: block;clear: both;content: "";}
#lohas_view .sns_add ul li{float: left; margin-left:0.3125em}
#lohas_view .sns_add ul li img{height:2.6875em;}

#lohas_view .contentArticle{padding:2.8125em 0.625em;background-color: #fff;box-shadow: 0px 1px 3px rgba(0,0,0,0.2);margin-bottom:1.875em}
#lohas_view .contentArticle > p{font-size: 1.25em;line-height: 1.75em;}

#lohas_view .tagArea{border-bottom: 0;}
#lohas_view h2.tit{font-size: 1em;margin-bottom:1.375em;position: relative;}
#lohas_view h2.tit > span{color: #333333;font-size: 2.1875em;line-height: 1.65714em;}
#lohas_view .bot_btns_t2{margin:0 0.625em 1.875em;}

#lohas_view .area_reply{box-shadow:none;}
#lohas_view .area_reply .inner .header .writeBox_review textarea{height:9em;}
#lohas_view .area_reply > .inner{}
#lohas_view .area_reply .inner .article ul.list{margin-bottom:1.875em;}

.bbsPage {width: 100%; margin-top: 40px; border-top:1px solid #9E9E9E; border-bottom:1px solid #9E9E9E;}
.bbsPage td{padding: 14px; text-align: left; vertical-align: middle; border-style: solid; border-top-width: 1px; border-color: #dedede;}
.bbsPage td.h{width: 100px; text-align: center;}
.bbsPage tr:first-child td{border-top: 0;}
.bbsPage td.h img{margin-right:13px;vertical-align: middle;}

.bot_btns{text-align: center;margin-top:2.5em;}
.bot_btns button{min-width: 12.5em;height:3em;font-size: 1.25em;font-weight: 700;}
.bot_btns button.mini{min-width:10em;height: 2.5em;}
.bot_btns button.pink{background-color: #005116;color: #fff;}
.bot_btns button.gray{border: 1px solid #6D6D6D;background-color: #7c7c7c;color: #fff;}

#related_goods{background-color: #fff;padding:2em 0.625em;box-shadow: 0px 1px 3px rgba(0,0,0,0.2);margin-bottom:1em;}

.bot_btns_t2{position: relative;}
.bot_btns_t2 button{color: #7c7c7c;font-size: 1.375em;height:2.72727em;min-width: 7.0455em;border:1px solid #C6C6C6;border-radius:3px;background-color: #fff;font-weight: 700;}
.bot_btns_t2 button > img{height:0.77273;}
.bot_btns_t2 button > *{vertical-align: middle;}
.bot_btns_t2 > .ab_r{position: absolute;right:0;bottom:0;}
.bot_btns_t2 > .ab_r > button{background-color: #7c7c7c;color: #fff;border-color: #6D6D6D;}

/*이용약관*/
#area_terms .box_policy{color: #666666;line-height: 1.375;padding:1em 0;}

/*그린톡*/

#area_greentalk{}
#area_greentalk > header{text-align: center;padding-bottom: 38px;border-bottom:1px solid #757575;}
#area_greentalk > header > h2{margin-bottom: 20px;}
#area_greentalk > header > h2 img{max-width:80%;}
#area_greentalk > header > p{color: #666666;font-size: 1.5em;line-height: 1.5;}
#area_greentalk > header > .btns{text-align: center;margin-top: 1.75em;}
#area_greentalk > header > .btns > button{margin:0 0.5em;width:16.25em;height:16.25em;border: 1px solid #CCCCCC;border-radius:8px;text-align: center;padding:0.75em;}
#area_greentalk > header > .btns > button > .img{display: block;margin-bottom:0.75em;text-align: center;}
#area_greentalk > header > .btns > button > .img img{max-width:70%;}
#area_greentalk > header > .btns > button > .txt{color: #666666;font-size: 1em;font-weight: 700;line-height:1.5em;display: block;word-break: keep-all;}
#area_greentalk > .bx_step{padding-top: 6.667%;max-width:1036px;margin:auto;}
#area_greentalk > .bx_step > ul{}
#area_greentalk > .bx_step > ul > li{padding-bottom: 10%;}
#area_greentalk > .bx_step dl{position: relative;}
#area_greentalk > .bx_step dl > dt{position: absolute;width: 57px;font-size: 2em;color: #555555;font-style: italic;font-weight: 700;line-height: 1;}
#area_greentalk > .bx_step dl > dd{margin-left:3.5em}
#area_greentalk > .bx_step .tit{margin-bottom:5%;min-height: 48px;}
#area_greentalk > .bx_step .tit > p{color: #666666;font-size: 1.25em;line-height: 1.5;word-break: keep-all; }
#area_greentalk > .bx_step .tit > p strong{color: #214c8f;}
#area_greentalk > .bx_step .tit > p > *{vertical-align: middle;}
#area_greentalk > .bx_step .tit > a{font-size: 1.25em;color: #333333;font-family: 'lato','Nanum Gothic','Dotum','돋움','굴림',sans-serif;line-height: 24px;}
#area_greentalk > .bx_step .img{margin-left:-3.5em;text-align: center;}
#area_greentalk > .bx_step .img > img{max-width:100%;}
#area_greentalk > .bx_step > ul > li.wide{float: none;width: auto;}
#area_greentalk > .bx_step > ul > li.wide .tit{float: left;margin-right:10.618%;}
#area_greentalk > .bx_step > ul > li.wide .img{}

/*자담터 이용안내*/

#area_userguide{}
#area_userguide > header{text-align: center;padding-top: 2em;border-bottom:1px solid #757575;}
#area_userguide > header > h2{margin-top: 1em;}
#area_userguide > header > h2 img{max-width:70%;}
#area_userguide > header > h3 img{max-width:70%;margin-bottom:0.5em}
#area_userguide > header > p{color: #666666;font-size: 1em;line-height: 1.5;}
#area_userguide > header > .btns{text-align: center;margin-top: 1.75em;}
#area_userguide > header > .btns > button{margin:0 0.5em;width:16.25em;height:16.25em;border: 1px solid #CCCCCC;border-radius:8px;text-align: center;padding:0.75em;}
#area_userguide > header > .btns > button > .img{display: block;margin-bottom:0.75em;text-align: center;}
#area_userguide > header > .btns > button > .img img{max-width:70%;}
#area_userguide > header > .btns > button > .txt{color: #666666;font-size: 1em;font-weight: 700;line-height:1.5em;display: block;word-break: keep-all;}
#area_userguide > .bx_step{padding-top: 6.667%;max-width:1036px;margin:auto;}
#area_userguide > .bx_step > ul{}
#area_userguide > .bx_step > ul > li{padding-bottom: 10%;}
#area_userguide > .bx_step dl{position: relative;}
#area_userguide > .bx_step dl > dt{position: absolute;width: 57px;font-size: 2em;color: #555555;font-style: italic;font-weight: 700;line-height: 1;}
#area_userguide > .bx_step dl > dd{margin-left:3.5em}
#area_userguide > .bx_step .tit{margin-bottom:5%;min-height: 48px;}
#area_userguide > .bx_step .tit > p{color: #666666;font-size: 1.25em;line-height: 1.5;word-break: keep-all; }
#area_userguide > .bx_step .tit > p strong{color: #214c8f;}
#area_userguide > .bx_step .tit > p > *{vertical-align: middle;}
#area_userguide > .bx_step .tit > a{font-size: 1.25em;color: #333333;font-family: 'lato','Nanum Gothic','Dotum','돋움','굴림',sans-serif;line-height: 24px;}
#area_userguide > .bx_step .img{margin-left:-3.5em;text-align: center;}
#area_userguide > .bx_step .img > img{max-width:100%;}
#area_userguide > .bx_step .imgs{margin-left:-3.5em;overflow: hidden;}
#area_userguide > .bx_step .imgs > ul{}
#area_userguide > .bx_step .imgs > ul:after{content: '';clear: both;display: block;}
#area_userguide > .bx_step .imgs > ul > li{text-align: center;margin-bottom:2em;position: relative;}
#area_userguide > .bx_step .imgs > ul > li img{max-width:100%;}
#area_userguide > .bx_step .imgs > ul > li p{margin-top:1em;font-size: 1.125em;}
#area_userguide > .bx_step .imgs > ul > li p > span{border-bottom: 1px solid #C0C0C0;display: inline-block;}



#area_userguide > .bx_step > ul > li.wide{float: none;width: auto;}
#area_userguide > .bx_step > ul > li.wide .tit{float: left;margin-right:10.618%;}
#area_userguide > .bx_step > ul > li.wide .img{}



.lst_check2.radio{overflow: hidden;position: relative;}
.lst_check2 .on .bx_radio{}
.lst_check2 .on .bx_radio > span{background-color: #1DA51C;}
.lst_check2.radio label{display: inline-block; color:#333; font-size:12px;}
.lst_check2.radio label > *{vertical-align: middle;}
.lst_check2 label .bx_radio{display:inline-block;width:16px; height: 16px; border:1px solid #666666;box-sizing:border-box;position:relative;vertical-align: middle;border-radius:50%;}
.lst_check2 label .bx_radio > span{position:absolute;width:8px;height:8px;left:0;right:0;top:0;bottom:0;margin:auto;border-radius:50%;}
.lst_check2.radio label + input[type='radio']{left:0;top:-20px;position: absolute;}


/*my ha*/
#area_myha{}
#area_myha > h2{color: #333;font-size: 3em;padding: 0.75em 0;text-align: center;}
#area_myha .lst_ha{}
#area_myha .lst_ha > ul{padding:0 1.875em 1em;}
#area_myha .lst_ha > ul > li{position: relative;padding:1.5em 1em 0.75em 8em;}
#area_myha .lst_ha > ul > li > strong{display: block;font-size: 1.5em;height:1.25em;line-height: 1.25;position: absolute;padding-left:0.75em;left:0;}
#area_myha .lst_ha > ul > li > strong:after{content: '';position: absolute;width:5px;height:5px;border-radius:50%;background-color: #818eab;top:0;bottom: 0;margin: auto;left: 0;}
#area_myha .lst_ha > ul > li > p{display: block;font-size: 1.375em;text-align: right;line-height:1.25;}

#area_myha .manager.lst_ha > ul{background-color: #edefee;border-top:1px solid #999;}
#area_myha .manager.lst_ha > ul > li{border-top:1px solid #D1D1D1;}
#area_myha .manager.lst_ha > ul > li:first-child{border-width:0;}
#area_myha .manager.lst_ha > ul > li > strong{color: #1f3669;}
#area_myha .manager.lst_ha > ul > li > p{color: #1f3669;}

#area_myha .benefit{padding: 2.5em;border: 1px solid #777777;margin:0 1.875em;}
#area_myha .benefit:after{content: '';display: block;clear: both;}
#area_myha .benefit > .img{float: left;}
#area_myha .benefit > .img > img{width: 4em;margin-top:1em;}
#area_myha .benefit > .cont{font-size: 1.5em;line-height: 1.66667;margin-left:3.75em;}
#area_myha .benefit > .cont > strong{color: #005116;text-decoration: underline;}
#area_myha .bot_btn{margin-top:2.5em;margin-bottom: 5.375em;text-align: center;}
#area_myha .bot_btn a{color: #fff;font-size: 1.375em;background-color: #333333;padding:.875em 1.5em;font-weight: 700;display: inline-block;}

#area_myha .manager.empty{background-color: #edefee;border-top:1px solid #999;text-align: center;padding:3.25em 0;}
#area_myha .manager.empty > p{color: #1f3669;font-size: 1.5em;padding:0.5em 0;border-bottom: 1px solid #1f3669;display: inline-block;}

#area_myha .store.empty{margin:2.5em 1.875em;}
#area_myha .store.empty p{font-size: 1.375em;line-height: 1.45455;}
#area_myha .store.empty .bx_input{position: relative;padding-right:9em;margin-top:1em;}
#area_myha .store.empty .bx_input > input{font-size: 1.5em;height: 3.5em;border:1px solid #A4A4A4;width: 100%;padding: 0 0.5em;}
#area_myha .store.empty .bx_input > button{width:8.5em;position: absolute;right:0;top:0;bottom:0;border:1px solid #4C5DB3;background-color: #6E7ED1;}
#area_myha .store.empty .bx_input > button > span{font-size: 1.75em;font-weight: 700;color: #fff;}

#area_myha .issue_code{padding: 1em 2.5em;border: 1px solid #777777;margin:0 1.875em;}
#area_myha .issue_code:after{content: '';display: block;clear: both;}
#area_myha .issue_code > .img{float: left;}
#area_myha .issue_code > .img > img{width: 4em;margin-top:1em;}
#area_myha .issue_code > .cont{font-size: 1.5em;line-height: 1.66667;margin-left:3.75em;}
#area_myha .issue_code > .cont > strong{color: #005116;text-decoration: underline;}


/*G포인트 멤버십 인증 확인*/

.layout_certifi{margin-bottom: 3em;}
.layout_certifi > header{margin-top:3.75em;text-align: center;margin-bottom: 2em;}
.layout_certifi > header > h2{margin-bottom:1.5em;font-size: 1em;}
.layout_certifi > header > h3{font-size: 1.25em;margin-bottom:1em;font-weight: 400;}
.layout_certifi > header > h2 img{max-width: 100%;max-height:1.5em;-ms-word-break: keep-all;word-break: keep-all;}
.layout_certifi > header > p{color: #666666;font-size: 1.125em;line-height: 1.5;-ms-word-break: keep-all;word-break: keep-all;}

.layout_certifi .bx_cont{background-color: #f7f7f7;padding: 3.1579% 5.2632%;}
.layout_certifi .bx_cont > p{color: #666666;font-size: 1.125em;line-height: 1.5;}
.layout_certifi .bx_cont > ul{margin-top:2.5em}
.layout_certifi .bx_cont > ul > li{padding: 1.25em 1em;position: relative;border-top:1px solid #CECECE;}
.layout_certifi .bx_cont > ul > li:first-child{border-width:0;}
.layout_certifi .bx_cont > ul > li > img{position: absolute;left:1em;top:0;bottom:0;margin: auto;width: 2.1875em;}
.layout_certifi .bx_cont > ul > li > .txt{padding-left:4em;}
.layout_certifi .bx_cont > ul > li > .txt > h3{color: #333333;font-size: 1.25em;line-height: 1.5;}
.layout_certifi .bx_cont > ul > li > .txt > p{font-size: 1.25em;color: #666666;line-height: 1.5;}

.layout_certifi > article{}
.layout_certifi > article > table{border:1px solid #B9B9B9;width: 100%;}
.layout_certifi > article > table td{padding: 1.875em 4%;text-align: left;border-bottom: 1px solid #D2D2D2;vertical-align: middle;}
.layout_certifi > article > table td.ico{width: 9em;text-align: right;}
.layout_certifi > article > table td > h2{color: #333333;font-size: 1.25em;line-height: 1.5;}
.layout_certifi > article > table td > h2 > *{vertical-align: middle;line-height: 1;}
.layout_certifi > article > table td > p{color: #666666;font-size: 1.125em;line-height: 1.5;}
.layout_certifi > article > table td.ico > span{vertical-align: middle;min-width:5em;text-align: center;color: #7c7c7c;font-size: 1.125em;font-weight: 700;display: inline-block;}
.layout_certifi > article > table td.ico img{max-width:2.25em;}
.layout_certifi > article > table td.ico.type2 > span{color: #e15b67;}
.layout_certifi > article > table td.ico.type3 > span{color: #2ba47d;}
.layout_certifi > article > table .gray td{background-color: #fcfcfc;}
.layout_certifi > article > table td button.btn_gray{color: #fff;background-color: #9f9f9f;font-size: 0.75em;padding:0 0.5em;height:2em;vertical-align: middle;}

#pop_request_reason_fail{width: 96%;}
#pop_request_reason_fail > .inner{}
#pop_request_reason_fail button.btn_close{width: 1.125em;top:1em;right:1em;position: absolute;}
#pop_request_reason_fail header{padding:6.6225% 2% 4.9669%;}
#pop_request_reason_fail header > p{color: #333333;font-size: 1.125em;line-height: 1.5;text-align: center;}
#pop_request_reason_fail article{border-top:1px solid #BBC3C9;border-bottom:1px solid #BBC3C9;background-color: #F7F7F7;padding: 4.9669% 10%;}
#pop_request_reason_fail article > ul{}
#pop_request_reason_fail article > ul > li{margin-bottom:1.25em;}
#pop_request_reason_fail article > ul > li > strong{display: block;float: left;font-size: 1em;line-height: 1.5em;padding-top:0.25em;clear: both;padding-left:1em;position: relative;}
#pop_request_reason_fail article > ul > li > strong:after{content: '';position: absolute;left:0;top:0;bottom:0;width: 3px;height: 3px;background-color: #005116;margin:auto;}
#pop_request_reason_fail article > ul > li > div{padding-left:7em;}
#pop_request_reason_fail article input.ipt{height:2em;line-height: inherit;font-size: 1em;box-shadow:none; -webkit-appearance: none;border: 1px solid #c1c1c1; background: #fff; padding: 0px 0.5em; }
input.ipt.w100p{width: 100%;}

.ipt_phone{}
.ipt_phone > ul{margin-left:-10px;}
.ipt_phone > ul:after{content: '';display: block;clear: both;}
.ipt_phone > ul >li{float: left;width:33.333%;box-sizing:border-box;padding-left:10px;position: relative;}
.ipt_phone > ul >li:after{content: '-';width:10px;left:0;top:0;bottom:0;text-align: center;position: absolute;margin: auto;height: 1em;}
.ipt_phone > ul >li:first-child:after{content: none;}

#area_fail_certification > header{margin-bottom:2em;}





.gift_detail{background:#edefee;padding-bottom: 2.5em;}
.lst_type06 > ul{padding:2.5em 0.625em;}
.lst_type06 > ul > li{background-color:#fff;margin-bottom:0.625em; padding:2.1em 1.8em;border-radius:4px;box-shadow:1px 2px 5px -2px rgba(0,0,0, .25);overflow:hidden;}

/*장바구니*/
.lst_type06{padding-bottom:1em;}
.lst_type06 > ul{padding-bottom:0px;}
.lst_type06 > ul > li{padding:0;overflow:hidden;}
.lst_type06 > ul > li > dl{position:relative;padding:1.1875em; overflow:hidden;display: table;}
.lst_type06 > ul > li dt{width:14.25em;clear:left;display: table-cell;vertical-align: middle;}
.lst_type06 > ul > li dd{display: table-cell;vertical-align: middle;}
.lst_type06 > ul > li dt > input[type="checkbox"]{position: absolute;right:-4.25em;top:-4.25em;}
.lst_type06 > ul > li dt > input[type="checkbox"] + label{display: inline-block; width:1.875em; height:1.875em; border:0.125em solid #BBBBBB;background-color:#fff;cursor:pointer;
    color:transparent;vertical-align: top;text-align: center;margin-right:1em;}
.lst_type06 > ul > li dt > input[type="checkbox"]:checked + label{background: url(/m/images/product/ico_check.png) center center no-repeat; background-size: 80% auto;}
.lst_type06 > ul > li dt > .img{display: inline-block; width:9em; height: 9em;border:1px solid #C7C7C7;padding:0.625em;box-sizing:border-box;text-align:center;}
.lst_type06 > ul > li dt > .img img{max-width:100%;max-height:100%;}
.lst_type06 > ul > li dd h3{font-size: 1.5em;margin-bottom:0.75em;}
.lst_type06 > ul > li dd label.drop_down{position: relative; display: inline-block;}
.lst_type06 > ul > li dd label.drop_down::before{position: absolute;content: ''; width:0px;height:0px;border-top:0.6875em solid #898989;border-left: 0.625em solid transparent;
    border-right: 0.625em solid transparent;top:0;bottom:0;margin:auto;right:1.275em;z-index:1;}
.lst_type06 > ul > li dd select{position: relative;-webkit-appearance:none;color:#898989;font-size: 1.375em; width:14em; height:2.3636em;border:1px solid #CBCBCB;
padding-left:1.275em;box-sizing:border-box;border-radius:0;}
.lst_type06 .btn_close{position: absolute; right:1em;top:1em;width:2.3em;height:2.3em;border-radius:50%;background-color: #CBCBCB;}
.lst_type06 .btn_close::before, .lst_type06 .btn_close::after{position:absolute;content:""; top:0;bottom:0;left:0;right:0;margin:auto;border-radius:0.1em;
    ms-transform: rotate(45deg); /* IE 9 */    -webkit-transform: rotate(45deg); /* Safari */    transform: rotate(45deg);}
.lst_type06 .btn_close::before{width:65%;height:0.1875em;background:#fff;}
.lst_type06 .btn_close::after{width:0.1875em;height:65%;background:#fff;}
.lst_type06 .bot{padding:1.1875em;background-color: #f7f6f4;}
.lst_type06 .bot h4{font-size:1.25em;font-weight: 400;margin-bottom:0.8em; }
.lst_type06 .bot > div:after{content:"";display:block;clear:both;}
.lst_type06 .bot .price{float:right;text-align: right;}
.lst_type06 .bot .price .sale{}
.lst_type06 .bot .price .sale > span{font-weight: 400;font-size: 1.25em;color: #666666;margin-right:1em;}
.lst_type06 .bot .price .sale > strong{font-size: 1.5em;color: #333;}
.lst_type06 .bot .price .sale > strong.bene{color: #005116;}
.lst_type06 .bot .price .sale > strong > span{font-weight: 400;}
.lst_type06 .bot div.btn_save{float: left; margin-left: 0.5em;}
.lst_type06 .bot div.btn_save > button{font-size: 1.5em; height:2.29167em;padding:0 0.5em;border: 1px solid #A0A0A0;border-radius:3px;}

.lst_type06 .pd_cnt_fix{position:relative;float:left;overflow:hidden}
.lst_type06 .pd_cnt_fix > p{color: #000;margin-top: 0.4em;}
.lst_type06 .pd_cnt_fix > p > span{font-size: 1.25em;color: #666;}
.lst_type06 .pd_cnt_fix > p > strong{font-size: 1.5em;font-weight: 400;}

.lst_type06 .pd_cnt{position:relative;float:left; background-color:#fff; border: 1px solid #A0A0A0;border-radius: 0.375em;overflow:hidden}
.lst_type06 .pd_cnt > button{position:absolute;width:3.4375em;height:3.4375em;top:0;bottom:0;margin:auto;font-size:1em;
    background: rgba(246,246,246,1);
    background: -moz-linear-gradient(top, rgba(246,246,246,1) 0%, rgba(222,222,222,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(246,246,246,1)), color-stop(100%, rgba(222,222,222,1)));
    background: -webkit-linear-gradient(top, rgba(246,246,246,1) 0%, rgba(222,222,222,1) 100%);
    background: -o-linear-gradient(top, rgba(246,246,246,1) 0%, rgba(222,222,222,1) 100%);
    background: -ms-linear-gradient(top, rgba(246,246,246,1) 0%, rgba(222,222,222,1) 100%);
    background: linear-gradient(to bottom, rgba(246,246,246,1) 0%, rgba(222,222,222,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#dedede', GradientType=0 );
}
.lst_type06 .pd_cnt > button.plus{right:0px;border-left:1px solid #C7C7C7;box-shadow:-1px 0px 2px -1px rgba(0,0,0,.2)}
.lst_type06 .pd_cnt > button.plus::before, .lst_type06 .pd_cnt > button.plus::after{position:absolute;content:""; top:0;bottom:0;left:0;right:0;margin:auto;}
.lst_type06 .pd_cnt > button.plus::before{width:1.3125em;height:0.25em;background:#acacac;}
.lst_type06 .pd_cnt > button.plus::after{width:0.25em;height:1.3125em;background:#acacac;}
.lst_type06 .pd_cnt > button.minus{left:0px;border-right:1px solid #C7C7C7;box-shadow:1px 0px 2px -1px rgba(0,0,0,.2)}
.lst_type06 .pd_cnt > button.minus::before{position:absolute;content:""; top:0;bottom:0;left:0;right:0;margin:auto;width:1.3125em;height:0.25em;background:#acacac;}
.lst_type06 .pd_cnt .cnt{position:relative;margin:0 3.4375em;display:inline-block;}
.lst_type06 .pd_cnt .cnt > input{display: block;font-size: 1.5em; line-height:2.1667em; color:#333; height:100%;border-width:0px;padding:0px;margin:0px;background:none;text-align: center;
    width:2.9167em;color:#333;}

.lst_type06.no_check{}
.lst_type06 > ul > li dt{width: 11em;}


.gift_detail h3.tit_text{font-size: 1.5em;margin:1.6em 4% 1em;}
.gift_detail h3.tit_text.d2{color: #666666;margin:1.6em 4% 0.65em;}

.gift_detail .bx_notice{padding: 1.75em;border: 1px solid #DBE3E3;background-color: #f9fcfc;position: relative;margin:2em 0.625em 2.5em 0.625em;}
.gift_detail .bx_notice .txt > h3{color: #3e7f9d;font-size: 1.5em;line-height: 1.5;margin-bottom: 0.5em;}
.gift_detail .bx_notice .txt > p{color: #333333;font-size: 1.25em;}


/*이메일수신거부*/
#area_unsubscribe_email{padding:5em 0 9em;margin: auto;}
#area_unsubscribe_email header{text-align: center;margin-bottom: 1.875em;}
#area_unsubscribe_email header img{margin-bottom:0.875em;width: 3.5em;}
#area_unsubscribe_email header h2{color: #333333;font-size: 2em;-ms-word-break: keep-all;word-break: keep-all;}
#area_unsubscribe_email header h2 > strong{color: #005116;}
#area_unsubscribe_email article{border-top: 2px solid #828282;background-color: #F7F7F7;padding: 2.5em 0.5em;text-align: center;-ms-word-break: keep-all;word-break: keep-all;}
#area_unsubscribe_email article > dl > dt{display: inline-block;vertical-align: middle;margin-right: 1.5em;}
#area_unsubscribe_email article > dl > dt img{width: 4.625em;}
#area_unsubscribe_email article > dl > dd{display: inline-block;vertical-align: middle;text-align: left;}
#area_unsubscribe_email article p{color: #666666;font-size: 1.25em;line-height: 1.75;}
#area_unsubscribe_email .bot_btns button{min-width: 8em;}

#main_notice_pop{position: absolute;width: 320px;top:1%;left: 0;right: 0;margin: auto;z-index: 30;box-shadow:0 0 5px -1px rgba(0,0,0,0.4);display: none;}
#main_notice_pop > div.img{position: relative;}
#main_notice_pop a.link{position: absolute;bottom:37px; width: 173px;height: 32px;left: 0;right: 0;margin: auto;display: block;}
#main_notice_pop > img{width: 100%;}
#main_notice_pop > div.txt{background-color: #333;color: #fff;padding:5px;font-size: 12px;position: relative;text-align: right;}
#main_notice_pop > div.txt label > *{vertical-align: middle;}
#main_notice_pop > div.txt input{margin: 0;}
#main_notice_pop > div.txt button{color: #fff;text-decoration: underline;padding: 0 5px;}


/*기획전 관리*/
#area_plan > header{padding-top: 1.25em;border-bottom:1px solid #757575;text-align: center;margin-bottom:1em;}
#area_plan > header:after{content: '';display: block;clear: both;}
#area_plan > header > p{ font-size: 1.125em; line-height: 1.25; padding-bottom: 1.5em; margin-bottom: 1em; color: #333;position: relative;}
#area_plan > header > p:after{position: absolute;width:3.5em;left: 0;right: 0;margin: auto;bottom:-1px;height:2px;background-color: #988669;content: '';}
#area_plan > header > h2{color: #404040;font-size: 2.25em;line-height: 1.25em;margin:0.25em 0 1em;}
#area_plan > header.list > h2 { text-align: left; float: left; margin:5px 0 20px; }
#area_plan > header .btn { float: right; width: auto; height: 40px; line-height: 40px; border: 1px solid #333; box-sizing: border-box; padding: 0 20px; display: inline-block; font-size: 1em; font-weight: 300; margin: 5px 0 20px;}
#area_plan > header .btn span { vertical-align: middle; }
#area_plan > header .btn.gray { border: 1px solid #434343; background-color: #434343; color: #fff; }
#area_plan #event_list { margin-bottom: 3.5em; }
#area_plan #event_list ul li { padding-bottom: 1.5em; }
#area_plan #event_list ul li a { position: relative; display: block; }
#area_plan #event_list ul li img { max-width: 100%; width: 100%; }
#area_plan #event_list ul li .tag {position: absolute;top:-2px;left:-2px;z-index: 10;}
#area_plan #event_list ul li .date { position: absolute; bottom: 0; left: 0; text-align: right; color: #fff; width: 100%; background: url(/pc/shop/images/event/date_bg.png) 0 center no-repeat; background-size: cover; font-size: 15px; line-height: 22px; padding: 10px 20px; box-sizing: border-box; font-weight: bold; }
#area_plan #even_none_list ul li { text-align: center; width: 100%; font-size: 2em; padding: 5em 2%; }
#area_plan #event_end_list { margin-bottom: 3.5em; }
#area_plan #event_end_list ul { margin-bottom: 2.5em; }
#area_plan #event_end_list ul li { display: table; width: 100%; border-bottom: 1px solid #ededed; }
#area_plan #event_end_list ul li > div { display: table-cell; vertical-align: middle; padding: 1em; box-sizing: border-box; font-size: 1.125em; }
#area_plan #event_end_list ul li > div.num { text-align: center; width: 4.375em; }
#area_plan #event_end_list ul li > div.type { text-align: center; width: 7.500em; }
#area_plan #event_end_list ul li > div.type span { border: 1px solid #ccc; border-radius: 20px; padding: 5px 10px; }
#area_plan #event_end_list ul li > div.type span.event { color: #eb6060; border-color: #eb6060; }
#area_plan #event_end_list ul li > div.type span.promo { color: #6c93ea; border-color: #6c93ea; }
#area_plan #event_end_list ul li > div.cont {  }
#area_plan #event_end_list ul li > div.cont .tit { font-size: 1.25em; line-height: 1.5; color: #333; }
#area_plan #event_end_list ul li > div.cont .date { font-size: 1em; color: #666; }

#area_plan .bx_banner{margin:auto;text-align: center;}
#area_plan .bx_banner img{max-width:100%;}
#area_plan .list_plan_prd{margin-top: 3.5em;}

/*팝업*/
#sect_main_popup{width:400px;max-width:96%;}
#sect_main_popup > .inner{padding: 1em;}
#sect_main_popup .bx_slide{position: relative;overflow: hidden;}
#sect_main_popup .bx_slide a{display: block;min-height: 150px;}
#sect_main_popup .bx_slide label{position: absolute;vertical-align: middle;right: 5px;top: 5px;font-size: 12px}
#sect_main_popup .bx_slide label input{margin: 0;padding: 0;}
#sect_main_popup .bx_slide .multiLink { position: absolute; width: 100%; bottom: 0; height: 62%; }
#sect_main_popup .bx_slide .multiLink a { height: 50%; }
#sect_main_popup .bx_slide img{width:100%;}
#sect_main_popup .txt{background-color: #333;color: #fff;height: 40px;font-size: 15px;;position: relative;}
#sect_main_popup .txt .paging{position: absolute;top: 5px;bottom: 5px;left: 5px;font-size: 12px;margin: auto;}
#sect_main_popup .txt label{margin-left: 15px;margin-right:15px;position: relative;vertical-align: middle;}
#sect_main_popup .txt label input{margin: 0;padding: 0;}
#sect_main_popup .txt button{color: #fff;height: 36px;vertical-align: middle;margin-right: 15px;text-align: right;}

.page_tmp_event{}
.page_tmp_event header{padding-bottom: 2em;border-bottom:1px solid #757575;text-align: center;margin-bottom: 2em;}
.page_tmp_event header p{font-size: 1.5em;margin:0.875em;}
.page_tmp_event header h2{font-size: 1.875em;}
.page_tmp_event .bx_cont{text-align: center;}
.page_tmp_event .bx_cont img{max-width:100%;}

/*팝업추가내용*/
#sect_main_popup .txt .txt_left{width: 70%;line-height: 34px;float: left;}
#sect_main_popup .txt .txt_right{width: 30%;line-height: 34px;float: right;text-align: right;}

/*레이어 알럿*/
.custom_alert{width: 640px;max-width:96%}
.custom_alert > .inner{background-color: #fff;}
.custom_alert h2{font-size: 1em;padding: 1.5em 2em;background-color: #f7f7f7;}
.custom_alert h2 > img{vertical-align: middle;margin-right: 0.5em;max-height:3em}
.custom_alert h2 > span{vertical-align: middle;font-size: 1.5em;color: #333;line-height: 1.375;}
.custom_alert section{padding: 2em;text-align: center;}
.custom_alert section .txt{color: #666666;font-size: 1.25em;line-height: 1.5;margin-bottom: 2.25em;min-height: 3em;}
.custom_alert section .btn{text-align: center;}
.custom_alert section .btn button{min-width: 12em;height: 3em;background-color: #6a6a6a;line-height: inherit;padding: 0 1em;font-size: 1.25em;font-weight: 700;color: #fff;}

/*웹진*/
#page_webzine{margin:1em 0.625em 2em;}
#page_webzine > .top{margin-top: 1.5em;}
#page_webzine > .top:after{display: block; clear: both; content: "";}
#page_webzine > .top p{color: #666;float: right; line-height: 30px;margin-bottom: 1em;font-size: 1.125em;}
#page_webzine > .top p strong{color: #cb60af; font-weight: bold;}

.webzine_list{}
.webzine_list > ul{}
.webzine_list > ul:after{content: '';display: table;clear: both;}
.webzine_list > ul > li{margin-bottom: 1.5em;}
.webzine_list > ul > li > .in{border:1px solid #D5D5D5;padding: 1em;}
.webzine_list > ul > li > .in:after{content: '';display: table;clear: both;}
.webzine_list .bx_img{width:43%;float: left;}
.webzine_list .img{display: block;height: 0;padding-bottom: 141.4167%;position: relative;}
.webzine_list .img > img{position: absolute;top: 0;bottom: 0;left: 0;right: 0;width: 100%;}
.webzine_list .img .tag{background-color: #CAAF93;font-size: 1em;width:3em;height:3em;border-radius:50%;color: #fff;line-height: 3em;text-align: center;display: inline-block;
position: absolute;top: 2%;left: 2%;z-index: 1;}
.webzine_list .txt{width: 53%;float: right;}
.webzine_list .txt > h3{color: #666666;font-size: 1.25em;padding: 1em 0 0.75em;border-bottom: 1px solid #DDDDDD;-ms-text-overflow: ellipsis;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.webzine_list .txt > dl{margin: 0.75em 0 .75em 1em ;line-height: 1.75em;}
.webzine_list .txt > dl > dt{font-size: 1.125em;color: #9c8772;}
.webzine_list .txt > dl > dd{color: #9e9e9e;font-size: 1.125em;position: relative;padding-left: 0.75em;}
.webzine_list .txt > dl > dd:after{content: '-';position: absolute;top: 0;left: 0;}
.webzine_list .sns_list{margin-top: 1.25em;text-align: center;}
.webzine_list .sns_list > ul{}
.webzine_list .sns_list > ul > li{display: inline-block;margin:0 0 0 0.5em;}
.webzine_list .sns_list > ul > li > a{width: 3em;display: block;}
.webzine_list .sns_list > ul > li > a img{width: 100%;}



/*브랜드 갤러리 타이틀*/
.titleAreaM { font-size: 18px; margin-bottom: 1em;}
/*.titleAreaM p { margin-left: 10px; }*/
.titleAreaM h1 { font-size: 22px; margin-bottom: 10px; margin-top: 10px; }

@charset "utf-8";

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
#wrap.page_login{}
#loginBoxArea{ width:596px;max-width:96%; margin:10% auto 0; padding:2em 0 4em 0;   font-family:'Nanum Gothic', "Lato",'나눔고딕','Dotum','돋움',Helvetica,sans-serif;border:1px solid #CDCDCD;}
#loginBoxArea > h1{margin-bottom:3em; font-size:1em; color:#5a5959; text-align:center; font-weight:400; }
#loginBoxArea > h1 *{vertical-align: middle;}
#loginBoxArea > h1 > img{max-height: 4.625em;}
#loginBoxArea > h1 > strong{font-size: 1.75em;color: #333;}
#loginBoxArea .flid {text-align:center;padding:1em 1.5em;}
#loginBoxArea .flid .bx_input{position:relative; height:3.25em; margin:0px auto; border-radius:3px; border:1px solid #a5a5a5;padding-left: 7em;box-sizing: border-box;background-color: #e0e0e0;}
#loginBoxArea .flid .bx_input > input{width:100%; height:100%;padding:0 10px;font-family:"Lato"; font-weight:700; border-width: 0;box-sizing:border-box;background-color: #fff;font-size: 1.375em;}
#loginBoxArea .flid .bx_input > label{position:absolute;left: 0;top: 0;bottom: 0;display: block;width: 7em;border-right: 1px solid #a5a5a5;
color: #333333;vertical-align: middle;}
#loginBoxArea .flid .bx_input > label > span{font-size: 1.25em;}
#loginBoxArea .flid .bx_input > label:after{display: inline-block;height: 100%;vertical-align: middle;content: '';}
#loginBoxArea .flid .bx_input + .bx_input{margin-top: 1.25em;}
#loginBoxArea .flid p{text-align: left;}
#loginBoxArea .flid button.btn_side{color: #3ea053;font-size: 1.125em;margin-top: 1em;}

button#btnLogin{min-width:11.66667em;max-width:100%;height:2em; margin-top:1.91667em;background-color:#000000; color:#fff;  border-radius:4px; font-size:1.5em; font-family:"Lato"; font-weight:400; }

.page_login .footer {bottom:0px;;text-align:center;margin-top:3em;padding-bottom: 2em;max-width:96%;margin-left: auto;margin-right: auto;}
.page_login .footer h1{font-size:1.375em;color:#333; line-height:1.75;}
.page_login .footer .company_info{font-size:1.125em; color:#888888;line-height:1.75;background-color: inherit;padding: 0;}
.page_login .footer .copyright{font-size:1.25em; color:#bfbfbf;line-height:1.75;}
.page_login .footer .copyright span{display:inline-block; padding: 0 0.75em;}

#pop_seach_password{width: 96%;}
#pop_seach_password header{position: relative;padding: 1em 1.5em;background-color: #3D3D3D;}
#pop_seach_password header > h2{font-size: 1.25em;color: #fff;line-height: 24px;}
#pop_seach_password header button.btn_close{top: 1em;right: 1em;width: 1.5em;}
#pop_seach_password section{padding: 1em 1em;}
#pop_seach_password footer{padding: 1em 1em;background-color: #f0f4f6;}
#pop_seach_password footer > ul{}
#pop_seach_password footer > ul > li{position: relative;color: #8f8f8f;font-size: 1.125em;line-height: 1.5em;padding-left: 0.75em;-ms-word-break: keep-all;word-break: keep-all;}
#pop_seach_password footer > ul > li:after{position: absolute;content: '*';left: 0;top: 0;}
#pop_seach_password footer > ul > li + li{margin-top: 0.75em;}
.table_form{}
.table_form > table{width: 100%;}
.table_form > table > tbody > tr > th{color: #333333;font-size: 1.25em;vertical-align: middle;padding-right: 10px;text-align: left;width: 6em;}
.table_form > table > tbody > tr > td{padding:10px 0;}
.table_form > table > tbody > tr > td input{width: 100%;height: 3em;border:1px solid #A5A5A5;background-color: #fff;box-sizing:border-box;padding: 0 0.75em;font-size: 1.25em;}

.table_form .bot_btn{margin-top: 1.5em;text-align: center;}
.table_form .bot_btn button{min-width:11.66667em;max-width:100%;height:2em; background-color:#333; color:#fff;  border-radius:4px; font-size:1.5em;}

/* 배송지변경 레이어팝업 */
#pop_addres_change { max-width: 510px; width: 100%; }
#pop_addres_change header { height:50px; background:#333; padding:0 20px; position: relative; }
#pop_addres_change header h1 {font-size:18px;color:#fff; line-height:50px; }
#pop_addres_change header .btn_close { top: 50%; right: 20px; margin-top: -9px; }
#pop_addres_change .content { min-height: 350px; padding: 30px 20px; position: relative; }
#pop_addres_change .address_list {}
#pop_addres_change .address_list > li { margin-left: 40px; margin-bottom: 20px; }
#pop_addres_change .address_list > li:last-child { margin-bottom: 0; }
#pop_addres_change .address_list > li p { font-size: 1.5em; line-height: 25px; color: #666; }
#pop_addres_change .address_list > li p.tit { margin-left: -35px; color: #333; margin-bottom: 5px; }
#pop_addres_change .address_list > li p.tit strong { font-size: 15px; line-height: 25px; }
#pop_addres_change .address_list > li.new_address {  }
#pop_addres_change .content .btn_btns { text-align: center; }
#pop_addres_change .content .btn_btns .btn_pack.gray { font-size: 15px; font-weight: normal; background-color: #767676; padding: 10px; }
#pop_addres_change .bx_address.regist { display: none; }
#pop_addres_change .bx_address.regist.on { display: block; }
#pop_addres_change .bx_address.regist article { padding: 5% 0; margin: 0; box-shadow: inherit; }

#pop_apply_cancel { max-width: 750px; width: 100%; }
#pop_apply_cancel header { height:50px; background:#333; padding:0 20px; position: relative; }
#pop_apply_cancel header h1 {font-size:18px;color:#fff; line-height:50px; }
#pop_apply_cancel header .btn_close { top: 50%; right: 20px; margin-top: -9px; }
#pop_apply_cancel .content { min-height: 350px; padding: 30px 20px; position: relative; }
#pop_apply_cancel .top_text { margin-bottom: 20px; }
#pop_apply_cancel .top_text h2 { font-size: 20px; line-height: 30px; color: #2f7c23; font-weight: normal; margin-bottom: 15px; }
#pop_apply_cancel .top_text ul li { font-size: 13px; line-height: 25px; color: #666; }
#pop_apply_cancel .account_info { margin-bottom: 30px; }
#pop_apply_cancel .account_info table { width: 100%; border-top: 1px solid #868686; }
#pop_apply_cancel .account_info table th { width: 100px; background-color: #f8f8f9; font-size: 13px;line-height: 60px; color: #333; text-align: left; padding-left: 10px; border-bottom: 1px solid #e7e7e7; }
#pop_apply_cancel .account_info table td { padding: 0 20px; border-bottom: 1px solid #e7e7e7; }
#pop_apply_cancel .account_info table td input { width: 100%; max-width: 420px; height: 40px; line-height: 40px; box-sizing: border-box; padding: 1em; }
#pop_apply_cancel .content .btn_btns { text-align: center; }
#pop_apply_cancel .content .btn_btns .btn_pack.gray { font-size: 15px; font-weight: normal; background-color: #333; padding: 10px; }

/* 브랜드페이지 */
#brand_about { margin-bottom: 20px; padding: 0 10px; }
#brand_about .brand_img { text-align: center; margin: 2em 0; }
#brand_about .brand_img img { max-width: 100%; }
#brand_about .brand_dec {  }
#brand_about .brand_dec .txt { font-size:1.375em;color:#333; line-height:1.5; }


/*대표HA코드받기 팝업*/
#pop_register_myha{max-width:96%;width:100%;}
#pop_register_myha > .inner{}
#pop_register_myha > .inner > h2{font-size: 1.675em;color: #ffffff;background-color: #434343;line-height:1.5;padding:3% 5.227%;position: relative;}
#pop_register_myha > .inner > h2 > button{position: absolute;top:0;bottom:0;margin: auto;right: 20px;height:17px;}
#pop_register_myha > .inner > h2 > button > img{display: block;}
#pop_register_myha > .inner > div{padding:5.909% 5.227%;}
#pop_register_myha .header{ padding: 5% 0; overflow: hidden;}
#pop_register_myha .header > h3{margin-bottom:30px;}
#pop_register_myha .store_search{float: left; width: 100%;}
#pop_register_myha .store_search .inputST1{height: 33px; border: 1px solid #c1c1c1; padding: 0 3%; -webkit-box-sizing: border-box;-moz-box-sizing:border-box ;box-sizing:border-box ;width:80%;}
#pop_register_myha .store_search button{color: #fff; background-color: #333; line-height: 33px; padding:0 3%;}
#pop_register_myha .store_search select{border:1px solid #1px solid #c1c1c1;height:33px;box-sizing:border-box;min-width:100px;}
#pop_register_myha .store_search select + .inputST1{width:200px;padding:0 2%;}
#pop_register_myha .article{}
#pop_register_myha .article p.result{margin-bottom:1em;color: #333;}
#pop_register_myha .article p.result span{color: #005116; }
#pop_register_myha .tb_type1 tbody td{font-size: 1em; }
#pop_register_myha .tb_type1 tbody td a.link{color: #005116;font-weight: 700;text-decoration: underline;}
#pop_register_myha .article > p{color: #005116;margin-top:7px;}


#my_point .staff{ border: 0.6em solid #e9e9e9; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing:border-box ;box-sizing:border-box ;padding: 4%; margin: 1.667em 0; }
#my_point .staff:after{display: block;clear: both;content: "";}
#my_point .staff > p{font-size: 15px; color: #333;font-weight: bold; padding-bottom: 1em;}
#my_point .staff > ul{  }
#my_point .staff li{position: relative; padding-left: 1em; line-height: 1.3em; margin-top: 11px; max-width: 700px; font-size: 1.3em; }
#my_point .staff li:first-child{margin-top: 0;}
#my_point .staff li:after{position: absolute; top:0.4em; left:0; width: 0.35em; height: 0.35em; border-radius:30px ; background-color: #bdbdbd;content:"" ;}



/* 상품 결과 신규 */
.product_go_back{ position:absolute;left:10px;top:50%;margin-top:-15px;text-indent:-9999px;width:30px;height:30px;background:url(/m/images/sub/go_back.png) 0 0 no-repeat;z-index:5; }
.m_sub_visual{ display:none; }
.m_sub_visual img{ width:100%; }
.pagePath.new strong{ display:block;text-align:center;font-size:20px; }

.lst_type02.result{ padding:0.625em }
.lst_type02.result .m_product_tab{  }
.lst_type02.result .m_product_tab ul{ border-top:1px solid #e6e6e6;border-right:1px solid #e6e6e6;box-sizing:border-box;overflow:hidden;margin-bottom:0.625em; }
.lst_type02.result .m_product_tab ul li{ width:100%;border-left:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;box-sizing:border-box;float:left; }
.lst_type02.result .m_product_tab ul li span {font-size: 1.4em;}
.lst_type02.result .m_product_tab ul li span.brand_mn {font-size: 1.4em; font-weight: 600;}
.lst_type02.result .m_product_tab ul li a{ display:block;text-align:center;height:35px;line-height:35px;background:#fff;}
.lst_type02.result .m_product_tab ul li.on a{ background:#6f6f6f;color:#fff; }
.lst_type02.result .m_product_tab ul li.brand a { display: block; text-align: center; height: 45px; line-height: 45px; background: #fff;}
.lst_type02.result .m_product_tab ul li.brand.on a{ background:#226717;color:#fff; }

.lst_type02.result .m_product_tab ul.type8{ overflow:hidden; }
.lst_type02.result .m_product_tab ul.type4 li,
.lst_type02.result .m_product_tab ul.type8 li{ width:25%; }
.lst_type02.result .m_product_tab ul.type9 li,
.lst_type02.result .m_product_tab ul.type7 li,
.lst_type02.result .m_product_tab ul.type3 li,
.lst_type02.result .m_product_tab ul.type6 li{ width:33.33%;}
.lst_type02.result .m_product_tab ul.type2 li{ width:50%;}

.lst_type02.result .m_product_tab ul.type7 li:nth-child(3)~li{ width:25% }
.lst_type02.result .m_product_tab ul.type5 li{ width:20%; }
.

/* .lst_type02.result .m_product_tab ul.type2.dep3{ display:none; } */

#order_list .group{margin-top: 3em;}
#order_list .group:first-child{margin-top: 0;}
#order_list .group h2{font-size: 1.8em; margin-bottom: 0.5em}

.btn_coupon{font-size: 13px;background: #333;color:#fff;vertical-align:middle;margin-right: 1em; padding: 5px}

.coupon_txt li{font-size: 1.3em;margin-top: 0.8em;}
.coupon_txt li:first-child{margin-top: 0;}
.coupon_txt strong{color:#000}
.order_list header .gift{
    position: absolute;
    right: 10px;
    top: 50%;
    padding: 0 3px;
    height: 2em;
    line-height: 2em;
    margin-top: -1em;
    background: #b55c9e;
    color: #fff;
    border-radius: 1em;
}

.coupon_btn_w{}
.btn-st1{height: 2.8em;padding:0 0.8em;font-size: 1.3em;}
.coupon_btn_w button{margin-right: 5px;background: #333;color: #fff}
.bg-black{background: #333;color:#fff}
.bg-white{background: #fff;color:#111;border:1px solid #ccc}
.price-edit{background: #eee;vertical-align: text-bottom;font-size:1.3em;display: inline-block;margin-top:0.3em;padding: 3px}

.mt8{margin-top: 0.3em;}

#pop_coupon{background: #fff;padding: 10px;}
/* #pop_coupon{    position: fixed;
    left: 1%;
    z-index: 111;
    background: #fff;
    padding: 10px; display: none;z-index: 150;width:98%;} */
    #pop_coupon header{position: relative;margin-bottom: 1em}
    #pop_coupon h2{font-size: 1.5em}
    #pop_coupon .close{    position: absolute;
    right: 0;
    top: 0;
    font-size: 1.5em;line-height: 1}
    #pop_coupon .cont{overflow-y:auto;}
    #pop_coupon .cont table{border-top:1px solid #000;width: 100%}
    #pop_coupon .cont th,#pop_coupon .cont td{border-bottom:1px solid #ddd;padding: 10px;vertical-align: middle;text-align: center}
    #pop_coupon .disable td{background: #eee;color: #888}
    #pop_coupon .disable td button{background: #ccc;color: #777}
    #pop_coupon .btn-st1{font-size: 1em;height: 2.4em}

#lnbm3 .img{padding: 1.5em;background: #f4f4f4}
#lnbm3 .in{max-width:100px;width:50%;margin: 0 auto;border:1px solid #ddd;background: #fff;padding: 10px}
#lnbm3 .img img{width:100%;display: block;}

.my_coupon .end .con{background: #f7f7f7;color: #aaa !important}
.order_list .end .con > h4{color: #aaa}
.end .coupon_txt strong{color: #aaa}
.my_coupon .con a{text-decoration: underline;}

#pop_coupon_m{background: #fff;padding: 10px;}
#pop_coupon_m header{position: relative;margin-bottom: 1em}
#pop_coupon_m h2{font-size: 1.5em}
#pop_coupon_m .close{    position: absolute;
right: 0;
top: 0;
font-size: 1.5em;line-height: 1}
#pop_coupon_m .cont{overflow-y:auto;}
#pop_coupon_m .cont table{border-top:1px solid #000;width: 100%}

#pop_coupon_m #searchBox{padding: 0 37px 0 0;position: relative;}
#pop_coupon_m #searchBox input[type="text"]{width: 100% !important;height: 30px;border:1px solid #ddd;background: #fff;padding: 0 5px}
#pop_coupon_m #searchBox button{position: absolute;right: 0;top:0;width: 37px;height: 100%}

#pop_coupon_m *{box-sizing: border-box;-webkit-box-sizing: border-box;}
.sch_goods_w .submit_sch{text-align: left;position: relative;margin-top: 18px;}
/* .sch_goods_w .submit_sch:before{position:absolute;left: 50%;width: 1px;height: 100%;background: #ddd;content: ''} */
.sch_goods_w .submit_sch > *{max-height: 500px;overflow-y:auto;padding: 0 1em;}
/* .submit_sch .dep1{float: left; width: 50%}
.submit_sch .dep2{float: right; width: 50%} */
.pop_goods_img{margin: 0 0 0 -3%;position: relative;display: -webkit-flex;
display: -ms-flex;
display: flex;flex-wrap:wrap}
.pop_goods_img li{margin: 0 0 3% 3%;position: relative;float: left; width: 47%}
.pop_goods_img li img{max-width: 100%}
.pop_goods_img .img{position: relative;padding-bottom: 77%; width: 100% !important;height: auto !important;border:0 !important}
.pop_goods_img .img img{position: absolute;left: 0;top:0;right: 0;bottom: 0;margin: auto;max-height: 100%}
.pop_goods_img .txt{white-space: nowrap;}
.pop_goods_img .tit{text-align: center;overflow: hidden;;line-height: 1.15;}
.pop_goods_img .btn{margin-top: 0.3em;}
.pop_goods_img button{display: block;margin: 0 auto;}
.category_menu{margin-top:8px;}
.category_menu *{box-sizing: border-box;-webkit-box-sizing: border-box;}
.category_menu > li{float: right;width: 49%;}
.category_menu > li:first-child{float: left;}
.category_menu .tit{display: block;text-align: center;background: #f1f1f1}
.category_menu .depth > li{float: left; width: 50%}
.cate_btn{float: right;}
button.intb.gold{padding:0px 10px;height:1.8em;color:#fff;font-size:0.88em;font-weight:700;background:#a98c61;border-radius:3px;border-width:0px;-webkit-transition: .1s linear;  -moz-transition: .1s linear;  -o-transition: .1s linear;  transition: .1s linear;}
button.intb.gray{min-width:30px;padding:0px 15px;height:1.8em;color:#575757;font-size:0.88em;font-weight:700;background:#E1E1E1;border-radius:3px;border-width:0px;-webkit-transition: .1s linear;  -moz-transition: .1s linear;  -o-transition: .1s linear;  transition: .1s linear;}
.box_edit_type3{margin: 15px 0 15px -2%;}
.box_edit_type3:after{content:""; clear:both; display: block;}
.box_edit_type3 > nav{float:left;width:48%; padding-top:30px;box-sizing:border-box;position: relative;margin-left:2%;position: relative;}
.box_edit_type3 > nav > h3{height:30px;position: absolute;width:100%;background-color: #9fbfb;width:100%;line-height:30px;text-align: center;top:0;box-sizing:border-box;border:1px solid #ddd;}
.box_edit_type3 > nav > ul{height:100%;display: none;position: absolute;left: 0;width: 100%;background: #fff;z-index: 18;border-top: 1px solid #ddd;top:29px}
.box_edit_type3 > nav > ul > li{border:1px solid #ddd;border-top: 0;}
.box_edit_type3 > nav > ul > li > a{display: block;line-height:1.5em;padding:5px;background: #fff;}
.box_edit_type3 > nav > ul > li.on > a{color:#fff; background: #5ca7fc url(/oktomato/images/common/ico_selected.png) no-repeat right 10px center;}
.box_edit_type3 > nav > h3{}


#pop_register_hacode { width: 94%; max-width: 600px; background-color: #fff; }
#pop_register_hacode > .inner { position: relative; width: 100%; padding: 7.8125vw 4.6875vw; box-sizing: border-box; box-sizing: border-box; }
#pop_register_hacode .closeBtn { position: absolute; top: 3.9063vw; right: 3.9063vw; }
#pop_register_hacode .closeBtn span { display: block; width: 4.0625vw; height: 4.0625vw; position: relative; }
#pop_register_hacode .closeBtn span:before,
#pop_register_hacode .closeBtn span:after { content: ''; position: absolute; top: 50%; left: 0; width: 100%; height: 3px; background-color: #28534a; margin-top: -1.5px; }
#pop_register_hacode .closeBtn span:before { transform: rotate(-45deg); }
#pop_register_hacode .closeBtn span:after { transform: rotate(45deg); }

#pop_register_hacode .top_title { font-size: 4.6875vw; color: #333; line-height: 1.5; padding: 0 2.3438vw; margin-bottom: 3.1250vw; }

#pop_register_hacode .agreeBox { background-color: #e8f0ee; border: 1px solid #cee1dc; padding: 3.1250vw 4.6875vw; }
#pop_register_hacode .agreeBox .tit { font-size: 3.7500vw; color: #333; margin-bottom: 4.6875vw; }
#pop_register_hacode .agreeBox ul li { font-size: 3.4375vw; color: #7b9898; line-height: 1.5; padding-left: 2vw; text-indent: -2vw; }
#pop_register_hacode .agreeBox ul li + li { margin-top: 1.5625vw; }

#pop_register_hacode .agreeBox .agreeChk { margin-top: 6.2500vw; padding: 0 1.5625vw; }
#pop_register_hacode [type="radio"] { box-sizing: border-box; padding: 0; }
#pop_register_hacode [type="radio"]:not(:checked), 
#pop_register_hacode [type="radio"]:checked { position: absolute; left: -9999px; opacity: 0; }
#pop_register_hacode [type="radio"]+label {
    position: relative; padding-left: 9.3750vw; cursor: pointer; display: inline-block; height: 7.0313vw; line-height: 7.0313vw; font-size: 3.4375vw; color: #333; vertical-align: middle;
    -webkit-user-select: none; -moz-user-select: none; -khtml-user-select: none; -ms-user-select: none; margin-right: 3.9063vw;
}
#pop_register_hacode [type="radio"]+label:last-child { margin-right: 0; }
#pop_register_hacode [type="radio"]+label:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 7.0313vw;
    height: 7.0313vw;
    z-index: 0;
    border: 1px solid #666666;
    border-radius: 0;
    background-color: #fff;
    transition: .2s;
    margin: 0;
    box-sizing: border-box;
}
#pop_register_hacode [type="radio"]:checked+label:before{
    border-color: #005116;
    background-color: #005116;
}
#pop_register_hacode [type="radio"]:checked+label:after{
    content: '';
    position: absolute;
    top: 0px;
    left: 2.0313vw;
    z-index: 1;
    width: 3.1250vw;
    height: 5.0000vw;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -webkit-transform: rotateZ(37deg);
    transform: rotateZ(37deg);
    box-sizing: border-box;
}

#pop_register_hacode .bot_text { text-align: center; padding: 6.2500vw 0; font-size: 3.7500vw; color: #333; }
#pop_register_hacode .bot_text span { color: #1d7462; border-bottom: 1px solid #1d7462; }
#pop_register_hacode .inputArea { position: relative; }
#pop_register_hacode .inputArea input { border: 1px solid #999; padding: 0 4.6875vw; padding-right: 23.4375vw; width: 100%; height: 10.1563vw; font-size: 3.7500vw; color: #333; box-sizing: border-box; }
#pop_register_hacode .inputArea button { width: 21.8750vw; height: 8.5938vw; background-color: #e9e9e9; color: #666; font-size: 3.4375vw; position: absolute; top: 0.7813vw; right: 0.7813vw; }
#pop_register_hacode .btnArea { margin-top: 5.4688vw; text-align: center; }
#pop_register_hacode .btnArea button { width: 27.3438vw; height: 10.9375vw; background-color: #333; color: #fff; font-size: 3.4375vw; }


#aside_shop { position:fixed;top:0;bottom:0;left:50%;background:#fff;z-index: 100;width: 50%;height:auto;overflow-y: scroll;overflow-x: hidden;display: none;background-color: #fff; }
#aside_shop > .inner { position: relative; }
#aside_shop .stats { position: relative; background-color: #226717; display: table; width: 100%; height: 5.909em; }
#aside_shop .stats > .inner { display: table-cell; vertical-align: middle; padding: 1em 2em; }
#aside_shop .stats .bt_login { font-size: 1.5em; color: #fff; vertical-align: middle; border-bottom: 1px solid #fff; }
#aside_shop .stats .bt_out { font-size: 1.182em; color: #fff; position: absolute; top: 50%; right: 4.5em; height: 2em; line-height: 2em; margin-top: -1em; border: 1px solid #fff; border-radius: 3px; padding: 0 1em; }
#aside_shop .stats span { vertical-align: middle; font-size: 1.182em; color: #6fa168; }
#aside_shop .stats strong { font-size: 1.5em; color: #fff; vertical-align: middle; font-weight: normal; }
#aside_shop .stats .btn_close { position: absolute; top: 50%; right: 2em; width: 1.5em; height: 1.5em; margin-top: -0.75em; text-indent: -9999px; background: url(/m/images/common/btn_close.png) center no-repeat; background-size: contain; }
#aside_shop .quick{ background-color: #226717; position: relative; height: 100px; }
#aside_shop .quick > ul{border-top:1px solid #437e3a; display: table; width: 100%; height: 100%; }
#aside_shop .quick > ul > li{width:25%; display: table-cell; vertical-align: middle; }
#aside_shop .quick > ul > li > a{display: block;padding:1.5em 0;text-align: center;}
#aside_shop .quick > ul > li > a .img{position: relative;display: inline-block; margin-bottom:0.7em;height:3.325em;}
#aside_shop .quick > ul > li > a .img .num{line-height: 30px;line-height: 4.16666667vw;position: absolute;top: 25px;top: 3.47222222vw;right: -8px;right: -1.11111111vw;width: 30px;width: 4.16666667vw;height: 30px;height: 4.16666667vw;color: #fff;-webkit-border-radius: 15px;-webkit-border-radius: 2.08333333vw;-moz-border-radius: 15px;-moz-border-radius: 2.08333333vw;border-radius: 15px;border-radius: 2.08333333vw;background-color: #8fc320;}
#aside_shop .quick > ul > li > a .img .num.top{top: -5px;top: -.69444444vw;}
#aside_shop .quick > ul > li > a .img img{max-height:100%;}
#aside_shop .quick > ul > li > a .con{display:block; font-size: 1.15em;color: #fff; }
#aside_shop .quick > ul > li > a .con .wish{position: relative;}
#aside_shop .quick > ul > li > a .con .wish .cnt{font-family: HelveticaNeue-Light,AppleSDGothicNeo-Light,'Nanum Gothic', sans-serif;position: absolute;display: block;width:1.2083em;
    height:1.2083em;right:-0.9em;top:-0.5em; background:#f26d49; color:#fff;border-radius: 50%;}

#aside_shop .scrollArea { overflow-y: auto; }

#aside_shop .lnb { padding: 1.5em; }
#aside_shop .lnb .tit { font-size: 1.136em; color: #4a8b3f; letter-spacing: 0.1em; line-height: 3.600em; padding: 0 1.2em; }
#aside_shop .lnb .depth1 { border-top: 1px solid #e0e0e0; }
#aside_shop .lnb .depth1 > ul > li > a { display: block; color: #333; font-size: 1.545em; line-height: 3.529em; border-bottom: 1px solid #e0e0e0; padding: 0 1em; position: relative; }
#aside_shop .lnb .depth1 > ul > li > a:after { content: ''; position: absolute; top: 50%; right: 1.5em; box-sizing: border-box; border-right: 1px solid #ababab; border-bottom: 1px solid #ababab; width: 8px; height: 8px; margin-top: -4px; transform: rotate(45deg); }
#aside_shop .lnb .depth1 > ul > li.active > a { background-color: #00390f; color: #fff; }
#aside_shop .lnb .depth1 > ul > li.active > a:after { transform: rotate(-135deg); border-color: #fff; }
#aside_shop .lnb .depth1 > ul > li.active > .depth2 { display: block; }
#aside_shop .lnb .depth2 { display: none; background-color: #f3f3f3; }
#aside_shop .lnb .depth2 > ul { padding: 2.500em; border-bottom: 1px solid #e0e0e0; }
#aside_shop .lnb .depth2 > ul > li {  }
#aside_shop .lnb .depth2 > ul > li + li { margin-top: 2.727em; }
#aside_shop .lnb .depth2 > ul > li > a { display: inline-block; color: #7a7a7a; font-size: 1.364em;  }

#aside_shop .o_menu{background-color: #eceee8;}
#aside_shop .o_menu > ul > li > a {display: block;color:#8b919b; font-size: 1.45em; line-height:1.5;padding:0.8929em 2.2em 0.8929em 1em;}
#aside_shop .o_menu > ul > li > a > span{display: inline-block; vertical-align: middle; margin-right: 0.2em; color: #75815c;}
#aside_shop .o_menu > ul > li > a > span.ico{width: 1.3em;}
#aside_shop .o_menu > ul > li > a > span.ico img{width: 100%; height: auto;}
#aside_shop .o_menu > ul > li > a > span.count {
    color: #fff;
    width: 1.45em;
    height: 1.45em;
    background-color: #b55c9e;
    line-height: 1.45em;
    border-radius: 50%;
    vertical-align: bottom;
    text-align: center;
}

body.shop_menu_on {overflow:hidden; position: fixed; width: 100%;}
body.shop_menu_on #aside_shop { display: block; }




#page_webzine .recent_ebook{ margin-top: 20px; margin-bottom:20px; }
#page_webzine .recent_ebook > dl{position: relative;padding: 0px;}
#page_webzine .recent_ebook > dl:after{content: '';display: block;clear: both;}
#page_webzine .recent_ebook > dl > dt{width:100%;}
#page_webzine .recent_ebook > dl > dt .img{ display: block; border: 1px solid #dadada; }
#page_webzine .recent_ebook > dl > dt .img > img{width:100%;display: block;}
#page_webzine .recent_ebook > dl > dd{}
#page_webzine .recent_ebook > dl > dd h3{font-size: 15px; color: #333333; font-weight: bold; line-height: 1.2; padding: 15px 0; text-align: center;}
#page_webzine .recent_ebook > dl > dd h3 br { display: none; }
#page_webzine .recent_ebook > dl > dd h3 span { font-size: 16px; margin-left: 15px; }
#page_webzine .recent_ebook > dl > dd .con{}
#page_webzine .recent_ebook > dl > dd h4{color: #a1a1a1;font-size: 20px; margin: 15px 0 20px; font-weight: 400; line-height: 1.5; }
#page_webzine .recent_ebook > dl > dd .list{overflow: hidden;overflow-y: auto;}
#page_webzine .recent_ebook .list > ul{}
#page_webzine .recent_ebook .list > ul > li {display: block;padding-left:10px;position: relative;line-height:1.5;font-size: 13px;color: #3c3c3c;-ms-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
#page_webzine .recent_ebook .list > ul > li + li { margin-top: 15px; }
#page_webzine .recent_ebook .list > ul > li:after{ content: '·'; position: absolute;top: 0;left:0;height:100%;width:10px; font-weight: bold; }
#page_webzine .recent_ebook .bot_btn{padding-top:45px;}
#page_webzine .recent_ebook .bot_btn > button{border:1px solid #989898;color: #333; background-color: #fff; font-size: 15px;height:40px;min-width:125px;}
#page_webzine .recent_ebook .bot_btn > button.view:hover { color: #fff; background-color: #333; border-color: #333; }
#page_webzine .recent_ebook .bot_btn > button > *{vertical-align: middle;}
#page_webzine .recent_ebook .bot_btn > button > img { margin-right: 5px; }

#page_webzine > .top{ border-top: 2px solid #9e9e9e; padding-top: 10px; }
#page_webzine > .top:after{display: block; clear: both; content: "";}
#page_webzine > .top p{color: #666;float: right; line-height: 30px;margin-bottom: 14px;}
#page_webzine > .top p strong{color: #cb60af; font-weight: bold;}
#page_webzine > .top .selectBox{border: 1px solid #dfdfdf; height: 40px; font-family: "NanumGothic"; margin-right: 2%; width: 140px; color: #666; }

.webzine_list{  }
.webzine_list > ul{margin-left: -15px;}
.webzine_list > ul:after{content: '';display: table;clear: both;}
.webzine_list > ul > li{float: left;width: 50%;margin-bottom: 15px;}
.webzine_list > ul > li > .in{ padding-top: 0; border: 0; margin-left: 15px;}
.webzine_list .img{display: block;height: 0;padding-bottom: 143%;position: relative;border: 1px solid #dadada; background-color: #f3f3f3;overflow: hidden; box-sizing: border-box;}
.webzine_list .img > img{position: absolute;top: 0;bottom: 0;left: 0;right: 0;width: 100%;}
.webzine_list .img .tag{width: 43px;height: 43px;display: block;position: absolute;top: 2%;left: 2%;z-index: 1;}
.webzine_list .txt{ width: 100%; }
.webzine_list .txt > h3{color: #666666;font-size: 13px;padding: 15px 0;border-bottom: 0; -ms-text-overflow: ellipsis;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.webzine_list .txt > dl{margin: 10px 0;line-height: 22px;}
.webzine_list .txt > dl > dt{font-size: 13px;color: #9c8772;}
.webzine_list .txt > dl > dd{color: #9e9e9e;font-size: 13px;position: relative;padding-left: 0.75em;}
.webzine_list .txt > dl > dd:after{content: '-';position: absolute;top: 0;left: 0;}
.webzine_list .sns_list{text-align: right;}
.webzine_list .sns_list > ul{}
.webzine_list .sns_list > ul > li{display: inline-block;margin:0 0 0 5px;}
.webzine_list .sns_list > ul > li > a{}
.webzine_list .bot_btn{  }
.webzine_list .bot_btn:after{ content: ''; display: block; clear: both; }
.webzine_list .bot_btn > button{border:1px solid #989898;color: #333; background-color: #fff; font-size: 13px;height:35px;width: 50%;; box-sizing: border-box; float: left;}
.webzine_list .bot_btn > button > * {vertical-align: middle; }
.webzine_list .bot_btn > button + button { border-left: 0; }
.webzine_list .bot_btn > button > img { margin-right: 5px; }

#column { background-color: #ffffff; padding: 2em 2% 5.88%; }
#column .list { margin-bottom: 2em; }
#column .list ul li { width: 100%; box-sizing: border-box; border-bottom: 1px solid #e4e4e4; padding: 2em 0; background-color: #fff; }
#column .list ul li + li { margin-top: 1em; }
#column .list ul li > * { width: 100%; }
#column .list ul li > .img { margin-bottom: 2em; }
#column .list ul li > .img a { display: block; position: relative; overflow: hidden; width: 100%; padding-bottom: 60%; background-color: #f9f9f9; }
#column .list ul li > .img a:before { content: ''; z-index: 2; position: absolute; width: 100%; height: 100%; border: 1px solid #d4d4d4; box-sizing: border-box; }
#column .list ul li > .img img { width: 100%; position: absolute; top: 0; left: 0; }
#column .list ul li > .cont {  }
#column .list ul li > .cont .title { font-size: 20px; font-weight: bold; color: #333; margin-bottom: 10px; }
#column .list ul li > .cont .text { font-size: 13px; font-weight: bold; color: #858585; margin-bottom: 10px; line-height: 24px; height: 48px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word; }
#column .list ul li > .cont .info > * { font-size: 13px; color: #8c9883; position: relative; }
#column .list ul li > .cont .info > * + * { margin-left: 20px; }
#column .list ul li > .cont .info .view:before { content: ''; width: 20px; height: 10px; display: inline-block; background: url(/pc/brand/images/life/ico_view2.png) center no-repeat; margin-right: 5px; vertical-align: middle; }
#column .list ul li > .cont .info .date:before { content: ''; width: 14px; height: 14px; display: inline-block; background: url(/pc/brand/images/life/ico_date.png) center no-repeat; margin-right: 5px; vertical-align: middle; }
#column .list ul li > .cont .info .write { margin-left: 12px; padding-left: 12px; }
#column .list ul li > .cont .info .write:before { content: ''; position: absolute; top: 50%; left: 0; width: 1px; height: 10px; margin-top: -5px; background-color: #d6d6d6; }
#column .list ul li.none { width: 100%; box-shadow: none; border: 0; font-size: 1.5em; text-align: center; padding: 3em 0; background-color: transparent; }







/* New Membership */
input::placeholder { color: #8d8d8d; }
.ipt { background-color: #fff; border: 1px solid #b9b9b9; padding: 0 0.667em; height: 30px; line-height: 30px; box-sizing: border-box; outline: none; -webkit-appearance: none; }
textarea.ipt { height: auto; line-height: 1.5; resize: none; padding: 0.667em; }
.ipt.trans { border-width: 0; }
.ipt.sty01 { border-width: 0; border-bottom-width: 1px; }
.ipt.w50 { width: 50px !important; }
.ipt.w100 { width: 100px !important; }
.ipt.w200 { width: 200px !important; }
.ipt.w350 { width: 350px !important; }
.ipt.w600 { width: 600px !important; }
.ipt.w100p{ width: 100%; }
.ipt.center { text-align: center; }
.ipt:disabled { background-color: #eee; color: #aaa; }
.ipt_group {  position: relative; display: table; width: 100%; }
.ipt_group + .ipt_group { margin-top: 0.5em; }
.ipt_group.right { text-align: right; }
.ipt_group .ipt { display: table-cell; position: relative; z-index: 2; float: left; width: 100%; }
.ipt_left,
.ipt_right { display: table-cell; position: relative; width: 1%; white-space: nowrap; vertical-align: middle; }
.ipt_left { padding-right: 0.5em; }
.ipt_left.addon { padding-right: 0; }
.ipt_left.addon > * { border-top-right-radius:0; border-bottom-right-radius:0; }
.ipt_left > .btn { height: 2.667em; line-height: 2.667em; }
.ipt_left.addon + .ipt:not(:first-child):not(:last-child) { border-radius: 0; border-left: 0; border-right: 0; }
.ipt_right { padding-left: 0.5em; }
.ipt_right.addon { padding-left: 0; }
.ipt_right.addon > * { border-top-left-radius:0; border-bottom-left-radius:0; }
.ipt_right > .btn { height: 2.667em; line-height: 2.667em; }
.ipt ~ .ipt_right.addon { border-top-right-radius:0; border-bottom-right-radius:0; }
.ipt[type="number"]::-webkit-outer-spin-button,
.ipt[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.datepicker { position: relative; }
.datepicker .ipt { padding-right: 3em; }
.datepicker .btn { position: absolute; top: 0; right: 0; z-index: 3; cursor: pointer; }
.ipt.stGray { height: 50px; line-height: 48px; background-color: #f3f3f3; border-color: #f3f3f3; padding: 5px 20px; }
.ipt.innerBtn {  }
.ipt.innerBtn + .btn { height: 30px; line-height: 30px; font-size: 13px; position: absolute; top: 5px; right: 5px; z-index: 3; cursor: pointer; }

select.ipt { padding-right: 2.5em; background: url(/pc/brand/images/common/selectbox_arrow.png) right center no-repeat; }

.ipt_field { position: relative; margin-top: 1em; }
.ipt_field input, .ipt_field textarea { width: 100%;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #ced9ee;
  border-radius: 0;
  outline: none;
  height: 3em;
  width: 100%;
  font-size: 1em;
  color: #666;
  margin: 0 0 1.333em 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ipt_field textarea {
    overflow-y: hidden;
    padding: 0.8em 0 1.6em 0;
    resize: none;
    min-height: 3em;
}
.ipt_field label {
  width: 100%;
  color: #999;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  font-size: 1em;
  cursor: text;
  -webkit-transition: -webkit-transform .2s ease-out;
  transition: -webkit-transform .2s ease-out;
  transition: transform .2s ease-out;
  transition: transform .2s ease-out, -webkit-transform .2s ease-out;
  -webkit-transform-origin: 0% 100%;
  transform-origin: 0% 100%;
  text-align: initial;
  -webkit-transform: translateY(12px);
  transform: translateY(12px);
  pointer-events: none;
}

.ipt_field label .re { color: #fc1a1a; }
.ipt_field .pwView { position: absolute; top: 8px; right: 0; width: 30px; height: 30px; background: url(/pc/brand/images/common/ico_pwview.png) center no-repeat; text-indent: -9999px; border: 0; padding: 0; outline: none; cursor: pointer; }
.ipt_field .pwView.on { background: url(/pc/brand/images/common/ico_pwview_on.png) center no-repeat; }

.ipt_field input:focus, 
.ipt_field textarea:focus,
.ipt_field.active input,
.ipt_field.active textarea { border-bottom: 1px solid #666; }
.ipt_field input:focus + label, 
.ipt_field textarea:focus + label,
.ipt_field.active label {
  -webkit-transform: translateY(-14px) scale(0.8);
  transform: translateY(-14px) scale(0.8);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  color: #666;
}
.ipt_field input.valid { border-bottom: 1px solid #00bf6f; }
.ipt_field input.invalid { border-bottom: 1px solid #f96b5f; }
.ipt_field input + label + .ht { position: relative; font-size: 0.75em; line-height: 20px; display: block; min-height: 20px; margin-top: -20px; }
.ipt_field input.valid  + label + .ht,
.ipt_field input.invalid + label + .ht { color: transparent; }
.ipt_field input + label + .ht:after { content: ''; display: none; position: absolute; top: 0; }
.ipt_field input.valid + label + .ht:after { content: attr(data-success); color: #00bf6f; display: block; }
.ipt_field input.invalid + label + .ht:after { content: attr(data-error); color: #f96b5f; display: block; }
.ipt_field .btn { position: absolute; top: 6px; right: 0; height: 30px; line-height: 30px; }

input[type="checkbox"].custom, input[type="radio"].custom { box-sizing: border-box; padding: 0; }
[type="radio"].custom:not(:checked), [type="radio"].custom:checked, [type="checkbox"].custom:not(:checked), [type="checkbox"].custom:checked { position: absolute; left: -9999px; opacity: 0; }
[type="radio"].custom:not(:checked)+label, [type="radio"].custom:checked+label {
  position: relative; padding-left: 25px; cursor: pointer; display: inline-block; min-width: 30px; height: 30px; line-height: 30px; font-size: 1em; margin-right: 20px;
    transition: .28s ease; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
}
[type="radio"].custom+label.text-none { min-width: auto; padding-left: 20px; }
[type="radio"].custom+label:before, [type="radio"].custom+label:after {
  content: ''; position: absolute; left: 0; top: 0; margin: 5px 5px 5px 0; width: 20px; height: 20px; z-index: 0; transition: .28s ease; box-sizing: border-box;
}
[type="radio"].custom:not(:checked)+label:before, [type="radio"].custom:not(:checked)+label:after, [type="radio"].custom:checked+label:before, [type="radio"].custom:checked+label:after { border-radius: 50%; }
[type="radio"].custom:not(:checked)+label:before, [type="radio"].custom:not(:checked)+label:after { border: 1px solid #ced9ee; }
[type="radio"].custom:checked+label:after, [type="radio"].custom:checked+label:before { border: 1px solid #ced9ee; }
[type="radio"].custom:checked+label:after { background-color: #1d9244; -webkit-transform: scale(0.5); transform: scale(0.5); }

[type="checkbox"].custom+label {
    position: relative; padding-left: 30px; cursor: pointer; display: inline-block; height: 25px; line-height: 25px; font-size: 1em;
    -webkit-user-select: none; -moz-user-select: none; -khtml-user-select: none; -ms-user-select: none; margin-right: 20px; vertical-align: middle;
}
[type="radio"].custom+label:last-child,
[type="checkbox"].custom+label:last-child { margin-right: 0; }
[type="checkbox"].custom+label:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 25px;
    height: 25px;
    z-index: 0;
    border: 1px solid #bababa;
    background-color: #fff;
    transition: .2s;
    margin: 0;
    box-sizing: border-box;
}
[type="checkbox"].custom:checked+label:before{

}
[type="checkbox"].custom:checked+label:after{
    content: '';
    position: absolute;
    top: 3px;
    left: 8px;
    z-index: 1;
    width: 9px;
    height: 15px;
    border-right: 2px solid #16b583;
    border-bottom: 2px solid #16b583;
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
    box-sizing: border-box;
}
[type="checkbox"].custom+label.text-none { min-width: auto; padding-left: 25px; margin-right: 10px; }

.loginPageSection { max-width: 500px; background-color: #fff; padding: 3vw; box-sizing: border-box; }
.loginPageSection .logo { text-align: center; margin-bottom: 20px; }
.loginPageSection .logo img { width: 70px; }
.loginPageSection .title { text-align: center; font-size: 6vw; color: #333; position: relative; margin-bottom: 5.33333333vw; padding-bottom: 1.33333333vw; font-weight: bold; }
.loginPageSection .title:after { content: ''; width: 35px; height: 1px; background-color: #a2a2a2; position: absolute; bottom: 0; left: 50%; margin-left: -12.5px; }
.loginPageSection .login_form { margin: 0 auto; }
.loginPageSection .login_form .ipt_field { margin-top: 0; }
.loginPageSection .login_form .ipt_field + .ipt_field { margin-top: 10px; }
.loginPageSection .login_form .ipt_field input { font-size: 3.73333333vw; border: 1px solid #ccc; background-color: #f5f5f5; border-radius: 0; padding: 0vw 2.66666667vw; box-sizing: border-box; height: 12vw; margin-bottom: 0; color: #333; position: relative; z-index: 2; }
.loginPageSection .login_form .ipt_field input:focus { border-color: #bfcbd2; background-color: #fff; }
.loginPageSection .login_form .ipt_field label { width: auto; line-height: 12vw; -webkit-transform: translateY(0); transform: translateY(0); left: 2.66666667vw;  color: #9ca6ae; z-index: 2; font-size: 3.33333333vw; color: #a8a8a8; }
.loginPageSection .login_form .ipt_field input:focus + label,
.loginPageSection .login_form .ipt_field label.active { display: none; }
.loginPageSection .login_form .ipt_field input.invalid { margin-bottom: 25px; }
.loginPageSection .login_form .ipt_field input + label + .ht { z-index: 1; }
.loginPageSection .login_form .ipt_field .pwView { top: 10px; right: 15px; z-index: 2; }
.loginPageSection .login_form .login_btn { margin-top: 20px; }
.loginPageSection .login_form .login_btn .btn { display: block; text-align: center; font-size: 4vw; color: #fff; width: 100%; height: 13.33333333vw; line-height: 13.33333333vw; background-color: #1d9244; color: #fff; border: 1px solid #1d9244; padding: 0; }
.loginPageSection .login_form .loginOpt { margin-top: 15px; width: 100%; display: table; }
.loginPageSection .login_form .loginOpt > * { display: table-cell; vertical-align: middle; }
.loginPageSection .login_form .loginOpt label { font-size: 13px; color: #666; }
.loginPageSection .login_form .loginOpt [type="checkbox"].custom:checked+label:after { border-right-color: #1d9244; border-bottom-color: #1d9244; }
.loginPageSection .login_form .loginOpt .findAccount { text-align: right; }
.loginPageSection .login_form .loginOpt .findAccount li { display: inline-block; position: relative; }
.loginPageSection .login_form .loginOpt .findAccount li + li { padding-left: 10px; margin-left: 10px; }
.loginPageSection .login_form .loginOpt .findAccount li + li:before { content: ''; width: 1px; height: 12px; margin-top: -6px; background-color: #d8d8d8; position: absolute; top: 50%; left: 0; }
.loginPageSection .login_form .loginOpt .findAccount li a { font-size: 13px; color: #666; }
.loginPageSection .login_form + .join_form { margin-top: 30px; border-top: 1px solid #e4e4e4; }
.loginPageSection .join_form { padding-top: 30px; }
.loginPageSection .join_form .joinTxt { text-align: center; font-size: 4vw; color: #333; margin-bottom: 6.66666667vw; }
.loginPageSection .join_form .joinBtn { display: block; text-align: center; font-size: 4vw; width: 100%; height: 13.33333333vw; line-height: 13.33333333vw; background-color: #fff; color: #333; border: 1px solid #bababa; padding: 0; }
.loginPageSection .join_form .joinBtn.type1 { background-color: #1d9244; border-color: #1d9244; color: #fff; margin-bottom: 30px; }
.loginPageSection .join_form .joinBtn.type2 { background-color: #fff; border-color: #1d9244; color: #1d9244; border-width: 2px; margin-bottom: 30px; }
.loginPageSection .join_form .joinBtn.type2 span { color: #0f7575; }
.loginPageSection .join_form .info { padding: 10px 0; box-sizing: border-box; }
.loginPageSection .join_form .info .tit { font-size: 20px; color: #222; margin-bottom: 15px; }
.loginPageSection .join_form .info .tit .icon { width: 20px; margin-right: 5px; vertical-align: middle; margin-top: -3px; }
.loginPageSection .join_form .info .txt { font-size: 15px; color: #666; }

.loginPageSection .find_form {  }
.loginPageSection .find_form .form { margin-bottom: 40px; }
.loginPageSection .find_form .form li + li { margin-top: 25px; }
.loginPageSection .find_form .form li .tit { font-size: 15px; color: #666; margin-bottom: 10px; }
.loginPageSection .find_form .form li .ipt { width: 100%; height: 50px; box-sizing: border-box; border-color: #ccc; background-color: #f5f5f5; padding: 0 20px; }
.loginPageSection .find_form .form li .ipt::placeholder { color: #aeaeae; }
.loginPageSection .find_form .form li .ipt_right { vertical-align: top; }
.loginPageSection .find_form .form li .sendBtn { font-size: 15px; width: 80px; height: 50px; line-height: 50px; border: 1px solid #333; color: #333; background-color: #fff; border-radius: 5px; box-sizing: border-box; }
.loginPageSection .find_form .form li .ipt.cert { border-color: #ec2127; padding-right: 65px; }
.loginPageSection .find_form .form li .certBtn { font-size: 15px; width: 80px; height: 50px; line-height: 50px; border: 1px solid #ec2127; color: #fff; background-color: #ec2127; border-radius: 5px; box-sizing: border-box; }
.loginPageSection .find_form .form li .certNum { color: #ec2127; font-size: 0.85em; line-height: 1.2; margin-top: 7px; display: inline-block; }
.loginPageSection .find_form .form li .certCount { font-size: 15px; color: #ec2127; position: absolute; top: 15px; right: 100px; z-index: 2; }
.loginPageSection .find_form .form li #phoneNumCert.completed .certNum { display: none; }
.loginPageSection .find_form .form li #phoneNumCert.completed .certCount { display: none; }
.loginPageSection .find_form .form li #phoneNumCert.completed .ipt { border-color: #5db244 ; }
.loginPageSection .find_form .form li #phoneNumCert.completed .ipt_right { display: none; }
.loginPageSection .find_form .btns button { background-color: #1d9244; border: 1px solid #1d9244; display: block; text-align: center; font-size: 20px; color: #fff; width: 100%; height: 70px; line-height: 70px; padding: 0; }
.loginPageSection .find_form .ipt.validate + .ht { position: relative; font-size: 0.85em; line-height: 20px; display: block; min-height: 20px; margin-top: -20px; float: left; width: 100%; }
.loginPageSection .find_form .ipt.invalid + .ht { margin-top: 0.5em; color: #ec2127; }

#container.sub .container_inner.joinPage { width: 100%; margin: 0; padding: 0; }
#joinStep { background-color: #fff; border-bottom: 2px solid #333; width: 100%; height: 70px; margin-top: 40px; position: relative; display: table; box-sizing: border-box; }
#joinStep > * { display: table-cell; vertical-align: middle; }
#joinStep .step { display: none; }
#joinStep .title { font-size: 24px; color: #333; line-height: 70px; font-weight: bold; }
#joinStep .list { text-align: right; }
#joinStep .list > li { display: inline-block; vertical-align: middle; text-align: center; line-height: 36px; width: 40px; height: 40px; background-color: #ededed; border: 2px solid #ededed; color: #c3c3c3; border-radius: 100%; position: relative; }
#joinStep .list > li + li { margin-left: 40px; }
#joinStep .list > li + li:before { content: ''; position: absolute; left: -27px; top: 14px; width: 0; height: 0; border-top: 4px solid transparent; border-left: 8px solid #d3d3d3; border-bottom: 4px solid transparent; }
#joinStep .list > li.active { border-color: #1d9244; background-color: #fff; text-indent: -9999px; }
#joinStep .list > li.active:after { content: ''; position: absolute; top: 11px; left: 9px; display: inline-block; width: 20px; height: 10px; border-left: 2px solid #1d9244; border-bottom: 2px solid #1d9244; transform: rotate(-45deg); }
#joinStep .list > li.active + li:before { border-left-color: #1d9244; }

.requiredAlert { text-align: right; margin-top: 15px; padding: 0 4vw; }
.requiredAlert span { color: #d23232; }

.joinPageSection { padding: 50px 0; }
.joinPageSection > .title { font-size: 20px; color: #333; max-width: 640px; margin: 0 auto; margin-bottom: 30px; }
.joinPageSection .terms_all { max-width: 445px; margin: 0 auto; margin-bottom: 35px;}
.joinPageSection .terms_all input { box-sizing: border-box; padding: 0; position: absolute; left: -9999px; opacity: 0; }
.joinPageSection .terms_all label { display: block; font-size: 20px; color: #222; width: 100%; height: 65px; line-height: 65px; border: 1px solid #939393; border-radius: 5px; text-align: center; position: relative; cursor: pointer; }
.joinPageSection .terms_all label:before { content: ''; display: inline-block; width: 30px; height: 15px; border-left: 3px solid #222; border-bottom: 3px solid #222; transform: rotate(-45deg); margin-right: 20px; margin-bottom: 5px; cursor: pointer; }
.joinPageSection .terms_all input:checked + label { color: #1d9244; border-color: #1d9244; }
.joinPageSection .terms_all input:checked + label:before { border-color: #1d9244; }
.joinPageSection .terms_list { max-width: 445px; margin: 0 auto; }
.joinPageSection .terms_list > li { display: table; width: 100%; box-sizing: border-box; padding: 15px 4px; }
.joinPageSection .terms_list > li + li { border-top: 1px solid #e1e1e1; }
.joinPageSection .terms_list > li > * { display: table-cell; vertical-align: top; }
.joinPageSection .terms_list > li .chk { font-size: 16px; line-height: 30px; color: #333; }
.joinPageSection .terms_list > li .chk label { margin-right: 0; vertical-align: middle; }
.joinPageSection .terms_list > li .chk [type="checkbox"].custom:checked+label:after { border-right-color: #1d9244; border-bottom-color: #1d9244; }
.joinPageSection .terms_list > li .chk span { color: #1d9244; }
.joinPageSection .terms_list > li .chk .sub { margin-left: 40px; margin-top: 10px; }
.joinPageSection .terms_list > li .chk .sub li { display: inline-block; font-size: 13px; white-space: nowrap; }
.joinPageSection .terms_list > li .chk .sub li + li { margin-left: 15px; }
.joinPageSection .terms_list > li .link { text-align: right; line-height: 30px; }
.joinPageSection .terms_list > li .link a { font-size: 15px; color: #787878; position: relative; display: inline-block; }
.joinPageSection .terms_list > li .link a:after { content: ''; display: inline-block; width: 10px; height: 10px; border-top: 1px solid #b2b2b2; border-right: 1px solid #b2b2b2; transform: rotate(45deg); margin-left: 8px; }
.joinPageSection .terms_alert { max-width: 400px; margin: 0 auto; margin-top: 20px; font-size: 11px; color: #a1a1a1; background-color: #f0f0f0; padding: 20px; line-height: 1.8; }
.joinPageSection .terms_alert span { color: #333; }
.joinPageSection .terms_alert a { color: #4675f9; border-bottom: 1px solid #4675f9; }
.joinPageSection .join_form { max-width: 620px; margin: 0 auto; }
.joinPageSection .join_form dl { display: table; width: 100%; box-sizing: border-box; }
.joinPageSection .join_form * + dl { margin-top: 30px; }
.joinPageSection .join_form dl > * { display: table-cell; vertical-align: top; }
.joinPageSection .join_form dt { width: 130px; height: 50px; line-height: 50px; font-size: 15px; color: #333; }
.joinPageSection .join_form dt.re:after { content: '*'; color: #d23232; }
.joinPageSection .join_form dd {  line-height: 50px; font-size: 15px; color: #333; }
.joinPageSection .join_form dd .ipt { height: 50px; line-height: 50px; font-size: 15px; border-color: #dbdbdb; color: #666; }
.joinPageSection .join_form dd .ipt.cert { border-color: #ec2127; padding-right: 65px; }
.joinPageSection .join_form dd .ipt_left,
.joinPageSection .join_form dd .ipt_right { vertical-align: top; }
.joinPageSection .join_form dd .sendBtn { font-size: 15px; width: 80px; height: 50px; line-height: 50px; border: 1px solid #333; color: #333; background-color: #fff; border-radius: 5px; box-sizing: border-box; }
.joinPageSection .join_form dd .certBtn { font-size: 15px; width: 80px; height: 50px; line-height: 50px; border: 1px solid #ec2127; color: #fff; background-color: #ec2127; border-radius: 5px; box-sizing: border-box; }
.joinPageSection .join_form dd .certNum { color: #ec2127; font-size: 0.85em; line-height: 1.2; margin-top: 7px; }
.joinPageSection .join_form dd .certCount { font-size: 15px; color: #ec2127; position: absolute; top: 0; right: 100px; z-index: 2; }
.joinPageSection .join_form dd #phoneNumCert.completed .certNum { display: none; }
.joinPageSection .join_form dd #phoneNumCert.completed .certCount { display: none; }
.joinPageSection .join_form dd #phoneNumCert.completed .ipt { border-color: #5db244 ; }
.joinPageSection .join_form dd #phoneNumCert.completed .ipt_right { display: none; }
.joinPageSection .join_form dd .findAddressBtn { font-size: 15px; width: 120px; height: 50px; line-height: 50px; border: 1px solid #666; color: #666; background-color: #eee; border-radius: 5px; box-sizing: border-box; margin-top: 10px; }
.joinPageSection .join_form dd .ipt_group.birth { margin: 0 -5px; display: block; width: auto; }
.joinPageSection .join_form dd .ipt_group.birth:after { content: ''; display: block; clear: both; }
.joinPageSection .join_form dd .ipt_group.birth > * { width: 33.333%; float: left; box-sizing: border-box; padding: 0 5px; }
.joinPageSection .join_form dd .ipt_group.email > * { display: table-cell; vertical-align: middle; }
.joinPageSection .alert { max-width: 620px; margin: 0 auto; padding-left: 30px; font-size: 15px; color: #d3938b; position: relative; margin-top: 30px; box-sizing: border-box; }
.joinPageSection .alert .icon { width: 20px; height: 20px; position: absolute; top: 1px; left: 0; }
.joinPageSection .lohamiSelect { max-width: 620px; margin: 0 auto; }
.joinPageSection .lohamiSelect li + li { margin-top: 20px; }
.joinPageSection .lohamiSelect label { font-size: 15px !important; color: #333 !important; }
.joinPageSection .lohamiSelect .em { .font-size: 15px; color: #ec2127; padding-left: 25px; }
.joinPageSection .lohamiSelect .findLohami { border: 1px solid #787878; border-radius: 5px; padding: 25px; margin-top: 10px; }
.joinPageSection .lohamiSelect .findLohami dl { display: table; width: 100%; }
.joinPageSection .lohamiSelect .findLohami dl + dl { margin-top: 10px; }
.joinPageSection .lohamiSelect .findLohami dl > * { display: table-cell; vertical-align: top; }
.joinPageSection .lohamiSelect .findLohami dt { width: 80px; height: 50px; line-height: 50px; font-size: 15px; color: #333; box-sizing: border-box; }
.joinPageSection .lohamiSelect .findLohami dd { line-height: 50px; }
.joinPageSection .lohamiSelect .findLohami dd .ipt { height: 50px; line-height: 50px; font-size: 15px; border-color: #dbdbdb; color: #666; }
.joinPageSection .lohamiSelect .findLohami .findLohamiBtn { display: block; width: 100%; font-size: 15px; height: 40px; line-height: 40px;  border: 1px solid #333; color: #333; background-color: #fff; border-radius: 5px; box-sizing: border-box; margin-top: 20px; }
.joinPageSection .alertBox { .font-size: 15px; background-color: #f1f1f1; color: #666; text-align: center; padding: 30px; box-sizing: border-box; width: 100%; margin-top: 20px; }
.joinPageSection .alertBox span { color: #ec2127; }
.joinPageSection .alertBox .tel { color: #328eff; }
.joinPageSection .completeBox { max-width: 440px; margin: 0 auto; line-height: 0; text-align: center; }
.joinPageSection .completeBox img { max-width: 100%; }
.joinPageSection .complete_btn { max-width: 440px; margin: 0 auto; }
.joinPageSection .complete_btn:after { content: ''; display: block; clear: both; }
.joinPageSection .complete_btn li { float: left; width: 50%; padding: 5px; box-sizing: border-box; }
.joinPageSection .complete_btn .btn { display: block; font-size: 20px; width: 100%; line-height: 65px; padding: 0; font-weight: 500; order: 1px solid #10caa7; border-radius: 5px; box-sizing: border-box; text-align: center; }
.joinPageSection .complete_btn .type1 { color: #fff; background-color: #848484; }
.joinPageSection .complete_btn .type2 { color: #fff;  background-color: #333;  }
.join_step_btn { max-width: 445px; margin: 0 auto; padding-bottom: 50px; }
.join_step_btn .btn { display: block; text-align: center; width: 100%; height: 70px; line-height: 70px; border: 0; border-radius: 5px; box-sizing: border-box; color: #fff; background-color: #333; font-size: 26px; }

.join_form .ipt.validate + .ht { position: relative; font-size: 0.85em; line-height: 20px; display: block; min-height: 20px; margin-top: -20px; float: left; width: 100%; }
.join_form .ipt.invalid + .ht { margin-top: 0.5em; color: #ec2127; }

/* Modals */
#modal_overlay{
    position: fixed;width: 100%; height: 100%;  left: 0; top: 0; z-index: 1000;/* background:url("../img/common/transparent.png") repeat; */background-color: rgba(0, 0, 0, 0.5); visibility:hidden;opacity:0;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000)";
    -webkit-transition:visibility .3s ease-in-out, opacity .3s ease-in-out;
    -moz-transition:visibility .3s ease-in-out, opacity .3s ease-in-out;
    -o-transition:visibility .3s ease-in-out, opacity .3s ease-in-out;
    transition:visibility .3s ease-in-out, opacity .3s ease-in-out;
}

#modal_overlay:nth-child(n){filter:none}
#modal_overlay.on{visibility:visible;opacity:1;}

.modal{position: fixed;left:0;right:0;margin:auto;z-index: 1100;display:none;visibility: hidden;opacity:0;-webkit-overflow-scrolling: touch;width: 94%; max-width:94%; min-width: 300px; max-height: 94%; min-height: 150px; overflow: hidden;
    -webkit-transform: scale(0.6,0.6);
    -moz-transform: scale(0.6,0.6);
    -ms-transform: scale(0.6,0.6);
    -o-transform: scale(0.6,0.6);
    transform: scale(0.6,0.6);
    -webkit-transition:visibility .4s ease-in-out, opacity .4s ease-in-out, -webkit-transform .3s ease-in-out .4s, width 0.5s cubic-bezier(.67,.04,.32,1);
    -moz-transition:visibility .4s ease-in-out, opacity .4s ease-in-out, -moz-transform .3s ease-in-out .4s, width 0.5s cubic-bezier(.67,.04,.32,1);
    -ms-transition:visibility .4s ease-in-out, opacity .4s ease-in-out, -ms-transform .3s ease-in-out .4s, width 0.5s cubic-bezier(.67,.04,.32,1);
    -o-transition:visibility .4s ease-in-out, opacity .4s ease-in-out, -o-transform .3s ease-in-out .4s, width 0.5s cubic-bezier(.67,.04,.32,1);
    transition:visibility .4s ease-in-out, opacity .4s ease-in-out, transform .3s ease-in-out .4s, width 0.5s cubic-bezier(.67,.04,.32,1);
}
.modal.on{visibility: visible;opacity:1; -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -ms-transform: scale(1,1); -o-transform: scale(1,1); transform: scale(1,1);
    -webkit-transition:visibility .3s ease-in-out, opacity .3s ease-in-out, -webkit-transform .4s cubic-bezier(.67,.04,.32,1) .1s, width 0.5s cubic-bezier(.67,.04,.32,1);
    -moz-transition:visibility .3s ease-in-out, opacity .3s ease-in-out, -moz-transform .4s cubic-bezier(.67,.04,.32,1) .1s, width 0.5s cubic-bezier(.67,.04,.32,1);
    -ms-transition:visibility .3s ease-in-out, opacity .3s ease-in-out, -ms-transform .4s cubic-bezier(.67,.04,.32,1) .1s, width 0.5s cubic-bezier(.67,.04,.32,1);
    -o-transition:visibility .3s ease-in-out, opacity .3s ease-in-out, -o-transform .4s cubic-bezier(.67,.04,.32,1) .1s, width 0.5s cubic-bezier(.67,.04,.32,1);
    transition:visibility .3s ease-in-out, opacity .3s ease-in-out, transform .4s cubic-bezier(.67,.04,.32,1) .1s, width 0.5s cubic-bezier(.67,.04,.32,1);
}
.modal > .inner{position: relative;background-color: #fff;width: 100%; height: 100%; padding: 0; box-sizing: border-box; }
.modal > .inner:after{content: '';display: block;clear: both;}
.modal > .inner .modal_header { padding: 1.333em; padding-right: 60px; background-color: #333; position: relative; }
.modal > .inner .modal_header > h2 {color: #fff; font-size: 20px; }
.modal > .inner .modal_content { overflow-y: auto; overflow-x: hidden; color: #666;}
.modal > .inner .modal_content > .inner { /* padding: 1.538em; */ }
.modal > .inner .modal_footer { padding: 1.333em; border-top: 1px solid #ced9ee; }
.modal > .inner .modal_footer .btn_group { margin-top: 0; }

.modal button.modal_close { position: absolute;top: 12px;right: 0.667em;z-index: 3; width: 45px;height: 45px; overflow: hidden; border: 0; padding: 0; background: url(/pc/brand/images/common/btn_close04.png) center no-repeat; background-size: 40%; }
.modal .modal_header button.modal_close { top: 50%; margin-top: -22.5px; background: url(/pc/brand/images/common/ico_close_w.png) center no-repeat; background-size: 40%; }

.modal .input_form { padding: 20px; }
.modal .input_btn { padding: 10px; }
.modal .input_btn .btn { display: block; width: 100%; height: 55px; line-height: 55px; color: #fff; background-color: #0cb1ca; font-size: 18px; text-align: center; }


#terms_box { max-width: 1200px; margin: 0 auto; box-sizing: border-box; background-color: #f5f5f5; margin-bottom: 40px; }
#terms_box > .inner { padding: 0 50px;  }
#terms_box .header { padding: 35px 0 20px; border-bottom: 1px solid #ddd; position: relative; }
#terms_box .header:after { content: ''; display: block; clear: both; }
#terms_box .header h1 { font-size: 30px; font-weight: 500; color: #333; display: none; line-height: 35px; padding-left: 20px; }
#terms_box .header select.ipt { width: auto; min-width: 180px; float: right; height: 35px; }
#terms_box .header .modal_close { display: none; }
#terms_box .content { padding: 40px 20px; font-size: 13px; color: #8b8b8b; min-height: 600px; box-sizing: border-box; }
#terms_box .content h4 { font-size: 15px; color: #333; margin-bottom: 5px; }
#terms_box.modal { max-width: 1000px; }
#terms_box.modal .header { background-color: #fff; position: relative; } 
#terms_box.modal .header h1 { display: inline-block; }
#terms_box #area_terms { margin-top: 0; }
#terms_box #area_terms .box_policy { border-top: 0; padding-top: 0; }
#terms_box table { width: 100%; margin: 10px 0; }
#terms_box table th { border: 1px solid #999; text-align: left; padding: 10px; font-weight: 500; color: #666; }
#terms_box table td { border: 1px solid #999; text-align: left; padding: 10px; }

#mypage_myInfo { max-width: 880px; margin: 0 auto; }
#mypage_myInfo .head { font-size: 22px; font-weight: 500; color: #222; border-bottom: 2px solid #333; padding-bottom: 15px; }
#mypage_myInfo dl { padding: 30px 0; display: table; width: 100%; border-bottom: 1px solid  #ddd; }
#mypage_myInfo dl > * { display: table-cell; vertical-align: top; }
#mypage_myInfo dl dt { font-size: 15px; color: #a0a0a0; padding-left: 30px; width: 225px; box-sizing: border-box; }
#mypage_myInfo dl dd { font-size: 15px; color: #333; padding-right: 100px; position: relative; }
#mypage_myInfo dl dd .btn { position: absolute; top: 50%; right: 20px; height: 35px; padding: 0 20px; border: 1px solid #818181; background-color: #fff; color: #333; font-size: 15px; margin-top: -17.5px; }
#mypage_myInfo .smsChk { padding: 20px 0; }
#mypage_myInfo .smsChk label { font-size: 15px; color: #333; }
#mypage_myInfo_btns { padding: 20px 30px; margin-bottom: 50px; text-align: center; }
#mypage_myInfo_btns > * { display: inline-block; }
#mypage_myInfo_btns .btn { font-size: 16px; border: 1px solid #333; background-color: #333; color: #fff; display: inline-block; width: 155px; height: 50px; line-height: 50px; box-sizing: border-box; }
#mypage_myInfo_btns .btn.black { background-color: #222; border-color: #222; }
#mypage_myInfo_btns .btn.gray { background-color: #adadad; border-color: #adadad; }

#mypage_chagne_pw { max-width: 480px; }
#mypage_chagne_pw dt { width: 160px; }
#mypage_chagne_pw .alert { padding: 20px; padding-top: 0; }
#mypage_chagne_pw .alert .tit { display: inline-block; font-size: 15px; color: #ef6a6a; background-color: #fae2e2; margin-bottom: 5px; width: 60px; line-height: 30px; text-align: center; border-radius: 30px; }
#mypage_chagne_pw .alert .txt { font-size: 15px; color: #ef6a6a; }

#mypage_chagne_tell { max-width: 480px; }
#mypage_chagne_tell dt { width: 160px; }
#mypage_chagne_tell .alert { padding: 20px; padding-top: 0; }
#mypage_chagne_tell .alert .tit { display: inline-block; font-size: 15px; color: #ef6a6a; background-color: #fae2e2; margin-bottom: 5px; width: 60px; line-height: 30px; text-align: center; border-radius: 30px; }
#mypage_chagne_tell .alert .txt { font-size: 15px; color: #ef6a6a; }

#mypage_chagne_birth { max-width: 480px; }
#mypage_chagne_email { max-width: 480px; }

#membership_leave {  max-width: 480px; }
#membership_leave .leave_form { padding: 25px; padding-bottom: 15px; }
#membership_leave .leave_form .top { border-bottom: 1px solid #d3d3d3; text-align: center;font-size: 15px; color: #333; padding: 25px 0;  padding-top: 0; }
#membership_leave .leave_form .list { padding: 15px 10px; }
#membership_leave .leave_form .list label { font-size: 16px; color: #333; }
#membership_leave .leave_form .list textarea.ipt { width: 100%; margin-top: 10px; }
#membership_leave .leave_form .chk { padding: 15px 10px; padding-top: 0; border-bottom: 1px solid #d3d3d3; }
#membership_leave .leave_form .chk label { font-size: 16px; color: #333; line-height: 1.5; }
#membership_leave .input_btn .btn { background-color: #898989; }

.input_form dl { display: table; width: 100%; box-sizing: border-box; }
.input_form * + dl { margin-top: 20px; }
.input_form dl > * { display: table-cell; vertical-align: top; }
.input_form dt { width: 100px; height: 45px; line-height: 45px; ; font-size: 15px; color: #333; box-sizing: border-box; }
.input_form dt.re:after { content: '*'; color: #d23232; }
.input_form dd { font-size: 13px; color: #333; line-height: 45px;  }
.input_form dd .ipt { font-size: 13px; height: 45px; line-height: 45px; border-color: #dbdbdb; color: #666; }
.input_form dd .ipt_right { vertical-align: top; }
.input_form dd .ipt.validate + .ht { position: relative; font-size: 0.85em; line-height: 20px; display: block; min-height: 20px; margin-top: -20px; float: left; width: 100%; }
.input_form dd .ipt.invalid + .ht { margin-top: 0.5em; color: #ec2127; }
.input_form dd .sendBtn { font-size: 15px; width: 80px; height: 45px; line-height: 45px; border: 1px solid #333; color: #333; background-color: #fff; border-radius: 5px; box-sizing: border-box; }
.input_form dd .ipt.cert { border-color: #ec2127; padding-right: 65px; }
.input_form dd .certBtn { font-size: 15px; width: 80px; height: 45px; line-height: 45px; border: 1px solid #ec2127; color: #fff; background-color: #ec2127; border-radius: 5px; box-sizing: border-box; }
.input_form dd .certNum { color: #ec2127; font-size: 0.85em; line-height: 1.2; margin-top: 7px; display: inline-block; }
.input_form dd .certCount { font-size: 15px; color: #ec2127; position: absolute; top: 0; right: 100px; z-index: 2; }
.input_form dd #phoneNumCert.completed .certNum { display: none; }
.input_form dd #phoneNumCert.completed .certCount { display: none; }
.input_form dd #phoneNumCert.completed .ipt { border-color: #5db244 ; }
.input_form dd #phoneNumCert.completed .ipt_right { display: none; }
.input_form dd .findAddressBtn { width: 100px; height: 30px; line-height: 26px; font-size: 13px; border: 1px solid #666; color: #666; background-color: #eee; border-radius: 5px; box-sizing: border-box; margin-top: 5px; }

.input_form dd .ipt_group.birth { margin: 0 -5px; display: block; width: auto; }
.input_form dd .ipt_group.birth:after { content: ''; display: block; clear: both; }
.input_form dd .ipt_group.birth > * { width: 33.333%; float: left; box-sizing: border-box; padding: 0 5px; }
.input_form dd .ipt_group.email > * { display: table-cell; vertical-align: middle; }

#joinStep {
    border-bottom: 1px solid #b7b7b7;
    padding: 0px 200px;
    padding: 0vw 26.66666667vw;
    height: 120px;
    height: 16vw;
    text-align: center;
    margin-top: 0;
  }
  #joinStep .step {
    display: block;
    position: absolute;
    left: 30px;
    left: 4vw;
    top: 20px;
    top: 2.66666667vw;
    width: 170px;
    width: 22.66666667vw;
    height: 75px;
    height: 10vw;
    font-size: 30px;
    font-size: 4vw;
    line-height: 77px;
    line-height: 10.26666667vw;
    padding-right: 20px;
    padding-right: 2.66666667vw;
    color: #666;
    font-weight: 500;
    text-align: center;
    background: url(/pc/brand/images/membership/step_label.png) center no-repeat;
    background-size: contain;
  }
  #joinStep .title {
    font-size: 32px;
    font-size: 4.26666667vw;
    line-height: 120px;
    line-height: 16vw;
  }
  #joinStep .list {
    display: none;
  }
  .joinPageSection {
    background-color: #fff;
    margin-bottom: 15px;
    margin-bottom: 2vw;
    border-bottom: 1px solid #b7b7b7;
    padding: 50px 30px;
    padding: 6.66666667vw 4vw;
  }
  .joinPageSection > .title {
    font-size: 32px;
    font-size: 4.26666667vw;
    margin-bottom: 40px;
    margin-bottom: 5.33333333vw;
  }
  .joinPageSection .terms_all {
    margin-bottom: 50px;
    margin-bottom: 6.66666667vw;
  }
  .joinPageSection .terms_all label {
    font-size: 35px;
    font-size: 4.66666667vw;
    height: 100px;
    height: 13.33333333vw;
    line-height: 102px;
    line-height: 13.6vw;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-border-radius: 1.33333333vw;
    -moz-border-radius: 1.33333333vw;
    border-radius: 1.33333333vw;
  }
  .joinPageSection .terms_all label:before {
    width: 30px;
    width: 4vw;
    height: 15px;
    height: 2vw;
    margin-right: 20px;
    margin-right: 2.66666667vw;
    margin-bottom: 10px;
    margin-bottom: 1.33333333vw;
  }
  .joinPageSection .terms_list {
    
  }
  .joinPageSection .terms_list > li .chk {
    font-size: 30px;
    font-size: 4vw;
    line-height: 40px;
    line-height: 5.33333333vw;
  }
  .joinPageSection .terms_list > li .link {
    line-height: 40px;
    line-height: 5.33333333vw;
  }
  .joinPageSection .terms_list > li .link a {
    font-size: 24px;
    font-size: 3.2vw;
    padding-right: 10px;
    padding-right: 1.33333333vw;
  }
  .joinPageSection .terms_list > li .link a:after {
    width: 14px;
    width: 1.86666667vw;
    height: 14px;
    height: 1.86666667vw;
    margin-left: 10px;
    margin-left: 1.33333333vw;
  }
  .joinPageSection .join_form * + dl {
    margin-top: 20px;
    margin-top: 2.66666667vw;
  }
  .joinPageSection .join_form dt {
    width: 200px;
    width: 26.66666667vw;
    height: 80px;
    height: 10.66666667vw;
    line-height: 80px;
    line-height: 10.66666667vw;
    font-size: 24px;
    font-size: 3.2vw;
  }
  .joinPageSection .join_form dd {
    line-height: 80px;
    line-height: 10.66666667vw;
    font-size: 25px;
    font-size: 3.33333333vw;
  }
  .joinPageSection .join_form dd .ipt {
    height: 80px;
    height: 10.66666667vw;
    line-height: 80px;
    line-height: 10.66666667vw;
    font-size: 24px;
    font-size: 3.2vw;
  }
  .joinPageSection .join_form dd .ipt.cert {
    padding-right: 100px;
    padding-right: 13.33333333vw;
  }
  .joinPageSection .join_form dd .sendBtn {
    width: 130px;
    width: 17.33333333vw;
    height: 80px;
    height: 10.66666667vw;
    line-height: 80px;
    line-height: 10.66666667vw;
    font-size: 24px;
    font-size: 3.2vw;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-border-radius: 1.33333333vw;
    -moz-border-radius: 1.33333333vw;
    border-radius: 1.33333333vw;
  }
  .joinPageSection .join_form dd .certBtn {
    width: 130px;
    width: 17.33333333vw;
    height: 80px;
    height: 10.66666667vw;
    line-height: 80px;
    line-height: 10.66666667vw;
    font-size: 24px;
    font-size: 3.2vw;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-border-radius: 1.33333333vw;
    -moz-border-radius: 1.33333333vw;
    border-radius: 1.33333333vw;
  }
  .joinPageSection .join_form dd .certNum {
    font-size: 22px;
    font-size: 2.93333333vw;
    margin-top: 15px;
    margin-top: 2vw;
  }
  .joinPageSection .join_form dd .certCount {
    font-size: 25px;
    font-size: 3.33333333vw;
    top: 0px;
    top: 0vw;
    right: 160px;
    right: 21.33333333vw;
  }
  .joinPageSection .join_form dd .findAddressBtn {
    width: 190px;
    width: 25.33333333vw;
    height: 60px;
    height: 8vw;
    line-height: 60px;
    line-height: 8vw;
    font-size: 24px;
    font-size: 3.2vw;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-border-radius: 1.33333333vw;
    -moz-border-radius: 1.33333333vw;
    border-radius: 1.33333333vw;
    margin-top: 20px;
    margin-top: 2.66666667vw;
  }
  .joinPageSection .alert {
    padding-left: 50px;
    padding-left: 6.66666667vw;
    padding-right: 50px;
    padding-right: 6.66666667vw;
    font-size: 24px;
    font-size: 3.2vw;
    margin-top: 50px;
    margin-top: 6.66666667vw;
  }
  .joinPageSection .alert .icon {
    width: 30px;
    width: 4vw;
    height: 30px;
    height: 4vw;
    top: 4px;
    top: 0.53333333vw;
  }
  .joinPageSection .lohamiSelect li + li {
    margin-top: 30px;
    margin-top: 4vw;
  }
  .joinPageSection .lohamiSelect label {
    font-size: 26px !important;
    font-size: 3.46666667vw !important;
  }
  .joinPageSection .lohamiSelect .em {
    font-size: 22px;
    font-size: 2.93333333vw;
    padding-left: 50px;
    padding-left: 6.66666667vw;
  }
  .joinPageSection .lohamiSelect .findLohami {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-border-radius: 1.33333333vw;
    -moz-border-radius: 1.33333333vw;
    border-radius: 1.33333333vw;
    padding: 20px 30px;
    padding: 2.66666667vw 4vw;
    margin-top: 30px;
    margin-top: 4vw;
  }
  .joinPageSection .lohamiSelect .findLohami dl + dl {
    margin-top: 20px;
    margin-top: 2.66666667vw;
  }
  .joinPageSection .lohamiSelect .findLohami dt {
    width: 150px;
    width: 20vw;
    height: 80px;
    height: 10.66666667vw;
    line-height: 80px;
    line-height: 10.66666667vw;
    font-size: 24px;
    font-size: 3.2vw;
    padding-left: 10px;
    padding-left: 1.33333333vw;
  }
  .joinPageSection .lohamiSelect .findLohami dd {
    line-height: 80px;
    line-height: 10.66666667vw;
  }
  .joinPageSection .lohamiSelect .findLohami dd .ipt {
    height: 80px;
    height: 10.66666667vw;
    line-height: 80px;
    line-height: 10.66666667vw;
    font-size: 24px;
    font-size: 3.2vw;
  }
  .joinPageSection .lohamiSelect .findLohami .findLohamiBtn {
    height: 60px;
    height: 8vw;
    line-height: 60px;
    line-height: 8vw;
    font-size: 24px;
    font-size: 3.2vw;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-border-radius: 1.33333333vw;
    -moz-border-radius: 1.33333333vw;
    border-radius: 1.33333333vw;
    margin-top: 20px;
    margin-top: 2.66666667vw;
    margin-bottom: 10px;
    margin-bottom: 1.33333333vw;
  }
  .joinPageSection .alertBox {
    font-size: 24px;
    font-size: 3.2vw;
    padding: 40px;
    padding: 5.33333333vw;
    margin-top: 30px;
    margin-top: 4vw;
  }
  .joinPageSection .completeBox {
    padding: 10px;
    padding: 1.33333333vw;
  }
  .joinPageSection .completeBox {
    background-color: #f5f6f6;
    padding: 10px;
    padding: 1.33333333vw;
  }
  .joinPageSection .complete_btn {
    margin: -5px;
    margin: -0.66666667vw;
    margin-top: 40px;
    margin-top: 5.33333333vw;
    margin-bottom: 200px;
    margin-bottom: 26.66666667vw;
  }
  .joinPageSection .complete_btn li {
    padding: 5px;
    padding: 0.66666667vw;
  }
  .joinPageSection .complete_btn .btn {
    font-size: 32px;
    font-size: 4.26666667vw;
    line-height: 100px;
    line-height: 13.33333333vw;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-border-radius: 1.33333333vw;
    -moz-border-radius: 1.33333333vw;
    border-radius: 1.33333333vw;
  }
  .join_step_btn {
    padding: 40px 15px;
    padding: 5.33333333vw 2vw;
  }
  .join_step_btn .btn {
    height: 120px;
    height: 16vw;
    line-height: 120px;
    line-height: 16vw;
    font-size: 35px;
    font-size: 4.66666667vw;
    font-weight: 500;
  }
  #terms_box {
    background-color: #fff;
    margin-bottom: 30px;
    margin-bottom: 4vw;
  }
  #terms_box > .inner {
    padding: 0px 30px;
    padding: 0vw 4vw;
  }
  #terms_box .header {
    padding-top: 40px;
    padding-top: 5.33333333vw;
    padding-bottom: 20px;
    padding-bottom: 2.66666667vw;
  }
  #terms_box .header h1 {
    padding-left: 20px;
    padding-left: 2.66666667vw;
    font-size: 40px;
    font-size: 5.33333333vw;
    line-height: inherit;
  }
  #terms_box .content {
    padding: 20px;
    padding: 2.66666667vw;
  }
  #terms_box .header select.ipt {
    display: none;
  }
  #terms_box.modal {
    width: 100%;
    height: 100%;
    max-height: 100%;
    margin: 0;
  }
  #terms_box.modal .header .modal_close {
    display: block;
    width: 20px;
    height: 20px;
    margin-top: -5px;
    background: url(/pc/brand/images/common/btn_close04.png) center no-repeat;
    background-size: 70%;
    right: 20px;
    right: 2.66666667vw;
  }
  #mypage_myInfo {
    padding: 30px;
    padding: 4vw;
  }
  #mypage_myInfo .head {
    font-size: 34px;
    font-size: 4.53333333vw;
    padding-bottom: 20px;
    padding-bottom: 2.66666667vw;
  }
  #mypage_myInfo dl {
    padding: 40px 0px;
    padding: 5.33333333vw 0vw;
  }
  #mypage_myInfo dl dt {
    font-size: 24px;
    font-size: 3.2vw;
    padding: 0px 10px;
    padding: 0vw 1.33333333vw;
    width: 180px;
    width: 24vw;
  }
  #mypage_myInfo dl dd {
    font-size: 26px;
    font-size: 3.46666667vw;
    padding-right: 140px;
    padding-right: 18.66666667vw;
  }
  #mypage_myInfo dl dd .btn {
    right: 0;
    height: 50px;
    height: 6.66666667vw;
    padding: 0px 20px;
    padding: 0vw 2.66666667vw;
    font-size: 25px;
    font-size: 3.33333333vw;
    margin-top: -25px;
    margin-top: -3.33333333vw;
  }
  #mypage_myInfo .smsChk {
    padding: 40px 10px;
    padding: 5.33333333vw 1.33333333vw;
  }
  #mypage_myInfo .smsChk label {
    font-size: 26px;
    font-size: 3.46666667vw;
  }
  #mypage_myInfo_btns {
    margin-bottom: 0;
  }
  #mypage_myInfo_btns .btn {
    font-size: 32px;
    font-size: 4.26666667vw;
    width: 275px;
    width: 36.66666667vw;
    height: 90px;
    height: 12vw;
    line-height: 90px;
    line-height: 12vw;
  }
  #mypage_chagne_id dt {
    width: 250px;
    width: 33.33333333vw;
  }
  #mypage_chagne_pw dt {
    width: 250px;
    width: 33.33333333vw;
  }
  #mypage_chagne_pw .alert {
    padding: 40px;
    padding: 5.33333333vw;
  }
  #mypage_chagne_pw .alert .tit {
    font-size: 24px;
    font-size: 3.2vw;
    margin-bottom: 10px;
    margin-bottom: 1.33333333vw;
    width: 100px;
    width: 13.33333333vw;
    line-height: 45px;
    line-height: 6vw;
    -webkit-border-radius: 45px;
    -moz-border-radius: 45px;
    border-radius: 45px;
    -webkit-border-radius: 6vw;
    -moz-border-radius: 6vw;
    border-radius: 6vw;
  }
  #mypage_chagne_pw .alert .txt {
    font-size: 24px;
    font-size: 3.2vw;
  }
  #mypage_chagne_tell dt {
    width: 250px;
    width: 33.33333333vw;
  }
  #mypage_chagne_tell .alert {
    padding: 40px;
    padding: 5.33333333vw;
  }
  #mypage_chagne_tell .alert .tit {
    font-size: 24px;
    font-size: 3.2vw;
    margin-bottom: 10px;
    margin-bottom: 1.33333333vw;
    width: 100px;
    width: 13.33333333vw;
    line-height: 45px;
    line-height: 6vw;
    -webkit-border-radius: 45px;
    -moz-border-radius: 45px;
    border-radius: 45px;
    -webkit-border-radius: 6vw;
    -moz-border-radius: 6vw;
    border-radius: 6vw;
  }
  #mypage_chagne_tell .alert .txt {
    font-size: 24px;
    font-size: 3.2vw;
  }
  #membership_leave .leave_form {
    padding: 50px;
    padding: 6.66666667vw;
    padding-bottom: 30px;
    padding-bottom: 4vw;
  }
  #membership_leave .leave_form .top {
    border-bottom: 1px solid #d3d3d3;
    text-align: center;
    font-size: 24px;
    font-size: 3.2vw;
    color: #333;
    padding: 30px 50px;
    padding: 4vw 6.66666667vw;
    padding-top: 0;
  }
  #membership_leave .leave_form .list {
    padding: 30px 20px;
    padding: 4vw 2.66666667vw;
  }
  #membership_leave .leave_form .list label {
    font-size: 26px;
    font-size: 3.46666667vw;
    color: #333;
  }
  #membership_leave .leave_form .list textarea.ipt {
    width: 100%;
    margin-top: 20px;
    margin-top: 2.66666667vw;
  }
  #membership_leave .leave_form .chk {
    padding: 30px 20px;
    padding: 4vw 2.66666667vw;
    padding-top: 0;
    border-bottom: 1px solid #d3d3d3;
  }
  #membership_leave .leave_form .chk label {
    font-size: 24px;
    font-size: 3.2vw;
    color: #333;
    line-height: 1.5;
  }
  #membership_leave .input_btn .btn {
    background-color: #898989;
  }

  .loginPageSection .find_form {
    padding-top: 0;
  }
  .loginPageSection .find_form .form {
    margin-bottom: 60px;
    margin-bottom: 8vw;
  }
  .loginPageSection .find_form .form li + li {
    margin-top: 30px;
    margin-top: 4vw;
  }
  .loginPageSection .find_form .form li .tit {
    font-size: 24px;
    font-size: 3.2vw;
    margin-bottom: 10px;
    margin-bottom: 1.33333333vw;
  }
  .loginPageSection .find_form .form li .ipt {
    height: 80px;
    height: 10.66666667vw;
    line-height: 80px;
    line-height: 10.66666667vw;
    font-size: 24px;
    font-size: 3.2vw;
    padding: 0px 20px;
    padding: 0vw 2.66666667vw;
  }
   .loginPageSection .find_form .form li .sendBtn {
    width: 130px;
    width: 17.33333333vw;
    height: 80px;
    height: 10.66666667vw;
    line-height: 80px;
    line-height: 10.66666667vw;
    font-size: 24px;
    font-size: 3.2vw;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-border-radius: 1.33333333vw;
    -moz-border-radius: 1.33333333vw;
    border-radius: 1.33333333vw;
  }
  .loginPageSection .find_form .form li .certBtn {
    width: 130px;
    width: 17.33333333vw;
    height: 80px;
    height: 10.66666667vw;
    line-height: 80px;
    line-height: 10.66666667vw;
    font-size: 24px;
    font-size: 3.2vw;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-border-radius: 1.33333333vw;
    -moz-border-radius: 1.33333333vw;
    border-radius: 1.33333333vw;
  }
  .loginPageSection .find_form .form li .certNum {
    font-size: 22px;
    font-size: 2.93333333vw;
    margin-top: 15px;
    margin-top: 2vw;
  }
  .loginPageSection .find_form .form li .certCount {
    font-size: 25px;
    font-size: 3.33333333vw;
    top: 20px;
    top: 2.66666667vw;
    right: 160px;
    right: 21.33333333vw;
  }
  .loginPageSection .find_form .btns button {
    font-size: 30px;
    font-size: 4vw;
    height: 100px;
    height: 13.33333333vw;
    line-height: 100px;
    line-height: 13.33333333vw;
    font-weight: 600;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-border-radius: 0.66666667vw;
    -moz-border-radius: 0.66666667vw;
    border-radius: 0.66666667vw;
  }

  .input_form * + dl {
    margin-top: 20px;
    margin-top: 2.66666667vw;
  }
  .input_form dt {
    width: 200px;
    width: 26.66666667vw;
    height: 80px;
    height: 10.66666667vw;
    line-height: 80px;
    line-height: 10.66666667vw;
    font-size: 24px;
    font-size: 3.2vw;
    padding-left: 20px;
    padding-left: 2.66666667vw;
  }
  .input_form dd {
    line-height: 80px;
    line-height: 10.66666667vw;
    font-size: 25px;
    font-size: 3.33333333vw;
  }
  .input_form dd .ipt {
    height: 80px;
    height: 10.66666667vw;
    line-height: 80px;
    line-height: 10.66666667vw;
    font-size: 24px;
    font-size: 3.2vw;
  }
  .input_form dd .sendBtn {
    width: 130px;
    width: 17.33333333vw;
    height: 80px;
    height: 10.66666667vw;
    line-height: 80px;
    line-height: 10.66666667vw;
    font-size: 24px;
    font-size: 3.2vw;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-border-radius: 1.33333333vw;
    -moz-border-radius: 1.33333333vw;
    border-radius: 1.33333333vw;
  }
  .input_form dd .certBtn {
    width: 130px;
    width: 17.33333333vw;
    height: 80px;
    height: 10.66666667vw;
    line-height: 80px;
    line-height: 10.66666667vw;
    font-size: 24px;
    font-size: 3.2vw;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-border-radius: 1.33333333vw;
    -moz-border-radius: 1.33333333vw;
    border-radius: 1.33333333vw;
  }
  .input_form dd .certNum {
    font-size: 22px;
    font-size: 2.93333333vw;
    margin-top: 15px;
    margin-top: 2vw;
  }
  .input_form dd .certCount {
    font-size: 25px;
    font-size: 3.33333333vw;
    right: 160px;
    right: 21.33333333vw;
  }