.main{overflow-x: hidden;}
#header #menu .depth01 {
    padding: 25px 0;
    display: block;
    color: #fff;
    text-align: center;
    font-weight: 500;
    font-size: 1.250rem;
    
}
#header .login{width: 10%;}
#header .login li:nth-child(1) a{border: 1px solid #fff; border-radius: 30px;}
#header .login li:nth-child(2) a{background-color: #fff; border-radius: 30px; color: #000;}
#header.sticky .login li:nth-child(1) a{border: none; background-color: #000; color: #fff;}
#header.sticky .login li:nth-child(2) a{background-color: none; border: 1px solid #000;}

.nav_btn{width: 35px; height: 35px;}
.nav_btn span{width: 16px; height: 16px; border-radius: 3px;}
.nav_btn span:nth-child(3){left: 0; right: auto; bottom: 0; top: auto; transform: none;}
.nav_btn span:nth-child(5), .nav_btn span:nth-child(6), .nav_btn span:nth-child(7), .nav_btn span:nth-child(8), .nav_btn span:nth-child(9){display: none;}
.nav_btn span:nth-child(4) {left: auto; right: 0; top: auto; bottom: 0; transform: none;}
.nav_btn span:nth-child(2) {left: auto; right: 0; top: 0; transform: none;}

.nav_btn.open span:nth-child(3),.nav_btn.open span:nth-child(4){display: none;}
.nav_btn.open span:nth-child(1){width: 30px; height: 1px; left: 0; top: 20px; transform: rotate(-45deg)}
.nav_btn.open span:nth-child(2){width: 30px; height: 1px; left: 0;  top: 20px; transform: rotate(45deg)}

.quick_wrap li{width: 50px; height: 50px;}
.quick_wrap a.top{right: -5.5px;}

#mainSlide .text{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%;}
#mainSlide .s02 .text{left: 60%;}
#mainSlide .bg.bg-1 {background-image:url('/img/main_new/mainSlide01.jpg')}
#mainSlide .bg.bg-2 {background-image:url('/img/main_new/mainSlide02.jpg')}
#mainSlide .bg.bg-3 {background-image:url('/img/main_new/mainSlide03.jpg')}
#mainSlide .bg.bg-4 {background-image:url('/img/main_new/mainSlide04.jpg')}
#mainSlide .bg.bg-5 {background-image:url('/img/main_new/mainSlide05.jpg')}
#mainSlide .swiper-slide .bg{transition: all 2s;}
#mainSlide .swiper-slide-active .bg{transform: scale(1.1)!important;}

#special {background-image: url(/img/main_new/special_bg.png); background-repeat: no-repeat; background-size: 100%; background-position: center 90%;}
#special .special02{margin-left: -10%; margin-top: 20%;}
#special video{border-radius: 0 100px 0 0;}
#special .point{position: absolute; top: 0; right: 0;}
#special .point img:nth-child(2){position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#special .point img:nth-child(1) {
    animation: rotate 50s 0.5s infinite linear normal;
}

#subject01 .flexList{--x-gap:0rem;}
#subject01 .box{overflow: hidden; position: relative;}
#subject01 .box img{transition: all 0.5s; }
#subject01 .box:hover img{transform: scale(1.1);}
#subject01 .txt{position: absolute; bottom: 10%; left: 50%; transform: translate(-50%, -50%); width: 100%; z-index: 2;}
#subject01 .txt{transition: all 0.5s;}
#subject01 .box .on{visibility: hidden; position: absolute; top: 0; left: 0;}
#subject01 .box:hover .on{visibility: visible; transform: scale(1.1);}

#doctor01 .txt{position: relative; z-index: 2;}
#doctor01 .img01{margin-left: -5%; position: relative; z-index: 1;}

#cont {background-image: url(/img/main_new/cont_bg.png); background-repeat: no-repeat; background-position: left 90%;}
#cont .flexList{--x-gap: 15rem}
#cont .img02 .img_p02{margin-left: -280px; margin-top: 250px;}

#promise .box{overflow: hidden;}
#promise .box img{transition: all 0.5s; }
#promise .box .on{visibility: hidden; position: absolute; top: 0; left: 0;}
#promise .box:hover .on{visibility: visible; transform: scale(1.1);}
#promise .txt{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; z-index: 2;}

#point .typing-bg {
    opacity: 0.4;
}
#point{background-image: url(/img/main_new/point.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; background-attachment: fixed;}
#point .font-op{opacity: .5;} 


#story .index-flow__image {
    position: relative;
    width: 100%;
    height: 100%
}

#story .index-flow__image img {
    -o-object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 102%;
    object-fit: cover
}

#story .index-flow__image img:not(.image01) {
    opacity: 0
}
#story .index-flow__body .index-flow__item {
    padding: 50% 0;
}
#story .index-flow__side{display: flex;
    align-items: center;
    width: 100%;
    height: 100vh;}

    #story .index-flow__image {
        position: relative;
        width: 100%;
        height: 100%
    }

