@charset "UTF-8";
/* ------------------------------------------------------------------------
@ Default Css 
------------------------------------------------------------------------ */
@import url(font.css?d=1);
@import url(color.css?d=21);
@import url(contents.css?d=230711);
@import url(template.css?d=1);
@import url(portfolio.css?d=1);
@import url(store.css?d=1);
@import url(board.css?d=230718);
@import url(member.css?d=1);
@import url(custom.css?d=230710);
@import url(schedule.css?d=1);

html {font-size:16px; overflow-x:; }
@media screen and (max-width: 1024px){ 
	html { font-size:15px; }		
}
@media screen and (max-width: 768px){
	html { font-size:14px; }
}
@media screen and (max-width: 640px){
}
@media screen and (max-width: 414px){
} 

* {outline:none;}
html,body{height:100%}
body.s{-ms-text-size-adjust:none;-webkit-text-size-adjust:none}
body {overflow-x:hidden;}
body.hidden {overflow:hidden;}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select {margin:0;padding:0;vertical-align:top;font-family:"Pretendard","Noto Sans KR","맑은 고딕","malgun gothic","nanumgothic","AppleSDGothcNeo","AppleGothic", sans-serif; }
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,time,figure,article,nav,header,footer,hgroup,video,audio,aside,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { 
	 -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;  
}

th,td {border-spacing:0;}
img,fieldset,iframe {border:0;}
img {max-width:100%;vertical-align:top;height:auto;}
em {font-style:none;}
ul,li,ol {list-style:none;}
a {text-decoration:none;}
.blind {visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;}
.tac {text-align:center !important;} .tal {text-align:left !important;} .tar {text-align:right !important;} .ls0 {letter-spacing:0;}
strong {font-weight:600;}

