@charset "euc-kr";

@media (min-width:1200px) {

  /* ÃÖ¼Ò 1500 ~ ÃÖ´ë */
  #main_contents {
    width: 100%;
    position: relative;
    z-index: 1;
	padding-bottom:150px;
  }

  #main_contents .contents_box {
    position: relative;
    z-index: 1;
  }



/* °øÅë arrow */
	
 #main_contents .contents_box .arrow {
   
	position:relative;
        
}

 #main_contents .contents_box .arrow a{
       
	display:inline-block;        
	font-size: 20px;
	line-height:20px;
	font-weight:700;

      
	border:1px solid #112e4f;  
	padding:5px 15px 10px 15px;
	border-radius:50px;
}
 #main_contents .contents_box .arrow a i{
           
	vertical-align:middle;
}

  #main_contents .contents_box .arrow  a span{
	display:inline-block;
	position:relative;
	width:34px;
	height:34px;
	background:#112e4f;
	border-radius:50%;
	margin-left:5px;
    vertical-align: middle;
	top:2px;
	transition:all 0.3s;

  }


  #main_contents .contents_box .arrow  a:hover span{

		

	background:#112e4f;

  }

  #main_contents .contents_box .arrow  a span:before {
        content: "";
        position: absolute;
        border-top: 3px solid #fff;
        border-left: 3px solid #fff;
        top: 50%;
        width: 10px;
        height: 10px;
        left: 23px;
        -webkit-transform: translate(-115%, -50%) rotate(135deg);
        transform: translate(-115%, -50%) rotate(135deg);
        transition: all 0.3s;
    }




  #main_contents .contents_box .arrow  a:hover span:before {
       
        left: 25px;
    }








  #main_contents .notice {
    position: absolute;
    box-sizing: border-box;
    font-size: 0px;
    line-height: normal;
    text-align: left;
	left:500px;
    z-index: 99;
	top:45px;
  }

  #main_contents .notice>div {
    border-radius: 20px;
    border: 2px solid #e9e3d4;
    display: inline-block;
    padding: 10px 20px;
  }

  #main_contents .notice > div > 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: 330px;
    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 {

    height: 30px;
    line-height: 30px;
	display:block;
    padding-right: 25px;
	
  }

   #main_contents .notice .move_box .move a p {
     font-size: 15px;
    float:left;
	width:70%;
    
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

   #main_contents .notice .move_box .move a span {
     font-size: 15px;
    float:left;
	width:30%;
    
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
  }

  #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%);
  }









 /* introduce */
  #main_contents .introduce {
    padding: 350px 0 0px;
    position: relative;
	margin:0 60px;
  }

#main_contents .introduce .title {
 
	padding: 0px 0 100px 80px;
	position: relative;
	box-sizing: border-box;
	width:40%;
	z-index:1;
  }

	
  #main_contents .introduce .title > div:nth-child(1) {
 
	 font-size:64px;
	line-height:74px;
	 font-family: 'GowoonDodum';
	 margin-bottom:50px;
  }


  #main_contents .introduce .title > div:nth-child(2) p {

	word-break:keep-all;
    font-size:24px;
	line-height:38px;
	margin-bottom:20px;
	position:relative;
	padding:10px 0 10px 70px;
  }

   
#main_contents .introduce .title > div:nth-child(2) p  img{
	width:50px;
	position:absolute;
	left:0px;
	top:0px;
  }






#main_contents .introduce .cont {
 
	position:relative;
	margin-top:-600px;
  }


#main_contents .introduce .cont .doc{
	
	position:relative;
	z-index:1;
}

#main_contents .introduce .cont .doc .img .i1{
	
	position:absolute;
	right:-30px;
	top:0px;
}


#main_contents .introduce .cont .doc .img .i1 > span{
	width:700px;
	height:700px;
	border-radius:50%;
	overflow:hidden;
	display:inline-block;transition:0.3s;

}

#main_contents .introduce .cont .doc .img .i2{

	position:absolute;
	right:470px;
	top:380px;
}

