/* 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;
}


/* 상단영역 */

 @keyframes fadeInDown1{0%{opacity:0;transform: translateY(-20px);}100%{opacity:1;}}
 @-webkit-keyframes fadeInDown1{0%{opacity:0;-webkit-transform: translateY(-20px);}100%{opacity:1;-webkit-transform: translateY(0);}}
 @keyframes fadeInDown1{0%{opacity:0;transform: translateY(-20px);}100%{opacity:1;transform: translateY(0);}}
 .animated3{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
 .fadeInDown1{-webkit-animation-name:fadeInDown1;animation-name:fadeInDown1;}

header { width:100%;position:fixed;top:0;z-index:2; border:0px solid #000 }
#headerWrap { width:100%;padding:35px 0; background-color:rgba(255,255,255,0);  border:0px solid #000  }
#headerWrap:hover { background-color:rgba(250,250,250,0.9); }
#headerWrap.clicked { 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:100% !important; margin:0 40px 0 40px; padding:0;position:relative; height:50px; border:0px solid #000; text-align:center; }


.headerL { position:absolute;top:7px; left:0px; text-align:left;}
.headerL .all_Wrap { width:32px; height:32px;  position:relative ; /* border:1px solid #000 ;  text-align:center; background-color:rgba(255,255,255,1); */  }
.headerL .all_btn { position:absolute;top:8px; left:4px; width:24px; height:16px;    text-align:center;  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:25px;height:1px;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:8px;left:0;animation-delay:0s; }
.headerL .all_btn .line:nth-child(3) {top:16px;left:0;animation-delay:0.66s;}
.headerL .all_Wrap.clicked .all_btn .line:nth-child(1) {-webkit-transform:translateY(8px) rotate(45deg);transform:translateY(8px) 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:24px;}
.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:24px;}
.headerL .all_Wrap.clicked .all_btn .line:nth-child(3) {-webkit-transform:translateY(-8px) rotate(-45deg);transform:translateY(-8px) 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:24px;}


/* 전체메뉴 */
#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; font-family: arial,sans-serif,'Abhaya Libre' }
#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:12px; letter-spacing:0.5px;  color:#000; padding-top:1px;line-height:24px;font-weight:600;text-transform: uppercase; text-align:center; -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 .cate1Box .cate1 > a:hover { color:#000;  text-decoration: underline; }
#allMenu .cate2Box .cate2  {position:relative;}
#allMenu .cate2Box .cate2 > a {display:block;width:100%;font-size:11px;height:22px; letter-spacing:0.5px; color:#444;  line-height:22px;font-weight:400; text-align:center; text-transform: uppercase; }
#allMenu .cate2Box .cate2 > a:hover { color:#000;  text-decoration: underline; }


.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; }


/* 로고 */
.logo {  height:43px;   border:0px solid #000  }
.logo a {  display:block; height:43px; line-height:43px; font-weight:700; font-size: 24px; color:#000; letter-spacing:0.5em; text-transform:uppercase;  font-family: 'Abhaya Libre'  }
.logo img { width:auto;   -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; }
.logo a:hover,
.logo img:hover {opacity:1;}


/* 로그인 */
.headerR {  position:absolute; right:0; top:10px; border:0px solid #000 ; }
.headerR ul { position:relative; box-sizing:border-box; }
.headerR ul li { position:relative; display:inline-block; vertical-align:middle; margin:0 10px; }
.headerR ul li:last-child > a { margin-right:0;}
.headerR ul li i { font-size:20px; cursor:pointer;color:#333;  }
.headerR ul li i:hover {color:#000;}
.headerR ul li.log_btn .on { display:none; }
.headerR ul li.log_btn.clicked .on{ display:block; }
.headerR ul li.log_btn.clicked i {display:none;}
.headerR ul li.cart  { position:relative; }
.headerR ul li.cart .ly-cart { position:absolute; top:-10px;left:13px; background-color:rgba(0,0,0,1); width:15px; height:15px; line-height:15px;border-radius:50%;  border:1px solid #000 ; color:#fff; font-size:11px; z-index:999}


/* 로그인클릭시메뉴 */
#Wbox { 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 #Wbox { top:80px;  }

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

.join a { color:#000;  font-weight:700; }


/* 포인트무비 */
#allLogin .cate2Box .cate2 { position:relative; }
#allLogin .cate2Box .cate2 .pointBox { transition:box-shadow 1s,opacity .8s 1s,top .8s 1s ease; text-align:center;position:absolute;z-index:90; top:15px; 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); }
#allLogin .cate2Box .cate2 .pointBox > i { display:block;color:rgba(25,25,25,0.7);   font-size:20px; }
#allLogin .cate2Box .cate2 .pointBox > span { margin:-7px 0 0 0;display:block;padding:1px 10px; border-radius:5px;font-size:12px;line-height:18px;background:rgba(25,25,25,0.7);  letter-spacing:0.5px ; color:#f1f1f1 }
#allLogin .cate2Box .cate2 .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 }}


/* 검색 */
.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:1379px){ 
#introWrap {display:none !important;}
#popupWrap {display:none !important;}
.intro_open {display:none !important;}
}


/* BASIC css end */