@charset "utf-8";
.main-center{width:var(--min-con-width); margin:0 auto}


#main-mv{ position:relative}
#main-mv .sub-txt{ position:absolute; left:calc(50% - 654px); top:calc(50% - 270px); width:586px; height:90px;}
#main-mv .sub-img{ position:absolute; left:calc(50% - 654px); top:calc(50% - 144px); width:776px; height:513px; z-index:300}
#main-mv .sub-img .sub-imgSwier{ width:100%; height:100%; overflow:hidden}
#main-mv .sub-img .sub-imgSwier .swiper-wrapper{ width:100%; height:100%; }
#main-mv .sub-img .sub-imgSwier .swiper-slide {  width:100%; }
#main-mv .sub-img .sub-imgSwier .swiper-slide img{ width:100%; overflow: hidden;}
#main-mv .main-movie{ position:absolute; top:21.46vw; left:50%; transform: translate(0, 0); width:36.46vw; height:20.52vw; border-radius: var(--border-radius-25); background:var(--gray-f3f); z-index:10; font-size:0; overflow: hidden;
/*height:0; min-height:0; margin-top:5.97vw; padding-bottom:56.25%; overflow:hidden; position:relative*/}
#main-mv .main-movie iframe,
#main-mv .main-movie embed,
#main-mv .main-movie object,
#main-mv .main-movie img{ position:absolute; top:0;left:0;width:100%; height:100%;}

#main-mv .mv-inner .swiper-inner{ width:100%; height:100%; }
#main-mv .mv-inner .swiper-inner img{ width:100%; height:100%}

#main-mv .mv-inner .swiper.main_mv_sw{width:100%;}
#main-mv .mv-inner .swiper.main_mv_sw .swiper-wrapper{position:relative; width:100%; height:100%; }
#main-mv .mv-inner .swiper.main_mv_sw .swiper-slide img{width:100%; height:auto; max-width:100%; }

@media (max-width:1800px){

  #main-mv .sub-txt{ position:absolute; left:calc(50% - 34.06vw); top:calc(50% - 14.06vw); width:30.52vw; height:4.69vw;}
  #main-mv .sub-img{ position:absolute; left:calc(50% - 34.06vw); top:calc(50% - 7.50vw); width:40.42vw; height:26.72vw;}

}

@media (max-width:1280px){

#main-mv{ position:relative; }
#main-mv img{ width:100%; height:100%; object-fit: cover; }

}

@media (max-width:768px){

  
#main-mv{margin-top:21.11vw }
#main-mv .sub-txt{display:none}
#main-mv .sub-img{ position:absolute;top:unset; bottom:7.36vw; left:50%; transform: translate(-50%, 0); width:94.44vw; height:55.56vw; border-radius: var(--border-radius-25); background:var(--gray-f3f); z-index:10; font-size:0; overflow: hidden; display:flex}


}


/*전체이벤트*/
#main-program{ display:flex; flex-direction:column; justify-content: center; align-items: center; padding:183px 0 0 0}
#main-program .tit-inner {display:flex; flex-direction:column; justify-content: flex-start; align-items: center; margin-bottom:58px}
#main-program .tit-inner h4{font-size:var(--font-size-20); font-weight:var(--weight-medium); margin-bottom:14px}
#main-program .tit-inner h3{font-size:var(--font-size-50); font-weight:var(--weight-semibold); margin-bottom:21px}
#main-program .tit-inner a{display:flex; justify-content: center; align-items: center;}
#main-program .tit-inner a span{display:flex; justify-content: center; align-items: center; color:var(--gray-999); font-size:var(--font-size-22); font-weight:var(--weight-medium); position:relative; padding-right:14px}
#main-program .tit-inner a span:after{content:"";position:absolute;top:4px;right:0;width:11px; height:18px; background:url("/theme/basic/img/main/ic-view-more.svg") no-repeat 0 0; background-size:cover}
#main-program .swiper-inner{width:100%; max-width:100%; height:693px; margin:0 auto; position:relative; }

#main-program .program-swiper .swiper { width: 100%; position:absolute; top:0; left:calc(50%); overflow:hidden; transform: translate(-50% , 0); padding:0; height:100%}
#main-program .program-swiper .swiper .swiper-wrapper{ width:100%; height:100%;}
#main-program .program-swiper .swiper-slide {  display:inline-flex; text-align: center; width:auto; flex-direction: column; justify-content: flex-start; align-items: center; }
#main-program .program-swiper .swiper-slide .img img{ width:100%; border-radius: var(--border-radius-25); overflow: hidden;}
#main-program .program-swiper .swiper-slide .img,
#main-program .program-swiper .swiper-slide .programTitm,
#main-program .program-swiper .swiper-slide .programTxt { margin:0 auto}

#main-program .program-swiper .swiper-slide .img{  background-position: center;  background-size: cover;  width: 594px !important;  height: 466px; margin-top:104px; filter: grayscale(100%); opacity:0.5}
#main-program .program-swiper .swiper-slide .programTit{ opacity:0 }
#main-program .program-swiper .swiper-slide .programTxt{ opacity:0 }

