@charset "euc-kr";


@font-face {
    font-family: 'InkLiquid';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/InkLipquid.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}

#footer {margin-top:0px;}
/* Çì´õ */
#header {/*top:20px;background:none;padding:0px 0px;*/ padding:20px 0;}
#header:before {display:block;}
.dark #header {background:none;}


/* ----------------------------- ¸ÞÀÎÆäÀÌÁö ½ºÅ¸ÀÏ ----------------------------- */
#smipImgDiv{display:none !important;}

.inner {width:1400px; margin:0 auto; position:relative}
.swiper-button-next:after, .swiper-button-prev:after{display:none;}


.main_inner {width: 1500px;margin: 0 auto;box-sizing:border-box}
.mainSec1 {padding-top: 70px;}
.mainSec1_inner {max-width:1660px;margin: 0px auto;position: relative;padding-top: 125px;}
.mainSec1 .mbTit_box {position: absolute;left:0px;top:63px;height:270px;overflow:hidden;width:100%;}
.mainSec1 .mbTit_box .svgclass {width:1632px;height:270px;}
.mainSec1 .mbTit_box .main_visual_tran_txt {fill:none;stroke:#ddd;stroke-width:2px;font-size:128px;font-family:Poppins-Bold,Poppins;font-weight:700;opacity:.4;line-height:1;}
.mainSec1 .mbTit_box p {overflow:hidden;height:140px;line-height:1;}
.mainSec1 .mbTit_box p span {font-size:140px;display:block;transform:translateY(100%);transition:transform 1s ease-in-out;font-family:Poppins-Bold,Poppins;font-weight:800;color:#e6e6e6;line-height:1;opacity:0.4}
.mainSec1 .swiper-slide-active .mbTit_box p span {transform:translateY(0);}




.mainSec1 .txt_box {position: relative;}
.mainSec1 .txt_box h2 {font-size:55px;line-height: 64px;color: #000;position: relative;z-index: 9;display: inline-block;vertical-align: top;}
.mainSec1 .txt_box h2 p {overflow: hidden;font-size:55px;}
.mainSec1 .txt_box h2 p span {display: block;transform:translateY(100%);transition:transform 1s ease-in-out;font-family:'S-CoreDream';font-weight:500;}
.mainSec1 .swiper-slide-active .txt_box h2.gogo p span {transform:translateY(0);}
.mainSec1 .txt_box h2 p span.green {color:#3f8b6f;}




.mc1_img_wrap {margin-top: 42px;padding-top: 42.4%;}
/* .main_img{margin-top:0px;} */
.mc1_img_wrap.main1 {background: url('../../img/main_new02.jpg') no-repeat center top;background-size:cover;}
.mc1_img_wrap.main2 {background: url('../../img/main_visual2.jpg') no-repeat center top;background-size:cover;}
.mc1_img_wrap.main3 {background: url('../../img/main_visual3.jpg') no-repeat center top;background-size:cover;}


.new_main_left{position:absolute; top:37%; left:10%;}


.new_main_text{margin-bottom:30px;}
.new_main_text p.new_main_text_font{font-family: 'InkLiquid'; color:#fff; font-size:70px; text-shadow:0 4px 5px #000;}
.new_main_text p{color:#fff; font-size:28px;}
.new_cp_call a{
font-family:'Pretendard';
display:inline-block;
width:100%;
padding:14px 0;
border:1px solid #fff;

border-radius:50px;
font-size:22px;
text-align:center;
margin-top:30px;
color:#fff;
font-weight:600;
letter-spacing:0;

transition:0.3s ease;
}


.new_cp_kakao a{
font-family:'Pretendard';
display:inline-block;
width:100%;
padding:14px 0;
border:1px solid #fff;
border-radius:50px;
font-size:22px;
text-align:center;
margin-top:15px;
color:#fff;
font-weight:600;
letter-spacing:0;
transition:0.3s ease;
}


.new_cp_call img{width:5%; margin-bottom:2px;}
.new_cp_kakao img{width:5%; margin-right:5px;}

.new_cp_call a:hover{background:#ffffff30;}
.new_cp_kakao a:hover{background:#ffffff30;}

.new_cp_check{margin-top:20px;}
.new_cp_check li{padding:3px 0;}
.new_cp_check img{margin-bottom:10px; margin-right:7px;}
.new_cp_check_text{font-size:20px;}


.new_cp_check_text{color:#fff;}


/* °£ÆíÀÚ°¡Áø´Ü */
.selftest{position:relative; background:url(../../img/selftest_bg.png) center top no-repeat; margin-top:-50px;}
.selftest .left{display:inline-block; width:660px; height:100%; vertical-align:top; padding-top:120px; padding-left:100px;}
.selftest .left .cp1{margin:0px 0 30px;}
.selftest .left .cp1 h2{font-size:30px; font-weight:300;}
.selftest .left .cp2{line-height:1.2;}
.selftest .left .cp2 h1{font-size:70px; color:#393535; font-weight:600;}
.selftest .left .cp2 h1 span{color:#009b00; font-weight:800;}
.selftest .left .cp3{margin:50px 0;}
.selftest .left .cp4 li{display:block; margin-bottom:20px; line-height:20px;}
.selftest .left .cp4 li:last-child{margin-bottom:0;}
.selftest .left .cp4 li span{font-size:18px; color:#393535; font-weight:400;}
.selftest .left .cp4 li img{margin-right:10px; margin-top:-5px;}
.selftest .left .self li a{display:inline-block; text-align:center; width:60%; padding:20px 0; border-radius:50px; background:#009b00; box-shadow:1px 1px 5px #ccc; font-size:20px; color:#fff; font-weight:600;transition:0.3s ease;}
.selftest .left .self li a:hover{background:#393535;}
.selftest .right{display:inline-block; width:650px;}









.websre_main {transition:1s ease;}
.websre_main.active {opacity:1; filter:alpha(opacity=100); transform:translate(0,0)}
.websre_main .swiper-button-next, .websre_main .swiper-button-prev {top:20%;left:50%;margin-left:500px;width:55px;height:55px;background:#000;background-image:none !important;}
.websre_main .swiper-button-next {right:auto;text-align:center;}
.websre_main .swiper-button-next i {color:#fff;font-size:25px;padding-top:0px;}
.websre_main .swiper-button-prev {margin-left:440px;text-align:center;}
.websre_main .swiper-button-prev i {color:#fff;font-size:25px;padding-top:0px;}


/* cosmetic */
.section1 {width:100%;position:relative;padding:60px 110px 0 0px;transform:translate(0,50px); transition:1s ease;}
.section1.active {opacity:1; filter:alpha(opacity=100); transform:translate(0,0)}
.section1 .inner {width:1300px;margin:0px auto;text-align:center;}
.section1 .title {font-family:'S-CoreDream';font-weight:800;color:#2E9361;text-align:center;font-size:60px;display:inline-block;line-height:1;margin-bottom:100px;}
.section1 .content {font-size:0px;}
.section1 .content > div {}
.section1 .content > div > div {}
.section1 .content > div > div h1 {font-size:25px;font-family:'S-CoreDream';font-weight:500;color:#333;text-align:left;margin-bottom:20px;}
.section1 .content > div > div span {overflow:hidden;width:100%;height:100%;display:inline-block;}
.section1 .content > div > div span img {width:100%;transition:1s ease;}
.section1 .content > div > div span:hover img {transform: scale(1.1);}
.section1 .swiper-button-white-next, .section1 .swiper-button-white-prev {position:absolute;top:60%;left:50%;width:55px;height:55px;background:#000;background-image:none !important;}
.section1 .swiper-button-white-next {text-align:center;margin-left:700px;cursor:pointer}
.section1 .swiper-button-white-next i {color:#fff;font-size:16px;padding-top:18px;}
.section1 .swiper-button-white-prev {text-align:center;margin-left:-755px;cursor:pointer}
.section1 .swiper-button-white-prev i {color:#fff;font-size:16px;padding-top:18px;}




/* Áõ¼­ */
.section1_1{padding:130px 110px 190px 0;}
.section1_1 .inner{display:flex; justify-content:space-evenly;}
.section1_1 .title{width:55%;}
.section1_1 .title::before{content:""; display:block; background:url('../../img/paper_bg.png') no-repeat center center;background-size:cover;width:400px; height:400px; position:absolute; top:0; left:1%; z-index:-1;}
.section1_1 .title::after{content:""; display:block; background:url('../../img/paper_bg.png') no-repeat center center;background-size:cover;width:250px; height:250px; position:absolute; top:50%; left:25%; z-index:-1;}


.section1_1 .title p{font-family:'S-CoreDream'; text-align:left; font-size:35px; font-weight:600; position:absolute;}
.section1_1 .title p:first-child{top:28%; left:8%;}
.section1_1 .title p:nth-child(2){top:38%; left:8%;}
.section1_1 .title p:nth-child(3){font-size:17px; top:52%; left:8%; font-weight:300;}
.section1_1 .title p:nth-child(4){font-size:17px; top:58%; left:8%; font-weight:300;}
.section1_1 .title p:last-child{font-size:17px; top:64%; left:8%; font-weight:300;}

.section1_1 .swiper-container{width:45%;}
.section1_1 .content{padding:10px 0 20px 0;}
.section1_1 .content > div > div {}
.section1_1 .content > div > div span:hover img {transform: scale(1) !important;}
.section1_1 .content > div > div span img{box-shadow:2px 2px 10px 0px #00000050; width:280px !important;}
.section1_1 .members_slide_width img{width:90% !important; margin-top:20px; margin-bottom:20px;}








/* °Ç°­ÇÑ ¾Æ¸§´Ù¿òÀ»... */
#middleVisual {position:relative; overflow:hidden; z-index:20;height:850px;transform:translate(0,50px); transition:1s ease;}
#middleVisual.active {opacity:1; filter:alpha(opacity=100); transform:translate(0,0)}
#middleVisual .swiper-container {width:100%;height:100%;}
#middleVisual .swiper-slide {/*background-position: center;background-size: cover;*/}
.middle_visual .swiper-slide > img {position:relative;left:50%;margin-left:-600px;top:200px;}
.middle_visual .swiper-button-next {right:20px;}
.middle_visual .swiper-button-prev {left:20px;}
.middle_visual .swiper-pagination {left:50% !important;margin-left:-590px !important;bottom:135px !important;width:auto !important;}
.middle_visual .swiper-pagination-bullet {width:15px;height:15px;transition:all .4s ease;background:#fff;opacity:1;border:solid 3px #fff;}
.middle_visual .swiper-pagination-white .swiper-pagination-bullet-active {border:solid 3px #fff;width:15px !important;height:15px !important;background:none;}


.home-text {z-index: 2;color:#fff;position:relative;}
.home-text .btn-more2, .home-text span, .home-text .title, .home-text .desc, .home-text a {  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:-635px;position:absolute;top:180px;}
.home-text .desc {left:50%;margin-left:-600px;position:absolute;top:275px;font-size:50px;font-family:'S-CoreDream';font-weight:300;color:#d2d2d2;line-height:1.4;}
.home-text span {left:50%;margin-left:-600px;position:absolute;top:390px;font-size:60px;font-family:'S-CoreDream';font-weight:500;color:#fff;line-height:1.2; text-shadow:0px 0px 10px #333;}
.home-text a{left:50%;margin-left:-600px;position:absolute;top:580px;font-size:20px;font-family:'S-CoreDream';font-weight:500;color:#333; background:#fff; border-radius:50px; padding:10px 40px;}
.home-text a:hover{background:transparent; border:1px solid #fff; color:#fff; font-weight:300;}

.home-text em{font-style:normal; margin-left:15px;}


@keyframes slideUpSkew {
  from {
    opacity: 0;
    transform: translateY(30px) skew(-10deg);
  }
  to {
    opacity: 1;
    transform: translateY(0px) skew(0deg);
  }
}
@keyframes slideUp-new {
  from {
    opacity: 0;
    transform: translateY(40px);
  }
  to {
    opacity: 1;
    transform: translateY(0px);
  }
}
@keyframes scaleDown-new {
  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-new'] {
  animation: slideUp-new 1s .7s ease 1 forwards;
}
.swiper-slide.swiper-slide-active .desc[data-effect='slideUp-new'] {
  animation: slideUp-new 1s .9s ease 1 forwards;
}
.swiper-slide.swiper-slide-active span[data-effect='slideUp-new'] {
  animation: slideUp-new 1s 1.1s ease 1 forwards;
}
.swiper-slide.swiper-slide-active a[data-effect='slideUp-new'] {
  animation: slideUp-new 1s 1.3s ease 1 forwards;
}




/* sefiegram */
#selfiegram {position:relative;background:url('../../img/sefi_bg.jpg') center top no-repeat;height:785px;font-size:0px;}
#selfiegram .inner {width:1300px;margin:0px auto;font-size:0px;height:100%;}
#selfiegram .left {display:inline-block;width:467px;height:100%;margin-right:55px;vertical-align:top;padding-top:110px;}
#selfiegram .left .selfiegram_visual {}
#selfiegram .right {display:inline-block;width:775px;padding-top:75px;vertical-align:top;}
#selfiegram .right .sefi_title {font-size:40px;font-family:'S-CoreDream';font-weight:800;color:#fff;line-height:1.2;margin-bottom:30px;margin-top:30px;}
#selfiegram .right ul {font-size:0px;}
#selfiegram .right ul li {display:inline-block;width:20%;font-size:0px;}
#selfiegram .sefi_title span{display:inline-block; font-size:18px; font-weight:300; margin-left:20px;}




.mainreview_box{display:inline-block; width:55%; font-family:'S-CoreDream'; font-size:18px; color:#fff !important; font-weight:300; padding:15px 35px; border:1px solid #fff; border-radius:50px; margin-top:40px; transition:0.3s ease;}
.mainreview_box span{float:right;}


.mainreview_box:hover{background:#fff; color:#333 !important; font-weight:600;}





#selfiegram .insta_text{display:none;}


.main_contents .main_conts {padding-bottom: 230px; }
.main_contents .main_conts .inner_box {width: 1240px; margin: 0 auto; position:relative; padding-top: 80px; }
.main_contents .main_conts .bg_txt {position:absolute; left:0px; top:-20px; font-size:212px; line-height:212px; color:#f7f7f7; font-weight:bold; letter-spacing:-0.01em; }
.main_contents .main_conts .title {position:relative; text-align:right; padding-right: 72px; font-size:75px; line-height:100px; color:#000000; margin-bottom: 90px; }
.main_contents .main_conts .link_list {}
.main_contents .main_conts .link_list li {width: 100%; border-top: solid 2px #000; margin-bottom: 50px; }
.main_contents .main_conts .link_list li a {display:block; width: 100%; overflow:hidden; padding: 35px 0; position:relative; }
.main_contents .main_conts .link_list li a strong {float: left; width: 526px; font-size:36px; line-height:42px; color:#000;}
.main_contents .main_conts .link_list li a span {float: left; width: 600px; font-size:18px; line-height:34px; color:#000;}
.main_contents .main_conts .link_list li a:before {content:''; width: 40px; height: 40px; position:absolute; right:52px; top:50%; margin-top: -20px; background:url(/resources/images/common/arrow5.png) 0 0 no-repeat; }




/* section2 media css */
.section2 {position:relative;padding:30px 110px 120px 0;}
.section2 .inner {width:1300px;}
.section2 #main_cancer .title {text-align:center;margin-bottom:60px;}
.section2 #main_cancer .title h1 {}
.section2 #main_cancer .title span {}
.section2 #main_cancer .title h1 {font-size:40px;font-family:'S-CoreDream';font-weight:300;color:#000;margin-bottom:10px;}
.section2 #main_cancer .title h1 strong {font-weight:500;}
.section2 #main_cancer .title span {font-size:18px;color:#666666;}
.section2 #main_cancer .title span img{display:inline-block; margin-top:1%;}
.section2 #main_cancer {width:100%;position:relative;}
.section2 #main_cancer .play_mov {overflow:hidden;}
.section2 #main_cancer .play_mov .play_left{float:left; width:800px; height:450px}
.section2 #main_cancer .play_mov .play_right{float:right; width:450px; height:400px; font-size:12px; }
.section2 #main_cancer .play_mov .play_right a{display:inline-block;width:35%;margin-right:5%;}
.section2 #main_cancer .play_mov .play_right a img {width:100%;transition: all 0.35s ease;}
.section2 #main_cancer .play_mov .play_right div.txtArea{display:inline-block;width:59%;text-align:left;}
.section2 #main_cancer .play_mov .play_right div.txtArea h1 {font-size:20px;color:#333;vertical-align:top;font-family:'S-CoreDream';font-weight:300;transition: all 0.35s ease;}
.section2 #main_cancer .play_mov .play_right div.txtArea span { color:#a6a6a6; font-size:16px;display:inline-block;margin-top:5px;vertical-align:top;}


.section2 #main_cancer .process {width:100%;vertical-align:top;}
.section2 #main_cancer .process ul {font-size:0px;}
.section2 #main_cancer .process ul li {width:100%;display:inline-block;border-top:solid 1px #ddd;height:99px;padding:10px 0px;}
.section2 #main_cancer .process ul li:last-child{/*margin-right:0px;*/}
.section2 #main_cancer .process ul li img {width:100%;}
.section2 #main_cancer .swiper-slide {border-bottom:dashed 1px #ddd;}
.section2 #main_cancer .swiper-slide.swiper-slide-next ul li img {border:solid 0px #3f8b6f;}
.section2 #main_cancer .swiper-slide.swiper-slide-next div.txtArea h1 {color:#333333;}


.section2 .swiper-pagination-media {bottom:0px;position:absolute;}
.section2 .swiper-pagination-media .swiper-pagination-bullet {width:8px;height:8px;background:#cccccc;opacity:1;transition:all .4s ease;margin-right:10px;}
.section2 .swiper-pagination-media .swiper-pagination-bullet-active {width:25px;border-radius:20px;background:#2c5647;border:0px;}


.section2 #main_cancer .swiper-button-prev-, .section2 #main_cancer .swiper-button-next- {position:absolute;top:auto;bottom:0px;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;}*/
.section2 #main_cancer .swiper-button-prev- i, .section2 #main_cancer .swiper-button-next- i {font-size:20px;color:#fff;}
.section2 #main_cancer .swiper-button-next- {right:0px;}
.section2 #main_cancer .swiper-button-prev- {right:45px;}




/* section3 ¸ÞÀÎÇϴܺ´¿øÁ¤º¸ css */
.section3 {position:relative;background:#fff;padding:0px 0px 0px;border-top:solid 1px #eee;}
.section3 .inner {width:1400px;}
.section3 .main_latest {width:100%;display:inline-block;font-size:0px;margin-bottom:20px;}
.section3 .main_latest > div {display:inline-block;margin-right:40px;width:440px;height:335px;background:#fff;padding:60px 50px;position:relative;vertical-align:top;border-right:solid 1px #eee;}
.section3 .main_latest > div:last-child {margin-right:0px;border-right:0px;}
.section3 .main_latest > div h1 {display:inline-block;font-size:25px; color:#000; margin-bottom:20px;font-family:'S-CoreDream';font-weight:800;padding-bottom:10px;}
.section3 .main_latest > div h2 {display:inline-block;position:relative;left:10px;top:-5px;}
.section3 .main_latest > div h2 a {padding:5px 15px;display:block;text-align:center;background:#fff;border:solid 1px #eee;border-radius:5px;font-size:13px;color:#666;}
.section3 .main_latest > div h2 a:hover{background:#333; border:solid 1px #333; color:#fff;transition:1s ease;}
.section3 .main_latest > div ul li a {font-size:16px;color:#666;display:inline-block;margin-bottom:5px;}

.section3 .main_latest > div > table {background:none !important;}
.section3 .main_latest > div > table td {font-size:16px !important;font-family:notokr !important;}
.section3 .main_latest > div > table table td:first-child {display:none;}
.section3 .main_latest > div > table table td {padding-bottom:5px;}


.section3 .main_latest > div > table td a {font-size:16px !important;font-family:'Noto Sans KR' !important;}
.section3 .main_latest > div > table table td:last-child {font-size:14px !important;font-family:'Noto Sans KR' !important;color:#999 !important;}





.section3  #bottom_info {padding:0px 0px;position:relative;font-family:'S-CoreDream';width:100%;}
.section3  #bottom_info div.item-cover {width:435px;background:rgba(0,0,0,0.75);z-index:10;position:absolute;left:50%;margin-left:215px;top:70px;padding:70px 80px;}
.section3  #bottom_info div.item-contact {}
.section3  #bottom_info div.item-contact > h3 {font-size:18px; color:#fff; margin-bottom:15px;font-family:'S-CoreDream';font-weight:300;border-bottom:dashed 1px #ddd;margin-bottom:30px;padding-bottom:30px;}
.section3  #bottom_info div.item-contact h3 > span {font-size:18px;color:#f77737;margin-bottom:15px;display:inline-block;}
.section3  #bottom_info div.item-contact > span {font-size:25px;color:#fff;margin-bottom:0px;display:inline-block;font-family:'S-CoreDream';font-weight:300;}
.section3  #bottom_info div.item-contact > strong {display:block; font-size:50px; color:#fff;letter-spacing:-2px; margin-bottom:0px;font-weight:800;padding-bottom:10px;font-family:'S-CoreDream';}
.section3  #bottom_info div.item-contact .time h3  {font-size:22px;color:#fff;margin-bottom:5px;font-family:'S-CoreDream';font-weight:300;}
.section3  #bottom_info div.item-contact .time span {margin-bottom:0px;display:block;}
.section3  #bottom_info div.item-contact p {font-size:20px; color:#fff; line-height:1.5; margin-bottom:15px;font-family:'S-CoreDream';font-weight:300;border:1px solid #fff; padding:10px; text-align:center; border-radius:30px; background:#00000070;}
.section3  #bottom_info div.item-contact p:hover{background:#fff; color:#333; font-weight:500;}
.section3  #bottom_info div.item-contact p strong {width:70px;display:inline-block;}
.section3  #bottom_info div.item-contact p.holi {font-size:14px;color:#fff;}
.section3  #bottom_info div.item-contact .sns-list {font-size:0;margin-top:50px;}
.section3  #bottom_info div.item-contact .sns-list li {display:inline-block; font-size:14px;font-weight:600; color:#f4f4f4; line-height:1.28; margin-right:10px}
.section3  #bottom_info div.item-contact .sns-list li > a {display:block;font-size:30px;color:#b0b0b0; text-align:center; line-height:36px;}
.section3  #bottom_info div.item-contact .sns-list li > a:hover {color:#c6a25f}
.section3  #bottom_info div.item-contact .sns-list .copy {margin-top:20px;font-size: 14px;color: #333;}
.section3  #bottom_info div.main_map {width:100%;position:relative;}
.section3  #bottom_info div.main_map h3 {font-size:24px; font-weight:300; color:#000; letter-spacing:1.5px; text-transform:uppercase; margin-bottom:5px}
.section3  #bottom_info div.main_map span {font-size:16px;color:#000;margin-bottom:15px;display:block;font-weight: 500;}
.section3  #bottom_info div.main_map span b {color:#f77737;font-weight:normal;}
.section3  #bottom_info div.main_map .detail_map {position:absolute;right:0px;top:0px;}
.section3  #bottom_info div.main_map .detail_map a {width:200px;height:50px;text-align:center;color:#fff;font-size:18px;background:#72706f;display:block;padding-top:12px;}
.section3  #bottom_info div.main_map .iframe {width:100%;height:615px;}
.section3  #bottom_info .root_daum_roughmap .wrap_btn_zoom button {display:none;}




@media screen and (max-width:1600px) {
.section1_1 .content > div > div span img{width:250px !important;}
.section1_1 .title p:nth-child(2){top:40%;}
.section1_1 .title p:nth-child(3){top:55%;}
.section1_1 .title p:nth-child(4){top:61%;}
.section1_1 .title p:last-child{top:67%;}
}




@media screen and (max-width:1400px) {


.main_inner {width:100%;}
.mainSec1_inner {width:100%;padding:125px 20px 0px;}


.section1 .inner {width:100%;padding:0px 20px;}
.section1 .swiper-button-white-next, .section1 .swiper-button-white-prev {position:absolute;top:60%;left:auto;width:55px;height:55px;background:#000;background-image:none !important;z-index:10;}
.section1 .swiper-button-white-next {text-align:center;margin-left:0px;right:20px;}
.section1 .swiper-button-white-prev {text-align:center;margin-left:0px;left:20px;}


.middle_visual .swiper-pagination {left:20px !important;margin-left:0px !important;}
.home-text .title {left:20px;margin-left:0px;}
.home-text .desc {left:20px;margin-left:0px;}
.home-text span {left:20px;margin-left:0px;}
.home-text a{left:20px; margin-left:0px;}


#selfiegram .inner {width:100%;padding:0px 20px;}
#selfiegram .left {width:40%;margin-right:2%;background-position:left bottom;vertical-align:top;}
#selfiegram .right {width:58%;}
#selfiegram .right ul li img {width:100%;}


.section2 .inner {width:100%;padding:0px 20px;}
.section2 #main_cancer .play_mov .play_left {width:58%;margin-right:2%;}
.section2 #main_cancer .play_mov .play_right {width:40%;}


.section3 .inner {width:100%;}
.section3 .main_latest > div {width:32%;margin-right:2%;}
.section3 #bottom_info div.item-cover {left:auto;right:20px;margin-left:0px;}

}


@media screen and (max-width:1280px) {




.section2 .inner {}
.section2 #main_cancer .title h1 {font-size:30px;}
.section2 #main_cancer .title span {font-size:16px;}




.section3 .inner {width:100%;font-size:0px;min-height:auto;}
.section3 .main_latest > div {padding:30px 20px;height:auto;}


.section3  #bottom_info div.item-contact > span {font-size:20px;}
.section3  #bottom_info div.item-contact > strong {display:block; font-size:30px;padding-bottom:10px;letter-spacing:0px;}
.section3  #bottom_info div.item-contact .time h3  {font-size:18px;margin-bottom:5px;}
.section3  #bottom_info div.item-contact .time span {margin-bottom:0px;display:block;}
.section3  #bottom_info div.item-contact p {font-size:14px; color:#fff; line-height:1.5; margin-bottom:5px;}
.section3  #bottom_info div.item-contact p strong {width:70px;display:inline-block;}
.section3  #bottom_info div.item-contact p.holi {font-size:12px;color:#fff;}


.selftest .left{width:560px; padding-left:60px;}



}




@media screen and (max-width:1024px) {


#header {background:#fff;}


.mainSec1 .mbTit_box {left:20px;}
.mainSec1 .mbTit_box p span {font-size:80px;}
.mainSec1 .txt_box h2 {font-size: 34px;line-height: 50px;}
.mainSec1 .txt_box h2 p {font-size: 34px;line-height: 50px;}
.mainSec1 .mbTit_box {height:auto;}
.mainSec1 .mbTit_box p {height:auto;}
.mainSec1 .mbTit_box .svgclass {width:100%;height:auto;}
.mainSec1 .mbTit_box .main_visual_tran_txt {font-size:120px;}
.mc1_img_wrap {margin-top:40px;}
.new_main_left{top:30%; left:10%;}

.websre_main .swiper-button-next, .websre_main .swiper-button-prev {top:25%;left:auto;margin-left:0px;right:60px;width:35px;height:35px;}
.websre_main .swiper-button-next {right:20px;text-align:center;}
.websre_main .swiper-button-next i {color:#fff;font-size:16px;padding-top:0px;}
.websre_main .swiper-button-prev {margin-left:440px;text-align:center;}
.websre_main .swiper-button-prev i {color:#fff;font-size:16px;padding-top:0px;}


.section1 {padding:60px 0px;}
.section1 .title {font-size:40px;margin-bottom:50px;}
.section1 .content > div > div h1 {font-size:16px;}
.section1 .swiper-button-white-next, .section1 .swiper-button-white-prev {position:absolute;top:60%;width:35px;height:35px;background:#000;background-image:none !important;}
.section1 .swiper-button-white-next i {color:#fff;font-size:16px;padding-top:10px;}
.section1 .swiper-button-white-prev i {color:#fff;font-size:16px;padding-top:10px;}


.section1_1{padding:0 0 150px 0;}
.section1_1 .title::before{width:350px; height:350px; left:2%;}
.section1_1 .title::after{width:180px; height:180px; top:60%;}
.section1_1 .title p{font-size:26px;}
.section1_1 .title p:nth-child(2){top:37%;}
.section1_1 .title p:nth-child(3){font-size:15px; top:48%;}
.section1_1 .title p:nth-child(4){font-size:15px; top:54%;}
.section1_1 .title p:last-child{font-size:15px; top:60%;}


.selftest .left{width:420px; padding-left:40px;}
.selftest .left .cp2 h1{font-size:55px;}
.selftest .left .self li a{width:70%;}



#middleVisual {height:600px;}
.middle_visual .swiper-pagination {bottom:90px !important;}
.home-text .title {top:130px;}
.home-text .title > img {width:250px;}
.home-text .desc {top:190px;font-size:30px;line-height:1.4;}
.home-text span {top:270px;font-size:35px;line-height:1.2;}
.home-text a{top:390px;font-size:17px;}


#selfiegram {height:auto;background-size:cover;padding:60px 0px;}
#selfiegram .left {width:100%;margin-right:2%;background-position:center top;vertical-align:top;padding-top:0px;text-align:center;}
#selfiegram .left .selfiegram_visual {}
#selfiegram .right {width:100%;padding-top:20px;}
#selfiegram .right .sefi_title {font-size:24px;}
#selfiegram .inner {width:100%;padding:90px 20px 0;}
#selfiegram .insta_text{display:block; font-family:'S-CoreDream'; font-size:1.8rem; color:#fff; margin-bottom:50px; margin-top:-50px;}


.main_review_go{display:flex; justify-content:center;}


.section2 {padding:60px 0px;}
.section2 #main_cancer .title {margin-bottom:30px;}
.section2 #main_cancer .title h1 {font-size:25px;}
.section2 #main_cancer .title span {font-size:14px;}
.section2 #main_cancer .play_mov .play_left {width:100%; height:100% !important; margin-right:0px;height:300px;}
.section2 #main_cancer .play_mov .play_right {width:100%;margin-top:20px;}
.section2 #main_cancer .play_mov .play_right a {width:15%;}
.section2 .swiper-pagination-media {bottom:-35px;}
.section2 #main_cancer .swiper-button-prev-, .section2 #main_cancer .swiper-button-next- {bottom:-45px;}
.section2 #main_cancer .title span img{width:40%;}





.section3 .inner {width:100%;font-size:0px;padding:20px 20px 0px;min-height:auto;}
.section3 .main_latest > div {padding:0px;width:100%;margin-right:0px;margin-bottom:20px;border:0px;border-bottom:dashed 1px #eee;padding-bottom:20px;}
.section3 .main_latest > div:last-child {margin-bottom:0px;border-bottom:0px;}
.section3 .main_latest > div h2 {top:0px;right:0px;}
.section3 .main_latest > div h2 a {}
.section3 .main_latest > div h1 {font-size:18px;}
.section3 .main_latest > div h2 a i {font-size:16px;padding-top:7px;}
.section3 .main_latest > div ul li a {font-size:13px;}

.section3 .main_latest > div > table td a {font-size:14px !important;font-family:'Noto Sans KR' !important;}
.section3 .main_latest > div > table table td:last-child {font-size:12px !important;font-family:'Noto Sans KR' !important;color:#999 !important;}



.section3 #bottom_info div.main_map {height:300px;}
.section3 #bottom_info div.main_map .iframe {height:300px;}
.root_daum_roughmap .wrap_map {height:300px !important;}
.section3 #bottom_info div.item-cover {position:relative;width:100%;background: rgba(0,0,0,1);padding: 20px 20px;top:0px;right:0px;} 
.section3 #bottom_info div.item-contact > h3 {margin-bottom:20px;padding-bottom:20px;}
.section3  #bottom_info div.item-contact > span {font-size:18px;}
.section3  #bottom_info div.item-contact > strong {display:block; font-size:24px;padding-bottom:10px;letter-spacing:0px;}
.section3  #bottom_info div.item-contact .time h3  {font-size:15px;margin-bottom:5px;}
.section3  #bottom_info div.item-contact .time span {margin-bottom:0px;display:block;}
.section3  #bottom_info div.item-contact p {font-size:17px; color:#fff; line-height:1.5; margin-bottom:15px;}
.section3  #bottom_info div.item-contact p strong {width:70px;display:inline-block;}
.section3  #bottom_info div.item-contact p.holi {font-size:11px;color:#fff;}


} 


@media screen and (max-width:768px) {

.main_inner {padding: 0 15px;}


.new_main_left{top:35%;}
.new_main_text{margin-bottom:10px;}
.new_main_text p.new_main_text_font{font-family: 'InkLiquid'; color:#fff; font-size:60px; text-shadow:0 4px 5px #000;}
.new_main_text p{color:#fff; font-size:23px;}


.new_cp_call a{width:80%; font-size:20px; padding:10px;}
.new_cp_kakao a{width:80%; font-size:20px; padding:10px;}
.new_cp_check_text{font-size:18px;}
.new_cp_check img{width:5%;}

.mainSec1 {padding-top: 20px;}
.mainSec1 .txt_box {padding-right: 0;}
.mainSec1 .txt_box h2 p {font-size:18px;}
.mainSec1 .mbTit_box {}
.mainSec1 .mbTit_box p span {font-size:40px;}
.mainSec1 .mbTit_box .svgclass {width:120%;height:100px;}
.mainSec1 .mbTit_box .main_visual_tran_txt {font-size:130px;}
.mainSec1 .txt_box h2 {display: block;font-size: 18px;line-height: 28px;}
.mainSec1 .txt_box h2 p span {line-height:1.4;}

.mainSec1 .txt_box .btn_more {position: static;margin-top: 30px;}

.mc1_img_wrap {padding-top: 140%;}
.btn_more {width: 130px;height: 40px;line-height: 36px;font-size: 11px;}

.mc1_banner {height: 200px;}
.mc1_banner .txt_box {padding: 0 15px;}
.mc1_banner .txt_box strong {font-size: 20px;line-height: 29px;}
.mc1_banner .txt_box p {font-size: 12px;line-height: 20px;margin-top: 15px;}

.section1{padding: 60px 0 0 0;}
.section1 .title {font-size:30px;}
.section1 .members_slide_width{}

.section1_1{padding:0 0 30px 0;}
.section1_1 .inner{display:block;margin-top:20px; padding-bottom:50px;}
.section1_1 .swiper-container{width:100%;}
.section1_1 .title::before{position:unset; width:300px; height:300px; margin-left:-100px;}
.section1_1 .title::after{width:200px; height:200px; top:18%; left:54%;}
.section1_1 .title p:first-child{top:6%; left:11%;}
.section1_1 .title p:nth-child(2){top:11%; left:11%;}
.section1_1 .title p:nth-child(3){top:18%; left:11%;}
.section1_1 .title p:nth-child(4){top:21%; left:11%;}
.section1_1 .title p:last-child{top:24%; left:11%;}
.section1_1 .content > div > div span img{width:200px !important;}


.selftest .inner{width:100%; padding:50px 20px 0 20px;}
.selftest .left{padding:0px; width:100%; height:80px;}
.selftest .left .cp1 {margin:0 0 10px;}
.selftest .left .cp1 h2{font-size:20px;}
.selftest .left .cp2 {display:flex;}
.selftest .left .cp2 h1{font-size:2rem;}
.selftest .left .cp2 span{margin-right:10px;}
.selftest .left .self li a{width:50%; font-size:14px; padding:15px 0;}
.selftest .right{width:100%;}
.selftest .right img{width:60%; float:right; margin-right:-80px;}


#middleVisual {height:500px;}
.home-text .title {top:120px;}
.home-text .title > img {width:200px;}
.home-text .desc {top:150px;font-size:24px;line-height:1.4;}
.home-text span {top:200px;font-size:28px;line-height:1.2;}
.home-text a{top:300px; font-size:13px;}


#selfiegram .left .selfiegram_visual img {width:100%;}
#selfiegram .right ul li {width:33.3333333333%;}

.section2 #main_cancer .play_mov .play_right a {width:25%;}


.section3 .inner .slide_box .swiper-slide img {width:32%;margin-right:2%;}
.section3 .inner .slide_box .swiper-slide img:last-child {margin-right:0px;}
.section4 .inner {width:100%;padding:0px 20px 0px;}
.section4 .inner h1 {font-size:25px;margin-bottom:20px;}

}



@media screen and (max-width:480px) {

.new_main_left{top:40%;}

.new_main_text{margin-bottom:10px;}
.new_main_text p.new_main_text_font{font-family: 'InkLiquid'; color:#fff; font-size:40px; text-shadow:0 4px 5px #000;}
.new_main_text p{color:#fff; font-size:18px;}


.new_cp_call a{width:60%; font-size:15px; padding:8px;}
.new_cp_kakao a{width:60%; font-size:15px; padding:8px;}
.new_cp_check_text{font-size:14px;}
.new_cp_check img{width:4%;}

.section1_1 .title::before{width:250px; height:250px; margin-left:-80px;}
.section1_1 .title::after{width:150px; height:150px; left:57%;}
.section1_1 .title p{font-size:23px;}
.section1_1 .title p:nth-child(3){font-size:13px;}
.section1_1 .title p:nth-child(4){font-size:13px;}
.section1_1 .title p:last-child{font-size:13px;}
.section1_1 .content > div > div span img{width:160px !important;}

.selftest .inner{padding:0;}
.selftest .left{height:280px; padding:50px 20px 0 20px;}
.selftest .left .cp1{text-align:center;}
.selftest .left .cp2{justify-content:center;}
.selftest .left .cp2 h1{font-size:1.7rem;}
.selftest .left .cp3 {margin:30px 0;}
.selftest .left .cp4 ul{display:flex; justify-content:center;}
.selftest .left .cp4 li{margin-right:30px;}
.selftest .left .cp4 li:last-child{margin-right:0px;}
.selftest .left .cp4 li span{font-size:15px;}
.selftest .left .self li a{width:100%; font-size:18px; padding:20px 0;}
.selftest .right img{width:100%; margin-right:0px; }



.section2 #main_cancer .play_mov .play_right a {width:35%;}
.section2 #main_cancer .play_mov .play_right {height:350px;}
.section2 #main_cancer .play_mov .play_right div.txtArea h1 {font-size:16px;}
.section2 #main_cancer .play_mov .play_right div.txtArea span {font-size:13px;}
.section2 #main_cancer .title span img{width:80%;}


#selfiegram .insta_text{font-size:1.3rem;}
.mainreview_box{width:75%;}

}




@media screen and (max-width:390px){


.new_main_left{top:25%; left:10%;}
.new_cp_call a{width:60%; font-size:15px; padding:10px 0;}
.new_cp_kakao a{width:60%; font-size:15px; padding:10px 0;}
.new_cp_check img{width:12px;}
.new_cp_check_text{font-size:14px;}

.section1 .content > div > div h1{font-size:15px;}


.section1_1 .title::before{width:220px; height:220px; margin-left:-70px;}
.section1_1 .title::after{width:120px; height:120px; left:59%;}
.section1_1 .title p{font-size:20px;}
.section1_1 .content > div > div span img{width:130px !important;}


.selftest .left{height:230px;}
.selftest .left .cp2 h1{font-size:1.3rem;}
.selftest .left .cp3{display:flex; justify-content:center; margin:20px 0;}
.selftest .left .cp3 ul{width:80%;}
.selftest .left .cp4 li span{font-size:14px;}
.selftest .left .cp4 li img{width:12%; margin-right:3px;}
.selftest .left .self li a{font-size:16px; padding:15px 0;}

.mainreview_box{width:100%;}


}