/* BASIC css start */
.minSizeWrap{}
#hdWrap{background-color:#fff;position:relative;z-index:200;}
#hdWrap .hdTop{padding:0 10px;}
#hdWrap .hdTop .listWrap{display:table;table-layout:fixed;width:100%;}
#hdWrap .hdTop .list{width:30%;display:table-cell;}
#hdWrap .hdTop .list.menu, #hdWrap .hdTop .list.search{width:20%;}
#hdWrap .hdTop .link{display:block;height:35px;font-size:24px;color:#000;text-align:center;}
#hdWrap .hdTop .menuOpenBtn{text-align:left;}
#hdWrap .hdTop .searchBtn{text-align:right;}
#hdWrap .hdMid{border-top:1px solid #d2d2d2;padding:20px 0;text-align:center;}
#hdWrap .hdMid img{width:106px;}

#hdWrap .cateWrap{border-top:1px solid #d2d2d2;}
#hdWrap .cateWrap .cateCnt{display:table;table-layout:fixed;width:100%;border-bottom:1px solid #d2d2d2;}
#hdWrap .cateWrap .list{display:table-cell;width:25%;border-left:1px solid #d2d2d2;text-align:center;height:40px;}
#hdWrap .cateWrap .list.noCnt + .noCnt, #hdWrap .cateWrap .list:first-child{border-left:0;}
#hdWrap .cateWrap .link{color:#000;font-size:0;padding:3px 2px;display:block;height:100%;}
#hdWrap .cateWrap .link:after{content:"";display:inline-block;height:100%;vertical-align:middle;}
#hdWrap .cateWrap .link .title{display:inline-block;vertical-align:middle;line-height:1.1;word-break:break-word;font-size:12px;text-transform:uppercase;}

/* 헤더 상태값 관리 */
.headerFix #hdWrap{position:fixed;top:0;left:0;right:0;}
.headerFix #container{/*padding-top:226px;*/}
.headerFix #hdWrap .hdMid{display:none;}
.headerMenuOn .subMenu.allMenu{display:block;}

/* 서브 메뉴 공통 */
.subMenu{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1001;color:#fff;}
.subMenu .shadow{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.70);z-index:1;}
.subMenu .subMenuCnt{position:absolute;top:34px;bottom:0;left:0;width:75%;border:1px solid #000;background-color:#fff;z-index:2;box-shadow:1px 3px 4px rgba(0,0,0,0.3);padding:10px;box-sizing:border-box;overflow:auto;-webkit-overflow-scrolling:touch;}
.subMenu .subMenuCloseBtn{position:absolute;top:0;left:0;z-index:2;width:40px;height:34px;font-size:24px;color:#fff;text-align:center;background-color:#000;}
.subMenu .subMenuCloseBtn.cbtn i{padding-top:5px;}


/* 좌우 서브 메뉴 - 전체 */
.subMenu.allMenu{}
.subMenu.allMenu .subMenuCnt{}
.subMenu.allMenu .subMenuCloseBtn{}
.subMenu.allMenu .header{border-bottom:2px solid #fff;padding-left:2px;}
.subMenu.allMenu .header .title{font-size:20px;line-height:38px;}
.subMenu.allMenu .allMenuArea{}
.subMenu.allMenu ul:after{content:"";display:block;clear:both;}
.subMenu .userMenuArea{text-align:center;padding-bottom:5px;}
.subMenu .userMenuArea .list{float:left;width:33.3%;}
.subMenu .userMenuArea .link{color:#000;font-size:12px;font-weight:700;padding:6px 0;display:block;}
.subMenu .menuListWrap{}
.subMenu .menuListWrap .menuList{background-color:#efefef;margin-top:10px;}
.subMenu .menuListWrap .menuList:first-child{margin-top:0;}
.subMenu .menuListWrap .title{font-weight:700;color:#000;font-size:12px;display:block;padding:15px 0 4px 10px;}



/* dorpdown */
.asideNav{padding-bottom:15px;}
.asideNav .list{}
.asideNav .list:after{content:"";display:block;clear:both;}
.asideNav .link{display:block;margin-right:30px;height:21px;line-height:21px;font-size:12px;color:#7f7f7f;text-align:left;}
.asideNav .link:focus{color:#ffb400;}
.asideNav .openBtn{border:0;background:none;float:right;text-align:center;width:30px;height:21px;box-sizing:border-box;}
.asideNav .listWrap{clear:both;display:none;}
.asideNav .listWrap>.list:last-child{border-bottom:0;}
.asideNav .depth1:first-child{}
.asideNav .depth1>.link{padding-left:10px;}
.asideNav .depth2>.link{padding-left:18px;}
.asideNav .depth3>.link{padding-left:26px;}
.asideNav .link.last{margin-right:0;}
.asideNav .list.on>.listWrap{display:block;}
.asideNav .list.depth1.on>.link, .asideNav .list.depth1.on>.openBtn{}
.asideNav .list.depth1.on>.link{color:#ffb400;}
.asideNav .list.depth2 .listWrap{}
.asideNav .list.depth3{border-bottom:0;}
.asideNav .list.depth3 .link{}

/* BASIC css end */