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


}
  
/*************** 1124px 이하 ***************/
@media only screen and (max-width: 1124px) {
    .modalClose:after, .modalClose:before{width:24px}

/** index **/
.sliderBox{position:relative; bottom:0}
.mainMadeLink{border:1px solid rgb(254 254 254 / 50%);border-width:1px 0 1px 0;}
.mainMadeLink:hover, .mainMadeLink.active{border-width:1px 0 1px 0;}

.deleteBtn{top:24px; right:20px}

/** about **/
.aboutBannerCnt > p{text-align: left;}


/** made **/
.gallery-item{width:calc(33.333% - 20px);}
.pointSlash{height:40px;}
.boardTit > p:nth-child(1):after{height:40px;}


/***************** footer *****************/
.topBtn{border:1px solid #fefefe; right:40px; bottom:40px;}




}

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

}

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

}

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

    .aboutChracterImgCnt{width:calc(50% - 6px)}

}

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

    /** header **/
    .sideMenu a, .sideMenu p{text-align: right;}
    .toggle > span:nth-child(1){top:-6px; left:0;}
    .toggle > span:nth-child(2){top:2px; left:0;}
    .toggle > span:nth-child(3){top:10px; left:0;}
    /** footer **/
    .footerLeft p{line-height: 2em;}
    /** index **/
    .mainMadeCnt > .inner > p:nth-child(1){text-align: right;}

    
    
    /** works **/
    .subBanner > div > p:nth-child(2){text-align: left;}
    .gallery-item{width:100%}
    .boardTit > p:nth-child(1):after{display: none;}
    
    /** news **/
    .newsList{width:100%; height:40dvw}
}

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

}

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

}