.sample {padding: 50px; border: 5px solid #e5e5e5;}
.sample h2 {font-size: 36px; margin-bottom: 30px;}
.sample p {font-size: 16px; line-height: 1.6;}

@media (max-width: 960px){
    .sample {padding: 30px; border: 5px solid #e5e5e5;}
    .sample h2 {font-size: 28px; margin-bottom: 20px;}
    .sample p {font-size: 16px; line-height: 1.6;}
}

/*인사말*/
.a1 {}
.a1_top {text-align:center;padding:0px 0 150px 0;}
.a1_top .tag {display:block;font-size:14px;letter-spacing:4px;color:#aaa;margin-bottom:30px;opacity:0;transform:translateY(20px);transition:all 1s ease;}
.a1_top h2 {font-size:40px;color:#bbb;font-weight:600;line-height:1.6;word-break:keep-all;opacity:0;transform:translateY(40px);transition:all 1.2s ease;}
.a1_top h2 .key {position:relative;color:#16316f;font-weight:700;}
.a1_top h2 .key:after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:3px;background:#16316f;transition:width 1s ease .6s;}
.a1_top.on .tag{opacity:1;transform:translateY(0);}
.a1_top.on h2{opacity:1;transform:translateY(0);}
.a1_top.on h2 .key:after{width:100%;}

.a1_bt {background: linear-gradient(30deg, #195d71, #033779);}
.a1_bt_wrap {width: 100%; max-width: 1440px; margin: 0 auto; padding: 100px 20px;}
.a1_bt_wrap ul {display: flex; flex-wrap: wrap; align-items: center;}
.a1_bt_wrap ul li.a1_bt_img {width: 45%; margin-right: 5%;}
.a1_bt_wrap ul li.a1_bt_img img {width: 100%;}
.a1_bt_wrap ul li.a1_bt_txt {width: 50%;max-width: 600px;}
.a1_bt_wrap ul li.a1_bt_txt p {font-size: 18px; line-height: 1.6; color: #fff; font-weight: 200; word-break: keep-all;}
.a1_bt_wrap ul li.a1_bt_txt span {font-size: 23px; display: flex; align-items: center; float: right; margin-top: 100px; color: #fff;}
.a1_bt_wrap ul li.a1_bt_txt span p {font-size: 35px; font-family: "Nanum Brush Script", cursive; margin-left: 30px;}



@media (max-width: 960px){
    .a1_top h2 {font-size: 25px;}
    .a1_bt_wrap ul li.a1_bt_img {display: none;}
    .a1_bt_wrap ul li.a1_bt_txt {width: 100%; max-width: unset;}
}


@media (max-width: 640px){
    .a1_top {padding: 0 0 60px 0;}
    .a1_top h2 {font-size: 18px;}
    .a1_top h2 .key:after {bottom: -3px; height: 2px;}
    .a1_top.on .tag {margin-bottom: 15px;}
    

    .a1_bt_wrap {padding: 80px 20px;}
    .a1_bt_wrap ul li.a1_bt_txt p {font-size: 14px;}
    .a1_bt_wrap ul li.a1_bt_txt span {font-size: 18px; margin-top: 70px;}
    .a1_bt_wrap ul li.a1_bt_txt span p {font-size: 30px; margin-left: 20px;}
}
/*인사말*/






.a2 {width:100%;max-width:1440px; margin:0 auto;display:flex;flex-wrap:wrap;}
.a2_l {width:35%; margin-right: 10%;}
.a2_l p {font-size:22px;line-height:1.6;color:#222;word-break:keep-all;}
.a2_l p strong {font-weight:600;color:#0d3b77;}
.a2_l a {display:inline-flex;align-items:center;margin-top:50px;padding:16px 34px;border-radius:8px;border:1px solid #0d3b77;color:#0d3b77;background:#fff;font-size:18px;transition: all 0.5s; }
.a2_l a:hover{background:#062752;color:#fff;}
.a2_l a i{margin-left:26px;}

.a2_r {width:55%;}
.a2_r ul {border-top:2px solid #000;}
.a2_r ul li {display:flex;justify-content:space-between;padding:25px 10px;border-bottom:1px solid #ddd;}
.a2_r ul li .label {font-size:16px;color:#666;}
.a2_r ul li .value {font-size:20px;font-weight:600;color:#111; line-height: 1.4; text-align: right;}


@media (max-width:960px){
  .a2{gap:60px;}
  .a2_l,.a2_r{width:100%; margin-right: 0;}
}

@media (max-width:640px){
  .a2_l p{font-size:16px;}
  .a2_l p br{display:none;}
  .a2_l a{font-size:14px;padding:14px 24px;}
  .a2_r ul li{flex-direction:column;}
  .a2_r ul li .label{margin-bottom:6px;}
  .a2_r ul li .value{font-size:15px; text-align: left;}
}












.a3 {width: 100%; max-width: 950px; margin: 0 auto; padding: 0 20px;}
.a3 img {width: 100%;}






.a5 .root_daum_roughmap .wrap_controllers{display:none;}
.a5 .root_daum_roughmap .cont{display:none;}

.a5{width:100%;}
.a5_info{padding:60px 0px;}
.a5_info_top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ddd;padding-bottom:30px;margin-bottom:30px;}
.a5_info_top h2{font-size:32px;font-weight:700;}
.a5_info_top h2 span{font-size:16px;color:#aaa;margin-left:10px;font-weight:400;}

.a5_btn{display:flex;gap:10px;}
.a5_btn a{display:inline-flex;align-items:center;gap:8px;padding:15px 25px; font-size:14px;font-weight:600;}
.btn_naver{background:#03c75a;color:#fff;}
.btn_kakao{background:#fff;border:1px solid #ddd;color:#333;}

.a5_info_list{display:flex;flex-direction:column;gap:15px;}
.a5_info_list li{display:flex;align-items:center;gap:15px;font-size:16px;color:#333;}
.a5_info_list li i{color:#ccc;font-size:12px; width: 12px; text-align: center;}

@media (max-width:960px){
  .a5_info_top{flex-direction:column;align-items:flex-start;gap:20px;}
  .a5_info_top h2 span {display: block; width: 100%; margin-left: 0; margin-top: 10px;}
}
@media (max-width:640px){
  .a5_info {padding: 40px 0;}
  .a5_info_top h2{font-size:24px;}
  .a5_info_top h2 span {font-size: 14px;}
  .a5_btn a {padding: 12px 25px;}
  .a5_info_list li{font-size:14px;}
}






.b1{width:100%;padding:0px 20px;background:#fff;}
.b1_head{max-width:1400px;margin:0 auto 50px auto;}
.b1_head h2{font-size:32px;font-weight:700;color:#0a2445;letter-spacing:1px;margin-bottom:12px; word-break: keep-all;}
.b1_head p{font-size:18px;color:#555;line-height:1.5;max-width:900px; word-break: keep-all;}
.b1_grid{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:5px;}

.b1_item{position:relative;height:270px;display:flex;align-items:center;justify-content:center;background-size:cover;background-position:center;}
.b1_item:nth-child(3n){border-right:0;}
.b1_item:nth-child(n+7){border-bottom:0;}

.b1_item:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:#0b304fad; transition: all 0.5s;}
.b1_item:hover:before{background:rgba(0, 0, 0, 0.185);}
.b1_item p{position:relative;color:#fff;font-size:18px;font-weight:600;text-align:center;line-height:1.5;letter-spacing:-0.3px;}

.b1_center{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f4f6f9;}
.b1_center img{width:160px;margin-bottom:10px;}
.b1_center strong{font-size:14px;letter-spacing:3px;color:#0a2445;}

.b1_img1{background-image:url('../img/b1_img1.jpg');}
.b1_img2{background-image:url('../img/b1_img2.jpg');}
.b1_img3{background-image:url('../img/b1_img3.jpg');}
.b1_img4{background-image:url('../img/b1_img4.jpg');}
.b1_img5{background-image:url('../img/b1_img5.jpg');}
.b1_img6{background-image:url('../img/b1_img6.jpg');}
.b1_img7{background-image:url('../img/b1_img7.jpg');}
.b1_img8{background-image:url('../img/b1_img8.jpg');}

/* hover – 최소한만 */


/* 반응형 */
@media (max-width:1024px){
  .b1_item{height:220px;}
}
@media (max-width:768px){
  .b1_head h2 {font-size: 24px; margin-bottom: 7px;}
  .b1_head p {font-size: 16px;}
  .b1_grid{grid-template-columns:repeat(2,1fr);}
  .b1_center{grid-column:1 / -1;height:180px;}
}
@media (max-width:480px){
  .b1_head p {font-size: 14px;}
  .b1_item{height:180px;}
  .b1_item p{font-size:15px;}
}