@charset "euc-kr";


 @media (min-width:1200px) {

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


   
   .main_visual {
     width: 100%;
	 position: relative;
   }

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


  /* section */
   
   #main_contents .contents_box{
	width:1400px; 
	margin:0 auto;
	 position: relative;
	padding-top:100px;
   }

   #main_contents .contents_box:before{
	content:"";
	display:block;
	width:1px;
	height:100%;
	background:#ccc;
	position: absolute;
	left:0px;
	top:0px;
	z-index:1;
   }

   #main_contents .contents_box:after{
	content:"";
	display:block;
	width:295px;
	height:100%;
	background:#f2e8ce;
	position: absolute;
	right:0px;
	top:0px;
	z-index:1;
   }
   /* section01 */
   #main_contents .section01 {
	 position: relative;
	z-index:2;
   }
    #main_contents .section01 .p01 {
	font-size:42px; border-left:5px solid #e8d9b4; padding:10px 0 10px 20px;
	margin-bottom:20px;
   }

   #main_contents .section01 .img {
	position: absolute;
    right: -80px;
    top: 0px;
    box-shadow: 0px 0px 30px -15px #616161;
	animation: section01 1s forwards;
	animation-delay: 1s;
	opacity:0;
   }
   #main_contents .section01 .img img{
	vertical-align:top;
   }
   #main_contents .section01 .txt{
	width:620px; box-sizing:border-box;
	padding:100px 30px 100px 50px;
	background:#f5f5f5;
	position: relative;
   }


    #main_contents .section01 .txt:before {
	width: 10000px;
	background: #f5f5f5;
	position: absolute;
	height: 100%;
	right: 50px;
	top:0px;
	content: "";
	display: block;
	z-index: 1;
	}

	#main_contents .section01 .txt:after {
	position: absolute;
	font-size:74px;
	line-height:60px;
	right:-300px;
	bottom:0px;
	color:#f5f5f5;
	content: "PROMISE";
	display: block;
	z-index: 1;
    font-family:'Chosunilbo_myungjo';
	font-weight:normal;
	}


   #main_contents .section01 .txt p:nth-child(1){
	vertical-align:top;
	font-size:42px; margin-bottom:20px;
	position: relative;
	z-index: 2;
    font-family: 'Chosunilbo_myungjo';
    font-weight: normal;
   }
   #main_contents .section01 .txt p:nth-child(2){
	position: relative;
	z-index: 2;
	vertical-align:top;
	font-size:18px; line-height:30px; word-break:keep-all; margin-bottom:80px; font-weight:normal;
   }


    #main_contents .section01 .txt .link {
	color:#393939; font-size: 26px; height:26px; line-height:26px; font-weight:500;
	position: relative;
	word-break:keep-all;
	display:inline-block;
	padding-right:80px;
	transition:all 0.2s;
	z-index: 2;
  }


	#main_contents .section01 .txt .link:hover {
		color:#ffd077;
		position: relative;
	}

	#main_contents .section01 .txt .link  img{
		position: absolute;
		top:50%;
		margin-top:-11px; right:0px; line-height:normal;
		transition:all 0.2s;
	}
	#main_contents .section01 .txt .link:hover img{
		right:-6px; 
	}


  


   /* section02 */
   #main_contents .section02 {
     padding:130px 0;
	 position: relative;
	z-index:2;
   }
    #main_contents .section02 .p01 {
	font-size:42px; border-left:5px solid #e8d9b4; padding:10px 0 10px 20px;
	margin-bottom:50px;
	position:relative
   }
   #main_contents .section02 .p01:after {
	position: absolute;
	font-size:22px;
	right:150px;
	bottom:0px;
	color:#393939;
	content: "* °íÇ°°Ý Áø·á ¼­ºñ½º¸¦ Á¦°øÇÕ´Ï´Ù.";
	display: block;
	z-index: 1;

   }
   #main_contents .section02 .clinic{
	padding:0 20px;
   }
   #main_contents .section02 .clinic > ul{

   }
   #main_contents .section02 .clinic > ul:after{
	clear:both;
	display:block;
	content:"";
   }

   #main_contents .section02 .clinic > ul > li{
	float:left;
	width:330px;
	height:480px;
	margin-right:calc((100% - 1320px)/3);
   }
   #main_contents .section02 .clinic > ul > li:last-child{
	margin-right:0px;
   }
   #main_contents .section02 .clinic > ul > li > a{
	display:block;
	width:330px;
	height:100%;
	overflow:hidden;
	position:relative;
   }
   #main_contents .section02 .clinic > ul > li:nth-child(1) .bg{
	background:url(/img/section02_img01.jpg) no-repeat center;
	height:100%;
	transition:all 0.3s;
   }
   #main_contents .section02 .clinic > ul > li:nth-child(2) .bg{
	background:url(/img/section02_img02.jpg) no-repeat center;
	height:100%;
	transition:all 0.3s;
   }
   #main_contents .section02 .clinic > ul > li:nth-child(3) .bg{
	background:url(/img/section02_img03.jpg) no-repeat center;
	height:100%;
	transition:all 0.3s;
   }
   #main_contents .section02 .clinic > ul > li:nth-child(4) .bg{
	background:url(/img/section02_img04.jpg) no-repeat center;
	height:100%;
	transition:all 0.3s;
   }

   #main_contents .section02 .clinic > ul > li:hover .bg{
	transform:scale(1.1);
   }

   #main_contents .section02 .clinic > ul > li .txt{
	position:absolute;
	width:100%;
	left:0px;
	top:330px;
	color:#fff;
	text-align:center;
   }
   #main_contents .section02 .clinic > ul > li .txt > p{
	font-size:38px;
	line-height:38px;
	color:#fff;
	margin-bottom:20px;
   }
   #main_contents .section02 .clinic > ul > li .txt > p span{
	box-shadow: inset 0 -15px 0 #c1a662;
	line-height:38px;
   }


   #main_contents .section02 .clinic > ul > li .txt > ul{
	padding:0 20px;
   }
   #main_contents .section02 .clinic > ul > li .txt > ul > li{
	display:inline-block; font-size:16px; padding:2px;
   }

  


 
   /*Ŭ¸®´Ð ¹Ú½º*/
   .clinic_box {
	 width:1400px;
	 margin:0 auto;
	 text-align:center;
	 padding:100px 0;
   }

   .clinic_box .t01 {
     margin-bottom:100px;
   }
   .clinic_box .t01 span{
     margin-bottom:100px;
	 font-family: tvn_bold;
	 display:block;
	 font-size:55px;
	 padding-top:20px;
   }

   .clinic_box > ul {
     font-size:0px;
   }
   .clinic_box > ul > li {
     display:inline-block;
	 width:25%;
	 box-sizing:border-box;
	 padding:0 50px;
	 vertical-align:top;
   }
   .clinic_box > ul > li a{
     display:inline-block;
	 width:100%;
   }
   .clinic_box > ul > li a img{
     transition:all 0.3s;

   }
   .clinic_box > ul > li a:hover img{
     transform:scale(1.1);
   }
   .clinic_box > ul > li p{
     font-size:28px;
	 padding:20px 0 20px;
   }
   .clinic_box > ul > li ul > li{
     display:inline-block;
	 padding:0 5px 5px 5px;
	 font-size:14px;
   }


   /*//Ŭ¸®´Ð ¹Ú½º*/


 }

 @media (max-width:1199px) {

	#main_contents {
     position: relative;
     z-index: 1;
     width: 100%;
     overflow: hidden;
   }


   
   .main_visual {
     width: 100%;
	 position: relative;
   }


	/* section */
   
   #main_contents .contents_box{
	width:95%; 
	margin:0 auto;
	position: relative;
	padding-top:50px;
   }

   #main_contents .contents_box:before{
	content:"";
	display:block;
	width:1px;
	height:100%;
	background:#ccc;
	position: absolute;
	left:0px;
	top:0px;
	z-index:1;
   }

   #main_contents .contents_box:after{
	content:"";
	display:block;
	width:100px;
	height:100%;
	background:#f2e8ce;
	position: absolute;
	right:0px;
	top:0px;
	z-index:1;
   }
   /* section01 */
   #main_contents .section01 {
	 position: relative;
	 z-index:2;
   }
    #main_contents .section01 .p01 {
	font-size:24px; border-left:5px solid #e8d9b4; padding:6px 0 6px 15px;
	margin-bottom:140px;
   }

   #main_contents .section01 .img {
	position: absolute;
    right:calc(-100%/38);
    top: 60px;
	max-width:745px; width:50%; min-width:295px;
	z-index:1;
    box-shadow: -10px 10px #ffffff;
   }
   #main_contents .section01 .img img{
   width:100%;
	vertical-align:bottom;
   }
   #main_contents .section01 .txt{
	width: 88%;
    box-sizing: border-box;
    min-width: 280px;
	max-width:700px;
    padding: 100px 15% 50px 5%;
    background: #f5f5f5;
    position: relative;
    z-index: 0;
   }


    #main_contents .section01 .txt:before {
	width: 5000px;
	background: #f5f5f5;
	position: absolute;
	height: 100%;
	right: 50px;
	top:0px;
	content: "";
	display: block;
	z-index: 1;
	}

	#main_contents .section01 .txt:after {
	position: absolute;
    font-size:50px;
    right: -10%;
    bottom: -3%;
    color: #dadada;
    content: "PROMISE";
    display: block;
    z-index: 1;
    font-family: 'Chosunilbo_myungjo';
    font-weight: normal;
	}


   #main_contents .section01 .txt p:nth-child(1){
	vertical-align:top;
	font-size:40px; margin-bottom:30px;
	line-height:35px;
	word-break:keep-all;
	position: relative;
	z-index: 2;
    font-family: 'Chosunilbo_myungjo';
    font-weight: normal;
   }
   #main_contents .section01 .txt p:nth-child(2){
	position: relative;
	z-index: 2;
	vertical-align:top;
	font-size:12px; line-height:18px; word-break:keep-all; margin-bottom:30px; font-weight:normal;
   }


    #main_contents .section01 .txt .link {
	color:#393939; font-size: 20px; height:20px; line-height:20px; font-weight:500;
	position: relative;
	word-break:keep-all;
	display:inline-block;
	padding-right:55px;
	transition:all 0.2s;
	z-index: 2;
   }


	#main_contents .section01 .txt .link:hover {
		color:#ffd077;
		position: relative;
	}

	#main_contents .section01 .txt .link  img{
		position: absolute;
		top:50%;
		margin-top:-7px; right:0px; line-height:normal;
		transition:all 0.2s;
		height:18px;
	}
	#main_contents .section01 .txt .link:hover img{
		right:-6px; 
	}


  


   /* section02 */
   #main_contents .section02 {
     padding:80px 0;
	 position: relative;
	z-index:2;
   }
    #main_contents .section02:after {
	position: absolute;
    font-size: 21px;
    left: 20px;
    bottom: 34px;
    color: #ff863f;
    content: "¡Ø ¿À¸¥ÂÊÀ¸·Î scroll";
    display: block;
    font-weight: normal;
    z-index: 1;
	}
    #main_contents .section02 .p01 {
	 position: relative;
	font-size:24px; border-left:5px solid #e8d9b4; padding:6px 0 6px 15px;
	margin-bottom:50px;
   }

   #main_contents .section02 .p01:after {
	position: absolute;
	font-size:14px;
	left:20px;
	bottom:-30px;
	color:#393939;
	content: "* °íÇ°°Ý Áø·á ¼­ºñ½º¸¦ Á¦°øÇÕ´Ï´Ù.";
	display: block;
	font-weight:normal;
	z-index: 1;

   }
   #main_contents .section02 .clinic{
	overflow-x:scroll;
	width:100%;
	 position: relative;
   }
  
   #main_contents .section02 .clinic > ul{
	width:910px;
   }
   #main_contents .section02 .clinic > ul:after{
	clear:both;
	display:block;
	content:"";
   }

   #main_contents .section02 .clinic > ul > li{
	float:left;
	width:220px;
	height:319px;
	margin-right:10px;
   }
   #main_contents .section02 .clinic > ul > li:last-child{
	margin-right:0px;
   }
   #main_contents .section02 .clinic > ul > li > a{
	display:block;
	width:100%;
	height:100%;
	overflow:hidden;
	position:relative;
   }
   #main_contents .section02 .clinic > ul > li:nth-child(1) .bg{
	background:url(/img/section02_img01.jpg) no-repeat center;
	height:100%;
	transition:all 0.3s;
   }
   #main_contents .section02 .clinic > ul > li:nth-child(2) .bg{
	background:url(/img/section02_img02.jpg) no-repeat center;
	height:100%;
	transition:all 0.3s;
   }
   #main_contents .section02 .clinic > ul > li:nth-child(3) .bg{
	background:url(/img/section02_img03.jpg) no-repeat center;
	height:100%;
	transition:all 0.3s;
   }
   #main_contents .section02 .clinic > ul > li:nth-child(4) .bg{
	background:url(/img/section02_img04.jpg) no-repeat center;
	height:100%;
	transition:all 0.3s;
   }

   #main_contents .section02 .clinic > ul > li:hover .bg{
	transform:scale(1.1);
   }

   #main_contents .section02 .clinic > ul > li .txt{
	position:absolute;
	width:100%;
	left:0px;
	top:220px;
	color:#fff;
	text-align:center;
   }
   #main_contents .section02 .clinic > ul > li .txt > p{
	font-size:30px;
	line-height:30px;
	color:#fff;
	margin-bottom:10px;
   }
   #main_contents .section02 .clinic > ul > li .txt > p span{
	box-shadow: inset 0 -10px 0 #c1a662;
	line-height:30px;
   }


   #main_contents .section02 .clinic > ul > li .txt > ul{
	padding:0 15px;
	line-height:normal;
   }
   #main_contents .section02 .clinic > ul > li .txt > ul > li{
	display:inline-block; font-size:12px; 
	line-height:normal;
   }


 }