/* 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: #111;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: 50px;}
#gnb {position: fixed;top: 0;left: 0;right: 0;height: 84px;width: 100%;background:#fff; border-bottom: 1px solid #ddd;}
#gnb .logo {position:absolute;top: 15px;left: 15px;/* line-height: 36px; */z-index:10;/* font-size: 36px; *//* text-align:center; */width: 176px;}
#gnb .logo img {}
#gnb p.asideOpen {position:absolute;top: 47px;right: 12px;width: 28px;height: 28px;line-height: 28px;text-align: center;font-size: 20px;}
#gnb p.searchBtn {position:absolute;top: 46px;right: 76px;width: 28px;height: 28px;line-height: 28px;text-align: center;font-size: 18px;}
#gnb p.cartBtn {position:absolute;top: 46px;right: 44px;width: 28px;height: 28px;line-height: 28px;text-align: center;font-size: 18px;}
#gnb.act {opacity:0.9;-webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);-moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);z-index: 102;}

#header .search {height: 40px;position: fixed;background-color: #f8f8f8;display:none;z-index:10;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;left: 0;top: 84px;width: 100%;}
#header .search .searchBox { padding: 0 10px; }
#header .search .searchBox input {width: 100%;height: 28px;border:0px none;margin-top: 6px;padding: 0 10px;background: #fff;}
#header .search .btn_search {position:absolute;top: 6px;right: 12px;text-align:center;line-height: 28px;font-size: 20px;width: 28px;height: 28px;}

#header .cate .list_category {overflow:hidden; margin-top: 35px;}
#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: 30px;line-height: 30px;color:#777;text-align:center;text-overflow: clip;white-space: nowrap;overflow: hidden;font-size: 11px;}

/* 사이드 메뉴 */
.asideClose {position:fixed;top: 0;left:-240px;width: 36px;height: 36px;color: #fff;text-align:center;cursor:pointer;z-index:1001;border-radius: 20px;}
.asideClose i {line-height: 36px;font-size: 24px;}

.headerTop {position:relative;zoom: 1;float: left;}
.headerTop li {float:left;position: relative; margin-right: 10px;}
.headerTop a {display: block;}
.headerTop .join2000 {display: inline-block;color: #121212;}

aside {position:fixed;top:0;left:-240px;width:200px;height: 100%;background:#fff;overflow-y:auto;-webkit-overflow-scrolling: touch;z-index:1001;padding: 20px;}
aside,
aside a { font-size: 11px; letter-spacing: 0.1em; color:#777}
#side_left {position:relative;zoom: 1;float: left; margin-bottom: 100px;}
#side_left ul { padding-top: 30px; }
#side_left ul li {line-height: 20px;position:relative;/* overflow: hidden; */text-overflow: ellipsis;white-space: nowrap;}
#side_left ul li.csTel { font-size: 14px; color: #121212; }
#side_left ul li a { display: block; }
#side_left .blk a { color:#121212; }
#side_left li .fa {position: absolute;top:0;right: 0;width: 20px;text-align: center;height: 20px;line-height: 20px;font-size: 14px;color: #111;}
#side_left li > ul {background-color:#f8f8f8;display:none;padding: 6px 0;}
#side_left li > ul > li {border-bottom:0px none;}
#side_left li > ul > li:first-child {border-top:0px none;}
#side_left li > ul > li a {padding: 0 20px 0 15px;margin: 0;}
#side_left li > ul > li > ul {border-top:0px none;background: #eee;}
#side_left li > ul > li > ul > li {border-bottom:0px none;}
#side_left li > ul > li > ul > li a {padding: 0 0 0 25px;margin: 0;}

/* 서브 배너 */
.sub_visual {zoom: 1;position: relative;height: 230px;overflow: hidden;margin-top:30px;width: 200px;}
.sub_visual:after { content: " "; display: block; clear: both; }
.sub_visual .sub_banner { padding-top: 0 !important; }
.sub_visual .sub_banner li { float: left; }
.sub_visual .btnPrev, 


.community, .customer, .bank{border-top:1px solid #ddd; margin-top:20px;}
.sub_visual .btnNext  {position: absolute;top: 50%;z-index: 99;cursor: pointer;margin-top: -19px;font-size: 48px;color: #fff;text-shadow: 0 1px 0 rgba(0,0,0,0.3);}
.sub_visual .btnPrev { left: 5px }
.sub_visual .btnNext  { right: 5px; }

/* BASIC css end */