/* BASIC css start */
.menu_on {height:100%;overflow:hidden}
.menu_off {height:auto;overflow:initial}

#mask {width:100%;height:100%;position:fixed;top: 0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.8);z-index:1000;display:none }
#wrap { margin-top:101px;position:relative;width:100%;min-width:320px;overflow:hidden}
#wrap #container { padding-top:0 !important }
#header { position:fixed; top:0; left:0; right:0; width:100%;background:#fff;z-index:101;}

#gnb { position:relative; width:100%; height:59px; border-bottom:1px solid #ddd }
#gnb .logo { position:absolute; top:13px; left:50%; margin-left:-50px; width:100px; height:34px; text-indent:-9999em; background:url(/design/zoom/phps/m/common/tlogo.png) 0 0 no-repeat; background-size:100px auto }
#gnb .logo a { display:block; height:34px }
#gnb p.asideOpen { position:absolute; top:23px; left:11px; width:22px; height:16px; text-indent:-9999em; background:url(/design/zoom/phps/m/common/btn_aside_open.png) 0 0 no-repeat; background-size:22px auto }
#gnb p.searchBtn { position:absolute; top:20px;right:10px; width:22px; height:22px; text-indent:-9999em; background:url(/design/zoom/phps/m/common/btn_header_search.png) 0 0 no-repeat; background-size:22px auto }
#gnb p.searchBtn a { display:block; height:22px }
#gnb p.cartBtn { position:absolute; top:21px; right:49px; width:26px; height:20px; text-indent:-9999em; background:url(/design/zoom/phps/m/common/btn_header_cart.png) 0 0 no-repeat; background-size:26px auto }
#gnb p.cartBtn a { display:block; height:20px }
#gnb p.cartBtn .count { padding:0 5px; position:absolute; top:-8px; right:-3px; color:#fff; text-indent:0; border-radius:25px; background:#d93f2d }

#tnb { position:relative; height:40px; border-bottom:1px solid #ddd }
#tnb > ul { display:table; width:100% }
#tnb > ul > li { display:table-cell; position:relative; width:33.33% }
#tnb > ul > li p { margin:0 15%; position:relative; width:70%; height:40px; text-align:center; line-height:40px }
#tnb > ul > li p,
#tnb > ul > li p:after,
#tnb > ul > li p.active { -webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out }
#tnb > ul > li p:after { content:""; display:block;position:absolute;bottom:-1px;left:50%;right:50%;width:0;height:3px;background:#000 }
#tnb > ul > li p.active:after { display:block; left:0;right:0; width:auto }
/*#tnb > ul > li p .linear { display:none; position:absolute; top:38px; left:10%; width:80%; height:3px; background:#000 }
#tnb > ul > li p.active .linear { display:block; position:absolute; top:38px; left:10%; width:80%; height:3px; background:#000 }*/
#tnb > ul > li > ul { display:none; padding:10px 0; position:absolute; top:41px; left:0; width:100%; border:1px solid #f9f9f9; background:rgba(255,255,255,0.9) }
#tnb > ul > li > ul > li a { display:block; padding-left:15px; line-height:30px }

#header .search { display:none; padding:0 10px; position:absolute; top:59px; left:0; right:0; height:50px; background:#fff; z-index:10 }
#header .search .searchBox { margin-top:1px; position:relative; padding-right:47px; height:38px; border:1px solid #ddd }
#header .search .searchBox input { width:100%; height:38px; line-height:38px; border:0; outline:none }
#header .search .btn_search { position:absolute; top:0; right:0; width:46px; height:38px; text-indent:-9999em; background:url(/design/zoom/phps/m/common/btn_header_search.png) center 50% no-repeat; background-size:22px auto }

#header .cate {}
#header .cate .list_category {overflow:hidden;}
#header .cate .list_category li {float:left; width:20%; border-bottom:1px solid #eee; border-right:1px solid #eee; box-sizing:border-box; -moz-box-sizing:border-box;}
#header .cate .list_category li:nth-child(5) {border-right:0px none;}
#header .cate .list_category li:nth-child(10) {border-right:0px none;}
#header .cate .list_category li a {display:block;height:32px;line-height:32px;color:#777;text-align:center;text-overflow: clip;white-space: nowrap;overflow: hidden;font-size: 11px;}

/* »çÀÌµå ¸Þ´º */
.asideClose { position:fixed; top:3px; left:-85%; width:45px; height:45px; text-indent:-9999em; background:url(/design/zoom/phps/m/common/btn_aside_close.png) 0 0 no-repeat; background-size:45px auto; cursor:pointer; z-index:1001 }