#main_contents .introduce .cont .doc .img .i2 > span{
	width:600px;
	height:600px;
	border-radius:50%;
	overflow:hidden;
	display:inline-block;transition:0.3s;

}


 #main_contents .introduce .cont .doc .img .i1:hover img {
	transform:scale(1.1);
	transition:0.3s;
  }
 #main_contents .introduce .cont .doc .img .i2:hover img {
	transform:scale(1.1);
	transition:0.3s;
  }

 #main_contents .introduce .cont .doc .txt{
	position: absolute;
        right: 200px;
        top: 770px;
 }
  #main_contents .introduce .cont .doc .txt p{
	font-size:34px;
	line-height:45px;
  font-weight: 700;
 }

#main_contents .introduce .cont .doc .txt .arrow {
  margin-top:30px;
  }


#main_contents .introduce .cont .interior{
	
        padding-top: 700px;
	position:relative;        
}

#main_contents .introduce .cont .interior .img{
	
	position:relative;
	left: -200px;
}





#main_contents .introduce .cont .interior .i1{
	display:inline-block;
	position:relative;

}

#main_contents .introduce .cont .interior .i1 > span{
	
	position:relative;
	border-radius:50%;
	overflow:hidden;
	width:920px;display:inline-block;
}


 #main_contents .introduce .cont .interior .i1 > span:hover img {
	transform:scale(1.1);
	transition:0.3s;
  }





#main_contents .introduce .cont .interior .img .circle {
	animation: spin 8s linear infinite;
	position: absolute;
        bottom: 48px;
        right: 57px;
}



 #main_contents .introduce .cont .interior .txt{
	position: absolute;
 top: 1200px;
        left: 810px;
 }

  #main_contents .introduce .cont .interior .txt p{
	font-size:34px;
	line-height:45px;
  font-weight: 700;
 }


  #main_contents .introduce .cont .interior .txt .arrow {
  margin-top:30px;
  }










  /* firststep */
  #main_contents .firststep {
  
    margin: 0px 60px;
    padding: 250px 0 0px 0;
    position: relative;
    box-sizing: border-box;
  }

  #main_contents .firststep > p:nth-child(1){
    font-size:44px;
	line-height:44px;
  font-family: 'GowoonDodum';
  margin-bottom:50px;

  }


  #main_contents .firststep > .bg{
height:465px;
overflow:hidden;
background:url(/img/firststep_bg.jpg) center;
background-size:cover;
background-attachment:fixed;
position:relative;
border-radius:30px;
  }


  #main_contents .firststep > .bg:before{
	position:absolute;
	width:100%;
	height:10px;
	background:#fff;
	content:"";
	display:block;
	bottom:10px;
	left:0px;
  }

  #main_contents .firststep > .bg:after{
	position:absolute;
	width:100%;
	height:10px;
	background:#fff;
	content:"";
	display:block;
	bottom:30px;
	left:0px;
  }


  #main_contents .firststep > .text{

	padding-top:100px;
	width:75%;
	margin:0 auto;
	
  }

  #main_contents .firststep > .text > div:nth-child(1){
	float:left;
	padding-top:10px;
	width:40%;
	text-align:left;
    font-size:45px;
	line-height:45px;
	 font-family: 'GowoonDodum';
  }


  #main_contents .firststep > .text > div:nth-child(2){
	float:left;
	width:60%;
	box-sizing:border-box;
  }

 
  #main_contents .firststep > .text > div:nth-child(2) p{

	word-break:keep-all;
    font-size:24px;
	line-height:38px;
	margin-bottom:50px;
	position:relative;
	padding:10px 0 10px 70px;
  }

   
  #main_contents .firststep > .text > div:nth-child(2) p img{
	width:50px;
	position:absolute;
	left:0px;
	top:0px;
  }





  /* clinic */
  #main_contents .clinic {
    padding: 250px 0 0px;
    position: relative;
  }

  #main_contents .clinic .title {
 
	margin: 0px 60px;
	padding: 0px 0 100px 0;
	position: relative;
	box-sizing: border-box;
  }

	
  #main_contents .clinic .title p:nth-child(1) {
 
	 font-size:54px;
	line-height:64px;
	 font-family: 'GowoonDodum';
	 margin-bottom:30px;
  }
 #main_contents .clinic .title p:nth-child(2) {
 
	 font-size:28px;
	line-height:36px;
  font-weight: 700;
  }

