@charset "euc-kr";


@media (min-width:1200px) {

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

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



  #main_contents .notice {
		position: relative;
        box-sizing: border-box;
        font-size: 0px;
        line-height: normal;
        text-align: left;
        width: 1500px;
        left: 50%;
        margin-left: -750px;
        margin-top: -50px;
        z-index: 99;
  }

  
  #main_contents .notice > div {
		border-radius:10px 10px 0 0px; 
		background:#fff;
		display:inline-block;
		padding:10px 20px;
  }

  #main_contents .notice p {
    font-weight: 600;
    font-size: 16px;
    margin-right:15px;
    display: inline-block;
    vertical-align: middle;
	display:inline-block;
    height: 30px;
    line-height: 30px;

  }

  #main_contents .notice .move_wrap {
    position: relative;
    width: 300px;
    display: inline-block;
    height: 30px;
    vertical-align: middle;
  }

  #main_contents .notice .move_box {
    height: 30px;
    overflow: hidden;
  }

  #main_contents .notice .move_box .move {
    transform: translate3d(0px, 0px, 0px);
    transition: all 0.3s;
  }

  #main_contents .notice .move_box .move a {
    font-size: 15px;
    display: block;
    height: 30px;
    line-height: 30px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-right: 25px;
  }

 #main_contents  .notice .arrow {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 16px;
    height: 30px;
    top: 50%;
    margin-top: -15px;
  }

 #main_contents  .notice .arrow i:nth-child(1) {
    cursor: pointer;
    position: absolute;
    top: 0px;
    display: block;
    width: 100%;
  }

  #main_contents .notice .arrow i:nth-child(2) {
    cursor: pointer;
    position: absolute;
    bottom: 0px;
    display: block;
    width: 100%;
  }


  #main_contents .notice .arrow i img {
    width: 100%;
	        filter: brightness(0.22) contrast(1) saturate(0) hue-rotate(0deg);
  
  }
	#main_contents .notice .arrow i img:hover {
	filter: invert(77%) sepia(92%) saturate(483%) hue-rotate(356deg) brightness(103%) contrast(110%);
	}








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







  /* ¼½¼Ç1 */
  #main_contents .sec01 {
    max-width: 1500px;
    margin: 0px auto;
	padding-top:70px;
    position: relative;
    box-sizing: border-box;
  }

  #main_contents .sec01 {}

  #main_contents .sec01 .info:after {
    content: "";
    display: block;
    clear: both;
  }

  #main_contents .sec01 .info li {
    float: left;
    font-size: 0px;
  }

  #main_contents .sec01 .info li:nth-child(1) {
    width: 30%;
  }

  #main_contents .sec01 .info li:nth-child(2) {
    width: 30%;
  }

  #main_contents .sec01 .info li:nth-child(3) {
    width: 40%;
  }

  #main_contents .sec01 .info li p:nth-child(1) {
    font-size: 26px;
    display: inline-block;
    vertical-align: top;
    display: inline-block;
    width: 140px;
    box-sizing: border-box;
    padding-right: 20px;
  }

  #main_contents .sec01 .info li:nth-child(2) p:nth-child(1) {
    width: 100px;
  }

  #main_contents .sec01 .info li p:nth-child(2) {
    font-size: 18px;
    line-height: 28px;
    display: inline-block;
    vertical-align: top;
    display: inline-block;
    width: calc(100% - 140px);
    box-sizing: border-box;
    padding-right: 80px;
    word-break: keep-all;
  }

 

  #main_contents .sec01 .info li:nth-child(1) p:nth-child(2) a {
    font-size: 24px;
    display: block;
    margin-bottom: 5px;
  }

  #main_contents .sec01 .info li:nth-child(3) p:nth-child(2) {
    font-size: 0px;
    padding-right: 0px;
  }

  #main_contents .sec01 .info li:nth-child(3) p:nth-child(2) span {
    display: inline-block;
    width: 50%;
    font-size: 15px;
    line-height: 28px;
    vertical-align: top;
  }

  #main_contents .sec01 .info li:nth-child(3) p:nth-child(2) span i {
    color: red;
  }

  #main_contents .sec01 .info li:nth-child(3) p:nth-child(2) span:nth-child(1) em:nth-of-type(2n-1) {
    display: inline-block;
    width: 80px;
  }

  #main_contents .sec01 .info li:nth-child(3) p:nth-child(2) span:nth-child(2) em:nth-of-type(2n-1) {
    display: inline-block;
    width: 90px;
  }

   #main_contents .sec01 .info li:nth-child(3) p:nth-child(2) span:nth-child(2) em.tit{
   
    width: 100px;
  }


    #main_contents .sec01 .info li:nth-child(3) p:nth-child(3) {
    font-size:16px;
	margin-top:10px;
	        color: #ea8f0c;
  }





   #main_contents .contents_box .sec02 {
	width:1500px;
	margin:0px auto;
	position:relative;
	padding-top:150px;
  }

	#main_contents .contents_box .sec02 .clinic_slide {
	font-size:0px;
  }




  #main_contents .contents_box .sec02 .clinic_slide .swiper-pagination{
	position:relative;	
	display:inline-block;
	vertical-align:middle;
	width:200px;
  }


  #main_contents .contents_box .sec02 .clinic_slide .swiper-pagination .swiper-pagination-bullet{
	background:none;
	display:block;
	font-size:20px;
	width:100%;
	margin: 20px 0;
	height: auto;
	padding:10px;
	border-radius:15px;
	box-sizing:border-box;
    opacity: 1;
  }

  #main_contents .contents_box .sec02 .clinic_slide .swiper-pagination .swiper-pagination-bullet-active{
	background:#ea8f0c;
	color:#fff;
	transition: all 0.3s;
  }


  
  #main_contents .contents_box .sec02 .clinic_slide .swiper {
	display:inline-block;
	width:calc(100% - 200px);
	font-size:14px;
	vertical-align:middle;
    overflow: visible;
	height:595px;
    
  }


  #main_contents .contents_box .sec02 .clinic_slide .swiper-slide:after{
	content:"";
	clear:both;
  
  }


   #main_contents .contents_box .sec02 .clinic_slide .swiper-slide .img{
 
   opacity:0;
   width:595px;
   height:100%;
   background:#ccc;
   border-radius:30px 0 0% 30px;
        position: absolute;
  }

  
   #main_contents .contents_box .sec02 .clinic_slide .sc01 .img{
   background:url(/img/clinic_slide01.jpg) no-repeat center;
   background-size:cover;
  }


   #main_contents .contents_box .sec02 .clinic_slide .sc02 .img{
   background:url(/img/clinic_slide02.jpg) no-repeat center;
   background-size:cover;
  }


   #main_contents .contents_box .sec02 .clinic_slide .sc03 .img{
   background:url(/img/clinic_slide03.jpg) no-repeat center;
   background-size:cover;
  }


   #main_contents .contents_box .sec02 .clinic_slide .sc04 .img{
   background:url(/img/clinic_slide04.jpg) no-repeat center;
   background-size:cover;
  }

  


    #main_contents .contents_box .sec02 .clinic_slide .swiper-slide .txt{
	opacity:0;
	width:calc(100% - 595px);
	box-sizing:border-box;
	padding:100px;
  
  }


    #main_contents .contents_box .sec02 .clinic_slide .swiper-slide .txt p:nth-child(1){
	font-size:27px;
	line-height:27px;
	font-weight:600;
	margin-bottom:25px;
  }


     #main_contents .contents_box .sec02 .clinic_slide .swiper-slide .txt p:nth-child(2){
	font-size:63px;
	line-height:74px;
	font-weight:600;
	margin-bottom:35px;
  }


     #main_contents .contents_box .sec02 .clinic_slide .swiper-slide .txt p:nth-child(3){
	font-size:22px;
	line-height:34px;
	font-weight:500;
	margin-bottom:40px;
  }


    #main_contents .contents_box .sec02 .clinic_slide .swiper-slide .txt ul li{
	display:inline-block;
	margin:0 10px 10px 0; 
  }

  
    #main_contents .contents_box .sec02 .clinic_slide .swiper-slide .txt ul li a{
	display:block;
	border-radius:15px;
	border:1px solid #393939;
	padding:10px 15px;
	font-size:16px;
        line-height: 16px;
  }

   #main_contents .contents_box .sec02 .clinic_slide .swiper-slide .txt ul li a:hover{

	background:#ea8f0c;
	color:#fff;
	transition:all 0.3s;
  }

  

  /* animation*/


  .clinic_slide .swiper-slide-active .img{
    animation: bottom_mymove 1s forwards;
  }
  .clinic_slide .swiper-slide-active .txt {
    animation: top_mymove 1s forwards;
	position:relative;
  }


  /*// animation*/


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

    #main_contents .contents_box .sec03:after{
	content:"";
	display:block;
	height:320px;
	width:100%;
	background:#eee;
	position:absolute;
	bottom:0px;

  }
	

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

  }
	
	
   #main_contents .contents_box .sec03 .inner .img{
	display:inline-block;
	width:750px;
	text-align:center;
	vertical-align:middle;position:relative;
	

  }

  #main_contents .contents_box .sec03 .inner .img img:nth-child(1){	
	position:relative;
	bottom:0px;
	z-index:1;

  }

  #main_contents .contents_box .sec03 .inner .img img:nth-child(2){
	position:absolute;
	        bottom: 404px;
        right: -74px;
        width: 290px;
  }

     #main_contents .contents_box .sec03 .inner .txt{
	display:inline-block;
	width:calc(100% - 750px);
	vertical-align:middle;
	font-size:14px;
	box-sizing:border-box;
	padding-left:150px;


  }


     #main_contents .contents_box .sec03 .inner .txt p:nth-child(1){
	font-size:46px;
	line-height:58px;
	font-weight:600;
	margin-bottom:40px;
    letter-spacing: -3px;


  }

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

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



       #main_contents .contents_box .sec03 .inner .txt p:nth-child(2){
	font-size:22px;
	line-height:34px;
	font-weight:400;
	margin-bottom:70px;


  }
	







 






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

   #main_contents .sec01 .bottom {
    opacity: 0;
    position: relative;
  }



  #main_contents .sec01 .right {
    opacity: 0;
    position: relative;
  }


  #main_contents .sec01_move .left {
    animation: left_sec 1s forwards;
    animation-delay: 0.5s;
  }



  #main_contents .sec01_move .bottom {
    animation: bottom_sec 1s forwards;
    animation-delay: 1s;
  }


  #main_contents .sec01_move .right {
    animation: right_sec 1s forwards;
    animation-delay: 1.5s;
  }







  #main_contents .sec02 .left {
    opacity: 0;
    position: relative;
  }


 
   #main_contents .sec02 .right  {
    opacity: 0;
    position: relative;
  }

  #main_contents .sec02_move .left {
    animation: left_sec 1s forwards;
    animation-delay: 0.5s;
  }


  #main_contents .sec02_move .right {
    animation: right_sec 1s forwards;
    animation-delay: 1s;
  }






  #main_contents .sec03 .left {
    opacity: 0;
    position: relative;
  }



 
   #main_contents .sec03 .right  {
    opacity: 0;
    position: relative;
  }


  #main_contents .sec03_move .left {
    animation: left_sec 1s forwards;
    animation-delay: 0.5s;
  }



  #main_contents .sec03_move .right {
    animation: right_sec 1s forwards;
    animation-delay: 1s;
  }















}