#main-program .program-swiper .swiper-slide.swiper-slide-active{  width:auto;  height: 570px; }
#main-program .program-swiper .swiper-slide.swiper-slide-active a{ width:100%; height:100% }
#main-program .program-swiper .swiper-slide.swiper-slide-active .img{  width: 726px !important;  height: auto; margin-top:0; filter: none; opacity:1}
#main-program .program-swiper .swiper-slide.swiper-slide-active .programTit{ opacity:1; color:var(--gray-767); height:77px; display:flex; justify-content: center; align-items: center;}
#main-program .program-swiper .swiper-slide.swiper-slide-active .programTxt{ opacity:1; color:var(--black); height:57px; display:flex; justify-content: center; align-items: center;}


#main-program .swiper-inner .program-swiper .swiper-pagination { position: absolute; top: 0; left: 50%; transform: translate(-446px, 0); display:flex; justify-content: center; align-items: center; width:58px; height:72px; font-size:0;z-index:20}
#main-program .swiper-inner .program-swiper .swiper-pagination .swiper-pagination-current{ font-size:var(--font-size-60); color:var(--gray-d8d); font-weight:var(--weight-light)}
#main-program .swiper-inner .program-swiper .swiper-pagination .swiper-pagination-current:before{ content:"0"}
#main-program .swiper-inner .program-swiper .swiper-pagination .swiper-pagination-total{ display:none }
#main-program .swiper-inner .program-swiper .swiper-pagination-bullet { width:auto; height: 30px; background: transparent; opacity: 1; color:var(--gray-c4c); font-size:var(--font-size-18); font-weight:var(--weight-semibold); margin:0 28px; padding-bottom:5px; border-bottom:3px solid var(--white) ; border-width:0 0 3px 0; border-radius: 0;}
#main-program .swiper-inner .program-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active { }

#main-program .program-swiper .swiper-button-prev,
#main-program .program-swiper .swiper-button-next {
  position: absolute;
  top: 636px;
  width: 57px;
  height: 57px;
  margin-top:10px;
  z-index: 10;
  cursor: pointer;
  border:1px solid var(--black);
  border-radius: 35px;
  background-image:url("/theme/basic/img/main/ic-pms-arrow.svg");
  background-size: 11px 22px;
  background-position: center;
  background-repeat: no-repeat;
}
#main-program .program-swiper .program-button.swiper-button-prev {left:50%; transform:translate(-363px , 0);}
#main-program .program-swiper .program-button.swiper-button-next {
   
right:unset;
left:50%; transform:translate(303px , 0) rotate(-180deg);

}

#main-program .program-swiper .program-button.swiper-button-prev:hover,
#main-program .program-swiper .program-button.swiper-button-next:hover{ opacity:0.3 }

@media (max-width:1280px){


  #main-program{ padding:14.30vw 0 0 0}
  #main-program .tit-inner { margin-bottom:4.53vw}
  #main-program .tit-inner h4{ margin-bottom:1.09vw}
  #main-program .tit-inner h3{ margin-bottom:1.64vw}
  #main-program .tit-inner a span{ padding-right:1.09vw}
  #main-program .tit-inner a span:after{ top:0.31vw;right:0;width:0.86vw; height:1.41vw; }
  #main-program .swiper-inner{ height:54.14vw; }
  
  #main-program .program-swiper .swiper-slide .img{ width: 46.41vw !important;  height: 36.41vw; margin-top:8.13vw; }
  
  #main-program .program-swiper .swiper-slide.swiper-slide-active{ width:56.72vw ; height: 44.53vw; }
  #main-program .program-swiper .swiper-slide.swiper-slide-active a{ width:100%; height:100% }
  #main-program .program-swiper .swiper-slide.swiper-slide-active .img{  width: 100% !important; margin-bottom:4.53vw}
  #main-program .program-swiper .swiper-slide.swiper-slide-active .programTit{ height:6.02vw; }
  #main-program .program-swiper .swiper-slide.swiper-slide-active .programTxt{ height:4.45vw; }
    
  #main-program .swiper-inner .program-swiper .swiper-pagination { transform: translate(-34.84vw, 0); width:4.53vw; height:5.63vw; }
  #main-program .swiper-inner .program-swiper .swiper-pagination-bullet { height: 2.34vw; margin:0 2.19vw; padding-bottom:0.39vw; border-bottom:0.23vw solid var(--white) ; border-width:0 0 0.23vw 0; }
  
  #main-program .program-swiper .swiper-button-prev,
  #main-program .program-swiper .swiper-button-next {
    position: absolute;
    top: 49.69vw;
    width: 4.45vw;
    height: 4.45vw;
    margin-top:0.78vw;
    z-index: 10;
    border-radius: 2.73vw;
    background-size: 0.86vw 1.72vw;
  }
  #main-program .program-swiper .program-button.swiper-button-prev { transform:translate(-28.36vw , 0);}
  #main-program .program-swiper .program-button.swiper-button-next { transform:translate(23.67vw , 0) rotate(180deg);}
  

}

