@charset "euc-kr";


@media (min-width:1200px) {

  /* ÃÖ¼Ò 1500 ~ ÃÖ´ë */
  #main_contents {
    width: 100%;
    position: relative;
    z-index: 1;
  }



  #main_contents .contents_box {
    position: relative;
    z-index: 1;
  }

  /* °øÅë head */
    #main_contents .head {
	text-align:center;
	margin-bottom:80px;
	}
  #main_contents .head p:nth-child(1) {
	color:#f1a9c7; 
	font-family: 'KHNPHD';
	font-size:16px;
	line-height:24px;
	margin-bottom:30px;
	}
  #main_contents .head p:nth-child(2) {
	font-family: 'KHNPHD';
	font-size:48px;
	line-height:66px;
	margin-bottom:30px;
  }
  #main_contents .head p:nth-child(3) {
	
	font-family: "Pretendard-Medium";
	font-size:20px;
	line-height:30px;
  
  }




  /* ¼½¼Ç1 */
  #main_contents .sec01 {
	padding-top:150px;
    position: relative;
    box-sizing: border-box;
  }

  #main_contents .sec01 .bg01 {

    position: absolute;
	right:-80px;
	top:140px;
  }


  #main_contents .sec01 .bg02 {

    position: absolute;
	right:-5%;
	width:110%;
	top:700px;
  }
  #main_contents .sec01 .bg02 .mb{
	display:none;
  }

   #main_contents .sec01 .bg02 img {
	width:100%;
  }



   #main_contents .sec01 .head {


    position: relative;
	z-index:1;
  }

  #main_contents .sec01 .content {
	 max-width: 1500px;
    margin: 0px auto;
    position: relative;
	z-index:1;
  }



   #main_contents .sec01 .content .pl {
   border-radius:40px;
	height:440px;
	background:url(/img/sec01_img01.jpg) no-repeat center;
	background-size:cover;
	background-attachment:fixed;
	margin-bottom:50px;
  }

    #main_contents .sec01 .content ul {
		width:80%;
		margin:0 auto;
  }

   #main_contents .sec01 .content ul li{
	
		margin-bottom:20px;
  }


   #main_contents .sec01 .content ul li > img{
		float:right;
		width:500px;
  }

  #main_contents .sec01 .content ul li > div{
		float:left;
		width:calc(100% - 500px);
		padding:100px 100px 0 0px;
		box-sizing:border-box;
  }

	#main_contents .sec01 .content ul li > div p:nth-child(1){
		font-family: "Pretendard-SemiBold";
		font-size:30px;
		line-height:40px;
		word-break:keep-all;
		margin-bottom:20px;
  }

  #main_contents .sec01 .content ul li > div p:nth-child(2){
		font-family: "Pretendard-Medium";
		font-size:18px;
		line-height:26px;
		word-break:keep-all;
  }

  #main_contents .sec01 .content ul li:nth-child(2n-1) > img{
		float:left;
  }

  #main_contents .sec01 .content ul li:nth-child(2n-1) > div{
		float:right;
		padding:100px 0px 0 100px;
  }






   #main_contents .contents_box .sec02 {
	padding-top:150px;
  }


   #main_contents .contents_box .sec02 .clinic_slide {
		position: relative;
		width:1500px;
		margin:0 auto;
  }

   #main_contents .contents_box .sec02 .setting{
	position:absolute;
	right:100px;
	top:-180px;
   }

 


 #main_contents .contents_box .sec02 .setting .prev{
	position: relative;
	display: inline-block;
	width: 25px;
	height: 32px;
	transition:all 0.3s;
	left:0px;
	vertical-align:middle;
	  margin-right:20px;
	  cursor:pointer;
}
 #main_contents .contents_box .sec02 .setting .prev:before {
  content: "";
  position: absolute;
  border-top: 5px solid #393939;
  border-left: 5px solid #393939;
  top: 50%;
  width: 18px;
  height: 18px;
  left: 20px;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}


 #main_contents .contents_box .sec02 .setting .prev:hover:before {
	 border-top: 5px solid #ed9eca;
	border-left: 5px solid #ed9eca;
	transition:all 0.3s;
  }