#main_map .map{width: 100%;}
#main_map .root_daum_roughmap_landing{width: 100%!important; height: 800px;}
#main_map .root_daum_roughmap .wrap_btn_zoom{z-index: 1;}
#main_map .root_daum_roughmap .map{height: 800px;}
#main_map .root_daum_roughmap .wrap_controllers{display: none;}
#main_map .map_logo{position: absolute; bottom: 0; left: 50%;}
#main_map .map_info>div{width: 100%;}
#main_map .map_info .tel a{color: var(--pointcolor) !important;}

footer a{color: #b5b5b5;}
@media (max-width: 1580px) {
	#section07 {padding:50px 0 0 0}
	#section07 .map_info{width:100%;margin:0}
	#section07 table{width:100%}
	#section07 .m_map{width:100% !important}

    #cont .flexList{--x-gap: 5rem}

    #main_map .root_daum_roughmap_landing{height: 800px;}
    #main_map .root_daum_roughmap .map{height: 800px;}

    #doctor01 .txt{width: 55%;}
    #doctor01 .img01{width: 70%;}
}
@media (max-width: 1240px) {
    #header .login{width: 10%;}
    #header .login li:nth-child(1) a{border: none; border-radius: 0;}
    #header .login li:nth-child(2) a{background-color: rgba(0,0,0,0); border-radius: 0; color: #fff;}
    #header.sticky .login li:nth-child(1) a{border: none; background-color: rgba(0,0,0,0); color: #fff;}
    #header.sticky .login li:nth-child(2) a{background-color: none; border: none;}
    #header #menu #lnb .menu.active:after{display: none !important;}
    #header #menu #lnb .depth02 a{padding: 10px 12%;}
    #header.mOpen #menu #lnb .active .depth01.void_link:before{display: none}
    #header.mOpen #menu #lnb .active .depth01.void_link:after{background-color: #fff; transform: none;}
    #header.mOpen #menu #lnb .depth01.void_link:before{right: 8.4rem;}
    #header.mOpen #menu #lnb .depth01.void_link:after{right: 8rem}

    #main_map .root_daum_roughmap_landing{height: 600px;}
    #main_map .root_daum_roughmap .map{height: 600px;}

    #doctor01 .flex-center{flex-wrap: wrap;}
    #doctor01 .txt, #doctor01 .img01{width: 100%;}
    #doctor01 .txt{margin-bottom: 50px;}
    #doctor01 .img01{margin-left: 0;}
    #doctor01 .img01 img{margin: auto;}

    #cont .img02 .img_p02{margin-top: 200px;}
    
}
@media(max-width: 990px){
    #special .point{display: none;}
    #cont .flexList{--x-gap: 2rem}

    #cont .img02 .img_p02{margin-top: 150px;}

    #promise .box .off{visibility: hidden;}
    #promise .box .on{visibility: visible; transform: scale(1);}

    #special video{border-radius: 0 50px 0 0;}

    #story .txt{width: 90%; margin: -15% auto auto; background: #fff; padding: 30px; height: 200px; position: relative}

}
@media(max-width: 768px){
    #header.mOpen #menu #lnb .depth01.void_link:before{right: 4.5rem;}
    #header.mOpen #menu #lnb .depth01.void_link:after{right: 4rem}

    #mainSlide .bg.bg-1 {background-image:url('/img/main_new/mainSlide01m.jpg')}
    #mainSlide .bg.bg-2 {background-image:url('/img/main_new/mainSlide02m.jpg')}
    #mainSlide .bg.bg-3 {background-image:url('/img/main_new/mainSlide03m.jpg')}
    #mainSlide .bg.bg-4 {background-image:url('/img/main_new/mainSlide04m.jpg')}
    #mainSlide .bg.bg-5 {background-image:url('/img/main_new/mainSlide05m.jpg')}
    #mainSlide .s02 .text{left: 50%; text-align: center; top: 20%;}

    #subject01 .flexList{--y-gap: 0rem;}
    #special .flex{flex-wrap: wrap;}
    #special .width70{width: 100%;}
    #special .special02{width: 100%; margin-left: 0; margin-top: 50px;}
    #special .special02 .tit{padding-left: 0; margin-left: 0;}

    #special .btn_a{max-width: 80%;}

   

    #cont {
        background-position: left 41%;
        background-size: 90%;
    }
    #cont .flexList{--y-gap: 26rem}

    #main_map .flex-center{flex-wrap: wrap;}
    #main_map .map_info{ padding: 50px 5%; width: 90%; margin-left: 0; width: 100%;}
    #main_map .root_daum_roughmap_landing{height: 400px;}
    #main_map .root_daum_roughmap .map{height: 400px;}
    #main_map .flexList{--y-gap: 0rem}

    .quick_wrap li{width: 35px; height: 35px;}
    .quick_wrap a.top{right: -5px;}

    #main_map .map_logo{bottom: 5%; left: 70%;}
}
@media(max-width: 650px){
    #cont .flexList{--y-gap: 20rem}

    #story .width80{width: 100%;}
}
@media(max-width: 500px){
    #cont .flexList{--y-gap: 16rem}
    #cont { background-position: left 39%;}


    #doctor01 .font-45, #point .font-45{font-size: 2.5rem;}

    #main_map .width50{width: 70%;}
    #special .btn_a {
        max-width: 60%;
    }
    #story .txt .font-45{font-size: 2.250rem;}

    #point .font-45{font-size: 2.250rem;}
    
}