@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 .notice {
		position: relative;
        box-sizing: border-box;
        font-size: 0px;
        line-height: normal;
        text-align: left;
        margin-top: -45px;
        z-index: 99;
		margin-left:5%;
  }

  
  #main_contents .notice > div {
		border-radius:10px 10px 0 0px; 
		background:#fff;
		display:inline-block;
		padding:10px 20px;
  }

  #main_contents .notice p {
    font-weight: 600;
    font-size: 14px;
    margin-right:15px;
    display: inline-block;
    vertical-align: middle;
	display:inline-block;
    height: 25px;
    line-height: 25px;

  }

  #main_contents .notice .move_wrap {
    position: relative;
    width: 250px;
    display: inline-block;
    height: 25px;
    vertical-align: middle;
  }

  #main_contents .notice .move_box {
    height: 25px;
    overflow: hidden;
  }

  #main_contents .notice .move_box .move {
    transform: translate3d(0px, 0px, 0px);
    transition: all 0.3s;
  }

  #main_contents .notice .move_box .move a {
    font-size: 14px;
    display: block;
    height: 25px;
    line-height: 25px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-right: 30px;
  }

 #main_contents  .notice .arrow {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 16px;
    height: 30px;
    top: 50%;
    margin-top: -15px;
  }

 #main_contents  .notice .arrow i:nth-child(1) {
    cursor: pointer;
    position: absolute;
    top: 0px;
    display: block;
    width: 100%;
  }

  #main_contents .notice .arrow i:nth-child(2) {
    cursor: pointer;
    position: absolute;
    bottom: 0px;
    display: block;
    width: 100%;
  }


  #main_contents .notice .arrow i img {
    width: 100%;
	        filter: brightness(0.22) contrast(1) saturate(0) hue-rotate(0deg);
  
  }
	#main_contents .notice .arrow i img:hover {
	filter: invert(77%) sepia(92%) saturate(483%) hue-rotate(356deg) brightness(103%) contrast(110%);
	}





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








 /* ¼½¼Ç1 */
    #main_contents .sec01 {
      width: 90%;
      margin: 0px auto;
	  padding-top:70px;
      position: relative;
      box-sizing: border-box;
    }

    #main_contents .sec01 {}

    #main_contents .sec01 .info li {
      font-size: 0px;
      margin-bottom: 20px;
    }

    #main_contents .sec01 .info li:nth-child(3) {
      width: 100%;
      margin-bottom: 0px;
    }

    #main_contents .sec01 .info li p:nth-child(1) {
      font-size: 22px;
      display: inline-block;
      vertical-align: top;
      display: inline-block;
      width: 120px;
      box-sizing: border-box;
      padding-right: 20px;
    }

    #main_contents .sec01 .info li p:nth-child(2) {
      font-size: 14px;
      line-height: 22px;
      display: inline-block;
      vertical-align: top;
      display: inline-block;
      width: calc(100% - 120px);
      box-sizing: border-box;
      word-break: keep-all;
      background: #fbf5ed;
	  border-radius:10px;
      padding: 10px;
    }

	 #main_contents .sec01 .info li:nth-child(3) p:nth-child(2) {

      display: block;
      width: 100%;
	  margin-top:15px;
    }

    #main_contents .sec01 .info li:nth-child(2) p:nth-child(2) br {
      display: none;
    }


	#main_contents .sec01 .info li:nth-child(3) p:nth-child(3) {
		font-size:16px;
		margin-top:10px;
		color: #ea8f0c;
	}

    #main_contents .sec01 .info li p:nth-child(1) span {
      background-image: linear-gradient(transparent 70%, #fed63e 40%);
      background-size: 100% 100%;
    }

    #main_contents .sec01 .info li p:nth-child(1) span {
      background-image: linear-gradient(transparent 70%, #fed63e 40%);
      background-size: 100% 100%;
    }

    #main_contents .sec01 .info li:nth-child(1) p:nth-child(2) a {
      font-size: 24px;
      display: block;
      margin-bottom: 5px;
    }

    #main_contents .sec01 .info li:nth-child(3) p:nth-child(2) span {
      vertical-align: top;
      display: block;
      font-size: 14px;
    }

    #main_contents .sec01 .info li:nth-child(3) p:nth-child(2) span i {
      color: red;
    }

  #main_contents .sec01 .info li:nth-child(3) p:nth-child(2) span:nth-child(1) em:nth-of-type(2n-1) {
    display: inline-block;
    width: 120px;
	height:30px;
	line-height:30px;
  }

  #main_contents .sec01 .info li:nth-child(3) p:nth-child(2) span:nth-child(2) em:nth-of-type(2n-1) {
    display: inline-block;
    width: 120px;
	height:30px;
	line-height:30px;
  }

   #main_contents .sec01 .info li:nth-child(3) p:nth-child(2) span:nth-child(2) em.tit{
   
    width: 120px;
  }







   #main_contents .contents_box .sec02 {
	width:90%;
	margin:0px auto;
	padding-top:70px;
	position:relative;
  }

	#main_contents .contents_box .sec02 .clinic_slide {
	font-size:0px;
  }




  #main_contents .contents_box .sec02 .clinic_slide .swiper-pagination{
	position:relative;	
	margin-bottom:30px;
  }


  #main_contents .contents_box .sec02 .clinic_slide .swiper-pagination .swiper-pagination-bullet{
	background:none;
	display:inline-block;
	font-size:16px;
	width:46%;
	margin:1% 2% ;
	height: auto;
	padding:10px;
	border-radius:15px;
	box-sizing:border-box;
    opacity: 1;
  }

  #main_contents .contents_box .sec02 .clinic_slide .swiper-pagination .swiper-pagination-bullet-active{
		background:#ea8f0c;
	color:#fff;
	transition: all 0.3s;
  }


  
  #main_contents .contents_box .sec02 .clinic_slide .swiper {

	
	font-size:14px;
	vertical-align:middle;
    overflow: visible;
    
  }




   #main_contents .contents_box .sec02 .clinic_slide .swiper-slide .img{
 
   opacity:0;
   width:85%;
   margin-left:15%;
   min-height:250px;
   background:#ccc;
   border-radius:20px 0 0% 20px;    
   position:relative;
   right:-7.5%;
  }

  
   #main_contents .contents_box .sec02 .clinic_slide .sc01 .img{
   background:url(/img/clinic_slide01.jpg) no-repeat center;
   background-size:cover;
  }



   #main_contents .contents_box .sec02 .clinic_slide .sc02 .img{
   background:url(/img/clinic_slide02.jpg) no-repeat center;
   background-size:cover;
  }


   #main_contents .contents_box .sec02 .clinic_slide .sc03 .img{
   background:url(/img/clinic_slide03.jpg) no-repeat center;
   background-size:cover;
  }


   #main_contents .contents_box .sec02 .clinic_slide .sc04 .img{
   background:url(/img/clinic_slide04.jpg) no-repeat center;
   background-size:cover;
  }
  


    #main_contents .contents_box .sec02 .clinic_slide .swiper-slide .txt{
	opacity:0;
	box-sizing:border-box;
	padding:50px 0px 0 0;
  
  }


    #main_contents .contents_box .sec02 .clinic_slide .swiper-slide .txt p:nth-child(1){
	font-size:16px;
	line-height:26px;
	font-weight:600;
	margin-bottom:15px;
  }
  


     #main_contents .contents_box .sec02 .clinic_slide .swiper-slide .txt p:nth-child(2){
	font-size:34px;
	line-height:42px;
	font-weight:600;
	margin-bottom:30px;
  }
  #main_contents .contents_box .sec02 .clinic_slide .swiper-slide .txt p:nth-child(2) br{
	display:none;
  }

     #main_contents .contents_box .sec02 .clinic_slide .swiper-slide .txt p:nth-child(3){
	font-size:16px;
	line-height:26px;
	font-weight:500;
	margin-bottom:30px;
  }
   #main_contents .contents_box .sec02 .clinic_slide .swiper-slide .txt p:nth-child(3) br{
	display:none;
  }



    #main_contents .contents_box .sec02 .clinic_slide .swiper-slide .txt ul li{
	display:inline-block;
	margin:0 10px 10px 0; 
  }

  
    #main_contents .contents_box .sec02 .clinic_slide .swiper-slide .txt ul li a{
	display:block;
	border-radius:15px;
	border:1px solid #393939;
	padding:10px 15px;
	font-size:14px;
        line-height: 14px;
  }

   #main_contents .contents_box .sec02 .clinic_slide .swiper-slide .txt ul li a:hover{
