@charset "utf-8";
/*************** 1440px 이하 ***************/
@media only screen and (max-width: 1440px) {


}
  
/*************** 1300px 이하 ***************/
@media only screen and (max-width: 1300px) {

/** common **/
.inner{width:calc(100dvw - 120px);}

/**********************
** header 
**********************/
.toggle{cursor: pointer;}
.toggle span{transition: ease-in-out 0.3s;}
.toggle span:nth-child(1){top:0; left:0}
.toggle span:nth-child(2){top:50%; left:50%; transform:translate(-50%, -50%)}
.toggle span:nth-child(3){top:14px; left:0}
.toggle.active span{background:#26272b}
.toggle.active span:nth-child(1){top:50%; left:50%; transform:translate(-50%, -50%) rotate(45deg)}
.toggle.active span:nth-child(2){ left:900px;}
.toggle.active span:nth-child(3){top:50%; left:50%; transform:translate(-50%, -50%) rotate(-45deg)}
.menu{position:fixed; left:100dvw; top:0; transition: ease-in-out 0.3s; background:#f7f8f8; width:100dvw; height:100dvh}
.menu.active{left:0}
.menu.active .gnb{  border-top:1px solid #eeeef0}
.menu.active .gnb a{color:#26272b;text-align: right;}
.menu.active .gnb:nth-last-child(1){border-bottom: 1px solid #eeeef0}

/**********************
** index 
**********************/
/** mainBanner **/
.mainTit{font-size:120px}
.mainBnrScroll:after{content:''; display:block; width:2px; height:48px; background:#f7f8f8}
/** //mainBanner **/

/** mainProduct **/
.mainProductTit{font-size:76px}
/** //mainProduct **/

/**********************
** subpage 
**********************/
.subTit{font-size:76px}

/**********************
** productDetail 
**********************/
.productViewDetail{font-size:120px}



}

/*************** 1024px 이하 ***************/
@media only screen and (max-width: 1024px) {
}

/*************** 960px 이하 ***************/
@media only screen and (max-width: 960px) {

}

/*************** 860px 이하 ***************/
@media only screen and (max-width: 860px) {

/** common **/
.inner{width:calc(100dvw - 40px);}

/**********************
** index 
**********************/
/** mainBanner **/
.mainBanner{height: 100svh;}
.mainTit{font-size:48px; left:-30px;}
.mainTit span{left:30px; top:40px}
.mainBnrScroll:after{height:24px; background:#f7f8f8}
/** //mainBanner **/

/** mainProduct **/
.mainProductTit{font-size:50px}
.mainProduct .mainTit{left:-20px}
.mainProduct .mainTit span{left:20px; top:16px}

/** //mainProduct **/

/**********************
** subpage 
**********************/
.subBanner{height:80svh}
.subTit{font-size:42px}

/**********************
** company 
**********************/
.companySlogan p{text-align:left}


/**********************
** product 
**********************/
.productIteam{width:100%}

/**********************
** productDetail 
**********************/
.productViewDetail{font-size:22vmin; position:relative}
.productViewImg > div:nth-child(2){margin:16px 0}


/**********************
** footer 
**********************/
.footerCnt .fs_w03{white-space: pre-line; line-height:1.5em}

.footMenu .footMenuA{border:1px solid #5d606c; border-width:1px 1px 0 1px}
.footMenu .footMenuA:nth-child(2){border-width:1px 1px 1px 1px}

}

/*************** 768px 이하 ***************/
@media only screen and (max-width: 768px) {
    

}

/*************** 480px 이하 ***************/
@media only screen and (max-width: 480px) {

}

/*************** 320px 이하 ***************/
@media only screen and (max-width: 320px) {

}