@charset "utf-8";

/* 메인비주얼 */
#mainVisual {position:relative; overflow:hidden; z-index:20;height:850px;padding:70px 0px 0px;}
@media screen and (max-width:1600px) {
#mainVisual {padding:0px 0px 0px;}
}
.swiper-container {width:100%;height:100%;}
.swiper-slide {/*background-position: center;background-size: cover;*/}
.main_visual .swiper-slide > img {position:relative;left:50%;margin-left:-600px;top:200px;}
.swiper-button-next {right:20px;}
.swiper-button-prev {left:20px;}
.swiper-slide a.tvlink {display:block; width:200px; height:45px; line-height:25px; background-color:#ce171f; padding:10px; text-align:center; color:#fff!important; font-size:16px; position:absolute; bottom:40%; left:18%; z-index:70000;}
.swiper-slide a.tvlink:hover {background-color:#a41319; }

.home-text {z-index: 2;color:#fff;position:relative;}
.home-text .btn-more2, .home-text .btn-more, .home-text .title, .home-text .desc {  opacity: 0;  -webkit-transition: opacity 0.5s;  -moz-transition: opacity 0.5s;  -ms-transition: opacity 0.5s;  transition: opacity 0.5s;}

.home-text .title {left:50%;margin-left:-783px;position:absolute;top:343px;}
.home-text .desc {left:50%;margin-left:230px;position:absolute;top:395px;}
.home-text .btn-more {left:50%;margin-left:537px;position:absolute;top:603px;}

.home-text.area2 .title {left:50%;margin-left:-768px;position:absolute;top:441px;}
.home-text.area2  .desc {left:50%;margin-left:247px;position:absolute;top:309px;}
.home-text.area2  .btn-more {left:50%;margin-left:539px;position:absolute;top:604px;}

.home-text.area3 .title {left:50%;margin-left:-773px;position:absolute;top:395px;}
.home-text.area3  .desc {left:50%;margin-left:286px;position:absolute;top:263px;}
.home-text.area3  .btn-more {left:50%;margin-left:288px;position:absolute;top:632px;}

.home-text.area4 .title {left:50%;margin-left:-699px;position:absolute;top:293px;}
.home-text.area4  .desc {left:50%;margin-left:183px;position:absolute;top:367px;}
.home-text.area4  .btn-more {left:50%;margin-left:420px;position:absolute;top:777px;}
.home-text.area4  .btn-more2 {left:50%;margin-left:-690px;position:absolute;top:740px;}

.home-text.area5 .title {left:50%;margin-left:-810px;position:absolute;top:428px;}
.home-text.area5  .desc {left:50%;margin-left:197px;position:absolute;top:298px;}
.home-text.area5  .btn-more {left:50%;margin-left:540px;position:absolute;top:637px;}


@keyframes slideUpSkew {
  from {
    opacity: 0;
    transform: translateY(30px) skew(-10deg);
  }
  to {
    opacity: 1;
    transform: translateY(0px) skew(0deg);
  }
}
@keyframes slideUp {
  from {
    opacity: 0;
    transform: translateY(40px);
  }
  to {
    opacity: 1;
    transform: translateY(0px);
  }
}
@keyframes scaleDown {
  from {
    transform: scale(1.05);
  }
  to {
    transform: scale(1);
  }
}
.swiper-slide.swiper-slide-active .sub-title[data-effect='slideUpSkew'] {
  animation: slideUpSkew 1s .5s ease 1 forwards;
}
/*.swiper-slide.swiper-slide-active .title[data-effect='slideUpSkew'] {
  animation: slideUpSkew 1s .7s ease 1 forwards;
}*/
.swiper-slide.swiper-slide-active .title[data-effect='slideUp'] {
  animation: slideUp 1s .7s ease 1 forwards;
}
.swiper-slide.swiper-slide-active .desc[data-effect='slideUp'] {
  animation: slideUp 1s .9s ease 1 forwards;
}
.swiper-slide.swiper-slide-active .btn-more[data-effect='slideUp'] {
  animation: slideUp 1s 1.1s ease 1 forwards;
}
.swiper-slide.swiper-slide-active .btn-more2[data-effect='slideUp'] {
  animation: slideUp 1s 1.3s ease 1 forwards;
}

.main_visual .swiper-pagination-white {bottom:40px;}
.main_visual .swiper-pagination-white .swiper-pagination-bullet {width:18px;height:18px;border:solid 3px #fff;background:none;opacity:1;transition:all .4s ease}
.main_visual .swiper-pagination-white .swiper-pagination-bullet-active {width:57px;border-radius:57px;background:#dc3e54;border:0px;}
.main_visual .main_visual_link {width:100%;height:100%;}
.main_visual .main_visual_link a {display:block;border:solid 0px red;width:100%;height:100%;text-indent:-9999px;}
/* 메인핫이슈 롤링 */
#section1 {padding:60px 0px 60px;}
#section1 .innerContainer.main_isuu {position:relative; width:1600px; margin:auto}
#section1 .main_isuu .title {text-align:center;margin-bottom:27px;}
#section1 .swiper-slide a {display: block;width: 100%;height: 100%;}
#section1 .swiper-slide img {width:100%; height: 100%; object-fit: cover;}
#section1 .swiper-slide img.hover {opacity: 0;position: absolute;top: 0;left: 0;transition: all 0.5s ease;}
#section1 .swiper-slide:hover img.hover {opacity: 1;}
#section1 .swiper-pagination-{position:absolute; top:60px; right:0px;width:auto;text-align:left;font-size:0; z-index:30}
#section1 .swiper-pagination- .swiper-pagination-bullet-active {background:#ec3750;width:12px;border-radius:50px;}
#section1 .swiper-pagination-bullet {width:12px;height:12px;background:#ccc;border-radius:30px;transition:all .3s ease;opacity:1;margin:0px 3px;}
#section1 .swiper-button-prev {left:-70px;color:#ccc;font-size:60px;}
#section1 .swiper-button-next {right:-50px;color:#ccc;font-size:60px;}
#section1 .swiper-button-next, #section1 .swiper-button-prev {margin-top:0px;}
/*최신글*/
#section1 .main_latest {position:relative; width:1600px; margin:auto;font-size:0px;}
#section1 .main_latest > div {display:inline-block;border-left:solid 1px #edecea;vertical-align:top;padding-top:70px;padding-left:30px;padding-right:30px;}
#section1 .main_latest > div:last-child {border-right:solid 1px #edecea;}
#section1 .main_latest > div.left {width:25%;}
#section1 .main_latest > div.middle {width:25%;}
#section1 .main_latest > div .title {background:url('../img/main_latest_line.jpg') no-repeat left 3px;padding-left:20px;position:relative;}
#section1 .main_latest > div .title h1 {font-size:24px;display:block;color:#555;}
#section1 .main_latest > div .title h1 span {font-size:8px;display:block;color:#ec3750;font-family:'S-CoreDream';padding-left:3px;letter-spacing:0px;text-transform:uppercase;}
#section1 .main_latest > div .title p {position:absolute;right:0px;top:3px;}
#section1 .main_latest > div .title p a {width:35px;height:35px;background:#9b9b9b;text-align:center;color:#fff;font-size:20px;display:block;padding-top:6px;}
#section1 .main_latest > div .lt ul {background:#f5f5f5;padding:20px;margin-top:20px;}
#section1 .main_latest > div .lt ul li {margin-bottom:5px;position:relative;}
#section1 .main_latest > div .lt ul li a {color:#666;font-size:14px;}
#section1 .main_latest > div .lt ul li p {position:absolute;right:0px;top:0px;color:#9d9d9d;}

#section1 .main_latest > div.right {width:50%;font-size:12px;}
#section1 .main_latest > div.right .mainlatest {margin-top:20px;font-size:0px;}
#section1 .main_latest > div.right .mainlatest .tab_cont {display:inline-block;margin-right:7px;width:605px;height:209px;overflow:hidden;vertica-align:top;position:relative;}
#section1 .main_latest > div.right .mainlatest .tab_cont > div {position:absolute;opacity:1;width:100%;height:209px;}
#section1 .main_latest > div.right .mainlatest .tab_cont > div:nth-child(2) {opacity:0;}
#section1 .main_latest > div.right .mainlatest .tab_cont > div:nth-child(3) {opacity:0;}
#section1 .main_latest > div.right .mainlatest .tab_cont > div:nth-child(4) {opacity:0;}
#section1 .main_latest > div.right .mainlatest .tab_cont > div:nth-child(5) {opacity:0;}
#section1 .main_latest > div.right .mainlatest .tab_cont > li {/*display:none;*/opacity:0;position:absolute;top:0px;}
#section1 .main_latest > div.right .mainlatest .tab_cont > li.on {/*display:block;*/opacity:1;}
#section1 .main_latest > div.right .mainlatest .tab_gnb {display:inline-block;width:125px;vertical-align:top;}
#section1 .main_latest > div.right .mainlatest .tab_gnb li {margin-bottom:3px;text-align:center;}
#section1 .main_latest > div.right .mainlatest .tab_gnb li a {display:block;background:#f5f5f5;color:#666;padding:11.3px 0px;font-size:14px;}
#section1 .main_latest > div.right .mainlatest .tab_gnb li.on a {background:#ec3952;color:#fff;}
#section1 .realstory .swiper-button-prev {left:10px;color:#fff;font-size:30px;}
#section1 .realstory .swiper-button-next {right:10px;color:#fff;font-size:30px;}
#section1 .realstory .swiper-button-next, #section1 .realstory .swiper-button-prev {margin-top:-20px;background:none;}

/* 메인모델 */
#section2 {/*background:url('../img/main_model_bg.jpg') no-repeat center top*/background:#f7f7f7;padding:60px 0px 60px;}
#section2 .innerContainer {position:relative; width:1600px;}
#section2 .model .title {text-align:center;margin-bottom:27px;}
#section2 .main_model {width:1600px;margin:0px auto;}
#section2 .swiper-pagination-model {position:absolute;right:0px;top:60px;}
#section2 .swiper-pagination-model .swiper-pagination-bullet-active {background:#ff7777;width:12px;border-radius:50px;}
#section2 .swiper-pagination-bullet {width:12px;height:12px;margin-left:5px;}

/* 메인미디어 */
/* 유튜브*/
#section3 {position:relative;padding:60px 0px 46px;}
#section3 #main_cancer .title {text-align:center;margin-bottom:32px;}
#section3 #main_cancer {width:100%;position:relative;}
#section3 #main_cancer .play_mov {overflow:auto;}
#section3 #main_cancer .play_mov .play_left{float:left; width:1010px; height:568px}
#section3 #main_cancer .play_mov .play_right{float:right; width:550px; height:510px; font-size:0px; }
#section3 #main_cancer .play_mov .play_right a{display:inline-block;width:35%;margin-right:5%;}
#section3 #main_cancer .play_mov .play_right div.txtArea{display:inline-block;width:50%;text-align:left;}
#section3 #main_cancer .play_mov .play_right div.txtArea h1 {font-size:20px;color:#474747;vertical-align:top;}
#section3 #main_cancer .play_mov .play_right div.txtArea span { color:#999; font-size:16px;display:inline-block;margin-top:15px;vertical-align:top;}

#section3 #main_cancer .process {width:100%;vertical-align:top;}
#section3 #main_cancer .process ul {font-size:0px;}
#section3 #main_cancer .process ul li {width:100%;display:inline-block;border-top:solid 1px #ddd;height:99px;padding:10px 0px;}
#section3 #main_cancer .process ul li:last-child{/*margin-right:0px;*/}
#section3 #main_cancer .process ul li img {width:100%;}
#section3 #main_cancer .swiper-slide {}

#section3 .swiper-pagination-media {bottom:20px;position:absolute;}
#section3 .swiper-pagination-media .swiper-pagination-bullet {width:8px;height:8px;background:#d2d2d2;opacity:1;transition:all .4s ease;margin-right:10px;}
#section3 .swiper-pagination-media .swiper-pagination-bullet-active {width:57px;border-radius:57px;background:#dc3e54;border:0px;}

#section3 #main_cancer .swiper-button-prev-, #section3 #main_cancer .swiper-button-next- {position:absolute;top:auto;bottom:10px;background:#666;width:35px;height:35px;text-align:center;padding-top:8px;opacity:0.5;z-index:10;}
/*#section3 #main_cancer:hover .swiper-button-next- {opacity:1;}
#section3 #main_cancer:hover .swiper-button-prev- {opacity:1;}*/
#section3 #main_cancer .swiper-button-prev- i, #section3 #main_cancer .swiper-button-next- i {font-size:20px;color:#fff;}
#section3 #main_cancer .swiper-button-next- {right:0px;}
#section3 #main_cancer .swiper-button-prev- {right:45px;}

.main_line {width:100%;height:38px;background:url('../img/main_sasun_line.jpg') no-repeat center top;}

/* 메인배너 */
#section4 {position:relative;padding:60px 0px;}
#section4 .title {text-align:center;margin-bottom:40px;}
#section4 .main_banner {font-size:0px;}
#section4 .main_banner > div {display:inline-block;width:25%;border-left:solid 1px #ddd;padding:0px 34px;text-align:center;}
#section4 .main_banner > div figure {margin:0px;padding:0px;}
#section4 .main_banner > div h1 {margin-top:45px;color:#000;font-size:25px;}
#section4 .main_banner > div em {margin-top:15px;color:#ec3750;font-size:8px;font-family:'S-CoreDream';display:block;font-weight:600;letter-spacing:1px;}
#section4 .main_banner > div span {margin-top:15px;color:#999;font-size:16px;display:block;}
#section4 .main_banner > div img {width:100%;}
#section4 .main_banner > div:last-child {border-right:solid 1px #ddd;} 

/* 메인상담창 */
#section5 {position:relative;background:url('../img/inquiry_bg_new.jpg') no-repeat center top;margin-top:50px;}
#section5 .main_inquiry_new {position:relative;font-size:0px;padding:65px 0px 70px;}
#section5 .imgArea {display:inline-block;vertical-align:top;width:765px;text-align:right;padding-right:40px;}
#section5 .inquiryArea {display:inline-block;vertical-align:top;width:835px;}


#section5 .inquiryArea {}
#section5 .inquiryArea .inquiry_form {margin:0px auto;padding-left:40px;position:relative;}
#section5 .inquiryArea .inquiry_form ul {font-size:0px;text-align:left;}
#section5 .inquiryArea .inquiry_form ul li {display:block;font-size:14px;width:auto;padding:0px;color:#fff;margin-bottom:5px;}
#section5 .inquiryArea .inquiry_form ul li span {width:100px;display:inline-block;text-align:right;margin-right:10px;vertical-align:bottom;padding-bottom:10px;}

#section5 .inquiryArea .inquiry_form ul li input {width:340px;height:35px;}
#section5 .inquiryArea .inquiry_form ul li textarea {width:340px;height:90px;padding:10px 15px;}
#section5 .inquiryArea .inquiry_form ul li input[type='text'] {padding:10px 15px;}
#section5 .inquiryArea .inquiry_form ul li input[type='checkbox'] {position:relative;top:-1px;width:auto;height:auto;}
#section5 .inquiryArea .inquiry_form .check a {}
#section5 .inquiryArea .inquiry_form div.check {width:auto;position:absolute;left:500px;top:110px;color:#fff;}
#section5 .inquiryArea .inquiry_form div.check a {background:#f24864;color:#fff;border:0px;padding:5px 15px;margin-left:10px;display:inline-block;}
#section5 .inquiryArea .inquiry_form > span {display:inline-block;font-size:12px;border:0px;position:absolute;left:500px;top:0px;height:99px;}
#section5 .inquiryArea .inquiry_form > span input[type='submit'] {background:#f24864;color:#fff;border:0px;padding:0px 65px;height:99px;font-size:20px;cursor:pointer;}
#section5 .inquiryArea .inquiry_form .title_form {display:inline-block;position:absolute;left:20px;top:20px;}











































