.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 {position: relative; padding: 10px 0;}
.a1_top h2 {font-size: 40px; color: #bbb; text-align: center; font-weight: 600; line-height: 1.4; margin: 300px 0; word-break: keep-all;}
.a1_top h2 b.text-ani{position:relative;display:inline-block;color:#bbb;line-height:1;font-weight: 700;}
.a1_top h2 b.text-ani:after{ content:attr(data-text); position:absolute;left:0;top:0; width:0%;height:100%; color:#0a3373; white-space:nowrap; overflow:hidden; transition:width 1.4s ease;}
.a1_top.move h2 b.text-ani:after{width:100%}
.a1_top .sl_l{font-size:170px;color:#ececec;font-weight:700;display:block;position:absolute;left:50%;transform:translate(-50%,0);top:0;transition:all 1.4s ease}
.a1_top .sl_r{font-size:170px;color:#ececec;font-weight:700;display:block;position:absolute;left:50%;transform:translate(-50%,0);bottom:0;transition:all 1.4s ease}
.a1_top.move .sl_l{left:10%;transform:translate(0,0)}
.a1_top.move .sl_r{left:auto;right:10%;transform:translate(0,0)}

.a1_mid {background-color:#0a2445; background-image:url(../img/a1_mid_bg.png); background-repeat:no-repeat; background-position:bottom; background-size: cover;}
.a1_mid_wrap {width: 100%; max-width: 1640px; margin: 150px auto; padding: 100px 20px;}
.a1_mid_wrap ul {display: flex; flex-wrap: wrap; align-items: center;}
.a1_mid_wrap ul li.a1_mid_img {width: 45%; margin-right: 5%;}
.a1_mid_wrap ul li.a1_mid_img img {width: 100%;}
.a1_mid_wrap ul li.a1_mid_txt {width: 50%;max-width: 600px;}
.a1_mid_wrap ul li.a1_mid_txt p {font-size: 20px; line-height: 1.6; color: #fff; font-weight: 200; word-break: keep-all;}
.a1_mid_wrap ul li.a1_mid_txt span {font-size: 35px; display: block; float: right; margin-top: 100px; font-family: "Nanum Brush Script", cursive; color: #fff;}

.a1_bt {width: 100%; max-width: 1640px; padding: 0 20px; margin: 0 auto; display: flex; flex-wrap: wrap;}
.a1_bt_l {width: 40%; margin-right: 10%;}
.a1_bt_l h2 {font-size: 50px; margin-bottom: 70px;}
.a1_bt_l p {font-size: 24px; color: #333; line-height: 1.4; word-break: keep-all;}
.a1_bt_l a {display: inline-flex; font-size: 20px; align-items: center; padding: 15px 30px; border-radius: 10px; background: #0a2445; color: #fff; margin-top: 40px;transition: all 0.5s;}
.a1_bt_l a:hover {background: #104c77;}
.a1_bt_l a i {margin-right: 20px;}
.a1_bt_r {width: 50%;}
.a1_bt_r ul {}
.a1_bt_r ul li {display: flex; padding: 38px 20px; border-bottom: 1px solid #ccc; justify-content: space-between;}
.a1_bt_r ul li span {}
.a1_bt_r ul li .label {font-size: 18px;}
.a1_bt_r ul li .value {font-size: 24px; font-weight: 600; color: #999;}


@media (max-width: 1400px){
    .a1_bt_l {width: 100%; margin-right: 0; margin-bottom: 40px;}
    .a1_bt_r {width: 100%;}
}


@media (max-width: 960px){
    .a1_top h2 {font-size: 25px; margin: 150px 0;}
    .a1_top .sl_l{font-size: 90px;}
    .a1_top.move .sl_l {left: 20px;}
    .a1_top .sl_r {font-size: 90px;}
    .a1_top.move .sl_r {right: 20px;}

    .a1_mid_wrap ul li.a1_mid_img {display: none;}
    .a1_mid_wrap ul li.a1_mid_txt {width: 100%; max-width: unset;}
    .a1_mid_wrap ul li.a1_mid_txt p {font-size: 18px;}

    .a1_bt_l p {font-size: 22px;}
    .a1_bt_r ul li .value {font-size: 20px;}
}


@media (max-width: 640px){
    .a1_top {padding: 10px 20px;}
    .a1_top h2 {font-size: 18px; margin: 90px 0;}
    .a1_top h2 br {display: none;}
    .a1_top .sl_l{font-size: 50px;}
    .a1_top.move .sl_l {left: 10px;}
    .a1_top .sl_r {font-size: 50px;}
    .a1_top.move .sl_r {right: 10px;}

    .a1_mid_wrap {margin: 100px auto; padding: 80px 20px;}
    .a1_mid_wrap ul li.a1_mid_txt p {font-size: 14px;}
    .a1_mid_wrap ul li.a1_mid_txt span {font-size: 25px; margin-top: 70px;}

    .a1_bt_l h2 {font-size: 30px; margin-bottom: 20px;}
    .a1_bt_l p {font-size: 16px;}
    .a1_bt_l p br {display: none;}
    .a1_bt_l a {font-size: 12px; padding: 15px 20px; margin-top: 20px;}
    .a1_bt_l a i {margin-right: 15px;}
    .a1_bt_r ul li {flex-direction: column; padding: 20px 10px;}
    .a1_bt_r ul li .label {font-size: 16px; margin-bottom: 10px; font-weight: 600;}
    .a1_bt_r ul li .value {font-size: 14px; font-weight: 500;}
}
/*인사말*/




.a2 {}
.a2_con {position:relative; padding-left:50%; padding-bottom: 100px;}
.a2_con .years_tit {position:absolute; top:0; left:0; width:50%; height:100vh; max-height:calc(var(--vh, 1vh) * 100); background:url('../img/a2_img.jpg') no-repeat 50% 50% / cover; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center;}
.a2_con .years_tit .tit {font-size:20px; color:#fff; font-weight:300; line-height:1.4; margin-bottom:80px; text-align:center; word-break: keep-all;}
.a2_con .years_tit .tit strong {font-weight: 500; font-size: 45px;}
.a2_con .years_tit ul {display:flex; flex-direction:column; gap:20px;}
.a2_con .years_tit li {font-size:60px; color:rgba(255,255,255,0); font-weight:700; line-height:84px; -webkit-text-stroke:1px rgba(255,255,255,.3)}
.a2_con .years_tit li.on {color:#fff; -webkit-text-stroke:0;}
.a2_con .years_tit li p {display:block; color:inherit;}
.a2_con .years_con {padding:80px 0 100px 80px;}
.a2_con .years_con dl {margin-bottom:100px;}
.a2_con .years_con dl:last-child {margin-bottom:0;}
.a2_con .years_con dt {position:relative; font-size:45px; color:#000; font-weight:700; line-height:1.2;}
.a2_con .years_con dt .ypoint {position:absolute; top:-50vh;}
.a2_con .years_con dd {padding-top:35px; display:flex; flex-direction:column; gap:17px;}
.a2_con .years_con dd p {position:relative; color:#333; line-height:1.6; padding-left:100px;font-size: 20px; word-break: keep-all;}
.a2_con .years_con dd p strong {position:absolute; top:0; left:0; color:#122742; font-weight:700;}
.a2_con .hispoint {position:absolute; top:0;}
.a2_con .setpoint {position:absolute; top:-40px;}
.upset .a2_con .setpoint {top:-100px;}
.a2_con .his_end {top:calc(100% - 100vh);}
.a2_con.start .years_tit {position:fixed;}
.a2_con.end .years_tit {position:absolute; bottom:0; top:auto;}

@media screen and (max-width: 960px) {
	.a2_con {padding-left:0; padding-bottom: 0px;}
	.a2_con .years_tit {display: none;}
	.a2_con .years_con {padding:40px 20px 150px 20px;}
	.a2_con .years_con dt {font-size:25px;}
	.a2_con .years_con dl {margin-bottom: 50px;}
	.a2_con .years_con dd {gap:5px; padding-top: 25px;}
	.a2_con .years_con dd p {padding-left:80px; font-size: 16px;}
}


@media screen and (max-width: 640px) {
	.a2 {}
	.a2_con .years_con {padding: 0 20px 50px 20px;}
	.a2>h2 {font-size: 16px; margin-bottom: 10px;}
    .a2>h3 {font-size: 24px; padding: 0 20px;}
	.a2_con .years_con dd p {font-size: 14px; padding-left: 70px;}
	.a2_con .years_con dl {margin-bottom: 30px;}
}










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







.a5 {}
.a5_wrap {}

.a5_wrap>h2 {display: flex; align-items: center;font-size: 20px; word-break: keep-all; padding: 20px 40px; background: #122742; color: #fff; font-weight: 400; line-height: 1.4;}
.a5_wrap>h2 i {font-size: 16px; margin-right: 20px;}

.a5_info {margin: 20px 0; padding: 40px 20px; display: flex; flex-wrap: wrap; border: 1px solid #ccc;}
.a5_info li {width: 33.33%; font-size: 20px; color: #555;display: flex; align-items: center;}
.a5_info li i {font-size:14px; color: #ccc;}
.a5_info li span {width: 100px; display: inline-block; font-weight: 600; color: #000; padding-left: 20px; line-height: 1;}

.a5_bt {display: flex; flex-wrap: wrap;}
.a5_bt li {margin-right: 20px;}
.a5_bt li a {padding: 15px 30px; border: 1px solid #333; display: flex; font-weight: 600; align-items: center; transition: all 0.5s;}
.a5_bt li a:hover {background: #122742; color: #fff; border: 1px solid #fff;}
.a5_bt li a img {height: 28px; margin-right: 30px;}

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

@media screen and (max-width: 960px) {
  .a5_info {flex-direction: column;}
  .a5_info li {width: 100%; margin-bottom: 10px;}
  .a5_bt li:last-child {margin-right: 0;}
  .a5_bt li a {padding: 13px 25px;}
  .a5_bt li a img {margin-right: 20px;}
}


@media screen and (max-width: 640px) {
  .a5_wrap>h2 {font-size: 16px; padding: 20px; flex-direction: column; align-content: flex-start; align-items: unset;}
  .a5_wrap>h2 i {margin-right: 0; margin-bottom: 20px; font-size: 16px;}
  .a5_info {margin: 20px 0; padding: 20px;}
  .a5_info li {font-size: 14px;}
  .a5_info li i {font-size: 12px;}
  .a5_info li span {width: 80px; padding-left: 15px;}
  .a5_bt li {margin-right: 0; margin-bottom: 10px; width: 100%;}
}