@charset "UTF-8";

/********************************************************

			리셋 / 공통 / 폰트 css :: BSJ

********************************************************/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;1,500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500&display=swap');


@import url(jquery.bxslider.css);
@import url(contents.css?c=2501171);
@import url(template.css?c=250117);
@import url(portfolio.css);
@import url(store.css);
@import url(board.css?c=2504101);
@import url(upload.css?c=240216444);

:root { 
--max:1280px; 
} 
html {font-size:16px; }
@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: 540px){
	html { font-size:13px; } 
} 
* {outline:none;}
html,body{height:100%}
body.s{-ms-text-size-adjust:none;-webkit-text-size-adjust:none}
body {overflow:visible;}
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:"Noto Sans KR","맑은 고딕","malgun gothic","나눔 고딕","Nanum Gothic","nanumgothic","AppleSDGothcNeo","AppleGothic", sans-serif;font-smoothing: antialiased;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
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*/center;height:auto;}
ul,ol,li {list-style:none;}
em {font-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;} .tal {text-align:left;} .tar {text-align:right;} .ls0 {letter-spacing:0;}
strong {font-weight:600;}

/* 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:"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:14px;color:#666;letter-spacing:-0.5px;}
button { border: 0; cursor: pointer; }

button:focus { outline: none;  }


body.fixed { -ms-overflow-style: none;  }		/* position:fixed;  */

body.fixed { 
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}
body.fixed::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera*/
}


.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:var(--max);margin:0 auto; } /*overflow:hidden */
.column {}
.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: 1310px){
    .maxWidth {margin:0 15px;}
}


/*popup*/
.popup-layer { position:absolute; width:10;height:10; z-index:99999;margin-top:0px;}
@media screen and (max-width: 640px){
	.popup-layer > div {width:350px !important;height:auto !important;}
}
@media screen and (max-width: 420px){
	.popup-layer > div {width:310px !important;}
}


/*------------------------------------------------------
Font Config 
------------------------------------------------------*/
:lang(en) { font-family:"Open Sans"; } 



/* ********************
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 { vertical-align:middle; color:#333; margin-bottom:3px;  } 

.material-icons.mi_close::after { content:'close'; }
.material-icons.mi_expand_more::after { content:'expand_more'; }
.material-icons.mi_arrow_forward::after { content:'arrow_forward'; }

.material-icons.mi_description::after { content:'description'; }
.material-icons.mi_sticky_note_2::after { content:'sticky_note_2'; }

.material-icons.mi_open_in_new::after { content:'open_in_new'; }



.material-symbols-outlined { font-variation-settings: 'FILL' 0,  'wght' 400,  'GRAD' 0,  'opsz' 48; overflow:hidden; }
.material-symbols-outlined.w100 { font-variation-settings: 'wght' 100 }
.material-symbols-outlined.w200 { font-variation-settings: 'wght' 200 }
.material-symbols-outlined.w300 { font-variation-settings: 'wght' 300 }

.material-symbols-outlined.mi_expand_circle_down:after { content:'expand_circle_down'; } 


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


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





/* popup layer */
#message2 { } 
#message1 { padding:5px; }
#message1 #title  { width:100%;  color:#fff; overflow:hidden; box-sizing:border-box; cursor:move; border-radius:10px 10px 0 0; } 
#message1 #title.member { background:#3d3d3d; }
#message1 #title.common { background:#3d3d3d; }


#message1 #title .tt {  color:#fff; float:left;  font-weight:400; padding-left:15px;  font-size:18px; line-height:2.8em; display:inline-block; vertical-align:middle;  } 
#message1 #title .close { float:right; color:#fff; padding-right:5px; padding-top:0px; font-weight:400;  font-size:25px;  position:absolute;top:14px;right:15px;width:24px;height:24px;background:url(/admin/images/btn_close.png) no-repeat 0;border:none;text-indent:-9999px} 
#message1 .popupcont { height:auto; overflow:hidden; padding:5px; } 
#message1 .popupcont.style { margin-top:20px; font-size:16px; line-height:1.8em; padding-bottom:20px; }


#message1 { position:fixed; width:100%; height:100%; top:0px; left:0px; margin:0 auto; text-align:center; background:hsla(0,0%,93.7%,.6); z-index:10;  overflow:auto; padding:30px 0 50px 0; box-sizing:border-box;  } 
#popupcont { position:relative; margin:0 auto; text-align:center; display:block; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 4px 10px 0 rgba(0, 0, 0, 0.19); border-radius:10px; } 
#popupcont.shadowX { box-shadow: none; background:transparent } 
#popupcont > #title > .close { cursor:pointer; } 
.blur { -webkit-filter: blur(1px); filter: blur(1px); } 



/*------------------------------------------------------
Row, Cols 
------------------------------------------------------*/
.mueeui .thk-row { display: flex; flex-wrap: wrap; margin-right:-1.875rem;  }  /*1.875rem : 30px;*/
.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% / 3 ) - 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% / 3 ) - 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% / 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: 540px){


}
@media screen and (max-width: 414px){
	.mueeui .row-md2 .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-md6 .thk-col { flex: 0 0 auto; width: calc((100% / 1 ) - 1.875rem); } 
}




/* multiline */
.comm_line1 { -webkit-line-clamp : 1;  line-height:1.3em; height:1.3em; overflow:hidden; text-align:left;  text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; word-wrap:break-word; word-break:keep-all; }
.comm_line2 { -webkit-line-clamp : 2;  line-height:1.3em; height:2.6em; overflow:hidden; text-align:left;  text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; word-wrap:break-word; word-break:keep-all; }
.comm_line3 { -webkit-line-clamp : 3;  line-height:1.3em; height:3.9em; overflow:hidden; text-align:left;  text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; word-wrap:break-word; word-break:keep-all; }
.comm_line4 { -webkit-line-clamp : 4;  line-height:1.3em; height:5.2em; overflow:hidden; text-align:left;  text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; word-wrap:break-word; word-break:keep-all; }
.comm_line5 { -webkit-line-clamp : 5;  line-height:1.3em; height:6.5em; overflow:hidden; text-align:left;  text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; word-wrap:break-word; word-break:keep-all; }
.comm_line6 { -webkit-line-clamp : 6;  line-height:1.3em; height:7.8em; overflow:hidden; text-align:left;  text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; word-wrap:break-word; word-break:keep-all; }