aside { position:fixed; top:0; left:-85%; width:85%; height:100%; background:#fff; overflow-y:auto; -webkit-overflow-scrolling: touch; z-index:1001 }
aside .asideLogo { height:44px }
aside .asideLogo .logo { position:absolute; top:10px; left:10px; width:100px; height:34px; text-indent:-9999em; background:url(/design/zoom/phps/m/common/tlogo.png) 0 0 no-repeat; background-size:100px auto }
aside .asideLogo .logo a { display:block; height:34px }
aside .asideLogo p { padding:18px 0 0 118px }
aside .asideLogo p a { display:inline-block; padding:5px 10px; border:1px solid #ddd }
aside .loginBx { padding:15px 0 }
aside .loginBx .t1 { padding:0 10px; line-height:19px }
aside .loginBx .t2 { padding:10px 10px 0; color:#898989; line-height:19px }
aside .loginBx .loginAfterBtn { margin-top:15px; padding:0 10px; background:#ddd }
aside .loginBx .loginAfterBtn ul.txtBtn { height:64px; border-bottom:1px solid #fff }
aside .loginBx .loginAfterBtn ul.txtBtn a { display:block; height:64px }
aside .loginBx .loginAfterBtn ul.icoBtn { height:79px }
aside .loginBx .loginAfterBtn ul.icoBtn a { display:block; height:79px }
aside .loginBx .loginAfterBtn ul { display:table; width:100% }
aside .loginBx .loginAfterBtn li { display:table-cell; position:relative; width:33.33%; text-align:center }
aside .loginBx .loginAfterBtn li .num { display:block; padding:11px 0 5px }
aside .loginBx .loginAfterBtn li .ico { display:inline-block; margin-top:10px; width:40px; height:40px; background:url(/design/zoom/phps/m/common/sp_aside_loginafter.png) 0 0 no-repeat; background-size:40px auto }
aside .loginBx .loginAfterBtn li .ico1 { background-position:0 0 }
aside .loginBx .loginAfterBtn li .ico2 { background-position:0 -40px }
aside .loginBx .loginAfterBtn li .ico3 { background-position:0 -80px }
aside .loginBx .loginAfterBtn li .txt { display:block; line-height:4px }
aside .loginBx .loginAfterBtn li .count { padding:0 5px; position:absolute; top:11px; left:50%; color:#fff; text-indent:0; border-radius:25px; background:#d93f2d }
aside .loginBx .loginBeforeBtn { padding:15px 10px 0 }
aside .loginBx .loginBeforeBtn ul { margin-left:-3px; font-size:0; text-align:center }
aside .loginBx .loginBeforeBtn li { display:inline-block; width:33.33% }
aside .loginBx .loginBeforeBtn li a { display:block; margin:0 3px; padding:7px 0; color:#000; font-size:12px; border:1px solid #ddd }
aside .loginBx .loginBeforeBtn li a.bt_login { color:#fff; border:1px solid #000; background:#000 }

aside .asideTop { font-size:0; text-align:center; border-bottom:1px solid #ddd }
aside .asideTop a { display:inline-block; margin:0 10%; position:relative; width:30%; height:36px; font-size:12px; color:#959595; font-weight:700; line-height:36px }
aside .asideTop a,
aside .asideTop a:after,
aside .asideTop a.act { -webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out }
aside .asideTop a:after { content:""; display:block;position:absolute;bottom:-1px;left:50%;right:50%;width:0;height:3px;background:#000 }
aside .asideTop a.act { color:#000 }
aside .asideTop a.act:after { display:block; left:0;right:0; width:auto }

aside .navCategory { padding-bottom:30px; *zoom:1 }
aside .navCategory:after { display:block; clear:both; content:'' }
aside .navCategory nav { float:left; width:50% }
aside .navCategory nav h4 { padding:20px 0 0 19%; font-weight:700 }
aside .navCategory nav ul { padding-left:19% }
aside .navCategory nav li { padding-top:10px }
aside .navCategory nav li a { color:#959595 }
aside .navCategory nav li a.cate_b { color:#000 }
aside .navCategory nav li a.cate_p { color:#0068b7 }
aside .navCategory nav li a.cate_g { color:#009900 }
aside .navCategory nav li a.cate_r { color:#FF2C2C }

aside .navCommunity { display:none; padding-bottom:30px }
aside .navCommunity nav ul { padding-top:10px; *zoom:1 }
aside .navCommunity nav ul:after { display:block; clear:both; content:'' }
aside .navCommunity nav li { padding:10px 0 0 10%; float:left; width:40% }
aside .navCommunity nav li a { color:#959595 }

aside .asideBottom { height:84px; border-top:1px solid #ddd; border-bottom:1px solid #ddd }
aside .asideBottom ul { *zoom:1 }
aside .asideBottom ul:after { display:block; clear:both; content:'' }
aside .asideBottom li { float:left; width:25%; text-align:center }
aside .asideBottom li a { display:block; height:84px }
aside .asideBottom li .ico { display:inline-block; margin-top:11px; width:40px; height:40px; background:url(/design/zoom/phps/m/common/sp_aside_bottom.png) 0 0 no-repeat; background-size:40px auto }
aside .asideBottom li .ico1 { background-position:0 0 }
aside .asideBottom li .ico2 { background-position:0 -40px }
aside .asideBottom li .ico3 { background-position:0 -80px }
aside .asideBottom li .ico4 { background-position:0 -120px }
aside .asideBottom li .txt { display:block; line-height:4px }
/* //Ä«Å×°í¸® */
/* BASIC css end */