#main_contents .clinic .arrow {
    position:absolute;
	right:150px;
	top:50px;
  }




  #main_contents .clinic .inner_box {
    margin: 0 auto;
    position: relative;
    z-index: 2;
  }




  #main_contents .clinic .clinic_box {
    position: relative
  }

 




  /*³×ºñ°ÔÀÌ¼Ç*/
  #main_contents .clinic .clinic_box_navi {
   
    z-index: 2;
	position:relative;
	vertical-align:middle;
	left:70px;
	top:-50px;
	margin:0 auto;

  }

  #main_contents .clinic .clinic_box_navi .navi {
    display: inline-block;
	position:relative;

  }

  #main_contents .clinic .clinic_box_navi .navi:before {
    display: block;
    content: "";
    background: #232323;
    width: 3px;
    height: 40px;
    position: absolute;
    left: 50%;
    margin-left: -1.5px;
    top: 50%;
    margin-top: -20px;
  }

  #main_contents .clinic .clinic_box_navi .navi .next {
    transform: rotate(135deg);
  }

  #main_contents .clinic .clinic_box_navi .navi .prev {
    transform: rotate(-45deg);
  }

  #main_contents .clinic .clinic_box_navi .navi .next, #main_contents .clinic .clinic_box_navi .navi .prev {
    display: inline-block;
    width: 25px;
    height: 25px;
    border-top: 3px solid #232323;
    border-left: 3px solid #232323;
    vertical-align: middle;
    cursor: pointer;
  }

  #main_contents .clinic .clinic_box_navi .navi .next:hover, #main_contents .clinic .clinic_box_navi .navi .prev:hover {
    border-top: 3px solid #fed63e;
    border-left: 3px solid #fed63e;
  }





  #main_contents .clinic .clinic_box_wrap {
    overflow: hidden;
    width: 120%;
	position:relative;
	left:-10%;
  }

  #main_contents .clinic .clinic_box_wrap .swiper-wrapper {
    transition-timing-function: linear;
  }

 #main_contents .clinic .swiper-slide > a {
 
    
	display:inline-block;
  }



  #main_contents .clinic .swiper-slide .img {
 
    background: #fff;
    overflow: hidden;
	transition: all 0.3s; 
	width:100%;
	display:inline-block;
	border-radius:30px;
  }

 

  #main_contents .clinic .swiper-slide .img img {
	width:100%;
    vertical-align: top;
	transition:0.3s;
  }


  #main_contents .clinic .swiper-slide .img:hover img {
	transform:scale(1.1);
	transition:0.3s;
  }


  #main_contents .clinic .swiper-slide p:nth-of-type(1){
    
	padding:20px;
	font-weight:400;
	overflow:hidden;
  font-weight: 700;
  }
  #main_contents .clinic .swiper-slide p:nth-of-type(1) span:nth-child(1){
   float:right;
   font-size:30px;
   width:30%;
   text-align:right;
  }
  #main_contents .clinic .swiper-slide p:nth-of-type(1) span:nth-child(2){
   float:left;
   font-size:30px;
   width:70%;
   word-break:keep-all;
  }

  #main_contents .clinic .swiper-slide p:nth-of-type(2){
    font-size:18px;
	line-height:26px;
	overflow:hidden;
	padding:0px 20px 0 20px;
   word-break:keep-all;
  }






  /* time_address */


	#main_contents .time_address{
		padding:250px 0 0px;	
		margin:0 60px;	
		box-sizing:border-box;
		position:relative;
	}
	

	#main_contents .time_address .t1{
		font-size:34px;
		line-height:42px;
		 font-weight: 700;
	margin-bottom:25px;
	}

	
	#main_contents .time_address > .left{
		float:left;
		padding-right:150px;
		width:45%;
		box-sizing:border-box;

	}
	#main_contents .time_address > .right{
		float:right;
		width:55%;
		box-sizing:border-box;

	}

	#main_contents .time_address .tel{
		margin-bottom:100px;
		
	}

	#main_contents .time_address .tel a{
		font-size:50px;
		color:#112e4f;
		font-weight: 900;
	
	}



	
	#main_contents .time_address .time{
	margin-bottom:100px;

	}
	

	#main_contents .time_address .time table{
		width:100%;
	}
	#main_contents .time_address .time th p{
		padding:10px;
		font-size:20px;
		text-align:center;
		 font-weight: 700;
	}
	#main_contents .time_address .time td{
		padding:3px;
	}



	#main_contents .time_address .time td p{
		padding:15px;
		background:#fff;
		font-size:20px;
		text-align:center;
		position:relative;

	}

	#main_contents .time_address .time tr.n td p{
		
		background:#e3ebf5;

	}

	#main_contents .time_address .time td p b{
		
		font-size:24px;
		 font-weight: 700;
  font-style: normal;

	}
	#main_contents .time_address .time td p span.s1{
		padding:7px 10px;
		
		background:#112e4f;
		color:#fff;
		font-size:16px;
		line-height:16px;
		position:absolute;
		right:15px;
		top:10px;
		border-radius:5px;

	}

	#main_contents .time_address .time td p span.s2{
		padding:7px 10px;
		
		background:#82ade7;
		color:#fff;
		font-size:16px;
		line-height:16px;
		position:absolute;
		right:15px;
		top:10px;
		border-radius:5px;

	}
	
	#main_contents .time_address .time td:nth-child(1){
		width:30%
	}
	#main_contents .time_address .time td:nth-child(2){
		width:50%
	}
	#main_contents .time_address .time td:nth-child(3){
		width:20%
	}

	#main_contents .time_address .time p:nth-child(3){
		margin-top:20px;
		font-size:20px;
		line-height:30px;margin-bottom: 30px;
	}


	#main_contents .time_address .booking{
	margin-bottom:60px;

	}
	#main_contents .time_address .booking p:nth-child(2){
	        margin-bottom: 30px;
        font-size: 18px;
        line-height: 26px;
	}


	


	#main_contents .time_address .address{
	
	position:relative;
	}



	#main_contents .time_address .address > p:nth-child(2){
        font-size: 22px;
        line-height: 35px;
		margin-bottom:30px;
    }



	#main_contents .time_address .address > p:nth-child(2) span{
        font-size: 18px;
        line-height: 26px;
		margin-top:20px;
	    display: inline-block;
    }


	#main_contents .time_address .address > .link{
		
		
		text-align:left;
	    display: inline-block;
		margin-bottom:30px;
	}



	#main_contents .time_address .address > .link a {
	  border: 1px solid #ccc;
	  background: #fff;
	  display: inline-block;
	  
	  margin-right: 30px;
	  font-size: 20px;
	  line-height: 20px;
	  vertical-align: middle;
	  box-sizing: border-box;
	  text-align: center;
	  padding: 15px 30px;
	  transition: all 0.3s;
		border-radius:10px;

	}
	#main_contents .time_address .address > .link a img{
	  vertical-align: middle;
	  padding-right: 10px;
	  transition:0.3s;
	  position:relative;
	
	}
	#main_contents .time_address .address > .link a:hover{
	  background:#112e4f;
	  color:#fff;
	}

	#main_contents .time_address .address > .link a:hover img{
	
	  transform:scale(1.2);
	}
