/* BASIC css start */
.minSizeWrap { position:relative; width:1200px; margin:0 auto; }
.minSizeWrap2 { position:relative; width:890px; margin:0 auto; }
#header {position: fixed;top: 0;left: 0;right: 0;z-index:200; height:200px }
#header { }
#header i{font-size:26px;  }

/* 중앙 로고 영역  */
#header .hdMid {text-align:center; }
#header .hdMid:after {content:"";display:block;clear:both;}
#header .hdMid .hd_logo {position: fixed;width: 200px;text-align: center;top: 40px;left: 50%;margin-left: -100px;z-index: 102;transition:all 0.3s ease;-webkit-transition:all 0.3s ease;font-size: 42px; color:#000}


/* 좌측, 우측 */
#header .hdBtm {position:fixed;top: 140px;left:50px;right:50px;height: 50px;padding-top: 10px;transition:all 0.3s ease;-webkit-transition:all 0.3s ease; min-width:1200px;  }
#header .hdBtm .listWrap{left:20px; top: 10px; position:relative}
#header .hdBtm .listWrap li{float:left; padding-right:16px; }
#header .hdBtm .listWrap i{vertical-align:middle; font-size:20px; }
#header .hdBtm .rightWrap{ position: absolute; right: 20px; top: 22px; clear:both }
#header .hdBtm .rightWrap li{float:left;  padding-left:16px;}
#header .hdBtm .rightWrap i{vertical-align:middle; font-size:20px; }
#header .hdBtm .rightWrap .search{display:none}

/* 카테고리 */
#header .hdBtm .cateWrap {text-align:center;margin: 0 0 0 50px;position: relative; color:#000; width: 840px;}
#header .hdBtm .cateWrap:after {content:"";display:block;clear:both;}
#header .hdBtm .cateWrap a:hover {  }
#header .hdBtm .cateWrap .tmenu {position: relative;padding: 13px 20px 20px;display: inline-block;}
#header .hdBtm .cateWrap .tmenu a{ color:#000}
#header .hdBtm .cateWrap .tmenu .depth2 { display:none; position: absolute;background: #fff;top: 50px;left: 50%;width: 118px;margin-left: -60px;padding: 10px 0;border: 1px solid #ddd;z-index: 97;}
#header .hdBtm .cateWrap .tmenu .depth2 li a { display: block; font-size: 12px; line-height: 24px; }
#header .hdBtm .cateWrap .tmenu .depth2 li a:hover {background:#eaeaea; color:#000; border-bottom: 0 }

/* 전체보기버튼 */
#header .hdBtm .menuArea {position:absolute;top:-5px;left:0;}
#header .hdBtm .menuArea a {display:block;width: 50px;height: 50px;line-height:50px;text-align: center;  color:#000}
#header .hdBtm .menuArea i { font-size: 26px; vertical-align:middle; color:#000}

/* 전체보기 레이어 */
#header .hdBtm .allMenu {display:none;position:absolute;top: 0px;left:0;}
#header .hdBtm .allMenu #btn-allMenuClose {position:relative;width: 50px;height: 50px;font-size: 26px;color:#000;text-align:center;line-height: 50px;background: #fff;cursor:pointer;z-index:10; display: block; top: 0px;}
#header .hdBtm .allMenu .allMenuBx {position:absolute;top: 50px; left:-155px; right:0;width: 1198px;background: #fff;border: 1px solid #ddd;z-index: 98;}
#header .hdBtm .allMenu .allMenuBx .allMenuInner {padding: 20px 0 0 34px;overflow:hidden;}
#header .hdBtm .allMenu .allMenuBx .allMenuInner .allMenuList { *zoom:1;}
#header .hdBtm .allMenu .allMenuBx .allMenuInner .allMenuList:after { display:block; clear:both; content:'' }
#header .hdBtm .allMenu .allMenuBx .allMenuInner .allMenuList dl {padding: 0 34px 30px 0;width: 156px; display: inline-block;vertical-align: top}
#header .hdBtm .allMenu .allMenuBx .allMenuInner dl dt {border-bottom: 1px solid #ddd;margin-bottom: 4px;}
#header .hdBtm .allMenu .allMenuBx .allMenuInner dl dt a {padding-left:5px;font-size:14px;height:30px;line-height:30px;}
#header .hdBtm .allMenu .allMenuBx .allMenuInner dl dd a {display: block;padding: 3px 0 3px 5px;color: #777;}
#header .hdBtm .allMenu .allMenuBx .allMenuInner dl dd a:hover {background:#eaeaea; color:#111;}
#header .hdBtm .allMenu .allMenuBx .allMenuInner .boardList {padding-left:5px;height:44px;border-top: 1px solid #ddd;}
#header .hdBtm .allMenu .allMenuBx .allMenuInner .boardList a {display:inline-block;margin-right:35px;height:44px;line-height:44px;}

/* header fixed */
#header.fix { background:rgba(255,255,255,1);}
#header.fix {height:60px !important}
#header.fix .hdBtm {top: 0px !important;}
#header.fix .hdMid .hd_logo { color:#000; display: none; }
#header.fix .hdBtm .listWrap > ul > li > a,
#header.fix .hdBtm .listWrap > ul > li > i { color:#000 }
#header.fix .hdBtm .cateWrap .tmenu a{ color:#000}
#header.fix .hdBtm .menuArea a {color:#000}
#header.fix .hdBtm .menuArea i {color:#000}

/* BASIC css end */