@charset "utf-8";


/*common- effect*/
.btn-effect{    transition: ease-out 0.5s;    -webkit-transition: ease-out 0.5s;    -moz-transition: ease-out 0.5s;        position: relative;    display: inline-block;}
.draw-line::after, .draw-line::before{
	position: absolute;
    content: "";
    width: 0%;
    height: 0%;
    visibility: hidden;}

.draw-line::after{
    bottom: -4px;
    right: -4px;
    border-left: 4px solid #ffffff;
    border-bottom: 4px solid #ffffff;
    transition: width .1s ease .1s, height .1s ease, visibility 0s .2s;
}
.draw-line::before{
    top: -4px;
    left: -1px;
    border-top: 4px solid #ffffff;
    border-right: 4px solid #ffffff;
    transition: width .1s ease .3s, height .1s ease .2s, visibility 0s .4s;
}

.draw-line:hover::after,
.draw-line:hover::before {
    width: calc(100% + 1px);
    height: calc(100% + 3px);
    visibility: visible;
    transition: width .1s ease .2s, height .1s ease .3s, visibility 0s .2s;
}

.draw-line:hover::after {
    transition: width .1s ease .2s, height .1s ease .3s, visibility 0s .2s;
}

.draw-line:hover::before {
    transition: width .1s ease, height .1s ease .1s;
}


.swiper-button-prev, .swiper-button-next {    background: none;}
.swiper-pager_wrap {    width: 90%;    margin: 0 auto;    display: block;    position: relative;    top: -450px;}
.main_visual span.swiper-pagination-bullet {    background: url("/include/res/images/re_21/main_pagenation.png");    width: 35px;    height: 4px;    border-radius: 0;}

.main_visual {position: relative;height: 896px;}
img.img_visual {    width: 100%;}
.main_visual .swiper-container-horizontal>.swiper-pagination-bullets {    bottom: 218px;}
.main_section_inner {text-align: center;padding: 85px 0;}
div.img_copy {
    margin: 0 auto;
    position: absolute;
    top: 220px;
    left: 50%;
    transform: translateX(-50%);
}

div#main_wrap {    /* top: 178px; */    position: relative;}

.main_copy {    position: absolute;    z-index: 4;    width: 1200px;    margin: 0 auto;    top: 430px;    left: 50%;    transform: translateX(-50%);}