@media (max-width:768px){

  #main-program{ padding:17.36vw 0 0 0}
  #main-program .tit-inner { margin-bottom:6.94vw}
  #main-program .tit-inner h4{ margin-bottom:2.64vw; font-size:var(--font-size-25)}
  #main-program .tit-inner h3{ margin-bottom:2.64vw; font-size:var(--font-size-48)}
  #main-program .tit-inner a span{ padding-right:2.5vw; font-size:var(--font-size-28)}
  #main-program .tit-inner a span:after{ top:0.71vw;right:0;width:1.73vw; height:3.47vw; background-position:center}
  #main-program .swiper-inner{ height:69.44vw; }
/*
  #main-program .program-swiper .swiper-slide .img{ width: 54.17vw !important;  height: 42.92vw; margin-top:9.72vw }

  #main-program .program-swiper .swiper-slide.swiper-slide-active{ width:66.39vw !important; height: 52.08vw; }
  #main-program .program-swiper .swiper-slide.swiper-slide-active .img{  width: 100% !important; }
    */ 
  #main-program .program-swiper .swiper-slide.swiper-slide-active .programTit{ height:4.17vw; font-size:var(--font-size-25); margin-top:1.94vw}
  #main-program .program-swiper .swiper-slide.swiper-slide-active .programTxt{ height:4.45vw; margin-top:4.78vw  }
 
  #main-program .swiper-inner .program-swiper .swiper-pagination { transform: translate(-40.84vw, 2.19vw); width:4.53vw; height:5.63vw; }
  #main-program .swiper-inner .program-swiper .swiper-pagination .swiper-pagination-current{ font-size:var(--font-size-48);}
  #main-program .swiper-inner .program-swiper .swiper-pagination-bullet { height: 2.34vw; margin:0 2.19vw; padding-bottom:0.39vw; border-bottom:0.23vw solid var(--white) ; border-width:0 0 0.23vw 0; }
  
  #main-program .program-swiper .swiper-button-prev,
  #main-program .program-swiper .swiper-button-next {
    position: absolute;
    top: 52.50vw;
    width: 5.14vw;
    height: 5.14vw;
    margin-top:-1.37vw;
    z-index: 10;
    border-radius: 2.73vw;
    background-size: 2.11vw 2.50vw;
    background-position:center
  }
  
  #main-program .program-swiper .program-button.swiper-button-prev { transform:translate(-35.28vw , 0);}
  #main-program .program-swiper .program-button.swiper-button-next { transform:translate(31.11vw , 0) rotate(180deg);}


}


#main-item{ display:flex; flex-direction:column; justify-content: center; align-items: center; padding:245px 0 0 0}
#main-item > .swiper{ padding:0;}
#main-item .tit-inner {display:flex; flex-direction:column; justify-content: flex-start; align-items: center;}
#main-item .tit-inner h4{font-size:var(--font-size-20); font-weight:var(--weight-medium); margin-bottom:14px}
#main-item .tit-inner h3{font-size:var(--font-size-50); font-weight:var(--weight-bold); margin-bottom:21px}

@media (max-width:1280px){

#main-item{ padding:19.14vw 0 16.56vw 0}
#main-item .tit-inner h4{margin-bottom:1.09vw}
#main-item .tit-inner h3{margin-bottom:1.64vw}

}

@media (max-width:768px){

  #main-item{ padding:21.53vw 0 19.44vw 0}
  #main-item .tit-inner{margin-bottom:0}
  #main-item .tit-inner h4{margin-bottom:2.64vw; font-size:var(--font-size-25)}
  #main-item .tit-inner h3{margin-bottom:4.17vw; font-size:var(--font-size-48)}
  

}


#main-item .swiper-inner { position: relative; width:1220px; height:646px; margin:0 auto; overflow: hidden; padding-top:106px;}
#main-item .laser-swiper .swiper-slide{ width:100%; height:570px; display:flex; justify-content: space-between; align-items: flex-start; }
#main-item .laser-swiper .swiper-slide{ background:var(--white)}
#main-item .swiper-inner .laser-swiper .script{ display:flex; width:510px; flex-direction: column; justify-content: flex-start; align-items: flex-start; }
#main-item .swiper-inner .laser-swiper .script h2{ font-size:var(--font-size-50); font-weight:var(--weight-light); margin-bottom:25px}
#main-item .swiper-inner .laser-swiper .script h3{ margin-bottom:25px; color:var(--gray-525); text-align: left;}
#main-item .swiper-inner .laser-swiper .script p{ position:relative; padding-left:10px;}
#main-item .swiper-inner .laser-swiper .script p:before{ content:"•	"; position:absolute; top:0; left:0;}
#main-item .swiper-inner .laser-swiper .script p strong{ font-weight:var(--weight-semibold)}
#main-item .swiper-inner .laser-swiper .script ul{ display:flex; width:510px; flex-direction: row; justify-content: flex-start; align-items: flex-start; margin-top:28px}
#main-item .swiper-inner .laser-swiper .script ul li{ width:90px; height:90px; border-radius: 45px; background:var(--gray-525);margin-right:14px; color:var(--white); display:flex; justify-content: center; align-items: center;}
#main-item .swiper-inner .laser-swiper .img{ display:flex; width:calc(100% - 510px); display: flex; justify-content: flex-start; align-items: flex-end;}