#main_contents .time_address .address .parking {
margin-bottom:30px;
  }	
	#main_contents .time_address .address .parking p:nth-child(1){
        font-size: 24px;
        line-height: 35px;
		margin-bottom:10px;
  font-weight: 700;
    }

	#main_contents .time_address .address .parking p:nth-child(2){
        font-size: 18px;
        line-height: 30px;
		background:#e9e3d4;
		display:inline-block;
		padding:10px 20px;
    }



	#main_contents .time_address .address > .map{
	  
     
		height:500px;
    }
	#main_contents .time_address .address > .map .map_wrapper{
	  
    
		border-radius:30px;
		overflow:hidden;
    }





}

@media (max-width:1199px) {
  #main_contents {
    width: 100%;
    position: relative;
    z-index: 1;
	padding-bottom:80px;
  }

  #main_contents .mainslide {
    position: relative;
    width: 100%;
    z-index: 2;
  }

  #main_contents .contents_box {
    position: relative;
    z-index: 1;
  }
 

/* °øÅë arrow */
	
 #main_contents .contents_box .arrow {
   
	position:relative;
        
}

 #main_contents .contents_box .arrow a{
       
	display:inline-block;        
	font-size: 16px;
	line-height:16px;

	font-weight:700;
      
	border:1px solid #112e4f;  
	padding:5px 15px 10px 15px;
	border-radius:50px;
}


 #main_contents .contents_box .arrow a i{
           
	vertical-align:middle;
}

  #main_contents .contents_box .arrow  a span{
	display:inline-block;
	position:relative;
	width:24px;
	height:24px;
	background:#112e4f;
	border-radius:50%;
	margin-left:5px;
    vertical-align: middle;
	top:2px;
	transition:all 0.3s;

  }


  #main_contents .contents_box .arrow  a:hover span{

		

	background:#112e4f;

  }

  #main_contents .contents_box .arrow  a span:before {
        content: "";
        position: absolute;
        border-top: 3px solid #fff;
        border-left: 3px solid #fff;
        top: 50%;
        width:8px;
        height: 8px;
        left: 17px;
        -webkit-transform: translate(-115%, -50%) rotate(135deg);
        transform: translate(-115%, -50%) rotate(135deg);
        transition: all 0.3s;
    }



  #main_contents .contents_box .arrow  a:hover span:before {
       
        left: 20px;
    }




  #main_contents .notice {
        position: absolute;
        box-sizing: border-box;
        font-size: 0px;
        line-height: normal;
        text-align: left;
        left: 5%;
        z-index: 99;
        top: 24px;
        width: 90%;
  }

  #main_contents .notice>div {
    border-radius: 20px;
    border: 2px solid #e9e3d4;
    padding: 10px 20px;
  }

  #main_contents .notice > div > p {
    font-weight: 600;
    font-size: 16px;
    display: inline-block;
    vertical-align: middle;
    display: inline-block;
    height: 30px;
	width:60px;
    line-height: 30px;
  }

  #main_contents .notice .move_wrap {
    position: relative;
    width: calc(100% - 60px);
    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 {

    height: 30px;
    line-height: 30px;
	display:block;
    padding-right: 25px;
	
  }

   #main_contents .notice .move_box .move a p {
     font-size: 14px;
    float:left;
	width:calc(100% - 80px);
    
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
	box-sizing:border-box;
	padding-right:10px;
  }

   #main_contents .notice .move_box .move a span {
     font-size: 14px;
    float:left;
	width:80px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    
  }

  #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%);
  }






 /* introduce */
  #main_contents .introduce {
    padding: 130px 0 0px;
	width:90%;
    position: relative;
	margin:0 auto;
  }

