@import url('https://fonts.googleapis.com/css2?family=Nanum+Brush+Script&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Pen+Script&display=swap');

.nanum-brush-script-regular {
  font-family: "Nanum Brush Script", cursive;
  font-weight: 400;
  font-style: normal;
}

.nanum-pen-script-regular {
  font-family: "Nanum Pen Script", cursive;
  font-weight: 400;
  font-style: normal;
}



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




/* a1 */
.a1 {}
.a1 .box {margin-bottom: 50px; border-bottom: 1px solid #ddd; padding-bottom: 50px;}
.a1 .box:last-child {margin-bottom: 0; border-bottom: none; padding-bottom: 0;}
.a1 .box h2 {display: block; margin-bottom: 20px; font-size: 30px;}
.a1 .box p {font-size: 18px; word-break: keep-all; line-height: 1.6;}
.a1 .box .txt_box {padding: 30px; background-color: #f7f7fb;}
.a1 .box1 {border-bottom: none;}
.a1 .box1 h2 {text-align: center; font-size: 40px; margin-bottom: 30px;}
.a1 .box1 p {text-align: center;}
.a1 .box3 ul {display: flex; gap: 30px; text-align: center; flex-wrap: wrap;}
.a1 .box3 ul li {width: calc(50% - 15px); font-size: 18px; word-break: keep-all; line-height: 1.6; padding: 30px; border: 1px solid #035199;}
.a1 .box3 ul li:nth-child(2), .a1 .box3 ul li:nth-child(3) {background-color: #035199; color: #fff;}
/* .a1 .box4 .flex_box {display: flex; gap: 30px;}
.a1 .box4 .flex_box .left {width: 40%;}
.a1 .box4 .flex_box .left img {width: 100%;}
.a1 .box4 .flex_box .right {width: calc(60% - 30px);} */
.a1 .box .center {text-align: center; line-height: 1.5; font-size: 25px; color: #035199; margin-top: 50px; word-break: keep-all;}

@media screen and (max-width: 960px) {}
@media screen and (max-width: 640px) {
  .a1 .box {margin-bottom: 40px; padding-bottom: 40px;}
  .a1 .box .txt_box {padding: 20px;}
  .a1 .box h2 {font-size: 25px;}
  .a1 .box1 h2 {font-size: 35px;}
  .a1 .box p, .a1 .box3 ul li {font-size: 16px;} 
  .a1 .box .center {font-size: 22px;}
  .a1 .box3 ul {gap: 20px;}
  .a1 .box3 ul li {width: 100%; padding: 20px;}
  .a1 .box3 ul li:nth-child(3) {background-color: #fff; color: #000;}
  .a1 .box3 ul li:nth-child(4) {background-color: #035199; color: #fff;}
}
/* a1 */





/* a2 */
.a2_wrap {display: flex; flex-wrap: wrap; align-items: flex-start;}

.a2 .a2_title {text-align: center; width: 100%; margin-bottom: 100px;}
.a2 .a2_title h1 {position:relative;display:inline-block;font-size:80px;line-height:1.3;color:#ccc;overflow:hidden; font-family: "Nanum Pen Script", cursive; font-weight: 400;}
.a2 .a2_title h1 span {position:absolute;left:0;top:0;width:0;white-space:nowrap;overflow:hidden;color:#104c77;animation:highlight 2s forwards; font-family: "Nanum Pen Script", cursive; font-weight: 400;}
.a2 .a2_title div:nth-child(2) h1 span {animation-delay:2.2s}

.a2_img {width: 30%; margin-right: 10%;position: relative;}
.a2_img::before {content: ""; display: block; width: 100%; height: 100%; position: absolute; background: #d1af7b; z-index: -1; right: -30px; top: 30px;}
.a2_img img {width: 100%;}

.a2_txt {width: 60%; padding-top: 50px;}
.a2_txt p {font-size: 18px; word-break: keep-all; line-height: 1.6;}
.a2_txt p strong {font-size: 24px;}
.a2_txt span {font-family: "Nanum Pen Script", cursive; font-size: 30px; margin-top: 80px; display: block; text-align: right;}
.a2_txt span b {font-size: 36px; font-weight: 400;}

@keyframes highlight{
    0%{width:0}
    100%{width:100%}
}


@media screen and (max-width: 960px) {
    .a2_wrap {flex-direction: column;}
    
    .a2 .a2_title h1 {font-size: 60px;}

    .a2_img {width: 100%; margin-right: 0; margin: 0 auto 100px auto; max-width: 400px;}
    .a2_txt {width: 100%;}
}


@media screen and (max-width: 960px) {
  .a2 .a2_title {margin-bottom: 20px;}
    .a2 .a2_title h1 {font-size: 40px;}
    .a2_img {max-width: 250px;}
    .a2_txt {padding-top: 0;}
    .a2_txt p {font-size: 16px;}
    .a2_txt p strong {font-size: 20px;}
    .a2_txt span {font-size: 25px; margin-top: 50px;}
}
/* a2 */






/* a4 */
.a4 {line-height: 1.6;}
.a4_wrap {word-break: keep-all;}
.a4_wrap b {font-weight: 500;}
.a4_wrap b.line {font-weight: 400; text-decoration: underline;}
.a4_wrap h2 {font-size: 24px; text-align: center; margin: 100px 0;}
.a4_wrap h2:first-child  {margin: 0 0 100px 0;}
.a4_wrap div.a4_con {margin: 50px 0;}
.a4_wrap div.a4_con h3 {font-size: 18px; margin-bottom: 10px;}
.a4_wrap div.a4_con p {font-size: 16px;}
.a4_wrap div.a4_con ul li {font-size: 16px;}
.a4_wrap div.a4_con ul.revise {margin-top: 20px;}

@media screen and (max-width: 960px) {
  .a4_wrap h2 {font-size: 20px; margin: 70px 0;}
  .a4_wrap h2:first-child  {margin: 0 0 70px 0;}
  .a4_wrap div.a4_con {margin: 30px 0;}
  .a4_wrap div.a4_con h3 {font-size: 16px;}
  .a4_wrap div.a4_con p {font-size: 14px;}
  .a4_wrap div.a4_con ul li {font-size: 14px;}
  .a4_wrap div.a4_con ul.revise {margin-top: 10px;}
}
/* a4 */








/* a6 */
.a6 {}
.a6_wrap {}

.a6_wrap>h2 {display: flex; align-items: center;font-size: 20px; margin-bottom: 50px; word-break: keep-all; padding: 20px 40px; background: #035199; color: #fff; font-weight: 400;}
.a6_wrap>h2 i {font-size: 16px; margin-right: 20px;}

.a6_info {margin: 50px 0; display: flex; flex-wrap: wrap;}
.a6_info li {width: 33.33%; font-size: 20px; color: #555;}
.a6_info li span {width: 100px; display: inline-block; font-weight: 600; color: #000; padding-left: 10px; border-left: 4px solid #035199; line-height: 1;}

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

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

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


@media screen and (max-width: 640px) {
  .a6_wrap>h2 {font-size: 18px; margin-bottom: 30px; padding: 20px; flex-direction: column; align-content: flex-start; align-items: unset;}
  .a6_wrap>h2 i {margin-right: 0; margin-bottom: 20px; font-size: 20px;}
  .a6_info {margin: 30px 0;}
  .a6_info li {font-size: 16px;}
  .a6_info li span {width: 90px;}
  .a6_bt li {margin-right: 0; margin-bottom: 10px; width: 100%;}
}
/* a6 */




/* b2 */
.b2 {}
.b2 .box {margin-bottom: 50px; border-bottom: 1px solid #ddd; padding-bottom: 50px;}
.b2 .box:last-child {margin-bottom: 0; border-bottom: none; padding-bottom: 0;}
.b2 .box h2 {display: block; margin-bottom: 20px; font-size: 30px; word-break: keep-all;}
.b2 .box p {font-size: 18px; word-break: keep-all; line-height: 1.6;}
.b2 .box .txt_box {padding: 30px; background-color: #f7f7fb;}
.b2 .box .table_box {}
.b2 .box .table_box table {font-size: 18px; word-break: keep-all; width: 100%; border-collapse: collapse; border-top: 2px solid #222;}
.b2 .box .table_box table th {padding: 30px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; background-color: #f7f7fb;}
.b2 .box .table_box table td {padding: 30px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.b2 .box .table_box table td:last-child {border-right: none;}
.b2 .box1 {border-bottom: none;}
.b2 .box1 h2 {text-align: center; font-size: 40px; margin-bottom: 30px;}
.b2 .box1 p {text-align: center;}
.b2 .box4 ul {display: flex; flex-wrap: wrap; gap: 30px;}
.b2 .box4 ul li {width: calc(50% - 15px); padding: 30px; align-items: center; border: 1px solid #035199; display: flex; gap: 30px;}
.b2 .box4 ul li .icon_box {width: 15%;}
.b2 .box4 ul li .icon_box img {width: 100%; max-width: 70px;}
.b2 .box4 ul li .text_box {width: calc(85% - 30px);}
.b2 .box4 ul li .text_box h3 {font-size: 20px; margin-bottom: 10px;}
.b2 .box4 ul li .text_box p {}
.b2 .box4 ul li:nth-child(2), .b2 .box4 ul li:nth-child(3) {background-color: #035199; color: #fff;}
.b2 .box4 ul li:nth-child(2) .icon_box img, .b2 .box4 ul li:nth-child(3) .icon_box img {filter: brightness(0) invert(1);}

@media screen and (max-width: 640px) {
  .b2 .box {margin-bottom: 40px; padding-bottom: 40px;}
  .b2 .box .txt_box {padding: 20px;}
  .b2 .box h2 {font-size: 25px;}
  .b2 .box1 h2 {font-size: 35px;}
  .b2 .box p {font-size: 16px;} 
  .b2 .box .table_box table {font-size: 16px;}
  .b2 .box .table_box table th, .b2 .box .table_box table td {padding: 20px;}
  .b2 .box4 ul li {width: 100%; padding: 20px;}
  .b2 .box4 ul li:nth-child(4) {background-color: #035199; color: #fff;}
  .b2 .box4 ul li:nth-child(4) .icon_box img {filter: brightness(0) invert(1);}
  .b2 .box4 ul li:nth-child(3) {background-color: #fff; color: #000;}
  .b2 .box4 ul li:nth-child(3) .icon_box img {filter: unset;}
}
@media screen and (max-width: 500px) {
  .b2 .box4 ul li {flex-wrap: wrap; gap: 20px;}
  .b2 .box4 ul li .icon_box {width: 100%;}
  .b2 .box4 ul li .text_box {width: 100%; text-align: center;}
  .b2 .box4 ul li .icon_box img {display: block; margin: 0 auto;}
}
/* b2 */