@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);}
.brandstoryInner {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}

.brandIntroduceCnt{right:0; bottom:0}


}

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

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

}

/*************** 860px 이하 ***************/
@media only screen and (max-width: 860px) {
.mfs120 {font-size:120px;}
.mhp648 {height:648px;}
.mhp692 {height:692px;}
/** common **/
.inner{width:calc(100dvw - 40px);}
.brandstoryInner {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 **/

.abutCnt {border:4px solid #8BB8B5;   box-shadow: 0 0 16px 0 rgba(0,0,0,0.25);}

/** mainProduct **/
.mainProductTit{font-size:50px}
.mainProduct .mainTit{left:-20px}
.mainProduct .mainTit span{left:20px; top:16px}
.mlh10 {line-height:1em;}
.mainProduct{background-size:cover; background-position: 15% 50%;}
/** //mainProduct **/

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

/**********************
** company 
**********************/
.subBanner {background:url('/img/companyMain-m.jpg')center; background-size:cover; height:40dvh;}
.companySlogan p{text-align:left}

.historyLine {left:0%;}
.historyboll1 {left:0%;}
.historyboll2 {left:0%; top:150px;}
.historyboll3 {left:0%; top:320px;}
.historyboll4 {left:0%; top:422px;}
.historyboll5 {left:0%; top:494px;}
.historyboll6 {left:0%; top:566px;}
.historyboll7 {left:0%; top:638px;}

.historyCnt1 {left:0%;}
.historyCnt2 {left:0%; top:150px;}
.historyCnt3 {left:0%; top:320px;}
.historyCnt4 {left:0%; top:422px;}
.historyCnt5 {left:0%; top:494px;}
.historyCnt6 {left:0%; top:566px;}
.historyCnt7 {left:0%; top:638px;}


/**********************
** 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) {

}