@charset "utf-8";


#section1{height: 100vh; padding-top: 108px; overflow: hidden;}
#section2{height: 1155px;}
#section3{height: 5088px;}
#section4{height: 830px;}
#section5{height: 1045px; /* height: 1029px;*/ }

/* section1 */
#section1  .slick-slide{position: relative;}
#section1 .main_img{clip-path:none;}
#section1 .main_tit{top: 36%;}

/* section2 */
#section2{position: relative; overflow: hidden; margin-top: 108px;} 
#section2 .section2{position: relative; padding: 0 0 569px 50px;}
#section2 .com_link{position: absolute; top: 583px; left:50px; }
.com_tit{margin-bottom: 52px;}
.com_tit h3 em{display: block; font-size: 94px; color: #ecedf1; font-family: 'Constantia'; font-weight: 400;}
.com_tit h3 span{display: block; margin-bottom: 25px; font-size: 40px; color: #131313; font-weight: 500; font-family: 'Noto Serif KR', serif; /*animation-delay: .1s!important;*/ font-weight: 300;}
.com_tit p{font-size: 20px; color: #131313; line-height: 1.8; /*animation-delay: .15s!important;*/}
#section2 .img{position: absolute;}
#section2 .img1{width: 154px; height: 154px; top: 170px; right: 590px; background: url(../n_images/main/main1/section2_img1.png);   /*animation-delay: .2s;*/}
#section2 .img2{width: 330px; height: 330px; bottom: 208px; left: 573px; background: url(../n_images/main/main1/section2_img2.png);  /* animation-delay: .3s;*/}
#section2 .img3{width: 353px; height: 506px; top:250px; right:-353px; background: url(../n_images/main/main1/section2_img3.png); /*animation-delay: .25s;*/ transition: all 1s;}
#section2 .img3.is-inview{top: 165px; right:0;}
#section2 .slick_wrap{position: absolute; left: 720px; bottom: -190px; z-index: 9;}
#section2 .slick_wrap .slick a{display: block; width: 548px; margin-right: 120px;}
#section2 .slick_wrap .slick a.st1{}
#section2 .slick_wrap .slick a.st2{}
#section2 .slick_wrap .slick a.st3{}
#section2 .slick_wrap .slick a.st4{}

#section2 .slick_wrap .slick a img{display: block;}
.com_link{padding-right: 23px; position: relative; font-weight: 700; font-size: 17px; color: #131313;}
.com_link::after{content: ''; position: absolute; top:9px; right:0; padding: 9px 17px 0 0; background: url(../n_images/main/main1/arrow.png)no-repeat;}
.com_link::before{content: ''; position: absolute; width: 0; left: 0; bottom: -5px; height: 1px; background-color: #898989; transition: all .3s;}
.com_link:hover::before{width: 100%;}

/* section3 */
#section3{position: relative; /*margin-bottom: -875px;*/ padding: 263px 0 0; background: url(../n_images/main/main1/section3_bg.png)no-repeat; background-size: cover;} 
#section3 .tit_wrap{text-align: right;}
#section3 .tit{display: inline-block; text-align: left;}
#section3 .tit h3{margin-bottom: 30px;}
#section3 .tit h3 span{font-size: 55px; color: #fff; font-family: 'Noto Serif KR', serif; font-weight: 500; letter-spacing: -4px;}
#section3 .tit h3 em{display: block; font-size: 94px; color: #ecedf1; font-family: 'Constantia'; font-weight: 400; opacity: 35%;}
#section3 .tit p{font-size: 20px; color: #fff; line-height: 1.8; font-weight: 300;}
#section3 .com_style_list{margin-top: -74px; display: flex; flex-wrap: wrap; padding: 0 59px;}
#section3 .com_style_list li a{padding-left: 75px; position: relative; display: block; border-radius: 10px; overflow: hidden; box-shadow: 28px 96px 92px rgba(0,0,0,10%); background: #fff;}
#section3 .com_style_list li a img{display: block;}
#section3 .com_style_list li a.op_effect{transition-delay: .25s;}
#section3 .com_style_list li a .box{display: flex; gap: 0 10px; align-items: center; position: absolute; left:76px; top:49px; line-height: 1;}
#section3 .com_style_list li a .box em{font-family: 'Constantia'; font-weight: 500; font-size: 22px; color: #fff;}
#section3 .com_style_list li a .box span{padding-top: 4px; font-size: 17px; color: #fff;}
#section3 .com_style_list li a .box.st em{color: #131313;}
#section3 .com_style_list li a .box.st span{color: #131313;}
#section3 .com_style_list li a .text h4{margin-bottom: 34px; font-family: 'Noto Serif KR', serif; font-weight: 500; color: #131313; font-size: 40px;}
#section3 .com_style_list li a .text p{font-size: 17px; color: #131313; line-height: 1.6;}
#section3 .com_style_list li a .view{position: absolute; padding: 44px 44px 0 0; background: url(../n_images/main/main1/view.png)no-repeat;}
#section3 .com_style_list li a .view.st{background: url(../n_images/main/main1/view2.png)no-repeat;}
#section3 .com_style_list.st1 li:nth-child(1){margin: 0 248px 0 0;}
#section3 .com_style_list.st1 li:nth-child(1) a{padding-top: 516px; width: 540px; height: 813px; background: #fff url(../n_images/main/main1/section3_img1.jpg)no-repeat; }
#section3 .com_style_list.st1 li:nth-child(1) a .text{padding: 40px 0 0 0; height: 297px;}
#section3 .com_style_list.st1 li:nth-child(1) a .view{bottom: 199px; right:64px;}
#section3 .com_style_list.st1 li:nth-child(2){margin: 305px 0 0;}
#section3 .com_style_list.st1 li:nth-child(2) a{padding-top: 547px; width: 573px; height: 813px; background: #fff url(../n_images/main/main1/section3_img2.png)no-repeat center 133px;}
#section3 .com_style_list.st1 li:nth-child(2) a .view{bottom: 214px; right:69px;} 
#section3 .com_style_list.st1 li:nth-child(3){/*margin: -92px 0 0 89px;*/ margin: -200px 0 0 89px;}
#section3 .com_style_list.st1 li:nth-child(3) a{padding-top: 130px; width: 541px; height: 637px; background: #fff url(../n_images/main/main1/section3_img3.png)no-repeat;}
#section3 .com_style_list.st1 li:nth-child(3) a .view{top: 139px; right:72px;} 
#section3 .com_style_list.st1 li:nth-child(4){/*margin: 357px 0 0 100px;*/margin: 160px 0 0 100px;}
#section3 .com_style_list.st1 li:nth-child(4) a{padding-top: 150px; width: 541px; height: 637px; background: #fff url(../n_images/main/main1/section3_img4.png)no-repeat;}
#section3 .com_style_list.st1 li:nth-child(4) a p{font-family: 'Noto Serif KR', serif; font-weight: 500; color: #a09fa4; font-size: 26px; line-height: 1.8;}
#section3 .com_style_list.st1 li:nth-child(4) a h4{color: #fff;}
#section3 .com_style_list.st1 li:nth-child(4) a .view{top: 349px; left: 80px;} 
#section3 .tit_wrap:nth-of-type(2){padding-left: 137px; text-align: left;}
#section3 .tit_wrap:nth-of-type(2) h3{margin-bottom: 58px;}
#section3 .com_style_list.st2{margin-top: 0; padding: 0;}
#section3 .com_style_list.st2 li:nth-child(1){/*margin:146px 303px 0 0;*/margin:17px 303px 0 0;}
#section3 .com_style_list.st2 li:nth-child(1) a{padding-top: 144px; width: 541px; height: 637px; background: url(../n_images/main/main1/section3_img5.png)no-repeat;}
#section3 .com_style_list.st2 li:nth-child(1) a .box{top: 66px;}
#section3 .com_style_list.st2 li:nth-child(1) a .box span{padding-top: 0; font-size: 22px; font-family: 'Constantia'; color: #fff;}
#section3 .com_style_list.st2 li a .text h4{margin-bottom: 38px; letter-spacing: -4px;}
#section3 .com_style_list.st2 li:nth-child(1) a .text h4,
#section3 .com_style_list.st2 li:nth-child(1) a .text p{color: #fff;}
#section3 .com_style_list.st2 li:nth-child(1) a .view{top:153px; right:60px;}
#section3 .com_style_list.st2 li:nth-child(2){margin: -195px 0 0;}
#section3 .com_style_list.st2 li:nth-child(2) a{padding-top: 134px; width: 573px; height: 814px; background: url(../n_images/main/main1/section3_img6.png)no-repeat; overflow: visible; z-index: 8;} 
#section3 .com_style_list.st2 li:nth-child(2) a::after{content: ''; position: absolute; bottom: 164px; left:-40px; background: url(../n_images/main/main1/img01.png)no-repeat; width: 96px; height: 93px;}
#section3 .com_style_list.st2 li:nth-child(2) a .view{top:143px; right:74px;}
#section3 .text_img{position: absolute; bottom: 1220px; right:0;}
#section3 .text_img img{display: block;}

/* section4 */
.com_tit.st h3 span{font-size: 94px; font-family: 'Constantia'; color: #131313; font-weight: 500; letter-spacing: -4px;}
#section4{/*position: relative; top: -100px;*/ margin: -980px 0 0;}
#section4 .section4{position: relative;}
#section4 .section4 .com_link{position: absolute; top:68px; left: 484px}
#section4 .com_tit{padding-left: 56px; margin-bottom: 67px;}
#section4 .story_list{display: flex; margin: 0 -160px; gap: 0 27px;}
#section4 .story_list li{margin: 0 13px;}
#section4 .story_list li a{position: relative; display: block;}
#section4 .story_list li a .img{border-radius: 7px; overflow: hidden;}
#section4 .story_list li a .img img{display: block;  transition: all .5s;}
#section4 .story_list li a .text{position: absolute; top:385px; left:56px;}
#section4 .story_list li a .text h4{margin-bottom: 22px; line-height: 1; color: #fff; font-weight: 500; font-size: 40px; letter-spacing: -3px; font-family: 'Noto Serif KR', serif;}
#section4 .story_list li a .text p{font-size: 19px; color: #fff; line-height: 30px;}
#section4 .story_list li a:hover img{transform: scale(1.2);}

/* section5 */
#section5{padding: 113px 0 145px; /*padding: 97px 0 145px;*/}
#section5 .is-inview{animation: op_effect 1s both;}
#section5 .section5 .com_link{position: absolute; top:77px; right:160px;}
#section5 .section5{position: relative; /*padding-left: 56px; */}
#section5 .com_tit{padding-left: 56px; margin-bottom:42px;}
#section5 .news_list li a{padding: 0 252px 0 56px; position: relative; display: flex; align-items: center; height: 151px;}
#section5 .news_list li a::after{content: ''; width: 1920px; position: absolute; left:50%; bottom: 0; margin-left: -960px;  border-bottom: 1px solid #e8e8e8;}
#section5 .news_list li a::before{content: ''; opacity: 0; width: 1920px; position: absolute; top:0; left:50%; bottom: 0; margin-left: -960px;  background-color: #40466a; z-index: -1; transition: all .3s;}
#section5 .news_list li a:hover::before{opacity: 1;}
#section5 .news_list li a:hover h4,
#section5 .news_list li a:hover span{color: #fff;}
#section5 .news_list li a h4{font-size: 24px; color: #131313; font-weight: 500; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
#section5 .news_list li a span{position: absolute; right:155px; color: #131313;}

/* 외과센터 */
#wrap.st1 #section1 .control button.next{background: url(../n_images/main/main2/btn.png)no-repeat;}
#wrap.st1 #section1 .control button.prev{background: url(../n_images/main/main2/btn_prev.png)no-repeat;}
#wrap.st1 #section3{position: relative; padding: 174px 0 0; height: 4005px; background: url(../n_images/main/main2/section3_bg.png)no-repeat center top; background-size: cover ;}

#wrap.st1 #section3 .tit_wrap{text-align: left;}
#wrap.st1 #section3 .tit_wrap + img{display: block; margin: 0 auto -6px;}

/* 혈관센터 이미지로 수정필요 */
#wrap.st1 .com_style_list.st1 li a{width: auto!important; height: auto!important; padding-top: 0!important; background: none!important;
 padding-left: 0!important;} 
#wrap.st1 .com_style_list.st1 li a img{display: block; width: 100%;}
#wrap.st1 #section3 .com_style_list{ padding: 0; margin: 0 0 0 130px;}
#wrap.st1 #section3 .com_style_list.st1 li:nth-child(1){margin:0 138px 0 0;}
#wrap.st1 #section3 .com_style_list.st1 li:nth-child(2){margin: 242px 0 87px 0;}
#wrap.st1 #section3 .com_style_list.st1 li:nth-child(3){margin: -256px 88px 0 0;}
#wrap.st1 #section3 .com_style_list.st1 li:nth-child(4){margin: 0 168px 0 0;}
#wrap.st1 #section3 .com_style_list.st1 li:nth-child(5){margin: -306px 168px 0 0;}
#wrap.st1 .tit_wrap.st{position: relative; display: inline-block;}
#wrap.st1 .tit_wrap.st .img{display: block; position: absolute; right:-660px; top:0; z-index: 5;}
#wrap.st1  #section3 .text_img{bottom: 355px;}
#wrap.st1 #section5 .news_list li a:hover::before{background-color: #6d564d;}
#wrap.st1 #section4{margin: -242px 0 0;}

/* 내과센터 */
#wrap.st3 #section1 .control button.next{background: url(../n_images/main/main3/btn.png)no-repeat;}
#wrap.st3 #section1 .control button.prev{background: url(../n_images/main/main3/btn_prev.png)no-repeat;}
#wrap.st3 .com_style_list.st1 li a{width: auto!important; height: auto!important; padding-top: 0!important; background: none!important;
    padding-left: 0!important;} 
#wrap.st3 .tit_wrap.st{position: relative; display: inline-block;}
#wrap.st3 .tit_wrap.st .img{display: block; position: absolute; right:-660px; top:0; z-index: 5;}
#wrap.st3 #section3{position: relative; padding: 174px 0 0; height: 3800px; background: url(../n_images/main/main3/section3_bg.png)no-repeat center top; background-size: cover ;}
#wrap.st3 #section3 .tit_wrap{text-align: left;}
#wrap.st3 #section3 .tit_wrap + img{display: block; margin: 0 auto -6px;}
#wrap.st3 #section3 .com_style_list{ padding: 0; margin: 0 0 -85px 130px;}
#wrap.st3 #section3 .com_style_list.st1 li:nth-child(1){margin:0 138px 0 0;}
#wrap.st3 #section3 .com_style_list.st1 li:nth-child(2){margin: 133px 0 87px 0;}
#wrap.st3 #section3 .com_style_list.st1 li:nth-child(3){margin: -325px 88px 0 0;}
#wrap.st3 #section3 .com_style_list.st1 li:nth-child(4){margin: -114px 168px 0 0;}
#wrap.st3 #section3 .com_style_list.st1 li:nth-child(5){margin: -294px 168px 0 0;}
#wrap.st3 #section3 .com_style_list.st1 li:nth-child(6){margin: -59px 0 0 0;}
#wrap.st3 #section3 .text_img{bottom: 216px;}
#wrap.st3 #section4{margin: -115px 0 0;}
#wrap.st3 #section5 .news_list li a:hover::before{background-color: #3f6467;}

/* 척추관절센터 */
#wrap.st4 #section1 .control button.next{background: url(../n_images/main/main4/btn.png)no-repeat;}
#wrap.st4 #section1 .control button.prev{background: url(../n_images/main/main4/btn_prev.png)no-repeat;}
#wrap.st4 .com_style_list.st1 li a{width: auto!important; height: auto!important; padding-top: 0!important; background: none!important;
    padding-left: 0!important;} 
#wrap.st4 .tit_wrap.st{position: relative; display: inline-block;}
#wrap.st4 .tit_wrap.st .img{display: block; position: absolute; right:-660px; top:0; z-index: 5;}
#wrap.st4 #section3{position: relative; padding: 174px 0 0; height: 3857px; background: url(../n_images/main/main4/section3_bg.png)no-repeat; background-size: cover ;}
#wrap.st4 #section3 .tit_wrap{text-align: left;}
#wrap.st4 #section3 .tit_wrap + img{display: block; margin: 0 auto -6px;}
#wrap.st4 #section3 .com_style_list{ padding: 0; margin: 0 0 -85px 130px;}
#wrap.st4 #section3 .com_style_list.st1 li:nth-child(1){margin:0 138px 0 0;}
#wrap.st4 #section3 .com_style_list.st1 li:nth-child(2){margin: 133px 0 87px 0;}
#wrap.st4 #section3 .com_style_list.st1 li:nth-child(3){margin: -325px 88px 0 0;}
#wrap.st4 #section3 .com_style_list.st1 li:nth-child(4){margin: -114px 168px 0 0;}
#wrap.st4 #section3 .com_style_list.st1 li:nth-child(5){margin: -238px 168px 0 0;}
#wrap.st4 #section3 .com_style_list.st1 li:nth-child(6){margin: -116px 0 0 0;}
#wrap.st4 #section3 .text_img{bottom: 212px;}
#wrap.st4 #section4{margin: -56px 0 0;}
#wrap.st4 #section5 .news_list li a:hover::before{background-color: #503f67;}

/* 피부성형센터 */
#wrap.st5 #section1 .control button.next{background: url(../n_images/main/main5/btn.png)no-repeat;}
#wrap.st5 #section1 .control button.prev{background: url(../n_images/main/main5/btn_prev.png)no-repeat;}
#wrap.st5 .com_style_list.st1 li a{width: auto!important; height: auto!important; padding-top: 0!important; background: none!important;
    padding-left: 0!important;} 
#wrap.st5 .tit_wrap.st{position: relative; display: inline-block;}
#wrap.st5 .tit_wrap.st .img{display: block; position: absolute; right:-660px; top:-122px; z-index: 5; border-radius: 50%;}
#wrap.st5 #section3{position: relative; padding: 174px 0 0; height: 3857px; background: url(../n_images/main/main5/section3_bg.png)no-repeat; background-size: cover ;}
#wrap.st5 #section3 .tit_wrap{text-align: left;}
#wrap.st5 #section3 .tit_wrap + img{display: block; margin: 0 auto -6px;}
#wrap.st5 #section3 .com_style_list{ padding: 0; margin: 0 0 100px 130px;}
#wrap.st5 #section3 .com_style_list.st1 li:nth-child(1){margin:0 138px 0 0;}
#wrap.st5 #section3 .com_style_list.st1 li:nth-child(2){margin: 133px 0 87px 0;}
#wrap.st5 #section3 .com_style_list.st1 li:nth-child(3){margin: -325px 88px 0 0;}
#wrap.st5 #section3 .com_style_list.st1 li:nth-child(4){margin: -114px 168px 0 0;}
#wrap.st5 #section3 .com_style_list.st1 li:nth-child(5){margin: -238px 168px 0 0;}
#wrap.st5 #section3 .com_style_list.st1 li:nth-child(6){margin: -116px 0 0 0;}
#wrap.st5 #section3 .text_img{bottom: 212px;}
#wrap.st5 #section4{margin: -56px 0 0;}
#wrap.st5 #section5 .news_list li a:hover::before{background-color: #b65d7d;}
#wrap.st5 #section3 .tit_wrap.st .tit{position: relative;}
#wrap.st5 #section3 .tit_wrap.st .tit::after{content: ''; width: 44px; height: 44px; position: absolute; top:0; right:0; background: url(../n_images/main/main5/link.png)no-repeat;}
#wrap.st5 #section3 .tit_wrap .link{margin-top: 40px; width: 397px; display: flex; gap: 11px 9px; flex-wrap: wrap;}
#wrap.st5 #section3 .tit_wrap .link li a{position: relative; display: block; width: 194px; height: 48px; line-height: 44px; background-color: #fff; border: 1px solid #d5d7dd; border-radius: 50px; font-size: 18px; color: #131313; border: 1px solid #d5d7dd; text-align: center; font-weight: 500; z-index: 1;}
#wrap.st5 #section3 .tit_wrap .link li a::before{content: ''; position: absolute; top:0; left:0; bottom: 0; width: 0; border-radius: 50px; transition: all .3s; background-color: #a9bec3; z-index: -1;}
#wrap.st5 #section3 .tit_wrap .link li a:hover{color: #fff;}
#wrap.st5 #section3 .tit_wrap .link li a:hover:before{width: 100%;}

#popup {
    position: absolute;
    top: 2%;
    left: 10%;
    z-index: 99;
}

#popup img {
    display: block;
}

#popup a {
    position: absolute;
    display: block;
}

#popup .view {
    bottom: 105px;
    left: 50%;
    transform: translateX(-50%);
    width: 172px;
    height: 37px;
}

#popup #check {
    position: absolute;
    bottom: 23px;
    left: 37px
}

#popup #chkday:checked+.chkday::before {
    content: '\2714';
    text-align: center;
    line-height: 16px;
}

#popup .chkday {
    padding-left: 24px;
    position: relative;
    letter-spacing: -1px;
    cursor: pointer;
    color: #696969;
    font-weight: 500;
    font-size: 15px;
}

#popup .chkday::before {
    content: '';
    position: absolute;
    top: 2px;
    left: 0;
    width: 17px;
    height: 16px;
    border-radius: 50px;
    border: 1px solid #5e5c5c;
}

#popup #close {
    position: absolute;
    bottom: 25px;
    right: 20px;
    width: 53px;
    height: 21px;
    font-size: 15px;
    color: #696969;
    font-weight: 500;
    cursor: pointer;
    text-align: center;
}