.main_copy ul {width: 750px;margin: 50px auto 40px;display: block;position: relative;}
.main_copy ul li{display: inline-block;padding: 0 70px 0 0;font-size: 20px;text-align: center;}
.main_copy ul li img{display: block;margin: 0 auto;}
.main_copy ul li strong{font-size: 46.08px;letter-spacing: -2.2px;color: #403f3f;font-weight: 900;}

.main_shoutcut {    /* top: -360px; */    position: relative;    background: url('/include/res/images/re_21/bg_main_shoutcut2.jpg?ver=220721') no-repeat center;    width: 1353px;    margin: 0 auto;    height: 126px;}
.main_shoutcut ul{
    width: 1200px; left: -70px
}
.main_shoutcut ul li:nth-child(5){/* padding-top: 10px; */padding-left: 23px;}
.main_shoutcut ul li{width: 69px;padding: 22px 36px 0;line-height: 125px;vertical-align: middle;}
.main_shoutcut ul li a{    display: block;    vertical-align: middle;    height: 126px;    line-height: 126px;}
.main_shoutcut > a{    display: inline-block;    position: absolute;    right: 23px;    top: 42px;}

span.count2 , span.count2 strong {    font-size: 16.78px !important;    color: #007cc3 !important;    display: block !important;    margin-top: -23px;    text-align: right;    margin-left: -5px;    width: 90px;    padding-left: 17px;    display: none;    font-weight: normal !important;}
span.count2 strong{    padding-left: 28px;    margin-top: -25px;}
span.count2.surgery strong{    padding-left: 20px;    margin-left: 0px !important;}
span.count2.surgery , span.count2.surgery strong {    text-indent: 0px !important;    text-align: left;    margin-top: -23px;    margin-left: 59px;}
.main_section h1 {font-size: 46px;margin-bottom: 70px;color: #323232;margin: 50px;}
.main_section div > p{padding: 10px 0;font-size: 19px;margin-top: -60px;color: #fff;background: rgb(0 0 0 / 50%);z-index: 999;position: relative;}
.main_section div > p span{display:block;}

ul.sect1_tab {width: 500px;border: 1px solid #fff;margin: 0 auto 50px;border-radius: 40px;height: 60px;line-height: 60px;/* overflow:hidden; */box-sizing: content-box;}
.surgery .swiper-wrapper {    width: 620px;    position: relative;    left: 0;}
ul.sect1_tab li{display: block;width: 250px;color: #fff;border-radius: 40px;float: left;font-size: 18.62px;cursor: pointer;}
ul.sect1_tab li.on{background:#fff;color:#000;box-shadow: 2px 5px 15px #000;}

div.cates_content.cate_surgery {    display: none;    width: 1200px;    margin: 0 auto;}
ul.sect1_sub_tab {/* border-top:2px solid #fff; */width:1200px;margin: 0 auto 60px;/* border-bottom:1px solid #fff; */padding: 12px 0;height: 60px;background: url('/include/res/images/re_21/bg_sect1_sub_tab.png') no-repeat;box-sizing: border-box;}
ul.sect1_sub_tab li{display:inline-block;font-size: 18px;color: #fff;margin: 0px 33px;padding: 0 20px;}

a.btn_clinic_surgery_list {    color: #fff;    padding: 2px 10px;    display: inline-block;    float: right;    font-size: 40.03px;    line-height: 21px;    text-indent: 0;    font-weight: lighter;}
ul.clinic_surgery_list {    text-align: left;    line-height: 61px;    margin-bottom: 25px;    width: 424px;}
ul.clinic_surgery_list li{border-bottom:1px solid rgba(255,255,255,0.3);padding: 0 10px;color: #fff;font-size: 14.01px;}
ul.clinic_surgery_list li span.date{text-align:right;float: right;color: rgba(255,255,255,0.6);margin-top: -29px;/* display: block; */}


.main_section.sec1 {background:url('/include/res/images/re_21/bg_sec5.png') no-repeat center;margin-top: -5px;background-size: cover;}

.main_section.sec1 .youtube .swiper-slide {color:#fff;animation-duration: 2s;animation-iteration-count:3;animation-direction:alternate;animation-fill-mode: forwards;opacity: 0.5;margin: 60px 0 0;width: 700px !important;}
.main_section.sec1 .swiper-slide p{font-size:25px;margin: 24px 0 5px;display:none;color: #fff;margin-top: -111px;background: rgba(0,0,0,0.6);z-index: 99;position: relative;padding: 25px 0;width: 130%;left: -14%;}
.main_section.sec1 .swiper-slide p > span{    color: #d2d2d2;    font-size: 16px;}
.sg img {    margin-top: -89px;}

.sg span{color: #b9bdc3;position: relative;background: rgba(0,0,0,0.4);display: block;z-index: 999;bottom: 90px;font-size: 12px;padding: 6px;width: 200px;margin: 0 auto;text-align: left;box-sizing: border-box;}
.main_section.sec1 .youtube .swiper-slide-active p , .main_section.sec1 .youtube .swiper-slide-active span{display:block;}
.main_section.sec1 .swiper-slide img.gunwoo_tv{width: 80%;}
.main_section.sec1 .youtube .swiper-slide-active {width: 670px !important;margin-top: 0;animation-duration: 2s;animation-iteration-count:3;animation-direction:alternate;animation-fill-mode: forwards;z-index: 90;opacity: 1;/* margin-left: -60px !important; *//* margin-right: 0px !important; */}
.main_section.sec1 .youtube .swiper-slide-active img{width: 130%;left: -14%;position: relative;}
.main_section.sec1 .youtube .swiper-slide-active img{box-shadow: -2px 12px 21px #000;/* width: 100%; */}
.swiper-container.youtube {height: 393px;animation-duration: 2s;animation-iteration-count:3;animation-direction:alternate;animation-fill-mode: forwards;/* width: 1200px; */margin-bottom: 40px;padding-bottom: 170px;}
.surgery .swiper_pager {    width: 708px !important;    top: 0 !important;    margin-top: 46px !important;    left: 0 !important;    transform: unset !important;}



.sg {text-align: center;font-size: 18px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;width: auto;margin-top: 25px;height: 132px !important;overflow: hidden;z-index: 999;position: relative;}
.sg a {display: block;width: 100%;height:133px;position: relative;z-index: 9999;overflow: hidden;}

.swiper-container.surgery {width: 630px;height: 159px;}

.sec1 span.swiper-pagination-bullet {    background: #fff;    opacity: 1;    margin-top: -18px !important;}
.sec1 .swiper-pagination-bullet-active {    background: none !important;    border: 2px solid #fff;}
.sec1 .swiper-pagination {}
.sec1 .swiper-button-prev {background:url('/include/res/images/re_21/btn_sec5_prev.png');left: 0;width: 80px;height: 84px;top: 0;}
.sec1 .swiper-button-next {background:url('/include/res/images/re_21/btn_sec5_next.png');right: 0;width: 80px;height: 84px;top: 0;}
.sec1 .swiper_pager {width: 950px;margin: 0 auto;height: 84px;position: absolute;top: 210px;left: 50%;transform: translateX(-50%);z-index: 999;margin-left: 11px;}
.sec1 .surgery_list_box .swiper_pager {width: 708px;margin: 0 auto;height: 84px;position: relative;top: -112px;left: 50%;transform: translateX(-50%);z-index: 0;}
.sec1 .surgery_list_box .swiper-button-prev {background: url('/include/res/images/re_21/arrow_t_p.jpg') no-repeat;left: 0;width: 34px;height: 132px;top: 0;}
.sec1 .surgery_list_box .swiper-button-next {background: url('/include/res/images/re_21/arrow_t_n.jpg') no-repeat;right: 0;width: 34px;height: 132px;top: 0;}

.youtube .swiper-slide.swiper-slide-prev img {    float: left;}
.youtube .swiper-slide.swiper-slide-next img {    float: right;}






.surgery_left_box ul li:hover p {    border-bottom: 1px solid #fff;}
.surgery_right_box {display:inline-block;vertical-align: top;width: 708px;position: relative;}
.surgery_left_box {display:inline-block;margin-right: 60px;text-align: left;}
.surgery_left_box img{margin-bottom:55px;}
.surgery_left_box h3 {font-size:23px; text-align: left; color:#fff; margin-bottom:15px; text-indent:18px}
.surgery_left_box ul{border-top:1px solid #fff; border-bottom:1px solid #fff;}
.surgery_left_box ul li{padding: 24px 20px;line-height: 18px;} 
.surgery_left_box ul li p {    display: table;    border-bottom: 1px solid rgba(0,0,0,0);    color: #fff;}
.main_section.sec2 {    background: url('/include/res/images/re_21/bg_section2.jpg')no-repeat;    color: #fff !important;    background-size: cover;}
.main_section.sec2 h3{margin-bottom: 150px;}
.main_section.sec2 ul{width: 1400px;margin:0 auto;}
.main_section.sec2 li{display:inline-block;padding: 15px;position: relative;width: 315px;height: 365px;overflow: hidden;box-sizing: border-box;}
.main_section.sec2 li a{display: inline-block;position: relative;width: 280px;height: 325px;overflow: hidden;}
.main_section.sec2 li a img{position:absolute;left: 0;margin-top: 70px;}
.main_section.sec2 li a:hover .hover_img{display:block;margin-top: 0;}
.hover_img{  display:none;  animation-duration: 0.5s;  animation-name: slidein;  }

@keyframes slidein {
  from {
    margin-top: 100%;  
  }

  to {
    margin-left: 0%;   
  }
}

.main_section.sec3 {    background: url('/include/res/images/re_21/bg_section3.jpg')no-repeat;    color: #fff !important;    background-size: cover;}
.main_section.sec3 h3{margin-bottom: 75px;}
.main_section.sec3 ul{width: 1215px;margin:0 auto;}
.main_section.sec3 li{display:inline-block;padding: 2px;}
.main_section.sec3 li a{display:block;width: 234px;height: 234px;}
.main_section.sec3 li a img{width:100%;}


.main_card_news {width: 660px;border: 1px solid #ddd;display: inline-block;padding: 34px 28px;vertical-align: top;box-sizing: border-box;height: 360px;overflow:hidden;text-align: left;}
.main_card_news h3{font-size:29px;text-align:left;margin-bottom: 30px;display: inline-block;z-index: 990;position: relative;}
.main_card_news .swiper-pager_wrap {width: 91px;top: 22px;right: 7px;position: absolute;}

.main_card_news .swiper-wrapper {
    padding-top: 63px;
}

.swiper-container.cardnews {
    top: -66px;
}

.swiper-container.main_card_news {padding: 60px 0 0 0;margin-top: -60px;}
.lower_banner{display:inline-block;width: 521px;vertical-align: top;padding: 0 1px;position: relative;}
.lower_banner a{position:relative;}
.lower_banner a:hover span.btn{background:#fff;color:#333;}
span.btn {position: absolute;border-top: 1px solid #fff;border-bottom: 1px solid #fff;width: 74px;height: 30px;font-size: 13px;z-index: 12;left: 30px;bottom: 28px;color: #fff;line-height: 29px;}
.lower_banner img:nth-child(2),.lower_banner img:nth-child(3){padding: 3px;}
.lower_banner > a {    padding: 1px 3px 0;    display: inline-block;}
.list {width: 1200px;margin: 100px auto 0;}
.list > div{display:inline-block;position: relative;width: 50%;padding-right: 16px;box-sizing: border-box;}
.list:after{content:'';clear:both;display:block;}
.list > div.news{float:left;}
.list > div.counsel{float:right;}
.list > div h2{    text-align: left;    font-size: 29px;    color: #8d8d8d;    font-weight: normal;}
.list > div >a{    position: absolute;    right: 50px;    top: 10px;}
.list > div ul{    border-top: 1px solid #898989;    padding: 20px 15px;    margin-top: 20px;}
.list > div ul li{    line-height: 32px;    text-align: left;}
.list > div ul li span{    display: inline-block;}
span.reply_count {    border: 1px solid #ddd;    font-size: 11px;    border-radius: 3px;    height: 17px;    line-height: 17px;    padding: 0 4px;}
.list > div ul li span.subject{}
.list > div ul li span.answer_n{    background: #aaaaaa;    border-radius: 4px;    color: #fff;    padding: 0px 4px;    font-size: 10px;    height: 23px;    line-height: 23px;}
.list > div ul li span.answer_y{    background: #004986;    border-radius: 4px;    color: #fff;    padding: 0px 9px;    font-size: 10px;    height: 23px;    line-height: 23px;}
.list > div ul li span.reply_c{}
.list > div ul li strong{    font-weight: normal;}

span.datetime {    color: #7c7c7c;    font-size: 14px;    text-align: revert;    float: right;}

.cates_content.cate_movie {margin: 0 auto;/* width: 1200px; */position:relative;}

.swiper-button-prev.cardnews_prev {background-image: url('/include/res/images/re_21/cardnews_prev.jpg');width: 44px !important;background-size: contain;left: -6px;}
.swiper-button-prev.cardnews_prev:hover {background-image: url('/include/res/images/re_21/cardnews_prev2.jpg');width: 44px;background-size: contain;}

.swiper-button-next.cardnews_next {background-image: url('/include/res/images/re_21/cardnews_next.jpg'); width: 44px;background-size: contain;}
.swiper-button-next.cardnews_next:hover {background-image: url('/include/res/images/re_21/cardnews_next2.jpg'); width: 44px;background-size: contain;}


.main_section.sec6 {background:#a89b8a; height:100px;}
.sec6 > div{padding: 20px 0;margin-bottom: 0 !important;}
.main_section.sec6 ul li{display:inline-block;width: 220px;margin: 0 40px;}


.m_pop .swiper-container {/* width: 450px; */height: 701px;/* margin: 121px auto 0; */text-align: center;background: #000000;}
.m_pop {position: absolute;z-index: 9999;top: 121px;width:100%;height: 700px;text-align: center;}
.m_pop > div{width:500px;margin:0 auto;text-align:left;color:#fff;font-family: "Nanum Gothic", sans-serif;position: relative;background: #000;padding: 0 0 4px 0;text-align: center;}
.m_pop img{/* height:100%; *//* width: 100%; */}


/*
.m_pop .swiper-pagination-bullets {height: 46px;bottom: -19px !important;background: #fff;}
.m_pop .swiper-pagination-bullet {    width: 168px;    height: 42px;    border-radius: 0;    color: #000;    margin: 0 -1px!important;    background: none;    line-height: 41px;    opacity: 1;}
.m_pop .swiper-pagination-bullet-active {    border-bottom: 4px solid #007cc3;}
*/

.m_pop .swiper-pagination-bullets {height: 46px;top: -396px;padding-top: 15px;width: 50% !important;right: -196px !important;left: unset !important;}
.m_pop .swiper-pagination-bullet {border-radius:50%;width: 10px;height: 10px;color: #000;margin: 0 7px !important;background: #fff;line-height: 41px;opacity: 1;border: 1px solid #fff;}
.m_pop .swiper-pagination-bullet-active {     background:#007cc3;}
label.pop_check {/* margin-top: -43px; *//* position: absolute; */z-index: 99;}

/* 1) 메인 유튜브 섹션: 파란 기본 화살표 아이콘만 제거(버튼은 유지) */
.main_section.sec1 .swiper-button-prev::after,
.main_section.sec1 .swiper-button-next::after {
  content: none !important; /* Swiper 기본 ▶ 아이콘 숨김 */
}

/* 2) 카드뉴스 섹션: 파란 기본 화살표 아이콘만 제거(커스텀 이미지는 유지) */
.swiper-container.cardnews .swiper-button-prev::after,
.swiper-container.cardnews .swiper-button-next::after {
  content: none !important;
}

/* (선택) 혹시 전역으로 배경을 날리는 규칙이 있다면 아래처럼 보정 */
.main_section.sec1 .swiper-button-prev,
.main_section.sec1 .swiper-button-next {
  background-repeat: no-repeat !important;
  background-size: contain !important;
}

.swiper-button-prev.cardnews_prev,
.swiper-button-next.cardnews_next {
  background-repeat: no-repeat !important;
  background-size: contain !important;
}

/* 전역 aspect-ratio가 남았을 때의 안전장치 */
.main_section .swiper-container,
.cates_content .swiper-container,
.list .swiper-container {
  aspect-ratio: auto !important;
  height: auto;
}

.swiper-container.cardnews .swiper-slide {
  width: auto !important;
}

/* ========== 유튜브 섹션 크기/위치 복원 ========== */
.main_section.sec1 .swiper-container.youtube {
  width: 100% !important;
  max-width: 1200px !important;
  height: 393px !important;
  aspect-ratio: auto !important;
  margin: 0 auto;
  padding-bottom: 170px; 
  overflow: visible !important; /* 양옆 썸네일 보이게 */
}

/* 슬라이드 폭/정렬 */
.main_section.sec1 .youtube .swiper-slide {
  width: 700px !important;
  flex-shrink: 0 !important; /* (= flex-basis auto + shrink 0) */
}

/* 현재 중앙 슬라이드 강조 (선택) */
.main_section.sec1 .youtube .swiper-slide-active {
  z-index: 2;
  transform: scale(1.01);
  transition: transform 0.4s ease;
}

/* 반응형 */
@media (max-width: 1199px) {
  .main_section.sec1 .swiper-container.youtube {
    height: 320px !important;
    padding-bottom: 120px;
  }
  .main_section.sec1 .youtube .swiper-slide {
    width: 90% !important;
  }
}

@media (max-width: 767px) {
  .main_section.sec1 .swiper-container.youtube {
    height: 220px !important;
    padding-bottom: 80px;
  }
  .main_section.sec1 .youtube .swiper-slide {
    width: 90% !important;
  }
}

.main_section.sec1 .swiper-container.youtube { user-select: none; }
.main_section.sec1 .swiper-container.youtube img {
  pointer-events: none;
  -webkit-user-drag: none;
  user-drag: none;
}