@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/css?family=Open+Sans:400,600,700');


@import url(jquery.bxslider.css);
@import url(contents.css?ef);
@import url(template.css);
@import url(portfolio.css);
@import url(store.css);
@import url(board.css);

* {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;}
th,td {border-spacing:0;}
img,fieldset,iframe {border:0;}
img {max-width:100%;vertical-align:top;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;  }


.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: 1324px){
    .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;}
}





/* ********************
Cursor
******************** */
.cursor__main {position:absolute;left:0;top:0;pointer-events:none;mix-blend-mode:color-dodge;z-index:9}
.cursor__core {position: absolute;width:10px;height:10px;border-radius: 50%;margin: -5px 0 0 -5px;pointer-events: none;transition: width 0.4s cubic-bezier(0.645, 0.045, 0.355, 1), margin 0.4s cubic-bezier(0.645, 0.045, 0.355, 1), height 0.4s cubic-bezier(0.645, 0.045, 0.355, 1), filter 0.4s ease-in-out, opacity 0.2s ease-in-out;background-color: #545454;mix-blend-mode: exclusion;-webkit-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out;opacity:0}
.cursor__ring {position: absolute;left:0;right:0;width: 80px;height: 80px;border-radius: 50%;margin: -40px 0 0 -40px;pointer-events: none;transition: width 0.4s cubic-bezier(0.645, 0.045, 0.355, 1), margin 0.4s cubic-bezier(0.645, 0.045, 0.355, 1), height 0.4s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.4s ease-in-out;border: 1px solid #ddd;}
/*hover btn bottom*/
.cursor__main.btn_hover .cursor__ring {width:0;height:0;margin:0;opacity:0}
.cursor__main.btn_hover .cursor__core {width:80px;height:80px;margin:-40px;background-color:#545454;z-index:-1;opacity:0.5}
@media screen and (min-width: 1025px){
    .cursor__main.active .cursor__ring {width:40px;height:40px;}
    .cursor__main.active .cursor__core {width:52px;height:52px;margin:-14px 0 0 -14px;}
}
@media screen and (max-width: 1024px){
    .cursor__main {display:none;}
}




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