@media (max-width:1280px){

  #main-item .swiper-inner { width:95.31vw; height:50.47vw; padding-top:8.28vw;}
  #main-item .laser-swiper .swiper-slide{ width:100%; height:44.53vw; }
  #main-item .swiper-inner .laser-swiper .script{ width:39.84vw; }
  #main-item .swiper-inner .laser-swiper .script h2{ margin-bottom:1.95vw}
  #main-item .swiper-inner .laser-swiper .script h3{ margin-bottom:1.95vw }
  #main-item .swiper-inner .laser-swiper .script p{ padding-left:0.78vw;}
  #main-item .swiper-inner .laser-swiper .script ul{ width:39.84vw; margin-top:2.19vw}
  #main-item .swiper-inner .laser-swiper .script ul li{ width:7.03vw; height:7.03vw; border-radius: 3.52vw; margin-right:1.09vw; }
  #main-item .swiper-inner .laser-swiper .img{ display:flex; width:calc(100% - 39.84vw); }
  #main-item .swiper-inner .laser-swiper .img img{ width:100%;}


}

@media (max-width:768px){

  
  #main-item .laser-swiper {margin-top:7.64vw}
  #main-item .swiper-wrapper {justify-content: stretch;}
  #main-item .swiper-inner { padding-top:8.28vw; height:auto; min-height:76.39vw; background:var(--white)}
  #main-item .laser-swiper .swiper-slide{ width:100%; height:145.83vw; flex-direction: column; justify-content: stretch; align-items: center;}
  #main-item .swiper-inner .laser-swiper .script{ width:100%; align-items: center; }
  #main-item .swiper-inner .laser-swiper .script h2{ margin-bottom:2.78vw; text-align: center; font-size:var(--font-size-38)}
  #main-item .swiper-inner .laser-swiper .script h3{ margin-bottom:4.17vw; text-align: center; font-size:var(--font-size-25) !important}
  #main-item .swiper-inner .laser-swiper .script p{ padding-left:2.64vw; text-align: center; font-size:var(--font-size-25) !important; line-height:8.33vw; margin-bottom:0 !important}
  #main-item .swiper-inner .laser-swiper .script ul{ display:none }
  #main-item .swiper-inner .laser-swiper .img{ display:flex; width:85.56vw; height:auto; margin-top:11.81vw}
  #main-item .swiper-inner .laser-swiper .img img{ width:100%;}
  
}


#main-item .swiper-inner .laser-swiper .swiper-pagination.layer-pagination { position: absolute; top: 0; left: 50%; transform: translate(-50%, 0); display:flex; justify-content: center; align-items: center; width:100%; height:30px;}
#main-item .swiper-inner .laser-swiper .swiper-pagination.layer-pagination .swiper-pagination-bullet { width:auto !important; height: 30px !important; background: transparent; opacity: 1; color:var(--gray-c4c); font-size:var(--font-size-18); font-weight:var(--weight-semibold); margin:0 28px; padding-bottom:5px; border-bottom:3px solid var(--white) ; border-width:0 0 3px 0; border-radius: 0; background:var(--white) !important}
#main-item .swiper-inner .laser-swiper .swiper-pagination.layer-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { color:var(--black); border-color:var(--black) }

@media (max-width:1280px){

  #main-item .swiper-inner .laser-swiper .swiper-pagination.layer-pagination { height:2.34vw;}
  #main-item .swiper-inner .laser-swiper .swiper-pagination.layer-pagination .swiper-pagination-bullet { height: 2.34vw !important; margin:0 2.19vw; padding-bottom:0.39vw; border-bottom:0.23vw solid var(--white) ; border-width:0 0 0.23vw 0; }

}


@media (max-width:768px){

  #main-item .swiper-inner .laser-swiper .swiper-pagination.layer-pagination { height:7.08vw; }
  #main-item .swiper-inner .laser-swiper .swiper-pagination.layer-pagination .swiper-pagination-bullet { height: 7.08vw !important; margin:0 3.75vw; padding-bottom:0; border-bottom:0 ; border-width:0; font-size:var(--font-size-27); position:relative;}
  #main-item .swiper-inner .laser-swiper .swiper-pagination.layer-pagination .swiper-pagination-bullet span{  display:flex; padding-bottom:1.94vw}
  #main-item .swiper-inner .laser-swiper .swiper-pagination.layer-pagination .swiper-pagination-bullet span:after { content:""; width:2.64vw; height:0.83vw; background:var(--black); border-radius: 0.5vw; position:absolute; bottom:0; left:50%; transform: translate(-50%, 0); display:flex}

}



#main-story{ margin:190px 0 50px 0}
#main-story .tit-inner {display:flex; flex-direction:column; justify-content: flex-start; align-items: center; margin-bottom:85px}
#main-story .tit-inner h4{font-size:var(--font-size-20); font-weight:var(--weight-medium); margin-bottom:14px}
#main-story .tit-inner h3{font-size:var(--font-size-50); font-weight:var(--weight-bold); margin-bottom:21px}
#main-story .txt-inner h5{font-size:var(--font-size-40); font-weight:var(--weight-light); margin-bottom:45px}
#main-story .txt-inner { display:flex; justify-content: space-between; align-items: flex-start;}
#main-story .txt-inner .left{ width:562px; height:990px; display:flex; flex-direction: column; justify-content: space-between; align-items: flex-end;}
#main-story .txt-inner .right{ width:562px; height:990px; display:flex; flex-direction: column-reverse; justify-content: space-between; align-items: flex-start;}

