/* BASIC css start */
/* 공통 포인트 컬러 */
.ptColor { color:#24aae2 !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;}
.gnbWrap {position: relative;height: 70px;border-bottom: 1px solid #ddd;}
#gnb {position:relative;width: 100%;}
#gnb .logo {z-index:10;position:absolute;top: 11px;left: 3%;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
#gnb .logo img {width: 190px;}
#gnb p.asideOpen {position:absolute;top: 24px;right: 3%;z-index: 11;width: 24px;height: 24px;}
#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;}
#gnb.act .gnbact {height: 60px;}
#gnb.act {position: fixed;top: -10px;background: #fff;height: 60px;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);opacity: 0.8;}
#header .headerTop {position:relative;height: 32px;border-bottom: 1px solid #ddd;zoom: 1;}
#header .headerTop li {width: 19%;float:left;text-align:center;line-height: 32px;position: relative;}
#header .headerTop li:nth-child(5) {width: 24%;}
#header .headerTop a {display: block;color: #555;}
#header .headerTop a:before { display: block; content: ""; position: absolute; top: 11px; width:1px; height: 10px; background-color:#ddd; vertical-align: middle; }
#header .headerTop li:first-child a:before {background:none;}
#header .headerTop a.on {color:#fff100}
#header .search {height: 38px;position:relative;background-color: #eee;padding-right: 40px;text-align:center;display:none;z-index:10;border-bottom: 1px solid #ddd8d3;}
#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;background-color: #ababab;position:absolute;top: 0px;right:0;color:#fff;text-align:center;line-height: 38px;font-size: 18px;}

#header .cate .list_category { *zoom:1 }
#header .cate .list_category:after { display:block; clear:both; content:'' }
#header .cate .list_category > li {float:left;width: 25%;border-bottom:1px solid #ddd;box-sizing:border-box;-moz-box-sizing:border-box;position: relative;}
#header .cate .list_category > li a {display:block;height: 34px;line-height: 34px;color: #313131;text-align:center;text-overflow: clip;white-space: nowrap;overflow: hidden;font-size: 15px;font-weight: bold;}
#header .cate .list_category > li .depth2 {display:none;padding:10px 0;position:absolute;top: 35px;right: 0;width: 120px;background:#fff;opacity: 0.9;}
#header .cate .list_category > li .depth2 li { height:30px }
#header .cate .list_category > li .depth2 li a { display:block; height:30px; font-size:13px; text-align:center; line-height:30px }

/* 사이드 메뉴 */
.asideClose {position: fixed;top: 5px;right: -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;right: -75%;width: 75%;height:100%;background: #f8f8f8;overflow-y:auto;-webkit-overflow-scrolling: touch;z-index:1001;}
aside .loginBx {padding: 25px 10px 15px;text-align:center;overflow: hidden;}
aside .loginBx p.tx {padding-bottom:15px;font-size:12px;color: #777;}
aside .loginBx p.tx .bold {color: #1c1c1c;}
aside .loginBx a {float: left;display:inline-block;box-sizing: border-box;width: 50%;}
aside .loginBx a.bt_login {padding: 7px 0;color:#fff;border:none;background: #24aae2;}
aside .loginBx a.bt_join {padding: 6px 0;color:#3b3b3b;font-size:12px;border:1px solid #c6c6c6;border-left: 0;background: #fff;}
aside .navIco:after { display:block; clear:both; content:'' }
aside .navIco li {float:left;position:relative; width:33.33%;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 nav {background:#fff;border:1px solid #ddd;margin: 10px;padding: 7px 0;}
aside nav li {position:relative;}
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 .fa {position: absolute; top:0; right: 0; width: 40px; text-align: center; height: 35px; line-height:35px;}
aside nav li > ul {background-color: #f2f2f2;display:none;border-top: 1px solid #ccc;margin: 0 14px;}
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 */