@font-face {
    font-family: 'HakgyoansimDunggeunmisoTTF-B';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-5@1.0/HakgyoansimDunggeunmisoTTF-B.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Paperlogy-4Regular';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-4Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}

.sub_wrap img{max-width: 100%;}

.sub_0101 .top{width: 1100px; margin: 0 auto; background-color: #e5f4d5; padding: 100px; box-sizing: border-box; max-width: 100%;}
.sub_0101 img{}
.sub_0101 .top .sub_logo{text-align: center; margin-bottom: 50px;}
.sub_0101 .top .sub_logo img{width: 130px;}
.sub_0101 .top h2{margin: 70px 0 30px 0; text-align: center; font-size: 27px;}
.sub_0101 .top p{font-size: 18px; text-align: center; line-height: 1.5;}

.sub_0101 .title{text-align: center; margin-bottom: 50px;}
.sub_0101 .title h1{font-size: 32px; font-family: 'HakgyoansimDunggeunmisoTTF-B'; font-weight: bold; color: #fff; background-color: #528540; position: relative; line-height: 1; padding: 20px 30px; border-radius: 50px; display: inline-block;}
.sub_0101 .title h1::after {
    content: '';
    border-top: 25px solid #528540;
    border-left: 25px solid transparent;
    position: absolute;
    bottom: -20px;
    left: 50px;
    transform: rotate(-10deg);
}
.sub_0101 .mid .cont{margin: 100px 0;}
.sub_0101 .mid .cont01 .bot_wrap{position: relative; border-radius: 25px; overflow: hidden;}
.sub_0101 .mid .cont01 .bot table{width: 50%; position: absolute; left: 0; bottom: 0; background-color: rgba(82,133,64,0.8); padding: 0 10px; border-collapse: collapse; border-radius: 0 25px 0 0;}
.sub_0101 .mid .cont01 .bot table tr{border-bottom: 1px solid #fff;}
.sub_0101 .mid .cont01 .bot table th{font-size: 17px; text-align: center; padding: 10px 15px; border-right: 1px solid #fff; color: #fff; text-align: left;}
.sub_0101 .mid .cont01 .bot table td{font-size: 17px; padding: 10px 15px; color: #fff;}


.sub_0101 .mid .cont02 .inner{display: flex; justify-content: space-between; align-items: center;}
.sub_0101 .mid .cont02 .inner>div{width: 48%;}
.sub_0101 .mid .cont02 .inner .left{border-radius: 25px; overflow: hidden;}

.sub_0101 .mid .cont03 .mid{border-radius: 25px; overflow: hidden;}
.sub_0101 .mid .cont03 .bot{margin-top: 30px;}
.sub_0101 .mid .cont03 .bot ul {display: flex; justify-content: space-between;}
.sub_0101 .mid .cont03 .bot ul li{width: 49%; background-color: #e5f4d5; box-sizing: border-box; border-radius: 25px; overflow: hidden; padding: 30px;}
.sub_0101 .mid .cont03 .bot ul li h1{text-align: center;}
.sub_0101 .mid .cont03 .bot ul li h1 span{font-size: 26px; text-align: center; color: #fff; font-family: 'HakgyoansimDunggeunmisoTTF-B'; display: inline-block; background-color: #528540; line-height: 1; padding: 15px 20px; border-radius: 50px;}
.sub_0101 .mid .cont03 .bot ul li .p_box{margin: 20px 0; display: flex; justify-content: center; align-items: center; flex-direction: column;}
.sub_0101 .mid .cont03 .bot ul li .p_box p{font-size: 18px; line-height: 1.5; position: relative; padding-left: 15px;}
.sub_0101 .mid .cont03 .bot ul li .p_box p::before{width: 5px; height: 5px; background-color: #528540; content: ''; position: absolute; left: 0; top: 9px; border-radius: 50%;}
.sub_0101 .mid .cont03 .bot ul li .p_box p+p{margin-top: 5px;}
.sub_0101 .mid .cont03 .bot ul li h2{font-size: 26px; text-align: center; color: #528540; font-family: 'HakgyoansimDunggeunmisoTTF-B'; text-align: center;}


.sub_0101 .mid .cont04 .inner{position: relative;}
.sub_0101 .mid .cont04 .inner .txt{position: absolute; width: 80%; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.sub_0101 .mid .cont04 .inner .txt .in{width: 60%; background-color: rgba(255,255,255,0.8); padding: 30px; border-radius: 25px;}
.sub_0101 .mid .cont04 .inner .txt img{width: 100px; margin: 0 auto; display: block;}
.sub_0101 .mid .cont04 .inner .txt p{text-align: center; font-size: 19px; margin-top: 50px;}
.sub_0101 .mid .cont04 .inner .img{border-radius: 25px; overflow: hidden;}

.sub_0201 .title{text-align: center; margin-bottom: 50px;}
.sub_0201 .title h1{font-size: 32px; font-family: 'HakgyoansimDunggeunmisoTTF-B'; font-weight: bold; color: #fff; background-color: #528540; position: relative; line-height: 1; padding: 20px 30px; border-radius: 50px; display: inline-block;}
.sub_0201 .title h1::after {
    content: '';
    border-top: 25px solid #528540;
    border-left: 25px solid transparent;
    position: absolute;
    bottom: -20px;
    left: 50px;
    transform: rotate(-10deg);
}

.sub_0201 .top{margin-top: 50px;}
.sub_0201 .top h2{text-align: center; font-size: 24px; font-family: 'Paperlogy-4Regular'; margin-bottom: 30px; color: #f95001;}
.sub_0201 .top ul{margin-top: 50px; display: flex; justify-content: space-between;}
.sub_0201 .top ul li{width: 31%; border-radius: 25px; overflow: hidden;}
.sub_0201 .top p{text-align: center; font-size: 19px; line-height: 1.5;}
.sub_0201 .top p span{font-weight: bold; color: #f95001;}

.sub_0201 .mid{margin: 100px 0;}
.sub_0201 .mid ul li{display: flex; justify-content: space-between; align-items: center;}
.sub_0201 .mid ul li img{width: 31%;}
.sub_0201 .mid ul li .txt{width: 65%;}
.sub_0201 .mid ul li .txt h2{font-size: 40px; color: #f95001; }
.sub_0201 .mid ul li+li{margin-top: 50px;}
.sub_0201 .mid ul li img{border-radius: 20px;}
.sub_0201 .mid ul li h1{font-size: 30px;}
.sub_0201 .mid ul li p{font-size: 18px; line-height: 1.5; margin-top: 30px;}

.sub_0201 .bot h2{text-align: center; font-size: 24px; font-family: 'Paperlogy-4Regular'; margin-bottom: 30px;color: #f95001;}
.sub_0201 .bot ul{margin-top: 50px; display: flex; justify-content: space-between; flex-wrap: wrap;}
.sub_0201 .bot ul li{width: 24%; }
.sub_0201 .bot ul li img{border-radius: 25px;}
.sub_0201 .bot ul li h4{text-align: center; font-size: 18px; margin: 15px 0 30px;}
.sub_0201 .bot p{text-align: center; font-size: 19px; line-height: 1.5;}
.sub_0201 .bot p span{font-weight: bold; color: #f95001;}

@media(max-width: 1200px){
    .sub_0101 .top{padding: 30px 20px ;}
    .sub_0101 .top .sub_logo{margin-bottom: 20px;}
    .sub_0101 .top .sub_logo img{width: 80px;}
    .sub_0101 .top h2{font-size: 20px; margin: 30px 0;}
    .sub_0101 .top p{font-size: 16px;}

    .sub_0101 .title{margin-bottom: 30px;}
    .sub_0101 .title h1{font-size: 22px; padding: 15px 20px;}
    .sub_0101 .mid{width: 95%; margin: 0 auto;}
    .sub_0101 .mid .cont{margin: 50px 0;}
    .sub_0101 .mid .cont01 .bot table{position: relative; width: 100%; bottom: inherit; left: inherit; background-color: #528540; border-radius: 0;}
    .sub_0101 .mid .cont01 .bot table th{font-size: 15px; padding: 5px; word-break: keep-all;}
    .sub_0101 .mid .cont01 .bot table td{font-size: 15px; padding: 5px; word-break: keep-all;}

    .sub_0101 .mid .cont02 .inner{flex-direction: column-reverse; }
    .sub_0101 .mid .cont02 .inner>div{width: 100%;}
    .sub_0101 .mid .cont02 .inner .right{margin-bottom: 30px;}

    .sub_0101 .mid .cont03 .bot ul{flex-direction: column;}
    .sub_0101 .mid .cont03 .bot ul li{width: 100%;}
    .sub_0101 .mid .cont03 .bot ul li+li{margin-top: 20px;}
    .sub_0101 .mid .cont03 .bot ul li{padding: 15px;}
    .sub_0101 .mid .cont03 .bot ul li h1 span{font-size: 20px; padding: 10px 20px;}
    .sub_0101 .mid .cont03 .bot ul li .p_box p{font-size: 16px;}
    .sub_0101 .mid .cont03 .bot ul li .p_box p+p{margin-top: 5px;}
    .sub_0101 .mid .cont03 .bot ul li h2{font-size: 19px;}

    .sub_0101 .mid .cont04 .inner{display: flex; flex-direction: column-reverse;}
    .sub_0101 .mid .cont04 .inner .txt .in{width: 100%; background-color: #e5f4d5; border-radius: 0 0 25px 25px;}
    .sub_0101 .mid .cont04 .inner .txt{position: relative; width: 100%; top: inherit; left: inherit; transform: translate(0,0);}
    .sub_0101 .mid .cont04 .inner .img{border-radius: 25px 25px 0 0;}
    .sub_0101 .mid .cont04 .inner .txt img{width: 60px;}
    .sub_0101 .mid .cont04 .inner .txt p{margin-top: 20px; font-size: 16px;}
 
    .sub_0201{max-width: 95%; margin: 0 auto;}
    .sub_0201 .top{margin-top: 20px;}
    .sub_0201 .title{margin-bottom: 30px;}
    .sub_0201 .title h1{font-size: 22px; padding: 15px 20px;}
    .sub_0201 .top h2{font-size: 18px; margin-bottom: 20px;}
    .sub_0201 .top p{font-size: 16px;}
    .sub_0201 .top ul{margin-top: 30px; flex-direction: column;}
    .sub_0201 .top ul li{width: 100%;}
    .sub_0201 .top ul li+li{margin-top: 15px;}

    .sub_0201 .mid{margin: 70px 0;}
    .sub_0201 .mid ul li{flex-direction: column;}
    .sub_0201 .mid ul li img{width: 100%; margin-bottom: 20px;}
    .sub_0201 .mid ul li .txt{width: 100%;}
    .sub_0201 .mid ul li .txt h2{font-size: 22px;}
    .sub_0201 .mid ul li .txt h1{font-size: 22px;}
    .sub_0201 .mid ul li p{margin-top: 20px; font-size: 16px;}

    .sub_0201 .bot h2{font-size: 18px; margin-bottom: 20px;}
    .sub_0201 .bot p{font-size: 16px;}
    .sub_0201 .bot ul{margin-top: 30px; flex-direction: column;}
    .sub_0201 .bot ul li{width: 100%;}
    .sub_0201 .bot ul li+li{margin-top: 15px;}
}