/* BASIC css start */
#headerWrap {height:227px; border-bottom:1px solid #e6e6e6;}

#headerWrap .topWrap {overflow:hidden;}
#headerWrap .topWrap h1 { width:150px;}
#headerWrap .topWrap .utillMenu {text-align: center; margin-top:20px;}
#headerWrap .topWrap .utillMenu ul {overflow:hidden;}
#headerWrap .topWrap .utillMenu > ul > li {display: inline-block; vertical-align: top; margin: 6px; position:relative;}
#headerWrap .topWrap .utillMenu > ul > li:before {content:""; position:absolute; right:-8px; top:3px; width: 1px; height: 8px; background:#eee;}
#headerWrap .topWrap .utillMenu > ul > li:nth-child(5):before {display:none;}
#headerWrap .topWrap .utillMenu > ul > li.hd-search{margin-top:0; background: #eee; border-radius: 5px;}
#headerWrap .topWrap .utillMenu ul li .hd-search {margin-left: 25px;padding:4px 10px; margin:0;}
#headerWrap .topWrap .utillMenu ul li a input {width:14px; height:16px;}
#headerWrap .topWrap .utillMenu ul li span {}
#headerWrap .topWrap .utillMenu ul li a {color:#484848; font-size:15px; }
#headerWrap .topWrap .utillMenu ul li .sch_btn{  padding-bottom: 5px; display: inline-block;}
#headerWrap .topWrap .utillMenu ul li .MS_search_word{width:120px; border:0; background: none; }
#headerWrap .topWrap .utillMenu ul.hd-cate{ position:absolute; top:15px; right:10%; margin-bottom: 30px;}
#headerWrap .topWrap .utillMenu ul.hd-cate li a{color: #444; font-size:12px;}


#headerWrap .heaferInner {width:1200px; margin:0 auto;}
#headerWrap .heaferInner .logo_wrap{ text-align: center; padding-top: 70px; padding-bottom: 30px;}



#nav {width: 1200px; color:#000;  z-index:999; text-align:center}
.menu { list-style:none; }
.menu>li {position: relative; float:left;  line-height:50px;}
.menu>li:last-child{margin:0;}
.menu>li>a {color:#000; text-decoration:none; line-height:50px; font-size:15px; font-weight:bold; display: block;}
.menu li:hover a { color:#666; }

.menu .gnb_best a {color:red;}
.menu .gnb_best:hover a { opacity: 0.7; color:red; }
.menu .gnb_1 { position:relative; display:inline-block; z-index:1000; width:120px;}
.menu .gnb_1:after {display:block; content:''; border-bottom: solid 3px #ea2129; transform: scaleX(0); transition: transform 250ms ease-in-out; transform-origin:  0% 50%;}
.menu .gnb_1:hover:after { transform: scaleX(1); }
.menu ul { display:none; position:absolute; top:53px; left:-1px; background:#fff; list-style:none; font-size:0; border-left: solid 1px #e6e6e6; border-right: solid 1px #e6e6e6; border-bottom: solid 1px #e6e6e6; }
.menu ul .gnb_2 {width:120px;}
.menu ul .gnb_2  a{font-size:14px; display:block; line-height:44px;}
.menu .gnb_sale a {color:red;}
.menu .gnb_sale:hover a { opacity: 0.7; color:red; }


.menu ul li a, li.menuhover li a, li.menuhover li.menuhover li a { float:none; display:block; background:none; }
.menu ul li a:hover, li.menuhover li a:hover, li.menuhover li.menuhover li a:hover { background:#f4f4f4; color:#ea1d3c; }
.menu ul li span, li.menuhover li span, li.menuhover li.menuhover li span { float:none; display:block; background:none; height:28px; line-height:28px; }
.menu li.submenu { font-weight:bold; }
.menu li.noborder { border-top:none; }
li.menuhover a, li.menuhover li.menuhover a { }
li.menuhover span, li.menuhover li.menuhover span { }



/* 사이드 메뉴 */
#scroll-right {position: fixed; z-index: 1001;  top: 0; right:0px; background: #fff; height: 100%; width: 110px;  padding: 20px; border-left: solid 1px #e6e6e6; padding-top: 60px;}
#scroll-right a{line-height: 23px;}

.side-menu .div-wrap{display: block; margin-bottom: 30px;}
.side-menu .board-btn a{display: block;}
.side-menu .board-btn a:hover{color: #000; background-color: #eee;}
.side-menu .board-btn a:nth-child(8){color:red;}
.side-menu .board-btn a:nth-child(8):hover {font-weight:bold;}
.side-menu .board-btn a:last-child {color:blue;}
.side-menu .board-btn a:last-child:hover {font-weight:bold}
.side-menu .tit{color: #242424; font-size: 13px; padding-bottom: 8px; margin-bottom: 10px; border-bottom: solid 1px #d4d4d4; font-weight:bold;}
.side-menu .side-cs-center .tel{font-weight: 500; font-size: 19px; color: #000; padding-bottom: 3px;}
.side-menu .side-cs-center .tel span{font-size: 13px;}
.side-menu .side-cs-center .cont{line-height: 19px;}
.side-menu .side-bank-info .cont{line-height: 19px;}

#side-menu-wrap .right-btn{ width: 8px;  position: absolute; top: 45%; right: 150px;margin-top: -8px; cursor: pointer; border: solid 1px #e6e6e6; background: #fff; display: inline-block; padding: 15px 10px; border-radius: 100px 0 0 100px;}
#side-menu-wrap .right-btn .fa{ font-size: 18px; transform: rotate(180deg); color:#224099;}
#side-menu-wrap .right-btn .fa.rotate{ transform: rotate(0deg);}

#aside{display: none;}
/* BASIC css end */

