.sub_banner{
    font-family: 'Outfit', 'NanumGothic',sans-serif;
    width: 100%; height: 55rem;
    position: relative;
    overflow: hidden;
    z-index: 3;
}
.sub_banner .sub_banner_inner{
    height: 100%; width: 100%;
    position: relative;
    background: rgba(35, 35, 35, 0.8) url('../img/sub_logo_bg.png') no-repeat 50% 50% / 250px;
}
.sub_banner.sub1 .sub_bg{background:  url("../img/sub1.png") no-repeat center center / cover;}
.sub_banner.sub2 .sub_bg{background:  url("../img/sub2.png") no-repeat center center / cover;}
.sub_banner.sub3 .sub_bg{background:  url("../img/sub3.png") no-repeat center center / cover;}
.sub_banner.sub4 .sub_bg{background:  url("../img/sub4.png") no-repeat center center / cover;}
.sub_banner.sub5 .sub_bg{background:  url("../img/sub5.png") no-repeat center center / cover;}
.sub_banner.sub6 .sub_bg{background:  url("../img/sub6.png") no-repeat center center / cover;}
.sub_banner.sub7 .sub_bg{background:  url("../img/sub7.png") no-repeat center center / cover;}
.sub_banner .sub_bg{
    content: '';
    position: absolute;
    z-index: -1;
    left: 0; top: 0;
    width: 100%; height: 100%;
    background-size: cover;
    /* filter: blur(3px); */
    animation: animatedBackground 1s forwards cubic-bezier(0.25, 0.25, 0.75, 0.75);
}
@keyframes animatedBackground {
    0%{transform: translateX(-30px)scale(1.1);}
    100%{transform: translateX(0px)scale(1.1);}
}
.sub_banner .sub_banner_name{
    height: 100%;
    font-size: 5rem;
    color: #fff;
    display: flex; 
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-weight: 700;
    color: #f39800;
    /* text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); */
}
.sub_banner .sub_banner_name i{
    font-size: 2.5rem;
    font-weight: 300;
    text-align: center;
    color: #fff;
}
/* m1_1 */
.m1_1{
    background: url('../img/m1_1_bg.png') no-repeat 0% 100% / cover;
}
.m1_wrap:last-child{margin-bottom: 100px;}
.m1_wrap{
    position: relative;
    width: 100%;
    margin-bottom: 200px;
}
.m1_wrap>*{width: 53%;border-radius: 4rem;}
.m1_wrap .img_box{
    line-height: 0;
    overflow: hidden;
}
.m1_wrap .txt_box{
    height: 100%;
    background: #fff;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
    position: absolute;
    right: 0;
    top: 100px;
    padding: 4rem;
}
.m1_wrap:nth-child(2) .m1_tit{ border-bottom: 1px solid #003686;}
.m1_tit{
    font-family: 'Outfit', 'NanumGothic',sans-serif;
    height: 50%;
    border-bottom: 1px solid #f39800;
    font-weight: 700;
    font-size: 35px;
    display: flex;
    align-items: end;
    justify-content: space-between;
    padding: 2rem 0;
}
.m1_tit img{height: 100%;}

.m1_txt{
    padding: 2rem 0;
    height: 50%;
}
/* m12 */
.doctor_bg{
    background: url('../img/doctor_bg.png') no-repeat  0 100% / contain;
    
}
.doctor_wrap{
    padding: 0 50px 50px;
    display: flex;
    gap: 4rem;
    align-items: center;
}
.doctor_img{
    max-width: 420px;
    line-height: 0;
    border-radius:4rem ;
    overflow: hidden;
}
.doctor_name i{font-size: 1.2em;font-weight: 700;}
.doctor_name {
    font-family: 'Outfit', 'NanumGothic',sans-serif;
    display: flex;
    align-items: center;
    gap: 2rem;
    font-size: 25px;
    font-weight: 500;
}
.flex4 .doctor_ul{min-width: 300px;}
.doctor_ul{
    font-size: 20px;
}
.doctor_ul li::before{
    content: '·';
    margin-right: 5px;
}
.doctor_bot{
    border: 3px solid rgba(0, 54, 134, 5%);
    border-radius: 4rem;
    padding: 4rem;
}
.flex4{display: flex;gap: 4rem;}
/* m14 */
.m14_ul{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    text-align: center;
}
.m14_ul li{
    border: 1px solid #cbcbcb;
    padding: 3rem 2rem;
}
/* m15 */
.m1_5 .root_daum_roughmap .wrap_controllers{
    display: none;
}
.m1_5 .map_wrap{
    width: 100%;
    min-height: 300px;
    border-radius: 3rem;
    overflow: hidden;
}
.m1_5 .map_wrap .root_daum_roughmap_landing{
    width: 100%;
    height: 100%;
}
.map_ul{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 4rem;
}
.map_tit img{width: 1.3em;}
.map_tit{
    display: flex;
    gap: 1rem;
    align-items: center;
    border-bottom: 1px solid #3e3a39;
    font-size: 3rem;
    font-weight: 700;
    font-family: 'Outfit', 'NanumGothic',sans-serif; 
    padding-bottom: 10px;
    margin-bottom: 15px;
}
.map_bus{
    display: flex;
}
.map_bus P:first-child{
    width: 210px;
}
.map_bus P:last-child{
    color: #7e7e7e;
}
/* m2 */
.m2{
    background: rgba(46, 75, 109, 0.1);
    position: relative;
}
.m2 .content_inner{
    position: relative;
    z-index: 2;
}
.m2::before{
    content: '';
    background: #fff;
    display: block;
    width: 90%;
    height: 75%;
    border-radius: 0 0 0 100px ;
    position: absolute;
    right: 0;
    top: 0;
    /* z-index: 0; */
}
.flex_wrap.right_img{flex-direction: row-reverse;}
.flex_wrap{
    display: flex;
    align-items: center;
    gap: 4rem;
}
.flex_wrap>*{width: 100%;}
.m2 .img_wrap{
    max-width: 500px;
    line-height: 0;
    border-radius: 100px 0 0 0;
    overflow: hidden;
}
.m21{
    background: rgba(0, 0, 0, 0.05);
    position: relative;
}
.m21::before{
    content: '';
    background: url("../img/m21_bg.png") no-repeat 50% 50% / cover;
    display: block;
    width: 100%;
    height: 45%;
    position: absolute;
    left: 0;
    top: 0;
}
.m21 .content_inner{
    position: relative;
    z-index: 2;
}
.img_wrap.radius{
    line-height: 0;
    border-radius: 100px 0 100px 0;
    overflow: hidden;
}
.txt_wrap.box_w{
    align-self: stretch;
    background: #fff;
    padding: 3rem;
}
.check_orange{
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    width: 100%;
}
.check_orange li:not(:last-child){ border-bottom: 1px solid rgba(46, 75, 109, 0.3);}
.check_orange li{
    display: flex;
    align-items: start;
    gap: 1rem;
    font-size: 2.5rem;
    padding: 1.3rem 0;
}
.check_orange li::before{
    content: '';
    flex-shrink: 0;
    background: url('../img/check_orange.png') no-repeat 50% 50% / contain;
    aspect-ratio: 1/1;
    width: 1.3em;
}
.m21 h6{color: #fff;}
.m22{
    background: rgba(0, 0, 0, 0.1);
    position: relative;
}
.m22::before{
    content: '';
    background: #fff;
    display: block;
    width: 90%;
    height: 90%;
    border-radius: 0  100px 0 0 ;
    position: absolute;
    left: 0;
    bottom: 0;
}
.m22 .content_inner{
    position: relative;
    z-index: 2;
}
.grid3_ul hr{border: 1px solid rgba(46, 75, 109, 0.3);}
.grid3_ul{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 4rem;
}
.grid3_ul h4{color:#003686;}
.grid3_ul li{
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
/* m24 */
.m24{
    position: relative;
}
.m24::before{
    content: '';
    background: url("../img/m24_bg.png") no-repeat 50% 50% / cover;
    display: block;
    width: 100%;
    height: 45%;
    position: absolute;
    left: 0;
    top: 0;
}
.m24 .content_inner{
    position: relative;
    z-index: 2;
}
.m34_flex img{align-self: center;max-width: 30px;}
.m34_flex{
    display: flex;
    justify-content: space-between;
    gap: 2rem;
}
.m24_circle:nth-of-type(1){border: 4px solid #799ebc;color: #799ebc;}
.m24_circle:nth-of-type(1) .box{background: #799ebc;color: #fff;}
.m24_circle:nth-of-type(2){border: 4px solid #5880a0;color: #5880a0;}
.m24_circle:nth-of-type(2) .box{background: #5880a0;color: #fff;}
.m24_circle:nth-of-type(3){border: 4px solid #2e4b6d;color: #2e4b6d;}
.m24_circle:nth-of-type(3) .box{background: #2e4b6d;color: #fff;}
.m24_circle .box{
    font-size: 3rem;
    line-height: 1;
    padding: 1rem 4rem;
    border-radius: 3rem;
}
.m24_circle{
    width: 27%;
    aspect-ratio: 1/1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    font-size: 5rem;
    font-weight: 700;
    border-radius: 50%;
    background: #fff;
}
.m24ul li:nth-of-type(1){ border: 2px solid #799ebc;}
.m24ul li:nth-of-type(1) .point_wrap{background: #799ebc ;}
.m24ul li:nth-of-type(2){ border: 2px solid #5880a0;}
.m24ul li:nth-of-type(2) .point_wrap{background: #5880a0 ;}
.m24ul li:nth-of-type(3){ border: 2px solid #2e4b6d;}
.m24ul li:nth-of-type(3) .point_wrap{background: #2e4b6d ;}
.m24ul li{
    display: flex;
    border-radius: 5rem;
    background-color: #fff;
}
.m24ul .point_wrap{
    flex-shrink: 0;
    width: 150px;
    border-radius: 5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2.5rem;
    font-weight: 700;
    color: #fff;
}
.m24ul .point_wrap + p{padding: 1rem 1.5rem;}
/* m25 */
.m21.m25::before{background: url("../img/m25_bg.png") no-repeat 50% 50% / cover;}
/* m26 */
.m26_txt.ora h3{color: #f39a00;}
.m26_txt.ora hr{border:1px solid #f39a0076;}
.m26_txt h3{color: #003686;margin-bottom: 1rem;}
.m26_txt hr{
    border:1px solid #00368676;
    margin: 2rem 0;
}
/* m27 */
.m27::before{height: 87%;}
.m2 .right_img .img_wrap {border-radius: 0 100px 0 0 ;}
.m29_check li{
    display: flex;
    align-items: start;
    gap: 1rem;
    font-size: 2rem;
    margin: 1rem 0;
}
.ora .m29_check li::before{background: url('../img/check_orange.png') no-repeat 50% 50% / contain;}
.m29_check li::before{
    content: '';
    flex-shrink: 0;
    background: url('../img/check_navy.png') no-repeat 50% 50% / contain;
    aspect-ratio: 1/1;
    width: 1.3em;
}
.m26_txt.ora .point{background-color: #f39800;}
.m26_txt .point{
    display: inline-block;
    font-size: 2.5rem;
    font-weight: 700;
    background-color: #003686;
    color: #fff;
    line-height: 1;
    padding: .5rem 2rem;
    border-radius: 2rem;
}
.grid4_ul{grid-template-columns: repeat(2,1fr);}    
/* m32 */
.m32ul {
    max-width: 800px;
    margin: 0 auto;
}
.m32ul li:not(:last-child){margin-bottom: 2rem;}
.m32ul li{
    display: flex;
    border-radius: 5rem;
    border: 2px solid #f39800;  
    background-color: #fff;
}
.m32ul .point_wrap{
    flex-shrink: 0;
    width: 150px;
    border-radius: 5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2.5rem;
    font-weight: 700;
    background: #f39800 ;
    color: #fff;
}
.m32ul .point_wrap + p{padding: 1rem 1.5rem;}
.m22.ora{
    background: rgba(243, 152, 0, 0.1);
}
.m35_wrap{
    padding: 2rem;
    border: 2px solid #f39a004b;
    border-radius: 3rem;
    font-size: 2.5rem;
}
.m35_wrap hr{border: 1px solid #f39a004b;margin: 3rem 0;}
.m35_wrap ul>li:first-of-type{font-weight: 700;color: #f39800;}
.m35_wrap li{
    margin: 1.5rem 3rem;
    display: flex;
    align-items: start;
    gap: 1rem;
}
.m35_wrap li img{height: 1.5em;flex-shrink: 0;}
.grid2_ul{grid-template-columns: repeat(2,1fr);}
.m36_box{
    padding: 1rem;
    border: 2px solid #f39a00;
    text-align: center;
    border-radius: 3rem;
    font-size: 2.5rem;
    font-weight: 600;
}
.m36_banner{
    padding: 2rem;
    font-family: 'Outfit', 'NanumGothic',sans-serif; 
    font-size: 3rem;
    font-weight: 700;
    text-align: center;
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(242,242,242,1) 20%, rgba(242,242,242,1) 80%, rgba(255,255,255,0) 100%);
}
/* m37 */
.m37_ol{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 4rem;
    text-align: center;
}
.m37_ol li{
    max-width: 250px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
    /* width: 25%; */
}
.m37_tit{
    font-family: 'Outfit', 'NanumGothic',sans-serif; 
    font-size: 2.5rem;
    font-weight: 700;
    color: #fff;
    background: #f39a00;
    width: 90%;
    padding: .5rem;
    border-radius: 1rem;
}
.m34_flex.m41 .m24_circle p{color: #3e3a39;}
.m34_flex.m41 .m24_circle {
    border: 2px solid #f39a00;
    justify-content: flex-start;
    padding: 20px 40px;
    font-size: 4rem;
    line-height: 1.2;
    text-align: center;
    color: #f39a00;
}
.m41 .m24_circle .box {
    padding: 1rem;
    font-size: 3rem;
    width: 100%;
    background: #f39a00!important;
    color: #fff;
}