/* BASIC css start */
.menu_on{height:100%;overflow:hidden;}
.menu_off{height:auto;overflow:visible;}
#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;}
#allWrap{height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;}
#header{height:35px;position:fixed;top:0;left:0;right:0;z-index:101;background-color:rgba(255,255,255,0.4);}
#contents{padding-top:100px;}

/* 헤더 상태값 관리 */
.menuOn #allWrap{max-height:100%;overflow:hidden;}
.pageBtnFixed .btnTop{display:block;}

/* header 상단 */
.headerMenu{position:relative;height:34px;}
.headerMenu .fa{vertical-align:top;line-height:1;padding-top:13px;}
.headerMenu .menuBtn{color:#333;font-size:14px;display:block;width:39px;height:39px;text-align:center;position:absolute;top:0;}
.headerMenu .menuBtn.menu{left:0;}
.headerMenu .menuBtn.search{right:0;}
.headerMenu .headerCnt{padding:0 39px;}
.headerMenu .headerCnt .listWrap:after{content:"";display:block;clear:both;}
.headerMenu .headerCnt .list{float:left;width:25%;}
.headerMenu .headerCnt .link{text-align:center;display:block;color:#333;line-height:39px;height:39px;}

.logoArea {
  text-align: left;
  margin-left: 20px;
}
.logoArea .logo{padding-top:20px;}
.logoArea .logo a{display:block;}
.logoArea .logo img{width:80px;}

/* 사이드 메뉴 */
.sideMenu{-webkit-transition:all 0.3s;transition:all 0.3s;position:fixed;top:0;left:-100%;width:100%;bottom:0;right:0;height:100%;z-index:1001;color:#333;}
.sideMenu.on{left:0;}
.sideMenu.on .shadow{display:block;}
.sideMenu .menuCnt{position:absolute;top:0;left:0;bottom:0;z-index:1;width:80%;box-sizing:border-box;padding:13px 20px;background-color:#fff;overflow-y:auto;-webkit-overflow-scrolling:touch;}
.sideMenu .shadow{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.70);}
.sideMenu .asideClose{position:absolute;top:0;left:80%;bottom:0;z-index:1;width:45px;height:45px;line-height:1;box-sizing:border-box;padding-top:11px;color:#fff;font-size:20px;text-align:center;}

.sideMenu .listWrap:after{content:"";display:block;clear:both;}
.sideMenu .list{float:left;}
.sideMenu .link{display:block;color:#333;}

.sideMenu .userMenu{}
.sideMenu .userMenu .list{padding-right:20px;}
.sideMenu .userMenu .link{padding:6px 0;}
.sideMenu .userMenu .clearLine{clear:left;}

.sideMenu .title{padding:20px 0 0;line-height:36px;font-weight:700;display:block;}
.sideMenu .menuArea .list{width:50%;}
.sideMenu .menuArea .link{line-height:26px;}
.sideMenu .menuArea .subTxt{line-height:20px;padding:3px 0;}


/* search */
.searchArea{padding:7px 0 8px;}
.searchArea form{position:relative;}
.searchArea input{position:relative;z-index:2;height:27px;width:100%;border:0;border-bottom:1px solid #333;background-color:transparent;padding:0 26px 0 10px;outline:none;box-sizing:border-box;}
.searchArea input:focus{border-color:#afafaf;}
.searchArea .searchBtn{position:absolute;top:0;right:0;width:26px;height:26px;z-index:3;text-align:center;line-height:1;font-size:12px;color:#333;display:block;}
.searchArea .searchBtn .fa{padding-top:7px;}
.searchArea .searchBtn:hover{color:#000;}


.btnTop{position:fixed;z-index:2;right:0px;bottom:5px;display:none;}
.btnTop a{display:block;padding:12px 18px;text-align:center;line-height:1;font-size:36px;color:#333;}
.btnTop a:hover{background-color:rgba(220,220,220,0.3);}
/* BASIC css end */