.sub01_01 .sec01 {background-image: url(../img/s1_1_sec1_bg.jpg); background-position-y: 13%;}
.sub01_01 .sec01 .art01 .tit{background-color: #1b238d; color: #fff; font-family: 'NEXON Lv1 Gothic OTF Bold'; padding: 15px 25px; display: inline-block;}
.sub01_01 .sec01 .art01 .tit b{font-size: 2.6rem; color: #cef098; margin-right: 15px;}
.sub01_01 .sec01 .art-container{margin-top: 180px;}
.sub01_01 .sec01 .art-container > article{width: calc(33.333% - 25px); margin-top: 6rem;}
.sub01_01 .sec01 .art-container > article:nth-child(1),
.sub01_01 .sec01 .art-container > article:nth-child(2),
.sub01_01 .sec01 .art-container > article:nth-child(3){margin-top: 0;}
.sub01_01 .sec01 .art-container > article .tit{font-family: 'NEXON Lv1 Gothic OTF Bold'; color: #1b238d; font-size: 2.6rem; padding-top: 7rem; background: url(../img/s1_1_sec1_art_bordertop_img.png)no-repeat left 50% top 35px;}
.sub01_01 .sec01 .art-container > article .sub-tit{font-family: 'NEXON Lv1 Gothic OTF Bold'; font-size: 1.8rem; margin-top: 2.5rem; height: 50px; font-weight: bold;}
.sub01_01 .sec01 .art-container > article p{margin-top: 2.5rem; font-size: 1.6rem;}

.sub01_01 .sec02,
.sub01_01 .sec03{margin-top: 5rem;}
.sub01_01 .sec02 .block-container,
.sub01_01 .sec03 .block-container{margin-top: 2rem;}

.sub01_01 .sec02 {background-image: url(../img/s1_1_sec2_bg.jpg); background-position-y: 0%;padding: 5rem 0}
.sub01_01 .sec02 .block-wrap{width: calc(50% - 10px);} 
.sub01_01 .sec02 .block{border: 1px solid #1b238d; border-radius: 2px; padding: 15px 15px 15px 75px;  background-color: #fff; margin-top: 2rem; position: relative;font-size: 1.8rem; }
.sub01_01 .sec02 .block:first-child{margin-top: 0;}
.sub01_01 .sec02 .block b{color: #1b238d;font-family: 'NEXON Lv1 Gothic OTF Bold';position: absolute; left: 20px; top: 15px;}

.sub01_01 .sec03 .block{border-radius: 3rem; overflow: hidden; width: calc(50% - 10px);}
.sub01_01 .sec03 .block .tit{color: #fff; text-align: center; padding: 18px 10px 18px; font-size: 2rem; font-family: 'NEXON Lv1 Gothic OTF Bold';}
.sub01_01 .sec03 .block .img{padding: 30px; text-align: center; display: flex; justify-content: center; align-items: center;}
.sub01_01 .sec03 .block .img img{width: auto;}
.sub01_01 .sec03 .block:first-child{border: 1px solid #1b238d;}
.sub01_01 .sec03 .block:first-child .tit{background-color: #1b238d;}
.sub01_01 .sec03 .block:last-child{border: 1px solid #006e58;}
.sub01_01 .sec03 .block:last-child .tit{background-color: #006e58;}

@media (max-width: 1240px){
    .sub01_01 .sec01 .art01 .tit {padding: 10px 20px;}
    .sub01_01 .sec01 .art-container{margin-top: 120px;}
    .sub01_01 .sec01 .art-container > article{width: calc(33.333% - 15px);}

    .sub01_01 .sec03 .block .img img{width: 100%;}
}

@media (max-width: 768px){
    .sub01_01 .sec01 {background-position-y: 5.5%;}
    .sub01_01 .sec01 .art-container{margin-top: 50px;}
    .sub01_01 .sec01 .art-container > article{width: calc(50% - 10px);}
    .sub01_01 .sec01 .art-container > article:nth-child(3){margin-top:6rem;}
    .sub01_01 .sec01 .art-container > article .tit {padding-top: 7rem;background: url(../img/s1_1_sec1_art_bordertop_img.png)no-repeat left 50% top 20px; font-size: 18px;}
    .sub01_01 .sec01 .art-container > article .sub-tit {margin-top: 2rem;height: 50px; font-size: 16px;}
    .sub01_01 .sec01 .art-container > article p{margin-top: 2rem; font-size: 15px;}

    .sub01_01 .sec02 .block-wrap{width: calc(100% - 0px); margin-top: 1.5rem;} 
    .sub01_01 .sec02 .block{padding: 15px 10px 15px 55px; margin-top: 1rem; font-size: 2.0rem;} 
    .sub01_01 .sec02 .block b {left: 15px; top: 15px;}

    .sub01_01 .sec03{margin-top: 8rem;}
    .sub01_01 .sec03 .block .img {padding: 15px;}
    .sub01_01 .sec03 .block {border-radius: 2rem;width: calc(50% - 5px);}

    .sub01_01 .sec01 .art01 .tit{font-size: 16px;}
}

@media (max-width: 480px){
    .sub01_01 .sec01 .art-container > article{width: calc(100% - 0px);}
    .sub01_01 .sec01 .art-container > article:nth-child(1),
    .sub01_01 .sec01 .art-container > article:nth-child(2){margin-top:6rem;}
    .sub01_01 .sec01 .art-container > article .sub-tit {height: auto;}

    .sub01_01 .sec03 .block {width: calc(100% - 0px); margin-top: 20px;}
}



.sub01_02 .sec01{background-image: url(../img/s1_2_sec1_bg.jpg); background-position-y:95%; background-position-x:0%}
.sub01_02 .sec01 table.no-bg-table{margin-top: 3rem;}
.sub01_02 .sec01 table.no-bg-table th,
.sub01_02 .sec01 table.no-bg-table td{padding: 15px;}
.sub01_02 .sec01 table.no-bg-table thead th{background-color: #007e61; color: #fff; border-right: 1px solid #aaa;}
.sub01_02 .sec01 table.no-bg-table thead th:last-child{border-right: 0}
.sub01_02 .sec01 table.no-bg-table tbody td,
.sub01_02 .sec01 table.no-bg-table tbody th{border-bottom: 1px solid #ddd;}
.sub01_02 .sec01 table.no-bg-table tbody th{border-right: 1px solid #ddd;text-align: center;}
.sub01_02 .sec01 table.no-bg-table tbody b.green{color: #007e61;}
.sub01_02 .sec01 table.no-bg-table tbody b.blue{color: #1b238d;}
.sub01_02 .sec01 table.no-bg-table tbody b.purple{color: #9d19ae;}

.sub01_02 .sec02{background-image: url(../img/s1_2_sec2_bg.jpg); background-position-y:100%; padding-bottom: 10rem;}
.sub01_02 .sec02 .block-container{margin-top: 6rem;}
.sub01_02 .sec02 .block{margin-top: 4rem;}
.sub01_02 .sec02 .block:first-child{margin-top: 0rem;}
.sub01_02 .sec02 .block .img {padding: 35px 30px;background-color: #fff; border-radius: 0 30px 0 30px; border:1px solid #ddd}
.sub01_02 .sec02 .block .tit-wrap{display: flex; align-items: center;font-size: 2.4rem; }
.sub01_02 .sec02 .block .tit-wrap .num{border-radius: 50%; display: flex; justify-content: center; align-items: center; color: #fff; width: 5.5rem; height: 5.5rem;}
.sub01_02 .sec02 .block.green .tit-wrap .num{background-color: #007e61;}
.sub01_02 .sec02 .block.blue .tit-wrap .num{background-color: #1b238d;}
.sub01_02 .sec02 .block.red .tit-wrap .num{background-color: #9d19ae;}
.sub01_02 .sec02 .block .tit-wrap .tit{line-height: 1.2; margin-left: 2rem;}
.sub01_02 .sec02 .block .tit-wrap .tit b{display: block;}
.sub01_02 .sec02 .block.green .tit-wrap .tit{color: #007e61;}
.sub01_02 .sec02 .block.blue .tit-wrap .tit{color: #1b238d;}
.sub01_02 .sec02 .block.red .tit-wrap .tit{color: #9d19ae;}
.sub01_02 .sec02 .block p{margin-top: 2.5rem;}

.sub01_02 .sec03 .bg-wrap{background-image: url(../img/s1_2_sec3_bgwrap_bg.jpg); padding-bottom: 3rem; background-position: right bottom;}
.sub01_02 .sec03 .dot-list{margin-top: 5rem; padding-left: 3rem;}
.sub01_02 .sec03 .dot-list > li > span{border-radius: 50%;background-color: #1b238d; color: #fff; width: 3rem; height: 3rem;font-family: 'NEXON Lv1 Gothic OTF Bold';}

@media (max-width: 1240px){
    .sub01_02 .sec03 .bg-wrap {background-size: cover;}
}

@media (max-width: 768px){
    .sub01_02 .sec01 {background-position-y: 47%;}
    .sub01_02 .sec02 .block {margin-top: 5rem;}
    /* .sub01_02 .sec02 .block .tit-wrap{font-size: 2.8rem;} */
    .sub01_02 .sec02 .block .tit-wrap .tit b{display: inline-block;}
    .sub01_02 .sec02{padding-bottom: 7rem;}
    .sub01_02 .sec03 .bg-wrap {background-image: none;}
    .sub01_02 .sec03 .dot-list {margin-top: 2rem;padding-left: 0rem;padding-bottom: 3rem;border-bottom: 1px dashed #eee;}
    .sub01_02 .sec02 .block .tit-wrap .tit{font-size: 18px;}
    .sub01_02 .sec02 .block .txt-wrap{margin-top: 34px;}
    .sub01_02 .sec01 table.no-bg-table tbody td,
    .sub01_02 .sec01 table.no-bg-table tbody th{font-size: 14px;}
}



.sub01_03 .sec01 {background-image: url(../img/s1_3_sec1_bg.jpg); background-position-y: bottom;}
.sub01_03 .pic-container{margin-top: 13rem;}
.sub01_03 .pic-container.flex.col03 > div{width: calc(33.333% - 3rem);}
.sub01_03 .pic{padding: 3.5rem; background-color: #fff; position: relative; min-height: 620px; margin-top: 5rem; box-shadow: 0 0 20px 5px rgb(0 0 0 / 10%)}
.sub01_03 .pic:last-child{min-height: auto; padding-bottom: 9rem;}
.sub01_03 .pic::before{position: absolute; content: ""; display: block; background:url(../img/s1_3_sec1_picstiker.png)no-repeat center; transform: translate(-50%, -50%); left: 50%; top:0; width: 90px; height: 40px;}
.sub01_03 .pic .tit{margin-top: 2.5rem;font-family: 'NEXON Lv1 Gothic OTF Bold';}
.sub01_03 .pic p {font-size: 1.5rem; color: #555; margin-top: 2rem;}
.sub01_03 .pic .name{font-size: 1.5rem;margin-top: 2rem; padding-left: 25px; background: url(../img/s1_3_sec1_name_icon.png)no-repeat left center; position: absolute; left: 3.5rem; bottom: 3.5rem;}

@media (max-width: 1240px){
    .sub01_03 .pic-container.flex.col03 > div {width: calc(33.333% - 1.5rem);}
    .sub01_03 .pic {padding: 3.5rem 2rem;}
    .sub01_03 .pic {min-height: 640px; word-break: break-all;}
    .sub01_03 .pic p{font-size: 15px;}
    .sub01_03 .sec01 {background-size: cover;}
}

@media (max-width: 768px){
    .sub01_03 .pic-container{margin-top: 8rem;}
    .sub01_03 .pic-container.flex.col03 > div {width: calc(50% - 1rem);}
    .sub01_03 .pic {min-height: 450px}
    .sub01_03 .pic .tit{font-size: 15px;}
    .sub01_03 .pic p{font-size: 13px;}
    .sub01_03 .pic .name{position: static; margin-top: 2rem; font-size: 14px;}
}

@media (max-width: 480px){
    .sub01_03 .pic-container.flex.col03 > div {width: calc(100% - 0rem);}
    .sub01_03 .pic {min-height: auto}
   
}



.sub02_01 .sec01 {background-image: url(../img/s2_1_sec1_bg.jpg); background-position-y:12%;}
.sub02_01 .img.big-img p.desc{right: 0; top: 0; width: 18.5rem;}



.sub02_02 .sec01 .img-txt-wrap{background-color: #fcf7ff;}
.sub02_02 .sec01 .img-txt-wrap > .wrapper{padding: 5rem 36% 5rem 0; background-image: url(../img/s2_2_sec1_bg.png); background-repeat: no-repeat; background-position:right bottom;}
.sub02_02 .sec01 .img-txt-wrap .tit{font-size: 2.8rem; color: #fff; background-color: #9d19ae; padding: 12px 25px; display: inline-block;font-family: 'NEXON Lv1 Gothic OTF Bold';}
.sub02_02 .tag-box p.from-tag {z-index: 100; bottom: 8px; right: 30px; font-size: 1.6rem; color: #0b2fc8;}


@media (max-width: 768px){
    .sub02_01 .sec01{background-size: 120%;    background-position-y: 10%;}
}



/* 현재 s2_2에서 사용 */
h3.dot-num{position: relative; font-size: 2.4rem; padding-left: 50px;margin-top: 6rem;}
h3.dot-num > b{color: #0b2fc8; background-color: #f3f4fc; padding: 15px 40px; border-radius: 50px; font-family: 'NEXON Lv1 Gothic OTF Bold'; margin-left: -15px;}
h3.dot-num > span.num{font-family: 'NEXON Lv1 Gothic OTF Bold'; border-radius: 50%; color: #0b2fc8; display: flex; justify-content: center; align-items: center; color: #fff; background-color: #0b2fc8; width: 55px; height: 55px; z-index: 2; transform: translateY(-50%); top: 50%; position: absolute; left: 0;}
h3.dot-num + p{margin-top: 5rem;}
.tag-box{margin-top: 7.5rem; background-color:#f3f4fc; border-radius: 2.5rem; padding: 9rem 8rem 5rem 8rem; position: relative;}
.tag-box .tag-tit{position: absolute;top: 0;left: 0;;display: inline-block;background-color: #0b2fc8;color: #fff;font-size: 2.4rem;padding: 22px 40px;transform: translateY(-45%);}
.tag-box .tag-tit::before{display: block; position: absolute; content: ""; height: 100%; width: 42px; background-color: #0b2fc8; left: 95%; top: 0; transform: skew(-20deg);}
.tag-box .img-txt-wrap{display: flex; align-items: center; margin-top: 4rem;}
.tag-box .img-txt-wrap:nth-of-type(2){margin-top: 0;}
.tag-box .img-txt-wrap .img{margin-right: 5rem;}
.tag-box .img-txt-wrap .img img{width: auto;border-radius: 3rem;}
.tag-box .img-txt-wrap .sub-tit{font-size: 2rem; font-family: 'NEXON Lv1 Gothic OTF Bold'; }
.tag-box .img-txt-wrap .tit{font-size: 2.4rem; color: #0b2fc8;font-family: 'NEXON Lv1 Gothic OTF Bold'}
.tag-box .img-txt-wrap p{margin-top: 2rem;}

.tag-box .card-container{z-index: 2; position: relative}
.tag-box .card-container.flex.col03 .card{width: calc(33.333% - 30px); margin: 30px 15px 0 15px;}
.tag-box .card{padding: 4rem; border-radius: 1.5rem; box-shadow: 0 0 20px 5px rgb(0 0 0 / 5%); background: #fff url(../img/s2_2_sec3_cardicon.png)no-repeat right 2.5rem top 2.5rem;}
.tag-box .card .num{width: 50px; height: 50px; color: #fff; border-radius: 50%; display: flex; justify-content: center; align-items: center;}
.tag-box .card:nth-child(odd) .num{background-color: #8273ff;}
.tag-box .card:nth-child(even) .num{background-color: #0087fd;}
.tag-box .card .tit{font-size: 2rem; margin-top: 25px;font-family: 'NEXON Lv1 Gothic OTF Bold'}

.sub02_02 .sec04 .tag-box{position: relative;}
.sub02_02 .sec04 .tag-box::before{width: 610px; height: 435px; display: block; position: absolute; content: "";background-image: url(../img/s2_2_sec4_cardcontainer_bg.png); background-repeat: no-repeat; right: -50px; bottom: -50px; z-index: 1;}
.tag-box .card p{font-size: 1.6rem; margin-top: 1rem;}

@media (max-width: 1760px){
    .sub02_02 .sec04 .tag-box::before{right: 0;}
}

@media (max-width: 1440px){
    .sub02_02 .sec01 .img-txt-wrap > .wrapper{padding: 5rem 45% 5rem 0;}
}

@media (max-width: 1240px){
    .sub02_02 .sec01 .img-txt-wrap > .wrapper{padding: 7rem 60% 5rem 20px;}
}

@media (max-width: 1024px){
    .sub02_02 .sec01 .img-txt-wrap > .wrapper {background-position: center bottom; padding: 5rem 20px 40rem 20px;}
    .tag-box { padding: 9rem 4rem 5rem 4rem;}
    .tag-box .card-container.flex.col03 .card { width: calc(50% - 30px); margin: 30px 15px 0 15px;}
}

@media (max-width: 768px){
    .sub02_02 .sec01 .img-txt-wrap > .wrapper {padding: 5rem 15px 42% 15px;background-size: 70%;}
h3.dot-num > b{display: block;}
    .tag-box {padding: 9rem 3rem 5rem 3rem;}
    .tag-box .tag-tit {padding: 18px 30px;}
    .tag-box .img-txt-wrap{display: block;}
    .tag-box .img-txt-wrap .sub-tit{margin-top: 28px;font-size: 16px;}
    .tag-box .img-txt-wrap .tit{font-size: 18px; margin-top: 4px;}
    .tag-box .img-txt-wrap .img{margin: 0;}
    .sub02_02 .sec04 .tag-box::before{ right: 0; bottom: 50px;width: 300px; height: 215px; background-size: contain;}
    .sub02_02 .tag-box p.from-tag{font-size: 14px;}

    .tag-box .card .tit{font-size: 16px;}
    .tag-box .card p{font-size: 14px; line-height: 1.4;}
    .tag-box .card .num{font-size: 14px;}
    .tag-box .card .tit br{display: none;}

    .sub02_02 .sec02 .flex.space-b .img.desc-box:nth-of-type(2){margin-top: 20px;}
}

@media (max-width: 560px){
    .tag-box .card-container.flex.col03 .card { width: calc(50% - 10px); margin: 10px 5px 0 5px;}
    .tag-box .card .num {width: 40px; height: 40px;}
    .tag-box .card{padding: 3rem;}
}

@media (max-width: 480px){
    .tag-box .img-txt-wrap .img img{width: 100%;}
    .tag-box .tag-tit{display: block; width: 100%; text-align: center;}
    .tag-box .tag-tit::before{display: none;}
}

@media (max-width: 380px){
    .tag-box .card-container.flex.col03 .card { width: calc(100% - 0px); margin: 10px 0px 0 0px;}
    .tag-box .card .tit { margin-top: 20px;}
}


.sub02_03 #sub-content{padding-bottom: 0;}

.sub02_03 .sec01 .img-txt-wrap{padding: 5rem 45% 5rem 0; background-image: url(../img/s2_3_sec1_bg.png); background-repeat: no-repeat; background-position:right bottom;}

.sub02_03 .sec02{background-color: #f8f8f8; padding-top: 7.5rem; padding-bottom: 12rem;}
.sub02_03 .sec02 .tag-box02{border-radius: 3rem; background-color: #fff; box-shadow: 0 0 20px 5px rgb(0 0 0 / 10%); position: relative; margin-top: 7.5rem; padding: 0rem 5rem 5rem;}
.sub02_03 .sec02 .tag-box02:first-child{margin-top: 0;}
.sub02_03 .sec02 .tag-box02 .tit{transform: translateY(-50%); text-align: center;}
.sub02_03 .sec02 .tag-box02 .tit span{padding: 15px 20px 15px 55px; display: inline-block;color: #fff; font-size: 2.4rem; border-radius: 0 0 20px 20px;font-family: 'NEXON Lv1 Gothic OTF Bold'; background:#0b2fc8 url(../img/s2_3_sec2_tagbox02_titicon.png)no-repeat left 20px top 50%; }
.sub02_03 .sec02 .tag-box02 .img img{width: auto;border-radius: 3rem; }
.sub02_03 .sec02 .tag-box02.tag-box02-01 .img{margin-right:3rem}
.sub02_03 .sec02 .tag-box02.tag-box02-03{background-image: url(../img/s2_3_sec2_img4.jpg); background-repeat: no-repeat; background-position: right bottom; }
.sub02_03 .sec02 .tag-box02.tag-box02-03 p{padding: 0 20% 0 5rem;}

.sub02_03 .home-page{border: 2px solid #000; border-radius: 3rem; overflow: hidden; margin-top: 7rem;background-color: #fff;}
.sub02_03 .home-page .bar{border-bottom: 2px solid #000;background-color: #ffc1c5; padding: 0 45px 0 85px;}
.sub02_03 .home-page .bar .tab{width: 350px; height: 50px;border-left: 2px solid #000;; border-right: 2px solid #000; float: left; background: #fff url(../img/sub02_02_tab.png)no-repeat center}
.sub02_03 .home-page .bar .utill{float: right; padding-top: 5px;}
.sub02_03 .home-page .bar .utill > span{width: 40px; height: 40px; display: inline-block; cursor: pointer; background-position: center; background-repeat: no-repeat;}
.sub02_03 .home-page .bar .utill > span:nth-child(1){background-image: url(../img/sub02_02_under.png);}
.sub02_03 .home-page .bar .utill > span:nth-child(2){background-image: url(../img/sub02_02_max.png);}
.sub02_03 .home-page .bar .utill > span:nth-child(3){background-image: url(../img/sub02_02_close.png);}
.sub02_03 .home-page .url-bar{background-color: #e6e6e6; border-bottom: 2px solid #000; padding: 15px 25px}
.sub02_03 .home-page .url-bar > div{display: inline-block;}
.sub02_03 .home-page .url-bar > .arr{width: calc(10% - 25px); margin-right: 25px;}
.sub02_03 .home-page .url-bar > .arr > div{display: inline-block; background-repeat: no-repeat; background-position: center; width: 32px; height: 32px; cursor: pointer;}
.sub02_03 .home-page .url-bar > .arr > .left{background-image: url(../img/sub02_02_arr_left.png); margin-right: 5px;}
.sub02_03 .home-page .url-bar > .arr > .right{background-image: url(../img/sub02_02_arr_right.png);}
.sub02_03 .home-page .url-bar > .url{background-color: #fff; border: 2px solid #000; border-radius: 50px; width: calc(85% - 25px); margin-right: 25px;}
.sub02_03 .home-page .url-bar > .url input{background-color: transparent; padding: 7px 25px; width: 100%;}
.sub02_03 .home-page .url-bar > .star{width: 33px; height: 33px; background: url(../img/sub02_02_star.png)no-repeat center;}
.sub02_03 .home-page .document {background: url(../img/sub02_02_img01.jpg)no-repeat 13% center;transition: 0.3s;}
.sub02_03 .home-page .document .txt-wrap{padding: 85px 0 85px 45%;}
.sub02_03 .home-page .document h4{font-size: 2.8rem; color: #333; font-family: 'NEXON Lv1 Gothic OTF Bold'; margin-bottom: 10px;}
.sub02_03 .home-page .document h4 span{color: #9f2385; font-family: 'NEXON Lv1 Gothic OTF Bold';}
.sub02_03 .home-page .document .txt-wrap p{font-size: 2rem; margin-bottom: 40px;}
.sub02_03 .home-page .document .txt-wrap .btn{width: 200px; position: relative; padding: 15px 0 15px 25px; border: 1px solid #9f2385; display: block;z-index: 1;transition: 0.2s; color: #9f2385; font-family: 'NEXON Lv1 Gothic OTF Bold';}
.sub02_03 .home-page .document .txt-wrap .btn::before{position: absolute; content: ''; display: block; height: 100%; width: 33px; right: 0; top: 0; background:#9f2385 url(../img/white-arr.png)no-repeat center;}
.sub02_03 .home-page .document .txt-wrap .btn::after{position: absolute; content: ''; display: block; height: 100%; width: 0px; right: 0; top: 0; background-color:#9f2385; transition: 0.2s;}
.sub02_03 .home-page .document .txt-wrap .btn:hover{background-color: #9f2385; color: #fff;}
.sub02_03 .home-page .document .txt-wrap .btn:hover::after{width: 100%; z-index: -1;}

@media (max-width: 1240px){
    .sub02_03 .home-page .url-bar > .arr{display: none;}
    .sub02_03 .home-page .document {background: url(https://www.bisco.or.kr/sabo/2021_vol85/img/sub02_02_img01.jpg)no-repeat 5% center;}
    .sub02_03 .sec02 h3.dot {margin-top: 70px;}
    .sub02_03 .sec02 .img-container {margin: 15px 0 30px 0;}

    .sub02_03 .sec02 .tag-box02.tag-box02-01 .txt{margin-top: 2rem;}
    .sub02_03 .sec02 .tag-box02.tag-box02-01 .img{margin-right:0}
}

@media (max-width: 768px){
    .sub02_03 .sec01 .img-txt-wrap {padding: 0rem 0% 45% 0;background-position: center bottom;background-size: 70%;}
    .sub02_03 .sec02 .tag-box02 .tit span{padding: 12px 20px 12px 55px;}
    .sub02_03 .sec02 .tag-box02.tag-box02-01 .txt{font-size: 14px;}
    .sub02_03 .sec02 .tag-box02{padding: 0rem 2.5rem 5rem;}
    .sub02_03 .sec02 .tag-box02.tag-box02-03{background-image: none;}
    .sub02_03 .sec02 .tag-box02.tag-box02-03 p{padding: 0rem 2.5rem 0rem}

    .sub02_03 .home-page .document .txt-wrap {padding: 72% 20px 50px 20px;}
    .sub02_03 .home-page .document {background: url(https://www.bisco.or.kr/sabo/2021_vol85/img/sub02_02_img01.jpg)no-repeat center 30px;background-size: 75%;}
    .sub02_03 .home-page .document h4 {margin-bottom: 5px;font-size: 18px;}
    .sub02_03 .home-page .document .txt-wrap p {margin-bottom: 20px; font-size: 15px;}
    .sub02_03 .home-page .bar {padding: 0 20px 0 20px;}
    .sub02_03 .home-page{margin-top: 30px;}
    .sub02_03 .home-page .bar .utill{display: none;}
    .sub02_03 .home-page .url-bar > .url {width: calc(90% - 10px);margin-right: 10px;}
    .sub02_03 .home-page .document .txt-wrap .btn { width:100%;padding: 10px 0 10px 20px; font-size: 15px;}
}

@media (max-width: 560px){
    .sub02_03 .home-page .url-bar > .url {width: calc(100% - 0px);margin-right: 0px;}
    .sub02_03 .home-page .url-bar > .star{display: none;}
    .sub02_03 .home-page .bar .tab {width: 100%;height: 45px;background-size: 75%;}
    .sub02_03 .sec02 .tag-box02 .img img{width: 100%;}
}



.sub03_01 #sub-content{padding: 0;}
.sub03_01 .sec01{background-image: url(../img/s3_1_sec01_bg.jpg);padding-bottom: 120px;background-position-y:100px;background-position-x:center;}
.sub03_01 .card-container{margin-top: 15rem;}
.sub03_01 .sub-tit{width: 100px; height: 30px; border-radius: 50px; color: #fff; margin: 0 auto; display: flex; justify-content: center; align-items: center;}
.sub03_01 .card{position: relative;}
.sub03_01 .wrap{background-color: #fff; display: block;border-radius: 3rem; padding: 35px;box-shadow: 0 0 20px 5px rgb(0 0 0 / 5%)}
.sub03_01 .card01 .sub-tit{background-color: #ff5418;}
.sub03_01 .card02 .sub-tit{background-color: #0094af;}
.sub03_01 .tit{margin-top: 2.5rem;font-family: 'NEXON Lv1 Gothic OTF Bold'; font-size: 3rem; text-align: center;}
.sub03_01 .name{text-align: center;}
/* .sub03_01 p{font-size: 1.7rem;} */
.sub03_01 p, .sub03_01 hr{margin-top: 3rem;}
.sub03_01 .card01 .wrap::before {background-image: url(../img/gold-medal.png);}
.sub03_01 .card02 .wrap::before {background-image: url(../img/silver-medal.png);}
.sub03_01 .card .wrap::before {display: block; content: ""; position: absolute; width: 62px;height: 84px; background-repeat: no-repeat;top: 0;left: 60px;}

@media (max-width: 768px){
    .sub03_01 .sub-tit{font-size: 14px;}
    .sub03_01 .name{font-size: 14px;}
    .sub03_01 .tit{font-size: 3.2rem;}
    .sub03_01 .sec01{padding-bottom: 120px;}
    .sub03_01 .card-container{margin-top: 10rem;}
    .sub03_01 .sec01{background-position-y:bottom}
    .sub03_01 .wrap{padding: 35px 20px;}
    .sub03_01 .card .wrap::before {width: 40px;height: 64px; left: 30px; background-size: contain;}
}



.sub03_02 .sec02 .img-box-skew {padding: 5rem 0 17.5rem 0;background-position: right;}
.sub03_02 .sec02 .img-box-skew01{background-image: url(../img/s3_2_sec2_bg1.jpg); }
.sub03_02 .sec02 .img-box-skew02{background-image: url(../img/s3_2_sec2_bg2.jpg); }
.sub03_02 .sec02 img{width: auto;}
.sub03_02 .sec02 .minus-mt{margin-top: -50px;}

@media (max-width: 1240px){
    .sub03_02 .sec02 img{width: 100%;}
    .sub03_02 .sec02 .img-box-skew{background-image: none; padding: 30px 0 0 0;}
    .sub03_02 .sec02 .minus-mt{margin-top:3rem;}
}



.sub03_03 #sub-content{padding: 0;}
.sub03_03 .sec01{background-image: url(../img/s3_3_sec1_bg.jpg);padding-bottom: 120px;background-position-y:100px;background-position-x:center;}
.sub03_03 .card-container{margin-top: 12rem;}
.sub03_03 .card{border-radius: 5rem; background-color: rgba(255, 255, 255, 1); padding: 6rem; height: 750px;}
.sub03_03 .card-wrap{overflow-y: scroll; height: 100%;}
.sub03_03 .tit{font-family: 'KOTRAHOPE'; font-size: 4.2rem;}
.sub03_03 .card01 .tit{color: #6f6f31;}
.sub03_03 .card02{margin-top: 3rem;background-color: rgba(255, 255, 255, 0.8);}
.sub03_03 .card02 .tit{color: #515196;}
.sub03_03 .card p{margin-top: 5rem; font-size: 1.6rem;}

@media (max-width: 768px){
    .sub03_03 .card {padding: 5rem; height: 500px;}
    .sub03_03 .sec01{padding-bottom: 70px;background-position-y: 0px;}
    .sub03_03 .tit{font-size: 3.4rem;}
    .sub03_03 .card p{margin-top: 3rem; font-size: 14px;}
}
@media (max-width: 480px){
    .sub03_03 .card {height: 300px; border-radius: 2rem;}
}



.sub04_01 #sub-content{padding: 0;}
.sub04_01 .sec01{background-image: url(../img/s4_1_sec01_bg.jpg);padding-bottom: 100px;background-position-y:bottom}
.sub04_01 .card-container{margin-top: 6rem;}
.sub04_01 .wrap{background-color: #fff; display: block;padding:0 40px;box-shadow: 10px 10px 0 0 rgb(0 0 0 / 3%); border: 1px solid #999;}
.sub04_01 .card{width: calc(33.333% - 20px);}
.sub04_01 .card01 .wrap{height: 1000px;}
.sub04_01 .card02 .wrap,
.sub04_01 .card03 .wrap{height: 800px;}
.sub04_01 .card .wrap{position: relative;background-repeat: no-repeat}
.sub04_01 .card01 .wrap{background-image: url(../img/s4_1_sec1_card1_bg.png); background-position: bottom 20px left 50% ;}
.sub04_01 .card02 .wrap{background-image: url(../img/s4_1_sec1_card2_bg.png); background-position: bottom 20px right 40px ;}
.sub04_01 .card03 .wrap{background-image: url(../img/s4_1_sec1_card3_bg.png); background-position: bottom 20px right 40px ;}
.sub04_01 .card .wrap::before{display: block; content: ""; position: absolute; width: 62px; height: 84px; background-repeat: no-repeat; right: 40px; top: 0;}
.sub04_01 .card01 .wrap::before{background-image: url(../img/gold-medal.png);}
.sub04_01 .card02 .wrap::before{background-image: url(../img/silver-medal.png);}
.sub04_01 .card .tag{display: inline-block; color: #fff; padding: 8px 20px; border-radius: 0 0 15px 15px;}
.sub04_01 .card01 .tag{background-color: #ff5418;}
.sub04_01 .card02 .tag{background-color: #0094af;}
.sub04_01 .card03 .tag{background-color: #5fb632;}
.sub04_01 .tit{margin-top: 4rem;font-family: 'NEXON Lv1 Gothic OTF Bold'; font-size: 3rem}
.sub04_01 .name{margin-top: 2.5rem;}
.sub04_01 .name b{display: block}
.sub04_01 .sec01 p{font-size: 16px;margin-top: 2.5rem;}

@media (max-width: 1240px){
    .sub04_01 .card{width: calc(33.333% - 5px);}
    .sub04_01 .wrap {padding: 0 20px;}
    .sub04_01 .card01 .wrap {height: 100%; padding-bottom: 50px;background-position: bottom 20px right 30px;}
    .sub04_01 .card02 .wrap,
    .sub04_01 .card03 .wrap{height: 100%; padding-bottom: 50px; background-size: 100px;}
}

@media (max-width: 768px){
    .sub04_01 .name{font-size: 14px;}
    .sub04_01 .tit{font-size: 22px;}
    .sub04_01 .card .tag{font-size: 14px;}
    .sub04_01 .sec01 p{font-size: 15px}
    .sub04_01 .card01{width:calc(100% - 0px); margin-bottom: 3rem;}
    .sub04_01 .card02{width:calc(50% - 5px)}
    .sub04_01 .card03{width:calc(50% - 5px)}
    .sub04_01 .card01 .wrap {height: 100%; padding-bottom: 50px;    background-position-x: center;}
    .sub04_01 .card02 .wrap,
    .sub04_01 .card03 .wrap{height: 100%; padding-bottom: 50px;}
}

@media (max-width: 560px){
    .sub04_01 .card02{width:calc(100% - 0px)}
    .sub04_01 .card03{width:calc(100% - 0px); margin-top: 3rem;}
}



.sub04_02 .sec01 .card-container{display: flex; justify-content: space-between; position: relative;}
.sub04_02 .sec01 .card-container::before{width: 880px; height: 460px; background-color: #f2f8ff; display: block; position: absolute; content: ""; z-index: -1;bottom: -30px;left: 20px;}
.sub04_02 .sec01 .card-container > .left{width: calc(30% - 10px);}
.sub04_02 .sec01 .card-container > .left .img{position: relative;}
.sub04_02 .sec01 .card-container > .left .name-tag{position: absolute; color: #fff; padding: 15px 0;width: 200px; text-align: center; left: 0; top: 3px; background-color: #001c58; border-radius: 0 0 20px 0;}
.sub04_02 .sec01 .card-container > .right{width: calc(70% - 10px); display: flex; flex-direction: column; justify-content: space-between;}
.sub04_02 .sec01 .card-container .block{display: flex; align-items: center;}

.sub04_02 .sec01 .card-container .block02 {margin-top: 20px;padding-top: 20px;border-top: 1px solid #ddd;}
.sub04_02 .sec01 .card-container .block > .img{width: calc(35% - 15px);}
.sub04_02 .sec01 .card-container .block > .txt{width: calc(65% - 15px); padding-left: 50px;}
.sub04_02 .sec01 .card-container .block .tit{background-color: #415da8; color: #fff; padding: 9px 0 6px; width: 100px; text-align: center; border-radius: 50px;}
.sub04_02 .sec01 .card-container .block p {font-size: 1.6rem; margin-top: 2rem;}

.sub04_02 .box{border: 2px solid #001c58; border-radius: 10px; padding: 60px 10px 35px 214px; margin-top: 5rem; position: relative; background-repeat: no-repeat; background-position:left 45px top 50%;}
.sub04_02 .box.box01{background-image: url(../img/s4_2_sec1_box1_bg.png);}
.sub04_02 .box.box02{background-image: url(../img/s4_2_sec1_box2_bg.png);}
.sub04_02 .box .tit{font-family: 'NEXON Lv1 Gothic OTF Bold';position: absolute; font-size: 21px; color: #fff; background-color: #001c58; border-radius: 0 50px 50px 0;left: -2px; top: -30px;padding: 10px 30px 10px 20px; display: inline-block;}

.sub04_02 .sec02{background-image: url(../img/s4_2_sec2_bg.jpg);background-position:right center; padding: 80px 0; position: relative;}
.sub04_02 .sec02 .deco-img {background-image: url(../img/s4_2_sec2_decoimg.png);background-repeat: no-repeat;background-size: contain;background-position-y: bottom;width: 12vw; height: 295px; position: absolute;right: 5%; bottom: 0;}
.sub04_02 .sec02 .card-container{display: flex; justify-content: space-between;}
.sub04_02 .sec02 .card-container > .left{width: calc(37% - 25px); display: flex; flex-direction: column; justify-content: space-between;}
.sub04_02 .sec02 .card-container > .right{width: calc(63% - 25px);}
.sub04_02 .sec01 .card-container > .left .img img.mob2{display: none;}

@media (max-width: 1440px){
    .sub04_02 .sec01 .card-container .block{align-items: inherit;}
    .sub04_02 .sec01 .card-container .block02 {border-top: 0; margin-top: 10px; padding-top: 10px;}
    .sub04_02 .sec01 .card-container .block > .img {width: calc(40% - 10px);}
    .sub04_02 .sec01 .card-container .block > .txt {width: calc(60% - 0px);padding-left: 30px;}
}

@media (max-width: 1240px){
    .sub04_02 .sec01 .card-container{display: block;}
    .sub04_02 .sec01 .card-container > .left .name-tag{top: 0px; }
    .sub04_02 .sec01 .card-container > .left{width: calc(100% - 0px);}
    .sub04_02 .sec01 .card-container > .right{width: calc(100% - 0px); display: block; margin-top: 2rem;}
    .sub04_02 .sec01 .card-container > .left .img img.pc2{display: none;}
    .sub04_02 .sec01 .card-container > .left .img img.mob2{display: block;}

    .sub04_02 .sec02 .card-container > .left {width: calc(37% - 10px);}
    .sub04_02 .sec02 .card-container > .right{width: calc(63% - 10px);}
}

@media (max-width:768px){
    .sub04_02 .sec01 .card-container > .left .name-tag{width: 150px; font-size: 14px;}
    .sub04_02 .sec01 .card-container .block .tit{font-size: 14px;}
    .sub04_02 .box .tit{font-size:16px}
    .sub04_02 .box {padding: 180px 20px 40px 20px;background-position: left 20px top 40px;}
    .sub04_02 .box{margin-top: 6rem;}
    .sub04_02 .sec01 .card-container .block p{font-size: 15px;}
    .sub04_02 .sec01 .card-container::before{display: none;}
    .sub04_02 .sec02 .deco-img{display: none;}
    .sub04_02 .sec02{padding: 30px 0;}
}

@media (max-width: 640px){
    .sub04_02 .sec02 .card-container{display: block;}
    .sub04_02 .sec02 .card-container > .left {flex-direction: inherit; width: 100%;}
    .sub04_02 .sec02 .card-container > .left .img{width: calc(50% - 5px);}
    .sub04_02 .sec02 .card-container > .right{width: 100%; margin-top: 2rem;}

}

@media (max-width: 540px){
    .sub04_02 .sec01 .card-container .block{display: block;}
    .sub04_02 .sec01 .card-container .block > .img{width: calc(100% - 0px);}
    .sub04_02 .sec01 .card-container .block > .img img{width: 100%;}
    .sub04_02 .sec01 .card-container .block > .txt{width: calc(100% - 0px); padding: 0; margin-top: 2rem;}
    /* .sub04_02 .sec01 .card-container > .left .name-tag{width: 120px;} */
    .sub04_02 .box p br{display: none;}
}



.sub05_01 .sec01{background-image: url(../img/s5_1_sec1_bg.jpg); background-position:left 0 bottom 30px; background-size: contain;}
.sub05_01 .pic-wrap .img{padding-bottom: 80px;}
.sub05_01 .pic-wrap > div {width: calc(50% - 0px);}
.sub05_01 .pic-wrap .tit{font-size: 3.2rem;font-family: 'NEXON Lv1 Gothic OTF Bold';}
.sub05_01 .pic-wrap .tit span{color: #0b2fc8;font-family: 'NEXON Lv1 Gothic OTF Bold';}
.sub05_01 .pic-wrap .txt{padding: 50px 50px 20px 50px; background-repeat: no-repeat; background-position-y: bottom;background-position-x:right}
.sub05_01 .pic-wrap:nth-child(1){margin-top:10rem ;}
.sub05_01 .pic-wrap:nth-child(1) .txt{background-image: url(../img/s5_1_sec1_manimg1.png);}
.sub05_01 .pic-wrap:nth-child(2) .txt{background-image: url(../img/s5_1_sec1_manimg2.png);}
.sub05_01 .pic-wrap:nth-child(3) .txt{background-image: url(../img/s5_1_sec1_manimg3.png);}
.sub05_01 .pic-wrap:nth-child(even){flex-direction: row-reverse;}
.sub05_01 .pic-wrap .writer-txt{margin-top: 5rem;}

@media (max-width: 1240px){
    .sub05_01 .pic-wrap .txt {padding: 0px 20px 20px 20px;}
}

@media (max-width: 768px){
    .sub05_01 .pic-wrap{display: block; margin-top: 5rem;}
    .sub05_01 .pic-wrap > div{width: calc(100% - 0px);}
    .sub05_01 .pic-wrap .img{padding-bottom: 0;}
    .sub05_01 .pic-wrap .txt{padding: 0; margin-top: 3rem; background: none !important;}
    .sub05_01 .pic-wrap .writer-txt{margin-top: 2rem;}
}



.sub05_02 .sec01{background-image: url(../img/s5_2_sec1_bg.jpg); background-position:left 0 bottom -20px; padding-bottom: 70px; position: relative}
.sub05_02 .sec01 .img{position: relative;}
.sub05_02 .sec01 .img.with-before::before{ bottom: 100%; right: 0;position: absolute; display: block; content: ""; background-image: url(../img/s5_2_sec1_manimg.png); background-repeat: no-repeat; width: 590px; height: 260px; background-size: contain}
.sub05_02 .sec01 .img-txt-wrap > .txt{width: calc(65% - 100px); padding-top: 50px; position: relative;}

.sub05_02 .sec01 .img-txt-wrap > .txt::before{display: block; content: ""; position: absolute; width: 46px; height: 12px; background: url("../img/s5_2_sec1_doticon.jpg")no-repeat; top: 15px;}
.sub05_02 .sec01 .img-txt-wrap > .img{width:35%}
.sub05_02 .sec02 .img-txt-box{background-image: url(../img/s5_2_sec2_imgbox_border.jpg); background-position:center; background-size: 100% 100%; background-repeat: no-repeat; padding: 50px 20px 50px 40%; font-size: 2.2rem; margin-top: 11rem; position: relative;}
.sub05_02 .sec02 .img-txt-box::before{display: block; position: absolute; content: ""; width: 370px; height: 255px; background:url(../img/s5_2_sec2_imgbox_man.png)no-repeat center; left: 0; bottom: 0; left: 6%; background-size: contain;}
.sub05_02 .sec02 .img-txt-box b.blue{color: #0155ff;}

@media (max-width: 1600px){
    .sub05_02 .sec01 .img.with-before::before{width: 420px;height: 180px;}
}

@media (max-width: 1440px){
    .sub05_02 .sec02 .img-txt-box {padding: 40px 20px 40px 35%;margin-top: 8rem;}
    .sub05_02 .sec02 .img-txt-box::before {width: 250px;height: 160px;left: 6%; }
}

@media (max-width: 1240px){
    .sub05_02 .sec01 .img.with-before::before{width: 420px;height: 180px;}
}

@media (max-width: 1024px){
    .sub05_02 .sec01 .img.with-before::before{width: 250px;height: 10px;}
    .sub05_02 .sec01 .img-txt-wrap > .txt {width: calc(65% - 30px);padding-top: 40px;}
}

@media (max-width: 960px){
    .sub05_02 .sec02 .img-txt-box {padding: 40px 20px 180px 20px;margin-top: 6rem; text-align: center; background-image: none; border:5px dashed #ddd}
    .sub05_02 .sec02 .img-txt-box::before{transform: translateX(-50%); left: 50%;}
}


@media (max-width: 768px){
    .sub05_02 .sec02 .img-txt-box{font-size: 2.4rem}
    .sub05_02 .sec01 .img-txt-wrap > .txt{width: calc(100% - 0px); font-size: 14px;}
    .sub05_02 .sec01 .img-txt-wrap > .img{width: 100%; margin-top: 3rem;}
    .sub05_02 .sec01 .img.with-before::before{display: none;}
    .sub05_02 .sec02 .flex.col02 > div:last-child{margin-top: 4rem;}

    .sub05_02 .sec01 {padding-bottom: 30px;background-size: 170%;background-position: 0% 58%; }
}




.sub06_01 .img-txt-wrap{display: flex; justify-content: space-between; margin-top: 5rem;}
.sub06_01 .img-txt-wrap img{width: auto;}
.sub06_01 .img-txt-wrap:nth-of-type(odd) .img{margin-right: 3rem;}
.sub06_01 .img-txt-wrap:nth-of-type(even){flex-direction: row-reverse;}
.sub06_01 .img-txt-wrap:nth-of-type(even) .img{margin-left: 3rem; }

@media (max-width: 1240px){
    .sub06_01 .img-txt-wrap .img{width: 40%;}
    .sub06_01 .img-txt-wrap .txt{width: 60%;}
    .sub06_01 .img-txt-wrap img{width: 100%;}
}

@media (max-width: 768px){
    .sub06_01 .img-txt-wrap .img{width: 100%;}
    .sub06_01 .img-txt-wrap .txt{width: 100%; margin-top: 2rem;}
    .sub06_01 .img-txt-wrap{display: block; margin-top: 3rem;}
    .sub06_01 .img-txt-wrap:nth-of-type(odd) .img{margin-right: 0rem;}
    .sub06_01 .img-txt-wrap:nth-of-type(even) .img{margin-left: 0rem; }
    .sub06_01 .img-txt-wrap:nth-of-type(even){flex-direction: inherit;}
}



.sub06_02 #sub-content{padding-bottom: 0;}
.sub06_02 .sec01{background-image: url(../img/s6_2_sec1_bg.jpg); padding-bottom: 10rem; background-position-y:0;margin-top: 7rem;}
.sub06_02 .sec01 > .wrapper{padding-top: 7rem;}
.sub06_02 .txt-container{display: flex;}
.sub06_02 .txt-container > .img{width: 260px}
.sub06_02 .txt-container > .img img{width: auto;}
.sub06_02 .txt-container > .txt-wrap{width: 80%; padding-left: 50px;}
.sub06_02 .txt-container .btn-wrap{display: flex;}
.sub06_02 .txt-container .btn-wrap > div{font-weight: bold; background-color: #662d3d; color: #fff; font-size: 2rem; border-radius: 50px; text-align: center; padding: 8px 50px; margin-right: 15px;}

.sub06_02 .card-container{margin-top: 5rem}
.sub06_02 .card-container .card{background-color: #fff;border: 1px solid #ddd; padding: 15px; margin-bottom: 35px; box-shadow: 5px 5px 15px 1px rgba(0, 0, 0, 0.2);}
.sub06_02 .card-container .card > .img{position: relative;}
.sub06_02 .card-container .card > .img .tit{position: absolute;top: 0; left: 0; background-color: #de1b52; color: #fff; text-align: center; color: #fff; font-weight: bold;padding: 10px 20px; border-radius: 0 50px 50px 50px;}
.sub06_02 .card-container .card > .btn{border-bottom: 1px solid #e5e5e5; display: flex; justify-content: space-between; align-items: center;}
.sub06_02 .card-container .card > .btn > div{background-repeat: no-repeat; height: 45px; background-position-y: 50%;}
.sub06_02 .card-container .card > .btn > .icons{background-image: url(../img/s6_2_sec1_icons.jpg); width: 120px;}
.sub06_02 .card-container .card > .btn > .tag{background-image: url(../img/s6_2_sec1_tag.jpg);width: 18px;}
.sub06_02 .card-container .card > p{font-size: 1.6rem; margin-top: 1.5rem; letter-spacing: -0.3px; line-height: 1.6;}
.sub06_02 .card-container .card > p b{color: #1d69f4; margin-right: 10px;}
.sub06_02 .card-container .card > .hash{margin-top: 3rem; font-size: 1.5rem; color: #666;}

@media (max-width: 1024px){
    .sub06_02 .txt-container > .img{width: 25%}
    .sub06_02 .txt-container > .img img{width: 100%;}
    .sub06_02 .txt-container > .txt-wrap{width: 75%; padding-left: 30px;}
    .sub06_02 .txt-container .btn-wrap{justify-content:space-between;}
    .sub06_02 .txt-container .btn-wrap > div{width: calc(33.333% - 10px);padding: 8px 0px;  margin-right: 0}
}

@media (max-width: 640px){
    .sub06_02 .card-container .card > p{font-size: 14px;}
    .sub06_02 .card-container .card > .hash{font-size: 12px;}
    .sub06_02 .txt-container{display: block;}
    .sub06_02 .txt-container > .img{width: 100%;}
    .sub06_02 .txt-container > .img img{width: auto;}
    .sub06_02 .txt-container > .txt-wrap{width: 100%; margin: 2rem 0 0 0; padding: 0;}
    .sub06_02 .txt-container .btn-wrap > div{width: calc(33.333% - 5px)}
}


.sub06_03 #sub-content{padding-bottom: 0;}
.sub06_03 .sec01 {background-image: url(../img/s6_3_sec1_bg.jpg); background-position-y: bottom; padding-bottom: 120px;}
.sub06_03 .sec01 .txt{padding-left: 3rem;}
.sub06_03 .sec01 .txt .tit img{width: auto;}
.sub06_03 .sec01 .txt h3.dot:nth-of-type(1){margin-top: 9rem;}
.sub06_03 .sec01 .txt h3.dot:nth-of-type(2){margin-top: 4rem;}
.sub06_03 .sec01 .txt .num-list li {margin-top: 10px;letter-spacing: -0.3px; padding-left: 0; position: relative; padding-left: 25px; line-height: 1.8;}
.sub06_03 .sec01 .txt .num-list li span {border: 1px solid #3e41aa;border-radius: 50%;font-size: 14px;text-align: center;position: absolute; left: 0;top: 3px;color: #3e41aa;width: 20px;margin-right: 10px;height: 20px; vertical-align: text-bottom;}

@media (max-width: 768px){
    .sub06_03 .sec01 .txt{padding-left: 0; margin-top: 3rem;}
    .sub06_03 .sec01 .txt h3.dot:nth-of-type(1){margin-top: 4rem;}
    .sub06_03 .sec01 .txt .num-list li{margin-top: 5px; font-size: 14px;}
    .sub06_03 .sec01 .txt .num-list li span {font-size: 11px;top: 4px; width: 17px;height: 17px;}
    .sub06_03 .sec01 .txt h3.dot:nth-of-type(2) { margin-top: 2rem;}
    .sub06_03 .sec01 .txt .tit img{width: 220px;}
    .sub06_03 .sec01 {padding-bottom: 100px;}
}


.sub06_04 #sub-content{padding-bottom: 0;}
.sub06_04 .sec01{background-image: url(../img/s6_4_sec1_bg.jpg); background-repeat: no-repeat; background-position-y: bottom; padding-bottom: 170px;}
.sub06_04 .calender-container{background-color: #fff; box-shadow: 0 0 30px 30px rgba(0, 0, 0, 0.07); border-top: 15px solid #a18d99; position: relative; margin-top: 30rem;}
.sub06_04 .calender-container::before {position: absolute;content: "";display: block;width: 100%; height: 220px; background-repeat: no-repeat; background-image: url(../img/s6_4_sec1_tiger.jpg); background-position: center;bottom: 100%;z-index: -1;}
.sub06_04 .tit {font-size: 4.2rem; background-color: #311f2a; color: #fff; text-align: center;border-radius: 30px 30px 0 0; width: 365px; padding: 10px 0 6px 0; font-family: 'NEXON Lv1 Gothic OTF Bold';position: absolute;bottom: 100%;  transform: translateX(-50%);left: 50%;}
.sub06_04 .img-container{display: flex; flex-wrap: wrap;}
.sub06_04 .calender-container .img{width: 33.333%; padding: 50px 80px; border-right: 2px dashed #c5c5c5; border-bottom: 2px dashed #c5c5c5;}
.sub06_04 .calender-container .img:nth-child(3n){border-right: 0;}
.sub06_04 .calender-container .img:nth-last-child(-n+3){border-bottom: 0;}
.sub06_04 .calender-container button{display: none;}

@media (max-width: 1240px){
    .sub06_04 .calender-container .img{padding: 30px 20px;}
    .sub06_04 .calender-container::before {background-size: 90%; background-position: bottom;}
    .sub06_04 .tit {font-size: 3.2rem;border-radius: 20px 20px 0 0;width: 275px;padding: 10px 0 6px 0;}
}

@media (max-width: 960px){
    .sub06_04 .calender-container .img{padding: 30px 10px;}
    .sub06_04 .tit {font-size: 2.8rem;border-radius: 15px 15px 0 0;width: 250px}
}

@media (max-width: 580px){
    .sub06_04 .calender-container .img{width: 50%;}
    .sub06_04 .calender-container .img:nth-child(3n){border-right: 2px dashed #c5c5c5;}
    .sub06_04 .calender-container .img:nth-last-child(-n+3){border-bottom: 2px dashed #c5c5c5;}
    .sub06_04 .calender-container .img:nth-of-type(2n){border-right: 0;}
    .sub06_04 .calender-container .img:nth-last-of-type(-n+2){border-bottom: 0;}
}

@media (max-width: 480px){
    .sub06_04 .calender-container .img{width: 100%;border-right: 0; height: 0; overflow:hidden; padding: 0; border-bottom: 0; transition: 500ms;}
    .sub06_04 .calender-container .img.on{border-bottom: 2px dashed #c5c5c5;padding: 20px;}
    .sub06_04 .calender-container .img:nth-last-child(-n+3){border-bottom: 0}
    .sub06_04 .calender-container button{text-align: center; font-size: 3rem; width: 100%; padding: 10px 0; border-bottom: 1px solid #ddd; color: #662d3d;font-family: 'NEXON Lv1 Gothic OTF Bold'; display: block;}
    .sub06_04 .calender-container button.on{background-color: #aaaaaa; color: #fff;}

    .sub06_04 .calender-container .img:nth-child(3n){border-right: 0}
    .sub06_04 .calender-container .img:last-child{border-bottom:0}
}



.sub07_01 .img{position: relative; margin-top: 105px;}
.sub07_01 .txt-wrap{position: absolute; text-align: center; top: 0%; width: 100%; top: 46%;}
.sub07_01 .txt-wrap div{font-size: 28px; line-height: 1.9;}
.sub07_01 .txt-wrap div span{background-color: #ccf8be; color: #0e0e86;}
.sub07_01 .txt-wrap div i {color: #eb1053; position: relative;font-style:normal ;}
.sub07_01 .txt-wrap div i::before{width: 100%; height: 1px; background-color: #eb1053; bottom: -0px; display: block; content: ''; position: absolute; left: 0;}

.sub07_01 .btn-wrap{margin-top: 2.6rem;}
.sub07_01 .btn-wrap a{width: 290px; padding: 25px 5px 25px 85px; background-color: #aaa; color: #fff; font-size: 24px; margin-right: 35px; display: inline-block; text-align: left; border-radius: 7px; background-repeat: no-repeat; background-position: right 67px top 46%;}
.sub07_01 .btn-wrap a:first-child{background-color: #002e73; background-image: url(../img/s7_1_sec1_icon1.png);}
.sub07_01 .btn-wrap a:last-child{margin-right: 0; background-color: #123abe; background-image: url(../img/s7_1_sec1_icon2.png);}

@media (max-width: 1240px){
    .sub07_01 .txt-wrap div {font-size: 24px}
    .sub07_01 .btn-wrap a {width: 250px;padding: 20px 5px 20px 60px;font-size: 22px;margin-right: 20px;background-position: right 52px top 46%;}
}




@media (max-width: 768px){
    .sub07_01 #sub-content .img{background: url(../img/s7_1_sec1_img1_mob.jpg)no-repeat;background-position: top 0 left 50%; margin-top: 40px; padding: 260px 0 140px 0; padding: 260px 0 0px 0; height: 790px;}
    .sub07_01 #sub-content .img img{display: none;}
    .sub07_01 #sub-content .txt-wrap{position: static;}
    .sub07_01 #sub-content .txt-wrap div {font-size: 20px;line-height: 1.4;}
    .sub07_01 #sub-content .btn-wrap a:last-child{margin-right: auto;}
    .sub07_01 #sub-content .btn-wrap a:first-child{margin-bottom: 10px;}
    .sub07_01 #sub-content .btn-wrap a {width: 210px;margin-right: 0px;background-position: left 150px top 46%;display: block;margin: 0 auto; padding: 20px 5px 20px 50px;}
}