@charset "utf-8";
/*************** 1440px 이하 ***************/
@media only screen and (max-width: 1300px) {
.inner{width:calc(100dvw - 120px)}
/** header **/
.menu{position:fixed; top:0; right:-80dvw; width:80dvw; height:100dvh; background:#fefefe; transition: ease-in-out 0.3s;}
.menu.active{right:0}
.menu li{box-sizing: border-box;}
.menu li a{text-align:right; color:#222; font-weight:400}
.borderPoint{border-bottom:1px solid #d9dade}

/** subBanner **/
.lineBanner .inner{width:100%;}
.lineAccordienMenuBox{width:calc(50% - 24px)}
.lineAccordienContent{width:calc(50% - 24px)}

/** history **/
.historyTit{font-size:40px; position:absolute; left:45px; top:-6px}
.historyBar{order:1}
.historyDetail{order:2;  width:calc(100% - 52px)}

/** partner **/
.partnerTbl td{text-align: left;}

/** product **/
.productBtn{width:50% !important;}
.productBtn:nth-child(1){width:100% !important}
.modalDetails{height: auto !important;}
.productListCnt{bottom:8px}

/** esg **/
.esgBtn{width:50% !important}
.esg1ImgBox{overflow:hidden}
.esg1ImgBox > img{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%)}
.esg1ImgSource{position:relative}


/********** writeOnline **********/
/* 1) 기본 파일 입력 버튼 숨기지 않고 꾸미기 */
input[type="file"] {
    /* 전체 글꼴, 크기, 마진 등 기본 스타일 초기화 */
    font: inherit;
  }
  
  /* 2) 버튼 모양을 변경하는 pseudo-element */
  input[type="file"]::file-selector-button {
    background-color: #EEEEF0;
    color: #91949F;
    padding: 8px 12px;
    border: none;
    border-radius: 2px;
    cursor: pointer;
    margin-right:12px;
    font-size: 14px;
    font-weight: 700;
  }
/********** //writeOnline **********/

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

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

}

/*************** 960px 이하 ***************/
@media only screen and (max-width: 960px) {
.inner{width:calc(100dvw - 40px)}
/** subBanner **/
.lineBanner .inner{width:100%;}
}

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

}

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

}

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

}

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

}