@media (max-width:1280px){

  #main-story{ margin:0}
  #main-story .tit-inner { margin-bottom:6.64vw; }
  #main-story .tit-inner h4{margin-bottom:1.09vw}
  #main-story .tit-inner h3{margin-bottom:1.64vw}
  #main-story .txt-inner {width:var(--min-con-width); padding:0 2.50vw}
  #main-story .txt-inner h5{margin-bottom:3.52vw}
  #main-story .txt-inner .left{ width:calc((100% - 12.19vw) / 2); height:77.34vw; }
  #main-story .txt-inner .right{ width:calc((100% - 12.19vw) / 2); height:77.34vw; }

}


@media (max-width:768px){
  #main-story .tit-inner {margin-bottom:0}
  #main-story .tit-inner h4{font-size:var(--font-size-25); margin-bottom:9.03vw; text-align: center;}
  #main-story .tit-inner h3{font-size:var(--font-size-48); margin-bottom:4.17vw; text-align: center;}

  #main-story .txt-inner { flex-direction: column; justify-content: flex-start; align-items: center;}
  #main-story .txt-inner .img{ margin-bottom:9.31vw}
  #main-story .txt-inner h5{ margin-bottom:4.86vw; text-align: center; font-size:var(--font-size-48)}
  #main-story .txt-inner p{ text-align: center; font-size:var(--font-size-25) !important; letter-spacing:-0.05rem; line-height:1.8}

  #main-story .txt-inner .left{ width:calc(100% - 9.72vw); height:auto; justify-content: flex-start; align-items: center; margin-bottom:19.44vw}
  #main-story .txt-inner .right{ width:calc(100% - 9.72vw); height:auto; flex-direction: column; justify-content:  flex-start; align-items: center}

}

/*clip*/

#main-clip{ margin:205px 0 0 0; width:1400px}
#main-clip .clip-left {width:920px; height:517px; position:relative; margin-top:45px;}
#main-clip .clip-left iframe {width: 100%; height: 100%; position:absolute; top:0; left:0;}


#main-clip .main-clip { width:100%; display:flex; justify-content:space-between; align-items:flex-start}
#main-clip .clip-right {position:relative; width:448px;  margin-left:32px;}
#main-clip .clip-right .swiper-slide{width:100%;}

#main-clip .clip-right {}
#main-clip .clip-right .swiper-pagination {position:relative; height:35px; text-align:left; line-height:35px;}
#main-clip .clip-right .swiper-pagination span{background:var(--gray-d9d); margin-right:15px; height:12px !important; width:12px !important;}
#main-clip .clip-right .swiper-pagination span.swiper-pagination-bullet-active{background:var(--red-f08);}

#main-clip .clip-right .clip-list .swiper-slide {height: calc(100% / 5); text-align: left; overflow: hidden; position: relative; display: flex; justify-content:flex-start; align-items:center;width: 100%; cursor:pointer; margin-bottom: 0;}
#main-clip .clip-right .clip-list .swiper-slide.on {cursor:pointer;}
#main-clip .clip-right .clip-list .swiper-slide .playBtn {position:absolute; top:50%; margin-top:-8px; width:13px; right:20px;}
#main-clip .clip-right .clip-list .swiper-slide .playBtn img {width:100%;}
#main-clip .clip-right .clip-list .swiper-slide:last-child{margin-bottom:0;}

#main-clip .clip-right .clip-list .swiper-slide .thumb {float:none; display:block; width:155px; height:87px; position:relative; overflow: hidden; margin:0.625rem 0;}
#main-clip .clip-right .clip-list .swiper-slide .thumb:after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; transition:opacity 0.5s;}
#main-clip .clip-right .clip-list .swiper-slide.on .thumb:after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; box-sizing:border-box; opacity:1; transition:opacity 0.5s;}
#main-clip .clip-right .clip-list .swiper-slide .thumb span {height:87px; display:block;}
#main-clip .clip-right .clip-list .swiper-slide .thumb img {width:155px; position:absolute; max-width:none; transition:filter 0.5s;}
#main-clip .clip-right .clip-list .swiper-slide.on .thumb img{filter:none; transition:filter 0.5s; filter: grayscale(100%); }
#main-clip .clip-right .clip-list .swiper-slide .subject { height:107px; color:var(--black); display:flex; flex-direction:column; justify-content:flex-start; align-items:flex-start;font-size:var(--font-size-18); overflow: hidden; width: calc(100% - 174px); white-space: normal; margin-left: 0.563rem; border-bottom:1px solid #D8D8D8; padding-bottom:0.625rem}
#main-clip .clip-right .clip-list .swiper-slide:nth-child(5n) .subject:before{display:none;}
#main-clip .clip-right .clip-list .swiper-slide .subject h3 {  font-size:var(--font-size-20);  color:var(--black);	overflow:hidden;  font-weight:var(--weight-bold);	white-space:nowrap;
	text-overflow:ellipsis;	transition: color 0.5s;  padding-top:1.188rem;  padding-bottom:0.75rem;}
#main-clip .clip-right .clip-list .swiper-slide .subject span { font-size:var(--font-size-18); font-weight:var(--weight-regular); color:var(--gray-5e5);  display:block;}
#main-clip .clip-right .clip-list .swiper-slide.on .subject h3 { color:var(--red-dc5);}

.main-clist{font-size:0}
.main-clist > div{ width: 1400px; display:inline-block; vertical-align:top; cursor:pointer;}
.main-clist > div:nth-child(5n){}
.main-clist > div{display:inline-block; vertical-align:top; cursor:pointer;}


