@charset "utf-8";
*{ list-style: none; margin: 0; padding: 0; border: 0; box-sizing: border-box; text-decoration: none; font-family: "Pretendard", sans-serif; -webkit-text-size-adjust: none; line-height: 1; font-weight: 400; letter-spacing: -0.5px; color: #000;}
select::-ms-expand{ display: none;}
html{ overflow-y: scroll; width: 100%; height: 100%; background: #FFF;}
body{ overflow: hidden; padding: 0; background: #FFF; -webkit-text-size-adjust: none; word-break: keep-all;}
@media(max-width: 768px){
    html{ font-size: calc(100vw / 30);}
}


.type_scroll::-webkit-scrollbar{ width: 5px; background: #FFF;}
.type_scroll::-webkit-scrollbar-thumb{ background-color: #213d70; border-radius: 0;}
@media(max-width: 1400px){
}
@media(max-width: 1024px){
}
@media(max-width: 767px){
}


.type_max{ padding-right: 100px !important; padding-left: 100px !important;}
.type_min{ margin: 0 auto; max-width: 1200px; width: 100%;}
@media(max-width: 1400px){
    .type_max{ padding-right: 50px !important; padding-left: 50px !important;}
}
@media(max-width: 1024px){
}
@media(max-width: 768px){
    .type_max{ padding-right: 1.5rem !important; padding-left: 1.5rem !important;}
}


.quick{ position: fixed; z-index: 120; right: 50px; top: 50%; transform: translate(0,-50%); transition: all .2s;}
.quick .list{ width: 100px; background: #FFF; box-shadow: 0 0 0 1px rgba(0 0 0/10%);}
.quick .list a{ display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; padding: 20px 0; transition: all .2s; cursor: pointer;}
.quick .list a img{ display: block; transition: all .2s;}
.quick .list a img:nth-child(1){ position: relative; z-index: 1;}
.quick .list a img:nth-child(2){ position: absolute; top: 20px; z-index: 2; opacity: 0;}
.quick .list a p{ margin-top: 10px; font-size: 15px; color: #000; transition: all .2s;}
.quick .list a:hover{ background: #213d70;}
.quick .list a:hover img:nth-child(1){ opacity: 0;}
.quick .list a:hover img:nth-child(2){ opacity: 1;}
.quick .list a:hover p{ color: #FFF;}
.quick .btn{ display: flex; flex-direction: column; justify-content: center; align-items: center; grid-gap: 5px; margin-top: 15px; height: 70px; background: #d9d9d9; cursor: pointer;}
.quick .btn .wrap{ display: flex; flex-direction: column; justify-content: center; align-items: center; grid-gap: 5px; animation: quick_top 2s infinite;}
.quick .btn img{ display: block;}
.quick .btn p{ font-size: 15px; font-weight: 600; color: #000;}
@media(max-width: 1600px){
    .quick{ display: none;}
}
@keyframes quick_top{
    0%   { transform: translate(0,-2px);}
    50%  { transform: translate(0,2px);}
    100% { transform: translate(0,-2px);}
}


.header{ display: flex; justify-content: space-between; align-items: center; position: fixed; z-index: 100; right: 0; left: 0; height: 110px; transition: all .2s;}
.header .logo{ display: block; position: relative; z-index: 91; height: 55px;}
.header .logo img{ display: block; height: 100%; transition: all .2s;}
.header .logo img.white{ opacity: 1;}
.header .logo img.black{ position: absolute; z-index: 1; top: 0; left: 0; opacity: 0;}

.header .gnb_btn{ display: none; position: absolute; z-index: 91; top: calc(50% - 18px); right: 100px; width: 36px; height: 36px; cursor: pointer;}
.header .gnb_btn .icon{ position: relative; z-index: 10; width: 36px; height: 36px;}
.header .gnb_btn .icon span{ display: block; position: absolute; width: 100%; height: 3px; background: #FFF; transition: all .2s;}
.header .gnb_btn .icon span:nth-child(1){ top: 4px;}
.header .gnb_btn .icon span:nth-child(2){ top: calc(50% - 1.5px);}
.header .gnb_btn .icon span:nth-child(3){ bottom: 4px;}
.header .gnb_btn.on .icon span:nth-child(1){ top: 50%; transform: rotate(45deg) translate(-6.25%,-6.25%);}
.header .gnb_btn.on .icon span:nth-child(2){ opacity: 0;}
.header .gnb_btn.on .icon span:nth-child(3){ bottom: 50%; transform: rotate(-45deg) translate(-6.25%,-6.25%);}

.header .gnb{ transition: all .2s;}
.header .gnb .ft{}
.header .gnb .ft > ul{ display: flex; grid-gap: 60px;}
.header .gnb .ft > ul > li{}
.header .gnb .ft > ul > li > a{ display: flex; align-items: center; height: 110px; font-size: 22px; font-weight: 500; color: #FFF; cursor: pointer;}
.header .gnb .fb{ overflow: hidden; position: fixed; z-index: 90; top: 110px; right: 0; left: 0; padding: 0; height: 0; background: rgba(255 255 255/85%); backdrop-filter: blur(10px); opacity: 0; transition: all .2s;}
.header .gnb .fb:after{ content: ""; display: block; position: absolute; top: 0; right: 0; left: 0; height: 1px; background: rgba(0 0 0/5%);}
.header .gnb .fb > ul{ display: flex; grid-gap: 25px;}
.header .gnb .fb > ul > li{ width: 12.5%;}
.header .gnb .fb > ul > li > .top{ position: relative;}
.header .gnb .fb > ul > li > .top a{ display: block; position: absolute; z-index: 10; top: 0; right: 0; bottom: 0; left: 0;}
.header .gnb .fb > ul > li > .top p{ padding-bottom: 15px; border-bottom: 1px solid #a6a6a6; font-size: 24px; font-weight: 600; color: #000; transition: all .2s;}
.header .gnb .fb > ul > li > ul{ display: grid; padding-top: 20px;}
.header .gnb .fb > ul > li > ul > li{}
.header .gnb .fb > ul > li > ul > li > a{ display: block;}
.header .gnb .fb > ul > li > ul > li > a p{ line-height: 40px; font-size: 20px; font-weight: 500; color: rgba(0 0 0/100%); transition: all .2s;}
.header .gnb .fb > ul > li:hover > .top p{ padding-left: 10px; color: #213d70;}
.header .gnb .fb > ul > li > ul > li:hover > a p{ padding-left: 10px; color: #213d70;}
.header .gnb .fb > ul > li > ul > li.on > a p{ color: #213d70;}
.header .gnb:hover .fb{ padding: 50px 0; height: auto; opacity: 1;}

.header.hover{ background: #FFF; box-shadow: 0 1px 0 0 rgba(0 0 0/10%);}
.header.hover .logo img.white{ opacity: 0;}
.header.hover .logo img.black{ opacity: 1;}
.header.hover .gnb .ft ul li a{ color: #000;}

.header.on{ background: #FFF; box-shadow: 0 1px 0 0 rgba(0 0 0/10%);}
.header.on .logo img.white{ opacity: 0;}
.header.on .logo img.black{ opacity: 1;}
.header.on .gnb .ft ul li a{ color: #000;}

.header.on_m{ background: #FFF; box-shadow: 0 1px 0 0 rgba(0 0 0/10%);}
.header.on_m .logo img.white{ opacity: 0;}
.header.on_m .logo img.black{ opacity: 1;}
.header.on_m .gnb_btn .icon span{ background: #000 !important;}
.header.on_m .gnb .ft ul li a{ color: #000;}

.header.open .gnb_btn{ top: -60px; opacity: 0;}
.header.open .gnb_close{ top: 20px; opacity: 1;}
.header.open .gnb{ top: 0; bottom: 0; opacity: 1;}
.header.open .gnb .bottom{ border-top: 1px solid rgba(255 255 255/100%);}
@media(max-width: 1800px){
    .header .gnb .ft ul{ grid-gap: 40px;}
    .header .gnb .ft ul li a{ font-size: 20px;}
    .header .gnb .fb > ul > li > .top p{ font-size: 20px;}
    .header .gnb .fb > ul > li > ul > li > a p{ font-size: 16px;}
}
@media(max-width: 1600px){
    .header .gnb_btn{ display: block;}
    .header .gnb .ft{ display: none;}

    .header .gnb .fb{ overflow: hidden; position: fixed; z-index: 90; top: 110px; right: 0; left: 0; padding: 0; height: 0; background: rgba(0 0 0/40%); backdrop-filter: blur(10px); opacity: 0;}
    .header .gnb .fb:after{ display: none;}
    .header .gnb .fb > ul{ display: block; position: relative;}
    .header .gnb .fb > ul > li{ display: flex; width: auto;}
    .header .gnb .fb > ul > li > .top{ display: flex; justify-content: center; align-items: center; padding: 15px 0; width: 240px; border-right: 1px solid #FFF; cursor: pointer;}
    .header .gnb .fb > ul > li > .top a{ display: none;}
    .header .gnb .fb > ul > li > .top p{ padding: 0; border-bottom: 0; text-align: center; font-size: 24px; font-weight: 600; color: rgba(255 255 255/60%);}
    .header .gnb .fb > ul > li > ul{ display: none; position: absolute; z-index: 10; top: 0; right: 0; left: 240px; padding: 0;}
    .header .gnb .fb > ul > li > ul > li{}
    .header .gnb .fb > ul > li > ul > li > a{ padding-left: 40px;}
    .header .gnb .fb > ul > li > ul > li > a p{ line-height: 50px; font-size: 20px; font-weight: 500; color: #FFF; transition: all .2s;}
    .header .gnb .fb > ul > li:hover > .top p{ padding-left: 0; color: rgba(255 255 255/60%);}
    .header .gnb .fb > ul > li > ul > li:hover > a p{ padding-left: 0; color: #FFF;}
    .header .gnb .fb > ul > li > ul > li.on > a p{ color: #213d70;}
    .header .gnb:hover .fb{ padding: 50px 0 120px 0; height: auto; opacity: 1;}

    .header .gnb .fb > ul > li.on > .top p{ padding-bottom: 5px; border-bottom: 1px solid #FFF; color: rgba(255 255 255/100%);}
    .header .gnb .fb > ul > li.on > ul{ display: block;}

    .header .gnb.on .fb{ padding: 50px 0 120px 0; height: auto; opacity: 1;overflow-y:auto;}

    .header.hover{ background: initial; box-shadow: initial;}
    .header.hover .logo img.white{ opacity: 1;}
    .header.hover .logo img.black{ opacity: 0;}
    .header.hover .gnb .ft ul li a{ color: initial;}

    .header.on .gnb_btn .icon span{ background: #000 !important;}
}
@media(max-width: 1400px){
    .header .gnb_btn{ right: 50px;}
}
@media(max-width: 1024px){
}
@media(max-width: 768px){
    .header{ height: 6rem;}
    .header .logo{ height: 2.6rem;}
    .header .gnb_btn{ top: calc(50% - 1rem); right: 1.5rem; width: 2rem; height: 2rem;}
    .header .gnb_btn .icon{ width: 2rem; height: 2rem;}
    .header .gnb_btn .icon span{ height: 2px;}
    .header .gnb_btn .icon span:nth-child(1){ top: 0.3rem;}
    .header .gnb_btn .icon span:nth-child(2){ top: calc(50% - 1px);}
    .header .gnb_btn .icon span:nth-child(3){ bottom: 0.3rem;}

    .header .gnb .fb{ top: 6rem;}
    .header .gnb .fb > ul > li > .top{ padding: 1rem 0; width: 12rem;}
    .header .gnb .fb > ul > li > .top p{ font-size: 1.4rem;}
    .header .gnb .fb > ul > li > ul{ left: 12rem;}
    .header .gnb .fb > ul > li > ul > li > a{ padding-left: 2rem;}
    .header .gnb .fb > ul > li > ul > li > a p{ line-height: 3rem; font-size: 1.2rem;}
    .header .gnb.on .fb{ top: 6rem; padding: 3rem 0 6rem 0;}
}


.footer{ position: relative; padding: 50px 0 0 0; width: 100%; background: url(/images/footer.jpg) center/cover;}
.footer:after{ content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0 0 0/60%);}
.footer .type_min{ position: relative; z-index: 10;}
.footer .ft{ display: flex; justify-content: space-between; align-items: center;}
.footer .logo{ display: block; height: 40px;}
.footer .logo img{ display: block; height: 100%;}
.footer .menu{ display: flex; grid-gap: 20px;}
.footer .menu a{ display: block; font-size: 18px; color: #FFF; cursor: pointer;}
.footer .menu span{ display: block; width: 1px; height: 18px; background: rgba(255 255 255/20%);}
.footer .info{ display: flex; flex-wrap: wrap; grid-gap: 10px 30px; margin-top: 40px; width: 50%;}
.footer .info p{ line-height: 1.4; font-size: 18px; color: #FFF;}

.footer_text{ position: relative; margin: 100px 0 0 0;}
.footer_text .rolling .swiper-wrapper{ transition-timing-function: linear !important;}
.footer_text .rolling .swiper-wrapper .swiper-slide{ display: flex; justify-content: center; width: auto;}
.footer_text .rolling .swiper-wrapper .swiper-slide p{ font-size: 100px; font-weight: 500; color: rgba(255 255 255/5%);}
@media(max-width: 1400px){
}
@media(max-width: 1024px){
    .footer .ft{ flex-direction: column-reverse; align-items: flex-start;}
    .footer .logo{ margin-top: 40px;}
    .footer .info{ align-items: center; margin-top: 30px; width: auto;}
}
@media(max-width: 768px){
    .footer{ padding: 3rem 0 0 0;}
    .footer .menu{ grid-gap: 0.9rem;}
    .footer .menu a{ font-size: 0.9rem;}
    .footer .menu span{ height: 0.9rem;}
    .footer .logo{ margin-top: 3rem; height: 2.6rem;}
    .footer .info{ grid-gap: 0.5rem 1.5rem; margin-top: 2rem;}
    .footer .info p{ font-size: 0.9rem;}

    .footer_text{ margin-top: 2rem;}
    .footer_text .rolling .swiper-wrapper .swiper-slide p{ font-size: 6rem;}
}


.home_visual{ overflow: hidden; position: relative; background: none;}
.home_visual .swiper-wrapper{}
.home_visual .swiper-wrapper .swiper-slide{}
.home_visual .wrap{ overflow: hidden; position: relative;}
.home_visual .wrap .text{ display: flex; flex-direction: column; justify-content: center; position: absolute; z-index: 20; top: 0; right: 0; bottom: 0; left: 0;}
.home_visual .wrap .text .t1{ line-height: 1.2; font-size: 55px; color: #FFF; opacity: 0; transform: translate(100px,0); transition: all .3s;}
.home_visual .wrap .text .t1 b{ font-weight: 700; color: #FFF;}
.home_visual .wrap .text .t2{ margin-top: 50px; line-height: 1.4; font-size: 25px; color: #FFF; opacity: 0; transform: translate(100px,0); transition: all .3s;}
.home_visual .wrap .text .btn{ display: flex; justify-content: space-between; align-items: center; margin: 50px auto 0 auto; padding: 0 30px; width: 250px; height: 50px; border: 1px solid #FFF;  opacity: 0; transform: translate(100px,0); transition: all .3s; cursor: pointer;}
.home_visual .wrap .text .btn p{ font-size: 20px; color: #FFF;}
.home_visual .wrap .text .btn img{ display: block;}
.home_visual .wrap .img{ position: relative;}
.home_visual .wrap .img:before{ content: ""; display: block; position: absolute; z-index: 10; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0 0 0/50%);}
.home_visual .wrap .img .pc{ display: block; height: 950px; transform: scale(1.1); transition: all .3s;}
.home_visual .wrap .img .m{ display: none;}

.home_visual.on .wrap .text .t1{ opacity: 1; transform: translate(0,0); transition: all 1s;}
.home_visual.on .wrap .text .t2{ opacity: 1; transform: translate(0,0); transition: all 1.2s;}
.home_visual.on .wrap .text .t3{ opacity: 1; transform: translate(0,0); transition: all 1.4s;}
.home_visual.on .wrap .text .btn{ opacity: 1; transform: translate(0,0); transition: all 1.6s;}
.home_visual.on .wrap .img .pc{ opacity: 1; transform: scale(1); transition: all 10s;}

.home_visual .control{ display: flex; justify-content: center; align-items: center; grid-gap: 30px; position: absolute; z-index: 30; right: 0; bottom: 50px; left: 0; height: 20px;}
.home_visual_prev{ display: flex; justify-content: center; align-items: center; position: relative; z-index: 50; transition: all .2s; cursor: pointer;}
.home_visual_prev i{ font-size: 20px; color: #FFF;}
.home_visual_next{ display: flex; justify-content: center; align-items: center; position: relative; z-index: 50; transition: all .2s; cursor: pointer;}
.home_visual_next i{ font-size: 20px; color: #FFF;}
.home_visual_page{ display: flex; align-items: center; grid-gap: 30px; width: auto !important; height: 10px;}
.home_visual_page span{ margin: 0 !important; width: 10px; height: 10px; border-radius: 50%; border: 1px solid rgba(255 255 255/100%); background: none; opacity: 1; transition: all .2s;}
.home_visual_page span.swiper-pagination-bullet-active{ background: #FFF;}
@media(max-width: 1400px){
}
@media(max-width: 1024px){
    .home_visual .wrap .text .t2{ font-size: 20px;}
}
@media(max-width: 768px){
    .home_visual .wrap .text .t1{ font-size: 2.2rem;}
    .home_visual .wrap .text .t2{ margin-top: 2rem; font-size: 0.9rem;}
    .home_visual .wrap .img .pc{ height: 45rem;}

    .home_visual .control{ grid-gap: 1.5rem; bottom: 5rem; height: 1rem;}
    .home_visual_prev i{ font-size: 1rem;}
    .home_visual_next i{ font-size: 1rem;}
    .home_visual_page{ grid-gap: 1.5rem; height: 0.5rem;}
    .home_visual_page span{ width: 0.5rem; height: 0.5rem;}
}


.home_reservation{ position: relative; padding: 250px 0; background: url(/images/home_reservation_bg_02.jpg) center/cover;}
.home_reservation .type_min{ display: flex; position: relative; z-index: 10;}
.home_reservation .ft{ position: absolute; top: 0; right: calc(50% + 50px); left: -20%;}
.home_reservation .ft .tit{ text-align: right; line-height: 1.2; font-size: 50px; font-weight: 700; color: #FFF;}
.home_reservation .ft .tit br{}
.home_reservation .fb{ margin-left: 50%; width: 50%;}
.home_reservation .fb .img{}
.home_reservation .fb .img img{ display: block; width: 120%;}
.home_reservation .fb .text{ display: flex; flex-direction: column; align-items: flex-end; grid-gap: 25px; position: absolute; bottom: 0; right: calc(50% + 50px);}
.home_reservation .fb .text .t1{ font-size: 30px; font-weight: 500; color: #FFF;}
.home_reservation .fb .text .t2{ text-align: right; line-height: 1.4; font-size: 20px; color: #FFF;}
.home_reservation .fb .text .btn{ display: flex; align-items: center; grid-gap: 15px; cursor: pointer;}
.home_reservation .fb .text .btn img{ display: block;}
.home_reservation .fb .text .btn p{ font-size: 25px; color: #FFF;}
.home_reservation .bg{ position: absolute; top: 0; right: calc(50% - 520px); bottom: 130px; left: 0; background: url(/images/home_reservation_bg_01.jpg) center/cover;}
@media(max-width: 1400px){
    .home_reservation .ft .tit{ font-size: 40px;}
}
@media(max-width: 1024px){
    .home_reservation{ padding: 0; background: none;}
    .home_reservation .type_min{ display: block;}
    .home_reservation .ft{ position: initial; padding: 100px 0;}
    .home_reservation .ft .tit{ text-align: center; color: #000;}
    .home_reservation .fb{ margin: 0 -50px; padding: 100px 50px; width: auto; background: url(/images/home_reservation_bg_02.jpg) center/cover;}
    .home_reservation .fb .img{ margin: 0 -50px 0 100px;}
    .home_reservation .fb .img img{ width: 100%;}
    .home_reservation .fb .text{ position: initial; margin-top: 50px;}
    .home_reservation .bg{ display: none;}
}
@media(max-width: 768px){
    .home_reservation .ft{ padding: 5rem 0;}
    .home_reservation .ft .tit{ font-size: 2rem;}
    .home_reservation .fb{ margin: 0 -1.5rem; padding: 5rem 1.5rem;}
    .home_reservation .fb .text{ grid-gap: 1rem; margin-top: 1.5rem;}
    .home_reservation .fb .text .t1{ font-size: 1.4rem;}
    .home_reservation .fb .text .t2{ font-size: 1rem;}
    .home_reservation .fb .text .btn{ grid-gap: 0.8rem;}
    .home_reservation .fb .text .btn img{ height: 0.8rem;}
    .home_reservation .fb .text .btn p{ font-size: 1.4rem;}
    .home_reservation .fb .img{ margin: 0 -1.5rem 0 5rem;}
}


.home_about{ background: #efefef;}
.home_about .type_min{ padding: 120px 0 200px 0;}
.home_about .head{ text-align: center;}
.home_about .head .t1{ font-size: 30px; color: #000;}
.home_about .head .t2{ margin-top: 10px; font-size: 45px; font-weight: 600; color: #000;}
.home_about .head .t3{ margin-top: 30px; line-height: 1.4; font-size: 25px; color: #000;}
.home_about .list{ display: grid; grid-template-columns: repeat(4,1fr); grid-gap: 25px; margin-top: 100px;}
.home_about .list .wrap{ overflow: hidden; position: relative; cursor: pointer;}
.home_about .list .wrap:nth-child(1) .ft{ background: url(/images/home_about_01_on.jpg) center bottom/cover;}
.home_about .list .wrap:nth-child(2) .ft{ background: url(/images/home_about_02_on.jpg) center bottom/cover;}
.home_about .list .wrap:nth-child(3) .ft{ background: url(/images/home_about_03_on.jpg) center bottom/cover;}
.home_about .list .wrap:nth-child(4) .ft{ background: url(/images/home_about_04_on.jpg) center bottom/cover;}
.home_about .list .wrap .ft{ position: absolute; z-index: 10; top: 100%; left: 100%; padding: 50px 0 50px 20px; width: 100%; height: 100%; opacity: 0; transition: all .2s;}
.home_about .list .wrap .ft .t1{ font-size: 25px; font-weight: 600; color: #FFF;}
.home_about .list .wrap .ft .t2{ margin-top: 15px; line-height: 1.4; font-size: 20px; color: #FFF;}
.home_about .list .wrap .fb{ padding: 50px 0 50px 20px; border: 1px solid #b3b3b3; background: #FFF;}
.home_about .list .wrap .fb img{ display: block; margin: 0 auto;}
.home_about .list .wrap .fb .t1{ margin-top: 30px; font-size: 25px; font-weight: 600; color: #213d70;}
.home_about .list .wrap .fb .t2{ margin-top: 20px; line-height: 1.4; font-size: 20px; color: #000;}
.home_about .list .wrap:hover .ft{ top: 0; left: 0; opacity: 1;}
@media(max-width: 1400px){
    .home_about .list{ display: grid; grid-template-columns: repeat(2,1fr);}
}
@media(max-width: 1024px){
}
@media(max-width: 768px){
    .home_about .type_min{ padding: 5rem 0;}
    .home_about .head .t1{ font-size: 1.4rem;}
    .home_about .head .t2{ margin-top: 0.5rem; font-size: 2rem;}
    .home_about .head .t3{ margin-top: 1rem; font-size: 1.1rem;}
    .home_about .list{ grid-gap: 1rem; margin-top: 3rem;}
    .home_about .list .wrap .ft{ padding: 2rem 0 2rem 1.5rem;}
    .home_about .list .wrap .ft .t1{ font-size: 1.4rem;}
    .home_about .list .wrap .ft .t2{ margin-top: 1rem; font-size: 0.9rem;}
    .home_about .list .wrap .fb{ padding: 2rem 0 2rem 1.5rem;}
    .home_about .list .wrap .fb img{ height: 4rem;}
    .home_about .list .wrap .fb .t1{ margin-top: 2rem; font-size: 1.4rem;}
    .home_about .list .wrap .fb .t2{ margin-top: 1rem; font-size: 0.9rem;}
}


.home_doctor{ overflow: hidden; position: relative; background: #b2b2b2;}
.home_doctor .type_min{ display: flex;}
.home_doctor .wrap{ display: flex; flex-direction: column; align-items: center; padding-top: 100px; width: 33.333%; text-align: center; background: url(/images/home_doctor_bg.png) center/100% auto; cursor: pointer;}
.home_doctor .wrap .t1{ font-size: 20px; color: #FFF;}
.home_doctor .wrap .t2{ font-size: 30px; font-weight: 600; color: #FFF;}
.home_doctor .wrap .t3{ margin-top: 20px; font-size: 20px; color: #FFF;}
.home_doctor .wrap .line{ margin: 20px auto; width: 50px; height: 2px; background: #FFF;}
.home_doctor .wrap .img{ display: block; margin-top: 50px; height: 640px; filter: grayscale(100%); transition: all .2s;}
.home_doctor .wrap:hover .img{ filter: grayscale(0);}

.home_doctor_click{ overflow: hidden; display: flex; justify-content: center; align-items: center; position: absolute; z-index: 10; top: 100%; right: 0; bottom: -100%; left: 0; background: url(/images/home_doctor_click_bg.png) center/100% auto; opacity: 0; transition: all .2s;}
.home_doctor_click .type_min{ display: flex; align-items: center; position: relative; z-index: 10;}
.home_doctor_click .fl{ display: flex; flex-direction: column; position: relative; padding: 80px 100px 80px 50px; width: 50%;}
.home_doctor_click .fl .close{ position: absolute; z-index: 10; top: 20px; left: 0; cursor: pointer;}
.home_doctor_click .fl .close i{ font-size: 30px; color: #FFF;}
.home_doctor_click .fl .ft{ position: relative; z-index: 10; padding-bottom: 10px; border-bottom: 2px solid #FFF;}
.home_doctor_click .fl .ft .t1{ font-size: 20px; color: #FFF;}
.home_doctor_click .fl .ft .t2{ margin-top: 10px; font-size: 30px; font-weight: 600; color: #FFF;}
.home_doctor_click .fl .ft .t3{ margin-top: 15px; font-size: 20px; color: #FFF;}
.home_doctor_click .fl .fb{ position: relative; z-index: 10; display: grid; grid-gap: 10px; margin-top: 40px;}
.home_doctor_click .fl .fb p{ font-size: 18px; color: #FFF;}
.home_doctor_click .fl:after{ content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: -20000px; border-radius: 0 500px 500px 0; background: #919ca7;}
.home_doctor_click img{ display: block; height: 700px;}
.home_doctor_click:after{ content: ""; display: block; position: absolute; top: -100px; right: 0; bottom: 50%; left: calc(50% - 200px); border-radius: 500px 0 0 500px; border: 1px solid #919ca7;}
.home_doctor_click.on{ top: 0; bottom: 0; opacity: 1;}
@media(max-width: 1400px){
    .home_doctor .wrap .img{ height: 400px;}
    .home_doctor_click img{ height: 500px;}
}
@media(max-width: 1024px){
    .home_doctor .wrap .img{ height: 300px;}
    .home_doctor_click .fl{ padding: 80px 80px 60px 20px;}
    .home_doctor_click .fl .ft .t1{ font-size: 15px;}
    .home_doctor_click .fl .ft .t2{ font-size: 20px;}
    .home_doctor_click .fl .ft .t3{ font-size: 14px;}
    .home_doctor_click .fl .fb{ margin-top: 20px;}
    .home_doctor_click .fl .fb p{ font-size: 14px;}
    .home_doctor_click img{ height: 400px;}
}
@media(max-width: 768px){
    .home_doctor .type_min{ display: block;}
    .home_doctor .wrap{ overflow: hidden; display: flex; align-items: flex-start; position: relative; margin: 0 -1.5rem; padding: 0; width: auto; height: 200px; border-bottom: 1px solid rgba(255 255 255/30%); background: none;}
    .home_doctor .wrap .text{ position: absolute; top: 50%; transform: translate(0,-50%); right: 5rem;}
    .home_doctor .wrap .t1{ font-size: 1rem;}
    .home_doctor .wrap .t2{ font-size: 2rem;}
    .home_doctor .wrap .t3{ margin-top: 1rem; font-size: 1rem;}
    .home_doctor .wrap .line{ margin: 1rem auto; width: 3rem;}
    .home_doctor .wrap .img{ margin: 3rem 0 0 3rem; height: 200px;}

    .home_doctor_click .type_min{ display: block;}
    .home_doctor_click .fl{ display: block; padding: 3rem 3rem 3rem 3rem; width: auto;}
    .home_doctor_click .fl .close{ top: 1rem; left: 0;}
    .home_doctor_click .fl .close i{ font-size: 2rem;}
    .home_doctor_click .fl .ft{ padding-bottom: 1rem; border-bottom: 1px solid #FFF;}
    .home_doctor_click .fl .ft .t1{ font-size: 1rem;}
    .home_doctor_click .fl .ft .t2{ margin-top: 0.5rem; font-size: 1.4rem;}
    .home_doctor_click .fl .ft .t3{ margin-top: 0.5rem; font-size: 1rem;}
    .home_doctor_click .fl .fb{ grid-gap: 0.5rem; margin-top: 1rem;}
    .home_doctor_click .fl .fb p{ font-size: 0.9rem;}
    .home_doctor_click .fl:after{ content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: -20000px; border-radius: 0 500px 500px 0; background: #919ca7;}
    .home_doctor_click img{ margin: 2rem auto -5rem auto; height: 20rem;}
    .home_doctor_click:after{ display: none;}
}


.home_medical{ overflow: hidden; padding: 200px 0; background: url(/images/home_medical_bg.jpg) center/cover;}
.home_medical .type_min{}
.home_medical .type_min .head{ text-align: center;}
.home_medical .type_min .head .t1{ font-size: 60px; color: #FFF;}
.home_medical .type_min .head .t2{ margin-top: 80px; font-size: 50px; color: #FFF;}
.home_medical .type_min .head .t2 b{ font-weight: 700; color: #FFF;}
.home_medical .type_min .head .t3{ margin-top: 30px; line-height: 1.4; font-size: 25px; color: #FFF;}
.home_medical .type_min .list{ display: grid; grid-template-columns: repeat(2,1fr); align-items: flex-start; grid-gap: 200px 120px; margin-top: 120px;}
.home_medical .type_min .list .wrap{ overflow: hidden; border-radius: 80px; background: #FFF;}
.home_medical .type_min .list .wrap .img{}
.home_medical .type_min .list .wrap .img img{ display: block; width: 100%;}
.home_medical .type_min .list .wrap .fb{ position: relative; padding: 50px 40px 80px 40px;}
.home_medical .type_min .list .wrap .fb > i{ display: flex; justify-content: center; align-items: center; position: absolute; top: 50px; right: 40px; padding-bottom: 1px; width: 70px; height: 70px; border-radius: 50%; border: 1px solid #000; font-size: 35px; color: #000;}
.home_medical .type_min .list .wrap .fb .t1{ font-size: 20px; color: #000;}
.home_medical .type_min .list .wrap .fb .t2{ margin-top: 10px; font-size: 40px; font-weight: 700; color: #000;}
.home_medical .type_min .list .wrap .fb .btn{ display: grid; grid-gap: 15px; margin-top: 60px;}
.home_medical .type_min .list .wrap .fb .btn a{ display: flex; justify-content: space-between; align-items: center; padding: 0 20px; height: 50px; border-radius: 40px; border: 2px solid #000; cursor: pointer; transition: all .2s;}
.home_medical .type_min .list .wrap .fb .btn a p{ font-size: 20px; font-weight: 500; color: #000; transition: all .2s;}
.home_medical .type_min .list .wrap .fb .btn a i{ font-size: 20px; color: #FFF; transition: all .2s;}
.home_medical .type_min .list .wrap .fb .btn a:hover{ border-color: #213d70; background: #213d70;}
.home_medical .type_min .list .wrap .fb .btn a:hover p{ color: #FFF;}
.home_medical .type_min .list .wrap .fb .btn a:hover i{ color: #FFF;}
.home_medical .type_min .list .wrap:nth-child(3){ margin-top: -550px;}
.home_medical .type_min .list .wrap:nth-child(5){ margin-top: -550px;}
.home_medical .logo_txt{ display: block; margin: 200px 0 0 -500px;}
@media(max-width: 1400px){
    .home_medical .type_min .list{ grid-gap: 50px 50px;}
    .home_medical .type_min .list .wrap:nth-child(5){ margin-top: -600px;}
}
@media(max-width: 1024px){
    .home_medical .type_min .list .wrap{ border-radius: 40px;}
    .home_medical .type_min .list .wrap .fb{ padding: 30px 30px 50px 30px;}
    .home_medical .type_min .list .wrap .fb > i{ top: 35px; width: 40px; height: 40px; font-size: 20px;}
    .home_medical .type_min .list .wrap .fb .t1{ font-size: 13px;}
    .home_medical .type_min .list .wrap .fb .t2{ margin-top: 5px; font-size: 30px;}
    .home_medical .type_min .list .wrap .fb .btn{ margin-top: 30px;}
    .home_medical .type_min .list .wrap .fb .btn a p{ font-size: 15px;}
}
@media(max-width: 768px){
    .home_medical{ padding: 5rem 0;}
    .home_medical .type_min .head .t1{ font-size: 2rem;}
    .home_medical .type_min .head .t2{ margin-top: 2rem; font-size: 2rem;}
    .home_medical .type_min .head .t3{ margin-top: 1rem; font-size: 1.1rem;}
    .home_medical .type_min .list{ grid-template-columns: repeat(1,1fr); grid-gap: 2rem; margin-top: 3rem;}
    .home_medical .type_min .list .wrap{ margin: 0 !important; border-radius: 3rem;}
    .home_medical .type_min .list .wrap .fb{ padding: 2rem 2rem 3rem 2rem;}
    .home_medical .type_min .list .wrap .fb > i{ top: 2rem; right: 2rem; width: 3.5rem; height: 3.5rem; font-size: 2rem;}
    .home_medical .type_min .list .wrap .fb .t1{ font-size: 1rem;}
    .home_medical .type_min .list .wrap .fb .t2{ margin-top: 0.5rem; font-size: 2rem;}
    .home_medical .type_min .list .wrap .fb .btn{ grid-gap: 1rem; margin-top: 2rem;}
    .home_medical .type_min .list .wrap .fb .btn a{ padding: 0 1.5rem; height: 3rem; border-radius: 3rem; border: 1px solid #000;}
    .home_medical .type_min .list .wrap .fb .btn a p{ font-size: 1.2rem;}
    .home_medical .type_min .list .wrap .fb .btn a i{ font-size: 1.2rem;}
    .home_medical .logo_txt{ margin: 5rem 0 0 -30rem; height: 3rem;}
}


.home_notice{ padding: 200px 0;}
.home_notice .type_min{}
.home_notice .type_min .head{ text-align: center;}
.home_notice .type_min .head .t1{ font-size: 60px; color: #213d70;}
.home_notice .type_min .head .t2{ margin-top: 80px; font-size: 50px; color: #000;}
.home_notice .type_min .head .t2 b{ font-weight: 700; color: #000;}
.home_notice .type_min .head .t3{ margin-top: 30px; line-height: 1.4; font-size: 25px; color: #000;}
.home_notice .type_min .more{ display: flex; justify-content: flex-end; margin-top: 60px;}
.home_notice .type_min .more a{ display: flex; align-items: center; grid-gap: 10px;}
.home_notice .type_min .more a p{ font-size: 25px; font-weight: 600; color: #000;}
.home_notice .type_min .more a i{ font-size: 20px; color: #000;}
.home_notice .type_min .list{ display: grid; grid-template-columns: repeat(4,1fr); grid-gap: 25px; margin-top: 30px;}
.home_notice .type_min .list .wrap{}
.home_notice .type_min .list .wrap img{ display: block; width: 100%;}
.home_notice .type_min .list .wrap .t1{ margin-top: 30px; font-size: 24px; font-weight: 600; color: #000; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.home_notice .type_min .list .wrap .t2{ margin-top: 10px; line-height: 1.4; font-size: 18px; color: #000; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden;}
.home_notice .type_min .list .wrap .t3{ display: flex; align-items: center; margin-top: 30px; padding-top: 20px; border-top: 1px solid #000;}
.home_notice .type_min .list .wrap .t3 p{ font-size: 15px; color: #000;}
.home_notice .type_min .list .wrap .t3 span{ margin: 0 15px; width: 1px; height: 15px; background: #CCC;}
@media(max-width: 1400px){
}
@media(max-width: 1024px){
    .home_notice .type_min .list{ grid-template-columns: repeat(2,1fr);}
    .home_notice .type_min .list .wrap:nth-child(3){ display: none;}
    .home_notice .type_min .list .wrap:nth-child(4){ display: none;}
}
@media(max-width: 768px){
    .home_notice{ padding: 5rem 0;}
    .home_notice .type_min .head .t1{ font-size: 2rem;}
    .home_notice .type_min .head .t2{ margin-top: 2rem; font-size: 2rem;}
    .home_notice .type_min .head .t3{ margin-top: 1rem; font-size: 1.1rem;}
    .home_notice .type_min .more{ margin-top: 3rem;}
    .home_notice .type_min .more a{ grid-gap: 0.5rem;}
    .home_notice .type_min .more a p{ font-size: 1.2rem;}
    .home_notice .type_min .more a i{ font-size: 1rem;}
    .home_notice .type_min .list{ grid-gap: 1.5rem; margin-top: 1rem;}
    .home_notice .type_min .list .wrap .t1{ margin-top: 1.5rem; font-size: 1.4rem;}
    .home_notice .type_min .list .wrap .t2{ display: none;}
    .home_notice .type_min .list .wrap .t3{ margin-top: 1rem; padding-top: 1rem;}
    .home_notice .type_min .list .wrap .t3 p{ font-size: 1rem;}
    .home_notice .type_min .list .wrap .t3 span{ margin: 0 1.5rem; height: 1rem;}
}


.home_in{ position: relative; background: #efefef;}
.home_in .type_min{ display: flex; position: relative; z-index: 10;}
.home_in .type_min .wrap{ margin-left: 50%; padding: 100px 80px; width: 50%;}
.home_in .type_min .wrap .head{ text-align: center;}
.home_in .type_min .wrap .head .t1{ font-size: 50px; font-weight: 700; color: #000;}
.home_in .type_min .wrap .head .t2{ margin-top: 20px; font-size: 20px; color: #000;}
.home_in .type_min .wrap .body{ display: grid; grid-gap: 25px; margin-top: 60px;}
.home_in .type_min .wrap .body .row{ display: flex;}
.home_in .type_min .wrap .body input{ margin: 0; padding: 0 20px; width: 100%; height: 55px; border-radius: 15px; border: 0; background: #FFF; line-height: 55px; font-size: 20px; font-weight: 400; color: #000; outline: none; -webkit-appearance: none;}
.home_in .type_min .wrap .body textarea{ display: flex; align-items: center; margin: 0; padding: 20px; width: 100%; height: 200px; resize: none; border-radius: 15px; border: 0; background: #FFF; line-height: 1.4; font-size: 20px; font-weight: 400; color: #000; outline: none; -webkit-appearance: none;}
.home_in .type_min .wrap .body .tel{ display: flex; align-items: center;}
.home_in .type_min .wrap .body .tel input{ text-align: center;}
.home_in .type_min .wrap .body .tel p{ padding: 0 10px; font-size: 15px; color: #666;}
.home_in .type_min .wrap .body .code{ display: flex; grid-gap: 10px;}
.home_in .type_min .wrap .body .code .number{ padding: 0 20px; border-radius: 15px; background: #9fa0a0; line-height: 55px; font-size: 20px; color: #FFF;}
.home_in .type_min .wrap .body .btn{ display: flex; justify-content: center; align-items: center; margin-top: 10px; height: 55px; border-radius: 15px; background: #213d70; font-size: 20px; font-weight: 600; color: #FFF; cursor: pointer;}
.home_in .bg{ position: absolute; top: 0; right: 50%; bottom: 0; left: 0; background: url(/images/home_in_bg.jpg) center/cover;}
@media(max-width: 1400px){
}
@media(max-width: 1024px){
    .home_in .bg{ display: none;}
    .home_in .type_min .wrap{ margin-left: 0; width: auto;}
}
@media(max-width: 768px){
    .home_in .type_min .wrap{ padding: 5rem 0;}
    .home_in .type_min .wrap .head .t1{ font-size: 2rem;}
    .home_in .type_min .wrap .head .t2{ margin-top: 1rem; font-size: 1.1rem;}
    .home_in .type_min .wrap .body{ grid-gap: 1rem; margin-top: 3rem; padding: 0 2rem;}
    .home_in .type_min .wrap .body input{ padding: 0 1.5rem; height: 3rem; border-radius: 0.8rem; line-height: 3rem; font-size: 1rem;}
    .home_in .type_min .wrap .body textarea{ padding: 0.5rem 1.5rem; height: 10rem; border-radius: 0.8rem; line-height: 3rem; font-size: 1rem;}
    .home_in .type_min .wrap .body .tel p{ padding: 0 0.5rem; font-size: 1rem;}
    .home_in .type_min .wrap .body .code{ grid-gap: 0.5rem;}
    .home_in .type_min .wrap .body .code .number{ padding: 0 2rem; border-radius: 0.8rem; line-height: 3rem; font-size: 1rem;}
    .home_in .type_min .wrap .body .btn{ margin-top: 0.5rem; height: 4rem; border-radius: 0.8rem; font-size: 1.2rem;}
}


.home_contact{ position: relative; padding: 200px 0;}
.home_contact .type_min{}
.home_contact .type_min .ft{ text-align: center; font-size: 45px; font-weight: 700; color: #000;}
.home_contact .type_min .fb{ display: flex; margin-top: 120px;}
.home_contact .type_min .fb .fr{ margin-left: 50%; padding-left: 120px; width: 50%;}
.home_contact .type_min .fb .fr .head{}
.home_contact .type_min .fb .fr .head .t1{ font-size: 45px; color: #213d70;}
.home_contact .type_min .fb .fr .head .t2{ margin-top: 10px; font-size: 22px; color: #000;}
.home_contact .type_min .fb .fr .head .t3{ margin-top: 10px; font-size: 22px; color: #000;}
.home_contact .type_min .fb .fr .btn{ display: flex; grid-gap: 10px; margin-top: 50px;}
.home_contact .type_min .fb .fr .btn a{ display: flex; justify-content: center; align-items: center; grid-gap: 10px; width: 50%; height: 50px; border-radius: 30px; background: #213d70;}
.home_contact .type_min .fb .fr .btn a img{ display: block; height: 24px;}
.home_contact .type_min .fb .fr .btn a p{ font-size: 18px; font-weight: 500; color: #FFF;}
.home_contact .type_min .fb .fr .btn a:nth-child(2){ background: #fae100;}
.home_contact .type_min .fb .fr .btn a:nth-child(2) p{ color: #000;}
.home_contact .type_min .fb .fr .tel{ display: flex; grid-gap: 20px; margin-top: 25px;}
.home_contact .type_min .fb .fr .tel p{ font-size: 22px; font-weight: 500; color: #000;}
.home_contact .type_min .fb .fr .tel a{ font-size: 22px; font-weight: 700; color: #213d70;}
.home_contact .type_min .fb .fr .time{ margin-top: 40px;}
.home_contact .type_min .fb .fr .time .t1{ font-size: 22px; font-weight: 500; color: #000;}
.home_contact .type_min .fb .fr .time .t2{ display: grid; grid-gap: 10px; margin: 10px 0 0 0;}
.home_contact .type_min .fb .fr .time .t2 p{ display: flex; align-items: center; font-size: 18px; font-weight: 700; color: #000;}
.home_contact .type_min .fb .fr .time .t2 p span{ flex: 0 0 90px; font-weight: 600; color: #000;}
.home_contact .type_min .fb .fr .time .t3{ display: grid; grid-gap: 10px; margin-top: 20px;}
.home_contact .type_min .fb .fr .time .t3 p{ font-size: 18px; color: #666;}
.home_contact .type_min .fb .fl_map{ position: absolute; top: 300px; right: 50%; bottom: 200px; left: 0; background: #f0f0f0;}
.home_contact .type_min .fb .fl_map .root_daum_roughmap{ width: 100% !important; height: 100% !important;}
.home_contact .type_min .fb .fl_map .root_daum_roughmap .wrap_map{ height: calc(100% - 32px) !important;}
.home_contact .type_min .fb .fl_map .root_daum_roughmap .cont{ display: none;}
@media(max-width: 1400px){
}
@media(max-width: 1024px){
    .home_contact{ padding: 200px 0 0 0;}
    .home_contact .type_min .fb{ display: block;}
    .home_contact .type_min .fb .fr{ margin-left: 0; padding-left: 0; width: auto;}
    .home_contact .type_min .fb .fl_map{ position: initial; margin: 100px -50px 0 -50px; height: 400px;}
}
@media(max-width: 768px){
    .home_contact{ padding: 5rem 0 0 0;}
    .home_contact .type_min .ft{ font-size: 2rem;}
    .home_contact .type_min .fb{ margin-top: 3rem;}
    .home_contact .type_min .fb .fr .head .t1{ font-size: 2rem;}
    .home_contact .type_min .fb .fr .head .t2{ margin-top: 0.5rem; font-size: 1.1rem;}
    .home_contact .type_min .fb .fr .head .t3{ margin-top: 0.5rem; font-size: 1.1rem;}
    .home_contact .type_min .fb .fr .btn{ grid-gap: 0.5rem; margin-top: 2rem;}
    .home_contact .type_min .fb .fr .btn a{ grid-gap: 0.5rem; height: 3rem; border-radius: 3rem;}
    .home_contact .type_min .fb .fr .btn a img{ height: 1.4rem;}
    .home_contact .type_min .fb .fr .btn a p{ font-size: 1.2rem;}
    .home_contact .type_min .fb .fr .tel{ grid-gap: 1rem; margin-top: 1.5rem;}
    .home_contact .type_min .fb .fr .tel p{ font-size: 1.4rem;}
    .home_contact .type_min .fb .fr .tel a{ font-size: 1.4rem;}
    .home_contact .type_min .fb .fr .time{ margin-top: 2rem;}
    .home_contact .type_min .fb .fr .time .t1{ font-size: 1.4rem;}
    .home_contact .type_min .fb .fr .time .t2{ grid-gap: 0.5rem; margin: 0.5rem 0 0 0;}
    .home_contact .type_min .fb .fr .time .t2 p{ font-size: 1.1rem;}
    .home_contact .type_min .fb .fr .time .t2 p span{ flex: 0 0 5rem;}
    .home_contact .type_min .fb .fr .time .t3{ grid-gap: 0.5rem; margin-top: 1.5rem;}
    .home_contact .type_min .fb .fr .time .t3 p{ font-size: 1.1rem;}
    .home_contact .type_min .fb .fl_map{ margin: 3rem -1.5rem 0 -1.5rem; height: 20rem;}
    .home_contact .type_min .fb .fl_map .root_daum_roughmap{ width: 100% !important; height: 100% !important;}
    .home_contact .type_min .fb .fl_map .root_daum_roughmap .wrap_map{ height: calc(100% - 32px) !important;}
    .home_contact .type_min .fb .fl_map .root_daum_roughmap .cont{ display: none;}
}