#main_contents .introduce .title {
 
	padding: 0px 10% 0px 0;
	position: relative;
	box-sizing: border-box;
	
	z-index:1;
  }





  #main_contents .introduce .title > div:nth-child(1){

	
	text-align:left;
    font-size:34px;
	line-height:44px;
	margin-bottom:30px;
	 font-family: 'GowoonDodum';
  }


  #main_contents .introduce .title > div:nth-child(2){

	box-sizing:border-box;
  }

 
  #main_contents .introduce .title > div:nth-child(2) p{

	word-break:keep-all;
    font-size:16px;
	line-height:24px;
	margin-bottom:10px;
	position:relative;
	padding:10px 0 10px 50px;
  }

   
 #main_contents .introduce .title > div:nth-child(2) p img{
	width:35px;
	position:absolute;
	left:0px;
	top:0px;
  }








#main_contents .introduce .cont {
 
	position:relative;
  }


#main_contents .introduce .cont .doc{
	
	position:relative;
	z-index:1;
}


#main_contents .introduce .cont .doc .img {
	margin-top:30px;
	position:relative;
	z-index:1;
}

#main_contents .introduce .cont .doc .img .i1{
	
	float:right;
	width:65%;
}


#main_contents .introduce .cont .doc .img .i1 > span{
	
	border-radius:50%;
	overflow:hidden;
	display:inline-block;transition:0.3s;
}

