/* BASIC css start */
/* 위아래버튼 */
#fix_pagescroll {
	position:fixed;
	right:-80px;
	bottom:80px;
	z-index:99999;
        -webkit-transition:all 1s;
	-moz-transition:all 1s;
	-o-transition:all 1s;
	transition:all 1s;

}
#fix_pagescroll.active {
	right:30px;
	bottom:80px;        
}
.updown li {
	position:relative;
	display:block;
	height:30px;
	margin:2px 0px;
}
.updown li a {
	display:block;
	width:25px;
	height:25px;
	border-radius:0%;
	background:rgba(102,102,102,0.3);
	font-size:14px;
	color:#fff;
	text-align:center;
	transition:all .8s ease;
	-webkit-transition:all .8s ease;
}
.updown li:hover a {
	background:#000;
}
.updown li a i {
	line-height:27px;
	filter:alpha(opacity=100);
	opacity:1;
	-webkit-opacity:1;
}


/* 상단영역 */


header { width:100%;position:fixed;top:0;z-index:30; border:0px solid #000 }
#headerWrap { width:100%;padding:35px 0; background-color:rgba(255,255,255,0); }
#headerWrap:hover {background-color:rgba(250,250,250,0.9); }
#headerWrap.fixed {padding:15px 0; background-color:rgba(255,255,255,0.9);box-shadow:1px 1px 5px rgba(100,100,100,0.2);}

.header_inner { margin:0 auto;  max-width:1780px !important; padding:0 40px;position:relative; height:50px; border:0px solid #000 }
.headerL {width:65%;height:100%;  text-align:left;}


.headerL .all_Wrap {width:32px; position:relative }
.headerL .all_btn {position:absolute;top:18px;width:14px;height:15px;overflow:visible;cursor:pointer;-webkit-transition:all 400ms ease-out 0ms;-moz-transition:all 400ms ease-out 0ms;-o-transition:all 400ms ease-out 0ms;transition:all 400ms ease-out 0ms;}
.headerL .all_btn .line {position:absolute;background-color:#333;overflow:hidden;width:14px;height:2px;left:0;-webkit-transition:all 400ms ease-out 0ms;-moz-transition:all 400ms ease-out 0ms;-o-transition:all 400ms ease-out 0ms;transition:all 400ms ease-out 0ms;}
.headerL .all_btn .line:nth-child(1) {top:0;left:0;animation-delay:0.33s;}
.headerL .all_btn .line:nth-child(2) {top:5px;left:0;animation-delay:0s; }
.headerL .all_btn .line:nth-child(3) {top:10px;left:0;animation-delay:0.66s;}
.headerL .all_Wrap.clicked .all_btn .line:nth-child(1) {-webkit-transform:translateY(5px) rotate(45deg);transform:translateY(5px) rotate(45deg);-webkit-transition:all 400ms ease-out 0ms;-moz-transition:all 400ms ease-out 0ms;-o-transition:all 400ms ease-out 0ms;transition:all 400ms ease-out 0ms;width:13px;}
.headerL .all_Wrap.clicked .all_btn .line:nth-child(2) {opacity:0;-webkit-transition:all 400ms ease-out 0ms;-moz-transition:all 400ms ease-out 0ms;-o-transition:all 400ms ease-out 0ms;transition:all 400ms ease-out 0ms;width:13px;}
.headerL .all_Wrap.clicked .all_btn .line:nth-child(3) {-webkit-transform:translateY(-5px) rotate(-45deg);transform:translateY(-5px) rotate(-45deg);-webkit-transition:all 400ms ease-out 0ms;-moz-transition:all 400ms ease-out 0ms;-o-transition:all 400ms ease-out 0ms;transition:all 400ms ease-out 0ms;width:13px;}


/* 로고 */
.headerL .logo {  height:50px;  margin-right:20px; z-index:9; }
.headerL .logo a {  display:block; height:50px; line-height:50px; font-family: 'Roboto'; font-weight:600; font-size: 20px; color:#000; text-transform:uppercase;  }
.headerL .logo img { width:auto;  height:50px; -webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;transition:0.3s ease-in-out; }
.headerL .logo a:hover,
.headerL .logo img:hover {opacity:0.5;}

#headerWrap.fixed .headerL .logo a {   }
#headerWrap.fixed .headerR .pointBox {top:20px;opacity:0;-webkit-opacity:0;}


/* 카테고리 */
.category { position:relative; box-sizing:border-box; font-size:0; line-height:0; }
.category li { position:relative; display:inline-block; vertical-align:middle; margin:0 10px; }
.category li > a { display:block;   color:#333; letter-spacing:0.03em; line-height:50px; font-size:11px;  font-family: Roboto; font-weight:700;  position: relative;}
.category li:hover > a {color:#666; text-decoration: underline;}
.category li:last-child > a { margin-right:0;}

/* 중분류카테고리 */
.category .sub-category { position:absolute; z-index:9;left:50%;  transform:translateX(-50%);  top:45px;height:0; visibility:hidden; opacity:0; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.category > li:hover .sub-category { top:49px;opacity:1; visibility:visible; }
.category .sub-category > ul { background-color:rgba(25,25,25,0.8); padding: 5px 0px; width: 100px; border-radius:4px;}
.category .sub-category > ul > li { display:block; margin: 0px; }
.category .sub-category > ul > li > a { display: block;width:100%;color: #bdbdbd;line-height: 24px;font-size: 10px; text-align: center; font-weight:600; }
.category .sub-category > ul > li:hover > a { color:#fff; background-color:rgba(0,0,0,0.5);}

.font10 { text-align:right;  }
.font10 > li > a { display: block; color:#333; letter-spacing:0.03em; line-height:50px; font-size: 10px; text-align: right; font-weight:600; }


.headerR { width:35%;height:100%; text-align:right important;  box-sizing:border-box; } 

/* 로그인 */
.headerR ul { float:right; position:relative; box-sizing:border-box; }
.headerR ul li { position:relative; display:inline-block; vertical-align:middle; margin:0 10px; }
.headerR ul li > a { display:block;   color:#333; letter-spacing:0.03em; line-height:50px; font-size:10px;  font-family: 'Poppins',Roboto; font-weight:500;  position: relative; text-transform: uppercase;}
.headerR ul li:hover > a {color:#666;}
.headerR ul li:last-child > a { margin-right:0;}
.headerR ul li i {font-size:13px; cursor:pointer;  }
.headerR ul li.wlogin { display:none !important;  }
.headerR ul li.wlogin i {font-size:15px; cursor:pointer;  }


/* 오른쪽중분류 */
.headerR ul .sub-category { position:absolute; z-index:9;left:50%;  transform:translateX(-50%);  top:45px;height:0; visibility:hidden; opacity:0; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.headerR ul > li:hover .sub-category { top:49px;opacity:1; visibility:visible; }
.headerR ul .sub-category > ul { background-color:rgba(25,25,25,0.8); padding: 5px 0px; width: 100px; border-radius:4px;}
.headerR ul .sub-category > ul > li { display:block; margin: 0px; }
.headerR ul .sub-category > ul > li > a { display: block;width:100%;color: #bdbdbd;line-height: 24px;font-size: 10px; text-align: center; font-weight:600; }
.headerR ul .sub-category > ul > li:hover > a { color:#fff; background-color:rgba(0,0,0,0.5);}


/* 레이어화살표*/
.-ly:after, .-ly:before { bottom: 100%;left: 50%; border: solid transparent;content: " ";height: 0;width: 0; position: absolute;pointer-events: none;}
.-ly:after {border-color: rgba(255, 255, 255, 0); border-bottom-color: rgba(25,25,25,0.8); border-width: 5px;margin-left: -5px;}
.-ly:before {border-color: rgba(221, 221, 221, 0);border-bottom-color: rgba(25,25,25,0.8);	border-width: 6px;margin-left: -6px;}


/* 포인트무비 */
.headerR li.join { position:relative; }
.headerR li.join .pointBox { transition:box-shadow 1s,opacity .8s 1s,top .8s 1s ease; text-align:center;position:absolute;z-index:90; top:25px; left:50%; width:60px; -o-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-webkit-transform:translate(-50%,0);transform:translate(-50%,0); }
.headerR li.join .pointBox > i { display:block;color:rgba(25,25,25,0.7);   font-size:20px; }
.headerR li.join .pointBox > span { margin:-7px 0 0 0;display:block;padding:1px 10px; border-radius:5px;font-size:10px;line-height:18px;background:rgba(25,25,25,0.7);  letter-spacing:0.5px ; color:#f1f1f1 }
.headerR li.join .pointBox { -o-animation:animate-pointBox 1s linear infinite;-ms-animation:animate-pointBox 1s linear infinite;-moz-animation:animate-pointBox 1s linear infinite;-webkit-animation:animate-pointBox 1s linear infinite;animation:animate-pointBox 1s linear infinite;}
@-o-keyframes animate-pointBox{50%{margin-left:4px }}
@-ms-keyframes animate-pointBox{50%{margin-left:4px }}
@-moz-keyframes animate-pointBox{50%{margin-left:4px }}
@-webkit-keyframes animate-pointBox{50%{margin-left:4px }}
@keyframes animate-pointBox{50%{margin-left:4px }}


/* 전체메뉴 */
#headerWrap nav { position:absolute;width:100%; top:120px;left:0;display:none;padding-bottom:10px; background-color:rgba(250,250,250,0.9);box-shadow:1px 1px 4px rgba(100,100,100,0.15);text-align:center;z-index:8;}
#headerWrap.fixed nav { top:80px;  }

#allMenu { display:block;width:100%; padding:35px 30px;overflow:hidden; border-top:0px solid #eee; }
#allMenu .allinner {width:100%; max-width:1780px;margin:0 auto;padding:0 30px;position:relative;}
#allMenu .cate1Box {display:flex;}
#allMenu .cate1Box > * {flex:1;padding:0px;border-right:1px solid rgba(0,0,0,0.05);}
#allMenu .cate1Box > *:last-child {border-right:0;}
#allMenu .cate1Box .cate1 > a {display:block;width:100%;margin-bottom:4px;font-size:11px; letter-spacing:0.5px;  padding-top:1px;line-height:24px;font-weight:600;text-transform: uppercase; text-align:center;color:#555;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
#allMenu .cate2Box .cate2  {position:relative;}
#allMenu .cate2Box .cate2 > a {display:block;width:100%;font-size:10px;height:22px; letter-spacing:0.5px; line-height:22px;font-weight:400; text-align:center; text-transform: uppercase; }
#allMenu .cate2Box .cate2 > a:hover{color:#ccc;  text-decoration: underline; }


/* 검색 */
.schWarp {position:fixed;display:none;top:0;bottom:0;width:100%;height:100%;z-index:99999;background-color:rgba(18,18,18,18,0.2);}
.schWarp.opened {display:block;}
.schWarp .sch_mask {position:absolute;top:0;bottom:0;width:100%;height:100%;background-color:rgba(18,18,18,0.5);}
.schBox {position:fixed;top:0;bottom:0;left:0;right:0;margin:auto;width:700px;height:250px;background-color:rgba(15,15,15,0.9);border-radius:20px;}
.schBox {-webkit-animation-duration:0.5s;-moz-animation-duration:0.5s;-ms-animation-duration:0.5s;-o-animation-duration:0.5s;animation-duration:0.5s;}
.schBox .schsp {position:absolute;margin:auto;top:0;bottom:0;left:0;right:0;width:500px;height:100px; }
.schBox fieldset {width:100%;border-bottom:1px solid #555;-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;transition:0.3s ease-in-out; }
.schBox .MS_search_word{width:100%;height:50px;border:0;line-height:50px;font-size:16px;background:transparent;color:#999;}
.schBox .Btn { opacity:0.3; position:absolute; top:15px;right:5px; cursor:pointer;}
.schBox .Btn i{ font-size:18px;	font-wight:bold; color:#eee; }

.schBox .Keyword {width:100%;height:26px;margin-top:20px; overflow:hidden;  }
.schBox .Keyword ul {text-align:center;}
.schBox .Keyword li { margin:0 5px; display:inline-block; }
.schBox .Keyword li a {display:block;font-size:11px; color:#eee;line-height:24px;padding:0 9px;background-color:#2d2d2d;border:1px solid #353535;border-radius:4px;-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;transition:0.3s ease-in-out;}
.schBox .Keyword li a:hover {background-color:#555;border:1px solid #555;}
.schBox .Keyword li a:before {content:"#";color:#999;margin-right:3px;}

.schBox .sch_close {position:absolute;top:20px;right:20px;margin:auto; height:30px; width:30px; display:block; cursor:pointer;-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;transition:0.3s ease-in-out;} 
.schBox .sch_close .closeBtn:before, .closeBtn:after{content:''; height:1px; width:30px; display:block; background:#b9b9b9; position:absolute; top:15px; left:1px; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);}
.schBox .sch_close .closeBtn:after{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);}
.schBox .sch_close:hover { transform:rotate(180deg);-webkit-transform: rotate(180deg); }


@media screen and (max-width:1380px){ 
#headerWrap .headerL {width:80%;}
#headerWrap .headerR { width:20%; }
.category li { position:relative; display:inline-block; vertical-align:middle; margin:0 5px; }
.headerR ul li { position:relative; display:inline-block; vertical-align:middle; margin:0 5px; }
#headerWrap .headerR ul > li { display:none !important;}
#headerWrap .headerR ul > li.wide-view { display:inline-block !important;  }
#headerWrap .headerR ul > li.wide-view .sub-category > ul { background-color:rgba(25,25,25,0.8); padding: 5px 0px; width: 100px; border-radius:4px;}
#headerWrap .headerR ul > li.wide-view .sub-category > ul > li { display:block !important; margin: 0px; }
#headerWrap .headerR ul > li.wide-view .sub-category > ul > li > a { display: block;width:100%;color: #bdbdbd;line-height: 24px;font-size: 10px; text-align: center; font-weight:600; }
#headerWrap .headerR ul > li.wide-view .sub-category > ul > li:hover > a { color:#fff; background-color:rgba(0,0,0,0.5);}
}


@media screen and (max-width:1379px){ 
#headerWrap .headerL {width:80%;}
#headerWrap .headerR { width:20%; }
.category li { position:relative; display:inline-block; vertical-align:middle; margin:0 5px; }
.headerR ul li { position:relative; display:inline-block; vertical-align:middle; margin:0 5px; }
#headerWrap .headerR ul > li { display:none !important;}
#headerWrap .headerR ul > li.wide-view { display:inline-block !important;  }
}


@media screen and (max-width : 1004px) {
.header_inner { padding:0 20px; }
#allMenu { display:block;width:100%; padding:35px 0px;overflow:hidden; border-top:1px solid #eee; }
#headerWrap .headerL { width:20%; box-sizing:border-box; }
.category {display:none !important; }
#headerWrap .headerR { width:80%;  box-sizing:border-box; } 
.fright { display:none !important; }
}


/* BASIC css end */