#main_contents .contents_box .sec02 .setting .next{
	position: relative;
	display: inline-block;
	width: 25px;
	height: 32px;
	transition:all 0.3s;
	left:0px;
	vertical-align:middle;
	  cursor:pointer;
}
#main_contents .contents_box .sec02 .setting .next:before {
  content: "";
  position: absolute;
  border-top: 5px solid #393939;
  border-left: 5px solid #393939;
  top: 50%;
  width: 18px;
  height: 18px;
  left: 20px;
  -webkit-transform: translate(-115%, -50%) rotate(135deg);
  transform: translate(-115%, -50%) rotate(135deg);
}


#main_contents .contents_box .sec02 .setting .next:hover:before {
	 border-top: 5px solid #ed9eca;
	border-left: 5px solid #ed9eca;
	transition:all 0.3s;
  }







  #main_contents .contents_box .sec02 .clinic_slide .swiper-container {
	width:100%;
	position:relative;
	overflow:hidden;
	padding:20px 0; 
  }

	#main_contents .contents_box .sec02 .clinic_slide .swiper-slide {
		text-align:center;
	}

	#main_contents .contents_box .sec02 .clinic_slide .swiper-slide p {
		
	 font-family: "Pretendard-SemiBold";
	 font-size:24px;
	 margin-top:30px;
	}
	#main_contents .contents_box .sec02 .clinic_slide .swiper-slide a{
		display:block;
	}

	#main_contents .contents_box .sec02 .clinic_slide .swiper-slide:hover a{
		transform:scale(1.1);
		transition:all 0.3s;
	}


  





  #main_contents .contents_box .sec03{
	margin:0px 0;
	padding-top:150px;
	position:relative;
  }

   
	







  
  



  /* ¾Ö´Ï¸ÞÀÌ¼Ç */
  #main_contents .left_mv {
    opacity: 0;
    position: relative;
  }

  #main_contents .right_mv {
    opacity: 0;
    position: relative;
  }

  #main_contents .top_mv {
    opacity: 0;
    position: relative;
  }

  #main_contents .bottom_mv {
    opacity: 0;
    position: relative;
  }



  #main_contents .left_mv_on {
    animation: left_mv_on 1s forwards;
  }

  #main_contents .right_mv_on {
    animation: right_mv_on 1s forwards;
  }

  #main_contents .top_mv_on {
    animation: top_mv_on 1s forwards;
  }

  #main_contents .bottom_mv_on {
    animation: bottom_mv_on 1s forwards;
  }






}


@media (max-width:1199px) {
  #main_contents {
    width: 100%;
    position: relative;
    z-index: 1;
  }

  #main_contents .mainslide {
    position: relative;
    width: 100%;
    z-index: 2;
  }



  #main_contents .contents_box {
    position: relative;
    z-index: 1;
  }


 /* °øÅë head */
    #main_contents .head {
	text-align:center;
	width:90%;
	margin:0 auto;
	margin-bottom:50px;
	}
  #main_contents .head p:nth-child(1) {
	color:#f1a9c7; 
	font-family: 'KHNPHD';
	font-size:13px;
	line-height:21px;
	margin-bottom:20px;
	}


  #main_contents .head p:nth-child(2) {
	font-family: 'KHNPHD';
	font-size:32px;
	line-height:42px;
	margin-bottom:30px;
	word-break:keep-all;
  }

  #main_contents .head p:nth-child(2) br{
	display:none;
  }
  #main_contents .head p:nth-child(3) {
	
	font-family: "Pretendard-Medium";
	font-size:16px;
	line-height:22px;
	word-break:keep-all;
  
  }





  /* ¼½¼Ç1 */
  #main_contents .sec01 {
	padding-top:100px;
    position: relative;
    box-sizing: border-box;
  }

  #main_contents .sec01 .bg01 {

    position: absolute;
	right:-5%;
	top:3%;
	width:50%;
	max-width:260px;
  }


  #main_contents .sec01 .bg02 {
    position: absolute;
	right:-15%;
	width:130%;
	top:30%;

  }

     #main_contents .sec01 .bg02 img {

		display:block;
  }


   #main_contents .sec01 .bg02 .mb{
		
		display:none;
  }




 


   #main_contents .sec01 .head {

    position: relative;
	z-index:1;
	text-align:left;
  }

  #main_contents .sec01 .content {
	 max-width: 90%;
    margin: 0px auto;
    position: relative;
	z-index:1;
  }




#main_contents .sec01 .content .pl {
   border-radius: 20px;
   height: 200px;
   overflow: hidden;
   position: relative;
   margin-bottom: 20px;
}

