/* BASIC css start */
/* 상단 메뉴 */
#header {position: relative;height: 80px;}
#header .headerWrap {position: fixed;left: 0;right: 0;top: 0;height: 80px;background: #fff;z-index: 101;}
#header .headerWrap .logoArea {position: absolute;left: 80px;top: 29px;z-index: 97;}
#header .headerWrap .cateWrap {text-align:center;margin: 18px 230px 0;position: relative;}
#header .headerWrap .cateWrap:after {content:"";display:block;clear:both;}
#header .headerWrap .cateWrap a { padding-bottom: 5px; }
#header .headerWrap .cateWrap a.active, 
#header .headerWrap .cateWrap a:hover { border-bottom:2px solid #000 }
#header .headerWrap .cateWrap .tmenu {position: relative;padding: 17px 1.25%;display: inline-block;}
#header .headerWrap .topRight {position: absolute;right: 70px;top: 8px;}
#header .headerWrap .topRight span {position: relative; padding: 17px 10px; display: inline-block; }
#header .headerWrap .topRight span a {font-size: 26px; }
#header .headerWrap .topRight span a:hover i { color:#5a5a5a;}
#header .headerWrap .tmenu .depth2 { display:none; position: absolute;background: #fff;top: 50px;left: 50%;width: 118px;margin-left: -60px;padding: 12px 0 8px;border: 1px solid #ddd;z-index: 97;}
#header .headerWrap .tmenu .depth2 li { line-height: 20px; text-align: center; }
#header .headerWrap .tmenu .depth2 li a {font-size: 12px;display: block;padding: 2px 0;}
#header .headerWrap .tmenu .depth2 li a:hover { border-bottom:0;background:#eaeaea; }
#header .headerWrap .searchArea {display:none;position:absolute;top: 50px;right:-10px;width:248px;height:33px;padding:5px 10px 8px;background-color:#fff;}
#header .headerWrap .searchArea form{height:100%;}
#header .headerWrap .searchArea .searchWrap{position:relative;display:block;border:1px solid #ddd;padding-right:37px;height:100%;}
#header .headerWrap .searchArea input{border:0;height:100%;padding:0 5px;width:199px;line-height:33px;}
#header .headerWrap .searchArea .searhBtn{position:absolute;top:0;right:0;bottom:0;display:block;width:37px;text-align:center;color:#111;font-size:24px;}
#header .headerWrap .searchArea .searhBtn:after{content:"";display:block;position:absolute;top:4px;bottom:4px;left:0;width:1px;background-color:#ddd;}

/* SNS */
.leftArea {position:fixed;top: 50%;width: 80px;left: 0;text-align: center;margin-top: -66px;}
.leftArea a {text-align:center;font-size: 18px;color:#333;width: 40px;height: 40px;line-height: 40px;display: inline-block;position: relative;margin: 2px 0;}
.leftArea a:hover {background: #eaeaea;border-radius: 100%;}

/* 상단 이동 버튼 */
.btnTop {position:fixed;right: -4px;top: 49%;-webkit-transform: rotate(90deg);transform: rotate(90deg);display: -webkit-box;display: -ms-flexbox;display: flex;}
.btnTop img {margin-right: 4px;}
.btnTop a{color: #333;}

/* BASIC css end */