@charset "utf-8";

#pageCont{padding-top: 100px;}
#sTit{padding: 200px 0 130px; text-align: center;}
.s-tit{font-size: 4.8rem; color: #4d555b; font-family: 'NEXON Lv1 Gothic OTF Bold'; letter-spacing: 0.02em;}
.s-tit2{font-size: 4.8rem; color: #4d555b; font-family: 'GmarketSansMedium'; font-weight: normal; letter-spacing: -0.02em;}
.G-Bold{font-family: 'GmarketSansBold';}

.pc{display: block;}
.mobile{display: none;}

.block768{display: none;}
.img100 img{max-width: 100%;}

.txt1{text-align: center; font-family: 'GmarketSansMedium'; font-size: 1.6rem; color: #4d555b; line-height: 1.8;}
.txt2{text-align: center; color: #797b7c; font-size: 1.5rem; line-height: 2;}
.part1{padding: 50px 0 170px;}
.part2{padding: 50px 0 120px;}
.linkTxt a{position: relative;}
.linkTxt a:before{content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: #4d555b;}

.iconList{margin-bottom: 240px; display: flex; flex-wrap: wrap; gap: 50px 140px; justify-content: center; font-family: 'GmarketSansMedium';}
.iconList li{text-align: center;}
.iconList li p{margin-top: 35px; color: #4d555b;}
@media all and (max-width:976px){
    #pageCont{padding-top: 70px;}
    #sTit{padding: 150px 0 65px;}
    .part1{padding: 50px 0 100px;}
    .part2{padding: 50px 0 65px;}
    .s-tit{font-size: 4.0rem;}
    .s-tit2{font-size: 4.0rem;}
    .txt1{font-size: 1.5rem;}
    .txt2{font-size: 1.4rem;}
    .iconList{margin-bottom: 140px; gap: 50px;}
}
@media all and (max-width:768px){
.block768{display: block;}
.iconList{gap: 30px;}
    .iconList li p{margin-top: 15px;}
}
@media all and (max-width:568px){
    .pc{display: none;}
    .mobile{display: block;}

    #sTit{padding: 110px 0 45px; padding-inline:20px;}
    .txt1{font-size: 1.3rem; opacity: .8;}
    .txt2{font-size: 1.2rem;opacity: .8;}
    .part1{padding: 40px 0 50px;}
    .iconList{margin-bottom: 80px;}
    .iconList li img{width: 110px;}
    .iconList li p{font-size: 1.4rem;}
   
}
@media all and (max-width:480px){
    .s-tit{font-size: 3.0rem;}
    .s-tit2{font-size: 3.0rem;}
    .txt1{padding: 0 20px; word-break: keep-all;}
    .txt1 br{display: none;}
    .txt2{padding-left: 20px; padding-right:20px; word-break: keep-all;}
    .txt2 br{display: none;}
    .iconList{margin-bottom: 60px;}
    .iconList li{width: 26%;}
    .iconList li img{width: 90px;}
    .iconList li p{font-size: 1.2rem;}
}
@media all and (max-width:380px){
    .iconList li img{width: 70px;}
}





#nextPage{margin-top: 280px; padding: 120px 0; text-align: center; position: relative; font-family: 'GmarketSansMedium'; }
#nextPage.intro{background: url('/images/sub/nextpage_intro.jpg')no-repeat center / cover;}
#nextPage.business{background: url('/images/sub/nextpage_business.jpg')no-repeat center / cover;}
#nextPage.gallery{background: url('/images/sub/nextpage_gallery.jpg')no-repeat center / cover;}
#nextPage.news{background: url('/images/sub/nextpage_news.png')no-repeat center / cover;}
#nextPage img{width: 100%;}
#nextPage .txt{}
#nextPage .s-tit{color: #fff;}
#nextPage .txt1{margin-top: 30px; color: #fff; font-size: 1.5rem;}
#nextPage a{display: inline-block; margin-top: 70px; color: #707577; font-size: 1.4rem; position: relative;}
#nextPage a:before{position: absolute; content: ''; left: 0; bottom: -2px; width: 100%; height: 1px; background-color: #707577;}
@media all and (max-width:976px){
    #nextPage{margin-top: 140px;}
}
@media all and (max-width:568px){
    #nextPage{margin-top: 80px; padding: 60px 0;}
    #nextPage a{margin-top: 35px; font-size: 1.3rem;}
    #nextPage .txt1{font-size: 1.2rem; opacity: 0.8;}
}

#galleryList{display: flex; gap: 60px; flex-wrap: wrap;}
#galleryList li{width: calc((100% - 120px)/3); }
#galleryList li img{max-width: 100%; width: 100%;}
#galleryList li dl{padding: 0 5px;}
#galleryList li dt{padding: 35px 0 30px; display: flex; justify-content: space-between; font-size: 1.8rem; color: #4d555b; font-weight: 500;}
#galleryList li dt p.tit{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#galleryList li dt p.date{flex:0 0 auto;}
#galleryList li dd{margin-bottom: 40px; font-size: 1.5rem; color: #797b7c; line-height: 2em;}
@media all and (max-width:1729px){
    #galleryList{gap: 40px;}
    #galleryList li{width: calc((100% - 80px)/3);}
}
@media all and (max-width:1500px){
    #galleryList li dt{padding: 1.2em 0 0.7em; flex-direction: column-reverse; align-items: flex-start;}
    #galleryList li dt p.tit{white-space:initial; overflow: visible; text-overflow:initial;}
    #galleryList li dt p.date{font-size: 0.8em; }
}
@media all and (max-width:1280px){
    #galleryList{gap: 20px;}
    #galleryList li{width: calc((100% - 20px)/2);}
    
    #galleryList li dt p.date{font-size: 0.8em; }
    #galleryList li dd{margin-bottom: 5%;}
}
@media all and (max-width:976px){
    #galleryList li dt{font-size: 1.6rem;}
    #galleryList li dd{font-size: 1.4rem;}
}
@media all and (max-width:768px){
  
}
@media all and (max-width:568px){
    #galleryList{gap: 10px;}
    #galleryList li{width: 100%;}
    #galleryList li dt{}
    #galleryList li dd{font-size: 1.2rem;}
}



#newsList{display: flex; flex-wrap: wrap; gap: 60px;}
#newsList li{width: calc((100% - 120px)/3);}
#newsList li img{max-width: 100%; width: 100%;}
#newsList li dt{display: flex; align-items: center; padding: 1.8em 5px; line-height: 1.2; font-size: 1.5rem;}
#newsList li dt strong{font-weight: 700; padding-right: 10px; margin-right: 10px; border-right:1px solid rgba(0, 0, 0, 0.5); flex:0 0 auto;}
#newsList li dt p.tit{color: #4d555b; font-weight: 400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#newsList li dt p.date{margin-left: auto; flex:0 0 auto;}
@media all and (max-width:1729px){
    #newsList{gap: 20px;}
    #newsList li{width: calc((100% - 40px)/3);}
}
@media all and (max-width:1550px){
    #newsList li dt{flex-wrap:wrap; line-height: 1.6; padding: 0.7em 5px 1em; font-size: 1.6rem;}
    #newsList li dt strong{order: 1; padding-right: 5px; margin-right: 5px; border-right: 0;}
    #newsList li dt p.date{margin-left: 0; order: 2;}
    #newsList li dt p.tit{order: 3; width: 100%; white-space: initial; overflow: visible; text-overflow: initial;}
}
@media all and (max-width:1280px){
    #newsList li{width: calc((100% - 20px)/2);}
   
}

@media all and (max-width:568px){
    #newsList li{width: 100%;}
    #newsList li dt strong{font-size: 0.85em;}
    #newsList li dt p.date{font-size: 0.85em;}
}


#pageCont.contact1{background-color: #f9fafa;}

.contact1 .map_border{display: none;}
.contact1 .wrap_controllers{display: none;}
.contact1 dl{margin-bottom: 180px; padding: 40px 0; display: flex; align-items: flex-end; font-family: 'GmarketSansMedium';}
.contact1 dl dt{margin-right: 36px; font-size: 3.0rem; color: #4d555b; line-height: 1;}
.contact1 dl dd{margin-bottom: 2px;}
.contact1 dl:last-child{margin-bottom: 0; padding-bottom:440px;}
@media all and (max-width:976px){
    .contact1 .wrap_map{height: 500px !important;}
    .contact1 iframe{height: 500px !important;}
}
@media all and (max-width:568px){
    .contact1 .wrap_map{height: 400px !important;}
    .contact1 dl{display: block; text-align: center; padding: 20px 0; margin-bottom: 80px;}
    .contact1 dl dt{margin-right: 0; line-height: 2; font-size: 1.8rem;}
    .contact1 dl dd{font-size: 1.3rem;}
    .contact1 dl:last-child{padding-bottom: 180px;}
    .contact1 iframe{height: 400px !important;}
    .contact1 .mail{font-size: 3.0rem;}
}
@media all and (max-width:480px){
    .contact1 .wrap_map{height: 320px !important;}
    .contact1 iframe{height: 320px !important;}
}