@media (max-width:1280px){



}

/********************************************************************************************************************/


#main-doctor{ margin-top:195px}
#main-doctor .tit-inner {display:flex; flex-direction:column; justify-content: flex-start; align-items: center; margin-bottom:79px}
#main-doctor .tit-inner h3{font-size:var(--font-size-50); font-weight:var(--weight-bold); margin-bottom:21px}
#main-doctor .tit-inner h4{font-size:var(--font-size-20); font-weight:var(--weight-medium); margin-bottom:14px}
#main-doctor .doctor-wrap{ display:flex; justify-content: center; align-items: flex-start; padding: 0 34px; margin-bottom:275px;}
#main-doctor .doctor-wrap .dc-cont{ width:100%; display:flex; justify-content: center; align-items: center; column-gap: 60px;}
#main-doctor .doctor-wrap .dc-cont .img{ width:100%; height:402px; border-radius: 25px 25px 0 0; overflow:hidden}
#main-doctor .doctor-wrap .dc-cont .img img{width:100%; height:auto}
#main-doctor .doctor-wrap .dc-cont h5{ font-size:var(--font-size-30); font-weight:var(--weight-semibold); margin:58px 0 25px 0}
#main-doctor .doctor-wrap .dc-cont .dc-ul{ width:100%; display:flex; flex-direction:column; justify-content: center; align-items: flex-start; }
#main-doctor .doctor-wrap .dc-cont .dc-ul dt{ font-size:var(--font-size-30); font-weight:var(--weight-semibold); margin:0 0 75px 0}
#main-doctor .doctor-wrap .dc-cont .dc-ul dd{ font-size:var(--font-size-20); position:relative; padding-left:10px; color:var(--gray-525); height:32px}
#main-doctor .doctor-wrap .dc-cont .dc-ul dd:before{ content:"·"; font-size:var(--font-size-20); position:absolute; top:0; left:0;}

@media (max-width:1280px){

  #main-doctor{ margin-top:15.23vw}
  #main-doctor .tit-inner {margin-bottom:6.17vw}
  #main-doctor .tit-inner h3{margin-bottom:1.64vw}
  #main-doctor .tit-inner h4{margin-bottom:1.09vw}
  #main-doctor .doctor-wrap{ padding: 0 2.66vw; margin-bottom:21.48vw;}
  #main-doctor .doctor-wrap .dc-cont{ column-gap:4.69vw }
  #main-doctor .doctor-wrap .dc-cont .img{ width:100%; height:31.41vw; border-radius: 1.95vw 1.95vw 0 0; }
  #main-doctor .doctor-wrap .dc-cont .img img{}
  #main-doctor .doctor-wrap .dc-cont h5{margin:4.53vw 0 1.95vw 0}
  #main-doctor .doctor-wrap .dc-cont .dc-ul dt{ margin-bottom:1.95vw}
  #main-doctor .doctor-wrap .dc-cont .dc-ul dd{ padding-left:0.78vw;  height:2.50vw}
}

@media (max-width:768px){

  #main-doctor{ margin-top:13.19vw}
  #main-doctor .doctor-wrap{ flex-direction: column; justify-content: flex-start;}
  #main-doctor .tit-inner { flex-direction:column-reverse; margin-bottom:5.28vw}
  #main-doctor .tit-inner h3{margin-bottom:0; font-size:var(--font-size-48)}
  #main-doctor .tit-inner h4{margin-bottom:2.64vw; font-size:var(--font-size-25)}

  #main-doctor .doctor-wrap{ padding: 0 4.86vw; margin-bottom:21.53vw}
  #main-doctor .doctor-wrap .dc-cont{ width:100%; flex-wrap:wrap }
  #main-doctor .doctor-wrap .dc-cont:nth-of-type(1){ margin-bottom:0 }
  #main-doctor .doctor-wrap .dc-cont .img{ width:100%; height:auto; margin-bottom:6.94vw}
  #main-doctor .doctor-wrap .dc-cont .img img{}
  #main-doctor .doctor-wrap .dc-cont h5{margin:6.81vw 0 4.44vw 0; font-size:var(--font-size-38)}
  #main-doctor .doctor-wrap .dc-cont .dc-ul{ align-items: center;}
  #main-doctor .doctor-wrap .dc-cont .dc-ul dt{ margin-bottom:4.44vw; font-size:var(--font-size-38); }
  #main-doctor .doctor-wrap .dc-cont .dc-ul dd{ padding-left:0.78vw;  height:5.56vw; font-size:var(--font-size-25); text-align: center;}

}


#main-promise{ width:100%; height:886px; display:flex; position:relative}
#main-promise .tit-inner { width:510px; display:flex; flex-direction:column; justify-content: flex-start; align-items: flex-start; padding-top:200px; position:absolute; top:0; left:calc(50% - 610px); z-indeX:10}
#main-promise .tit-inner h3{font-size:var(--font-size-50); font-weight:var(--weight-bold); margin-bottom:14px}
#main-promise .tit-inner h4{font-size:var(--font-size-40); font-weight:var(--weight-light); margin-bottom:21px}
#main-promise .tit-inner p{}
#main-promise .tit-inner a{display:flex; justify-content: center; align-items: center;}
#main-promise .tit-inner a span{display:flex; justify-content: center; align-items: center; color:var(--gray-999); font-size:var(--font-size-22); font-weight:var(--weight-medium); position:relative; padding-right:14px}
#main-promise .tit-inner a span:after{content:"";position:absolute;top:4px;right:0;width:11px; height:18px; background:url("/theme/basic/img/main/ic-view-more.svg") no-repeat 0 0; background-size:cover}
#main-promise .swiper-area { width: calc(100%); position:absolute; top:0; left:calc(50% - 100px);  padding:0; height:100%;  z-index:20}
#main-promise .pms-swiper{ width:100%; height:100%; overflow:hidden;}
#main-promise .pms-swiper .swiper-wrapper{ width:100%; height:100%; }