#main_contents .introduce .cont .doc .img .i2{

	float:left;
	margin-top:-30%;
	width:50%;
}

#main_contents .introduce .cont .doc .img .i2 > span{

	border-radius:50%;
	overflow:hidden;
	display:inline-block;transition:0.3s;

}



 #main_contents .introduce .cont .doc .img .i1:hover img {
	transform:scale(1.1);
	transition:0.3s;
  }
 #main_contents .introduce .cont .doc .img .i2:hover img {
	transform:scale(1.1);
	transition:0.3s;
  }

 #main_contents .introduce .cont .doc .txt{
	float:right;
	padding-right:30px;
	margin-top:-30px;
 }
  #main_contents .introduce .cont .doc .txt p{
	font-size:24px;
	line-height:34px;
  font-weight: 700;
 }

#main_contents .introduce .cont .doc .txt .arrow {
  margin-top:20px;
  }


#main_contents .introduce .cont .interior{
	
        padding-top: 70px;
	position:relative;
}

#main_contents .introduce .cont .interior .img{
	position:relative;
	width:75%;
	float:right;
	right:-25%;
	
}


#main_contents .introduce .cont .interior .i1{
	display:inline-block;
	position:relative;

}

#main_contents .introduce .cont .interior .i1 > span{
	
	position:relative;
	border-radius:50%;
	overflow:hidden;
	display:inline-block;
}



 #main_contents .introduce .cont .interior .i1 > span:hover img {
	transform:scale(1.1);
	transition:0.3s;
  }


#main_contents .introduce .cont .interior .img .circle {
animation: spin 8s linear infinite;
        position: absolute;
        bottom: 3%;
        left: 3%;
        width: 25%;
		max-width:164px;
}



 #main_contents .introduce .cont .interior .txt{
 	position: absolute;
	top: 130px;
	left: 0px;
	
 }

  #main_contents .introduce .cont .interior .txt p{
	font-size:24px;
	line-height:34px;
  font-weight: 700;
 }


  #main_contents .introduce .cont .interior .txt .arrow {
  margin-top:20px;
  }







  
  /* firststep */
  #main_contents .firststep {
    width: 90%;
    margin: 0px auto;
	padding: 130px 0 0px 0;
    position: relative;
    box-sizing: border-box;
  }



  #main_contents .firststep > p:nth-child(1){
    font-size:34px;
	line-height:44px;
  font-family: 'GowoonDodum';
  margin-bottom:30px;
  word-break:keep-all;

  }





  	#main_contents .firststep > .bg {
	   height: 200px;
	   overflow: hidden;
	   position: relative;
	   border-radius:15px;

  
	}

	#main_contents .firststep > .bg > div {
	   position: absolute;
	   top: 0;
	   left: 0;
	   width: 100%;
		 background: url(/img/firststep_bg.jpg) center no-repeat;
	   height:200%; /* ³ôÀÌ¸¦ ³ô°Ô ¼³Á¤ÇÏ¿© ½ºÅ©·Ñ È¿°ú ±Ø´ëÈ­ */
	   background-size: cover!important;
	   transition: transform 0.1s ease-out;
	z-index:1;
	}





  #main_contents .firststep > .bg:before{
	position:absolute;
	width:100%;
	height:3px;
	background:#fff;
	content:"";
	display:block;
	bottom:3px;
	left:0px;
	z-index:2;
  }

    #main_contents .firststep > .bg:after{
	position:absolute;
	width:100%;
	height:3px;
	background:#fff;
	content:"";
	display:block;
	bottom:9px;
	left:0px;
	z-index:2;
  }



  #main_contents .firststep > .text{

	padding-top:50px;
	
  }

  #main_contents .firststep > .text > div:nth-child(1){

	
	text-align:center;
    font-size:28px;
	line-height:36px;
	margin-bottom:50px;
	 font-family: 'GowoonDodum';
  }


  #main_contents .firststep > .text > div:nth-child(2){

	box-sizing:border-box;
  }

 
  #main_contents .firststep > .text > div:nth-child(2) p{

	word-break:keep-all;
    font-size:16px;
	line-height:24px;
	margin-bottom:15px;
	position:relative;
	padding:10px 0 10px 50px;
  }

   
  #main_contents .firststep > .text > div:nth-child(2) p img{
	width:35px;
	position:absolute;
	left:0px;
	top:0px;
  }


 


 
  
 
   /* clinic */
  #main_contents .clinic {
    padding: 100px 0 0px 0;
    position: relative;
  }

  #main_contents .clinic .title {
 
	        width: 90%;
        margin: 0px auto;
	padding: 0px 0 80px 0;
	position: relative;
	box-sizing: border-box;
  }

	
  #main_contents .clinic .title p:nth-child(1) {
 
	 font-size:34px;
	line-height:44px;
	 font-family: 'GowoonDodum';
	 margin-bottom:15px;
  }
 #main_contents .clinic .title p:nth-child(2) {
 
	 font-size:18px;
	line-height:26px;
  font-weight: 700;
  }

