/*---------------------------------------------------------- COMMON -------------------------------------------------------*/ html { /* Prevent font scaling in landscape */ -webkit-text-size-adjust: none; /*Chrome, Safari, newer versions of Opera*/ -moz-text-size-adjust: none; /*Firefox*/ -ms-text-size-adjust: none; /*Ie*/ -o-text-size-adjust: none; /*old versions of Opera*/ } /*---------------------------------------------------------- HEADER -------------------------------------------------------*/ #basic_header{position:relative;top:0;left:0;right:0;text-align:center;z-index:9999;background:#fff;font-family: 'Pretendard Variable', sans-serif;} #basic_header .header_top{border-bottom:1px solid #e5e5e5;padding:23px 0;} /*#basic_header .header_top > div{display:flex;justify-content:space-between;align-items:flex-end;}*/ #basic_header .header_top li{float:left;text-transform:uppercase;font-weight:400;color:#929292;} #basic_header .header_top li:nth-child(2n){margin:0 20px;} #basic_header .header_top li:not(:nth-child(2n)):hover{color:#415994;} #basic_header .header_top .site_list{position:absolute;left:0;bottom:0;} #basic_header .header_top .site_list li{font-size:16px;} #basic_header .header_top .member_con{position:absolute;right:0;bottom:0;} #basic_header .header_top .member_con li{font-size:14px;} #basic_header .header_top .review_con{position:absolute;/*left:0;*/bottom:0;left:50%;margin-left:-377px;} #basic_header .gnb_con{position:relative;width: 100%;background: #fff;} #basic_header .gnb_con:after{content:'';width:100%;height:1px;background:#e5e5e5;position:absolute;top:60px;left:0;right:0;} #basic_header .gnb_con .all_menu_btn{position:absolute;/*top:50%;transform:translateY(-50%);*/left:0;top:20px;} @media (hover: hover) { #basic_header .gnb_con:hover{background-color:#415994;color:#fff;} #basic_header .gnb_con:hover #basic_gnb .dep1 > li{color:#fff;} #basic_gnb .dep1 > li:hover{color:#415994;position:relative;} } #basic_gnb{padding-left:26px;} #basic_gnb .dep1{display:flex;justify-content:space-between;} #basic_gnb .dep1 > li{width:16.666%;color:#000;position:relative;} #basic_gnb .dep1 > li > a{font-size:18px;font-weight:500;line-height:60px;position:relative;display:block;} #basic_gnb .dep1 > li > a:after{content:'';display:block;position:absolute;width:130px;height:3px; background:linear-gradient(to right,#fff,#fff);bottom:0;left:50%;transform:translateX(-50%);width:0;transition:width .3s;} #basic_gnb .dep1 > li:hover > a:after{width:130px;} #basic_gnb .dep2{display:none;padding:30px 0;position:absolute;top:61px;left:0;width:100%;background:#415994;z-index:10;} #basic_gnb .dep2 li:not(:first-child){margin-top:20px;} #basic_gnb .dep2 li{font-weight:400;font-size:16px;color:#181818;} #basic_gnb .dep2 > li{color:#fff;} #basic_gnb .dep2 > li:hover{font-weight:600;} #basic_header .dep2_bg{background:#415994;position:absolute;top:60px;left:0;right:0;height:420px;display:none;} #basic_header .gnb_con.active {position: fixed;top: 0;left: 0;right: 0;z-index: 1000;} .all_menu_wrap{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:99999;background:rgba(0,0,0,.7);} .all_menu_con{width:1200px;height:600px;background:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:0 20px;} .all_menu_close{position:absolute;z-index:10;top:10px;right:10px;} .all_menu_top{text-align: center;margin: 35px 0;} .all_menu_gnb .dep1{display:flex;justify-content:space-between;} .all_menu_gnb .dep1 > li{position:relative;width:16.666%;} .all_menu_gnb .dep1 > li > a{font-family: 'Pretendard Variable', sans-serif;font-weight:500;font-size:20px;color:#415994;} .all_menu_gnb .dep1 > li > a:after{content:'';width:128px;height:3px; background: linear-gradient(to right, #8193be, #415994);display:block;left:50%;transform:translateX(-50%);margin:20px 0 30px;position:relative;} .all_menu_gnb .dep2 li{font-size:16px;} .all_menu_gnb .dep2 li:not(:last-child){margin-bottom:20px;} .all_menu_gnb .dep2 li:hover{color:#415994;} #quick{position:fixed;top:56%;transform:translateY(-50%);right:5%;z-index:1000;} /*---------------------------------------------------------- MAIN_CON -------------------------------------------------------*/ .sc_video{position: relative;background:#ccc;} .sc_video .main_visual_txt{position:absolute;bottom:300px;left:50%;z-index:5;} /* .sc_video .main_visual_txt h3{font-size:40px;color:#fff;text-shadow: -2px 0px #415994, 0px 2px #415994, 2px 0px #415994, 0px -2px #415994;} */ /* .sc_video .main_visual_txt .num{font-family: 'Montserrat', sans-serif;font-weight:700;font-size:80px;color:#415994;letter-spacing:-0.08em;text-shadow: -2px 0px #fff, 0px 2px #fff, 2px 0px #fff, 0px -2px #fff;} */ /* .sc_video .main_visual_txt h3{ font-size:40px;color:#fff;text-shadow: calc(3px * 1) 0 0 #415994,calc(3px * 0.9239) calc(3px * 0.3827) 0 #415994,calc(3px * 0.7071) calc(3px * 0.7071) 0 #415994,calc(3px * 0.3827) calc(3px * 0.9239) 0 #415994, 0 calc(3px * 1) 0 #415994,calc(3px * -0.3827) calc(3px * 0.9239) 0 #415994,calc(3px * -0.7071) calc(3px * 0.7071) 0 #415994,calc(3px * -0.9239) calc(3px * 0.3827) 0 #415994,calc(3px * -1) 0 0 #415994, calc(3px * -0.9239) calc(3px * -0.3827) 0 #415994,calc(3px * -0.7071) calc(3px * -0.7071) 0 #415994,calc(3px * -0.3827) calc(3px * -0.9239) 0 #415994,0 calc(3px * -1) 0 #415994,calc(3px * 0.3827) calc(3px * -0.9239) 0 #415994, calc(3px * 0.7071) calc(3px * -0.7071) 0 #415994,calc(3px * 0.9239) calc(3px * -0.3827) 0 #415994; } */ /* .sc_video .main_visual_txt .num{font-family: 'Montserrat', sans-serif;font-weight:700;font-size:80px;color:#415994;letter-spacing:-0.08em; text-shadow: calc(3px * 1) 0 0 #fff,calc(3px * 0.9239) calc(3px * 0.3827) 0 #fff,calc(3px * 0.7071) calc(3px * 0.7071) 0 #fff,calc(3px * 0.3827) calc(3px * 0.9239) 0 #fff, 0 calc(3px * 1) 0 #fff,calc(3px * -0.3827) calc(3px * 0.9239) 0 #fff,calc(3px * -0.7071) calc(3px * 0.7071) 0 #fff,calc(3px * -0.9239) calc(3px * 0.3827) 0 #fff,calc(3px * -1) 0 0 #fff, calc(3px * -0.9239) calc(3px * -0.3827) 0 #fff,calc(3px * -0.7071) calc(3px * -0.7071) 0 #fff,calc(3px * -0.3827) calc(3px * -0.9239) 0 #fff,0 calc(3px * -1) 0 #fff,calc(3px * 0.3827) calc(3px * -0.9239) 0 #fff, calc(3px * 0.7071) calc(3px * -0.7071) 0 #fff,calc(3px * 0.9239) calc(3px * -0.3827) 0 #fff;} */ .main_visual_txt_wrap{display:flex; align-items: baseline;} .sc_video .main_visual_txt h3{font-size:40px;color:#fff;position: relative;margin-right:10px;} .sc_video .main_visual_txt h3 span.back_txt{position: absolute;left: 0px;top: 0;-webkit-text-stroke: 4px #415994;z-index: -1;} .sc_video .main_visual_txt .num{font-family: 'Montserrat', sans-serif;font-weight:700;font-size:80px;color:#415994;letter-spacing:-0.08em;position: relative;} .sc_video .main_visual_txt .num .back_txt{position: absolute;left: 0px;top: 0;-webkit-text-stroke: 4px #fff;z-index: -1;letter-spacing:-0.08em;} .main_tab_area {position: absolute;width: 1300px;left: 50%;;bottom: 80px;transform: translateX(-50%);box-shadow: 1px 2px 10px #181818;border-radius: 15px;} .main_tab_area .main_tab_list{display: flex;border-radius: 20px;} .main_tab_area .main_tab_list li{width: 12.5%; text-align:center;height: 100px;background:#fff;} .main_tab_area .main_tab_list li:hover{background:#08a3a3;color:#fff;} .main_tab_area .main_tab_list li:hover img{filter: brightness(0) invert(1);} .main_tab_area .main_tab_list li:not(:last-child) {border-right:2px solid #c9c9c9;} .main_tab_area .main_tab_list li:nth-child(1) {border-radius: 15px 0px 0px 15px;} .main_tab_area .main_tab_list li:nth-child(8) {border-radius: 0 15px 15px 0;} .main_tab_area .main_tab_list a{display: flex;align-items: center;flex-direction: column;height: 100%;justify-content: end;padding-bottom: 15px;} .main_tab_area .main_tab_list .img_box{margin-bottom: 7px;} .semi_bold{font-family: 'Pretendard Variable', sans-serif;font-weight:600;} .visual-sec{position: relative;margin-top:-3px;} .visual-sec .title_area{height:700px;display: block; position: relative;overflow: hidden;} .visual-sec .title_area img{width: 100%;height: 100%;object-fit: cover;} .visual-sec .swiper-slide-active .title_area img{transition: 5s;transform: scale(1.1);} .visual-sec .tit {width: 810px;top: 40%;left: 50%;transform: translate(-50%, -50%);position: absolute;z-index: 2;overflow: hidden;text-align: left;margin-left: -212px;} .visual-sec .tit p {transform: translateY(200%);transition: 1s;overflow: hidden;font-size: 16px;line-height: 20px;font-family: 'Roboto', sans-serif;letter-spacing: 0.2em;text-transform: uppercase; display: inline-block;} .visual-sec .tit p span{letter-spacing: 0.2em;font-weight: 700;} .visual-sec .swiper-slide-active .title_area p {transform: translateY(0);} .visual-sec .tit h2 {transform: translateY(200%);transition: 2s;overflow: hidden;margin: 20px 0;font-size: 60px;line-height: 70px;font-family: 'Pretendard Variable', sans-serif;} .visual-sec .swiper-slide-active .title_area h3 {transform: translateY(0);} .visual-sec .tit.tit_n1 h2{font-family: 'Pretendard Variable', sans-serif;font-weight:300;color:#415994;} .visual-sec .tit.tit_n1 h3{color:#415994;} .visual-sec .tit.tit_n1 h3 em.stoke1{color:#181818;} .visual-sec .tit h3 {transform: translateY(-100%); transition: 1s;overflow: hidden;font-size: 20px;line-height: 28px;font-weight:300} .visual-sec .tit h3 em{font-style:normal;font-weight:500;} .visual-sec .swiper-slide-active .title_area h2 {transform: translateY(0);} .visual-sec .tit .hide-el {overflow: hidden;} .visual-sec .all-box {position: absolute;width: 211px;height: 50px;left: 50%;margin-left: -510px;bottom: 117px;box-sizing: border-box;transform: translate(-50%, -50%);z-index: 20;} .visual-sec .progress-box {position: relative;z-index: 11;} .autoplay-progress {left: 0px;top: 2px;z-index: 10;width: 210px;height: 5px;background-color: #afbde2;position:relative;} .autoplay-progress .line {z-index: 10;display:inline-block;width:0%;height:100%;background:#415994;position:absolute;top:0;left:0;} .animation { animation:5s start linear;} @keyframes start { 0% { width:0% } 100% { width:100% } } .visual-sec .swiper-pagination { display: flex; color: #fff; justify-content: space-evenly; position: relative; text-align: left; width: 143px; left: 33px; bottom: -26px; } .visual-sec .swiper-pagination span{color:#415994;} .visual-sec .swiper-pagination span.current{color:#afbde2;} .visual-sec .arrow-box { width: 227px; position: relative; top: 10px; left: -9px; } .visual-sec .swiper-button-next, .visual-sec .swiper-button-prev { width: 8px; height: 11px; top: 0; margin-top: 0; background: url('/common/images/main/main_prev.png?v=2') no-repeat center / 100%; text-indent:-999em; } .visual-sec .swiper-button-next { background-image: url('/common/images/main/main_next.png?v=2'); } .visual-sec .swiper-button-next::after, .visual-sec .swiper-button-prev::after { font-size: 0; } .sc_oneday .tit{text-align: center;} .sc_oneday .tit span.top_span{font-family: 'Roboto', sans-serif;font-weight:700;letter-spacing: 0.2em;font-sizE:16px;margin-bottom:15px;display:block;} .sc_oneday .tit h2{font-weight:300;font-size:60px; line-height:70px;margin-bottom: 20px;} .sc_oneday .tit .txt_box{font-size:20px; line-height:80px;} .sc_oneday .tit .txt_box span{font-weight:600;} .sc_oneday .tit .txt_box:before{content:''; width:20px; height:1px; display:block; margin:35px auto 0px;background-color:#181818;} .intro_area {margin-top:80px;} .intro_area .intro_item{height: 300px;padding: 70px 70px 0;color:#fff;} .intro_area .intro_item:not(:first-child){margin-top:40px;} .intro_area .intro_item:nth-child(1){background:url('/common/images/main/sc_3_1.png?v=2') center/cover no-repeat;} .intro_area .intro_item:nth-child(2){background:url('/common/images/main/sc_3_2.png?v=2') center/cover no-repeat;} .intro_area .intro_item:nth-child(3){background:url('/common/images/main/sc_3_3.png?v=2') center/cover no-repeat;} .intro_area .intro_item .txt_box p{font-size: 45px;line-height: 70px;} .intro_area .intro_item .txt_box span{display:block;margin-top:10px;} .intro_area .intro_item .txt_box span em{font-weight:500;} @media (hover: hover) { .intro_area .link_item:hover a{background-color:#fff;color:#6279b1;font-weight:600;} } .intro_area .link_list{margin-top: 45px;display: flex;} .intro_area .link_item{margin-right: 43px;} .intro_area .link_item:last-child{margin-right: 0px;} /* .intro_area .link_item a:after{content: '';display:inline-block;width: 7px;height: 13px;background-image: url('/common/images/main/sc_3_arrow.png');background-size: cover;background-position: center; margin-left: 41px;transition:.5s;} */ .intro_area .link_item a{transition:.5s;display:block;padding:10px 20px;border-radius:40px;border:1px solid #fff;} .intro_area .intro_item.reverse .txt_box{text-align: right;} .intro_area .intro_item.reverse .link_list{justify-content: end;} .sc_clinic{background:url('/common/images/main/sc_4_bg.png') center/cover no-repeat;position: relative;} .sc_clinic .tit{display: inline-block;position: absolute;top: 110px;} .sc_clinic .tit h2{font-size:50px; line-height:60px;font-weight:300;} .sc_clinic .tit h2 span{font-family: 'Pretendard Variable', sans-serif;font-weight:600;} .sc_clinic .tit .desc_txt:before{content:''; display:block;height: 1px;width: 23px;background: #181818;margin:15px 0;} .clinic_area{position:relative;} .sc_clinic .slick-list{width: 1225px;left: 50%;margin-left: -277px;} .sc_clinic .slick-slide{margin:0 7px;} .sc_clinic .slick-slide .img_box{width:320px; height:600px;} .sc_clinic .slick-slide .img_box img{width:100%; height:100%;} .sc_clinic .control_box{position: absolute;left: 50%;margin-left: -652px;bottom: 11px;display: flex;z-index: 2;} .sc_clinic .control_box .slick-arrow{display:block;width:41px;height:41px;background-size:cover;background-position:center;background-repeat:no-repeat;border:none;background-color:transparent;text-indent:-999em;} .sc_clinic .control_box .prev.slick-arrow{background-image:url('/common/images/main/sc_4_prev.png?v=2');} .sc_clinic .control_box .next.slick-arrow{background-image:url('/common/images/main/sc_4_next.png?v=2');} .sc_clinic a{overflow:hidden; position:relative;box-shadow: 0px 0px 10px #ccc;} .sc_clinic .clinic_slider .od .cover{background-color:#354c86;} .sc_clinic .clinic_slider .ev .cover{background-color:#6279b1;} .sc_clinic a .cover{width:100%;transition:all .3s;position: absolute;bottom: -80px;} .sc_clinic a:hover .cover{bottom: 0;} .sc_clinic .slick-slide a .img_box img{transition:all .3s;} .sc_clinic .slick-slide a:hover .img_box img{transform: scale(1.1);} .sc_clinic .arrow_box_wrap{position: absolute; left: 50%;bottom: -46px;margin-left: -69px;} .sc_clinic .title{position:relative;padding:30px 0 0 40px;height: 150px;} .sc_clinic .title:before{content: '';display:inline-block;width: 3px;height: 88px;background :#fff;position:absolute;left: 24px;} .sc_clinic .title h4{font-size:25px; font-weight:600;color:#fff;} .sc_clinic .title p{margin-top:13px;font-size:18px;line-height:26px;color:#fff;} .sc_comment{background:url('/common/images/main/sc_5_bg.png?v=3') center/cover no-repeat;position: relative;} .sc_comment .row_con{display: flex;justify-content: left;} .sc_comment .tit_box{font-size: 60px;line-height: 70px;font-weight: 300;text-align: left; color: #fff;} .sc_comment .tit_box p{font-sizE:18px;line-height:28px;margin:25px 0;} .sc_comment .tit_box .link{padding: 9px 25px;color: #fff;border: 1px solid #fff;border-radius: 50px;font-size: 20px;font-family: 'Pretendard Variable', sans-serif;transition:all .5s;} /* .sc_comment .tit_box .link:hover{background:#fff; color:#fff;} */ .tit_box .clinic_banner{font-size: 16px;line-height: 20px;font-family: 'Roboto', sans-serif;letter-spacing: 0.2em;text-transform: uppercase;display: inline-block;padding: 8px 20px;background-color:#354c86;} .tit_box .clinic_banner b{letter-spacing: 0.2em;} .tit_box .tit_txt{margin-top: 10px;font-size: 60px;line-height: 70px;letter-spacing: 0.1em;font-family: 'Roboto', sans-serif;font-weight:700;} .sc_info .slide_box{margin-top: 60px;} .sc_info .info-slider{display: flex;justify-content: space-between;} .sc_info .info-slider a{box-shadow: 0px 0px 10px #ccc;border-radius: 30px;} .sc_board{background:url('/common/images/main/sc_7_bg.png') center/cover no-repeat;position: relative;} .sc_board .tit_box {text-align: left;} .sc_board .board_list{margin-top:40px;} .sc_board .board_list .board_item{font-size: 18px;display: flex; justify-content: space-between;padding: 20px 10px;border-bottom:2px solid #bbbbbb;color:#828282;} .sc_board .board_list .board_item:nth-child(1){border-top:2px solid #181818; border-bottom:2px solid #bbbbbb;background:#d6e5e5;color:#181818;} .sc_board .board_list .board_item .date{margin-left:1em;} .sc_board .board_list .board_item .tit{display: -webkit-box; word-wrap: break-word; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;text-overflow: ellipsis; height: 17px;} .sc_board .board_list .board_item:last-child{border-bottom: 2px solid #181818;} .sc_board .all_btn{position: absolute;right: 0;top: 111px;border: 1px solid #354c86;border-radius: 50px;font-size: 18px;color:#354c86;transition:all .5s;padding: 6px 20px;} .sc_board .all_btn:hover{background:#354c86; color:#fff;} .root_daum_roughmap .wrap_controllers{display:none !important;} .sc_map .guide_con{display: flex;justify-content: space-between;margin-top: 55px;} .sc_map h2{position:relative;font-size: 50px;font-family: 'Roboto';letter-spacing: 0em;text-transform: uppercase;} .sc_map h2:after{position:absolute;content: '';display:inline-block;width: 530px;height: 1px;background: #181818;right: 0;top: 23px;} .sc_map h2 b{letter-spacing: 0em;} .sc_map h2 .blue1{letter-spacing: 0em;} .sc_map .map_tit{font-size: 35px;font-weight: 600;margin-bottom: 20px;} .sc_map .tel a{display:block;} .sc_map .tel .call{margin-bottom: 17px;font-family: 'Roboto';font-weight: 900;font-size: 50px;letter-spacing: 0em;} .sc_map .map_link{width: 182px; height: 52px;display: inline-block;font-size: 18px;text-align: center;line-height: 52px;transition:all .5s;color: #fff;background: #0dc960;} .sc_map .map_link:hover{} .sc_map .map_link.kakao{margin-left: 30px;text-align: center;color: #181818;text-align: center;background: #ffcc00;} .sc_map .map_link.kakao:hover{} .sc_map .address{margin-top: 50px;} .sc_map .address_txt{display: block;font-size: 22px;line-height: 26px;} .sc_map .sub{display: flex;align-items: center;margin-top: 15px;font-size: 18px;line-height: 26px;font-weight: 600;} .sc_map .sub:before{content: '';display:inline-block;width: 20px;height: 20px;background-image: url('/common/images/main/notice_icon.png');background-size: cover;background-position: center; margin-right: 10px;} .sc_map .time_table{margin-top: 30px;} .sc_map .guide_con .time_table .day{display:inline-block;letter-spacing:0.2em;font-size: 22px;line-height: 33px;} .sc_map .guide_con .time_table .day .w2{letter-spacing: 3.9em;} .sc_map .guide_con .time_table .day .w3{letter-spacing: 1.5em;} .sc_map .guide_con .time_table .day .w4{letter-spacing:0.7em;} .sc_map .guide_con .time_table .day .w6{letter-spacing: 0.01em;} .sc_map .guide_con .time_table .hour b{letter-spacing: -0.02em;font-weight:700;} .sc_map .guide_con .time_table .hour .night{font-size:18px;displaY:inline-block;vertical-align:top;position:absolute;top: -2px;right: -96px;width:90px;} .sc_map .guide_con .time_table .hour{ position: relative;margin-left: 15px;display:inline-block;letter-spacing:0.03em;font-size: 22px;line-height:33px;} .sc_map .guide_con .time_table .rest{margin-left: 15px;display:inline-block;letter-spacing:0.03em;font-size: 22px;color:#ce5555;} .sc_map .guide_con .time_table .except{letter-spacing: 0.2em;} .sc_map .guide_con .time_table .etc p{margin-top:15px;font-size:22px;line-height:26px;} .sc_map .map_link_box {margin-top: 35px;} .item.main_map_con{width:815px;height:700px;} .sc_interview{background:#f5f5f5;text-align: center;} .sc_interview .tit h2 {font-weight: 300;font-size: 60px;line-height: 70px;margin-bottom: 20px;} .sc_interview .tit span.top_span{font-family: 'Roboto', sans-serif;font-weight: 700;letter-spacing: 0.2em;font-sizE: 16px;margin-bottom: 15px;display: block;} .sc_interview .interview_area{margin-top: 60px;} .sc_interview .interview_area .interview_list{display: flex;flex-wrap: wrap;justify-content: center; gap: 26px; margin: 0 auto;} .sc_interview .interview_area .interview_list li{width:355px;height:200px;} .sc_interview .interview_area .interview_list li img{width:100%;height:100%;} .review_m_btn{display:none;} /*---------------------------------------------------------- FOOTER -------------------------------------------------------*/ #basic_footer{background:#0a1b43;color:#b1b1b1;} #basic_footer .row_con{display:flex;} #basic_footer .logo{display:inline-block;margin:30px 80px 30px 0;} #basic_footer ul{display: flex;font-size: 22px;line-height: 26px;} #basic_footer li span{display:inline-block; margin:0 10px;} #basic_footer .txt:before{content: '';display: inline-block;width: 1155px;height: 1px;margin: 20px 0;background-color: #b1b1b1;} #basic_footer .txt{line-height:26px;} #basic_footer .bottom{color:#8b8b8b;background:#2b3859;font-size:18px;font-weight:500;text-align:center;line-height:40px;} #basic_footer .bottom p{letter-spacing: 0em;} .payment_pop{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);z-index:9999;display:none;} .payment_wrap{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1160px;height:80vh;} .payment_box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1160px;height:80vh;overflow-y:auto;} .payment_box img{width:100%;} .payment_wrap .close_pop1{width:58px;height:58px;position:absolute;z-index:10;cursor:pointer;top:0;right:-60px;} .payment_wrap .close_pop1 img{width:100%;} /*---------------------------------------------------------- media 1300 -------------------------------------------------------*/ @media all and (max-width:1300px){ .sc_video .main_visual_txt{left:40%;} #basic_gnb .dep1 > li > a{font-size:13px;} #basic_gnb .dep1 > li:hover > a:after{width:88px;} #basic_gnb .dep2 li{font-size:14px;} .all_menu_con{width: 800px;height: 520px;padding: 0px 22px;} .all_menu_top{text-align:left;margin:40px 0 55px;margin-left:0px;} .all_menu_gnb .dep1 > li > a{font-size:16px;} .all_menu_gnb .dep1 > li > a:after{width:95px;} .all_menu_gnb .dep2 li{font-size:14px;} .all_menu_gnb .dep2 li:not(:last-child){margin-bottom:20px;} .visual-sec .tit {text-align: center;margin-left: 0;} .visual-sec .all-box {margin-left: 0;} .visual-sec .title_area img{width: auto;height: auto;position: absolute;right: -204px;} .sc_video .main_visual_txt h3{font-size:35px} .sc_video .main_visual_txt .num{font-size:75px;} .intro_area .intro_item {border-radius: 30px;} .intro_area .link_item {margin-right: 30px;} .intro_area .link_item a:after{display:none;} .intro_area .intro_item:nth-child(2){background-position: 14%;} .clinic_area {width: 655px;margin: 0 auto;} .sc_clinic {display: flex;flex-direction: column;gap: 32px;} .sc_clinic .row_con{width: auto;} .sc_clinic .tit {position: static;} .sc_clinic .slick-list {width: 100%;left:0; ;z-index: 3;margin-left:0;} .sc_clinic .control_box {position: absolute;left: 50%;margin-left: 0;bottom: 46%;display: flex;justify-content: space-between;width: 800px;transform: translate(-50%, -50%)} .sc_comment {background-position: 20%;} .sc_comment .row_con {display: flex;justify-content: center;flex-direction: column;text-align: center;} .sc_comment .tit_box {text-align: center;} .sc_comment .desc_box {margin-top: 30px;padding-left: 0;margin-left: 0;border-left:none;} .sc_info .info-slider img{width:100%;} .sc_info .info-slider a:first-child{margin-right: 20px;} .item.main_contact_con .txt{text-align: center;} .item.main_map_con{width:100%;margin-top: 55px;} .sc_map .guide_con {flex-direction: column;} .sc_map h2 {text-align: center;} .sc_map h2:after{display:none;} .sc_map .tel a{margin: 0 auto;} .sc_map .sub {justify-content: center;} .wrap_map{width:100% !important;} .root_daum_roughmap.root_daum_roughmap_landing{width:800px !important;} #basic_footer .row_con {flex-direction: column;} #basic_footer .logo {margin: 20px auto;} #basic_footer ul {justify-content: center;margin-bottom: 20px;} #basic_footer .txt {line-height: 26px;text-align: center;} #basic_footer .txt:before {display: none;} #basic_footer .middle h3{margin:0;margin-right:175px;} .payment_wrap{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:750px;height:80vh;} .payment_box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:750px;height:80vh;overflow-y:auto;} .payment_box img{width:100%;} .payment_wrap .close_pop1{width:58px;height:58px;position:absolute;z-index:10;cursor:pointer;top: -60px;right: 0px;} .sc_interview .interview_area .interview_list{width: 100%;justify-content: center;} }/*1300*/ /*---------------------------------------------------------- media 800 -------------------------------------------------------*/ @media all and (max-width:800px){ .sc_video .main_visual_txt{left:2%;transform:none;width:62%;bottom:69vw;} .sc_video .main_visual_txt h3{font-size:4vw;margin-right:2vw;} .sc_video .main_visual_txt .num{font-size:10vw;} #basic_header .header_top {position:fixed; top:0;width: 100%;background: #fff;z-index:3;padding: 13px 0;} #basic_header .header_top .logo img{width:63vw;} #basic_header .header_top .site_list{display:none;} #basic_header .header_top .member_con{display:none;} #basic_header .header_top .review_con{display:none;} .gnb_open_btn{position:absolute;top:50%;transform:translateY(-50%);left:5%;} #basic_header .gnb_con{position:fixed;right:0;bottom: 0;width:100%;background:#415994;transition:all .3s;overflow-y:auto;z-index:2;transform: translateY(-200%);} #basic_header .gnb_con.on{transform: translateY(0);} #basic_header .gnb_con:after{display:none;} #basic_header .gnb_con .row_con{width:100%;} #basic_header .gnb_con .all_menu_btn{display:none;} /* .mobile_gnb_top{background:#004c95;padding:32px 5%;position:relative;text-align:left;} */ .mobile_gnb_top {height: 61px;} .mobile_gnb_top .site_list{margin-right:3vw;} .mobile_gnb_top ul{display:inline-block;} .mobile_gnb_top li{float:left;text-transform:uppercase;font-weight:400;color:#fff;font-size:14px;} .mobile_gnb_top li:nth-child(2n){margin:0 10px;} .gnb_close_btn{position:absolute;top:50%;transform:translateY(-50%);right:5%;} .gnb_close_btn img{width:5vw;} .mobile_gnb_top .naver_reserv{width: 100%;height: 100%;background: #0dc960;color: #fff;display: flex;justify-content: center;align-items: center;font-size: 16px;} .mobile_gnb_top .naver_reserv span{display:block;padding-left:10px} .mobile_gnb_top .naver_reserv img{} .call_open_btn {position:absolute;top:50%;transform:translateY(-50%);right:5%;width: 6vw;} .call_open_btn img{width:100%;} #basic_gnb{padding-left:0;} #basic_gnb .dep1{display:block;} #basic_gnb .dep1 > li{width:100%;} #basic_gnb .dep1 > li > a{border-bottom:1px solid #e5e5e5;color:#fff;font-weight:700;font-size:3.5vw;} #basic_gnb .dep1 > li.on > a{color:#fff;} #basic_gnb .dep1 > li > a:after{width:0%;} #basic_gnb .dep1 > li:hover > a:after{width:0%;pointer-events: none;bottom:0;} #basic_gnb .dep1 > li.on > a:after{width:100%;} #basic_gnb .dep2{position:relative;top:auto;left:auto;padding:0;} #basic_gnb .dep2 li{/*border-bottom:1px solid #e5e5e50;*/line-height:40px;} #basic_gnb .dep2 li:not(:first-child){margin-top:0;} #basic_gnb .dep2 li:last-child{border-bottom:1px solid #e5e5e5;} #basic_gnb .dep2 li a{display:block;width:100%;height:100%;} /*#quick img{width:16vw;}*/ #quick_m{} #quick_m{position:fixed;bottom:0;left:0;right:0;z-index:999;} #quick_m li{width:20%;float:left;} #quick_m li img{width:100%;} #quick_m .top_btn{position:absolute;top:-57%;right:2.5%;width:11vw;height:10vw;} #quick_m .top_btn img{width:100%;} .visual-sec .title_area {height: 115vw;} .visual-sec .tit p {font-size: 2.5vw;line-height: 2vw;padding: 1vw 2vw;} .visual-sec .tit h2 {margin: 3vw 0 3vw;font-size: 8vw;line-height: 9vw;word-break:keep-all;} .visual-sec .tit {width: 95%;} .visual-sec .tit h3 {font-size: 3vw;line-height: 4vw;} .visual-sec .all-box {width: 50vw;height: auto;left: 50%;bottom: 9vw;} .visual-sec .title_area img {width: 355%;right: -76vw;} .visual-sec .tit.tit_n1{top:67.2%;} /* .visual-sec .tit.tit_n1 h2{text-shadow: -2px 0px #415994, 0px 2px #415994, 2px 0px #415994, 0px -2px #415994;letter-spacing: -0.02em;color:#fff;} .visual-sec .tit.tit_n1 h3{text-shadow: -1px 0px #415994, 0px 1px #415994, 1px 0px #415994, 0px -1px #415994; letter-spacing: -0.02em;color:#fff;} .visual-sec .tit.tit_n1 h3 em.stoke1{text-shadow: -1px 0px #181818, 0px 1px #181818, 1px 0px #181818, 0px -1px #181818; letter-spacing: -0.02em;color:#fff;} */ .visual-sec .tit.tit_n1 h2{text-shadow: calc(3px * 1) 0 0 #415994,calc(3px * 0.9239) calc(3px * 0.3827) 0 #415994,calc(3px * 0.7071) calc(3px * 0.7071) 0 #415994,calc(3px * 0.3827) calc(3px * 0.9239) 0 #415994, 0 calc(3px * 1) 0 #415994,calc(3px * -0.3827) calc(3px * 0.9239) 0 #415994,calc(3px * -0.7071) calc(3px * 0.7071) 0 #415994,calc(3px * -0.9239) calc(3px * 0.3827) 0 #415994,calc(3px * -1) 0 0 #415994, calc(3px * -0.9239) calc(3px * -0.3827) 0 #415994,calc(3px * -0.7071) calc(3px * -0.7071) 0 #415994,calc(3px * -0.3827) calc(3px * -0.9239) 0 #415994,0 calc(3px * -1) 0 #415994,calc(3px * 0.3827) calc(3px * -0.9239) 0 #415994, calc(3px * 0.7071) calc(3px * -0.7071) 0 #415994,calc(3px * 0.9239) calc(3px * -0.3827) 0 #415994;letter-spacing: -0.02em;color:#fff;} .visual-sec .tit.tit_n1 h3{text-shadow: calc(2px * 1) 0 0 #415994,calc(2px * 0.9239) calc(2px * 0.3827) 0 #415994,calc(2px * 0.7071) calc(2px * 0.7071) 0 #415994,calc(2px * 0.3827) calc(2px * 0.9239) 0 #415994, 0 calc(2px * 1) 0 #415994,calc(2px * -0.3827) calc(2px * 0.9239) 0 #415994,calc(2px * -0.7071) calc(2px * 0.7071) 0 #415994,calc(2px * -0.9239) calc(2px * 0.3827) 0 #415994,calc(2px * -1) 0 0 #415994, calc(2px * -0.9239) calc(2px * -0.3827) 0 #415994,calc(2px * -0.7071) calc(2px * -0.7071) 0 #415994,calc(2px * -0.3827) calc(2px * -0.9239) 0 #415994,0 calc(2px * -1) 0 #415994,calc(2px * 0.3827) calc(2px * -0.9239) 0 #415994, calc(2px * 0.7071) calc(2px * -0.7071) 0 #415994,calc(2px * 0.9239) calc(2px * -0.3827) 0 #415994;letter-spacing: -0.02em;color:#fff;} .visual-sec .tit.tit_n1 h3 em.stoke1{text-shadow: calc(2px * 1) 0 0 #181818,calc(2px * 0.9239) calc(2px * 0.3827) 0 #181818,calc(2px * 0.7071) calc(2px * 0.7071) 0 #181818,calc(2px * 0.3827) calc(2px * 0.9239) 0 #181818, 0 calc(2px * 1) 0 #181818,calc(2px * -0.3827) calc(2px * 0.9239) 0 #181818,calc(2px * -0.7071) calc(2px * 0.7071) 0 #181818,calc(2px * -0.9239) calc(2px * 0.3827) 0 #181818,calc(2px * -1) 0 0 #181818, calc(2px * -0.9239) calc(2px * -0.3827) 0 #181818,calc(2px * -0.7071) calc(2px * -0.7071) 0 #181818,calc(2px * -0.3827) calc(2px * -0.9239) 0 #181818,0 calc(2px * -1) 0 #181818,calc(2px * 0.3827) calc(2px * -0.9239) 0 #181818, calc(2px * 0.7071) calc(2px * -0.7071) 0 #181818,calc(2px * 0.9239) calc(2px * -0.3827) 0 #181818;letter-spacing: -0.02em;color:#fff;} .autoplay-progress {width: 50vw;} .visual-sec .swiper-pagination {width: 32vw;left: 50%;bottom: auto;top:3.5vw;transform: translateX(-50%);} .visual-sec .arrow-box {width: 100%;left: 0;top:0;} .visual-sec .swiper-button-next, .visual-sec .swiper-button-prev{width:1.5vw;height:3vw;} .sc_video{height:100vh;} .sc_video video{height: 100%;object-fit: cover;} .sc_oneday .tit h2 {font-size: 8vw;line-height: 9vw;margin-bottom: 4vw;} .sc_oneday .tit .img_box{margin: 0 auto;} .sc_oneday .tit .img_box img{width:100%;} .sc_oneday .tit .txt_box:before {margin: 5vw auto 4vw;} .sc_oneday .tit .txt_box {font-size: 3.5vw;line-height: 5vw;} .sc_oneday .tit span.top_span{font-size:2.5vw;margin-bottom:2vw;} .intro_area {margin-top: 10vw;} .intro_area .intro_item {height: 68vw;padding: 16vw 2vw 0;} .intro_area .intro_item .txt_box span{margin-top:2vw;} .intro_area .intro_item:not(:first-child) {margin-top: 6vw;} /* .intro_area .intro_item:nth-child(1){background:url('/common/images/main/sc_3_1m.jpg') center/cover no-repeat;} .intro_area .intro_item:nth-child(3){background:url('/common/images/main/sc_3_3m.jpg') center/cover no-repeat;} */ .intro_area .intro_item:nth-child(2){background-position:40% 50%;} .intro_area .intro_item .txt_box p {font-size: 6.5vw;line-height: 10vw;} .intro_area .intro_item .txt_box span{font-size:3vw;line-height: 5vw;} .intro_area .link_list {margin-top:8vw;flex-wrap: wrap;gap: 4vw;} .intro_area .link_item {margin-right: 0;width: auto;font-size: 3vw;} .intro_area .link_item a {background-color:#fff;color:#6279b1;display:block;height:100%; width:100%;padding:2vw 4vw;border-radius:5vw;text-align:center;} .intro_area .intro_item.reverse .txt_box {text-align: left;} .intro_area .intro_item.reverse .link_list {justify-content: start;} .sc_clinic .tit h2 {font-size: 7vw;line-height: 8vw;text-align: center;} .sc_clinic .tit .desc_txt{display: inline-block;text-align: center;} .sc_clinic .tit .desc_txt:before{margin: 3vw auto;} .sc_clinic {gap: 9vw;} .clinic_area {width: 320px;} .sc_clinic .slick-slide {margin: 0 15px;} .sc_clinic .slick-slide .img_box{width: 100%;height: auto;} .sc_clinic .slick-slide .img_box img {width: 100%;height: auto;} .sc_clinic a .cover {bottom: 0;} .sc_clinic .title {padding: 5vw 0 0 6vw;height: 30vw;} .sc_clinic .title h4 {font-size: 4.5vw;} .sc_clinic .control_box {width: 88vw;} .sc_clinic .slick-slide a:hover .img_box img{transform: scale(1);} .sc_clinic .control_box .slick-arrow {display: block;width: 8vw;height: 8vw;} .sc_comment .tit_box {font-size: 8vw;line-height: 9vw;} .sc_comment .desc_box {margin-top: 5vw;} .sc_comment .desc_box .doctor_btn {padding: 2vw 4vw;font-size: 3.2vw;} .sc_comment .tit_box p{margin:3vw 0;font-size:3vw;line-height:4.5vw;} .sc_comment .tit_box .link{padding:1vw 3vw;border-radius:5vw;font-size:3vw;} .tit_box .clinic_banner {font-size: 3vw;line-height: 4vw;padding: 1vw 4vw;} .tit_box .tit_txt {margin-top: 2vw;font-size: 8vw;line-height: 9vw;} .sc_info .info-slider a:first-child {margin-right: 0;} .sc_info .slide_box {margin-top: 8vw;} .sc_info .slick-arrow{position: absolute;width: 3vw;height: 3vw;top: 50%;transform: translateX(-50%);} .sc_info .slick-prev.slick-arrow{left: 5%;} .sc_info .slick-next.slick-arrow{right: 5%;} .sc_board .tit_box {text-align: center;} .sc_board .board_list {margin-top: 16vw;} .sc_board .board_list .board_item {font-size: 4vw;padding: 4vw 2vw;} .sc_board .board_list .board_item .tit {height: 4vw;} .sc_board .all_btn {top: 19vw;font-size: 3vw;padding: 3vw 4vw;} .sc_map h2 {font-size: 6vw;} .sc_map .guide_con {margin-top: 7vw;} .sc_map .map_tit {font-size: 5vw;margin-bottom: 4vw;} .sc_map .tel .call {margin-bottom: 3vw;font-size: 7vw;} .sc_map .map_link {width: 36vw;height: 11vw;font-size: 3vw;line-height: 11vw;} .sc_map .address {margin-top: 7vw;} .sc_map .address_txt {font-size: 4vw;line-height: 5vw;} .sc_map .sub {margin-top: 3vw;font-size: 3vw;line-height: 4vw;} .sc_map .sub:before {width: 3vw;height: 3vw;margin-right: 2vw;} .sc_map .time_table {margin-top: 5vw;} .sc_map .guide_con .time_table .day {font-size: 3.5vw;line-height: 8vw;} .sc_map .guide_con .time_table .hour {margin-left: 2vw;font-size: 3.5vw;line-height:5vw;} .sc_map .guide_con .time_table .rest {margin-left: 2vw;font-size: 3.5vw;} .sc_map .map_link_box {margin-top: 5vw;} .sc_map .map_link.kakao {margin-left: 5vw;} .item.main_map_con {width:100%;height:70vw;margin-top: 7vw;} .sc_map .guide_con .time_table .hour .night{font-size:2.5vw;top:0;right:-13vw;width:13vw;} .sc_map .guide_con .time_table .etc p{margin-top:2vw;font-size:3vw;line-height:4.5vw;} .root_daum_roughmap.root_daum_roughmap_landing {width: 100% !important;height: 100vw !important;} .wrap_map{width:100% !important;height:100% !important;} #basic_footer .logo {margin: 4vw auto;} #basic_footer .logo img{width:50vw;} #basic_footer ul {font-size: 3.5vw;line-height: 5vw;margin-bottom: 4vw;} #basic_footer .txt {line-height: 5vw;} #basic_footer .bottom{font-size:3vw;line-height:7vw;} .payment_wrap{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;height:80vh;} .payment_box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:80vh;overflow-y:auto;} .payment_wrap .close_pop1{width:10vw;height:10vw;position:absolute;z-index:10;cursor:pointer;top: -10vw;right: 0vw;} .sc_interview .tit h2 {font-size: 8vw; line-height: 9vw; margin-bottom: 4vw;} .sc_interview .tit span.top_span{font-size: 2.5vw;margin-bottom: 2vw;} .sc_interview .interview_area{margin-top: 8vw;} .sc_interview .interview_area .interview_list{gap: 5vw;width: 100%;} .sc_interview .interview_area .interview_list li{width:80%; height:auto;} .review_m_btn{display:block;margin:10vw auto 0; width:30vw;} .review_m_btn img{width:100%;} }/*800*/ @media all and (max-width:480px){ .clinic_area {width: 63%;} .sc_clinic .slick-slide {margin: 0;} .sc_clinic .control_box {width: 133%;} .sc_clinic .title p {margin-top: 1vw;font-size: 3vw;line-height: 4.5vw;} .sc_clinic .title:before {height: 15vw;left: 3vw;} .sc_clinic .slick-slide .img_box {width: 100%;height: 120vw;} .sc_clinic .slick-slide .img_box img {width: 100%;height: 100%;object-fit: cover;} .sc_clinic a{width:90%;} .sc_clinic a .cover{width: 100%;} } @media all and (max-width:640px){ .mobile_gnb_top .site_list{margin-bottom:3vw;} .mobile_gnb_top ul{display:block;} }