@charset "utf-8";
.is-pc .at-body { padding: 0;}
.d-block { display: block;}


.main { font-size: 17px; font-weight: 400; color: #555; line-height: 1.7; }
.main p { margin: 0; word-break: keep-all;} 
.main article { padding: 80px 0;}
.main article .tit { padding: 0 0 40px; text-align: center;}
.main article .tit h2 { padding: 0 0 15px; font-size: 25px; font-weight: 700; line-height: 1; color: #333; }
.main article .at-container {overflow:inherit;}


@media (max-width:991px){
    .main article { padding: 70px 0;}
}
@media (max-width:768px){
    .main article { padding: 60px 0;}
}



.main .about {}
.main .about .wrap li { width: 18.33%;  }
.main .about .wrap li a { display: block; width: 100%; height: 100%; padding: 45px 10px 60px; border: 1px solid #e1e1e1; text-align: center;  transition: all .2s;}
.main .about .wrap li a:hover  { border-color: #841a04;  box-shadow:3px 3px 5px rgb(0 0 0 / 10%); }
.main .about .wrap li a .img { padding: 0 0 10px;}
.main .about .wrap li a p { font-size: 18px; font-weight: 500; color: #333;}
.main .about .wrap li a p span { display: block; padding: 5px 0 0; font-size: 15px; font-weight: 400; color: #999; }

@media (max-width:991px){
    .main .about .wrap li { width: 19.5%;}
}
@media (max-width:768px){
    .main .about .wrap { flex-wrap:wrap;}
    .main .about .wrap li { margin: 0 0 20px; width: 49%; }
    .main .about .wrap li:last-of-type { margin: 0; width: 100%;}
}
@media (max-width:480px){ 
    .main .about .wrap li { margin: 0 0 10px; }
    .main .about .wrap li a { padding: 35px 10px 35px; margin: 0 0 10px; }
    .main .about .wrap li a p { font-size: 16px;}    
}

.main .gallery { background: url('/data/main/bg_main_gallery.jpg') no-repeat center / cover;}
.main .gallery .tit { }
.main .gallery .tit span { font-size: 15px; color: #ffc64d; }
.main .gallery .tit h2 { position: relative; padding:4px 0  9px; margin: 0 0 20px; color: #fff; line-height: 1.5;}
.main .gallery .tit h2:after { content:''; display: block; position: absolute; left: 0; bottom: 0; width: 30px; height: 1px; background: #fff;}
.main .gallery .tit p { color: #fff;}
.main .gallery .wrap { width: 74.5%;}
.main .gallery .wrap li { overflow: hidden ; position: relative; width: 31.43%; /*height: 185px;*/ }
.main .gallery .wrap li * { transition: all .2s;}
.main .gallery .wrap li:nth-of-type(1) a { background-image: url('/data/main/bg_main_gallery_image.jpg');}
.main .gallery .wrap li:nth-of-type(2) a { background-image: url('/data/main/bg_main_gallery_movie.jpg');}
.main .gallery .wrap li:nth-of-type(3) a { background-image: url('/data/main/bg_main_gallery_news.jpg');}
.main .gallery .wrap li a { display: flex; flex-direction: column;  justify-content: center; align-items: center; position: relative;  width: 100%; height: 100%; background-repeat: no-repeat; background-size: auto 100%; background-position: center;}
.main .gallery .wrap li a .img { position: relative; padding: 0 0 10px ;}
.main .gallery .wrap li a p { position: relative; color: #fff;} 
.main .gallery .wrap li a:hover { background-size: auto 110%;}
.main .gallery .wrap li a:hover p { margin-top: -20px; }
.main .gallery .wrap li a:hover .img,
.main .gallery .wrap li a:hover:before,
.main .gallery .wrap li a:hover:after { opacity:0;}
.main .gallery .wrap li a:hover:before,
.main .gallery .wrap li a:hover:after { transform: scale(110%);}
.main .gallery .wrap li a:before,
.main .gallery .wrap li a:after { content:''; display: block; position:absolute; transition: all .3s;}
.main .gallery .wrap li a:before { top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.35);}
.main .gallery .wrap li a:after { top: 5px; left: 5px; width: calc(100% - 10px); height: calc(100% - 10px); border: 1px solid #fff;}

@media(min-width:992px){
    .main .gallery .tit { padding: 0; text-align: left;}    
}

@media (max-width:1200px){
    .main .gallery .wrap li a, .main .gallery .wrap li a:hover { background-size: cover;}
}
@media (max-width:991px){
    .main article .at-container { flex-direction: column;}
    .main .gallery .tit { }
    .main .gallery .tit br { display: none;}
    .main .gallery .tit h2 { padding: 5px 0 10px; margin: 0 0 10px;}
    .main .gallery .tit h2:after { left: 50%; transform: translateX(-50%); width: 50px;}
    .main .gallery .wrap { width: 100%;}
    .main .gallery .wrap li { height: 185px;}
}

@media (max-width:480px){    
    .main .gallery .wrap { flex-direction:column}
    .main .gallery .wrap li { width: 100%; margin: 0 0 20px;}
    .main .gallery .wrap li:last-of-type {margin: 0;}
}



.main .customer { background: #f8f9f9; } 
.main .customer .wrap  {  } 
.main .customer .wrap .location { position: relative; width: 62.5%; } 
.main .customer .wrap .location p { position: absolute; bottom: 0; left: 0; z-index: 2; width: 100%; height: 50px; background: rgba(0,0,0,.6); text-align: center; color: #fff; font-size: 14px; line-height: 50px; } 
.main .customer .wrap .info { flex-direction:column; justify-content:space-between; width: 35.4%;  } 
.main .customer .wrap .info .tel,
.main .customer .wrap .info .bank,
.main .customer .wrap .info .edu { background: #fff; border: 1px solid #dcdcdc;}

.main .customer .wrap .info .tel { padding: 25px 30px;}
.main .customer .wrap .info .tel h3 { font-size: 23px; line-height: 1; color: #282828; }
.main .customer .wrap .info .tel h3:after { content: ''; display: block; margin: 15px 0; width: 20px; height: 1px; background: #282828;}
.main .customer .wrap .info .tel dl { justify-content: flex-start; flex-wrap:wrap; }
.main .customer .wrap .info .tel dl dt { margin: 0 0 8px; width: 42px; height: 26px; line-height: 26px;  font-size: 15px; color: #fff; border-radius:5px; text-align: center; font-weight: 400;}
.main .customer .wrap .info .tel dl dt:first-of-type { background: #841a04;}
.main .customer .wrap .info .tel dl dt:last-of-type { background: #ffc64d;}
.main .customer .wrap .info .tel dl dd { padding: 0 0 0 10px; margin: 0 0 8px; width: calc(100% - 42px); height: 26px; line-height: 26px; font-size: 25px; font-weight: 700; white-space: nowrap; }
.main .customer .wrap .info .tel p { padding: 5px 0 0; line-height: 1.25;}
.main .customer .wrap .info .quick { line-height: 1.25; text-align: center;}
.main .customer .wrap .info .quick .bank,
.main .customer .wrap .info .quick .edu { display: flex; flex-direction: column; justify-content: space-around; padding: 18px 10px; width: 49%;}
.main .customer .wrap .info .quick .bank img { width: 100%; max-width: 164px;}
.main .customer .wrap .info .quick .edu img { width: 100%; max-width: 103px;}
.main .root_daum_roughmap { padding: 0; width: 100%;}
.main .root_daum_roughmap .map_border { display: none;}

@media (max-width:1199px){
    .main .customer .wrap .location  { width: 55%; }
    .main .customer .wrap .info { width: 43%;}
}
@media (max-width:991px){
    .main .customer .wrap { flex-direction: column;}
    .main .customer .wrap .location  { margin: 0 0 10px; width: 100%; }
    .main .customer .wrap .info { width: 100%;}
    .main .customer .wrap .info .tel { margin: 0 0 10px;]}
}
@media (max-width:480px){
    .main .customer .wrap .info .quick { font-size: 15px; }
}
@media (max-width:400px){
    .main .customer .wrap .info .quick { flex-direction: column;}
    .main .customer .wrap .info .quick .bank { margin: 0 0 10px; width: 100%; height: 125px; }
    .main .customer .wrap .info .quick .edu { width: 100%; height: 130px; }    
}