background:#ea8f0c;
	color:#fff;
	transition:all 0.3s;
  }






  

  /* animation*/


  .clinic_slide .swiper-slide-active .img{
    animation: bottom_mymove 1s forwards;
  }
  .clinic_slide .swiper-slide-active .txt {
    animation: top_mymove 1s forwards;
	position:relative;
  }


  /*// animation*/



  #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:#ea8f0c;
	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 .sec01 .left {
    opacity: 0;
    position: relative;
  }

   #main_contents .sec01 .bottom {
    opacity: 0;
    position: relative;
  }


  #main_contents .sec01 .right {
    opacity: 0;
    position: relative;
  }



  #main_contents .sec01_move .left {
    animation: bottom_sec 1s forwards;
    animation-delay: 0.5s;
  }



  #main_contents .sec01_move .bottom {
    animation: bottom_sec 1s forwards;
    animation-delay: 1s;
  }


  #main_contents .sec01_move .right {
    animation: bottom_sec 1s forwards;
    animation-delay: 1.5s;
  }







  #main_contents .sec02 .left {
    opacity: 0;
    position: relative;
  }


 
   #main_contents .sec02 .right  {
    opacity: 0;
    position: relative;
  }

  #main_contents .sec02_move .left {
    animation: bottom_sec 1s forwards;
    animation-delay: 0.5s;
  }


  #main_contents .sec02_move .right {
    animation: bottom_sec 1s forwards;
    animation-delay: 1s;
  }






  #main_contents .sec03 .left {
    opacity: 0;
    position: relative;
  }



 
   #main_contents .sec03 .right  {
    opacity: 0;
    position: relative;
  }


  #main_contents .sec03_move .left {
    animation: bottom_sec 1s forwards;
    animation-delay: 0.5s;
  }



  #main_contents .sec03_move .right {
    animation: bottom_sec 1s forwards;
    animation-delay: 1s;
  }













}

/* ÃʱâÈ­ */
.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;
}