@charset "UTF-8";
/* ===========================
   Import
=========================== */
@import url("/assets/css/font.css");

/* ==========================================================================
    참고사항
========================================================================== */
/*

* 공통레이아웃(임시 - 디자인컨펌 후 재수정)
Frame
1920px

Container
1600px

좌우 Margin
160px

Grid
12 Columns

Gutter
24px

*반응형 기준(임시 - 디자인컨펌 후 재수정)
Desktop(1920) → Laptop(1600/1440) → Tablet(1024) → Mobile(640)

*/

/* ==========================================================================
    Common
========================================================================== */

body{font-family: 'Pretendard';
	line-height:1;
	font-size:var(--font-18);
	color:var(--black1);
	font-weight:400;}

/* ==========================================================================
    Components
========================================================================== */
.btn01 {
}

/* ==========================================================================
    Layout
========================================================================== */




body *{box-sizing:border-box;letter-spacing:-0.04em;}
#wrap{width:100%;/* overflow:hidden; */}
#wrap_inner{overflow-x: clip;}
#main_con{color:#000;overflow-x: clip;}
.row_con{width:1600px;margin:0 auto;position:relative;}
.row_con_1384{width:1384px;margin:0 auto;position:relative;}
.flex_box{display:flex;}
.flex_box.center{justify-content:center;}
.flex_box.between{justify-content:space-between;}
.only_m{display:none;}
.only_pc{display:block;}
.only_m1{display:none;}
.only_pc1{display:inline-block;}
.only_tablet{display:none;}
.only_m_t{display:none;}
.only_pc_t{display:block;}
.only_1440{display:none;}
.view_1200{display:none !important;}
.hide_1200{display:block !important;}
.toblock{display:block;}


.slick-slide,.slick-arrow,.slick-dots li{cursor:pointer;outline:none;}



/* ==========================================================================
    Header
========================================================================== */

header{display: contents;}
header.on .header_con{background-color:rgba(255,255,255,0.7);backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);}
.header_con{height: 55px;z-index: 99999; color: var(--black1);background-color: rgba(255, 255, 255, 1);position:sticky; top:0;}

.m_icon{display:none;}


.logo{text-align:center;padding:27px 0;margin-right:40px;}
.gnb_box{height:55px;display:flex;align-items: center;justify-content: center;}
.gnb{position:relative;display:flex;flex-direction:row-reverse;}
.gnb .dep1{display: flex;align-items: center;gap: 48px;}
.gnb .dep1 > li{float:left;text-align:center;font-weight:400;font-size:16px;position:relative;line-height:55px;}

