@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>.section1 { background: url('m-images/con01-bg.jpg') 50% 0 / auto no-repeat; /*height: 122.7778%;*/background-repeat: no-repeat;-webkit-background-size: cover;background-size: cover; }

article>.section2 { background : url('m-images/con02-bg.jpg') 50% 0 / auto no-repeat; /*height: 122.7778%;*/background-repeat: no-repeat;-webkit-background-size: cover;background-size: cover;}
article>.section2-1 { background : url('m-images/con02-1-bg.jpg') 50% 0 / auto no-repeat; /*height: 122.7778%;*/background-repeat: no-repeat;-webkit-background-size: cover;background-size: cover;}

article>.section3 { background: url('m-images/con03-bg.jpg') 50% 0 / auto no-repeat; /*height: 137.2222%;*/background-repeat: no-repeat;-webkit-background-size: cover;background-size: cover; }
article>.section4 { background: url('m-images/con04-bg.jpg') 50% 0 / auto no-repeat; /*height: 137.2222%;*/background-repeat: no-repeat;-webkit-background-size: cover;background-size: cover; }
article>.section4-1 { background: url('m-images/con04-1-bg.jpg') 50% 0 / auto no-repeat; /*height: 137.2222%;*/background-repeat: no-repeat;-webkit-background-size: cover;background-size: cover; }
article>.section5 { background: url('m-images/con05-bg.jpg') 50% 0 / auto no-repeat; /*height: 83.6111%;*/ background-repeat: no-repeat;-webkit-background-size: cover;background-size: cover; }
article>.section6 { background: url('m-images/con06-bg.jpg') 50% 0 / auto no-repeat; /*height: 137.6389%;*/ background-repeat: no-repeat;-webkit-background-size: cover;background-size: cover; }
article>.section7 { background: url('m-images/con07-bg.jpg') 50% 0 / auto no-repeat; /*height: 205.6944%;*/ background-repeat: no-repeat;-webkit-background-size: cover;background-size: cover; }
article>.section8 {background: #ffefe6;}



article { overflow-x:hidden; width: 100%; max-width: 720px; margin: 0 auto !important; 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 {position: relative;width: 100%; box-sizing: border-box;}

article h2 {font-family: 'GmarketSans'; font-size:3rem; padding: 0 0 20px 0; font-weight: 700;}
article p {font-size: 1.7rem;  padding: 0 0 6.9444% 0;}

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

article .btn_join {
    display: block;
    /*width: 379px;
    height: 66px;*/
    padding: 15px 45px;
    background: url('images/btn-arrow.png') no-repeat, linear-gradient(90deg, #097c25 0%, #003915 50%);
    background-position: 85% center;
    font-size: 2rem;
    border:1px solid #045418;
    color: #fff;
    line-height: 1.3;
    border-radius: 80px;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    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.png') no-repeat, linear-gradient(90deg, #097c25 0%, #003915 80%); background-position: 90% center; transition:0.3s;-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;-ms-transition:0.3s;}
article .btn_join .arrow:hover{animation: row 2s cubic-bezier(0.645, 0.045, 0.355, 1) infinite;}

article>.section1 .wrap { padding:12.083% 40px 86.1111%; text-align: center;}
article>.section1 .wrap h1 {font-size: 20px;}
article>.section1 .wrap p {padding: 5.9444% 0 6.9444%;}
article>.section1 .txt_colored{color:#097c25;}
article>.section1 .wrap .btn_area { width: 75%; margin: auto; text-align: left;}

article>.section2>.wrap {padding: 85.4167% 20px 13.8889%; 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: 12.5% 20px 20.1389%; color:#fff}
article>.section2-1>.wrap h3 {text-align: center; font-size: 2.25rem; font-family: 'Pretendard-ExtraBold';line-height: 1.2}
article>.section2-1>.wrap h3>span {font-family: 'Pretendard-Regular'; font-size: 1.4rem; }
article>.section2-1>.wrap .dis_flex {display: flex; flex-direction: column;}
article>.section2-1>.wrap .dis_flex p {font-size: 1.7rem;}
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: 1.2rem; opacity: 0.5;}
article>.section2-1>.wrap .dis_flex .txt_area {text-align: center; padding: 10.5% 0 13.8889%;}
article>.section2-1>.wrap .txt_colored {font-size:  2.25rem; 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: -29px;left: 38px;/* width: 50%; */}
article>.section2-1>.wrap .dis_flex .graph_area .arrow {position:absolute;top: 18px;left: 135px;}
article>.section2-1>.wrap .dis_flex .graph_area .num15 {position:absolute;top: 100px;right: 16px;}
article>.section2-1>.wrap .dis_flex .graph_area .num50 img, article>.section2-1>.wrap .dis_flex .graph_area .arrow img, article>.section2-1>.wrap .dis_flex .graph_area .num15 img {width:70%;}


article>.section3>.wrap { padding: 69.4444% 20px 12.5%; color:#fff;}
article>.section3>.wrap .txt_colored {color:#ce4d4d;}
article>.section3>.wrap img {width:80%;}


article>.section4>.wrap { padding: 81.5278% 20px 12.5%; color:#fff;}
article>.section4>.wrap .txt_colored {color:#ce4d4d;}
article>.section4>.wrap img {width:80%;}

article>.section4-1>.wrap {padding: 9.7222% 20px;text-align: center; color:#fff;}
article>.section4-1>.wrap h3 {font-size: 2.4rem;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>.section4-1>.wrap p {padding: 0;}


article>.section5>.wrap {padding: 13.8889% 20px; text-align: center;}
article>.section5>.wrap h2 {font-size:2.25rem;font-family: 'GmarketSans'; font-weight: 700; line-height: 1.3; padding: 0 0 9.7222% 0;}
article>.section5>.wrap .support_list {display: flex; flex-direction: column; }

article>.section5>.wrap .support_list li {max-width: 380px; width: 100%; height: auto; 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%); margin: 0 0 5.5556% 0;}
article>.section5>.wrap .support_list li img{padding: 10px;}

article>.section5>.wrap .support_list li .desc {padding: 2.8611% 0 5.8611%; text-align: center;}

article>.section5>.wrap .support_list h3 {font-size: 1.9rem;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: 1.4rem;padding: 1.4722% 0 0 0; line-height:1.4}



article>.section6>.wrap {padding: 71.6667% 40px 9.7222%;}
article>.section6>.wrap .txt_area p{font-size: 2rem; line-height:1.55}
article>.section6>.wrap .txt_area .txt_colored {color: #097c25}
article>.section6 .btn_area { width: 65%;}



article>.section7>.wrap {padding: 11.1111% 20px 22.1111%; background: #fcfffd; text-align: center}


article>.section7 .wrap h2 {font-family: 'Pretendard-ExtraBold'; font-size: 2.25rem; text-align: center;}

article>.section7 .slick-dots {position: absolute; display: flex; bottom: -60px; left: 50%; margin-left: -60px;}
article>.section7 .slick-dots li>button {width: 15px; height: 15px; margin: 0 12px; 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%; left: -500px; 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>.wrap {text-align: center; padding: 3% 0;}





@media all and (min-width:480px) and (max-width:2560px){
	article>.section1 .wrap p { font-size: 34px;}
	article>.section1 .wrap .btn_area {width: 55%;}
	article .btn_join {padding: 25px 42px; font-size: 30px;}
	
	article h2 {font-size: 60px;}
	article p {font-size: 34px;}
	article>.wrap {padding: 0 20px;}
	
	
	article>.section2>.wrap {padding: 85.4167% 40px 13.8889%;}
	
	article>.section2-1>.wrap {padding: 12.5% 40px 40.1389%;}
	article>.section2-1>.wrap h3 {font-size: 45px;}
	article>.section2-1>.wrap h3>span {font-size: 28px;}
	article>.section2-1>.wrap .txt_colored {font-size: 45px;}
	article>.section2-1>.wrap .dis_flex p {font-size: 34px;}
	article>.section2-1>.wrap .dis_flex .graph_area .graph img {margin: auto; width: 100%;}
	article>.section2-1>.wrap .dis_flex .graph_area .num50 img, article>.section2-1>.wrap .dis_flex .graph_area .arrow img, article>.section2-1>.wrap .dis_flex .graph_area .num15 img {width:100%;}
	article>.section2-1>.wrap .dis_flex .graph_area .num50 {position:absolute;top: -28px;left: 69px;/* width: 50%; */}
	article>.section2-1>.wrap .dis_flex .graph_area .arrow {position:absolute;top: 46px;left: 240px;}
	article>.section2-1>.wrap .dis_flex .graph_area .num15 {position:absolute;top: 167px;right: 95px;}
	
	article>.section3>.wrap {padding: 69.4444% 40px 12.5%;}
	
	article>.section4>.wrap {padding: 81.5278% 40px 12.5%;}
	article>.section4-1>.wrap h3 {font-size: 45px;}
	
	article>.section5>.wrap {padding: 23.8889% 20px 86.8889%;}
	article>.section5>.wrap h2 {font-size: 45px;}
	article>.section5>.wrap .support_list li {max-width: 100%}
	article>.section5>.wrap .support_list h3 {font-size: 38px;}
	article>.section5>.wrap .support_list p {font-size: 28px;}
	
	article>.section6>.wrap .txt_area p {font-size: 40px;}
	
	article>.section7 .wrap h2 {font-size: 45px;}
	article>.section7 .slick-slide img {margin:auto;}
	
	
	article>.copy_area>.wrap p {font-size: 18px;}
	
	
	
	
	
	
	
	
	
	
}