/* BASIC css start */
/* 공통 포인트 컬러 */
.ptColor { color: #ff7b05 !important; } 

.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:#3c3c3c;z-index:1000;display:none;opacity: 0.7;}
#wrap {position:relative;width:100%;min-width:320px;overflow:hidden}
#header {position:relative;width:100%;z-index:101; border-top:3px solid #59ce39;}
.gnbWrap {position: relative;height: 140px;border-bottom: 2px solid #493838; margin-bottom: 30px;}
#gnb {position:relative;width: 100%;}
#gnb .logo {z-index:10;padding: 25px 0;text-align: center;}
#gnb .logo img {width: 300px;}

#gnb p.searchBtn {position:absolute;top: 24px;right: 42px;z-index:10;width: 24px;height: 24px;margin-right: 3%;}
#gnb p.asideOpen img,
#gnb p.searchBtn img { width:24px; height: 24px; }
#gnb .gnbact {position: relative;height: 70px;zoom: 1;}


#header .search {height: 38px;position:relative;background-color: #fff;padding-right: 40px;text-align:center;z-index:10;border:2px solid #493838; border-radius:50px; margin: 0 30px; top: 50px;}
#header .search .searchBox {width:100%; }
#header .search .searchBox input {width: 94%;height: 26px; border:0px none;margin-top: 6px; padding: 0 5px;}
#header .search .btn_search {width: 40px;height: 38px;position:absolute;top: 0px;right:0;color:#493838;text-align:center;line-height: 38px;font-size: 24px;}


#header .cate {border-bottom:1px solid #493838; position: relative;}
#header .cate p.asideOpen {top: 24px;right: 3%;z-index: 11;width: 50px; height: 34px; float: left; text-align: center; }
#header .cate p.asideOpen i{color:#000; font-size:28px}
#header .cate.act .gnbact {height: 50px; line-height: 72px; }
#header .cate.act {width:100% ;line-height: 65px; position: fixed;top: 0px;background: #fff;height: 50px;z-index: 102;-webkit-box-shadow: 0 1px 2px 0 rgba(168,168,168,0.5);-moz-box-shadow: 0 1px 2px 0 rgba(168,168,168,0.5);box-shadow: 0 1px 2px 0 rgba(168,168,168,0.5);}
#header .cate.act li{line-height:50px}
#header .cate .list_category { *zoom:1; height: 40px;  }
#header .cate .list_category:after { display:block; clear:both; content:'' }
#header .cate .swiper-container {height: 40px;}
#header .cate .swiper-container .swiper-wrapper { line-height: 31px; font-size: 14px; }
#header .cate .swiper-container .swiper-slide {padding-right:20px; font-weight:bold; width:auto}
#header .cate .swiper-container .swiper-slide a {}




/* 사이드 메뉴 */
.asideClose {position: fixed;top: 5px;left: -75%;width: 32px;height: 32px;cursor:pointer;z-index:1001;text-align: center;line-height: 32px;}
.asideClose img { width: 16px; height: 16px; vertical-align: middle;}
aside {position:fixed;top:0;left: -75%;width: 75%;height:100%;background: #fff;overflow-y:auto;-webkit-overflow-scrolling: touch;z-index:1001; border-top:3px solid #59ce39;}
aside .loginBx {padding: 25px 10px 15px;text-align:center;overflow: hidden;}
aside .loginBx a {float: left;display:inline-block;box-sizing: border-box;width: 47%;}
aside .loginBx a.bt_login {padding: 7px 0;color:#493838;border:2px solid #493838; background: #fff; border-radius:5px; margin-right: 5px;    font-weight: bold;}
aside .loginBx a.bt_join {padding: 7px 0;color:#493838;border:2px solid #493838; background: #fff; border-radius:5px;margin-left: 5px;    font-weight: bold;}
aside .navIco {padding: 10px 0px 30px 0px}
aside .navIco:after { display:block; clear:both; content:'' }
aside .navIco i{font-size:24px; color:#493838}
aside .navIco li {float:left;position:relative; width:25%;line-height: 16px;}
aside .navIco li a {display:block;text-align:center;}
aside .navIco li a img { width: 28px; height: 28px; }
aside .navIco li a sup {position: absolute;top: -2px;left: 50%;width: 16px;height: 16px;line-height: 16px;background: #5b5b5b;border-radius: 16px;font-size: 10px;color:#fff;margin-left: 3px;}
aside .asideTop {text-align:center;border-top: 1px solid #aaa;}
aside .asideTop a {width:33.33%;height: 36px;display:inline-block;color:#8f8f8f;font-weight:bold;line-height: 37px;background: #eee;border-bottom: 1px solid #ddd;}
aside .asideTop a .fa {margin-top:10px;}
aside .asideTop a.act {color: #333;background: #fff;border-bottom: 1px solid #fff;}


aside .asideNav { height:30px; text-align:center; font-size:0 }
aside .asideNav a {display: inline-block; width: 46%; height: 30px; font-size: 13px; color: #9d9d9d; font-weight: bold; line-height: 30px; background: #fff; border-bottom: 1px solid #493838;}
aside .asideNav a .fa { margin-top:10px }
aside .asideNav a.act { color: #493838; background: #fff; border-left: 1px solid #493838; border-right: 1px solid #493838; border-top: 1px solid #493838; border-bottom: 1px solid #fff;}
aside .navCommunity {display:none;}

aside nav {background:#fff; margin: 10px;padding: 7px 0;}
aside nav li {position:relative; border-bottom: 1px solid #ddd;}
aside nav li.nvTit {margin: 5px 14px 4px;padding: 0 0 7px  2px;border-bottom: 1px solid #eee;font-weight: bold;color: #111;font-size: 14px;}
aside nav li a {display: block;height: 32px;line-height: 32px;padding:0 0 0 16px;margin-right: 40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
aside nav li i {position: absolute; top:0; right: 0; width: 40px; text-align: center; height: 35px; line-height:35px;    font-size: 20px; color: #c6c6c6;}
aside nav li > ul {background-color: #f2f2f2;display:none;border-top: 1px solid #ddd;margin: 0px;}
aside nav li > ul > li {border-bottom:0px none;}
aside nav li > ul > li:first-child {border-top:0px none;}
aside nav li > ul > li a {padding: 0 40px 0 15px;margin: 0;}
aside nav li > ul > li > ul {border-top:0px none;}
aside nav li > ul > li > ul > li {border-bottom:0px none;}
aside nav li > ul > li > ul > li a {padding:0 0 0 40px;margin: 0;background-color: #dfdfdf;}

aside .navBottom {position:relative;height: 32px;zoom: 1;margin: 0 50px 30px;}
aside .navBottom li {width: 50%;float:left;text-align:center;line-height: 32px;position: relative;}
aside .navBottom a {display: block;color: #555;}
aside .navBottom a:before { display: block; content: ""; position: absolute; top: 11px; width:1px; height: 10px; background-color:#ddd; vertical-align: middle; }
aside .navBottom li:first-child a:before {background:none;}

@media screen and (min-width: 420px) {
    #header .cate .list_category > li .depth2 {width: 100%;}
}

/* BASIC css end */