@charset "euc-kr";

/* common CSS */
body, input, button, textarea, select, option, a {font-family:'NotoSans',sans-serif;}
.wrap {position:relative; width:100%; min-width:320px; margin:0 auto;}
.container {position:relative; width:100%; margin:0 auto; padding:0 1.25rem; box-sizing:border-box;}
.container:after {content:''; display:block; clear:both;}
.scrollOff {position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%; overflow:hidden; touch-action:none; -ms-touch-action:none;}
select {border:1px solid #ddd; background:#fff url(../images/ico/sel_ico.png) 95% 50% no-repeat; background-size:1rem auto; padding:0 1.25rem 0 .625rem; box-sizing:border-box;}

/* placeholder */
::-webkit-input-placeholder {color:#999;}
::-moz-placeholder {color:#999;}
:-moz-placeholder {color:#999;}
:-ms-input-placeholder {color:#999;}

.header .logo_area {display:flex; justify-content:space-between; align-items:center; height:3.125rem; padding:0 1.25rem;}
.header.gry {background:#f9f9f9;}
.logo_area .logo {width:50%; max-width:10rem; height:2.5rem;}
.logo_area .logo a {display:block; height:100%; background:url(../images/logo.png) 0 50% no-repeat; background-size:8.9375rem auto; text-indent:-9999px;}
.logo_area .cart {position:relative; width:2.25rem; height:2.5rem;}
.logo_area .cart a {display:block; height:100%; background:url(../images/ico/cart_ico.png) 0 50% no-repeat; background-size:1.5rem auto; text-indent:-9999px;}
.logo_area .cart .count { position:absolute; top:0; right:0; width:1.125rem; height:1.125rem; background:#046fd9; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; font-family:'Montserrat',sans-serif; font-size:.625rem; font-weight:600; line-height:1.125rem; color:#fff;text-align:center; margin:.25rem 0 0;}

.header .nav {display:flex; align-items:center; justify-content:space-between; height:3.125rem; padding:0 1.25rem; border-bottom:1px solid #eaeaea; box-sizing:border-box;}
.header .nav a {display:block; font-size:1.06rem; font-weight:700; line-height:2rem; letter-spacing:-0.045rem; color:#000;}
.header .nav li:last-child a {color:#999;}

.sch_area {display:none; position:fixed; bottom:0; left:0; width:100%; height:100%; background:#fff; z-index:200;}
.sch_area .sch_box {position:relative; margin:1.25rem;}
.sch_area .sch_box button {position:absolute; top:0; left:0; width:2.5rem; height:3.125rem; text-indent:-9999px; z-index:2;}
.sch_area .sch_box .sch_cls {background:url(../images/ico/back_ico.png) 100% 50% no-repeat; background-size:1.25rem auto;}
.sch_area .sch_box .sch_btn {left:auto; right:0; background:url(../images/ico/fix_ico3.png) 0 50% no-repeat; background-size:1.125rem auto;}
.sch_area .sch_box input { width:100%; height:3.125rem; border:1px solid #eaeaea; border-radius:1.75rem; font-size:1.06rem; font-weight:500; letter-spacing:-0.065rem; color:#333; padding:0 2.75rem 0 3.75rem; box-sizing:border-box; box-shadow:.25rem .25rem 1.25rem rgba(0,0,0,.03); -webkit-border-radius:1.75rem; -moz-border-radius:1.75rem; -ms-border-radius:1.75rem; -o-border-radius:1.75rem; }

.all_category {display:none; position:fixed; bottom:0; left:0; width:100%; height:100%; background:#fff; z-index:200;}
.all_category .all_head {display:flex; justify-content:space-between; align-items:center; height:3.75rem; background:#046fd9; padding:0 1.25rem;}
.all_category .all_head a {font-size:1.125rem; font-weight:700; line-height:3.75rem; letter-spacing:-0.045rem; color:#fff; padding:0 .625rem 0 0;}
.all_category .all_head .logout {height:1.75rem; border:1px solid #fff; font-size:.8125rem; line-height:1.625rem; font-weight:400; letter-spacing:-0.065rem; padding:0 .4rem;  margin:0 auto 0 .45rem; box-sizing:border-box;}
.all_category .all_head .all_cls {width:2.5rem; height:2.5rem; background:url(../images/ico/wht_cls.png) 100% 50% no-repeat; background-size:1.1875rem auto; text-indent:-9999px; outline:none;}
.all_category .inner {position:absolute; top:3.75rem; left:0; width:100%; height:calc(100% - 3.75rem); padding:.375rem 1.875rem; box-sizing:border-box; overflow-y:auto;}
.all_category .cate_row h3 {height:4.375rem; border-bottom:1px solid #e5e5e5; background:url(../images/ico/nav_dw.png) 100% 50% no-repeat; background-size:1.0625rem auto; box-sizing:border-box;}
.all_category .cate_row h3.on {background-image:url(../images/ico/nav_up.png);}
.all_category .cate_row h3 a {display:inline-block; padding:0 .625rem 0 0; margin:1rem 0; font-size:1.25rem; line-height:2.375rem; font-weight:700; letter-spacing:-0.045rem;}
.all_category .cate_row .depth_cat {display:none; padding:.625rem 1.875rem 1.875rem; margin:0 0 1.5rem; background:#f9f9f9;}
.all_category .cate_row dl {display:flex; align-items:center; flex-wrap:wrap;}
.all_category .cate_row dt {width:100%; height:3.4375rem; border-bottom:1px solid #eee; background:url(../images/ico/depth_dw.png) 100% 50% no-repeat; background-size:.75rem auto;}
.all_category .cate_row dt.on {background-image:url(../images/ico/depth_up.png);}
.all_category .cate_row dt a {display:inline-block; padding:0 .625rem 0 0; margin:.5rem 0; font-size:1rem; line-height:2.4375rem; font-weight:700; letter-spacing:-0.045rem;}
.all_category .cate_row dd {display:none; width:50%; margin:.5rem 0;}
.all_category .cate_row dd a {display:block; font-size:1rem; line-height:2rem; letter-spacing:-0.045rem; color:#444;}

/* sub header */
.header .sub_area {position:relative; display:flex; justify-content:space-between; align-items:center; height:3.125rem; padding:0 1.25rem; border-bottom:1px solid #eee; box-sizing:border-box;}
.sub_area .back_btn {width:2.25rem; height:2.5rem; background:url(../images/ico/back_ico.png) 0 50% no-repeat; background-size:1.25rem auto; text-indent:-9999px; outline:none;}
.sub_area .ttl {width:calc(100% - 5rem); font-size:1.125rem; font-weight:700; letter-spacing:-0.065rem; color:#000; text-align:center;}
.sub_area .cart {position:relative; width:2.25rem; height:2.5rem;}
.sub_area .cart a {display:block; height:100%; background:url(../images/ico/cart_ico.png) 0 50% no-repeat; background-size:1.5rem auto; text-indent:-9999px;}
.sub_area .cart .count { position:absolute; top:0; right:0; width:1.125rem; height:1.125rem; background:#046fd9; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; font-family:'Montserrat',sans-serif; font-size:.625rem; font-weight:600; line-height:1.125rem; color:#fff;text-align:center; margin:.25rem 0 0;}

/* footer */
.footer {background:#f7f7f7; padding:1.5rem 1.25rem 7.5rem;}
.footer .foot_lnk {display:flex; flex-wrap:wrap; margin:0 0 1rem;}
.footer .foot_lnk li:after {content:''; display:inline-block; width:1px; height:.875rem; background:#ddd; margin:0 .75rem; vertical-align:middle;}
.footer .foot_lnk li a {display:inline-block; font-size:.875rem; font-weight:500; line-height:1.875rem; letter-spacing:-0.045rem; color:#656565; vertical-align:middle;}
.footer .foot_lnk li:nth-child(5):after, .footer .foot_lnk li:last-child:after {display:none;}
.footer .foot_info li {font-size:0;}
.footer .foot_info span {display:inline-block; font-size:.875rem; font-weight:500; line-height:1.875rem; letter-spacing:-0.065rem; color:#8e8e8e; vertical-align:middle;}
.footer .foot_info span:after {content:''; display:inline-block; width:1px; height:.875rem; background:#ddd; margin:0 .5rem; vertical-align:middle;}
.footer .foot_info span:last-child:after {display:none;}

.fix_bar {position:fixed; bottom:0; left:0; width:100%; z-index:199;}
.fix_bar > button { position:absolute; bottom:calc(4.0625rem + env(safe-area-inset-bottom)); left:.625rem; width:3.125rem; height:3.125rem; border:1px solid #ddd; background:#fff url(../images/ico/back_ico.png) 50% 50% no-repeat; background-size:1.3125rem auto; border-radius:50%; text-indent:-9999px; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; outline:none;}
.fix_bar .top_btn {left:auto; right:.625rem; background-image:url(../images/ico/go_top.png); background-size:1.125rem auto;}
.fix_bar .fix_menu {display:flex; width:100%; height:calc(3.4375rem + env(safe-area-inset-bottom)); border-top:1px solid #e5e5e5; background:#fff; padding-bottom:env(safe-area-inset-bottom); box-sizing:border-box;}
.fix_bar .fix_menu li {width:20%;}
.fix_bar .fix_menu a, .fix_bar .fix_menu button {display:block; width:100%; height:3.375rem; padding:2.25rem 0 0; text-align:center; background:url(../images/ico/fix_ico1.png) 50% .6875rem no-repeat; background-size:1.125rem auto; font-size:.6875rem; font-weight:500; letter-spacing:-0.065rem; box-sizing:border-box;}
.fix_bar .fix_menu li:nth-child(2) button {background:url(../images/ico/fix_ico2.png) 50% .8125rem no-repeat; background-size:1.1875rem auto;}
.fix_bar .fix_menu li:nth-child(3) button {background:url(../images/ico/fix_ico3.png) 50% .625rem no-repeat; background-size:1.125rem auto;}
.fix_bar .fix_menu li:nth-child(4) a {background:url(../images/ico/fix_ico4.png) 50% .5625rem no-repeat; background-size:1.125rem auto;}
.fix_bar .fix_menu li:nth-child(5) a {background:url(../images/ico/fix_ico5.png) 50% .5rem no-repeat; background-size:1.375rem auto;}

@media screen and (min-width:768px){
    .header .nav {justify-content:flex-start;}
    .header .nav li {margin:0 1rem;}
    .header .nav li:first-child {margin-left:0;}
}