.gnb .dep1 > li > a{font-family: 'Pretendard';letter-spacing:-0.03em;display:block;transition: color 0.3s ease-in-out;}
.gnb .dep2{display:block;opacity:0;visibility:hidden;left: 50%;transform: translateX(-50%);position:absolute;background: #3B3B3B; width:170px;padding:20px 0;overflow:hidden;height:auto;}
.gnb .dep2 li{text-align:center;line-height:1.5em;margin-bottom:1.3em;}
.gnb .dep2 li:last-child{margin-right:0;border-bottom:none;margin-bottom:0;}
.gnb .dep2 li a{position:relative;color:var(--white);font-size:16px;letter-spacing: -0.03em;transition: color 0.3s ease-in-out;}
.gnb .dep2 li a::after{content:attr(title);display: block;font-family: 'notokr-bold';height: 0px;visibility: hidden;}


.gnb .dep2:after{content:'';display:block;clear:both;}
/* .gnb .dep1 > li .dep2:before{content:'';display:block;clear:both;transition:all .5s;width:100%;max-width:0;height:4px;background-color:var(--brown2);position:absolute;top:0;left:50%;transform:translateX(-50%);} */


@media (hover: hover) {
	.gnb .dep1 > li:hover > a{color:var(--brown1);-webkit-text-stroke: 0.5px currentColor;}
	.gnb .dep1 > li:hover .dep2 {opacity:1;visibility:visible}
	.gnb .dep1 > li:hover .dep2:before{max-width:100%;}
	.gnb .dep2 li a:hover{color:var(--brown1);font-weight:600;}
}

.site_list{margin-left:100px;display:inline-block;line-height: 100px;vertical-align: top;}
.site_list a{position:relative;margin-right:10px;}
.site_list a:first-child:after{content:'';display:block;clear:both;position:absolute;top:25%;right:-8px;width:1px;height:18px;background-color:#fff;}

.mobile_event_btn{display:none;}

.menu_btn,.gnb_top,.tel_btn,.head_logo,.mobile_btn_box{display:none;}

.logo_area{height:81px; border-bottom: 1px solid #D4D4D4;display: flex;justify-content: center;align-items: center;}

.main_banner {display: flex; align-items: center;background: #DDC087;height:55px;color:var(--white);font-family: 'Pretendard';font-size: 16px;font-weight: 700;}
.main_banner .banner_wrap{display: flex;justify-content: center;position: relative;}
.main_banner .banner_wrap .member_wrap{display: flex; gap: 20px;position: absolute; right: 0;}


.dep1.clearfix:after{display:none;}

/* ==========================================================================
    Main
========================================================================== */

.controller_wrap {display: flex; align-items: center;}
.controller_wrap button { border: none; cursor: pointer; transition: opacity 0.3s; text-indent: -9999px; overflow: hidden; padding: 0; width: 24px; height: 24px; }
.controller_wrap button.swiper-button-disabled { opacity: 0.3; cursor: not-allowed; }
.controller_wrap .swiper-button-prev-custom { background: url('/assets/images/common/slidearrow_prev.png?v=2') no-repeat center center / contain; }
.controller_wrap .swiper-button-next-custom { background: url('/assets/images/common/slidearrow_next.png?v=2') no-repeat center center / contain; }
.controller_wrap .page_info { display: flex; align-items: center; margin: 0 5px; text-shadow: 0 4px 4px rgba(0, 0, 0, 0.04);}
.controller_wrap .page_info span {width: 36px;font-family: 'marcellus', sans-serif;}
.controller_wrap .progress_bar { display: flex; width: 383px; height: 8px; margin: 0 10px;border-radius: 50px;overflow: hidden;box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.04);}
.controller_wrap .progress_bar .swiper-pagination-bullet { margin: 0 !important; padding: 0; width: 100%; height: 100%; border-radius: 0; background-color: var(--gray4); position: relative; cursor: pointer; opacity: 1; }
.controller_wrap .progress_bar .swiper-pagination-bullet:after { content: ''; position: absolute; width: 0; height: 100%; left: 0; top: 0; background-color: var(--brown1); transition: width 0.3s ease;border-radius: 50px;}
.controller_wrap .progress_bar .swiper-pagination-bullet-active:after { width: 100%; }


.main1_con .main1_area {position:relative;height:950px;}
.main1_con .mv_slide {height: 100%;}
.main1_con .mv_slide .swiper-slide{position:relative;}
.main1_con .mv_slide .swiper-slide.n1, .mv_slide .swiper-slide.n2, .mv_slide .swiper-slide.n3 {background-size:cover;background-position:center;}
.main1_con .mv_slide .swiper-slide.n1 {position: relative; overflow: hidden;}

.main1_con .mv_slide .swiper-slide.n1 .bg_video {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;object-position: center center;z-index: 1;pointer-events: none;}

.main1_con .mv_slide .swiper-slide.n2 {background-image:url('/assets/images/main/mv2.png?v=2');}
.main1_con .mv_slide .swiper-slide.n3 {background-image:url('/assets/images/main/mv3.png?v=2');}
.main1_con .mv_slide .swiper-slide .txt_box{position: absolute;left: 0;right: 0;top: 173px; z-index: 2; display: flex; flex-direction: column; gap: var(--space-28);}
.main1_con .mv_slide .swiper-slide.n2 .txt_box{top: 163px;}
.main1_con .mv_slide .swiper-slide.n3 .txt_box{top: 321.5px;}
.main1_con .mv_slide .swiper-slide.n2 .right_box{display: flex;flex-direction: column;gap: var(--space-28);text-align: end;}
.main1_con .mv_slide .swiper-slide.n2 .left_box{display: flex;flex-direction: column;gap: var(--space-28);}
.main1_con .mv_slide .swiper-slide .txt_box > * {opacity: 0;transform: translateY(20px);transition: opacity 0.5s ease-out, transform 0.5s ease-out;}
.main1_con .mv_slide .swiper-slide.swiper-slide-active .txt_box > * {opacity: 1;transform: translateY(0);}
.main1_con .mv_slide .swiper-slide.swiper-slide-active .txt_box > *:nth-child(1) { transition-delay: 0.1s; }
.main1_con .mv_slide .swiper-slide.swiper-slide-active .txt_box > *:nth-child(2) { transition-delay: 0.3s; }
.main1_con .mv_slide .swiper-slide.swiper-slide-active .txt_box > *:nth-child(3) { transition-delay: 0.5s; }
.main1_con .mv_slide .swiper-slide.swiper-slide-active .txt_box > *:nth-child(4) { transition-delay: 0.7s; }
.main1_con .controller_wrap{position:absolute;bottom: 194px;z-index: 10;left: calc(50% - 800px);}


.main2_con .tit_box{text-align: center;}
.main2_con .doctor_item a{display: flex;justify-content: space-between;align-items: center;}
.main2_con .doctor_item:nth-child(even) a{flex-direction: row-reverse;}
.main2_con .doctor_item:nth-child(even) .txt_box{text-align: right;}
.main2_con .doctor_item .txt_box .view{display:inline-block; border-bottom:2px solid var(--black1);}

.main3_con {background-image:url('/assets/images/main/history_bg.png?v=2');background-size:cover;background-position:center;}
.main3_con h3{display: flex;}
.main3_con .odometer.odometer-auto-theme, .odometer.odometer-theme-default{font-family: "Marcellus", serif;}

/* .main4_con{background-image:url('/assets/images/main/signature_bg.png?v=2');background-repeat: no-repeat; background-size:contain;background-position:center;} */
.main4_con .txt_box{display: flex;flex-direction: column;position:relative; z-index:1;}
.main4_con .txt_box .right_box{text-align: right;}
.main4_con .swiper-slide{position:relative;}
.main4_con .img_box{position:absolute;left:50%;transform:translateX(-50%);bottom: -160px;}
.main4_con .n3 .img_box{bottom: 0;}

.main5_con .tit_box{text-align: center;}
.main5_con .departments_slide a{width:100%;overflow: hidden;border-radius: var(--space-40);}
.main5_con .departments_slide{overflow: hidden;}
.main5_con .departments_slide .cover{position: absolute;z-index: 1;visibility: hidden; transition: 0.5s; opacity: 0; width: 100%;height: 100%;background: linear-gradient(0deg, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.30) 100%), url(<path-to-image>) transparent -190.941px -341.883px / 228.398% 174.496% no-repeat;backdrop-filter: blur(0px);}
.main5_con .departments_slide .txt_box{position: absolute;bottom: var(--space-40);left: var(--space-40);transform: translateY(var(--space-20));transition:0.5s;}
.main5_con .departments_slide a img{transition: transform 0.3s ease;}

@media (hover: hover) {
	.main5_con .departments_slide a:hover img{transform: scale(1.2);}
	.main5_con .departments_slide a:hover .cover{visibility: visible; opacity: 1;}
	.main5_con .departments_slide a:hover .cover .txt_box{transform: translateY(0);}
}

.main5_con .controller_wrap {gap: var(--space-20);justify-content: center;}
.dots.swiper-pagination-custom {position: static; width: auto;display: flex;gap: var(--space-10);align-items: center;width: auto !important;}
.dots.swiper-pagination-custom .swiper-pagination-bullet {width: var(--space-10);height: var(--space-10);background-color:rgba(129, 104, 59, 0.20);opacity: 1;margin: 0 !important;border-radius: 50%;cursor: pointer;}
.dots.swiper-pagination-custom .swiper-pagination-bullet-active {background-color: var(--brown1); width: 14px;height: 14px;}

.main6_con {position:relative;}
.main6_con .swiper-container{height: 640px;}
.main6_con .swiper-slide{background-size:cover;background-position:center; padding: var(--space-160) 0;}
.main6_con .n1{background-image:url('/assets/images/main/equip_01.png?v=2');}
.main6_con .n2{background-image:url('/assets/images/main/equip_02.png?v=2');}
.main6_con .n3{background-image:url('/assets/images/main/equip_03.png?v=2');}
.main6_con .n4{background-image:url('/assets/images/main/equip_01.png?v=2');}
.main6_con .n5{background-image:url('/assets/images/main/equip_02.png?v=2');}
.main6_con .n6{background-image:url('/assets/images/main/equip_03.png?v=2');}
.main6_con .n7{background-image:url('/assets/images/main/equip_02.png?v=2');}
.main6_con .right_box {display: flex;flex-direction: column;text-align: right;margin-right: max((100% - 1600px) / 2, 2.5%);}
.main6_con .right_box .view {display: inline-block;border-bottom: 2px solid var(--black1);}
.main6_con .txt_wrap{margin-left: max((100% - 1600px) / 2, 2.5%);position: absolute;left: 0;right: 0;z-index: 2;transform: translateY(-50%);top: 50%;width: 50%;}

.main7_con {background-image:url('/assets/images/main/tv_bg.png?v=2');background-size:cover;background-position:center;}
.main7_con .main7_wrap{display: flex;justify-content: space-between;}
.main7_con .left_box{width: 858px;height: 484px;border-radius: 40px;overflow: hidden;}
.main7_con .left_box iframe{width: 100%;height: 100%;}
.main7_con .tv_box {width: 710px;}
.main7_con .tv_box ul{display: flex;flex-wrap: wrap;gap: var(--space-20);}
.main7_con .tv_box li{width: 332px;aspect-ratio: 16 / 9;border-radius: 20px;overflow: hidden;cursor: pointer;}
.main7_con .tv_box li img{width: 100%;height: 100%;}
.main7_con .cus_container{height: 484px;overflow-y: scroll;}

.main7_con .cus_container::-webkit-scrollbar {width: 7px;}
.main7_con .cus_container::-webkit-scrollbar-button {display: none;}
.main7_con .cus_container::-webkit-scrollbar-track {background-color: #B9B9B9;border-radius: 20px;}
.main7_con .cus_container::-webkit-scrollbar-thumb {background-color: var(--brown1);border-radius: 20px;}

.main8_con {background: #101010;}
.main8_area {display: flex;}
.main8_con .txt_box{position:relative; width:25%;text-align:center;}
.main8_con .txt_box:not(:first-child):after{content:''; position:absolute; width: 2px; height: 120px; background: rgba(221, 192, 135, 0.30);transform: translate(-50%, -50%);top: 142px;left: 0;}
.main8_con .txt_box span{display: flex;align-items: center;justify-content: center;}
.main8_con .odometer.odometer-auto-theme, .odometer.odometer-theme-default{font-family: "Marcellus", serif;margin-bottom: -2px;}


/* ==========================================================================
    Footer
========================================================================== */

.foot_con{background: #1E1E1E;color:var(--white);}

.maptime_wrap{display:flex;justify-content: space-between;}

.maptime_area .time_area .txt .sub{color: #AE9D7B;font-size: 16px;}
.maptime_area .time_area .txt .tit{font-size: 60px;font-weight: 700;}
.maptime_area .time_wrap{display: flex;flex-direction: column; gap: 40px;}
.maptime_area .time_wrap > div > a{font-size: 70px;font-weight: 700;line-height: 1.4;}
.maptime_area .time_wrap .time_tit{font-size: 32px;font-weight: 700;}
.maptime_area .time_wrap .address{display: block;font-size: 18px;font-weight: 400;line-height: 1.4;}
.maptime_area .time_wrap .time_box{display: flex;}
.maptime_area .time_wrap .time_box .sub_tit{font-size: 24px;font-weight: 600;line-height: 1.4;}
.maptime_area .time_wrap .time_box .time_table{margin-top: 16px;}
.maptime_area .time_wrap .time_box .time_table > div {display: flex;align-items: center;font-size: 22px;}
.maptime_area .time_wrap .time_box > div:nth-child(2){margin-left:22px;}

.root_daum_roughmap .wrap_controllers, .root_daum_roughmap .cont{display:none;}
.root_daum_roughmap_landing{overflow: hidden;border-radius: 20px;}

.time_table .day{margin-right:5px;font-weight: 600;}
.time_table .day .w2{letter-spacing:0.64em;}
.time_table .day .w3{letter-spacing:0.43em;}
.time_table .day .w4{letter-spacing:0em;}
.time_table .day .w5{letter-spacing:0.715em;}
.time_table .day .w6{letter-spacing:0.025em;}
.time_table .hour{letter-spacing:-0.01em;text-transform:uppercase;font-size:22px;}
.time_table .rest{color: #FEF2D8;font-size: 20px;}
.map_link_area{display: flex;gap: 10px;margin-top: 60px;}
.map_link_area a{display: flex;height: 60px;padding: 8px 0; width:240px;justify-content: center;align-items: center;border-radius: 100px;background: var(--brown1);gap: 10px;font-size: 24px;font-weight: 600;transition:.5s;}
.map_link_area a:hover{color:var(--black1);}

.foot_area .foot_info{display: flex;}
.foot_area .foot_info .info{margin-left:100px;}
.foot_area .foot_info .terms_box{display: flex;font-size: 22px;font-weight: 600;gap: 5px;}
.foot_area .foot_info .info_sub:before{content:''; width:1332px; height:2px;display:block;background: rgba(210, 203, 188, 0.20);margin: 20px 0;}
.foot_area .foot_info .info_sub{font-size: 20px;font-weight: 400;line-height: 1.4;}
.foot_area .copyright{padding: 16px 0;}
.foot_area .copyright p{color: rgba(255, 255, 255, 0.60);text-align: center;font-family: Pretendard;font-size: 20px;font-weight: 500;line-height: 1.4;}



/* ==========================================================================
    Quick
========================================================================== */

#quick{position:fixed;top:50%;transform:translateY(-50%);right:5%;z-index:999;}

#quick_bar{position: fixed; z-index: 999;right: 5%;bottom: 7%;display: flex; flex-direction: column; align-items: flex-end;}
#quick_bar .go_top{cursor: pointer;}
.quick_list li{margin-bottom: 10px; display: flex; justify-content: flex-end;}
.quick_list li a{position: relative; display: flex; align-items: center; width: 50px; height: 50px; background-color: rgba(34, 34, 34, 0.8); border-radius: 30px; overflow: hidden; transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);}
.quick_list li a img{position: absolute; right: 17px; top: 50%; transform: translateY(-50%); object-fit: contain; pointer-events: none;transition: all 0.4s;}
.quick_list li a .img_box {width: 50px; height: 50px;background: transparent;border-radius: 50%;position: absolute;right: 0;top: 50%;transform: translateY(-50%);object-fit: contain;}
.quick_list li a .img_box img:first-child {opacity: 1;z-index: 2;}
.quick_list li a .img_box img:last-child {opacity: 0;z-index: 3;}
.quick_list li a:hover .img_box{background: var(--white);}
.quick_list li a:hover .img_box img:first-child {opacity: 0;}
.quick_list li a:hover .img_box img:last-child {opacity: 1;}
.quick_list li a:hover{width: 130px; background-color: var(--brown1);}
.quick_list li a:hover p{opacity: 1; max-width: 100px; transform: translateX(0);color:var(--white);}
.quick_list li a .txt3{margin-left:23px;}
.quick_list li a .txt4{margin-left:19px;}
.quick_list li a .txt5{margin-left:31px;}
.quick_list li a p{margin-top: 4px;color: #fff; font-weight: 600; font-size: 14px; white-space: nowrap; opacity: 0; max-width: 0; transition: all 0.4s ease-in-out; transform: translateX(-10px);}










@media all and (max-width:1600px){

.row_con{width:95%;}
.row_con_1384{width:95%;}
.main1_con .controller_wrap {left: var(--space-30);}




/* ==========================================================================
    Footer
========================================================================== */

.maptime_wrap {flex-direction: column;align-items: center;}
.maptime_area .time_area {margin-top: 40px;text-align: center;}
.map_link_area {justify-content: center;}

.foot_area .foot_info {flex-direction: column;align-items: center;}
.foot_area .foot_info .info {margin-left: 0;}
.foot_area .foot_info .terms_box {justify-content: center;margin-top: 30px;}
.foot_area .foot_info .info_sub {text-align: center;}
.foot_area .foot_info .info_sub:before {width: 100%;}



}


@media all and (max-width:1600px){



.gnb .dep1{gap: 15px;}
.gnb .dep1 > li {font-size: 14px;}

.main2_con .doctor_item .img_box {width: 50%;}
.main7_con .left_box {width: 50%;}
.main7_con .tv_box {width: 49%;}
.main7_con .tv_box li {width: 48%;}

}


@media all and (max-width:1440px){

.only_1440{display:block;}

.gnb .dep1{gap: 15px;}
.gnb .dep1 > li {font-size: 14px;}



.main4_con .img_box {bottom: 0;width: 41vw;}
.main4_con .n3 .img_box {bottom: 0;width: 60vw;}

.main7_con .main7_wrap {flex-direction: column;}
.main7_con .cus_container {height: 30vw;}
.main7_con .left_box{aspect-ratio: 16 / 9; width:100%;height: auto;}
.main7_con .tv_box {width: 100%;margin-top: var(--space-40);}
.main7_con .tv_box li {aspect-ratio: 16 / 9;height: auto;}

}




@media all and (max-width:1024px){


.only_tablet{display:block !important;}
.only_pc{display:none;}
.only_m_t{display:block;}

body.no_scroll {overflow: hidden;touch-action: none;height: 100vh;}

.logo{float:none;text-align:center;padding-right:0;display:inline-block;padding: 20px 0;grid-area:1 / 2;margin-right:0;}
.logo a {display: inline-block;text-align: center;}

header{display:block;position:sticky;top:0;z-index:99999;width:100%;}
.header_con{height:110px;position:relative; }
.menu_btn,.tel_btn,.head_logo{display:block;}
header .gnb_box{width:100%;height:110px;display:grid;grid-template-columns:110px 1fr 110px;grid-template-rows:110px; }
.gnb{position:absolute;top:100%;left:0;right:0;background:#fff;width:100%;overflow-y:auto;height:calc(var(--vh, 1vh) * 100 - 110px);max-height:0;color:#181818;z-index:999999;transition:max-height .3s ease-out;display:block;overscroll-behavior: none;}
header.close nav.gnb{max-height:calc(var(--vh, 1vh) * 100 - 110px);padding-bottom:120px;}
@supports (height: 100dvh){
    .gnb{ height:calc(100dvh - 110px); }
    header.close nav.gnb{ max-height:calc(100dvh - 110px); padding-bottom:120px; }
}

.gnb_con{width:95%;margin:0 auto;height:110px;position:relative;}
.gnb .dep1{display:revert;padding:0;width:100%;height:auto;position:relative;z-index:2;}
.gnb .dep1 li{float:none;width:100%;border-bottom:1px solid #e5e5e5;font-size:16px;background:#fff;padding:0;line-height:0;}
.gnb li a{display:block;text-align:left;line-height:45px;padding:0 20px;}
.gnb li a br{display:none;}
.gnb .dep1 > li:active> a{font-weight:--weight-sb;}
.gnb .dep1 > li > a{line-height:55px;border-right:none;position:relative;font-family: 'notokr-bold';}
.gnb .dep1 > li > a:after{content:'';position:absolute;right:20px;top:50%;transform:translateY(-50%) rotate(-90deg);transition:transform .3s;background:url('/common/images/main/gnb_arrow.png') no-repeat center;background-size:contain;width:3vw;height:1vw;}
.gnb .dep1 > li.on > a:after{transform:translateY(-50%) rotate(0);}
.gnb .dep1 > li.on > a{border-bottom:1px solid var(--point_bg4);font-weight: 600;color:#000;}
.gnb .dep1 > li:hover .dep2:before{display:none;}


.gnb .dep2{position:relative;padding:0;z-index:10;top:0;width:auto;background:#fff;opacity:1;visibility:visible;height:0;transition:none;overflow:hidden;}
.gnb .dep2 li{margin-bottom:0;}
.gnb .dep2_list li{background:#f5f5f5;line-height:0;}
.gnb .dep2 li a{color: var(--black);}
.gnb .dep2 li a::after{displaY:none;}
.gnb .dep2 li:focus-within a{color:var(--brown1);font-weight:--weight-sb;}

.head_logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.head_logo img{width:23vw;}

.site_list{margin-left:0;text-align:center;displaY:flex;}
.site_list a{width:50%;background-color:var(--point_bg4);margin-right:0;border:1px solid #fff;font-family: 'notokr-bold';color:#000;}

.mobile_event_btn{display:block;}
.mobile_event_btn ul{display:flex;align-items:center;}
.mobile_event_btn ul li{width:100%;text-align:center;font-size:20px;}
.mobile_event_btn ul li a{text-align:center;padding:0;displaY:flex;align-items:center;justify-content:center;line-height:0;height:60px;}
.mobile_event_btn ul li a img{display:inline-block;margin-right:8px;}
.mobile_event_btn.kakao ul li{background-color:#FD0;color:var(--black1);}
.mobile_event_btn.login ul li{background-color:var(--white);color:var(--black1);border-bottom:1px solid #e5e5e5;}
.mobile_event_btn.login ul li:first-child{border-right:1px solid #e5e5e5;}

.dep1 li .arrow{margin-left:20px;transition:transform 330ms ease-out;position:absolute;right:20px;top:50%;transform:translateY(-50%);line-height:1;}
.dep1 li.on .arrow{transform: rotate(180deg) translateY(20%);}

.m_icon{display:block;}
.toggle_btn.mobile span{background-color:var(--black1);}
.toggle_btn{position:relative;display:block;height:18px;width:25px;}
.toggle_btn span{display:block;width:18px;height:2px;background-color:#fff;position:relative;left:0;top:0;transition:all .2s;}
.toggle_btn span:nth-child(2){top:5px;width:25px;}
.toggle_btn span:nth-child(3){top:11px;}
.toggle_btn.mobile{display:block;position:absolute;left:5%;top: 50%;z-index: 10;transform: translateY(-50%);}
header.on .toggle_btn span{transition:all .2s;background-color:#222;}
header.close .toggle_btn span:nth-child(1){width:25px;top:9px;left:-4px;transform:rotate(45deg);}
header.close .toggle_btn span:nth-child(2){display:none;}
header.close .toggle_btn span:nth-child(3){transform-origin:left bottom;width:25px;top:16px;transform:rotate(-45deg);}
.tel_btn{display:block;position:absolute;right:5%;top: 50%;z-index: 10;transform: translateY(-50%);}
.tel_btn img{width:2vw;}


.controller_wrap {justify-content: center;}
.controller_wrap .progress_bar {width: 45vw;}


.main1_con .main1_area {height: 74vh;}
.main1_con .mv_slide .swiper-slide .txt_box {transform: translateY(-50%);}
.main1_con .mv_slide .swiper-slide.n1 .txt_box, .main1_con .mv_slide .swiper-slide.n2 .txt_box, .main1_con .mv_slide .swiper-slide.n3 .txt_box {top: 50%;}
.main1_con .controller_wrap {bottom: var(--space-70);}

.main2_con .doctor_item a {flex-direction: column-reverse;}
.main2_con .doctor_item:nth-child(even) a {flex-direction: column-reverse;}
.main2_con .doctor_item .img_box {width: 80%;}
.main2_con .txt_box{margin-top:var(--space-50);text-align: center;}
.main2_con .doctor_item:nth-child(even) .txt_box {text-align: center;}

.main3_con .tit_box {text-align: center;}
.main3_con h3 {justify-content: center;}

.main6_con .controller_wrap .progress_bar {width: 30vw;}


.dots.swiper-pagination-custom .swiper-pagination-bullet {width: var(--space-20);height: var(--space-20);}
.dots.swiper-pagination-custom .cover {visibility: visible; opacity: 1;}
.dots.swiper-pagination-custom .txt_box {bottom: var(--space-60);}

.main5_con .departments_slide .txt_box {transform: translateY(0);}
.main5_con .departments_slide .cover {visibility: visible;opacity: 1;}


/* .main6_con 단락*/

.main7_con .txt_box{text-align: center;}

.main8_area {flex-wrap: wrap;}
.main8_con .txt_box {width: 50%;}
.main8_con .txt_box:nth-child(n+3) {margin-top:var(--space-80);}
.main8_con .txt_box:nth-child(odd):after {display:none;}
.main8_con .txt_box:not(:first-child):after {top: 13vw;}






/* ==========================================================================
    Footer
========================================================================== */
.foot_area .foot_info .info_sub{font-size: clamp(0.89rem, calc(0.788rem + 0.568vw), 1.11rem);}


.maptime_area .time_area .txt .tit {font-size: clamp(1.67rem, calc(0.909rem + 4.261vw), 3.33rem);}
.maptime_area .time_wrap .time_tit {font-size: clamp(1.39rem, calc(1.212rem + 0.994vw), 1.78rem);}
.maptime_area .time_wrap > div > a {font-size: clamp(2.22rem, calc(1.465rem + 4.261vw), 3.89rem);}
.maptime_area .time_wrap .address{font-size: clamp(0.89rem, calc(0.838rem + 0.284vw), 1.00rem);}
.maptime_area .time_wrap .time_box .sub_tit{font-size: clamp(0.89rem, calc(0.687rem + 1.136vw), 1.33rem);}
.maptime_area .time_wrap .time_box {flex-direction: column;}
.maptime_area .time_wrap .time_box > div:nth-child(2) {margin-left: 0;margin-top:20px;}
.maptime_area .time_wrap .time_box .time_table > div, .time_table .hour{font-size: clamp(0.89rem, calc(0.737rem + 0.852vw), 1.22rem);justify-content: center;}
.time_table .rest{font-size: clamp(0.89rem, calc(0.788rem + 0.568vw), 1.11rem);}

.maptime_area .root_daum_roughmap{width:100% !important;height:100% !important;}
.maptime_area .map_box .root_daum_roughmap .wrap_map {height: 100% !important;}
.maptime_area .map_box{width: 80%;}
.maptime_area .map_box #map{height:70vw;margin:0 auto;width:100%;}


.map_link_area a{font-size: clamp(0.89rem, calc(0.687rem + 1.136vw), 1.33rem);}

.foot_area .foot_info .terms_box{font-size: clamp(0.89rem, calc(0.737rem + 0.852vw), 1.22rem);}
.foot_area .copyright p{font-size: clamp(0.89rem, calc(0.788rem + 0.568vw), 1.11rem);}


}


@media all and (max-width:640px){

body{font-size:3vw;}
.con1200{width:95%;}
.only_m{display:block !important;}
.only_m_t{display:block !important;}
.only_pc{display:none !important;}
.only_tablet{display:none !important;}
.only_pc_t{display:none !important;}

.main_banner {height: 11vw;font-size: 3.5vw;}
.main_banner .banner_wrap .member_wrap {display:none;}

.header_con{height:12vw;}
.gnb_box{height:12vw;width:90%;}
header .gnb_box{height:12vw;grid-template-columns: 12vw 1fr 12vw;grid-template-rows: 12vw;}
/* header{top: 9vw;} */
.gnb{height:calc(var(--vh, 1vh) * 100 - 12vw);}
.gnb_con .close{margin-left:1rem;}
.logo{padding: 0;/* position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%); */}
.gnb li a{padding:0 4vw;line-height:12vw;}
.gnb .dep1 li{font-size:3.5vw;}
.gnb .dep2 li a{font-size:3.2vw;}
.gnb .dep1 > li > a{line-height:13vw;}

.header_con .logo img{width:27vw;}
.foot_con h1 img{width:22vw;}

.toggle_btn{height:3vw;width:4vw;}
.toggle_btn span{width:5vw;}
.toggle_btn span:nth-child(2){top:1vw;width:6vw;}
.toggle_btn span:nth-child(3){top:2vw;}
header.close .toggle_btn span:nth-child(1){width:6vw;top:1.3vw;left:-1vw;}
header.close .toggle_btn span:nth-child(3){width:6vw;top:3vw;}
.tel_btn img{width:4vw;}

header.close nav.gnb{
    max-height:calc(var(--vh, 1vh) * 100 - 12vw);
    padding-bottom: 25vw;
}

@supports (height: 100dvh){
    .gnb{ height:calc(100dvh - 12vw); }
    header.close nav.gnb{ max-height:calc(100dvh - 12vw); padding-bottom: 25vw; }
}

.mobile_event_btn ul li{font-size: 3.5vw;}
.mobile_event_btn ul li a{height:13vw;}

/* ==========================================================================
    Main
========================================================================== */



.main1_con .main1_area {height: calc(100svh - 23vw);}
/* .main1_con .mv_slide .swiper-slide.n1 .bg_video{object-position: 25% center;} */
.main1_con .mv_slide .swiper-slide.n2 {background-position:68%;}
.main1_con .mv_slide .swiper-slide.n3 {background-position:68%;}
.main1_con .controller_wrap {top: 50%;transform: translateY(-50%);margin-top: 107px;height: auto;}
.main1_con .controller_wrap .progress_bar {width: auto;height: 4px;}
.main1_con .controller_wrap .page_info {margin: 0;}
.main1_con .controller_wrap .page_info span {width: 27px;}
.main1_con .controller_wrap .page_info .swiper-pagination-bullet.custom-bullet {width: 39.66px;}


.main4_con .txt_box .right_box{margin-top: var(--space-400);}
.main4_con .swiper-wrapper .img_box {top: 50%;transform: translate(-50%, -50%);}
.main4_con .swiper-wrapper .img_box {top: 335px;width: 55vw;}
.main4_con .swiper-wrapper .n3 .img_box {top: 350px;width: 55vw;}

.main6_con .swiper-container{height: 100vh;}
.main6_con .n1 {background-image: url('/assets/images/main/equip_01_m.png?v=2');}
.main6_con .n2 {background-image: url('/assets/images/main/equip_02_m.png?v=2');}
.main6_con .n3 {background-image: url('/assets/images/main/equip_03_m.png?v=2');}
.main6_con .right_box {margin-right:0;text-align: center;}
.main6_con .txt_wrap {margin-left: 0;top: 0;width: auto;margin-top: var(--space-550);}
.main6_con .controller_wrap {height: auto;}
.main6_con .controller_wrap .progress_bar {width: auto;height: 4px;}
.main6_con .controller_wrap .page_info {margin: 0;}
.main6_con .controller_wrap .page_info span {width: 27px;}
.main6_con .controller_wrap .page_info .swiper-pagination-bullet.custom-bullet {width: 39.66px;}


.main7_con .left_box {border-radius: 20px;}

.main8_area {flex-direction: column;}
.main8_con .txt_box {width: 100%;text-align: left;padding-left: 10vw;border-left: 2px solid rgba(221, 192, 135, 0.30);margin-left: 5vw;}
.main8_con .txt_box span {justify-content: start;}
.main8_con .txt_box:not(:first-child){margin-top: var(--space-80);}
.main8_con .txt_box:after {display:none;}


/* ==========================================================================
    Footer
========================================================================== */

.maptime_area .time_area {margin-top: 6vw;}
.maptime_area .time_wrap {gap: 6vw;}
.maptime_area .time_wrap .time_box .time_table {margin-top: 2vw;}
.maptime_area .time_wrap .time_box > div:nth-child(2) {margin-top: 4vw;}
.map_link_area {margin-top: 8vw;gap: 2vw;}
.map_link_area a {height: 11vw;padding: 1vw 0;width: 42vw;gap: 1vw;}
.map_link_area img{width: 4vw;}

.logo_footer img{width:30vw;}

.foot_area .foot_info .terms_box {margin-top: 5vw;gap: 2px;}
.foot_area .foot_info .info_sub:before {margin: 4vw 0;}

/* ==========================================================================
    Quick
========================================================================== */

.quick_pc{display:none !important;}
#quick_m{display:block;position:fixed;bottom:0;left:0;right:0;z-index:1000;}
#quick_m ul li{width:20%;}

#quick_m ul li a{display:block;}
#quick_m .quick_m_list{display: flex;background: #fff;border-radius: 6vw 6vw 0 0;}
#quick_m .quick_m_list li{position: relative;}
#quick_m .quick_m_list .call a{height:100%;width:100%;}
#quick_m .quick_m_list .call img{position: absolute;width: 17vw;top: -2vw;left: 50%;transform: translateX(-50%);}
#quick_m .quick_m_list li a{text-align: center;padding: 5vw 0px;}
#quick_m .quick_m_list li a p{margin-top: 2vw;font-size: 3vw;color:#333;}
#quick_m .quick_m_list li a img{width:5.2vw;margin: 0 auto;}
#quick_m .go_top{position:fixed;bottom:26vw;right:5%;width:10vw;height:10vw;border-radius: 50%;}



}




@media all and (max-width:480px){



}