.parallax-bg {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height:250%; /* ³ôÀ̸¦ ³ô°Ô ¼³Á¤ÇÏ¿© ½ºÅ©·Ñ È¿°ú ±Ø´ëÈ­ */
   background: url(/img/sec01_img01.jpg) no-repeat center;
   background-size: cover;
   transition: transform 0.1s ease-out;
}




    #main_contents .sec01 .content ul {

	margin:0 auto;
	max-width:700px;
  }

   #main_contents .sec01 .content ul li{
	
		margin-bottom:20px;
  }


   #main_contents .sec01 .content ul li > img{
	
		width:300px;
  }



	#main_contents .sec01 .content ul li > div p:nth-child(1){
		font-family: "Pretendard-SemiBold";
		font-size:22px;
		line-height:30px;
		word-break:keep-all;
		margin-bottom:10px;
  }

  #main_contents .sec01 .content ul li > div p:nth-child(2){
		font-family: "Pretendard-Medium";
		font-size:14px;
		line-height:22px;
		word-break:keep-all;
  }


  #main_contents .sec01 .content ul li > div{
		
		box-sizing:border-box;
  }


  
   #main_contents .sec01 .content ul li:nth-child(2n){
	
		text-align:right;
  }

  #main_contents .sec01 .content ul li:nth-child(2n) > img{
		
  }

  #main_contents .sec01 .content ul li:nth-child(2n) > div{
	
		padding-right:20%;
		text-align:left;
  }

   #main_contents .sec01 .content ul li:nth-child(2n-1){
	
		text-align:left;
  }

  #main_contents .sec01 .content ul li:nth-child(2n-1) > img{
		
  }

  #main_contents .sec01 .content ul li:nth-child(2n-1) > div{
	
		padding-left:20%;
		text-align:left;
  }




   #main_contents .contents_box .sec02 {

	padding-top:100px;
	position:relative;

  }


  
   #main_contents .contents_box .sec02 .head {


	text-align:right;
  }





   #main_contents .contents_box .sec02 .clinic_slide {
		position: relative;
			width:90%;
		margin:0 auto;
  }

   #main_contents .contents_box .sec02 .setting{
	position:absolute;
	left:0px;
	top:-30px;
   }

 


 #main_contents .contents_box .sec02 .setting .prev{
	position: relative;
	display: inline-block;
	width: 25px;
	height: 32px;
	transition:all 0.3s;
	left:0px;
	vertical-align:middle;
	  margin-right:20px;
	  cursor:pointer;
}
 #main_contents .contents_box .sec02 .setting .prev:before {
  content: "";
  position: absolute;
  border-top: 5px solid #393939;
  border-left: 5px solid #393939;
  top: 50%;
  width: 18px;
  height: 18px;
  left: 20px;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}


 #main_contents .contents_box .sec02 .setting .prev:hover:before {
	 border-top: 5px solid #ed9eca;
	border-left: 5px solid #ed9eca;
	transition:all 0.3s;
  }



#main_contents .contents_box .sec02 .setting .next{
	position: relative;
	display: inline-block;
	width: 25px;
	height: 32px;
	transition:all 0.3s;
	left:0px;
	vertical-align:middle;
	  cursor:pointer;
}
#main_contents .contents_box .sec02 .setting .next:before {
  content: "";
  position: absolute;
  border-top: 5px solid #393939;
  border-left: 5px solid #393939;
  top: 50%;
  width: 18px;
  height: 18px;
  left: 20px;
  -webkit-transform: translate(-115%, -50%) rotate(135deg);
  transform: translate(-115%, -50%) rotate(135deg);
}


