/* BASIC css start */
html {
overflow-y: scroll;
}
.river-inner{display:block; width:1200px; margin:0 auto;}
#wrap { width:100%; margin:0px auto; background-color:#fff; min-width:1200px}
#header { width:100%;}
#header h1 {
text-align: center;
/*padding-top:50px;*/
}
/*#header .area_search {
position: relative;
top:6px;
width: 138px;
}
#header .area_search .MS_search_word {
width: 113px; height: 15px;
border: 0; border-bottom: 1px solid #e4e4e4;
font-size: 11px; color: #545454; line-height: 18px;
float: left;
}
#header .area_search p, #header .area_search .btn-sch {
float: left;
}
#header .area_search p img {
padding: 10px 0 0 0;
}*/
#header .menu_list {
text-align: right;
padding: 10px 0;
}
#header .menu_list li {
display: inline-block;
padding:0 10px;
}
.#header .menu_list li:last-child{padding-right:0;}
/* 상단 로고부분 추가 */
.header-top{position:relative; padding-bottom:30px;}
.clr:after{content:''; display:block; clear:both;}
.logo-h1{float:left;}
/* 상단 카테고리 바 */
.cate-wrap{
position:relative;
border-top:1px solid #eadede;
border-bottom:1px solid #e5d7d7;
background:linear-gradient(to bottom,#fff 0%,#fffafa 100%);
box-shadow:0 4px 12px rgba(70,0,0,.05);
}
.cate-wrap:before{
position:absolute;
top:-1px;
left:0;
width:100%;
height:2px;
background:linear-gradient(90deg,transparent 0%,#cc0001 50%,transparent 100%);
content:"";
opacity:.65;
}
#header .cate_list{
margin:0 auto;
height:50px;
line-height:50px;
text-align:center;
font-size:0;
}
#header .cate_list li{
position:relative;
display:inline-block;
margin:0;
padding:0 5px;
vertical-align:top;
}
#header .cate_list li:last-child{
padding-right:0;
}
#header .cate_list li:not(.btn_all):before{
position:absolute;
left:0;
top:50%;
width:1px;
height:14px;
background:#e8dddd;
content:"";
transform:translateY(-50%);
}
#header .cate_list li a{
position:relative;
display:inline-block;
margin:0;
padding:0 13px;
color:#333;
font-family:"Nanum Gothic", Georgia, "Times New Roman", serif;
font-size:16px;
font-weight:bold;
text-decoration:none;
transition:color .22s ease,transform .22s ease;
}
#header .cate_list li:not(.btn_all) a:after{
position:absolute;
left:50%;
bottom:-1px;
width:0;
height:2px;
border-radius:2px;
background:#cc0001;
content:"";
transform:translateX(-50%);
transition:width .22s ease;
}
#header .cate_list li:not(.btn_all) a:hover{
color:#cc0001;
transform:translateY(-1px);
}
#header .cate_list li:not(.btn_all) a:hover:after{
width:85%;
}
/* 검색창 부분*/
.hd-search {position: absolute; width: 457px; padding-right:43px; margin-left: -251px; margin-top:6px; height: 44px; left: 50%; border: 3px solid #be1115;}
.MS_search_word{height: 18px; width: 100%; padding: 13px 0; border:0; text-indent:10px; font-size:15px;}
.search_btn {position: absolute; display:block; right: 0; top: 0; padding:10px;}
.search_btn:before {content: ""; width: 1px; display: inline-block; height: 23px; background:#be1115; position: absolute; right: 43px;}
/* 상단 오른쪽 메뉴 부분 */
.right-menu{float:right; height:56px;}
.right-menu li{display:inline-block; margin-left:15px;}
.right-menu li a{text-align:center; display:block;}
.right-menu li img{padding-top:7px; padding-bottom:3px;}
/* 상단 전체 카테고리 부분 */
.cate-wrap{
position:relative;
border-top:1px solid #eadede;
border-bottom:1px solid #e5d7d7;
background:linear-gradient(to bottom,#fff 0%,#fffafa 100%);
box-shadow:0 4px 12px rgba(70,0,0,.05);
}
.cate-wrap:before{
position:absolute;
top:-1px;
left:0;
width:100%;
height:2px;
background:linear-gradient(90deg,transparent 0%,#cc0001 50%,transparent 100%);
content:"";
opacity:.65;
}
#header .cate_list .btn_all{border-left:1px solid #eee;border-right:1px solid #eee;width:202px;padding:0;transition:background .2s ease;}
#header .cate_list .btn_all > a{transition:color .2s ease;}
#header .cate_list .btn_all:hover{background:#fff5f5;}
#header .cate_list .btn_all:hover > a{color:#cc0001;}
.btn_all img{padding-right:20px;filter:sepia(1) saturate(8) hue-rotate(320deg) brightness(.85);transition:transform .2s ease;}
#header .cate_list .btn_all:hover img{transform:translateX(-3px);}
/* 전체 카테고리 펼침 영역 */
.topWrap{position:relative;}
#header .topWrap .all_category{display:none;position:absolute;top:51px;left:0;width:100%;z-index:99;padding:28px 30px;text-align:left;box-sizing:border-box;background:#fff;border:1px solid #eadede;border-top:3px solid #cc0001;border-radius:0 0 14px 14px;box-shadow:0 12px 30px rgba(0,0,0,.10);}
#header .topWrap.category-open .all_category{display:block;}
#header .topWrap .all_category > ul{font-size:0;}
#header .topWrap .all_category > ul .cate-type1{display:inline-block;width:25%;padding:10px 20px 18px;vertical-align:top;box-sizing:border-box;}
#header .topWrap .all_category > ul > li > a{position:relative;display:inline-block;padding:0 0 7px;color:#222;font-size:16px;font-weight:bold;text-decoration:none;transition:color .2s ease,transform .2s ease;}
#header .topWrap .all_category > ul > li > a:after{position:absolute;left:0;bottom:0;width:0;height:2px;background:#cc0001;content:"";transition:width .22s ease;}
#header .topWrap .all_category > ul > li > a:hover{color:#cc0001;transform:translateX(4px);}
#header .topWrap .all_category > ul > li > a:hover:after{width:100%;}
#header .topWrap .all_category > ul > li > ul{padding:12px 0 0;}
#header .topWrap .all_category > ul > li > ul li{display:block;padding:3px 0;}
#header .topWrap .all_category > ul > li > ul li a{display:inline-block;color:#777;font-size:13px;line-height:1.6;text-decoration:none;transition:color .2s ease,transform .2s ease;}
#header .topWrap .all_category > ul > li > ul li a:hover{color:#d94b4b;transform:translateX(5px);}
#fixed-header-area{display:block;width:100%;background:#fff;}#fixed-header-area.header-fixed{display:block!important;position:fixed!important;top:0!important;left:0!important;width:100%!important;z-index:900!important;background:#fff!important;box-shadow:0 2px 5px rgba(0,0,0,.12);}
/* BASIC css end */