@charset "UTF-8";

/* Frame */
.wrapper {position:relative; width:100%; min-width:1140px;min-height:100%; background:#fff; overflow:inherit}
.wrapper.f {height:100%;min-width: 100%;overflow: hidden; }
#header {z-index:500;position: sticky;top: 0;background:#fff;}
#idx_contents {margin:0 auto;}
#contents {position:relative; margin:0 auto;}
#footer {z-index:499; width:100%;  background:#fff;}

/* header */
#header {z-index: 1000;}
#header .in_w {position:relative; margin: 0 auto; width:1100px; height:100%;}
#header .hd_w01 {width: 100%;height: 66px;margin: auto;border-bottom:1px solid #e8e9eb;box-sizing: border-box;}
#header h1 {display:table; height: 66px; position:absolute; left:50%; top:0; transform: translateX(-50%);}
#header h1 a {display:table-cell; vertical-align: middle; text-align: center;}
#header h1 a img {display: table-cell; vertical-align:middle;}
#header h1 a img + span {position: absolute; top: 0;}
#header .hd_w02 {position:relative;width: 100%;height: 59px;margin: auto;border-bottom:1px solid #e8e9eb;box-sizing: border-box;}
#header a.ico_menuAll {z-index:101; display:block; position:absolute; left: 0; top: 50%; transform: translateY(-50%); width: 48px; height:66px; background:url(../images/ico/hd_menuAll.png) no-repeat left center;}
#header a.ico_home {z-index:101; display:block; position:absolute; left: 49px; top: 50%; transform: translateY(-50%); width: 24px; height:24px; background:url(../images/ico/ico_home03.png) no-repeat left center;}
#header a.ico_sch {z-index:101;display:block; position:absolute; right:-15px; top:0;  width:60px; height:60px; background:url(../images/ico/ico_sch.png) no-repeat 50% 50%; display:none;}


/* global navigation */
.hd_sgnb {z-index:501;position:absolute; right:0; bottom: 50%; transform: translateY(50%); font-size:14px; color:#222;}
.hd_sgnb > ul > li {float:left; display: block; position:relative; }
.hd_sgnb > ul > li > a {display:block; position:relative; padding:5px 11px;}
.hd_sgnb > ul > li > a:before {content: ''; display:block; position:absolute; left:-1px; top:50%; margin-top:-1px; width:2px; height: 2px; background:#888888;}
.hd_sgnb > ul > li:first-child > a:before {display:none;}
.hd_sgnb > ul > li.li03 > a {padding-right:25px; background: url("../images/ico/hd_arw01.png") no-repeat 100% 60%;}
.hd_sgnb > ul > li.li03:hover .layerPop  {height:85px!important;}
.hd_sgnb .layerPop {position:absolute; right:0; top:24px;  width: 100%;  -webkit-transition: height 0.2s ease; transition: height 0.2s ease;}
.hd_sgnb .layerPop ul {margin-top:8px; padding:5px 10px; font-size:13px; color:#888;background: #fff; border:1px solid #ddd; text-transform: uppercase; box-sizing: border-box;}
.hd_sgnb .layerPop ul li {display:block; }
.hd_sgnb .layerPop a {display: block; padding:3px 0; text-align: center;letter-spacing:0; line-height:1.2; font-weight:400}
.hd_sgnb .layerPop a:hover {color:#000;}

.hd_w02 .gnb_boxW {position:absolute; width:100%; height:60px; box-sizing: border-box; background:#fff; overflow: hidden;-webkit-transition: height 0.2s ease; transition: height 0.2s ease;}
.hd_w02 .gnb_boxW:before {content:'';display:block;width: 100%;height:1px;position:absolute;top:59px;left: 50%;transform: translateX(-50%);background:#e8e9eb;}
/* .hd_w02 .gnb_boxW .in_w { border-bottom: 1px solid #e8e9eb;} */
.act .hd_w02 .gnb_boxW {height: 746px;border-bottom: 1px solid #e8e9eb;}


.hd_gnb .dep1_list {position: relative;display: flex;left:50%;transform: translateX(-50%);width: 1100px;text-align:left;box-sizing:border-box;overflow:hidden;}
.hd_gnb .dep1_list > li {width: 183px;}
.hd_gnb .dep1_list > li:nth-child(1),
.hd_gnb .dep1_list > li:nth-child(2) {width: 183px;}
.hd_gnb .dep1_list > li {display:block;width: calc(100% / 6);height:auto;text-align:center;box-sizing:border-box;}
.hd_gnb .dep1_list a.dep1 {display:block; position:relative;height:60px; line-height:55px; font-size:18px; font-weight:500; }
.hd_gnb .dep1_list a.dep1:after {content:''; display:block;position:absolute; left:0; bottom:0; width:0; height:3px; background:#67ae3d; -webkit-transition: width 0.2s ease; transition: width 0.2s ease;}
.hd_gnb .dep1_list > li:hover a.dep1 { color:#67ae3d;}
.hd_gnb .dep1_list > li:hover a.dep1:after {width:100%;  }
.hd_gnb .dep1_list ul.dep2 {padding-top:10px;height: 100%;border-left:1px solid #ebebeb;}
.hd_gnb .dep1_list li:first-child ul.dep2 {border-left: 0;}
.hd_gnb .dep1_list > li.li01 ul.dep2 {border-left:none;}
.hd_gnb .dep1_list ul.dep2 > li {display:block;}
.hd_gnb .dep1_list ul.dep2 li a {display:block; padding:12px 10px; text-align: left; font-size:15px; line-height:0.9; font-weight:400 }
.hd_gnb .dep1_list ul.dep2 li a:hover {color:#67ae3d; font-weight: 500;}

.act .hd_gnb .dep1_list {display: flex !important;height:auto;}

/* footer */
.ft {position:relative; margin:0 auto; line-height:1.6;}
.f_menu {height: 42px; text-align:center;background:#f4f4f6; box-sizing: border-box;}
.f_menu a {  display: inline-block; position:relative;  padding:0 14px 0 ; font-size:14px; color:#596c7b; line-height:42px; font-weight:500;}
.f_menu a:before {content:''; display:block; position:absolute; left:0; top:50%; margin-top:-5px; height:12px;width:1px; background:#8a8a8a;}
.f_menu a:first-child:before {display:none;}

.ft .c_info { position:relative; margin:25px auto 40px; width:1100px; color:#b8b8b9; font-weight: 300; font-size:15px; letter-spacing: 0; text-align:center;}
.ft .c_info a.f_h1 {display:block; float:left; margin-top: 5px; height:20px;}
.ft .c_info ul.info_list {margin:0 190px 0 160px; text-align:left;}
.ft .c_info ul.info_list li {display:block; font-size:13px; color:#666; font-weight:300; letter-spacing: 0;line-height:1.9;}
.ft .c_info ul.info_list li span,
.ft .c_info ul.info_list li a {margin-right:10px;}
.ft .c_info ul.info_list li span em {margin-right:10px;}

.ft .f_r {position:absolute; right:0; top:0; z-index:501}
.ft .f_r .family {position:relative;}
.ft .f_r .family button {  position:relative; padding:0 20px; width:185px; height:35px;font-size:13px; color:#666666; text-align:left; letter-spacing: 0;  border:1px solid #d6d6d8; box-sizing: border-box;  }
.ft .f_r .family button:after {content:''; display:block; position:absolute; right:20px; top:50%; margin-top:-3px; width:10px; height:6px; background: url("../images/ico/ico_slt_arow.png") no-repeat 0 50%;  -webkit-transition: transform 0.3s; transition: transform 0.3s;}
.ft .f_r .family .f_listW {position:absolute;left:0; bottom:35px; width:100%; height: 0; overflow: hidden; -webkit-transition: height 0.2s ease; transition: height 0.2s ease; }
.ft .f_r .family ul { padding:10px 20px; height:auto; background:#fff; border:1px solid #d6d6d8;  box-sizing: border-box;}
.ft .f_r .family ul li {margin-bottom:3px;}
.ft .f_r .family ul li a {display:block;font-size:14px; color:#666; text-align:left;   }
.ft .f_r .family ul li a:hover {color:#000;}
.ft .f_r .family:hover .f_listW {height:192px!important;}
.ft .f_r .family:hover  button:after {-webkit-transform: rotate(180deg);transform: rotate(180deg);}

.ft .f_r .sns {margin-top:12px; float:right;}
.ft .f_r .sns > a {display:block; float:left; margin-left:4px; width:38px; height:38px; border-radius: 100%;}

.main .ft {position:relative; line-height:1.6;}
.main .ft .in_w {margin:0 auto; width:1100px; }

.ft .sns_w {height: 60px;}
.ft .sns_w .in_w {background: #eee; border-top: 1px solid #d6d6d8; border-bottom: 1px solid #d6d6d8;}
.ft .sns_w .sns_list {box-sizing: border-box; border-left:1px solid #d6d6d8;}
.ft .sns_w .sns_list li {display:block; position:relative; float:left; width:20%; height:60px;  border-right:1px solid #d6d6d8; box-sizing: border-box;}
.ft .sns_w .sns_list li:before {z-index:499;content:''; display:block; position:absolute;left:0; top:0; width:0; height: 100%; background: #666768; -webkit-transition: width 0.2s ease; transition: width 0.2s ease;}
.ft .sns_w .sns_list li.li01:before {background: #e74c3c;}
.ft .sns_w .sns_list li.li02:before {background: linear-gradient(45deg, #833AB4, #E1306C, #f6aa7a);}
.ft .sns_w .sns_list li.li03:before {background: #3b5998;}
.ft .sns_w .sns_list li.li04:before {background: #2bb43c;}
.ft .sns_w .sns_list li.li05:before {background: #2bb43c;}
.ft .sns_w .sns_list li.li06:before {background: #efd925;}
.ft .sns_w .sns_list li:hover:before {width:100%;}
.ft .sns_w .sns_list li a {z-index:500; display:block; position:relative; height:100%; background-repeat: no-repeat; background-position: center;}
.ft .sns_w .sns_list li.li01 a {background-image:url("../images/icon/ft_sns01.png");}
.ft .sns_w .sns_list li.li02 a {background-image:url("../images/icon/ft_sns02.png");}
.ft .sns_w .sns_list li.li03 a {background-image:url("../images/icon/ft_sns03.png");}
.ft .sns_w .sns_list li.li04 a {background-image:url("../images/icon/ft_sns04.png");}
.ft .sns_w .sns_list li.li05 a {background-image:url("../images/icon/ft_sns05.png");}
.ft .sns_w .sns_list li.li06 a {background-image:url("../images/icon/ft_sns06.png");}
.ft .sns_w .sns_list li.li01:hover a {background-image:url("../images/icon/ft_sns01_on.png");}
.ft .sns_w .sns_list li.li02:hover a {background-image:url("../images/icon/ft_sns02_on.png");}
.ft .sns_w .sns_list li.li03:hover a {background-image:url("../images/icon/ft_sns03_on.png");}
.ft .sns_w .sns_list li.li04:hover a {background-image:url("../images/icon/ft_sns04_on.png");}
.ft .sns_w .sns_list li.li05:hover a {background-image:url("../images/icon/ft_sns05_on.png");}
.ft .sns_w .sns_list li.li06:hover a {background-image:url("../images/icon/ft_sns06_on.png");}


/* popup */
.popup_banner {display: none; position: relative; width: 100%; height: 100px;}
.popup_banner.ac {display: block;}
.popup_banner_wrap {width: 100%; height: 100px; overflow: hidden;}
.popup_banner .popup_banner_wrap .slick-slide {height:100px; position:relative; overflow:hidden;}
.popup_banner .popup_banner_wrap .banner_btn {display: block; width: 1100px; height: 100px; margin: auto;}

.popup_banner_txt_wrap {position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 1100px;}
.popup_banner_txt {position: absolute; bottom: -30px; right: 0; height: 19px; text-align: right; display: table;}
.popup_banner_txt label {height: 19px;}
.popup_banner_txt label input {width: 12px; height: 12px; border: 0; background-color: #fff;}
.popup_banner_txt label input + span {margin-left: 7px; margin-right: 5px; color: #000; font-size: 13px; font-weight: 300; letter-spacing: 0;}
.popup_banner_txt .banner_close {width: 19px; height: 19px;}
.popup_banner_txt .banner_close img {width: 19px; height: 19px;}

/* main */
.main .article .in_w {margin:0 auto; width:1100px;}  

/* 메인 : 비주얼 배너 */
.main .swiper{position:relative; overflow:hidden;}
.swiper_main_visual .swiper-wrapper {height:100%; } 
.swiper_main_visual .swiper-slide {height:100%; } 
.swiper_main_visual .swiper-slide a {display:block;  height: 100%; box-sizing: border-box; text-align:center;} 
.swiper_main_visual .swiper-slide img {position:relative; height:100%; object-fit: cover; } 

.swiper_main_visual .swiper-indicator {z-index:10;position:absolute; width:1100px; left: 50%; bottom: 100px; transform: translateX(-50%); text-align:right;} 
.swiper_main_visual .swiper-indicator-box{display:inline-flex;align-items: center;white-space: nowrap;justify-content: center;background: rgba(0,0,0,0.2);width: 350px;height: 50px;padding: 16px;text-align: left;box-sizing: border-box;}
.swiper_main_visual .swiper-pagination,
.swiper_main_visual .swiper-button-next, 
.swiper_main_visual .swiper-button-prev { position:relative; left:auto; top:auto; right:auto; bottom:auto; margin:0; width:auto; } 

.swiper_main_visual .swiper-pagination {top:1px;margin-right:15px;font-size:13px;color: #fff;} 
.swiper_main_visual .swiper-pagination .swiper-pagination-current {font-size:24px; font-weight: 600; } 
.swiper_main_visual .swiper-pagination > span { position:relative; letter-spacing: 0; } 

.swiper_main_visual .swiper-button-next, 
.swiper_main_visual .swiper-button-prev {width:20px;height:20px;background: url(../images/ico/arw_next.png) no-repeat 50% 50%;background-size: 80%;} 
.swiper_main_visual .swiper-button-prev { background-image: url(../images/ico/arw_prev.png) } 

.swiper_main_visual .swiper-control {position: relative;display: inline-flex;width:20px;height:20px;justify-content: center;align-items: center;} 
.swiper_main_visual .swiper-control .btn_autoPlay {position: relative;top: auto;width:20px;height:20px;background: url(../images/ico/ico_pause.png) no-repeat 50% 50%;cursor: pointer;} 
.swiper_main_visual .swiper-control .btn_autoPlay.btn_stop { background-image: url(../images/ico/ico_pause.png); } 
.swiper_main_visual .swiper-control .btn_autoPlay.btn_play { background-image: url(../images/ico/ico_play.png); } 

.swiper_main_visual #bullets {position:relative;margin-right: 15px;height:24px;width: 160px;} 
.swiper_main_visual #bullets em { position:absolute; text-indent:-99999px; width:0; height:100%; font-size:0px; color:transparent; } 
.swiper_main_visual #bullets > span { position:absolute; top:11px; height:3px; width:0; background:none; border-radius: 0; } 
.swiper_main_visual #bullets > span:before,
.swiper_main_visual #bullets > span:after { content:''; display:block; position:absolute; left:0; top:0; height:100%; border-radius: 2px; } 
.swiper_main_visual #bullets > span:before { width:100%; background:rgb(255 255 255 / 50%); } 
.swiper_main_visual #bullets > span:after { width:0; background:rgb(255 255 255); -webkit-transition: all 5s ease; transition: all 5s linear; } 
.on .swiper_main_visual #bullets > span.swiper-pagination-bullet-active { width:100%; } 
.on .swiper_main_visual #bullets > span.swiper-pagination-bullet-active:after { width:100%; } 

/* 메인 : 컨텐트 박스 */
.main .main_grid{position: relative;display:grid;margin-top: -80px;z-index: 1;grid-template-columns: repeat(3, minmax(350px, auto));gap:25px;margin-bottom: 60px;}
.main_grid_card{position:relative; display:flex;background:#fff;height: 340px;padding:40px;flex-direction: column;justify-content: space-between;box-sizing: border-box; transition:all .05s; border:1px solid #ddd; }
.main_grid_inner{display:flex; height:100%; width:100%; flex-direction: column;justify-content: space-between;}
.card_gray:before,
.card_gray:after{content:"";display:block;position:absolute;width: 0;height: 5px;position: absolute;transition: all 0.2s linear;background: #ddd;}
.card_gray .main_grid_inner:before, 
.card_gray .main_grid_inner:after{content:""; display:block; width:5px; height:0; position: absolute; transition: all 0.2s linear; background: #ddd;}
.card_gray:hover::before, 
.card_gray:hover:after{width: 100%;}
.card_gray:hover .main_grid_inner:before, .card_gray:hover .main_grid_inner:after{height: 100%;}
.card_gray:before, .card_gray:after{transition-delay: 0s;}
.card_gray .main_grid_inner::before, .card_gray .main_grid_inner::after{transition-delay: 0.2s;}
.card_gray:before{right: 0;top: 0;}
.card_gray:after{left: 0;bottom: 0;}
.card_gray .main_grid_inner:before{left: 0; top: 0;}
.card_gray .main_grid_inner:after{right: 0;bottom: 0;}
.card_gray:hover:before, 
.card_gray:hover:after{transition-delay: 0.2s;}
.card_gray:hover .main_grid_inner:before, 
.card_gray:hover .main_grid_inner:after{transition-delay: 0s;}
/* .main_grid_card:hover{outline:5px solid #ddd;} */

.main_grid_title .title_txt{font-size:30px; font-weight:700; line-height:1; margin-bottom:15px;}
.main_grid_title .title_dec{font-size:16px;font-weight:400;line-height:26px;color:  #999;}




.card_green{background:#68AE3E; border:1px solid #68AE3E;color:#fff;}
.card_green:hover{outline:none;}
.card_green .title_txt{color:#fff;}
.card_green .title_dec{color:#fff;}
.card_green .btn_xlarge:hover{background:#fff; color:#68AE3E;}

.card_mint{background:#01B9B7; border:1px solid #01B9B7;color:#fff;}
.card_mint:hover{outline:none;}
.card_mint .title_txt{color:#fff;}
.card_mint .title_dec{color:#fff;}
.card_mint .btn_xlarge:hover{background:#fff; color:#01B9B7;}

.card_brown{background:#7C6A54; border:1px solid #7C6A54; color:#fff; }
.card_brown:hover{outline:none;}
.card_brown .title_txt{color:#fff;}
.card_brown .title_dec{color:#fff;}
.card_brown .btn_icon:hover{background:#fff; color:#7C6A54; font-weight:700;}

.card_brown .btn_icon .ico_hospital{background:url(/common/front/haeundae/images/icon/ico_hospital01_off.png) no-repeat 0 0;}
.card_brown .btn_icon:hover .ico_hospital{background-image:url(/common/front/haeundae/images/icon/ico_hospital01_on.png);}
.card_brown .btn_icon .ico_schedule{background:url(/common/front/haeundae/images/icon/ico_schedule01_off.png) no-repeat 0 0;}
.card_brown .btn_icon:hover .ico_schedule{background-image:url(/common/front/haeundae/images/icon/ico_schedule01_on.png);}



.card_azureish{background:#DEEEEB; border:1px solid #DEEEEB;color:#000;}
.card_azureish:hover{background:#C5EAE1; outline:none;}
.card_azureish .content_btn .btn_large{background:#F8FCFB}
.card_azureish .content_btn .btn_large:hover{background:#7AAFA3;}

.card_papaya{background:#FFF4E8; border:1px solid #FFF4E8;}
.card_papaya:hover{background:#FFEBD6; outline:none;}
.card_papaya .content_btn .btn_small:hover{text-decoration-color:#EECEAE; color:#B06A24;}

.card_dark{background:#F3F3F3; border:1px solid #F3F3F3;}
.card_dark .title_dec{color:#999999;}
.card_dark:hover{background:#E4E4E4; outline:none;}
.card_dark .content_btn .btn_small:hover{text-decoration-color:#BDBDBD; color:#222;}

.card12{color:#391C1E;}
.card12 .title_txt{color:#391C1E;}
.card12 .title_dec{color:#391C1E;}

.main_grid_title .title_dec .time{display:flex;flex-wrap: wrap;}
.main_grid_title .title_dec .time li{position:relative; }
.main_grid_title .title_dec .time li + li{position:relative; padding-left:10px; margin-left:10px;}
.main_grid_title .title_dec .time li + li:before{position:absolute;top: 6px;left:0;display:block;width:2px;height: 16px;background:#fff;}
.main_grid_title .title_dec .number dd{font-size:24px; font-weight:700;}

.content_btn{display:flex;}
.content_btn:has(.btn_xlarge){flex-direction: column; gap:5px;}
.content_btn:has(.btn_large){flex-direction: column; gap:5px;}

.content_btn .btn_xlarge{display:flex;height:60px;background:transparent;align-items: center;justify-content: center;border: 1px solid #fff; transition:all .3s;}
.content_btn .btn_large{display:flex; height:38px;background:#F1F1F1;align-items: center;justify-content: center;border:none; color:#000; transition:all .3s;}
.content_btn .btn_large:hover{background:#69AD40; color:#fff;}
.content_btn .btn_small{position:relative; padding:0; height:auto; min-width:auto; font-size:1rem; color:#fff; font-weight:500; text-align:center; line-height:1; border:0; background:none; color:#000; box-sizing: border-box; text-transform:uppercase; vertical-align: middle; white-space:nowrap;}
.content_btn .btn_small:hover{text-decoration:underline; text-decoration-thickness: 10px; text-decoration-color:#E2EFD8; text-underline-offset: -5px; color:#69AC3F;}

.content_btn .btn_icon{display:flex;flex: 0 0 calc(50% + 1px);margin-left: -1px;flex-direction:column;height: 130px;background:transparent;justify-content: center;border-color:#fff;align-items: center;padding: 0 30px;}
.content_btn .btn_icon i{display:block; width:48px; height:48px;}
.content_btn .btn_small + .btn_small{position:relative; margin-left:10px; padding-left:10px;}
.content_btn .btn_small + .btn_small:before{content:""; position:absolute; top:0; left:0; display:block; width:2px; height:100%; background:#ddd; }
.content_btn .btn_kakao{background:#391C1E; color:#F6E308; }



.content_btn .info_dec{display:flex;align-items: center;}
.content_btn .info_dec dt{position:relative;font-size:16px;font-weight:500;padding-right:10px;margin-right:10px;line-height: 1;}
.content_btn .info_dec dt:after{content:"";position:absolute;top:0;right:0;display:block;width:2px;height: 16px;background:#ddd;}




/*부민편한예약 20240801 KJH*/
.quick_link {position:fixed;bottom:0;left:50%;transform: translateX(-50%);margin-left: 630px; z-index:1000;}
.quick_link .quick_link_detail {text-align: center;display: block;padding: 50px; background:none;}
.quick_link .quick_link_detail span {display:block;border-radius:30px;background: #4d901f;color: #fff;padding: 0 10px;font-size: 17px;font-weight: 700;margin-top: 10px;}