#main_contents .contents_box .sec02 .setting .next:hover:before {
	 border-top: 5px solid #ed9eca;
	border-left: 5px solid #ed9eca;
	transition:all 0.3s;
  }







  #main_contents .contents_box .sec02 .clinic_slide .swiper-container {
	width:100%;
	position:relative;
	overflow:hidden;
	padding:20px 0; 
  }

	#main_contents .contents_box .sec02 .clinic_slide .swiper-slide {
		text-align:center;
	}

	#main_contents .contents_box .sec02 .clinic_slide .swiper-slide p {
		
	 font-family: "Pretendard-SemiBold";
	 font-size:18px;
	 margin-top:20px;
	}
	#main_contents .contents_box .sec02 .clinic_slide .swiper-slide a{
		display:block;
	}

	#main_contents .contents_box .sec02 .clinic_slide .swiper-slide a img{
		width:90%;
	}

	#main_contents .contents_box .sec02 .clinic_slide .swiper-slide:hover a{
		transform:scale(1.1);
		transition:all 0.3s;
	}






  #main_contents .contents_box .sec03{
	
	padding-top:70px;
	position:relative;
  }
 
 
	

   #main_contents .contents_box .sec03 .inner{
	position:relative;
	z-index:1;
	margin:0 auto;
	font-size:0px;text-align:center;

  }
	
	
   #main_contents .contents_box .sec03 .inner .img{
	
	
	
	position:relative;

  }

    #main_contents .contents_box .sec03 .inner .img:before{
		content: "";
        display: block;
        height: 100px;
        width: 100%;
        background: #eee;
        clear: both;
		
		position: absolute;
        bottom: 0px;

  }



	


  #main_contents .contents_box .sec03 .inner .img img:nth-child(1){	
	position:relative;
	bottom:0px;
	z-index:1;
	width:65%;
	max-width:330px;
	left:-0px;

  }

  #main_contents .contents_box .sec03 .inner .img img:nth-child(2){
		        position: absolute;
        bottom: 60%;
        right: 15%;
        width:28%;
	max-width:200px;
  }

     #main_contents .contents_box .sec03 .inner .txt{

	box-sizing:border-box;
	width:90%;
	margin:0 auto;
	padding-top:30px;

  }


     #main_contents .contents_box .sec03 .inner .txt p:nth-child(1){
	font-size:30px;
	line-height:36px;
	font-weight:600;
	margin-bottom:20px;
	word-break:keep-all;
        letter-spacing: -2px;


  }

  
     #main_contents .contents_box .sec03 .inner .txt p:nth-child(1) span{
	color:#f1a9c7;
	font-size:22px;


  }


  #main_contents .contents_box .sec03 .inner .txt p:nth-child(1) i{
	font-size:20px;
  }

       #main_contents .contents_box .sec03 .inner .txt p:nth-child(2){
	font-size:14px;
	line-height:22px;
	font-weight:400;
	margin-bottom:50px;
	word-break:keep-all;


  }

 #main_contents .contents_box .sec03 .inner .txt p:nth-child(2) br{
	display:none;

  }


  
  /* ¾Ö´Ï¸ÞÀÌ¼Ç */
  #main_contents .left_mv {
    opacity: 0;
    position: relative;
  }

  #main_contents .right_mv {
    opacity: 0;
    position: relative;
  }

  #main_contents .top_mv {
    opacity: 0;
    position: relative;
  }

  #main_contents .bottom_mv {
    opacity: 0;
    position: relative;
  }



  #main_contents .left_mv_on {
    animation: bottom_mv_on 1s forwards;
  }

  #main_contents .right_mv_on {
    animation: bottom_mv_on 1s forwards;
  }

  #main_contents .top_mv_on {
    animation: bottom_mv_on 1s forwards;
  }

  #main_contents .bottom_mv_on {
    animation: bottom_mv_on 1s forwards;
  }


	


}



@media (max-width:500px) {

  #main_contents .sec01 .bg02 {
    position: absolute;
	right:-70%;
	width:180%;
	top:40%;

  }

  #main_contents .sec01 .bg02 img {

		display:none;
  }


   #main_contents .sec01 .bg02 .mb{
		display:block;
  }

}






/* ÃʱâÈ­ */
.contents_box .swiper-button-prev, .mainslide .swiper-rtl .swiper-button-next {
  left: inherit;
  right: inherit;
}

.contents_box .swiper-button-prev:after, .mainslide .swiper-rtl .swiper-button-next:after {
  content: '';
}

.contents_box .swiper-button-next:after, .mainslide .swiper-button-prev:after {
  font-family: '';
  font-size: inherit;
  text-transform: inherit;
  letter-spacing: inherit;
  font-variant: inherit;
  line-height: inherit;
}

.contents_box .swiper-button-next, .mainslide .swiper-button-prev {
  position: inherit;
  top: inherit;
  width: inherit;
  height: inherit;
  margin-top: inherit;
  z-index: inherit;
  cursor: inherit;
  display: inherit;
  align-items: inherit;
  justify-content: inherit;
  color: inherit;
}

.contents_box .swiper-pagination-fraction,
.contents_box .swiper-pagination-custom,
.contents_box .swiper-container-horizontal>.swiper-pagination-bullets {
  bottom: 0;
  left: inherit;
  width: inherit;
  position: inherit;
  text-align: inherit;
  transition: none;
  transform: inherit;
}