/* 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:12px 0 14px;font-size:0;}
#header .menu_list li{position:relative;display:inline-block;padding:0 12px;vertical-align:middle;}
#header .menu_list li:after{position:absolute;right:0;top:50%;width:1px;height:11px;background:#ddd;content:"";transform:translateY(-50%);}
#header .menu_list li:last-child{padding-right:0;}
#header .menu_list li:last-child:after{display:none;}
#header .menu_list li a{display:inline-block;color:#777;font-size:12px;font-weight:500;text-decoration:none;transition:color .2s ease;}
#header .menu_list li a:hover{color:#cc0001;}
#header .menu_list li img{vertical-align:middle;opacity:.75;transition:opacity .2s ease,transform .2s ease;}
#header .menu_list li a:hover img{opacity:1;transform:translateY(-1px);}
/* 상단 오른쪽 퀵메뉴 */
.right-menu{float:right;height:62px;font-size:0;}
.right-menu li{display:inline-block;margin-left:6px;vertical-align:top;}
.right-menu li a{position:relative;display:flex;width:70px;height:62px;flex-direction:column;align-items:center;justify-content:center;border-radius:10px;color:#555;font-size:12px;font-weight:500;line-height:1.35;text-align:center;text-decoration:none;box-sizing:border-box;transition:background .22s ease,color .22s ease,transform .22s ease,box-shadow .22s ease;}
.right-menu li img{display:block;max-width:25px;max-height:25px;margin:0 auto 4px;padding:0;opacity:.80;transform:translateY(10px);mix-blend-mode:multiply;transition:transform .22s ease,opacity .22s ease;}
.right-menu li a:before{position:absolute;top:0;left:50%;width:0;height:2px;border-radius:2px;background:#cc0001;content:"";transform:translateX(-50%);transition:width .22s ease;}
.right-menu li a:hover{color:#cc0001;background:#fff5f5;box-shadow:0 5px 15px rgba(120,0,0,.07);transform:translateY(-2px);}
.right-menu li a:hover:before{width:32px;}
.right-menu li a:hover img{opacity:1;transform:translateY(4px);}
/* 상단 로고부분 추가 */
.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:520px;height:52px;padding-right:58px;margin-left:-290px;margin-top:3px;left:50%;border:2px solid #cc0001;border-radius:28px;background:#fff;box-sizing:border-box;box-shadow:0 5px 16px rgba(120,0,0,.08);transition:border-color .2s ease,box-shadow .2s ease;}
.hd-search:focus-within{border-color:#b93333;box-shadow:0 6px 20px rgba(204,0,1,.16);}
.MS_search_word{width:100%;height:48px;padding:0 20px;border:0;background:transparent;box-sizing:border-box;color:#333;font-size:15px;line-height:48px;outline:none;}
.search_btn{position:absolute;display:flex;right:4px;top:4px;width:40px;height:40px;align-items:center;justify-content:center;padding:0;border-radius:50%;background:#cc0001;transition:background .2s ease,transform .2s ease;}
.search_btn:hover{background:#b93333;transform:scale(1.05);}
.search_btn:before{display:none;}
.search_btn .btn-sch{width:18px;height:18px;filter:brightness(0) invert(1);}
/* 상단 전체 카테고리 부분 */
#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 */