#main-promise .pms-swiper .swiper-slide { background:var(--white); height:638px; display:inline-flex; width:auto; min-width:357px; margin-right:66px; flex-direction:column; justify-content: flex-start; align-items: flex-start; }
#main-promise .pms-swiper .swiper-slide .rect{ height:485px; border-radius:var(--border-radius-25); background:var(--white); box-shadow: 0 4px 30px rgba(0,0,0,0.05); overflow:hidden; margin-top:153px; }
#main-promise .pms-swiper .swiper-slide .img{ width:100%; height:269px; overflow:hidden; margin:0}
#main-promise .pms-swiper .swiper-slide .img img{ width:100%; height:auto;}
#main-promise .pms-swiper .swiper-slide .script{ width:100%; height:216px; padding:23px 0 0 36px}
#main-promise .pms-swiper .swiper-slide .script *{ text-align: left;}
#main-promise .pms-swiper .swiper-slide .script h3{ width:100%; height:59px}
#main-promise .pms-swiper .swiper-slide .script p{ width:100%; }
#main-promise .pms-swiper .swiper-slide.swiper-slide-active{ height:unset}
#main-promise .pms-swiper .swiper-slide.swiper-slide-active .rect{ width:445px; height:638px; margin-top:0}
#main-promise .pms-swiper .swiper-slide.swiper-slide-active .img{ width:100%; height:422px /*transform: scale(1.1);*/}
#main-promise .pms-swiper .swiper-slide.swiper-slide-active .img img{ width:100%; height:auto}

#main-promise .pms-button.swiper-button-prev,
#main-promise .pms-button.swiper-button-next {
  position: absolute;
  top: 509px;
  width: 57px;
  height: 57px;
  margin-top: -35px;
  z-index: 10;
  cursor: pointer;
  border:1px solid var(--black);
  border-radius: 35px;
  background-image:url("/theme/basic/img/main/ic-pms-arrow.svg");
  background-size: 11px 22px;
  background-position: center;
  background-repeat: no-repeat;
}
#main-promise .pms-button.swiper-button-prev {left:0}
#main-promise .pms-button.swiper-button-next {
   
right:unset;
left:66px;  
transform: rotate(-180deg);

}

#main-promise .pms-button.swiper-button-prev:hover,
#main-promise .pms-button.swiper-button-next:hover{ opacity:0.3 }


@media (max-width:1280px){

  #main-promise{ height:69.22vw;}
  #main-promise .tit-inner { width:39.84vw; padding-top:15.63vw; left:calc(50% - 47.66vw); }
  #main-promise .tit-inner h3{ margin-bottom:1.09vw}
  #main-promise .tit-inner h4{ margin-bottom:1.64vw}
  #main-promise .tit-inner a span{ padding-right:1.09vw}
  #main-promise .tit-inner a span:after{ top:0.31vw;right:0;width:0.86vw; height:1.41vw; }
  #main-promise .swiper-area { left:calc(50% - 7.81vw); }
  
  #main-promise .pms-swiper .swiper-slide { height:49.84vw; min-width:27.89vw; margin-right:5.16vw; }
  #main-promise .pms-swiper .swiper-slide .rect{ height:37.89vw; box-shadow: 0 0.31vw 2.34vw rgba(0,0,0,0.05); margin-top:11.95vw; }
  #main-promise .pms-swiper .swiper-slide .img{ height:21.02vw; }
  #main-promise .pms-swiper .swiper-slide .script{ width:100%; height:16.88vw; padding:1.80vw 0 0 2.81vw}
  #main-promise .pms-swiper .swiper-slide .script h3{ width:100%; height:4.61vw}
  #main-promise .pms-swiper .swiper-slide.swiper-slide-active .rect{ width:34.77vw; height:49.84vw; }
  #main-promise .pms-swiper .swiper-slide.swiper-slide-active .img{ width:100%; height:32.97vw}
  
  #main-promise .pms-button.swiper-button-prev,
  #main-promise .pms-button.swiper-button-next {
    position: absolute;
    top: 39.77vw;
    width: 4.45vw; height: 4.45vw; margin-top: -2.73vw;
    border-radius: 2.73vw;
    background-size: 0.86vw 1.72vw;
  }
  #main-promise .pms-button.swiper-button-prev {left:0}
  #main-promise .pms-button.swiper-button-next {
  right:unset;
  left:5.16vw;  
  transform: rotate(-180deg);  
  }

}