#main_contents .clinic .arrow {
    position:absolute;
	right:0px;
	top:100px;
  }


  #main_contents .clinic_box{
	position:relative;
  }


/*³×ºñ°ÔÀÌ¼Ç*/
  #main_contents .clinic .clinic_box_navi {
   
    z-index: 2;
	position:absolute;
	vertical-align:middle;
	text-align:right;
	top:-53px;
	left:7%;

  }

  #main_contents .clinic .clinic_box_navi .navi {
    display: inline-block;
	position:relative;

  }

  #main_contents .clinic .clinic_box_navi .navi:before {
    display: block;
    content: "";
    background: #232323;
    width: 3px;
    height: 30px;
    position: absolute;
    left: 50%;
    margin-left: -1.5px;
    top: 50%;
    margin-top: -15px;
  }

  #main_contents .clinic .clinic_box_navi .navi .next {
    transform: rotate(135deg);
  }

  #main_contents .clinic .clinic_box_navi .navi .prev {
    transform: rotate(-45deg);
  }

  #main_contents .clinic .clinic_box_navi .navi .next, #main_contents .clinic .clinic_box_navi .navi .prev {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-top: 3px solid #232323;
    border-left: 3px solid #232323;
    vertical-align: middle;
    cursor: pointer;
  }

  #main_contents .clinic .clinic_box_navi .navi .next:hover, #main_contents .clinic .clinic_box_navi .navi .prev:hover {
    border-top: 3px solid #fed63e;
    border-left: 3px solid #fed63e;
  }




  #main_contents .clinic .clinic_box_wrap {
    overflow: hidden;
    width: 120%;
	position:relative;
	left:-10%;
  }

  #main_contents .clinic .clinic_box_wrap .swiper-wrapper {
    transition-timing-function: linear;
  }

 #main_contents .clinic .swiper-slide > a {
 
    
	display:inline-block;
  }



  #main_contents .clinic .swiper-slide .img {
 
    background: #fff;
    overflow: hidden;
	transition: all 0.3s; 
	width:100%;
	display:inline-block;
	border-radius:15px;
  }

 

  #main_contents .clinic .swiper-slide .img img {
	width:100%;
    vertical-align: top;
	transition:0.3s;
  }


  #main_contents .clinic .swiper-slide .img:hover img {
	transform:scale(1.1);
	transition:0.3s;
  }


  #main_contents .clinic .swiper-slide p:nth-of-type(1){
    
	padding:10px;
	font-weight:400;
	overflow:hidden;
  font-weight: 700;
  }
  #main_contents .clinic .swiper-slide p:nth-of-type(1) span:nth-child(1){
   float:right;
   font-size:20px;
   width:30%;
   text-align:right;
  }
  #main_contents .clinic .swiper-slide p:nth-of-type(1) span:nth-child(2){
   float:left;
   font-size:20px;
   width:70%;
   word-break:keep-all;
  }

  #main_contents .clinic .swiper-slide p:nth-of-type(2){
    font-size:14px;
	line-height:22px;
	overflow:hidden;
	padding:0px 10px 0 10px;
   word-break:keep-all;
  }



	


  /* time_address */


	#main_contents .time_address{
		padding:130px 0 0px;
		width:90%;
		margin:0 auto;	
		box-sizing:border-box;
		position:relative;
	}
	

	#main_contents .time_address .t1{
		font-size:24px;
		line-height:32px;
		 font-weight: 700;
	margin-bottom:10px;
	}

	
	#main_contents .time_address > .left{
		
		box-sizing:border-box;

	}
	#main_contents .time_address > .right{
	
		box-sizing:border-box;

	}

	#main_contents .time_address .tel{
		margin-bottom:50px;
		
	}

	#main_contents .time_address .tel a{
		font-size:34px;
		color:#112e4f;
  font-weight: 900;
	
	}



	
	#main_contents .time_address .time{
	margin-bottom:50px;

	}
	

	#main_contents .time_address .time table{
		width:100%;
	}
	#main_contents .time_address .time th p{
		padding:5px;
		font-size:16px;
		text-align:center;
		 font-weight: 700;
	}
	#main_contents .time_address .time td{
		padding:3px;
	}



	#main_contents .time_address .time td p{
		padding:8px;
		background:#fff;
		font-size:14px;
		text-align:center;
		position:relative;

	}

	#main_contents .time_address .time tr.n td p{
		
		background:#e3ebf5;

	}


	#main_contents .time_address .time td p span.s1{
		padding:7px 10px;
		
		background:#112e4f;
		color:#fff;
		font-size:14px;
		line-height:14px;
		position:absolute;
		right:15px;
		top:10px;
		border-radius:5px;

	}

	#main_contents .time_address .time td p span.s2{
		padding:7px 10px;
		
		background:#82ade7;
		color:#fff;
		font-size:14px;
		line-height:14px;
		position:absolute;
		right:15px;
		top:10px;
		border-radius:5px;

	}
	
	#main_contents .time_address .time td:nth-child(1){
		width:30%
	}
	#main_contents .time_address .time td:nth-child(2){
		width:50%
	}
	#main_contents .time_address .time td:nth-child(3){
		width:20%
	}

	#main_contents .time_address .time p:nth-child(3){
		margin-top:15px;
		font-size:14px;
		line-height:24px;margin-bottom: 20px;
	}


	#main_contents .time_address .booking{
	margin-bottom:60px;

	}
	#main_contents .time_address .booking p:nth-child(2){
	    margin-bottom: 20px;
        font-size: 14px;
        line-height: 24px;
		background:#e9e3d4;
		padding:10px;
	}


	


	#main_contents .time_address .address{
	
	position:relative;
	}



	#main_contents .time_address .address > p:nth-child(2){
        font-size: 14px;
        line-height: 24px;
		margin-bottom:30px;
    }




	#main_contents .time_address .address > .link{
		
		
		text-align:left;
	    display: inline-block;
		margin-bottom:20px;
	}



	#main_contents .time_address .address > .link a {
	  border: 1px solid #ccc;
	  background: #fff;
	  display: inline-block;
	  
	  margin-right: 20px;
	  font-size: 14px;
	  line-height: 24px;
	  vertical-align: middle;
	  box-sizing: border-box;
	  text-align: center;
	  padding: 10px 20px;
	  transition: all 0.3s;
		border-radius:10px;

	}
	#main_contents .time_address .address > .link a img{
	  vertical-align: middle;
	  padding-right: 10px;
	  transition:0.3s;
	  position:relative;
	
	}
	#main_contents .time_address .address > .link a:hover{
	  background:#112e4f;
	  color:#fff;
	}

	#main_contents .time_address .address > .link a:hover img{
	
	  transform:scale(1.2);
	}
#main_contents .time_address .address .parking {
margin-bottom:30px;
  }	
	#main_contents .time_address .address .parking p:nth-child(1){
        font-size: 24px;
        line-height: 35px;
		margin-bottom:10px;
  font-weight: 700;
    }

	#main_contents .time_address .address .parking p:nth-child(2){
        font-size: 14px;
        line-height:24px;
		background:#e9e3d4;
		padding:10px 20px;
    }



	#main_contents .time_address .address > .map{
	  
     
		height:400px;
    }
	#main_contents .time_address .address > .map .map_wrapper{
	  
    
		border-radius:15px;
		overflow:hidden;
    }







}










