@font-face {
    font-family: 'NotoSerifKR';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NotoSerifKR.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Ownglyph_JAEGEONSA-Rg';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2405-2@1.0/Ownglyph_JAEGEONSA-Rg.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'dimibang_new';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2104@1.1/dimibang_new.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.sub_wrap img{max-width: 100%; display: block; margin: 0 auto;}
.sub_wrap p{font-size: 18px; line-height: 1.7;}

.sub_0101 .top{display: flex; justify-content: space-between; align-items: center;}
.sub_0101 .top>div{width: 48%;}
.sub_0101 .top .img img{border-radius: 25px;}
.sub_0101 .top .txt h1{font-size: 22px; color: #80afb0; margin-bottom:15px; font-family: 'Pretendard-ExtraBold';}
.sub_0101 .top .txt h2{font-size: 48px; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #ddd; line-height: 1; font-family: 'Pretendard-ExtraBold';}

.sub_0101 .bot ul{display: flex; justify-content: space-between; margin-top: 4%;}
.sub_0101 .bot ul li{width: 48%; box-sizing: border-box; background-color: #80afb0; padding: 50px 30px; border-radius: 25px; text-align: center;}
.sub_0101 .bot ul li .t_img{width: 120px; height: 120px; border-radius: 50%; background-color: #fff; display: flex; justify-content: center; align-items: center; margin: 0 auto;}
.sub_0101 .bot ul li h1{font-size: 27px; margin: 30px 0 20px 0; color: #fff; font-family: 'Pretendard-ExtraBold';}
.sub_0101 .bot ul li p{display: inline-block; color: #fff;}

.sub_0102{display: flex; justify-content: space-between; align-items: center;}
.sub_0102>div{width: 48%;}
.sub_0102 .img{position: relative;}
.sub_0102 .img img{border-radius: 20px;}
.sub_0102 .img h2{position: absolute; bottom: 50px; right: 50px; font-size: 44px; color: #fff; font-family: 'Ownglyph_JAEGEONSA-Rg'; font-weight: normal; line-height: 1; text-shadow: 2px 2px 5px rgba(0,0,0,1);}
.sub_0102 .txt h1{font-size: 40px; font-family: 'NotoSerifKR'; margin-bottom: 50px;}

.sub_0103 .img{margin-bottom: 70px;}
.sub_0103 .img img{border-radius: 20px;}
.sub_0103 .txt h1{font-size: 40px; font-family: 'NotoSerifKR'; margin-bottom: 50px;}
.sub_0103 .txt h3{margin-top: 50px; text-align: right; font-size: 20px;}
.sub_0103 .txt{width: 1000px; margin: 0 auto; max-width: 100%;}
.sub_0103 .txt h4{font-family: 'dimibang_new'; font-size: 44px; text-align: right; font-weight: normal; margin-top: 10px;}

.sub_0105 .bot{margin-top: 70px; display: flex; justify-content: space-between;}
.sub_0105 .bot>div{width: 48%;}
.sub_0105 .bot .table_box{position: relative;}
.sub_0105 .bot .table_box .adm_btn{position: absolute; top: 0; right: 0; color: #fff; background-color: #ce0000; padding: 5px; display: inline-block;}
.sub_0105 .bot .table_box h1{font-size: 26px; font-family: 'Pretendard-ExtraBold'; padding-left: 20px; position: relative; margin-bottom: 30px;}
.sub_0105 .bot .table_box h1::before{width: 7px; height: 7px; border-radius: 50%; left: 0; top: 10px; background-color: #80afb0; content: ''; position: absolute;}
.sub_0105 .bot .table_box td:first-child{width: 30%; font-weight: bold;}
.sub_0105 .bot .table_box td:nth-child(2){text-align: left !important;}
.sub_0105 .bot .table_box+.table_box{margin-top: 50px;}

.sub_0201 .top{border-radius: 20px; overflow: hidden; margin-bottom: 70px;}
.sub_0201 .bot02{margin-top: 50px;}
.sub_0201 .bot .cont{position: relative; text-align: left;}
.sub_0201 .bot .cont h1{font-size: 23px; text-align: left; position: relative; margin-bottom: 30px; height: 50px; line-height: 50px; padding-left: 30px; background-color: #f7f7f7; border-radius: 5px;}
.sub_0201 .bot .cont h1::before{width: 6px; height: 6px; background-color: #80afb0; content: ''; left: 12px; top: 21px; position: absolute;}
.sub_0201 .bot .cont+.cont{margin-top: 70px;}
.sub_0201 .bot .cont ul li{font-size: 18px; line-height: 1.5; position: relative; padding-left: 20px; text-align: left;}
.sub_0201 .bot .cont ul li span{color: #888; font-size: 16px; display: inline-block; margin-top: 10px;}
.sub_0201 .bot .cont ul li::before{width: 6px; height: 1px; background-color: #000; content: ''; position: absolute; top: 12px; left: 0;}
.sub_0201 .bot .cont ul li+li{margin-top: 10px;}
.sub_0201 .bot .cont ul li .in{margin-top: 5px;}
.sub_0201 .bot .cont ul li .in p{font-size: 16px; color: #777;}
.sub_0201 .bot .cont dl{display: flex;}
.sub_0201 .bot .cont dl dd{position: relative;}
.sub_0201 .bot .cont dl dd .img{width: 120px; height: 120px; border-radius: 50%; background-color: #dc8f5b; display: flex; justify-content: center; align-items: center;}
.sub_0201 .bot .cont dl dd p{text-align: center; margin-top: 20px; line-height: 1.3;}
.sub_0201 .bot .cont dl dd+dd{margin-left: 80px;}
.sub_0201 .bot .cont dl dd::before{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: '\f105';
    position: absolute;
    top: 50px;
    left: -50px;
    font-size: 30px;
    color: #dc8f5b;
}
.sub_0201 .bot .cont dl dd:first-child:before{display: none;} 
.sub_0201 .bot .cont a{display: inline-block; font-size: 16px; font-weight: bold; background-color: #dc8f5b; color: #fff; padding: 0px 10px; height: 35px; line-height: 35px; border-radius: 50px; margin-left: 10px;}

.sub_0201 .bot .cont .latest_box th{width: calc(100%/3);}
.sub_0201 .bot .cont .latest_box .adm_btn{position: absolute; top: 0; right: 0; color: #fff; background-color: #ce0000; padding: 5px; height: auto; line-height: 1; border-radius: 0;}

.sub_0201 .bot .cont .mini_con{display: flex; align-items: center; justify-content: space-between;}
.sub_0201 .bot .cont .mini_con .img{width: 40%; border-radius: 20px; overflow: hidden;}
.sub_0201 .bot .cont .mini_con .img img{width: 100%;}
.sub_0201 .bot .cont .mini_con .txt h3{font-family: 'NotoSerifKR'; font-size: 40px; margin-bottom: 50px;}
.sub_0201 .bot .cont .mini_con .txt{width: 55%;}

.sub_0201 .link_btn{margin-top: 30px; text-align: center;}
.sub_0201 .link_btn a{display: inline-block; font-size: 18px; font-weight: bold; background-color: #dc8f5b; color: #fff; padding: 0px 30px; height: 50px; line-height: 50px; border-radius: 50px;}

.sub_0402 .cont+.cont{margin-top: 80px;}
.sub_0402 .cont .title h1{font-size: 32px; line-height: 1; padding-left: 20px; position: relative; margin-bottom: 30px; font-family: 'Pretendard-ExtraBold';}
.sub_0402 .cont .title h1::before{width: 7px; height: 7px; background-color: #80afb0; content: ''; position: absolute; left: 0; top: 10px;}
.sub_0402 .cont{position: relative;}
.sub_0402 .cont .adm_btn{position: absolute; top: 0; right: 0; color: #fff; background-color: #ce0000; padding: 10px; display: inline-block; z-index: 100;}


@media(max-width: 1100px){

    .sub_wrap p{font-size: 16px;}

    .sub_0101 .top{flex-direction: column;}
    .sub_0101 .top>div{width: 100%;}
    .sub_0101 .top .txt{margin-top: 20px;}
    .sub_0101 .top .txt h1{font-size: 18px; margin-bottom:10px;}
    .sub_0101 .top .txt h2{font-size: 23px; padding-bottom: 15px; margin-bottom: 15px;}

    .sub_0101 .bot ul{flex-direction: column; margin-top: 50px;}
    .sub_0101 .bot ul li{width: 100%; padding: 30px 10px;}
    .sub_0101 .bot ul li+li{margin-top: 20px;}
    .sub_0101 .bot ul li h1{font-size: 24px;}

    .sub_0102{flex-direction: column;}
    .sub_0102>div{width: 100% !important;}
    .sub_0102 .img{margin-bottom: 30px;}
    .sub_0102 .txt h1{font-size: 22px; margin-bottom: 20px;}
    .sub_0102 .img h2{font-size: 30px; right: 20px; bottom: 20px;}

    .sub_0103{flex-direction: column-reverse;}
    .sub_0103>div{width: 100% !important;}
    .sub_0103 .img{margin-bottom: 30px;}
    .sub_0103 .txt h1{font-size: 22px; margin-bottom: 20px;}
    .sub_0103 .txt h3{font-size: 20px;}
    .sub_0103 .txt h4{font-size: 36px;}

    .sub_0105 .bot{flex-direction: column; margin-top: 50px;}
    .sub_0105 .bot>div{width: 100% !important;}
    .sub_0105 .bot .table_box h1{font-size: 18px;}
    .sub_0105 .bot .table_box h1::before{top: 6px;}

    .sub_0201 .top{margin-bottom: 30px;}
    .sub_0201 .bot .cont+.cont{margin-top: 40px;}
    .sub_0201 .bot .cont dl{zoom: .5;}

    .sub_0201 .bot .cont h1{font-size: 20px; height: 40px; line-height: 40px; margin-bottom: 15px;}
    .sub_0201 .bot .cont h1::before{top: 16px;}
    .sub_0201 .bot .cont ul li{font-size: 16px;}

    .sub_0201 .link_btn a{font-size: 15px; height: 40px; line-height: 40px;}

    .sub_0402 .cont .title h1{font-size: 23px; }
    .sub_0402 .cont .title h1::before{top: 8px;}
}