@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard-ExtraBold';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'GmarketSans';
    font-weight: 300;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.ttf') format("truetype");
    font-display: swap;
} 

@font-face {
    font-family: 'GmarketSans';
    font-weight: 700;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.ttf') format("truetype");
    font-display: swap;
} 

article { overflow-x:hidden; font-family: 'Pretendard-Regular', sans-serif; font-weight:400; font-size: 26px; letter-spacing: 0em; line-height: 1.5; color: #000; word-break: keep-all;}
article>section>.wrap { width:1200px; margin:0 auto; }
article>.section1 { background: url('images/con01-bg.jpg') 50% 0 / auto no-repeat;height:690px;}
article>.section2 { background: url('images/con02-bg.jpg') 50% 0 / auto no-repeat; height:796px;}
article>.section2-1 { background: url('images/con02-1-bg.jpg') 50% 0 / auto no-repeat; height:595px;}
article>.section3 { background: url('images/con03-bg.jpg') 50% 0 / auto no-repeat; height:866px;}
article>.section4 { background: url('images/con04-bg.jpg') 50% 0 / auto no-repeat; height:903px; }
article>.section4-1 { background: url('images/con04-1-bg.jpg') 50% 0 / auto no-repeat; height:302px; }
article>.section5 { background: url('images/con05-bg.jpg') 50% 0 / auto no-repeat; height:937px; }
article>.section6 { background: url('images/con06-bg.jpg') 50% 0 / auto no-repeat; height:846px; }
article>.section7 { background: #fcfffd; height: auto; }
article>.section9 {background: #fff; height: 780px; position: relative; z-index: 9998;}
article h2 {font-family: 'GmarketSans'; font-size:62px; padding: 0 0 35px 0; font-weight: 700;}
article p {padding: 0 0 40px 0; font-size: 26px;}

article .bold {font-family: 'Pretendard-ExtraBold';}
article .txt_w{color:#ffff;}

article .btn_join {display: block;
    /*width: 379px;
    height: 66px;*/
    padding: 25px 48px;
    background: url('images/btn-arrow.png') no-repeat, linear-gradient(90deg, #097c25 0%, #003915 50%);
	background-position: 90% center;
    font-size: 33px;
	border:1px solid #045418;
    color: #fff;
    line-height: 1.3;
    border-radius: 80px;
    transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
    font-family: 'Pretendard-ExtraBold', sans-serif;
}

/*article .btn_join .arrow {background: url('images/btn_arrow.png') no-repeat;background-position: 90% center; height: 20px;
    margin-top: 4px;
width: 14px;
    height: 14px;
    display: block;
    float: right;}*/
article .btn_join:hover { background: url('images/btn-arrow-gr.png') no-repeat, #fff; background-position: 90% center; color:#13592d;}
.banner a:hover{
  animation: bounce .35s ease-out alternate infinite;
}
@keyframes bounce {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(0, -5px, 0);
  }
}


article>.section1>.bg_area { background: url('images/con01_bg.jpg') 50% 0 / auto no-repeat; height:920px;}

article>.section1>.bg_area .wrap {padding: 150px 0 0 0;width: 1200px;margin:auto;display: flex;flex-direction: row-reverse;}
article>.section1>.bg_area .wrap>.txt_area {width:50%;/* display: flex; *//* text-align: right; */display: flex;flex-direction: column;align-items: flex-end;}
article>.section1>.bg_area .wrap h1 { margin: 0 0 0 -10px; }
article>.section1>.bg_area .wrap p {padding: 20px 0 45px;text-align: right;}

article>.section1>.bg_area .wrap .btn_area {width: 330px;/* text-align: right; */}
article>.section1>.bg_area .btn_join{box-shadow: 4px 6px 18px 1px rgb(0 57 21 / 14%);}
article>.section1 .txt_colored{color:#097c25;}

.banner>a { display:block; position:fixed;  right:1%; bottom:2%; z-index:9999; cursor:pointer; margin-right:10px;}


article>.section2>.wrap{ margin:auto; padding: 140px 0 0; color:#fff}
article>.section2>.wrap .txt_colored {color:#ce4d4d;}
article>.section2>.wrap .txt_highlight {background: linear-gradient(to top, rgb(125 0 0 / 35%) 50%, transparent 50%); padding: 0 5px 5px;}

article>.section2-1>.wrap{ margin:auto; padding: 70px 0 0; color:#fff}
article>.section2-1>.wrap h3 {text-align: center; font-size: 36px; font-family: 'Pretendard-ExtraBold';line-height: 1}
article>.section2-1>.wrap h3>span {font-family: 'Pretendard-Regular'; font-size: 22px; }
article>.section2-1>.wrap .dis_flex {display: flex; padding: 60px 130px 0;}
article>.section2-1>.wrap .dis_flex p {font-size: 24px;}
article>.section2-1>.wrap .dis_flex .txt_highlight {font-family: 'Pretendard-ExtraBold'; color:#b42e2e; background: #fff; border-radius: 4px; padding: 4px 5px;}
article>.section2-1>.wrap .dis_flex .s_txt {font-size: 16px; opacity: 0.5;}
article>.section2-1>.wrap .dis_flex .txt_area {padding: 0 0 0 130px;}
article>.section2-1>.wrap .txt_colored {font-size: 36px; font-family: 'Pretendard-ExtraBold'; color:#ce4d4d;}
article>.section2-1>.wrap .dis_flex .graph_area {position: relative; }
article>.section2-1>.wrap .dis_flex .graph_area .graph {}
article>.section2-1>.wrap .dis_flex .graph_area .num50 {position:absolute;top: -40px;left: 45px;}
article>.section2-1>.wrap .dis_flex .graph_area .arrow {position:absolute;top: 18px;left: 174px;}
article>.section2-1>.wrap .dis_flex .graph_area .num15 {position:absolute;top: 135px;right: 55px;}








article>.section3>.wrap {padding: 150px 0 0 0;width: 1200px; margin:auto; color:#fff;}
article>.section3>.wrap .txt_colored {color:#ce4d4d;}


article>.section4>.wrap {padding:150px 0 0; color:#fff;}
article>.section4>.wrap .txt_area {padding: 0 0 0 710px;}
article>.section4>.wrap .txt_area h2 {line-height: 1.22;}
article>.section4>.wrap .txt_colored {color:#ce4d4d;}

article>.section4-1>.wrap {padding: 80px 0; color:#fff; text-align: center; font-size: 42px; line-height: 1.3}
article>.section4-1>.wrap h3 {padding: 0 0 10px 0; line-height: 1.55;   font-family: 'GmarketSans'; font-weight: 300; letter-spacing: -0.045rem;}
article>.section4-1>.wrap .txt_highlight {color:#b42e2e; background: #fff; border-radius: 7px; padding: 7px 6px 0px 6px; }
article>.section4-1>.wrap h3 .bold {font-family: 'GmarketSans'; font-weight: 700;}





article>.section5>.wrap {padding:150px 0;width:1200px;margin:auto; text-align: center;}
article>.section5>.wrap h2 {font-size:52px;font-family: 'GmarketSans'; font-weight: 700; line-height: 1.3; padding: 0 0 60px 0;}
article>.section5>.wrap .support_list {display: flex; justify-content: space-between;}

article>.section5>.wrap .support_list li {max-width: 380px; width: 100%; height: 440px; display: flex; flex-direction: column; justify-content: flex-start; background: #fff; border-radius: 10px; -webkit-box-shadow: 0px 6px 18px 8px rgba(16,43,25,7%); box-shadow: 0px 6px 18px 8px rgba(16,43,25,7%);}
article>.section5>.wrap .support_list li img{padding: 10px;}

article>.section5>.wrap .support_list li .desc {padding: 20px 0 40px; text-align: center;}

article>.section5>.wrap .support_list h3 {font-size: 30px;padding: 0 0 0 0;line-height: 1.4; font-family: 'GmarketSans'; font-weight: 700; color:#00561f;}
article>.section5>.wrap .support_list h3 .highlight {font-size: 28px;font-weight: 900;position: relative;display: inline-block;}
article>.section5>.wrap .support_list h3 .highlight::after {content: "";background: rgba(212 162 241 / 25%);border: 15px;display: block;padding: 0 7px;width: 100%;height: 21px;position: absolute;bottom: 0;left: -7px;z-index: 0;}
article>.section5>.wrap .support_list p {font-size: 22px;padding: 13px 0 0 0; line-height:1.4}


article>.section6>.wrap {padding:234px 0 0 0; display: flex; flex-direction: row-reverse; }
article>.section6>.wrap .txt_area p{font-size: 32px; line-height:1.55}
article>.section6>.wrap .txt_area .txt_colored {color: #097c25}
article>.section6 .btn_area { width: 360px;}



/*----------*/
article>.section7 .wrap {padding: 130px 0 180px; background: #fcfffd;}

article>.section7 .wrap h2 {font-family: 'Pretendard-ExtraBold'; font-size: 55px; text-align: center;}
article>.section7 .wrap h3 {font-family: 'Pretendard-ExtraBold'; color:#00561f; font-size: 30px; text-align: center;}
article>.section7 .desc07 .inner {margin: auto;}
article>.section7 .desc07 .inner >.box_area {display: flex;align-items: center;padding: 50px 0 75px;}
article>.section7 .desc07 .inner >.box_area>.box {width: 48%; margin: 0 1%; position:relative; background: #fff; border-radius: 10px; -webkit-box-shadow: 0px 0px 13px 2px rgba(16,43,25,0.07); box-shadow:0px 0px 13px 2px rgba(16,43,25,0.07);}
article>.section7 .desc07 .inner >.box_area>.arrow {margin: 0 2%;}
article>.section7 .desc07 .inner >.box_area>.box>h3 {position: absolute; font-size: 3.6rem; font-weight: 900; top: -31px; left: 20px;}
article>.section7 .desc07 .inner >.box_area>.box>.img_area {width:100%;height: 35vh;border-radius: 10px 10px 0 0;}
article>.section7 .desc07 .slide01 .inner >.box_area>.box.box01>.img_area {background: url('images/con07-slide01-before.jpg') no-repeat; background-size: cover; height: 362px; position: relative;}
article>.section7 .desc07 .slide01 .inner >.box_area>.box.box02>.img_area {background: url('images/con07-slide01-after.jpg') no-repeat; background-size: cover; height: 362px; position: relative;}
article>.section7 .desc07 .slide02 .inner >.box_area>.box.box01>.img_area {background: url('images/con07-slide02-before.jpg') no-repeat; background-size: cover; height: 362px; position: relative;}
article>.section7 .desc07 .slide02 .inner >.box_area>.box.box02>.img_area {background: url('images/con07-slide02-after.jpg') no-repeat; background-size: cover; height: 362px; position: relative;}
article>.section7 .desc07 .slide03 .inner >.box_area>.box.box01>.img_area {background: url('images/con07-slide03-before.jpg') no-repeat; background-size: cover; height: 362px; position: relative;}
article>.section7 .desc07 .slide03 .inner >.box_area>.box.box02>.img_area {background: url('images/con07-slide03-after.jpg') no-repeat; background-size: cover; height: 362px; position: relative;}

article>.section7 .desc07 .inner >.box_area>.box>.img_area .txt_eng{ font-family: 'Pretendard-ExtraBold'; color: #fff; position: absolute; bottom: 0; padding: 10px 10px 10px 18px; right: 0; background: #000; border-radius: 30px 0px 0px 0px;}
article>.section7 .desc07 .inner >.box_area>.box>.img_area .txt_eng.after {background:#097c25;}
article>.section7 .desc07 .inner >.box_area>.box>.txt_area {padding:28px 40px;font-size: 24px; font-family: 'Pretendard-ExtraBold'; }
article>.section7 .desc07 .inner >.box_area>.box>.txt_area .txt_colored {color:#097c25;}


article>.section7 .slick-dots {position: absolute; display: flex; bottom: -20px; left: 50%; margin-left: -65px;}
article>.section7 .slick-dots li>button {width: 18px; height: 18px; margin: 0 15px; font-weight: bold; font-size: 20px; line-height: 32px; background-color: rgba(0,86,31,0.45); border-radius: 50%; color: transparent;}
article>.section7 .slick-dots li.slick-active>button {background-color: #00561f;}

article>.section7 .slick-arrow {width:95px; height: 95px;font-size:0;display:inline-block;position:absolute;border-radius: 100px; top: 37%; z-index: 9; box-shadow: 1px 0px 19px 4px rgba(0,86,310,0.08); -ms-box-shadow: 1px 0px 19px 4px rgba(0,86,310,0.08);}
article>.section7 .slick-prev {background-image:url('images/slide-arrow-left.png');left: -12%; }
article>.section7 .slick-next {background-image:url('images/slide-arrow-right.png');right: -12%; }

/*----------*/





article>.copy_area {text-align: center; font-size: 20px;}