@charset "utf-8";

@font-face {
  font-family: 'ChosunGs';
  font-weight: normal;
  font-style: normal;
  src: url('font/ChosunGs.eot');
  src: url('font/ChosunGs.eot?#iefix') format('embedded-opentype'),
       url('font/ChosunGs.woff2') format('woff2'),
       url('font/ChosunGs.woff') format('woff'),
       url('font/ChosunGs.ttf') format("truetype");
  font-display: swap;
}

/* common */
.tal {text-align: left;}
.tac {text-align: center;}
.tar {text-align: right;}
.fwb {font-weight: bold;}

.contents .mb0 {margin-bottom: 0}

.sub_bg {position: relative;width: 100%;height: 100vh;background-repeat: no-repeat;background-size: cover;text-align: center;background-position: 50% 50%;}
.sub_bg > .container {transform: translateX(-50%) translateY(-75%);z-index: 10;position: absolute;top: 50%;left: 50%;width: 100%;}
.sub_bg::before {content: '';display: block;position: absolute;z-index: 1;width: 100%;top: 0;opacity: .5;height: 100%;background: #000;}
.sub_bg h2 {font-size: 65px;color: #fff;position: relative;z-index: 5;font-weight: 500;}
.sub_bg.s1_1 .container {top: 40%;}
.sub_bg.s1_0 .container {top: 40%;}
.sub_bg h2 span.small {font-size: 2.2rem;}
.sub_bg h2 span.fwn {font-weight: 200;}
.sub_bg p { font-size: 20px; color: #fff; margin-top: 40px; z-index: 10; position: relative; }
.title .caption {color: inherit;margin-top: 0;font-size: 18px;padding: 0 15px;}
.title {position: relative;z-index: 20;text-align: center;margin: -20% auto 30px;}
.title img {border: 15px solid #fff;max-width: 1024px;width: 100%;box-sizing: border-box;}
.sub_bg .writer {font-weight: 500;line-height: 1.4;}
.sub_bg .writer span {font-weight: 200;text-decoration: underline;  text-decoration-thickness: 1px;text-underline-position : under;}
.sub_bg .writer span::after {content: '';display: inline;height: 3px;background: #fff;}
.fixed_title {display: none;opacity: 0;position: fixed;color: #000;z-index: 100;left: -2%;bottom: 39%;transition: opacity .5s ease-out;font-weight: 200;transform: rotate(270deg);font-size: 30px;text-align: left;}
.fixed_title.active {opacity: 1;transition: opacity 2s ease;visibility: visible;}
.fixed_title.active .small {font-size: 1.2rem;text-indent: 2px;display: inline-block;}

.listpage .fixed_title {left: 0;}

.sub_bg.s1_0 {background-image: url("../img/sub/f1/subBg1_0.jpg");}
.sub_bg.s1_1 {background-image: url("../img/sub/f1/subBg1_1.jpg");}
.sub_bg.s1_2 {background-image: url("../img/sub/f1/subBg1_2.jpg");}
.sub_bg.s1_3 {background-image: url("../img/sub/f1/subBg1_3.jpg");}
.sub_bg.s1_4 {background-image: url("../img/sub/f1/subBg1_4.jpg");}
.sub_bg.s2_1 {background-image: url("../img/sub/f2/subBg2_1.jpg");}
.sub_bg.s2_2 {background-image: url("../img/sub/f2/subBg2_2.jpg");}
.sub_bg.s2_3 {background-image: url("../img/sub/f2/subBg2_3.jpg");}
.sub_bg.s2_4 {background-image: url("../img/sub/f2/subBg2_4.jpg");}
.sub_bg.s2_5 {background-image: url("../img/sub/f2/subBg2_5.jpg");}
.sub_bg.s3_1 {background-image: url("../img/sub/f3/subBg3_1.jpg");}
.sub_bg.s3_2 {background-image: url("../img/sub/f3/subBg3_2.jpg");}
.sub_bg.s3_3 {background-image: url("../img/sub/f3/subBg3_3.jpg");}
.sub_bg.s3_4 {background-image: url("../img/sub/f3/subBg3_4.jpg");}
.sub_bg.s3_5 {background-image: url("../img/sub/f3/subBg3_5_00.jpg");}
.sub_bg.listpage {background-image: url("../img/common/listpage.jpg");}

.sub_wrap {overflow: hidden;}
.circle {width: 100px;height: 100px;text-align: center;line-height: 105px;color: #fff;margin: 0 auto 15px;background: #b07c84;border-radius: 100px;font-size: 1.2rem;font-weight: 500;}
.contents .row p {font-size: 1.3em;line-height: 1.4;text-align: justify;}
.contents .row p.tac {text-align: center;}
.contents .row .caption { font-size: 18px;  margin-top: 7px;  text-align: center;}
.contwrap h3 {font-size: 35px;margin-bottom: 30px;position: relative;display: inline-block;}
.contwrap h3.sub_tit {font-size: 43px;margin-bottom: 12px;width: 45%;border-right: 8px solid #b9781a;}
.contwrap p.sub_txt {font-size: 25px;margin-bottom: 12px;text-align: right;width: 50%;}
.row blockquote {font-family: 'ChosunGs';font-size: 27px;line-height: 1.5;position: relative;margin: 0;padding: 2rem 2rem 0;text-align: center;color: #f68b33;/* margin: 5rem auto 4rem; */}

/* grid */
.contents .row {display: flex;justify-content: center;}
.column.full {width: 100%;}
.column.half {width: 50%;padding: 0 1%;}

.column.one-third {width: calc(33.5% - 30px);}
.column.one4 { width: calc(25.3% - 30px); }
.column.one { width: calc(30% - 30px); }
.column.one2 { width: calc(70% - 30px); }
.contwrap::after, .row::after { clear: both; }
.contwrap { margin-bottom: 50px; }
.row { margin-bottom: 30px;}

.contents .row .text .split {
	color: #000;
}

.full_bg {
  position: relative;
  background: #f6b88f;
  min-height: 20rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

.full_bg:before {
  position: absolute;
  top: 0;
  /* left: 12px; */
  width: 1px;
  height: 0;
  background: #f16338;
  content: '';
  -webkit-transition: .3s;
  transition: .3s;
  /* text-align: center; */
  /* margin: auto; */
  top: auto;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 60%;
  z-index: 1;
}

.full_bg.active:before {
    height: 14rem;
}

.full_bg:after {
  content: "";
  width: 10px;
  height: 10px;
  background-color: #f16338;
  border-radius: 50%;
  position: absolute;
  top: auto;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 7.7rem;
  opacity: 0;
}

.full_bg.active:after {
	opacity: 1;
}


.txt {
  font-size: 2.2rem;
  color: #555;
}

.tit_font2 {
  color: #000;
  font-size: 3.8rem;
  line-height: 1.4736842105;
  margin-bottom: 3.5rem;
  text-align: center;
  word-break: keep-all;
}

.contents .row .text p {
  font-size: 55px;
  font-weight: 400;
}

.animated-text {
  opacity: 0; /* 초기 상태에서 투명하게 설정 */
  transform: translateY(50px); /* 초기 상태에서 아래로 이동 */
}

.animated-img {
  opacity: 0; /* 초기 상태에서 투명하게 설정 */
  transform: translateY(50px); /* 초기 상태에서 아래로 이동 */
}

.animated-key {
  opacity: 0;
  transform: translateX(50px);
  font-size: 2.5rem;
  display: block;
}
.animated-key1 {opacity: 0;transform: translateY(50px);font-size: 2.5rem;display: block;margin-bottom: 50px;}


.flex {display: flex;}
.flex-sp {display: flex;justify-content: space-between;width: 100%;margin: 50px 0 115px;}

.row blockquote:before,
.row blockquote:after { position: absolute; width: 70px; height: 60px; }
.row blockquote:before { content: ''; left: 50%; top: 0; transform: translate(-50%, -100%); background: url(../img/sub/f1/bq_up.png); }
.row blockquote:after { content: ''; left: 50%; bottom: 0; transform: translate(-50%, 100%); background: url(../img/sub/f1/bq_down.png); }

/* 다른기사보기 */
.sub_foot .relation { width: 100%; position: relative; margin-bottom: 50px; }
/* .sub_foot .relation img {border: 1px solid #dbdbdb;box-sizing: border-box;} */
.sub_foot .relation .rel_tit::before { content: ''; display: inline-block; background: url(../img/common/icon_section.png); width: 60px; height: 65px; margin-right: 10px; vertical-align: bottom; }
.sub_foot .relation .rel_tit { margin-bottom: 40px; font-size: 27px; font-weight: 500; }
.sub_foot .relation .rel_tit::after { content: ""; background-color: rgb(121 121 121); width: 94%; height: 1px; position: absolute; right: 0px; top: 75px; }
.sub_foot .relation .swiper { overflow: hidden; }
.sub_foot .relation .swiper-slide p { overflow: hidden; font-size: 19px; line-height: 20px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow-wrap: break-word; font-weight: 500; color: rgb(50, 59, 80); word-break: keep-all; margin: 10px 0px; }
.sub_foot .relation .swiper-slide p b {color: #2ca6df;margin-bottom: 10px;display: inline-block;}
.sub_foot .relation .swiper-slide:last-child { margin-right: 0px; }


.profile {position: relative;}
.profile .line::after {content: '';display: block;height: 1px;background: #c19086;position: absolute;top: 35%;width: 70%;z-index: -1;}
.profile .row p {text-align: center;color: #704d57;font-weight: 500;}
.profile_bg {background: #ebe6e5;padding: 10% 20px 30px;margin-top: -10%;width: 80%;margin: -10% auto 0;}
.profile_bg h4 { font-family: 'ChosunGs'; font-size: 28px; margin-bottom: 15px; color: #704d57;}

.contents div span.q { color: #fff; font-size: 85px; position: absolute; transform: translate(-37%, -94%); }

.contents div span.q:nth-child(1) {color: transparent;-webkit-text-stroke: 3px #e10e64;padding-bottom: 20px;}

.sub0_1 {padding: 100px 0 50px;background: #dde0f0;margin-bottom: 40px;}
.sub0_1 .people {display: flex;gap: 35px;justify-content: center;margin-bottom: 20px;}
.sub0_1 .people li {text-align: center;}
.sub0_1  .contwrap:nth-child(4n) {margin-bottom: -50px;}
.sub0_1 .bg_1 {position: relative;z-index: 1;}
.sub0_1 .bg_2 {position: absolute;width: 100%;top: 32%;z-index: 0;}
.sub0_1 .bg_3 {position: relative;z-index: 1;}
/* sub_1_01 */
.sub1_1 .ani1 {margin-top: 110px;font-size: 90px;font-family: 'Colibre Bristole Pro', sans-serif;color: #000;}
.sub1_1 .ani1::after {display: none;}
.sub1_2 .contwrap h3 .line {color: transparent;-webkit-text-stroke: 1px #000;}
.sub1_2.contents h2 div span.q:nth-child(1) { color: transparent; -webkit-text-stroke: 3px #38a787; padding-bottom: 20px; }
.sub1_2.contents h2 div span.q:nth-child(2){ color: #38a787; }
.sub1_2.contents h2 .boxtxt {margin-bottom: 10px;display: inline-block;}
.sub1_2 .listbox {font-size: 25px;color: #00529c;background: #dcefea;display: inline-block;padding: 3px 12px;}
.sub1_2 .listbox_txt {color: #003964;font-size: 23px;text-underline-offset: 5px;margin-bottom: 10px;text-decoration: underline;}
.sub1_2 .ollist {color: #38a787;font-size: 22px;}
.sub1_2 .ollist li {list-style: auto;margin-left: 30px;}
.sub1_2 .ollist.han li {list-style: hangul;}
.sub1_2 .ollist li::marker {width: 20px;height: 20px;background: #000;font-weight: 500;}

.sub1_3 .contwrap h3 {color: #9e339e;}
.sub1_3 .contwrap .highlighter {background-image: linear-gradient(#ffece7, #ffece7);}
.sub1_3.contents h3 div span.q {color: #fff;font-size: 85px;position: absolute;transform: translate(-37%, -94%);}
.sub1_3.contents h3 div span.q:nth-child(1) { color: transparent; -webkit-text-stroke: 3px #b07c84; padding-bottom: 20px; }
.sub1_3.contents h3 div span.q:nth-child(2) {color: #b07c84;animation: animate 4s ease-in-out infinite;padding-bottom: 20px;}
.sub1_3 .comp_list {display: flex;justify-content: space-evenly;}
.sub1_3 .comp_list li {font-size: 1.5em;font-weight: 800;margin-bottom: 20px;}
.sub1_3 .comp_list li:first-child {color: #ef5ba1;}
.sub1_3 .comp_list li:last-child {color: #6c3f98;}
.sub1_3 .row {text-align: center;}
.sub1_3 hr {
  border-color: #ff806f;
  /* color: red; */
  border-style: dashed;
  /* border-width: thin; */
}
.sub1_3 .row .name {font-size: 1.3em;margin-bottom: 10px;display: inline-block;}
.sub1_3 .row .name::before {content: '';display: inline-block;background: url(../img/sub/f1/mark.png);width: 40px;height: 27px;margin-right: 7px;}
.sub1_3 .row .under {font-size: 1.3em;text-decoration: underline;text-underline-position: under;text-decoration-thickness: 1px;}
.sub1_3 .animated-key {display: block;font-size: 2.5rem;margin-top: 10px;}
.sub1_3 .box {border: 1px solid #b4b0b0;padding: 15px;}
.sub1_4 .row blockquote:before,
.sub1_4 .row blockquote:after { position: absolute; width: 70px; height: 61px; }
.sub1_4 .row blockquote:before { content: ''; left: 50%; top: 0; transform: translate(-50%, -100%); background: url(../img/sub/f1/bq_up.png); }
.sub1_4 .row blockquote:after { content: ''; left: 50%; bottom: 0; transform: translate(-50%, 100%); background: url(../img/sub/f1/bq_down.png); }
.sub1_4 .contwrap h3 .small {font-size: 30px;}
.sub1_4.contents div span.q {position: relative;}
.sub1_4.contents div span.a {/* font-size: 2rem; */font-weight: 800;}
.sub1_4.contents div span.a.active::after {content: '';display: inline-block;height: 1px;background: #000;width: 16px;}
.sub1_4.contents div span.a::after {content: '';display: inline-block;height: 1px;background: #000;width: 0px;transition: .5s;transition-delay: .8s;}
.sub1_4.contents h2 {line-height: 1;margin-bottom: 15px;position: relative;}
.sub1_4 .highlighter {background-image: linear-gradient(#ffebf3, #ffebf3);background-size: 0% 100%;background-position: 0% 0%;background-repeat: no-repeat;transition:0.8s;transition-delay:0.5s;}
.sub1_4 .highlighter.show{background-size:100% 100%;}
.sub1_4.contents .row p {line-height: 1.7;}
.sub1_4 .mt25 {margin-top: 25%;}

/* .sub2_3 .contwrap h3 {font-size: 1.5rem;margin-bottom: 10px;} */
.sub2_3.contents div span.q {position: relative;}
.sub2_3.contents div span.a {/* font-size: 2rem; */font-weight: 800;}
.sub2_3.contents div span.a.active::after {content: '';display: inline-block;height: 1px;background: #000;width: 16px;}
.sub2_3.contents div span.a::after {content: '';display: inline-block;height: 1px;background: #000;width: 0px;transition: .5s;transition-delay: .8s;}
.sub2_3.contents h2 {line-height: 1;margin-bottom: 15px;position: relative;}
.sub2_3 .highlighter {background-image: linear-gradient(#db9292, #db9292);background-size: 0% 100%;background-position: 0% 0%;background-repeat: no-repeat;transition:0.8s;transition-delay:0.5s;}
.sub2_3 .highlighter.show{background-size:100% 100%;}
.sub2_3.contents .row p {line-height: 1.7;}
.sub2_3 .mt25 {margin-top: 25%;}
.sub2_3.contents div span.q:nth-child(1) {color: transparent;-webkit-text-stroke: 3px #d14e4e;padding-bottom: 20px;}


.sub1_4 .people {display: flex;gap: 40px;justify-content: center;}
.sub1_4 .people li {text-align: center;font-size: 1.3rem;width: 18%;}
.sub1_4 .people li img {border-radius: 100%;}
.sub1_4 .people li .under {text-decoration: underline;text-decoration-thickness: 1px;text-underline-position : under;margin-top: 5px;display: inline-block;font-weight: 600;}
.sub1_4 .t1 {transform: translateX(-100%);opacity: 0;}
.sub1_4 .t2 {transform: translateX(100%);opacity: 0;}

.sub1_4 .people li span.under {color: inherit;}
.sub1_4 .people .ani1 p, .sub1_4 .people .ani1 span {color: #004c9e;}
.sub1_4 .people .ani2 p, .sub1_4 .people .ani2 span {color: #ffc000;}
.sub1_4 .people .ani3 p, .sub1_4 .people .ani3 span {color: #00af8c;}
.sub1_4 .people .ani4 p, .sub1_4 .people .ani4 span {color: #ff8caf;}

.anim_img {position: absolute;}
.title .anim_img0 {left: 0%;border: none;top: 10%;max-width: inherit;}
.anim_img1 {left: -2.3%;bottom: 0;}
.anim_img2 {right: 2.9%;top: 0;}
.animated-img:hover + .anim_img1, .animated-img:hover + .anim_img2 {animation: bounce 2s ease infinite;}

.flip-box {
  background-color: transparent;
  width: 350px;
  height: 162px;
  margin-bottom: 20px;
  perspective: 1000px; /* Remove this if you don't want the 3D effect */
}

/* This container is needed to position the front and back side */
.flip-box-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-box:hover .flip-box-inner {
  transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-box-front, .flip-box-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;
}

/* Style the front side (fallback if image is missing) */
.flip-box-front {
  /* background-color: #bbb; */
  color: black;
}

/* Style the back side */
.flip-box-back {
  background-color: #f5d94f;
  color: white;
  transform: rotateY(180deg);
  line-height: 2;
  border-radius: 20px;
}

.contents .flip-box-back h2 {font-size: 2rem;}
.contents .flip-box-back p {font-size: 1.5rem;text-align: center;margin-top: 10px;}

.contents div span.q:nth-child(2) { color: #edb4b4; animation: animate 4s ease-in-out infinite; padding-bottom: 20px; }
.highlighter {background-image: linear-gradient(#ffece7, #ffece7); background-size: 0% 100%; background-position: 0% 0%; background-repeat: no-repeat; transition:0.8s; transition-delay:0.5s; }
.highlighter.show{background-size:100% 100%;}
.contents div span.q:nth-child(2) { color: #edb4b4; animation: animate 4s ease-in-out infinite; padding-bottom: 20px; }

.sub2_1 .people {display: flex;gap: 35px;justify-content: center;margin-bottom: 20px;}
.sub2_1 .people li {text-align: center;font-size: 1.3rem;width: 20%;}
.sub2_1 .people li .under {text-decoration: underline;text-decoration-thickness: 1px;text-underline-position : under;margin-top: 5px;display: inline-block;font-weight: 600;}
.sub2_1 .people li p.msg {font-size: 1.2rem;font-weight: 600;text-align: center;margin-top: 15px;color: #006fcf;line-height: 1.2;}
.sub2_1 .t1 {transform: translateX(-100%);opacity: 0;}
.sub2_1 .t2 {transform: translateX(100%);opacity: 0;}
.sub2_1 .t3 {transform: translateX(-100%);opacity: 0;}
.sub2_1 .t4 {transform: translateX(100%);opacity: 0;}
.sub2_1 .t5 {transform: translateX(-100%);opacity: 0;}
.sub2_1 .t6 {transform: translateX(100%);opacity: 0;}
.sub2_1 .t7 {transform: translateX(-100%);opacity: 0;}
.sub2_1 .t8 {transform: translateX(100%);opacity: 0;}
.sub2_2 .t1 {transform: translateX(-100%);opacity: 0;}
.sub2_2 .t2 {transform: translateX(100%);opacity: 0;}
.sub2_2 .underline {background-image: linear-gradient(#f68c3d, #f68c3d);}

.sub2_3 .people {display: flex;gap: 35px;justify-content: center;margin-bottom: 20px;}
.sub2_3 .people li {text-align: center;font-size: 1.3rem;width: 20%;}
.sub2_3 .people li img {border-radius: 100%;}
.sub2_3 .people li .under {text-decoration: underline;text-decoration-thickness: 1px;text-underline-position : under;margin-top: 5px;display: inline-block;font-weight: 600;}
.sub2_3 .people li p.msg {font-size: 1.2rem;font-weight: 600;text-align: center;margin-top: 15px;/* color: #e99006; */line-height: 1.2;}

.sub2_4 .green {color: #39a966;}
.sub2_4 .orange {color: #f68b3c;}
.sub2_4 .animated-logo {font-size: 4.5rem;}

/*추가*/
.sub3_5 .people {display: flex;gap: 55px;justify-content: center;margin-bottom: 20px;}
.sub3_5 .people li {text-align: center;font-size: 1.3rem;width: 20%;}
.sub3_5 .people li .under2 {text-decoration: underline;text-decoration-thickness: 1px;text-underline-position : under;margin-top: 5px;display: inline-block;font-weight: 600;}
.sub3_5 .people li p.msg2 {font-size: 1.2rem;font-weight: 600;text-align: center;margin-top: 15px;color: #006fcf;line-height: 1.2;}
/*추가*/
#parallax__cont {background-color: #ffc000;position: relative;margin-bottom: 100px;}
#parallax__cont section {max-width: 1280px;width: 98%;margin: 0 auto;}
.parallax__item__desc {font-size: 25vw;position: absolute;left: 35vh;top: 40%;opacity: 0.1;color: #fff;rotate: 90deg;font-weight: 800;}
.parallax__item {
  width: 1000px;
  max-width: 70vw;
  margin: 30vw auto;
  /* background-color: rgba(255,255,255,0.3); */
  text-align: left;
  margin-right: 0;
  position: relative;
  padding: 2vw 0;
}
.parallax__item:nth-child(even) {
  margin-left: 0;
  text-align: right;
}

.parallax__item__imgWrap {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.parallax__item__img {

  filter: saturate(0%);
  transition: all 1s;
}
.parallax__item__img:hover {
  filter: saturate(100%);
  transform: scale(1.025);
}
.proposer {display: flex;max-width: 900px;gap: 30px;align-items: center;}
.proposer .img img {border-radius: 100%;}
.proposer .txt {font-size: 1rem;color: #f68c3d;}
.proposer .txt p {color: #f68c3d;}
.proposer .txt strong {font-size: 1.5rem;font-weight: normal;margin-bottom: 12px;display: inline-block;}
.youtube_wrap {position: relative; padding-bottom: 36%; max-width: 800px; margin: 0 auto;}
.youtube_wrap iframe {position: absolute;width: 100%;height: 100%;}
.pulse { animation: pulse 1s infinite ease-in-out alternate; }
@keyframes pulse {
  from { transform: scale(0.8); }
  to { transform: scale(1.2); }
}

.bounce {animation: bounce 2s ease infinite;}
@keyframes bounce {
    70% { transform:translateY(0%); }
    80% { transform:translateY(-15%); }
    90% { transform:translateY(0%); }
    95% { transform:translateY(-7%); }
    97% { transform:translateY(0%); }
    99% { transform:translateY(-3%); }
    100% { transform:translateY(0); }
}
.inter {font-size: 2.5rem;border: 1px solid #000;display: inline-block;border-radius: 100%;padding: 15px 40px;}
.interlist {display: flex;gap: 2%;justify-content: space-around;align-items: stretch;margin: 70px auto 150px;}
.interlist li {width: 48%;border: 1px solid #58b4c8;text-align: center;padding: 15px 20px 0;position: relative;color: #58b4c8;border-radius: 50px;}
.interlist li p {font-size: 1.2rem;line-height: 1.5;color: #58b4c8;margin-bottom: 50px;}
.interlist li:nth-child(2n) {background: #58b4c8;color: #fff;padding: 15px 20px 0;/* position: relative; */}
.interlist li:nth-child(2n) p {color: #fff;}
.interlist li strong {font-size: 1.5rem;font-weight: 400;}
.interlist li strong::after {border-bottom: 1px solid #00b5a5; content: ''; display: block; width: 75%; margin: 0 auto 10px; padding: 5px;}
.interlist li:nth-child(2n) strong::after {border-bottom: 1px solid #ffffff; content: ''; display: block; width: 75%; margin: 0 auto 10px; padding: 5px;}

.sub2_3 .interlist li {color: #00b5a5;}
.sub2_3 .interlist li {width: 48%;border: 1px solid #00b5a5;text-align: center;padding: 15px 20px;position: relative;border-radius: 50px;}
.sub2_3 .interlist li p {font-size: 1.2rem; line-height: 1.5; color: #00b5a5;margin-bottom: 20px;}
.sub2_3 .interlist li:nth-child(2n) p { color: #fff; }
.sub2_3 .interlist li img {width: 70%;}
.sub2_3 .interlist li:nth-child(2n) {background: #00b5a5;color: #fff;}

.sub2_3 .t1 {transform: translateX(-100%);opacity: 0;text-align: right;}
.sub2_3 .t2 {transform: translateX(100%);opacity: 0;}

.sub2_4.contents .row .text p {font-size: 1.5rem;}
.sub2_4.contents .row .text .split {color: #3da86f;}
.sub2_4.contents .row .text .split .small {font-size: 1.2rem;}
.sub3_1 .ico {vertical-align: top;}
.sub3_1 .one-third img {max-height: 290px;}
.sub3_1.contents .row {display: flex;gap: 25px;align-items: baseline;justify-content: center;}
.sub3_1 .box {border: 4px solid #f68b3c;padding: 30px;border-radius: 30px;}
.sub3_1 .box h4 {font-size: 1.5rem;margin-bottom: 15px;display: inline-block;}
.sub3_1 .box .highlighter {background-image: linear-gradient(#f68b3c, #f68b3c);}
.sub3_1 .box .highlighter.show {background-image: linear-gradient(#f68b3c, #f68b3c);color: #fff;}
.sub3_1 .box.orange {background: #f68b3c;color: #fff;}
.sub3_1 .box.orange p {color: #fff;}
.sub3_1 .box.orange .highlighter {background-image: linear-gradient(#fff, #fff);}
.sub3_1 .box.orange .highlighter.show {color: #f68b3c;}
.sub3_2.contents .flip-box-back {  background-color: #fb8883;}
.sub3_2.contents .flip-box-back p {font-size: 1.9rem;text-align: center;margin-top: 45px;line-height: 1.2;font-weight: 600;color: #fff;}
.kgs_list {padding-top: 20px;border-left: 2px solid #f68b3c;border-right: 2px solid #f68b3c;border-bottom: 5px solid #f68b3c;border-top: 2px solid #f68b3c;margin-top: -5%;}
.kgs_list li {font-size: 1.3rem;border-bottom: 1px solid #000;line-height: 2;}
.kgs_list li:last-child {border-bottom: none;}
.kgs_list li.fwb {color: #f68b3c;}
.kgs_list li .fwb {color: #f68b3c;}
.sub3_2 .contwrap h3 .line {color: transparent;-webkit-text-stroke: 1px #ef5ba1;}
.sub3_2 .highlighter {display: block;background-image: linear-gradient(#ffdd00, #ffdd00);float: right;}
.sub3_3 .split span {color: #a8a2d0;}

.sub3_2 .blue {color: #0213b9;text-decoration: underline;text-decoration-style: wavy;text-decoration-thickness: 1px;text-underline-position: under;display: inline-block;}
.sub3_2 .red {color: #d04c4e;text-decoration: underline;text-decoration-style: wavy;text-decoration-thickness: 1px;text-underline-position: under;display: inline-block;}
.sub3_2 .box {background: #eee;padding: 30px;}
/*추가*/
.sub3_2 .writer2 {color:#ef5ba1;text-decoration: underline;text-decoration-thickness:1px;text-underline-position:under;font-weight: 500;}
.row .point {display: block; font-size: 0.8em; line-height: 1.5; text-align: left; border-top: 1px solid rgb(133, 133, 133); padding-top: 10px; margin-top: 20px; }
sup {color:#3072ef;font-weight: 400;margin-right: 3px;}
/*추가*/
.event_wrap {background: url(../img/sub/f3/event_bg_00.png) 0 0 no-repeat;width: 1024px;/* height: 2041px; */padding: 10% 10% 5%;text-align: left;}
.event_wrap h3 {font-size: 2rem;margin-bottom: 20px;text-align: center;display: block;}
.event_wrap p {font-size: 1.5rem;}
.event_wrap h4 {display: inline-block;margin: 40px 0 30px;font-size: 2.5rem;font-family: 'Colibre Bristole Pro', sans-serif;background: #73464c;color: #fff;padding: 5px 15px;}
.event_wrap ul {display: flex;gap: 20px;justify-content: space-between;text-align: center;}
.event_wrap ul li {width: 25%;}
.event_wrap ul li strong {background: #73464c;color: #fff;width: 40px;height: 40px;display: inline-block;line-height: 40px;border-radius: 100%;font-size: 1.2rem;margin-bottom: 10px;}
.event_wrap ul li .name {font-size: 1.4rem;border-bottom: 1px solid #73464c;margin: 10px 0;padding-bottom: 10px;}
.event_wrap ul li .txt {font-size: 1.2rem;font-weight: 500;}
.event_wrap ul li .txt .ali {font-size: 1rem;color: #73464c;margin: 10px 0;display: inline-block;}
.event_wrap ul li .txt .fwb {font-size: 1.2rem;color: #73464c;font-weight: 700;}
.event_wrap.title img {border: none;}
.event_wrap .msg {border-top: 1px solid #585858;margin-top: 50px;padding-top: 20px;}
.event_wrap .pc {display: block;}
.sub3_5 .mobile  {display: none;}
.sub3_5 .title img {max-width: 100%;width: auto;}
.sub3_5 .small {font-size: 1.3rem;margin: 10px 0 20px;}
.sub3_5 .row .ico_line {text-align: center;max-width: 520px;margin: auto;padding: 5px;display: flex;justify-content: flex-start;background: #fff200 url(../img/sub/f3/event_line.png) 100% 50% no-repeat;background-size: 100% 100%;}
.sub3_5 .row .ico_line .num {background: #000;color: #fff;width: 30px;height: 30px;display: inline-block;border-radius: 30px;line-height: 30px;margin: 0 15px 0 40px;}

.sub3_4 .underline.active {background-size: 100% 1px;}
.sub3_4 .t1 {transform: translateX(-100%);opacity: 0;}
.sub3_4 .t2 {transform: translateX(100%);opacity: 0;}
.sub3_4.contents .row p.tit {font-size: 1.8rem;font-weight: 400;}
.sub3_4 .contwrap h3 {margin-bottom: 10px;}

.btn_event {font-size: 2rem;}
.button-container-1 {position: relative;/* font-size: 3rem; */display: inline-block;padding: 20px;}
.button-container-1 a {
  width: 101%;
  height: 100%;
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-size: 21px;
  /* letter-spacing: 1px; */
  font-weight: bold;
  background: #ffc528;
  -webkit-mask: url("../img/common/nature-sprite.png");
  mask: url("../img/common/nature-sprite.png");
  -webkit-mask-size: 2300% 100%;
  mask-size: 2300% 100%;
  border: none;
  color: #fff;
  cursor: pointer;
  -webkit-animation: ani2 0.7s steps(22) forwards;
  animation: ani2 0.7s steps(22) forwards;
  font-size: 2rem;
  /* padding: 10px; */
  color: #000;
  padding: 20px;
  border: 10px dashed #000;
}
.button-container-1 a:hover {
  -webkit-animation: ani 0.7s steps(22) forwards;
  animation: ani 0.7s steps(22) forwards;
}
.button-container-1 .mas {
  position: absolute;
  color: #73464c;
  text-align: center;
  /* width: 101%; */
  font-family: "Lato", sans-serif;
  font-weight: 300;
  position: absolute;
  font-size: 11px;
  /* margin-top: 17px; */
  overflow: hidden;
  font-weight: bold;
  font-size: 2.2rem;
  padding: 0 20px;
  text-align: center;
  display: inline-block;
  /* border: 10px dashed transparent; */
}

@-webkit-keyframes ani {
  from {
    -webkit-mask-position: 0 0;
    mask-position: 0 0;
  }
  to {
    -webkit-mask-position: 100% 0;
    mask-position: 100% 0;
  }
}
@keyframes ani {
  from {
    -webkit-mask-position: 0 0;
    mask-position: 0 0;
  }
  to {
    -webkit-mask-position: 100% 0;
    mask-position: 100% 0;
  }
}
@-webkit-keyframes ani2 {
  from {
    -webkit-mask-position: 100% 0;
    mask-position: 100% 0;
  }
  to {
    -webkit-mask-position: 0 0;
    mask-position: 0 0;
  }
}
@keyframes ani2 {
  from {
    -webkit-mask-position: 100% 0;
    mask-position: 100% 0;
  }
  to {
    -webkit-mask-position: 0 0;
    mask-position: 0 0;
  }
}


.round_box {border: 1px solid #00b5a5;padding: 5px 10px;display: inline-block;border-radius: 12px;font-weight: 600;color: #00b5a5;margin-bottom: 15px;}
.underline {position: relative;background-image: linear-gradient(#222, #222);background-size: 0% 2px;background-position: bottom;background-repeat: no-repeat;transition: 0.6s;transition-delay: 0.4s;background-position: 0% 100%;}
.underline.active {background-size: 100% 2px;background-position: 0% 100%;}
.sub3_1 .underline.active {background-size: 100% 2px;background-position: 0% 100%;color: #936cae;}
.sub3_1 .underline.pink.active {background-size: 100% 2px;background-position: 0% 100%;color: #ef59a1;}
.bdr100 {border-radius: 100%;}


.bg1.half {margin-bottom: 140px;}
.bg1.half .half { border-right: 1px solid #edb4b4;padding: 0 2%;}
.bg1.half .half:last-child {border-right: none;}
.bg2 { background: #efefef; padding: 3% 2% 2%; }


.contents .row.bg1 h2 {
	color: #b9781a;
	text-decoration: underline;
	text-underline-offset: 8px;
	margin-bottom: 10px;
}

.contents .row.bg2 p {
	color: #995c5e;
}

.contents .row.bg2 h2 {
	color: #995c5e;
	text-decoration: underline;
	text-underline-offset: 8px;
	margin-bottom: 10px;
}

@keyframes animate {
  0%,
  100% {
    clip-path: polygon(
      0% 45%,
      16% 44%,
      33% 50%,
      54% 60%,
      70% 61%,
      84% 59%,
      100% 52%,
      100% 100%,
      0% 100%
    );
  }

  50% {
    clip-path: polygon(
      0% 60%,
      15% 65%,
      34% 66%,
      51% 62%,
      67% 50%,
      84% 45%,
      100% 46%,
      100% 100%,
      0% 100%
    );
  }
}
.contwrap .tipwrap  {font-size: 2rem;margin-bottom: 20px;}
.tipwrap .tip {margin-right: 10px;font-weight: bold;font-style: italic;}
.tipwrap dl {font-size: 1.3rem;display: flex;gap: 30px;align-items: stretch;margin-bottom: 20px;}
.tipwrap dl dt {
  /* width: 500px; */
  background: #3da86f;
  color: #fff;
  width: 20%;
  text-align: center;
  line-height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 1.5rem;
}
.tipwrap dl dd {
  width: 80%;
}
.bg1_img {
	margin-bottom: 20px;
	width: auto;
	margin: 20px auto;
	top: -67px;
	text-align: center;
}
.bg1_img img {height: 200px;}
.main-control {  position: absolute; right: 0; top: 54px;}
.swiper-button-prev {left: -154px;}
.swiper-button-next {right: 0;}
.swiper-button-next, .swiper-button-prev { background-image: none; border: 1px solid #797979; width: 70px; height: 30px; text-align: center; line-height: 28px; font-size: 14px; color: #797979;}
.swiper-button-next:hover, .swiper-button-prev:hover {border: 1px solid #00a099;color: #00a099;}
.pc {display: block;}

.list_wrap {
  width: 100%;
  font-size: 0;
}

.list_wrap .list {margin-top: 50px;}

.list_wrap .list h3 {
  font-size: 35px;
  color: #181818;
  padding-bottom: 20px;
  border-bottom: 15px solid #006fbd;
}

.list_wrap .list ul {
  margin-bottom: 50px;
}

.list_wrap .list ul li {
  display: inline-block;
  width: 23%;
  margin-right: 1%;
  margin-left: 1%;
  margin-top: 2.5%;
  font-size: 1rem;
  vertical-align: top;
  text-align: center;
}

.list_wrap .list ul li img {border: 1px solid #c3c3c3;}
.list_wrap .list ul li span {display: block;margin-top: 10px;font-size: 20px;}

.image-fixed_m {display: none;}
.flex .content { width: 50%; padding: 50px; display: flex; flex-direction: column; justify-content: center; }
.flex .item { opacity: 0; transform: translateY(20px); margin-bottom: 50px; font-size: 1.5rem; color: #333; }
.flex .item strong {margin: 15px 0 5px;display: block;}
.flex .item .item_t { font-size: 1.4rem;text-align: center;margin-bottom: 10px;}
.flex .item .item_tt {font-size: 1.3rem;text-align: center;color: #c02c14;}

@media all and (max-width:1280px) {

	.mo_br {display: none;}

}

@media all and (max-width:1180px) {
  .title .anim_img0, .anim_img1, .anim_img2 {display: none;}
  .sub1_4 .mt25 {margin-top: 0;}
}

@media all and (max-width:1024px) {
  .event_wrap { max-width: 100%;background-size: 100%;height: auto;padding: 30px; background: #fff;border: 17px dashed #ffc528;}
  .event_wrap .pc {display: none;}
  .sub3_5 .mobile  {display: block;}

  .image-fixed_m {display: block;margin: 20px 0;}
  .image-fixed {display: none;}
  .contents .row.flex {flex-direction: column;align-items: center;}

  .flex .content {width: 100%;padding: 0;}
  .flex .item:last-child {margin-bottom: 0;}
}
@media all and (max-width:768px) {
  .sub_bg {height: 75vh;}
  .sub_bg > .container {transform: translateX(-50%) translateY(-60%);}
  .title {margin: -14% auto 30px;}
  .sub_bg.s1_0 {background-image: url("../img/sub/f1/subBg1_0m.jpg");}
  .sub_bg.s1_1 {background-image: url("../img/sub/f1/subBg1_1m.jpg");}
  .sub1_1 .full_bg {background-position: 50% 50%;}
  .sub_bg.s1_2 {background-image: url("../img/sub/f1/subBg1_2m.jpg");}
  .sub_bg.s1_3 {background-image: url("../img/sub/f1/subBg1_3m.jpg");}
  .sub_bg.s1_4 {background-image: url("../img/sub/f1/subBg1_4m.jpg");}
  .sub_bg.s2_1 {background-image: url("../img/sub/f2/subBg2_1m.jpg");}
  .sub_bg.s2_2 {background-image: url("../img/sub/f2/subBg2_2m.jpg");}
  .sub_bg.s2_3 {background-image: url("../img/sub/f2/subBg2_3m.jpg");background-position: 50% 50%;}
  .sub_bg.s2_4 {background-image: url("../img/sub/f2/subBg2_4m.jpg");}
  .sub_bg.s2_5 {background-image: url("../img/sub/f2/subBg2_5m.jpg");}
  .sub_bg.s3_1 {background-image: url("../img/sub/f3/subBg3_1m.jpg");}
  .sub_bg.s3_2 {background-image: url("../img/sub/f3/subBg3_2m.jpg");}
  .sub_bg.s3_3 {background-image: url("../img/sub/f3/subBg3_3m.jpg");}
  .sub_bg.s3_4 {background-image: url("../img/sub/f3/subBg3_4m.jpg");}
  .sub_bg.s3_5 {background-image: url("../img/sub/f3/subBg3_5m_00.jpg");}
  .sub_bg.listpage {background-image: url("../img/common/listpage_m.jpg");}
  .sub_bg h2 {font-size: 52px;/* padding-top: 130px; */}
  .sub1_3 .title {margin: -14% auto 0;}
  .main-control {display: none;}
  .header__util .size {display: none;}
  .interlist {flex-wrap: wrap;margin: 0;}
  .interlist li, .interlist li:nth-child(2n) {padding: 20px 15px 0;margin: 20px 0;}
  .interlist li p {margin-bottom: 20px;}
  .interlist li, .interlist li:nth-child(2n) img {width: 100%;}
  .interlist li:nth-child(2n) img {display: inline-block;margin-bottom: 20px;}
  .interlist li:nth-child(2n) strong {display: block;}
  .interlist li img, .interlist li:nth-child(2n) img {width: auto;position: relative;top: inherit;bottom: inherit;left: inherit;margin-bottom: 0;}
  .youtube_wrap {padding-bottom: 59.5%;}
  .pc {display: none;}
  .event_wrap h3 {font-size: 1.7rem;margin-bottom: 15px;}
  .event_wrap p {font-size: 1.2rem;}
	.sub1_4 .contwrap h3, .sub2_1 .contwrap h3, .sub3_2 .contwrap h3, .sub3_3 .contwrap h3, .sub3_4 .contwrap h3 {display: inline;}
	.sub2_1 .contwrap .underline + p {margin-top: 20px;}
  .sub2_4.contents .row p.tac {text-align: left;}
	.sub3_1 .contwrap h3 {display: inline;}
	.sub3_1 .contwrap .underline + p {margin-top: 20px;}
	.sub3_3 .contwrap .underline + p {margin-top: 20px;}
  .flip-box {margin: 0 auto 20px;}
  .list_wrap .list ul li { width: 48%;}
  .sub0_1 {padding: 50px 0 10px;}
  .sub0_1 .contwrap:last-child {margin-bottom: 0;}
  .sub0_1 .bg_2 {
    position: absolute;
    width: 96%;
    top: 40%;
    z-index: 0;
  }
}

@media all and (max-width:460px) {
  .sub_bg.s1_1 {height: 60vh;}
  .sub_bg.s1_0 {height: 60vh;}
  .sub1_2 .contwrap h3 {word-break: keep-all;}
  .sub_bg > .container {transform: translateX(-50%) translateY(-50%);}
  .sub_bg.s2_2 {background-position: 44% 50%;}
  .sub_bg.s2_4 {background-position: 50% 50%;} 
  .sub_bg h2 {font-size: 30px;}
  .sub_bg p {font-size: 16px;word-break: keep-all;margin-top: 35px;}
  .tipwrap dl {flex-direction: column;gap: 20px;}
  .tipwrap dl dt {width: 50%;padding: 15px 5px;font-size: 1.2rem;}
  .tipwrap dl dd {width: 100%;text-align: justify;}

  /* profile */
  .contents .profile .row {flex-direction: row;}
	.profile_bg {width: 100%;padding: 26% 20px 30px;margin: -30% auto 0;}
  .profile_bg h4 {font-size: 25px;}
	.profile .line::after {display: none;}


  /* grid */
  .contents .row {flex-direction: column;gap: 20px;}
  .column.half {width: 100%;padding: 0 1%;}
  .column.one-third  {width: 100%;}
  .contwrap h3 {font-size: 30px;margin-bottom: 20px;}
  .contwrap h3::after {display: none;}
  .contents .row p {font-size: 1.2em;}
  .row blockquote {font-size: 20px;padding: 1.2rem 0;}

  .sub_foot .relation .rel_tit {margin-bottom: 30px;font-size: 20px;}
  .sub_foot .relation .rel_tit::before {width: 40px;height: 43px;background-size: 100%;}
  .sub_foot .relation .rel_tit::after {width: 100%;top: 50px;}
  .sub_foot .relation {margin-bottom: 25px;}
  .sub_foot .relation .swiper-slide p {font-size: 17px;line-height: 1;margin: 13px 0 0;}

  .row.bg1 {gap:130px;}
  .bg1.half .half {border-right: none;}

  .sub_bg h2 span.small {font-size: 1.3rem;}

  .contents .row .text p {font-size: 30px;}
  .sub1_1 .ani1 {font-size: 50px;}
  .sub1_4.contents div span.q {display: block;transform: none;text-align: center;}
  .sub1_4 .highlighter {line-height: 1.4;}
  .sub1_4 .people {display: flex;flex-wrap: wrap;gap: 4%;}
  .sub1_4 .people li {width: 45%;margin-bottom: 15px;font-size: 1.05rem;} 

	.sub2_1 .people {display: flex;flex-wrap: wrap;gap: 4%;}
  .sub2_1 .people li {width: 75%;margin-bottom: 30px;}
  /*추가*/
  .sub3_5 .people {display: flex;flex-wrap: wrap;gap: 4%;}
  .sub3_5 .people li {width: 75%;margin-bottom: 30px;margin-left:1.5rem;}
  /*추가*/
  .sub2_3 .people {display: flex;flex-wrap: wrap;gap: 4%;}
  .sub2_3 .people li {width: 75%;margin-bottom: 30px;}
	.sub3_4.contents .row p.tit {font-size: 1.5rem;}
  .proposer {flex-direction: column;}
  .proposer .txt {text-align: center;}
  .proposer .txt p {text-align: center;}
  .proposer .img {width: 75%;}

  .event_wrap ul {flex-direction: column;}
  .event_wrap ul li {width: 100%;}
   /*추가*/
   .event_wrap .people li {width: 75%;margin-bottom: 30px;margin-left:1.5rem;}
    /*추가*/
  .list_wrap .list ul li {width: 97%;margin: 20px 1% 10px;}
  .sub1_3 .comp_list {flex-direction: column;}
  .sub1_3 .comp_list li .mo {display: block;}
  .sub2_4 .animated-logo {font-size: 3rem;}

  .sub0_1 .people {flex-wrap: wrap;gap: 20px;}
  .sub0_1 .people li {width: 45%;}
  .sub0_1 .bg_2 { position: absolute; width: 92%; top: 23%; z-index: 0; }
  .sub0_1 .people {margin-bottom: 0;}
  .sub3_5 .row .ico_line {flex-direction: column;align-items: center;gap: 15px;background: none;}
  .sub3_5 .row .ico_line .num {display: block;margin: 0;}
}

@media all and (max-width:350px) { 
  .flip-box { margin: 0 auto 20px; width: 270px; height: 125px;}
}

@media all and (max-width:320px) { 
  .title .caption { font-size: 16px; padding: 0px 15px;}
  .sub_bg h2 {font-size: 25px;}
  .sub_bg h2 span.small {font-size: 1rem;}
  .sub_bg p {font-size: 16px;margin-top: 20px;}

  .button-container-1 .mas {font-size: 1.7rem;}
  .button-container-1 a {font-size: 1.7rem;}
  .sub2_4 .animated-logo {font-size: 2.5rem;}
  .sub0_1 .bg_2 {width: 92%;top: 24%;}
}

@media all and (min-width:1700px) { 
  .fixed_title {display: block;visibility: hidden;}
}

@media print {

    /* 기본 텍스트 요소 스타일 설정 */
    h1, h2, h3, h4, h5, p, strong {
        all: revert !important;
    }
	  .sub_foot, #header, #btn_top, .parallax__progress, .sns_channel, .fixed_title.active {display: none;}
}

@page {
    size: A4;      /* 페이지의 크기 설정 */
    margin: 2cm;   /* 페이지의 여백 설정 */
}