@media (max-width:768px){

  #main-promise { height:150.42vw; margin-bottom:19.44vw}
  #main-promise .swiper-inner{width:100%; display:flex;flex-direction: column; justify-content: flex-start;}
  #main-promise .swiper-inner .tit-inner{position:relative; left:unset; top:unset; width:100%; display:flex; flex-direction: column; justify-content: center; align-items: center; z-index:5; padding-top:0}
  #main-promise .swiper-inner .tit-inner h3{font-size:var(--font-size-48)}
  #main-promise .swiper-inner .tit-inner h4{font-size:var(--font-size-25); font-weight:var(--weight-medium)}
  #main-promise .swiper-inner .tit-inner p{display:none}
  #main-promise .swiper-inner .swiper-area{position:relative; left:unset; top:unset; width:100%; display:flex; z-index:10; margin-top:9.31vw}

  #main-promise .pms-swiper .swiper-slide { height:103.89vw; width:72.50vw; min-width:unset; margin:0 4.03vw}
  #main-promise .pms-swiper .swiper-slide .rect{ height:79.03vw; box-shadow: 0 0.31vw 2.34vw rgba(0,0,0,0.05); margin-top:25.00vw; }
  #main-promise .pms-swiper .swiper-slide .img{ height:43.47vw; }
  #main-promise .pms-swiper .swiper-slide .script{ width:100%; height:calc(100% - 43.47vw); padding:3.19vw 6.25vw 0 6.25vw}
  #main-promise .pms-swiper .swiper-slide .script h3{ width:100%; height:9.72vw; font-size:var(--font-size-38) !important}
  #main-promise .pms-swiper .swiper-slide .script p{ font-size:var(--font-size-24) !important; line-height:1.2}
  #main-promise .pms-swiper .swiper-slide.swiper-slide-active{ width:72.50vw; }
  #main-promise .pms-swiper .swiper-slide.swiper-slide-active .rect{ height:103.89vw; width:72.50vw; }
  #main-promise .pms-swiper .swiper-slide.swiper-slide-active .img{ width:100%; height:68.75vw}
  #main-promise .pms-swiper .swiper-slide .script{ width:100%; height:calc(100% - 43.47vw); padding:3.19vw 6.25vw 0 6.25vw}

  #main-promise .pms-button.swiper-button-prev,
  #main-promise .pms-button.swiper-button-next {
    position: absolute;
    top: unset; bottom:0;
    width: 15.14vw; height: 15.14vw; margin-top: -7.57vw;
    border-radius: 7.57vw;
    background-size: 4.31vw 8.61vw;
  }
  #main-promise .pms-button.swiper-button-prev {left:calc(50% - 17.64vw)}
  #main-promise .pms-button.swiper-button-next {
  left:unset;
  right:calc(50% - 17.08vw);  
  transform: rotate(-180deg);  
  }

}

#main-map{ width:100%; height:560px; display:flex; justify-content: center; align-items: flex-start;}
#main-map .left{ width:44.79vw; height:100%; background:var(--gray-4a4); display:flex; flex-direction:column; justify-content: center; align-items: flex-end}
#main-map .left *{ color:var(--white)}
#main-map .left h3{ width:510px; font-size:vaR(--font-size-50); font-weight:var(--weight-bold)}
#main-map .left p{ width:510px; position:relative; padding-left:26px; margin:24px 0;}
#main-map .left p:before{ content:""; width:15px; height:21px; background:url("/theme/basic/img/main/ic-map.svg") no-repeat 0 0;  background-size:cover; position:absolute; top:0; left:0;}
#main-map .left .map-ul{ width:510px; }
#main-map .left .map-ul li{ display:flex; justify-content: flex-start; align-items: flex-start; margin-bottom:17px;}
#main-map .left .map-ul li .label{ width:104px; font-weight:var(--weight-semibold)}
#main-map .left .map-ul li .map-txt{ width:calc(100% - 104px)}
#main-map .left .map-ul li:last-child{ margin-bottom:0}
#main-map .left .map-ul li .map-txt-ul{}
#main-map .left .map-ul li .map-txt-ul li{}
#main-map .left .map-ul li .map-txt-ul li .slabel{ width:125px; }
#main-map .right{ width:calc(100% - 44.79vw); height:100%}
#main-map .right .wrap_controllers{ display:none}
#main-map .right .root_daum_roughmap{ width:100%; height:100%}
#main-map .right .root_daum_roughmap .wrap_map{ height:100%}

@media (max-width:1280px){

  #main-map{ width:100%; height:43.75vw; }
  #main-map .left{ width:44.79vw; }
  #main-map .left h3{ width:39.84vw; }
  #main-map .left p{ width:39.84vw; padding-left:2.03vw; margin:1.88vw 0;}
  #main-map .left p:before{ width:1.17vw; height:1.64vw; }
  #main-map .left .map-ul{ width:39.84vw; }
  #main-map .left .map-ul li{ margin-bottom:1.33vw;}
  #main-map .left .map-ul li .label{ width:8.13vw; }
  #main-map .left .map-ul li .map-txt{ width:calc(100% - 8.13vw)}
  #main-map .left .map-ul li .map-txt-ul li .slabel{ width:9.77vw; }
  #main-map .right{ width:calc(100% - 44.79vw); }

}


@media (max-width:768px){
  
  #main-map{ flex-direction: column-reverse; justify-content: flex-start; height:95.83vw}
  #main-map .left{ display:none}
  #main-map .right{ width:100%; }


}