@charset "UTF-8";

.sub_wrap{margin-top: 150px;}
.sub_wrap section:last-child{padding-bottom: 270px;}

.sub_wrap .sub_tit_box h3{font-size: 50px;font-weight: 800;color: #000;padding-bottom: 60px;border-bottom: #D1D1D1 solid 1px;}
.sub_wrap .sub_tit_box .desc{font-size: 34px;font-weight: 400;color: #333;line-height: 1.3;margin-top: 60px;}
.sub_wrap .sub_tit_box .desc b{font-weight: 700;}
.sub_wrap .sub_tit_box .detail{font-size: 20px;font-weight: 400;color: #333;line-height: 1.5;margin-top: 60px;}
.sub_wrap .sub_tit_box .detail + .detail{margin-top: 30px;}

@media screen and (max-width:1024px) {
  .sub_wrap{margin-top: 100px;}
  .sub_wrap section:last-child{padding-bottom: 180px;}

  .sub_wrap .sub_tit_box h3{font-size: 36px;padding-bottom: 30px;}
  .sub_wrap .sub_tit_box .desc{font-size: 24px;margin-top: 30px;}
  .sub_wrap .sub_tit_box .detail{font-size: 16px;margin-top: 30px;}
  .sub_wrap .sub_tit_box .detail + .detail{margin-top: 16px;}
}
@media screen and (max-width:768px) {
  .sub_wrap{margin-top: 80px;}
  .sub_wrap section:last-child{padding-bottom: 120px;}

  .sub_wrap .sub_tit_box h3{font-size: 30px;}
  .sub_wrap .sub_tit_box .desc{font-size: 20px;}
  .sub_wrap .sub_tit_box .desc br{display: none;}
  .sub_wrap .sub_tit_box .detail br{display: none;}
}



/* sub01_1 인사말 */
.sub01_1 .sct01 .sub_tit_box{padding-bottom: 90px;background: url(/html/img/sub01_1_sct1_bg.png) no-repeat bottom 20px right;}
.sub01_1 .sct01 .img_box{display: flex;flex-wrap: wrap;border-radius: 0 50px 0 50px;overflow: hidden;}
.sub01_1 .sct01 .img_box img{display: inline-block;width: 50%;}

@media screen and (max-width:1024px) {
  .sub01_1 .sct01 .sub_tit_box{padding-bottom: 60px;background-size: 40%;}
}
@media screen and (max-width:768px) {
  .sub01_1 .sct01 .sub_tit_box{padding-bottom: 40px;background-size: 50%;}
  .sub01_1 .sct01 .img_box{border-radius: 0 30px 0 30px;}
  .sub01_1 .sct01 .img_box img{width: 100%;}
}

.sub01_1 .sct02{margin-top: 120px;}
.sub01_1 .sct02 h3{font-size: 34px;font-weight: 400;color: #333;}
.sub01_1 .sct02 h3 b{font-weight: 700;}
.sub01_1 .sct02 .con_box{display: flex;flex-wrap: wrap;gap: 100px;margin-top: 60px;}
.sub01_1 .sct02 .con_box .img_box{width: 400px;}
.sub01_1 .sct02 .con_box .txt_box{width: calc(100% - 500px);margin-top: 40px;}
.sub01_1 .sct02 .con_box .txt_box h4{position: relative;left: -200px;font-size: 60px;font-weight: 700;color: #333;}
.sub01_1 .sct02 .con_box .txt_box h4 i{font-weight: 400;font-style: normal;}
.sub01_1 .sct02 .con_box .txt_box p{font-size: 20px;font-weight: 400;color: #333;line-height: 1.5;margin-top: 40px;}

@media screen and (max-width:1024px) {
  .sub01_1 .sct02{margin-top: 80px;}
  .sub01_1 .sct02 h3{font-size: 24px;}
  .sub01_1 .sct02 .con_box{gap: 60px;margin-top: 40px;}
  .sub01_1 .sct02 .con_box .img_box{width: 200px;}
  .sub01_1 .sct02 .con_box .txt_box{width: calc(100% - 260px);margin-top: 20px;}
  .sub01_1 .sct02 .con_box .txt_box h4{left: -100px;font-size: 36px;}
  .sub01_1 .sct02 .con_box .txt_box p{font-size: 16px;margin-top: 20px;}
}
@media screen and (max-width:768px) {
  .sub01_1 .sct02{margin-top: 60px;}
  .sub01_1 .sct02 h3{font-size: 20px;}
  .sub01_1 .sct02 .con_box{gap: 20px;}
  .sub01_1 .sct02 .con_box .img_box{width: 100%;}
  .sub01_1 .sct02 .con_box .txt_box{width: 100%;}
  .sub01_1 .sct02 .con_box .txt_box h4{left: 0;font-size: 30px;}
}





/* sub01_2 찾아 오시는 길 */
.sub01_2 .map_box{display: flex;gap: 40px;flex-wrap: wrap;margin-top: 90px;}
.sub01_2 .map_box .left{width: calc(100% - 500px);height: 500px;border: #D1D1D1 solid 1px;}
.sub01_2 .map_box .right{width: 460px;}

.sub01_2 .map_box .left .wrap_map{height: 100%;}
.sub01_2 .map_box .left .root_daum_roughmap{width:100% !important;height: 100% !important;}
.sub01_2 .map_box .left .map{width: 100%;height: 500px;}
.sub01_2 .map_box .left .map_border{display: none;}

.sub01_2 .map_box .right > li:nth-child(n + 2){margin-top: 40px;}
.sub01_2 .map_box .right > li h4{font-size: 20px;font-weight: 700;color: #191919;line-height: 1.5;}
.sub01_2 .map_box .right > li p{margin-top: 16px;}
.sub01_2 .map_box .right > li p + p{margin-top: 12px;}
.sub01_2 .map_box .right > li p.info{font-size: 20px;font-weight: 400;color: #333;}
.sub01_2 .map_box .right > li p.info b{font-weight: 800;}
.sub01_2 .map_box .right > li p.num{font-size: 55px;font-weight: 800;background: linear-gradient(90deg,rgba(25, 143, 240, 1) 0%, rgba(2, 233, 177, 1) 100%);background-clip: text;color: transparent;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}

@media screen and (max-width:1024px) {
  .sub01_2 .map_box{margin-top: 60px;}
  .sub01_2 .map_box .left{width: 100%;height: 360px;}
  .sub01_2 .map_box .right{width: 100%;}

  .sub01_2 .map_box .left .map{height: 360px;}

  .sub01_2 .map_box .right > li:nth-child(n + 2){margin-top: 20px;}
  .sub01_2 .map_box .right > li h4{font-size: 18px;}
  .sub01_2 .map_box .right > li p{margin-top: 12px;}
  .sub01_2 .map_box .right > li p + p{margin-top: 10px;}
  .sub01_2 .map_box .right > li p.info{font-size: 16px;}
  .sub01_2 .map_box .right > li p.num{font-size: 32px;}
}
@media screen and (max-width:768px) {
  .sub01_2 .map_box .left{height: 240px;}
  .sub01_2 .map_box .left .map{height: 240px;}
}




/* sub04_1 문의 */
.sub04-1{margin-top: 90px;}
.sub04-1 .sec01 .contact_ps{font-size: 16px;color: #464646;text-align: end;}
.sub04-1 .sec01 .contact_ps span{font-weight: 600;color: #00406D;}

.sub04-1 #contact{border-top: #000 solid 2px;margin-top: 16px;}
.sub04-1 #contact .contact_wrap{width: 100%;}
.sub04-1 #contact .contact_wrap tr td{padding: 15px 20px;border-bottom: #F0F0F0 solid 1px;vertical-align: middle;}
.sub04-1 #contact .contact_wrap tr td:first-child{border-right: #F0F0F0 solid 1px;}
.sub04-1 #contact .contact_wrap tr td label{position: relative;font-size: 17px;font-weight: 600;color: #333333;}
.sub04-1 #contact .contact_wrap tr:nth-child(-n + 6) td label:after{content: '*';position: absolute;right: -15px;font-size: 16px;font-weight: 600;color: #00406D;}
.sub04-1 #contact .contact_wrap tr td input{width: 100%;height: 50px;border: #DDDDDD solid 1px;padding: 0 15px;}
.sub04-1 #contact .contact_wrap tr td select{width: 100%;height: 50px;border: #DDDDDD solid 1px;padding: 0 15px;}
.sub04-1 #contact .contact_wrap tr td textarea{width: 100%;height: 250px;border: #DDDDDD solid 1px;resize: none;padding: 15px;}
.sub04-1 #contact .contact_wrap #cont_file{position: relative;line-height: 50px;cursor: pointer;}
.sub04-1 #contact .contact_wrap #cont_file::-webkit-file-upload-button{position: absolute;right: 0;width: 140px;height: 48px;background-color: #AAAAAA;font-weight: 600;color: #fff;border: 0;margin: 0;cursor: pointer;}

.sub04-1 #contact .psn_agree{margin-top: 67px;}
.sub04-1 #contact .psn_agree h3{font-style: 18px;font-weight: 600;color: #333333;}
.sub04-1 #contact .psn_agree p{width: 100%;height: 150px;font-size: 15px;font-weight: 300;color: #666666;margin-top: 23px;padding: 30px 40px;overflow-y: scroll;border: #DDDDDD solid 1px;}
.sub04-1 #contact .psn_agree p span{font-weight: bold;}
.sub04-1 #contact .psn_agree .agree_box{padding: 25px 40px;border: #DDDDDD solid 1px;border-top: 0;background-color: #FCFCFC;}
.sub04-1 #contact .psn_agree .agree_box input{margin-bottom: 2px;cursor: pointer;}
.sub04-1 #contact .psn_agree .agree_box label{font-size: 16px;color: #333333;margin-left: 3px;cursor: pointer;}

.sub04-1 #contact .submit_box{text-align: center;margin-top: 80px;}
.sub04-1 #contact .submit_box input{display: none;}
.sub04-1 #contact .submit_box label{display: inline-block;width: 200px;height: 65px;font-size: 16px;font-weight: bold;color: #fff;line-height: 65px;background-color: #00406D;border-radius: 999px;cursor: pointer;}

@media screen and (max-width: 1024px) {
  .sub04-1{margin-top: 60px;}
}
@media screen and (max-width: 768px) {
  .sub04-1 #contact .contact_wrap tr td label, .sub04-1 #contact .contact_wrap tr td input, .sub04-1 #contact .contact_wrap tr td select{font-size: 15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .sub04-1 #contact .contact_wrap tr td textarea{font-size: 15px;height: 200px;}
  .sub04-1 #contact .contact_wrap tr td{padding: 10px 15px;}
  .sub04-1 #contact .contact_wrap tr td:first-child{padding-left: 0;}
  .sub04-1 #contact .contact_wrap tr td:nth-child(2){padding-right: 0;}
  .sub04-1 #contact .contact_wrap tr:nth-child(-n + 5) td label:after{right: -10px;font-size: 15px;}
  .sub04-1 #contact .contact_wrap #cont_file::-webkit-file-upload-button{width: 70px;font-size: 13px;}

  .sub04-1 #contact .psn_agree{margin-top: 40px;}
  .sub04-1 #contact .psn_agree p{height: 120px;margin-top: 18px;padding: 20px 30px;}
  .sub04-1 #contact .psn_agree .agree_box{padding: 15px 30px;}

  .sub04-1 #contact .submit_box{margin-top: 40px;}
  .sub04-1 #contact .submit_box label{width: 150px;height: 50px;line-height: 50px;font-weight: 500;}
}