* { box-sizing: border-box; }
html{scroll-behavior: smooth;}
body{font-family: 'Pretendard'; letter-spacing: -0.8px; word-break: keep-all; -webkit-overflow-scrolling: touch;}
/* header */
.h2Position{position: absolute;left:-9999px;width:1px;height:1px;line-height: 0;font-size:1px;overflow:hidden;}
.background_class{background-repeat: no-repeat;background-size: auto 100%;background-position: center center;}
.clear0:after{content:"";display:block;clear:both;}

.GB{font-family: 'Gmarket_B';}
.GM{font-family: 'Gmarket_M';}
.GL{font-family: 'Gmarket_L';}

.NBGB{font-family: 'NanumBarunGothicBold';}
.NBGL{font-family: 'NanumBarunGothicLight';}
.NBGUL{font-family: 'NanumBarunGothicUltraLight';}
.NBGR{font-family: 'NanumBarunpenR';}

@media screen and (max-width:767px){
    .top_btn{width: 40px; position: fixed; bottom: 10px; right: 3%; z-index: 9999; box-shadow: rgba(0, 0, 0, 25%) 3px 3px 10px;}
    
    header .header_wrap .btn_mui{display: block;}
    header .header_wrap .btn_mui{position: absolute; width: 23px; top: 50%; right: 20px; transform: translateY(-50%); z-index: 99; cursor: pointer; }
    header .header_wrap .btn_mui > span{background-color: #fefefe; display: block; height: 2px; transition-duration: 0.55s; margin-bottom: 4px;}
    header .header_wrap .btn_mui.active span:first-child{ transform: translateY(2px) rotate(320deg);}
    header .header_wrap .btn_mui.active span:nth-of-type(2){display: none;}
    header .header_wrap .btn_mui.active span:last-child{ transform: translateY(-4px) rotate(-320deg);} 
    
    header{width: 100%; position: fixed; top: 0; left: 0; z-index: 9999; padding: 20px 0;}
    .header_wrap{width: 89.58%; margin: 0 auto; display: flex; justify-content: space-between; align-items: center;}
    .header_wrap h1{width: 100%; max-width: 170px; margin-right: 50px;}
    .header_wrap nav{width: 0; position: absolute; top: 0; right: 0; background-color:rgba(30,44,91,1); height: 100vh; padding: 200px 0; opacity: 0;}
    .header_wrap nav .clinic_info{position: absolute; top: 70px; padding-left: 30px;}
    .header_wrap nav::before{content: ""; width: 100%; height: 280px; background: url("/img/nav_bg.png")no-repeat center / 100%; position: absolute; bottom: -10%; right: -25%; z-index: 1;
        opacity: 0.5;}
    .header_wrap nav ul{padding-left: 30px; color: #fefefe;}
    .header_wrap nav ul li:not(:last-child){margin-bottom: 20px;}
    .header_wrap nav ul li a{display: inline-block; font-size: 14px; line-height: 20px; text-align: center;}
    .header_wrap > .clinic_info{display: none;}
    .clinic_info{width: 90%; margin: 0 auto; display: flex; align-items: center; flex-wrap: wrap;}
    .clinic_info p{width: 100%; padding: 10px; border-radius: 50px; font-size: 14px; font-weight: 700; text-align: center;}
    .clinic_info p:nth-of-type(1){background-color: #3BAAFF; color: #fefefe; margin-bottom: 10px;}
    .clinic_info p:nth-of-type(2){background-color: #FFDD00; color: #1E293B;}
    .clinic_info p:nth-of-type(2) img{width: 12px; display: inline-block; vertical-align: middle;}


    footer{background: linear-gradient(to bottom, #0D4581, #001D3B); padding-top: 100px; position: relative;}
    footer .top_btn{width: 35px; position: absolute; bottom: 20px; right: 3%;}
    footer > div:nth-of-type(1){width: 92.91%; margin: 0 auto 50px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
    footer > div:nth-of-type(1) > div{width: 100%;}
    footer > div:nth-of-type(1) .map_box{margin-bottom: 30px; width: 100%; height: 200px;}
    footer > div:nth-of-type(1) .map_box .map{width: 100% !important; height: 200px; border-radius: 20px;}
    footer > div:nth-of-type(1) .map_box .map .cont{display: none;}
    footer > div:nth-of-type(1) .info_box > div:not(:last-child){margin-bottom: 30px;}
    footer > div:nth-of-type(1) .info_box > div > strong{display: inline-block; font-size: 18px; line-height: 26px; color: #fefefe; margin-bottom: 15px;}
    footer > div:nth-of-type(1) .info_box > img{width: 190px; display: block; margin-bottom: 30px;}
    footer > div:nth-of-type(1) .info_box .address_area h2{font-size: 18px; line-height: 26px; color: #fefefe; margin-bottom: 10px;}
    footer > div:nth-of-type(1) .info_box .address_area p{font-size: 18px; line-height: 26px; font-weight: 500; color: #fefefe; margin-bottom: 20px;}
    footer > div:nth-of-type(1) .info_box .address_area p span{display: inline-block; background-color: #FFE500; padding: 0 10px; border-radius: 50px; color: #08407D; font-size: 13px; line-height: 26px; font-weight: 700;}
    footer > div:nth-of-type(1) .info_box .address_area p strong{color: #FFE500;}
    footer > div:nth-of-type(1) .info_box .address_area ul{display: flex; justify-content: flex-start; flex-wrap: wrap;}
    footer > div:nth-of-type(1) .info_box .address_area ul li{width: 48%; padding: 10px 0; border-radius: 5px; text-align: center;}
    footer > div:nth-of-type(1) .info_box .address_area ul li a{display: block; font-size: 14px; line-height: 20px; font-weight: 500;}
    footer > div:nth-of-type(1) .info_box .address_area ul li:nth-of-type(1){background-color: #FFE500; color: #1E293B; margin-right: 10px;}
    footer > div:nth-of-type(1) .info_box .address_area ul li:nth-of-type(2){background-color: #57AE01; color: #fefefe;}
    footer > div:nth-of-type(1) .info_box .address_area ul li a img{width: 15px; display: inline-block; vertical-align: middle; margin-right: 5px;}
    footer > div:nth-of-type(1) .info_box .time_area ul{display: flex; justify-content: flex-start; flex-wrap: wrap;}
    footer > div:nth-of-type(1) .info_box .time_area ul li{width: 100%; font-size: 16px; line-height: 20px; color: #fefefe; margin-bottom: 10px;}
    footer > div:nth-of-type(1) .info_box .time_area ul li span{display: inline-block;}
    footer > div:nth-of-type(1) .info_box .time_area ul li span:nth-of-type(1){width: 35%;}
    footer > div:nth-of-type(1) .info_box .time_area ul li span:nth-of-type(2){width: 60%;}
    footer > div:nth-of-type(1) .info_box .call_area p{font-size: 23px; line-height: 33px; font-weight: 600; color: #fefefe;}
    footer > div:nth-of-type(1) .info_box .call_area p img{width: 23px; display: inline-block; margin-right: 5px; vertical-align: middle;}
    footer > ul{width:92.91%; margin: 0 auto 50px; display: flex; justify-content: space-between; flex-wrap: wrap;}
    footer > ul li{width:100%; text-align: center; border: 1px solid #fefefe; border-radius: 20px; padding: 20px;}
    footer > ul li:not(:last-child){border-bottom: 1px solid #fefefe; margin-bottom: 10px;}
    footer > ul li span{display: inline-block; font-size: 14px; line-height: 20px; color: #80C8FF; font-weight: 500; margin-bottom: 10px;}
    footer > ul li h2{font-size: 20px; line-height: 30px; color: #fefefe;}
    footer > ul li h2 img{width: 30px; display: inline-block; vertical-align: middle; margin-left: 5px;}
    footer .footer_wrap{width: 100%; border-top: 1px solid #fefefe; padding: 50px 0; position: relative;}
    footer .footer_wrap address{width: 92.91%; margin: 0 auto 30px;}
    footer .footer_wrap address h2{font-size: 13px; line-height: 18px; color: #fefefe; margin-bottom: 5px;}
    footer .footer_wrap address p{font-size: 13px; line-height: 18px; font-weight: 400; color: #Fefefe; margin-bottom: 10px;}
    footer .footer_wrap address span{display: inline-block; font-size: 11px; line-height: 15px; color: #fefefe; font-weight: 200;}
    footer .footer_wrap .nopay_btn{margin-left: 10px; color: #fefefe; font-size: 13px; line-height: 18px; border: 1px solid #fefefe; padding: 10px 40px;}
    footer .footer_wrap .nopay_btn:hover{background-color: #fefefe; color: #1E293B; font-weight: 700;}

   
}
    
    
@media screen and (min-width:768px) and (max-width:1279px){

   .top_btn{width: 65px; position: fixed; bottom: 20px; right: 3%; z-index: 9999; box-shadow: rgba(0, 0, 0, 25%) 3px 3px 10px;}

    header .header_wrap .btn_mui{display: block;}
    header .header_wrap .btn_mui{position: absolute; width: 23px; top: 50%; right: 20px; transform: translateY(-50%); z-index: 99; cursor: pointer; }
    header .header_wrap .btn_mui > span{background-color: #fefefe; display: block; height: 2px; transition-duration: 0.55s; margin-bottom: 4px;}
    header .header_wrap .btn_mui.active span:first-child{ transform: translateY(2px) rotate(320deg);}
    header .header_wrap .btn_mui.active span:nth-of-type(2){display: none;}
    header .header_wrap .btn_mui.active span:last-child{ transform: translateY(-4px) rotate(-320deg);} 

    header{width: 100%; position: fixed; top: 0; left: 0; z-index: 9999; padding: 20px 0;}
    .header_wrap{width: 89.58%; margin: 0 auto; display: flex; justify-content: space-between; align-items: center;}
    .header_wrap h1{width: 100%; max-width: 270px; margin-right: 50px;}
    .header_wrap nav{width: 0; position: absolute; top: 0; right: 0; background-color:rgba(30,44,91,1); height: 100vh; padding: 180px 0; opacity: 0;}
    .header_wrap nav .clinic_info{position: absolute; top: 80px; padding-left: 50px;}
    .header_wrap nav::before{content: ""; width: 100%; height: 400px; background: url("/img/nav_bg.png")no-repeat center / 100%; position: absolute; bottom: -10%; right: -10%; z-index: 1;
        opacity: 0.5;}
    .header_wrap nav ul{padding-left: 50px; color: #fefefe;}
    .header_wrap nav ul li:not(:last-child){margin-bottom: 25px;}
    .header_wrap nav ul li a{display: inline-block; font-size: 20px; line-height: 26px;}
    .header_wrap > .clinic_info{display: none;}
    .clinic_info{width: 90%; display: flex; align-items: center;}
    .clinic_info p{display: inline-block; width: 48%; padding: 15px; border-radius: 100px; font-size: 18px; font-weight: 700; text-align: center;}
    .clinic_info p:nth-of-type(1){background-color: #3BAAFF; color: #fefefe; margin-right: 10px;}
    .clinic_info p:nth-of-type(2){background-color: #FFDD00; color: #1E293B;}
    .clinic_info p:nth-of-type(2) img{display: inline-block; vertical-align: middle;}


    footer{background: linear-gradient(to bottom, #0D4581, #001D3B); padding-top: 150px; position: relative;}
    footer > div:nth-of-type(1){width: 82.91%; margin: 0 auto 70px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
    footer > div:nth-of-type(1) > div{width: 100%;}
    footer > div:nth-of-type(1) .map_box{margin-bottom: 50px;}
    footer > div:nth-of-type(1) .map_box .map{width: 100% !important; height: 380px; border-radius: 30px;}
    footer > div:nth-of-type(1) .map_box .map .cont{display: none;}
    footer > div:nth-of-type(1) .info_box > div:not(:last-child){margin-bottom: 50px;}
    footer > div:nth-of-type(1) .info_box > div strong{display: inline-block; font-size: 25px; line-height: 28px; color: #fefefe; margin-bottom: 15px;}
    footer > div:nth-of-type(1) .info_box > img{width: 280px; display: block; margin-bottom: 30px;}
    footer > div:nth-of-type(1) .info_box .address_area h2{font-size: 25px; line-height: 35px; color: #fefefe; margin-bottom: 10px;}
    footer > div:nth-of-type(1) .info_box .address_area p{font-size: 25px; line-height: 28px; font-weight: 500; color: #fefefe; margin-bottom: 35px;}
    footer > div:nth-of-type(1) .info_box .address_area p span{display: inline-block; background-color: #FFE500; padding: 0 10px; border-radius: 50px; color: #08407D; font-size: 16px; line-height: 28px; font-weight: 700;}
    footer > div:nth-of-type(1) .info_box .address_area p strong{color: #FFE500;}
    footer > div:nth-of-type(1) .info_box .address_area ul{display: flex; justify-content: flex-start; flex-wrap: wrap;}
    footer > div:nth-of-type(1) .info_box .address_area ul li{width: 25%; padding: 10px 0; border-radius: 5px; text-align: center;}
    footer > div:nth-of-type(1) .info_box .address_area ul li a{display: block; font-size: 18px; line-height: 26px; font-weight: 500;}
    footer > div:nth-of-type(1) .info_box .address_area ul li:nth-of-type(1){background-color: #FFE500; color: #1E293B; margin-right: 10px;}
    footer > div:nth-of-type(1) .info_box .address_area ul li:nth-of-type(2){background-color: #57AE01; color: #fefefe;}
    footer > div:nth-of-type(1) .info_box .address_area ul li a img{display: inline-block; vertical-align: middle; margin-right: 5px;}
    footer > div:nth-of-type(1) .info_box .time_area ul{display: flex; justify-content: flex-start; flex-wrap: wrap;}
    footer > div:nth-of-type(1) .info_box .time_area ul li{width: 50%; font-size: 23px; line-height: 28px; color: #fefefe; margin-bottom: 10px;}
    footer > div:nth-of-type(1) .info_box .time_area ul li span{display: inline-block;}
    footer > div:nth-of-type(1) .info_box .time_area ul li span:nth-of-type(1){width: 35%;}
    footer > div:nth-of-type(1) .info_box .time_area ul li span:nth-of-type(2){width: 60%;}
    footer > div:nth-of-type(1) .info_box .call_area p{font-size: 40px; line-height: 50px; font-weight: 600; color: #fefefe;}
    footer > div:nth-of-type(1) .info_box .call_area p img{display: inline-block; margin-right: 5px; vertical-align: middle;}
    footer > ul{width: 82.91%; margin: 0 auto 50px; border: 2px solid #fefefe; padding: 50px 0; border-radius: 30px; display: flex; justify-content: space-between;}
    footer > ul li{width: 50%; text-align: center; padding: 0 50px;}
    footer > ul li:not(:last-child){border-right: 1px solid #fefefe;}
    footer > ul li span{display: inline-block; font-size: 18px; line-height: 26px; color: #80C8FF; font-weight: 500; margin-bottom: 15px;}
    footer > ul li h2{font-size: 30px; line-height: 45px; color: #fefefe;}
    footer > ul li h2 img{ display: inline-block; vertical-align: middle;}
    footer .footer_wrap{width: 100%; border-top: 1px solid #fefefe; padding: 50px 0; position: relative;}
    footer .footer_wrap address{width: 82.91%; margin: 0 auto 30px;}
    footer .footer_wrap address h2{font-size: 16px; line-height: 22px; color: #fefefe; margin-bottom: 3px;}
    footer .footer_wrap address p{font-size: 16px; line-height: 22px; font-weight: 400; color: #Fefefe; margin-bottom: 10px;}
    footer .footer_wrap address span{display: inline-block; font-size: 14px; line-height: 20px; color: #fefefe; font-weight: 200;}
    footer .footer_wrap .nopay_btn{margin-left: 8%; color: #fefefe; font-size: 16px; line-height: 22px; border: 1px solid #fefefe; padding: 10px 40px;}
    footer .footer_wrap .nopay_btn:hover{background-color: #fefefe; color: #1E293B; font-weight: 700;}



}
    
    
@media screen and (min-width: 1280px){
    .btn_mui{display: none;}
    .top_btn{position: fixed; bottom: 20px; right: 3%; z-index: 999; box-shadow: rgba(0, 0, 0, 25%) 3px 3px 10px;}

    header{width: 100%; position: fixed; top: 0; left: 0; z-index: 9999; padding: 20px 0;}
    .header_wrap{width: 89.58%; margin: 0 auto; display: flex; justify-content: space-between; align-items: center;}
    .header_wrap h1{width: 100%; max-width: 270px; margin-right: 50px;}
    .header_wrap nav ul{display: flex; flex-wrap: wrap; color: #fefefe;}
    .header_wrap nav .clinic_info{display: none;}
    .header_wrap nav ul li:not(:last-child){margin-right: 30px;}
    .header_wrap nav ul li a{display: inline-block; font-size: 18px; line-height: 26px; text-align: center;}
    .clinic_info{display: flex; align-items: center;}
    .clinic_info p{display: inline-block; padding: 15px; border-radius: 100px; font-size: 18px; font-weight: 700; text-align: center;}
    .clinic_info p:nth-of-type(1){background-color: #3BAAFF; color: #fefefe; margin-right: 10px;}
    .clinic_info p:nth-of-type(2){background-color: #FFDD00; color: #1E293B;}
    .clinic_info p:nth-of-type(2) img{display: inline-block; vertical-align: middle;}

    footer{background: linear-gradient(to bottom, #0D4581, #001D3B); padding-top: 150px; position: relative;}
    footer > div:nth-of-type(1){width: 72.91%; margin: 0 auto 70px; display: flex; justify-content: space-between; align-items: center;}
    footer > div:nth-of-type(1) > div{width: 50%;}
    footer > div:nth-of-type(1) .map_box .map{width: 100% !important; height: 100%; border-radius: 30px;}
    footer > div:nth-of-type(1) .map_box .map .cont{display: none;}
    footer > div:nth-of-type(1) .info_box{margin-left: 50px;}
    footer > div:nth-of-type(1) .info_box > div:not(:last-child){margin-bottom: 50px;}
    footer > div:nth-of-type(1) .info_box > div strong{display: inline-block; font-size: 25px; line-height: 28px; color: #fefefe; margin-bottom: 15px;}
    footer > div:nth-of-type(1) .info_box > img{display: block; margin-bottom: 30px;}
    footer > div:nth-of-type(1) .info_box .address_area h2{font-size: 28px; line-height: 33px; color: #fefefe; margin-bottom: 10px;}
    footer > div:nth-of-type(1) .info_box .address_area p{font-size: 30px; line-height: 38px; font-weight: 500; color: #fefefe; margin-bottom: 35px;}
    footer > div:nth-of-type(1) .info_box .address_area p span{display: inline-block; background-color: #FFE500; padding: 0 15px; border-radius: 50px; color: #08407D; font-size: 19px; line-height: 38px; font-weight: 700;}
    footer > div:nth-of-type(1) .info_box .address_area p strong{color: #FFE500;}
    footer > div:nth-of-type(1) .info_box .address_area ul{display: flex; justify-content: flex-start; flex-wrap: wrap;}
    footer > div:nth-of-type(1) .info_box .address_area ul li{width: 25%; padding: 10px 0; border-radius: 5px; text-align: center;}
    footer > div:nth-of-type(1) .info_box .address_area ul li a{display: block; font-size: 18px; line-height: 26px; font-weight: 500;}
    footer > div:nth-of-type(1) .info_box .address_area ul li:nth-of-type(1){background-color: #FFE500; color: #1E293B; margin-right: 10px;}
    footer > div:nth-of-type(1) .info_box .address_area ul li:nth-of-type(2){background-color: #57AE01; color: #fefefe;}
    footer > div:nth-of-type(1) .info_box .address_area ul li a img{display: inline-block; vertical-align: middle; margin-right: 5px;}
    footer > div:nth-of-type(1) .info_box .time_area ul{display: flex; justify-content: flex-start; flex-wrap: wrap;}
    footer > div:nth-of-type(1) .info_box .time_area ul li{width: 50%; font-size: 23px; line-height: 28px; color: #fefefe; margin-bottom: 10px;}
    footer > div:nth-of-type(1) .info_box .time_area ul li span{display: inline-block;}
    footer > div:nth-of-type(1) .info_box .time_area ul li span:nth-of-type(1){width: 40%;}
    footer > div:nth-of-type(1) .info_box .time_area ul li span:nth-of-type(2){width: 50%;}
    footer > div:nth-of-type(1) .info_box .call_area p{font-size: 48px; line-height: 56px; font-weight: 600; color: #fefefe;}
    footer > div:nth-of-type(1) .info_box .call_area p img{display: inline-block; margin-right: 5px; vertical-align: middle;}
    footer > ul{width: 72.91%; margin: 0 auto 100px; border: 2px solid #fefefe; padding: 70px 0; border-radius: 30px; display: flex; justify-content: space-between;}
    footer > ul li{width: 50%; text-align: center; padding: 0 70px;}
    footer > ul li:not(:last-child){border-right: 1px solid #fefefe;}
    footer > ul li span{display: inline-block; font-size: 23px; line-height: 33px; color: #80C8FF; font-weight: 500; margin-bottom: 15px;}
    footer > ul li h2{font-size: 45px; line-height: 55px; color: #fefefe;}
    footer > ul li h2 img{display: inline-block; vertical-align: middle; margin-left: 5px;}
    footer .footer_wrap{width: 100%; border-top: 1px solid #fefefe; padding: 50px 0; position: relative;}
    footer .footer_wrap address{width: 72.91%; margin: 0 auto;}
    footer .footer_wrap address h2{font-size: 16px; line-height: 22px; color: #fefefe; margin-bottom: 3px;}
    footer .footer_wrap address p{font-size: 16px; line-height: 22px; font-weight: 400; color: #Fefefe; margin-bottom: 10px;}
    footer .footer_wrap address span{display: inline-block; font-size: 14px; line-height: 20px; color: #fefefe; font-weight: 200;}
    footer .footer_wrap .nopay_btn{position: absolute; display: inline-block; top: 50%; right: 12%; transform: translate(-12%, -50%); color: #fefefe; font-size: 18px; line-height: 26px; border: 1px solid #fefefe; padding: 10px 40px;}
    footer .footer_wrap .nopay_btn:hover{background-color: #fefefe; color: #1E293B; font-weight: 700;}





}