body::-webkit-scrollbar { width: 0.425rem; } 
body::-webkit-scrollbar-track { background:#f1f1f1;} 
body::-webkit-scrollbar-thumb { background:rgba(0,0,0, 0.2); border-radius:10px; } 
body::-webkit-scrollbar-thumb:hover {background:var(--menu); } 
body::-webkit-scrollbar-button { display: none;  } 


/* Skip Nav */
#skip {position:relative;z-index:99999999999;}
#skip a {display:block;overflow:hidden;width:1px;height:1px;margin-bottom:-1px;background:#151c2d;font-weight:500;font-size:16px;color:#fff;white-space:nowrap;text-align:center;}
#skip a:focus,
#skip a:active {position:absolute;width:100%;height:auto;margin-bottom:10px;padding:5px;left:0;top:0;box-sizing:border-box;}


#wrap {position:relative;max-width:2560px;/*max-width:1920px;*/height:auto;font-family:"Pretendard","Noto Sans KR","맑은 고딕","malgun gothic","나눔 고딕","Nanum Gothic","nanumgothic","AppleSDGothcNeo","AppleGothic", sans-serif;font-smoothing: antialiased;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-size:1.188rem;color:#333;font-weight:400;letter-spacing:-0.05em; }
button { border: 0; cursor: pointer; }

button:focus { outline: none;  }

.row,
.overflow {overflow:hidden;}
.inner--left {float:left !important;}
.inner--right {float:right !important;}
.l-table {display:table;table-layout:fixed;width:100%;height:100%;}
.l-cell {display:table-cell;vertical-align:middle;}
.l-maxWidth {max-width:1400px;margin:0 auto;}
.maxWidth {max-width:1170px;margin:0 auto;}
.column {font-size:0;}
.column > li {display:inline-block;vertical-align:top;position:relative;list-style:none;}
.column.col_3 {margin:-2% -1.25%;}
.column.col_3 > li {width:30.8%;margin:2% 1.25%;}
.column.col3 > li {width:33.3333333%;}
.column.col4 > li {width:25%;}
.column.col_4 {margin:-1.7% -1%;}
.column.col_4 > li {width:23%;margin:1.7% 1%;}
.column.col2 > li {width:50%;}
.column.col_2 {margin:-1.25%;}
.column.col_2 > li {width:47.5%;margin:1.25%;}
.column.col_6 {margin:-1.7% -1%;}
.column.col_6 > li {width:14%;margin:1.7% 1%;}
.column.col6 > li {width:16.66666666666667%;}
.clear {clear:both;}
.blind {visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0}
@media screen and (max-width: 1200px){
    .maxWidth {margin:0 15px;}
}


/*popup*/
.popup-layer {position:absolute;width:10;height:10;z-index:99999999999 !important;margin-top:0px;}


/*popup NEW*/
.popup__new {display:none;position:absolute;overflow:hidden;box-shadow:2px 2px 4px 0px #00000012;}
.popup__new .new_popup--wrap {background-color:#fff;}
.new_popup--body {position:relative;}
.new_popup--body iframe,
.new_popup--body video {width:100%;height:100%;}
.wrap_popup--foot {display:flex;height:50px;}
.wrap_popup--foot a {display:flex;justify-content:center;align-items:center;width:50%;background-color:#f5f5f5;font-size:14px;color:#494949;box-sizing:border-box;}
.wrap_popup--foot a:last-child {border-left:1px solid #dcdcdc;}
.popup__new .swiper-button-next:after, .popup__new .swiper-button-prev:after {font-size:22px;color:#fff;}
.popup__new .swiper-button-prev {left:0;}
.popup__new .swiper-button-next {right:0;}
.popup__new .new_popup_slider_pag {position:absolute;left:0;right:0;bottom:10px;width:100%;text-align:center;z-index:5;}
.popup__new .new_popup_slider_pag .swiper-pagination {display:inline-block;position:relative;width:auto;bottom:auto;left:auto;}
.popup__new .new_popup_slider_pag .swiper-pagination-fraction {padding:5px 10px;border-radius:50px;font-size:11px;overflow:hidden;z-index:2;color:#000;}
.popup__new .new_popup_slider_pag .swiper-pagination-fraction:before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;opacity:0.5;z-index:-1;}
@media screen and (max-width: 1260px){
	.popup__new {top:0 !important;left:0 !important;right: 0;margin: 0 auto;}
}
@media screen and (max-width: 768px){
	/*.popup__new {width:480px !important;}*/
	.new_popup--body {height:auto !important;}
	.new_popup--body iframe,
	.new_popup--body video {height:380px;}
	.wrap_popup--foot {height:35px;}
	.wrap_popup--foot a {font-size:13px;}
}
@media screen and (max-width: 640px){
	/*.popup__new {width:400px !important;}*/
	.new_popup--body iframe,
	.new_popup--body video {height:280px;}
}
@media screen and (max-width: 420px){
	/*.popup__new {width:300px !important;}*/
	.new_popup--body iframe,
	.new_popup--body video {height:180px;}
	.wrap_popup--foot {height:33px;}
	.wrap_popup--foot a {font-size:12px;}
}



::-webkit-input-placeholder { color: #bbb;  } /* Chrome/Opera/Safari */
::-moz-placeholder { color: #bbb;   }  /* Firefox 19+ */
:-ms-input-placeholder { color: #bbb;  } /* IE 10+ */
:-moz-placeholder { color: #bbb;  } /* Firefox 18- */



/*------------------------------------------------------
Font Config 
------------------------------------------------------*/
:lang(kotitle) { font-family:"Noto Sans KR"; } 
:lang(jo) { font-family:"Josefin Sans"; } 
:lang(en) { font-family:"Roboto"; } 
:lang(mo) { font-family:"Montserrat"; } 
:lang(noto) { font-family:"Noto Sans KR"; } 
:lang(play) { font-family:'Play'; } 


/*------------------------------------------------------
Ani Speed 
------------------------------------------------------*/
.ani3 { -webkit-transition-duration:0.3s;-m-transition-duration: 0.3s;-o-transition-duration:0.3s;-ms-transition-duration:0.3s;transition-duration:0.3s; }
.ani4 { -webkit-transition-duration:0.4s;-m-transition-duration: 0.4s;-o-transition-duration:0.4s;-ms-transition-duration:0.4s;transition-duration:0.4s; }
.ani5 { -webkit-transition-duration:0.5s;-m-transition-duration: 0.5s;-o-transition-duration:0.5s;-ms-transition-duration:0.5s;transition-duration:0.5s; }



/*------------------------------------------------------
Material Icons 
------------------------------------------------------*/
.material-icons { vertical-align:middle; color:inherit; margin-bottom:3px;  } 
.material-symbols-outlined { font-variation-settings: 'FILL' 0,  'wght' 400,  'GRAD' 0,  'opsz' 48; overflow:hidden; }

.material-icons.md-18 { font-size: 18px; }
.material-icons.md-20 { font-size: 20px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-30 { font-size: 30px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }

/* Rules for using icons as black on a light background. */
.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }

/* Rules for using icons as white on a dark background. */
.material-icons.md-light { color: rgba(255, 255, 255, 1); }
.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }



/*------------------------------------------------------
Row, Cols 
------------------------------------------------------*/
.mueeui .thk-row { display: flex; flex-wrap: wrap; margin-right:-1.875rem;  }  /*1.875rem : 1.875rem;*/
.mueeui .thk-row:last-of-type { margin-bottom:0px; } 
.mueeui .thk-col { position:relative;  flex: 1 0 0%; margin-right:1.875rem; box-sizing:border-box;   } 
.mueeui .thk-col:last-of-type { margin-right:0px; } 

.mueeui .thk-box { position:relative; box-sizing:border-box;  } 
.mueeui .thk-radius10 { border-radius: 10px; }
.mueeui .thk-shadow { box-shadow: 0 .125rem .25rem rgba(0,0,0,.055) !important; } 
.mueeui .thk-inner { padding:15px;  }
.mueeui .thk-block { margin-bottom:10px; } 

.mueeui .row-md1 .thk-col { flex: 0 0 auto; width: calc((100% / 1 ) - 1.875rem); } 
.mueeui .row-md2 .thk-col { flex: 0 0 auto; width: calc((100% / 2 ) - 1.875rem); } 
.mueeui .row-md3 .thk-col { flex: 0 0 auto; width: calc((100% / 3 ) - 1.875rem); } 
.mueeui .row-md4 .thk-col { flex: 0 0 auto; width: calc((100% / 4 ) - 1.875rem); } 
.mueeui .row-md5 .thk-col { flex: 0 0 auto; width: calc((100% / 5 ) - 1.875rem); } 
.mueeui .row-md6 .thk-col { flex: 0 0 auto; width: calc((100% / 6 ) - 1.875rem); } 

/* 4:6 */
.mueeui .row-md46 .thk-col1 { flex: 0 0 auto; width: calc((100% / 3 ) - 1.875rem); } 
.mueeui .row-md46 .thk-col2 { flex: 0 0 auto; width: calc(((100% / 3 ) * 2) - 1.875rem); } 

/* 6:4 */
.mueeui .row-md64 .thk-col1 { flex: 0 0 auto; width: calc(((100% / 3 ) * 2) - 1.875rem); } 
.mueeui .row-md64 .thk-col2 { flex: 0 0 auto; width: calc((100% / 3 ) - 1.875rem);  } 

.mueeui .thk-col.md1 { width:calc(((100% / 12) * 1) - 1.875rem) !important; } 
.mueeui .thk-col.md2 { width:calc(((100% / 12) * 2) - 1.875rem) !important; } 
.mueeui .thk-col.md3 { width:calc(((100% / 12) * 3) - 1.875rem) !important; } 
.mueeui .thk-col.md4 { width:calc(((100% / 12) * 4) - 1.875rem) !important; } 
.mueeui .thk-col.md5 { width:calc(((100% / 12) * 5) - 1.875rem) !important; } 
.mueeui .thk-col.md6 { width:calc(((100% / 12) * 6) - 1.875rem) !important; } 
.mueeui .thk-col.md7 { width:calc(((100% / 12) * 7) - 1.875rem) !important; } 
.mueeui .thk-col.md8 { width:calc(((100% / 12) * 8) - 1.875rem) !important; } 
.mueeui .thk-col.md9 { width:calc(((100% / 12) * 9) - 1.875rem) !important; } 
.mueeui .thk-col.md10 { width:calc(((100% / 12) * 10) - 1.875rem) !important; } 
.mueeui .thk-col.md11 { width:calc(((100% / 12) * 11) - 1.875rem) !important; } 
.mueeui .thk-col.md12 { width:calc(((100% / 12) * 12) - 1.875rem) !important; } 


.noflex { flex-wrap:nowrap !important; }	/* 슬라이더 사용시 필요 */

.no-pad { padding:0px; } 
.no-margin { margin:0px !important; } 


/* 영역 안에서 칸 나누기  */
.column2 { column-count: 2; column-fill: auto; column-gap: 0px; } 
.column3 { column-count: 3;} 
.column4 { column-count: 4;} 





@media screen and (max-width: 1280px){

} 
@media screen and (max-width: 1200px){

}
@media screen and (max-width: 1024px){
	.mueeui .row-md3 .thk-col { flex: 0 0 auto; width: calc((100% / 2 ) - 1.875rem); } 
	/*.row-md3 .thk-col:last-of-type { flex: 0 0 auto; width: calc((100% / 1 ) - 1.875rem); } */
	.mueeui .row-md4 .thk-col { flex: 0 0 auto; width: calc((100% / 2 ) - 1.875rem); } 
	.mueeui .row-md5 .thk-col { flex: 0 0 auto; width: calc((100% / 2 ) - 1.875rem); } 
	.mueeui .row-md5 .thk-col:last-of-type { flex: 0 0 auto; width: calc((100% / 1 ) - 1.875rem); } 
	.mueeui .row-md6 .thk-col { flex: 0 0 auto; width: calc((100% / 2 ) - 1.875rem); } 
}
@media screen and (max-width: 768px){
	
}
@media screen and (max-width: 640px){

	.mueeui .row-md3 .thk-col { flex: 0 0 auto; width: calc((100% / 1 ) - 1.875rem); } 
	.mueeui .row-md3 .thk-col:last-of-type { margin-right:1.875rem !important; }
	.mueeui .row-md4 .thk-col { flex: 0 0 auto; width: calc((100% / 1 ) - 1.875rem); } 
	.mueeui .row-md5 .thk-col { flex: 0 0 auto; width: calc((100% / 1 ) - 1.875rem); } 
	.mueeui .row-md5 .thk-col:last-of-type { flex: 0 0 auto; width: calc((100% / 1 ) - 1.875rem); } 

	.mueeui .row-md6 .thk-col { flex: 0 0 auto; width: calc((100% / 1 ) - 1.875rem); } 

}
@media screen and (max-width: 540px){


}
@media screen and (max-width: 414px){
	.mueeui .row-md2 .thk-col { flex: 0 0 auto; width: calc((100% / 1 ) - 1.875rem); } 
}





/* ------------------------------------------------------------------------

@ 버튼 기본스타일 1 SKEW 

------------------------------------------------------------------------ */

.btn_cmm1 { text-align:center; } 
.btn_cmm1.two { display:flex;justify-content:space-around;  } 

.btn_cmm1 a { position:relative; overflow:hidden; display:block; padding:0.75rem 1.25rem; color:#fff; background:var(--menu); font-size:0.938rem; z-index:2; margin-right:5px; box-sizing:border-box;} 
.btn_cmm1 a:last-of-type{ margin-right:0px; } 

.btn_cmm1.two a { width:calc(100% / 2); display:inline-block; } 

.btn_cmm1 a span { z-index:1; } 
.btn_cmm1 a span:after { z-index:-1; opacity:0; height:100%; content:''; position:absolute; background:#fff; transform:skewX(-45deg); left:-50%; top:0px; transition:all .4s cubic-bezier(.42,0,.58,1); width:0px;  border-radius:0px; } 
.btn_cmm1 a:hover span:after { opacity:0.5; width:100%; left:200%; }

.btn_cmm1 a:hover { color:#fff; } 
.btn_cmm1 a:after { z-index:-1; opacity:0; height:100%; content:''; position:absolute; background:var(--bgC2); transform:skewX(-45deg); left:-100%; top:0px; transition:all .3s cubic-bezier(.42,0,.58,1); width:100%;  border-radius:0px; } 
.btn_cmm1 a:hover:after { opacity:1; width:220%; }



/* out-line */
.btn_cmm2 { text-align:center;  } 
.btn_cmm2.two { display:flex;justify-content:space-around;  } 

.btn_cmm2 a { position:relative; overflow:hidden; display:block; padding:0.75rem 1.25rem; color:var(--menu); border:1px solid var(--menu); background:none; font-size:0.938rem; z-index:2; margin-right:5px; box-sizing:border-box;} 
.btn_cmm2 a:last-of-type{ margin-right:0px; } 

.btn_cmm2.two a { width:calc(100% / 2); display:inline-block; } 

.btn_cmm2 a:hover { color:#fff; } 
.btn_cmm2 a:after { z-index:-1; opacity:0; height:100%; content:''; position:absolute; background:var(--bgC2); transform:skewX(-45deg); left:-100%; top:0px; transition:all .3s cubic-bezier(.42,0,.58,1); width:100%;  border-radius:0px; } 
.btn_cmm2 a:hover:after { opacity:1; width:220%; }



.btn_pulse a:hover {-webkit-animation: pulse 1.5s infinite; animation: pulse 1.5s infinite;}

@-webkit-keyframes pulse {
	0% { -webkit-box-shadow: 0 0 0 0 rgba(80, 80, 80, .55); box-shadow: 0 0 0 0 rgba(80, 80, 80, .55);	}
	70% { -webkit-box-shadow: 0 0 0 1em rgba(80, 80, 80, 0); box-shadow: 0 0 0 0.5em rgba(80, 80, 80, 0);	}
	100% { -webkit-box-shadow: 0 0 0 0 rgba(80, 80, 80, 0); box-shadow: 0 0 0 0 rgba(80, 80, 80, 0); }
}

.btn_pulsew a:hover {-webkit-animation: pulse 1.5s infinite; animation: pulsew 1.5s infinite;}

@-webkit-keyframes pulsew {
	0% { -webkit-box-shadow: 0 0 0 0 rgba(255,255,255, .55); box-shadow: 0 0 0 0 rgba(255,255,255, .55);	}
	70% { -webkit-box-shadow: 0 0 0 1em rgba(255,255,255, 0); box-shadow: 0 0 0 0.5em rgba(255,255,255, 0);	}
	100% { -webkit-box-shadow: 0 0 0 0 rgba(255,255,255, 0); box-shadow: 0 0 0 0 rgba(255,255,255, 0); }
}

.big_btn_cmm1 { } 
.big_btn_cmm1 a {position:relative;display:inline-flex; align-items:center; justify-content:center; padding:1.25rem 3rem; margin:0 auto; margin-right:5px; background:#fff;border:1px solid #ddd;font-weight:400;font-size:1.125rem;color:#111; letter-spacing:-0.05em;z-index:2; box-sizing:border-box; overflow:hidden; transition:all .3s ease; line-height:1; }
.big_btn_cmm1 a:last-of-type { margin-right:0px; } 
.big_btn_cmm1 a:hover { border:1px solid var(--menu); color:var(--menu); }  
.big_btn_cmm1 i { margin:0px 10px 2px -10px; } 
.big_btn_cmm1 i.t180 { transform: rotate(180deg); } 
.big_btn_cmm1 a:hover i { color:var(--menu); }  

@media screen and (max-width:768px) {
	/*#bbs-btn { margin:15px 0;}*/
	.big_btn_cmm1 a { padding:1rem 2rem; } 
	.big_btn_cmm1 i { font-size:20px; } 
}

@media screen and (max-width:640px) {
	/*#bbs-btn { margin:15px 0;}*/
	.big_btn_cmm1 i { margin:0px 5px 2px -10px;  } 
}


/* center to full 
.big_btn_cmm1 a:after { z-index:-1; opacity:0; height:100%; content:''; position:absolute; left:50%; transform:translateX(-50%); top:0px; transition:all .3s cubic-bezier(.42,0,.58,1); width:0; } 
.big_btn_cmm1 a:hover:after { opacity:1; width:100%; }
*/

/* bottom to top 
.big_btn_cmm1 a:after { z-index:1; opacity:0; height:100%; content:''; position:absolute; bottom:-100%; left:0px; background:var(--menu);  transition:all .3s cubic-bezier(.42,0,.58,1); width:100%; } 
.big_btn_cmm1 a:hover:after { opacity:1; width:100%; bottom:0px;}
*/

/* Line Arrow */
.arrow { width:7px; height:7px; position:relative; } 
.arrow:after, .arrow:before { content:''; position:absolute; } 
.arrow:before { width:100%; height:100%; border:1px solid #111; border-right:0px; border-bottom:0px; } 
.arrow:after { width:12px; height:1px; background:#111; transform-origin:0 100%; transform:rotate(45deg); } 
.arrow-left { transform:rotate(-45deg); } 
.arrow-right { transform:rotate(135deg); } 
.arrow-up { transform:rotate(45deg); } 
.arrow-down { transform:rotate(225deg); } 

/* Arrow Ani */
@keyframes arrow-action-next { 0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}50%{-webkit-transform:translateX(70%);transform:translateX(70%);opacity:0}50.1%{-webkit-transform:translateX(-70%);transform:translateX(-70%);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1} }
@keyframes arrow-action-prev { 0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}50%{-webkit-transform:translateX(-70%);transform:translateX(-70%);opacity:0}50.1%{-webkit-transform:translateX(70%);transform:translateX(70%);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1} }

/* 예:) .swiper-button-next:hover .arrow_mv {  animation: arrow-action-next 1s cubic-bezier(0.075, 0.82, 0.165, 1) 0s;} */


@media screen and (max-width: 1280px){
	.no1280 {display:none;} 
} 
@media screen and (max-width: 1024px){
	.no1024 {display:none;} 
}
@media screen and (max-width: 768px){
	.no768 {display:none;} 
}
@media screen and (max-width: 640px){
	.no640 {display:none;} 
}
@media screen and (max-width: 540px){
	.no540 {display:none;} 
}
@media screen and (max-width: 414px){
	.no414 {display:none;} 
}


/* ALERTBOX*/
.alertbox { z-index:9999; position:fixed; display:flex; border:1px solid #ccc; border-radius:10px; display:none; background:#fff; -webkit-overflow-scrolling:touch; box-shadow: 4.769px 7.632px 16px 0px rgba(0, 0, 0, 0.2); padding:30px; text-align:center; font-size:20px; } 
.alertbox .inner { height:100%; display:flex; justify-content: center;  align-items: center; line-height:1.6; }


/* Flashing */
@-webkit-keyframes flash { 0% { opacity: .4; } 100% { opacity: 1; } }
@keyframes flash { 0% {opacity: .4; } 100% { opacity: 1;  } }

/* Shine */
.shine:before { position: absolute;top: 0;left: -75%;z-index: 2;display: block;content: '';width: 50%;height: 100%;background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);-webkit-transform: skewX(-25deg);transform: skewX(-25deg); }
@-webkit-keyframes shine { 100% { left: 125%; } } 
@keyframes shine { 100% { left: 125%; } }

/* Gradient */
.gradient:before { content:''; position:absolute; bottom:0px; left:0px; width:100%; height:100%; background-image: -moz-linear-gradient(90deg, rgb(17,17,17,0.5) 0%, rgb(17,17,17,0) 100%);background-image: -webkit-linear-gradient( 90deg, rgb(17,17,17,0.5) 0%, rgb(17,17,17,0) 50%, rgb(17,17,17,0) 100%);background-image: -ms-linear-gradient( 90deg, rgb(17,17,17,0.8) 0%, rgb(17,17,17,0) 100%); z-index:3; opacity:0; transition:all .3s ease; } 
@-webkit-keyframes gradient { 100% { opacity: 1; } }
@keyframes gradient { 100% { opacity: 1;  } }


/* img load motion */
/* width lazyloaded plugin */
.img_motion {position: relative;overflow: hidden; background:none;}
.img_motion img {opacity:0; -webkit-clip-path: polygon(0 0,0 0,0 100%,0 100%); clip-path: polygon(0 0,0 0,0 100%,0 100%);-webkit-transition: clip-path 1.1s cubic-bezier(.19,1,.22,1),opacity 1.1s ease 167ms,-webkit-clip-path 1.1s cubic-bezier(.19,1,.22,1); transition: clip-path 1.1s cubic-bezier(.19,1,.22,1),opacity 1.1s ease 167ms,-webkit-clip-path 1.1s cubic-bezier(.19,1,.22,1);}
.img_motion.animate img {opacity:1;-webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 100%); clip-path: polygon(0 0,100% 0,100% 100%,0 100%);}


/* pinchzommer */
.fullscreenDiv { background:#000 !important; } 

/* loading-bg*/
#loading-bg {position:fixed;top:0;left:0; z-index:999; top:0; pointer-events:none;background-color:#000000;width:100%;height:100%;min-height:100%;}