/* 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-color:#000;z-index:1000;display:none;opacity:0.7;}
#wrap {position:relative;width:100%;min-width:320px;overflow:hidden}

#header { position:relative; width:100%; background:#fff; z-index:101 }
#header .headerTop { position:relative; height:32px }
#header .headerTop ul { *zoom:1 }
#header .headerTop ul:after { display:block; clear:both; content:'' }
#header .headerTop ul li { margin:11px 0 10px -1px; position: relative; float:left; width:20%; text-align:center; border-left:1px solid #ddd }
#header .headerTop ul li a { display: block; font-size:11px; color:#555; line-height:11px }

#header .gnbWrap { position:relative; height:70px }
#header .gnb { position:relative; height:70px; border-bottom:1px solid #eee; background:#fff; z-index:101; -webkit-transition:all 0.3s ease; transition:all 0.3s ease }
#header .gnb .logo { margin:0 58px; text-align:center }
#header .gnb .logo a { display:inline-block; width:145px; height:63px; text-indent:-9999em; background:url(/design/gyujkim/phps/m/common/logo.jpg) 0 0 no-repeat; background-size:145px auto }
#header .gnb p { position:absolute; top:0; width:58px; text-align:center }
#header .gnb p .ico { display:inline-block; margin-top:9px; width:32px; height:32px; vertical-align:top; background:url(/design/gyujkim/phps/m/common/sp_gnb.png) 0 0 no-repeat; background-size:32px auto }
#header .gnb p .ico1 { background-position:0 0 }
#header .gnb p .ico2 { background-position:0 -32px }
#header .gnb p .tx { display:block; font-size:11px; color:#999; line-height:11px; vertical-align:top }
#header .gnb p.asideOpen { left:0 }
#header .gnb p.searchBtn { right:0 }
#header .gnb.fix { position:fixed; top:0; left:0; right:0; height:60px }
#header .gnb.fix .logo a { height:60px }

#header .cate1 { position:relative; height:32px; border-bottom:1px solid #eee }
#header .cate1 ul { *zoom:1 }
#header .cate1 ul:after { display:block; clear:both; content:'' }
#header .cate1 ul li { float:left; text-align:center; background:url(/design/gyujkim/phps/m/common/bu_header_cate1.gif) 0 12px no-repeat; background-size:5px auto }
#header .cate1 ul li:nth-child(1) { background:none; width: 35%; }
#header .cate1 ul li:nth-child(2) { width: 40%; }
#header .cate1 ul li:nth-child(3) { width: 25%; }
#header .cate1 ul li a {display:block;height:32px;color:#555;line-height:32px;margin-left: 2px;}
#header .cate1 ul li a.pointColor { color:#00c63c; font-weight:bold }
#header .cate2 .list_category { overflow:hidden }
#header .cate2 .list_category li { float:left; width:25%; border-bottom:1px solid #eee; border-right:1px solid #eee; box-sizing:border-box; -moz-box-sizing:border-box }
#header .cate2 .list_category li:nth-child(4) { border-right:0px none }
#header .cate2 .list_category li:nth-child(8) { border-right:0px none }
#header .cate2 .list_category li a {display:block;height:32px;line-height:32px;color:#555;text-align:center;text-overflow:clip;white-space:nowrap;overflow:hidden;}

/* 사이드 메뉴 */
.asideClose { position:fixed; top:0px; left:-80%; width:45px; height:45px; text-indent:-9999em; background:url(/design/gyujkim/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:-80%; width:80%; height:100%; background:#fff; overflow-y:auto; -webkit-overflow-scrolling:touch; z-index:1001 }
aside .asideSearch { padding:15px }
aside .asideSearch .search { padding-right:36px; position:relative; height:33px; border:1px solid #ddd; background:#fff }
aside .asideSearch .search .searchBox { width:100% }
aside .asideSearch .search .searchBox input { padding-left:10px; width:100%; height:33px; border:none; outline:none }
aside .asideSearch .search .btn_search { position:absolute; top:0; right:0; width:36px; height:33px; text-indent:-9999em; background:url(/design/gyujkim/phps/m/common/btn_search.gif) 0 0 no-repeat; background-size:36px auto }
aside .asideSearch .popular_search { padding-top:7px }
aside .asideSearch .popular_search a { margin:0 6px; color:#777 }

aside .loginBx { padding-bottom:20px; text-align:center }
aside .loginBx ul { *zoom:1 }
aside .loginBx ul:after { display:block; clear:both; content:'' }
aside .loginBx ul li { position:relative; float:left; width:33.33% }
aside .loginBx ul li a { display:block }
aside .loginBx ul li .ico { display:inline-block; width:40px; height:40px; background:url(/design/gyujkim/phps/m/common/sp_aside_login.png) 0 0 no-repeat; background-size:40px auto; vertical-align:top }
aside .loginBx ul li .ico1 { background-position:0 0 }
aside .loginBx ul li .ico2 { background-position:0 -40px }
aside .loginBx ul li .ico3 { background-position:0 -80px }
aside .loginBx ul li .tx { color:#555; line-height:12px }
aside .loginBx ul li .bubble {padding:1px 7px 2px;position:absolute;top:0;left: 50%;font-size:11px;color:#fff;font-weight:bold;background:#00c63c;border-radius:15px;margin-left: 5px;}

aside .asideTab { height:35px; font-size:0; text-align:center; border-top: 1px solid #eee; border-bottom:1px solid #ddd }
aside .asideTab ul { *zoom:1 }
aside .asideTab ul:after { display:block; clear:both; content:'' }
aside .asideTab ul li { float:left; width:33%; height:35px; text-align:center }
aside .asideTab ul li a { display:inline-block; height:35px; font-size:12px; color:#555; line-height:35px }
aside .asideTab ul li a.act { height:33px; color:#111; font-weight:bold; border-bottom:3px solid #00c63c }

aside .navCategory, .navCommunity, .navPopular {padding:10px 0}
aside .navCommunity, .navPopular { display:none }
aside nav li {position:relative;}
aside nav li a {display: block;height:32px;line-height: 32px;padding:0 0 0 19px;margin-right: 40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
aside nav li a.active { color:#111; font-weight:bold }
aside nav li .fa {position: absolute; top:0; right: 0; width: 40px; text-align: center; height:32px; line-height:32px }
aside nav li .fa.fa-rotate-180 { color:#00c63c }
aside nav li > ul { display:none; margin:0 10px; padding-left:19px; border-top: 1px solid #bbb; background:#f8f8f8; *zoom:1 }
aside nav li > ul:after { display:block; clear:both; content:'' }
aside nav li > ul > li { float:left; width:50% }
aside nav li > ul > li a { padding:0 19px 0 0; margin: 0;}
/* //카테고리 */

/* BASIC css end */