@charset "euc-kr";
/* CSS Document */
*{letter-spacing: -1px}

<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200;300;400;500;600;700;900&display=swap" rel="stylesheet">

<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700;800&display=swap" rel="stylesheet">

.grid {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
	min-height: 100%;
	max-width: 1300px;
}
.grid:after {
  content: '';
  display: block;
  clear: both;
}
.grid-item {
	padding-right: 10px;
	padding-left: 10px;
	overflow: hidden;
}
/* fluid */
.grid-sizer, .grid-item { width: 25%; }
.grid-item--width2 { width: 50%; }
.grid-item .board_output_gallery_img { margin-bottom: -20px; }
/* */
.grid-sizer > table, .grid-item > table {
    position: relative;
    overflow: hidden;
}
.grid-sizer > table br, .grid-item > table br { display: none; }

.grid-item > table:hover .gallery_subject a {
	transition: all 0.3s ease-in-out;
	text-align: center;
	position: absolute;
	width: 100%;
	height: 50px;
	background-color: rgba(31,31,31,0.50);
	top: -50px;
	color: rgba(255,255,255,1.00) !important;
	display: none;
	visibility: hidden;
}
.grid-item > table:hover .gallery_subject .gallery_title {
	top: 50%;
	margin-top: -25px;
	display: block;
	visibility: visible;
}
@media (max-width:767px) {
.grid-sizer, .grid-item { width: 50%; }
.grid-item--width2 { width: 100%; }
}

@media (max-width:480px) {
.grid-sizer, .grid-item { width: 50%; }
.grid-item--width2 { width: 100%; }
}

@media (min-width:768px) and (max-width:991px){
.grid-sizer, .grid-item { width: 33.33%; }
.grid-item--width2 { width: 50%; }
}

.grid05 {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	max-width: 1300px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
}
.grid05 .grid-sizer, .grid05 .grid-item {
	padding-right: 10px;
	padding-left: 10px;
	overflow: hidden;
}
/* fluid */
.grid05 .grid-sizer, .grid05 .grid-item { width: 20%; }
.grid05 .grid-item--width2 { width: 40%; }

@media (max-width:480px) {
.grid05 .grid-sizer, .grid05 .grid-item { width: 50%; }
.grid05 .grid-item--width2 { width: 100%; }
}

@media (min-width:481px) and (max-width:767px) {
.grid05 .grid-sizer, .grid05 .grid-item { width: 33.33%; }
.grid05 .grid-item--width2 { width: 66.66%; }
}

@media (min-width:768px) and (max-width:991px){
.grid05 .grid-sizer, .grid05 .grid-item { width: 25%; }
.grid05 .grid-item--width2 { width: 50%; }
}

/**/
.grid04 {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	max-width: 1300px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
}
.grid04 .grid-sizer, .grid-item {
	/* [disabled]padding-top: 10px; */
	padding-right: 10px;
	padding-left: 10px;
	/* [disabled]padding-bottom: 10px; */
	overflow: hidden;
}
/* fluid */
.grid04 .grid-sizer, .grid-item { width: 25%; }
.grid04 .grid-item--width2 { width: 50%; }




/*----------------------------------------뉴스----------------------------------------------*/
 #newsbanner_wrap{
        width: 100%;
        margin-top: 120px;
        margin-bottom: 0px;
        text-align: center;
        background: url("../../../images/news_bannerimg.png") no-repeat 50% 50%;
        z-index: -2;
        position: relative;
        height: 295px;
    }
    
    #newsbanner_wrap::after{
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: #000;
    top: 0;
    left: 0;
    opacity: .4;
    z-index: -1;
}

.newsbanner_wrap{
    padding-top: 90px;
}

.newsbanner_wrap p.contents-title, .newsbanner_wrap p.contents-article{
    color: #fff;
}
    



.swiper-container-vertical{width: 90%;}


.swiper-container-vertical > .swiper-wrapper.news_wrapper{
    width: 50%;
}

.swiper-container-vertical > .swiper-wrapper.news_slide{
    overflow: hidden;
    margin-bottom: 10px;
    position: relative;
    
}

/*.swiper-slide{
    height: 383px !important;
}*/

.news_slide::after{
    position: absolute;
    content: "";
    width: 0%;
    height: 1px;
    background: #222;
    top: 0;
    left: 0;
    opacity: .5;
}

.news_slide::before{
    position: absolute;
    content: "";
    width: 0%;
    height: 1px;
    background: #222;
    bottom: 0;
    left: 0;
    opacity: .5;
}

.news_slide:hover .news_img{opacity: .6;}

.news_slide:hover.news_slide::after{
    width: 100%;
}

.news_slide:hover.news_slide::before{
    width: 100%;
}





/*.news_img{
    float: left;
    width: 35%;
    height: 182px;
    position: relative;
}*/

.news_mark{
    position: absolute;
    color: #fff;
    background: #223f74;
    padding: 6px 10px;
}

.news_img1{
    background: url("../../../images/news_img1.png") no-repeat 50% 50%;
}

.news_text{
    float: left;
    width: 61%;
    margin: 0 2%;
    padding: 33.5px 0;
}

.news_text .news_subject p{
    font-size: 24px;
    font-weight: 400;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.news_text .news_article p{
    color: #acacac;
    font-size: 16px;
    margin: 10px 0;
    display:-webkit-box; 
    word-wrap:break-all; -webkit-line-clamp:2; -webkit-box-orient:vertical; 
    overflow:hidden; 
    text-overflow:ellipsis;
}

.news_text .news_section p{
    color: #acacac;
    font-size: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}


#news_wrap{
    width: 100%; height: inherit; position: relative;overflow: hidden;
}

.news-wrap{width:1440px; margin:0 auto; height:auto;  }

.yslogo_mark{
    position: absolute;
    top: 0px;
    left: 50%;
    filter: grayscale(1);
    opacity: .1;
    width: 100%;
    background: url("../../../images/content_yslogo_bigimg.png") no-repeat;
    display: none;
}


.slide2 .news-box{
   padding-bottom: 20px;
}
	  
.news-title{font-size:30px; padding: 30px 0 50px 0;  text-align:center; }
.news-left{width:60%; height:380px/*860px*/; float:left;margin-bottom: 100px;position: relative;}

.news-right{width:49%; height:840px; float:right; background: url('../images/right-img.png')no-repeat 0% 0%;}
	 
.news-center{font-size:18px;padding-bottom: 10px; text-align:left; font-weight:500;letter-spacing: -1px; color:#3F3F3F;}

.news_contents_box{width:100%; height:210px; border-bottom:1px solid rgba(0,0,0, .2); border-bottom:1px solid rgba(0,0,0, .2); padding:10px 10px; overflow:hidden; position:relative; transition: border 0.2s }

.news_contents_box:hover{box-shadow: 5px 3px 10px rgba(0,0,0, .1);}

.news_contents_box:nth-child(4n){border-bottom: 0;}

.news-contents-box-btn{position:absolute; right:2%; top:40%;} 
	  
.news-contents1-img{width:37%; height:100%;  float:left; margin-right:3%; background: url(' ../../../images/news_img1.png')no-repeat 50% 50%;}
.news-contents2-img{width:37%; height:100%;  float:left; margin-right:3%; background: url(' ../../../images/news_img2.png')no-repeat 50% 50%;}
.news-contents3-img{width:37%; height:100%;  float:left; margin-right:3%; background: url(' ../../../images/news_img3.png')no-repeat 50% 50%;}
.news-contents4-img{width:37%; height:100%;  float:left; margin-right:3%; background: url(' ../../../images/news_img4.png')no-repeat 50% 50%;}
.news-contents5-img{width:37%; height:100%;  float:left; margin-right:3%; background: url(' ../../../images/news_img5.png')no-repeat 50% 50%;}
.news-contents6-img{width:37%; height:100%;  float:left; margin-right:3%; background: url(' ../../../images/news_img6.png')no-repeat 50% 50%;}
.news-contents7-img{width:37%; height:100%;  float:left; margin-right:3%; background: url(' ../../../images/news_img7.png')no-repeat 50% 50%;}
.news-contents8-img{width:37%; height:100%;  float:left; margin-right:3%; background: url(' ../../../images/news_img8.png')no-repeat 50% 50%;}
	  
      .news-contents1-text{width:60%; float:left;text-align: left;padding-top: 30px;}
	  .news-contents-title{font-size:22px;font-wieght:bold; letter-spacing: -1px; line-height:40px; 
		 overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	  .news-contents-article{font-size:14px;letter-spacing: -1px; line-height:20px;
display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;   white-space: normal; line-height: 1.2; height: 2.4em; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
}

.news-section{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
	  
    .slide2{height:860px;overflow:hidden;position:relative;}
    .slide2 ul{height:calc(100% * 2);/*animation:slide 22s infinite;*/ transition:1s;}
    .slide2 li{height:calc(100% / 2);}
    .slide2 li:nth-child(1){}
    .slide2 li:nth-child(2){}
    .slide2 li:nth-child(3){}
    .slide2 li:nth-child(4){}
    .slide2 input{display:none;}
    .slide2 .bullet{position:absolute;bottom:0px;left:0;right:0;text-align:center;z-index:10;}
    .slide2 .bullet label{width:10px;height:10px;border-radius:10px;border:2px solid #666;display:inline-block;background:#fff;font-size:0;transition:0.5s;cursor:pointer;}
    /* 슬라이드 조작 */
    #pos1:checked ~ ul{margin-top:0;}
    #pos2:checked ~ ul{margin-top:-860px;}
    #pos3:checked ~ ul{margin-top:-1700px;}
    #pos4:checked ~ ul{margin-top:-2540px;}
    /* bullet 조작 */
    #pos1:checked ~ .bullet label:nth-child(1),
    #pos2:checked ~ .bullet label:nth-child(2),
    #pos3:checked ~ .bullet label:nth-child(3),
    #pos4:checked ~ .bullet label:nth-child(4){background:#666;}
@keyframes slide {
      0% {margin-top:4px;}
      10% {margin-top:4px;}
    
      40% {margin-top:-856px;}
      50% {margin-top:-856px;}
      
      
      90% {margin-top: 4px;}
      100% {margin-top:4px;}
    }

@media(max-width:1150px){
    .news-left{width:70%; height:380px/*860px*/;}
}


@media(max-width:780px){
    .news-left {
    width: 100%;
    height: 380px/*800px*/;
}
    
    .news-contents1-text {
    width: 60%;
    float: left;
    text-align: left;
    padding-top: 34px;
}
    
    
    
}/*780*/


@media(max-width:480px){
#newsbanner_wrap{
        width: 100%;
        margin-top: 60px;
        margin-bottom: 100px;
        text-align: center;
        background: url("../../../images/news_bannerimg.png") no-repeat 50% 50%;
        z-index: -2;
        position: relative;
        height: 295px;
    }
    
}/*480*/



/*----------------------------------------치아교정----------------------------------------------*/

.tooth_img{
    width: 100%;
    margin: 0 auto;
}

.tooth_pc{display: block;}
    
.tooth_m{display: none;}

/*#tooth1-wrap{
    background: url("../../../images/clinic1_bgimg.png") no-repeat 10% 30%;
    position: relative;
    z-index: -2;
    height: 880px;
}

#tooth2-wrap{
    background: url("../../../images/clinic2_bgimg.jpg") no-repeat 10% 30%;
    position: relative;
    z-index: -2;
    height: 880px;
    margin-top: 0px;
    overflow: hidden;
}*/


.tooth1-wrap{
    width: 1440px;
    margin: 0 auto;
    padding-top: 160px;
    padding-bottom: 270px;
}

.tooth2-wrap{
    width: 1440px;
    margin: 0 auto;
    padding-top: 160px;
    padding-bottom: 270px;
}


.contents-title-up{
    font-size: 24px;
    color: #fff;
}

.title-up-right{
    text-align: right;
}

.title-up-left{
    text-align: left;
    
}

.contents-titles{
    font-size: 48px;
    color: #fff;
    margin-top: -20px;
    font-weight: 500;
}

.contents-title-left{
    text-align: left;
}

.contents-title-right{
    text-align: right;
}

.tooth-information{position: relative;}
.tooth-information::after{
    position: absolute;
    content: "";
    width: 100%;
    height: 3px;
    background: #fff;
    left: 0;
    top: 17px;
}

.tooth-information::before{
    position: absolute;
    content: "";
    width: 100%;
    height: 3px;
    background: #fff;
    left: 0;
    bottom: -87px;
}


.tooth-information li{
    color: #fff;
    font-size: 24px;
}

.tooth-information-right li{
    text-align: right;
}

.tooth-information li.first{
    font-size: 36px;
    font-weight: 500;
    padding-top: 100px;
    padding-bottom: 40px;
    position: relative;
}

.tooth-information-left li.first::after{
    content: "";
    position: absolute;
    width: 3px;
    height: 50px;
    background: #fff;
    top: 20px;
    left: 0;
}

.tooth-information-left li.first::before{
    content: "";
    position: absolute;
    width: 3px;
    height: 50px;
    background: #fff;
    bottom: -220px;
    left: 0;
}

.tooth-information-right li.first::after{
    content: "";
    position: absolute;
    width: 3px;
    height: 50px;
    background: #fff;
    top: 20px;
    right: 0;
}

.tooth-information-right li.first::before{
    content: "";
    position: absolute;
    width: 3px;
    height: 50px;
    background: #fff;
    bottom: -220px;
    right: 0;
}

.tooth-information li.last{
    position: relative;
}

.tooth-information-left li.last::after{
    content: "";
    position: absolute;
    width: 3px;
    height: 394px;
    background: #fff;
    top: -273px;
    right: 0;
}

.tooth-information-right li.last::after{
    content: "";
    position: absolute;
    width: 3px;
    height: 394px;
    background: #fff;
    top: -273px;
    left: 0;
}

.tooth-information li span{
    color: #ffa800;
    font-weight: 500;
}

.tooth-information li.second{position: relative;}
.tooth-information-left li.second::after{
    position: absolute;
    content: "";
    background: url(../../../images/clinic1_minimg.png) no-repeat;
    width: 130px;
    height: 62px;
    bottom: -176px;
    right: 15px;
}

.tooth-information-right li.second::after{
    position: absolute;
    content: "";
    background: url(../../../images/clinic2_minimg.png) no-repeat;
    width: 53px;
    height: 86px;
    top: -155px;
    left: 15px;
}

.tooth-information li.third{position: relative;}
.tooth-information-left li.third::after{
    position: absolute;
    content: "";
    background: url(../../../images/clinic1_yslogoimg.png) no-repeat;
    width: 302px;
    height: 302px;
    bottom: -330px;
    left: -150px;
    z-index: -1;
    opacity: .8;
}

.tooth-information-right li.third::after{
    position: absolute;
    content: "";
    background: url(../../../images/clinic2_yslogoimg.png) no-repeat;
    width: 302px;
    height: 302px;
    bottom: -330px;
    right: -150px;
    z-index: -1;
    opacity: .6;
}

@media(max-width:970px){
    .contents-title-up {
    font-size: 20px;
    color: #fff;
}
    
    .contents-titles {
    font-size: 40px;
    color: #fff;
    margin-top: -23px;
    font-weight: 500;
}
   /* #tooth1-wrap, #tooth2-wrap{
    height: 630px;
}*/
    
    .tooth1-wrap, .tooth2-wrap{
    padding-top: 80px !important;
    padding-bottom: 80px !important;
}
    
    
    
    .tooth-information li.first {
    font-size: 30px;
    font-weight: 500;
    padding-top: 100px;
    padding-bottom: 40px;
    position: relative;
}
    
    .tooth-information li {
    color: #fff;
    font-size: 20px;
        line-height: 28px;
}
    
    .tooth-information-left li.first::before {
    content: "";
    position: absolute;
    width: 3px;
    height: 50px;
    background: #fff;
    bottom: -196px;
    left: 0;
}
    
    .tooth-information-left li.second::after {
    position: absolute;
    content: "";
    background: url(../../../images/clinic1_minimg.png) no-repeat;
    width: 130px;
    height: 62px;
    bottom: -156px;
    right: 15px;
}
    
    .tooth-information-left li.last::after {
    content: "";
    position: absolute;
    width: 3px;
    height: 346px;
    background: #fff;
    top: -233px;
    right: 0;
}
    
    .tooth-information-left li.third::after {
    position: absolute;
    content: "";
    background: url(../../../images/clinic1_yslogoimg.png) no-repeat;
    width: 302px;
    height: 302px;
    bottom: -250px;
    left: -150px;
    z-index: -1;
    opacity: 0.5;
    transform: scale(0.9);
}
    
    .tooth-information-right li.first::before {
    content: "";
    position: absolute;
    width: 3px;
    height: 50px;
    background: #fff;
    bottom: -196px;
    right: 0;
}
    
    .tooth-information-right li.last::after {
    content: "";
    position: absolute;
    width: 3px;
    height: 347px;
    background: #fff;
    top: -234px;
    left: 0;
}
    
    .tooth-information-right li.second::after {
    position: absolute;
    content: "";
    background: url(../../../images/clinic2_minimg.png) no-repeat;
    width: 53px;
    height: 86px;
    top: -135px;
    left: 15px;
}
    
    .tooth-information-right li.third::after {
    position: absolute;
    content: "";
    background: url(../../../images/clinic2_yslogoimg.png) no-repeat;
    width: 302px;
    height: 302px;
    bottom: -230px;
    right: -150px;
    z-index: -1;
    opacity: .4;
        transform: scale(0.9);
}
    
    
}/*970*/


@media(max-width:784px){
    .tooth-information-left li.first::before,  .tooth-information-left li.second::after, .tooth-information-left li.last::after, .tooth-information-left li.third::after, .tooth-information-right li.first::before, .tooth-information-right li.last::after, .tooth-information-right li.second::after, .tooth-information-right li.third::after, .tooth-information::before, .tooth-information::after, .tooth-information::before, .tooth-information::after{
    display: none !important;
}
    
    .contents-titles {
    font-size: 34px;
    color: #fff;
    margin-top: -23px;
    font-weight: 500;
}
    
    .contents-title-up {
    font-size: 16px;
    color: #fff;
    font-weight: 100;
}
    
  
    /*#tooth1-wrap, #tooth2-wrap {
    height: 392px;
}*/
    
    .tooth1-wrap, .tooth2-wrap {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
}
    
    .tooth-information li {
    color: #fff;
    font-size: 18px !important;
    line-height: 26px !important;
}
    
    .tooth-information li.first {
    font-size: 30px;
    font-weight: 500;
    padding-top: 50px;
    padding-bottom: 20px;
    position: relative;
}
    
    .tooth-information-left li.first::after {
    content: "";
    position: absolute;
    width: 2px;
    height: 56px;
    background: #fff;
    top: -13px;
    left: 3px;
}
    
    .tooth-information-right li.first::after {
    content: "";
    position: absolute;
    width: 2px;
    height: 56px;
    background: #fff;
    top: -13px;
    right: 3px;
}
    
    
    
}/*780*/

@media(max-width:690px){
    
    /*#tooth2-wrap {
    height: 417px !important;
}*/
    .tooth_pc{display: none;}
    
    .tooth_m{display: block;}
    
}/*690*/

@media(max-width:562px){
    /*#tooth1-wrap, #tooth2-wrap {
    height: 445px !important;
}*/
    
}/*562*/

@media(max-width:480px){
    .contents-titles {
    font-size: 28px;
    color: #fff;
    margin-top: -18px;
    font-weight: 500;
}
    
    .contents-title-up {
    font-size: 14px;
    color: #fff;
    font-weight: 100;
}
    
    .tooth-information-left li.first::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 50px;
    background: #fff;
    top: -7px;
    left: 3px;
}
    
    .tooth-information-right li.first::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 50px;
    background: #fff;
    top: -7px;
    right: 3px;
}
    
    .tooth-information li {
    color: #fff;
    font-size: 16px !important;
    line-height: 21px !important;
    font-weight: 300;
}
    
   /* #tooth1-wrap, #tooth2-wrap {
    height: 404px !important;
}*/

    
}/*480*/

@media(max-width:380px){
   /* #tooth2-wrap {
    height: 422px !important;
}*/
    
}/*380*/



/*----------------------------------------치아교정끝----------------------------------------------*/




/*----------------------------------------의료진소개----------------------------------------------*/

.introduce_subject p{
    font-weight: 500;
    font-size: 48px;
    position: relative;
    margin: 0;
    padding: 0;
    text-align: center;
    letter-spacing: -2px;
}

.introduce_subject::after{
    position: absolute;
    content: "YONSEI HI DENTAL CLINIC";
    font-size: 24px;
    top: 66px;
    left: 50%;
    transform: translateX(-50%);
    font-weight: 400;
}

.introduce_article p{
    font-weight: 400;
    font-size: 36px;
    margin: 4px 0 50px 0;
    text-align: center;
    letter-spacing: -2px;
}

#main_introduce{overflow: hidden;}

.main_introduce{
    width: 1300px; 
    margin: 0 auto;
    padding: 80px 0;
}

.main_introduce{
    position: relative;
    /*height: 3700px;*/
    z-index: 0;
}

.main_introduce >.intro_back{
    position: absolute;
    z-index: -1;
}


.main_introduce >.intro_back>img{width: 50%;}
.main_introduce >.intro_back.intro_back1{
    top: 200px;
    right: -150px;
    animation: intro_back1 70s ease infinite;
    transform: scale(.6);
    left: -48%;
    filter: grayscale(1);
    opacity: .1;
}

.main_introduce >.intro_back.intro_back2{
    top: 40%;
    right: -45%;
    transform: scale(.6);
    filter: grayscale(1);
    opacity: .1;
    display: none;
}
.main_introduce >.intro_back.intro_back3{
    bottom: 150px;
    left: -150px;
    
}

img.intro_back480{
    display: none;
    filter: grayscale(1);
    opacity: 0.1;
    z-index: -1;
    animation: intro_back1 70s ease infinite;
}

@keyframes intro_back1{
    0%{transform: rotate(0deg) scale(1);}
    50%{transform: rotate(360deg) scale(1.1);}
    100%{transform: rotate(0deg) scale(1);}
}

@keyframes intro_back2{
    0%{transform: rotate(0deg) scale(1);}
    50%{transform: rotate(-360deg) scale(0.8);}
    100%{transform: rotate(0deg) scale(1);}
}

.main_introduce h2{
    text-align: center;
    font-weight: 300;
    letter-spacing: -2px;
    font-size: 36px;
    margin-bottom: 16px;
}

.main_introduce h2 strong{
    font-weight: 700;
}

.intro_h2bar{
    width: 35px;
    height: 2px;
    background: #aaa;
    margin: 0 auto;
}

.main_introduce > ul > li{
    padding: 3vw 0;
    overflow: hidden;
}


.intro_img_left1{
    width: 49%;
    margin-right: 3%;
    float: left;
    padding-left: 28%;
}

.intro_img_left2{
    width: 49%;
    margin-right: 3%;
    float: left;
    padding-left: 0%;
}

.intro_img_left3{
    width: 49%;
    margin-right: 3%;
    float: left;
    padding-left: 15%;
}


.intro_text_right{
    width: 48%;
    float: left;
}

.introduce_text{
    font-weight: 300;
    letter-spacing: -1px;
    /*margin-bottom: 100px;*/
    float: left;
}

.introduce_img{
    float: left;
}

.introduce_text .text_name{
    font-size: 1.5vw;
    position: relative;
    margin-top: -5px;
    margin-bottom: 1vw;
    font-weight: 500;
    color: #595959;
}

.name_shadow1::after{
    position: absolute;
    color: #000;
    opacity: 0.1;
    content: "Choi Honghee";
    top: -2vw;
    right: 0vw;
    font-size: 3vw;
    font-weight: bold;
}



.introduce_text .text_name strong{
    font-size: 2.5vw;
    position: relative;
    color: #007fc6;
    margin-top: -5px;
    margin-bottom: 1vw;
    color: #416176 !important;
}

.name_pro{position: relative;}


.introduce_text .text_first{
    color: #ccc;
    font-size: 1.1vw;
}

.introduce_text .text_name strong{
    color: #007fc6;
}

.name_shadow2::after{
    content: "Lee Yeji";
    position: absolute;
    opacity: .1;
    top: -1.5vw;
    left: 6.5vw;
    font-size: 3vw;
    font-weight: bold;
}

.introduce_text .text_intro_right ul li{
    margin-bottom: 5px;
    position: relative;
    font-size: 1vw;
    letter-spacing: -2px;
}

.introduce_text .text_intro_right ul li.first, .introduce_text .text_intro_left ul li.first{
    color: #015a8b;
    font-size: 1.3vw;
    padding-left: 0;
    font-weight: 500;
    padding-bottom: 1vw;
    padding-right: 0;
}

.introduce_text .text_intro_right ul li.first::after, .introduce_text .text_intro_left ul li.first::after{
    display: none;
}

.introduce_text .text_intro_right ul li::after{

}




.intro_text_left{
    width: 50%;
}

.intro_text_left{
    text-align: right;
}

.introduce_text .text_intro_left ul li{
    margin-bottom: 5px;
    position: relative;
    text-align: right;
    font-size: 1vw;
    letter-spacing: -2px;
}

.introduce_text .text_intro_left ul li::after{

}

.intro_img_right1{
    width: 47%;
    margin-left: 3%;
}

.intro_img_right2{
    width: 47%;
    margin-left: 3%;
}



.intro_img1{
}
.intro_img1 > img{
    width: 100%;
}

.intro_img2 > img{
    width: 47%;
}

.intro_img3{
    padding-left: 15%;
}
.intro_img3 > img{
    width: 100%;
}

.intro_img4 > img{
    width: 61%;
}


.intro_img5{
    padding-left: 10%;
}
.intro_img5 > img{
    width: 88%;
}

.intro_img6{
    margin-bottom: 100px;
}

.intro_img6 > img{
    width: 70%;
}








@media(max-width:1400px){
    .main_introduce{
        width: 100%;
    }
}

@media (max-width: 1350px){
    .introduce_subject p{
    font-size: 40px;
}

.introduce_subject::after{
        position: absolute;
    content: "YONSEI HI DENTAL CLINIC";
    font-size: 20px;
    top: 66px;
    left: 50%;
    transform: translateX(-50%);
    font-weight: 400;
}
    
    .introduce_article p {
    font-weight: 400;
    font-size: 28px;
    margin: 4px 0 50px 0;
    text-align: center;
}
    
    .introduce_text .text_intro_left ul li {
    margin-bottom: 5px;
    position: relative;
    text-align: right;
    font-size: 1.5vw;
    
}
    
    .introduce_text .text_intro_right ul li {
    margin-bottom: 5px;
    position: relative;
    font-size: 1.5vw;
}
    
    
}/*1350*/

@media(max-width:1024px){
    .introduce_subject{
        text-align: center;
        font-size: 30px;
    }
}

@media(max-width:998px){
    .introduce_text .text_name strong{
        font-size: 4vw;
    }
    
    .introduce_text .text_name {
    font-size: 2.5vw;
    position: relative;
    margin-top: -5px;
    margin-bottom: 1vw;
    font-weight: 500;
    color: #595959;
}
    
    .introduce_text .text_intro_left ul li {
    margin-bottom: 5px;
    position: relative;
    text-align: right;
    font-size: 2vw;
}
    
    .intro_img2 > img {
    width: 62%;
}
    
    .introduce_text .text_intro_right ul li {
    margin-bottom: 5px;
    position: relative;
    font-size: 2vw;
}
    
    .intro_img_left1 {
    width: 49%;
    margin-right: 3%;
    float: left;
    padding-left: 22%;
}
    
}/*998*/

@media(max-width:780px){
    .introduce_subject p {
    font-size: 34px;
}
    
    introduce_subject::after {
    position: absolute;
    content: "YONSEI HI DENTAL CLINIC";
    font-size: 16px;
    top: 70px;
    left: 50%;
    transform: translateX(-50%);
    font-weight: 200;
}
    
    .introduce_article p{
    font-weight: 400;
    font-size: 20px;
    margin: 0px 0 36px 0;
    font-weight: 400;
    letter-spacing: -1px;
    margin-top: -5px;
}
    
    .introduce_text .text_name strong{
        font-size: 4vw;
    }
    
    .introduce_text .text_name {
    font-size: 2.5vw;
    position: relative;
    margin-top: -5px;
    margin-bottom: 1vw;
    font-weight: 500;
    color: #595959;
}
    
    .introduce_text .text_intro_left ul li {
    margin-bottom: 5px;
    position: relative;
    text-align: right;
    font-size: 2vw;
        letter-spacing: 0.1vw;
}
    
    .intro_img2 > img {
    width: 62%;
}
    
    .introduce_text .text_intro_right ul li {
    margin-bottom: 5px;
    position: relative;
    font-size: 2vw;
        letter-spacing: 0.1vw;
}
    
    .intro_img_left1 {
    width: 49%;
    margin-right: 3%;
    float: left;
    padding-left: 20%;
}
    
}/*780*/

@media(max-width:480px){
    .main_introduce > img.intro_back.intro_back1{
    display: none;
}
    
    img.intro_back480{
        display: block;
        position: absolute;
        top: 300px;
        left: -80px;
        width: 302px;
        height: 302px;
        z-index: -1;
        opacity: .1;
    }
    
    .introduce_text .text_intro_left ul li {
    margin-bottom: 5px;
    position: relative;
    text-align: right;
    font-size: 2.5vw;
}
    
    .introduce_text .text_intro_right ul li {
    margin-bottom: 5px;
    padding-left: 10px;
    position: relative;
    font-size: 2.5vw;
}
    
    .name_shadow2::after {
    content: "Lee Yeji";
    position: absolute;
    opacity: .1;
    top: -1.5vw;
    left: 15vw;
    font-size: 3vw;
    font-weight: bold;
}
    
    
    .introduce_subject p {
    font-size: 28px;
}
    
    .introduce_subject::after {
    position: absolute;
    content: "YONSEI HI DENTAL CLINIC";
    font-size: 14px;
    top: 72px;
    left: 50%;
    transform: translateX(-50%);
    font-weight: 200;
}
    .introduce_article p{
    font-weight: 400;
    font-size: 20px;
    margin: 0px 0 20px 0;
    font-weight: 400;
    letter-spacing: -1px;
    margin-top: -5px;
}
    
    .main_introduce{
        width: 96%;
    }
    
    .introduce_text .text_first{
        font-size: 2vw;
    }
    
    .introduce_text .text_name{
        font-size: 3vw;
    }
    
    .introduce_text .text_name strong{
        font-size: 5vw;
    }
    
    .intro_img_left{padding-left: 0;}
    
    /*intro1*/
    .intro_img1 {
    padding-left: 0;
}
    
    .intro_img_left1 {
    width: 46%;
    margin-right: 2%;
    float: left;
    padding-left: 0%;
}
    
    
    .intro_img1{padding-left: 0;}
    .intro_img1 > img{
        padding-top: 0px;
    }
    
    
    /*intro2*/
    .intro_text_left {
    width: 53%;
}
    
    .intro_img_right1 {
    width: 45%;
    margin-left: 2%;
}
    
    .intro_img2 > img {
    width: 100%;
    padding-top: 0px;
}
    
    /*intro3*/
    .intro_img_left2 {
    width: 49%;
    margin-right: 2%;
    float: left;
    padding-left: 0%;
}
    
    .intro_img3 {
    padding-left: 0%;
}
    
    .intro_img3 > img {
    width: 100%;
    padding-top: 60px;
}
    
    /*intro4*/
    .intro_img_right2 {
    width: 45%;
    margin-left: 2%;
    margin-top: 60px;
}
    
    .intro_img4 > img {
    width: 100%;
}
    
    /*intro5*/
    .intro_img_left3 {
    width: 49%;
    margin-right: 2%;
    float: left;
    padding-left: 0%;
}
    
    .intro_img5 {
    padding-left: 0%;
}
    
    .intro_img5 > img {
    width: 100%;
}
    
    
    .introleft1{
        width: 45%;
    }
    
    .introtext_right1{
        width: 52%;
    }
    
    
    
    
}


/*----------------------------------------의료진소개끝----------------------------------------------*/



/*----------------------------------------기공실소개----------------------------------------------*/

#regin_wrap{
    background: url(../../../images/content_lastbg1.jpg) no-repeat;
}
.regin_wrap{
    width: 1300px;
    margin: 0 auto;
    padding: 80px 0;
}

p.regin_title_s {
    font-size: 20px;
    font-weight: 100;
    letter-spacing: 10px;
    margin-bottom: 5px;
    color: #fff;
    text-transform: uppercase;
}

.regin_section p {
    font-size: 18px;
    color: #fff;
    line-height: 20px;
    font-weight: 200;
    letter-spacing: 0px;
}

.ragin_title p{
    color: #fff;
    font-size: 46px;
    letter-spacing: -3px;
}

.ragin_title p strong{
    font-weight: 500;
}

.regin_article p{
    font-size: 2vw;
    color: #fff;
    line-height: 2.7vw;
    font-weight: 200;
    letter-spacing: -0.2vw;
}

.regin_article p strong{
    font-weight: 500;
}




@media (max-width: 1350px){
    
    
}/*1350*/

@media(max-width:780px){
    .regin_wrap {
    width: 94%;
    margin: 0 auto;
    padding: 40px 0;
}
    
    p.regin_title_s {
    font-size: 2vw;
    font-weight: 100;
    letter-spacing: 7px;
    margin-bottom: 0px;
    color: #fff;
    text-transform: uppercase;
}
    
.ragin_title p {
    font-size: 6vw;
    font-weight: 200;
    margin-bottom: 20px;
    color: #fff;
    letter-spacing: -4px;
}
    
 .regin_article p {
    font-size: 3vw;
    color: #fff;
    line-height: 3.8vw;
    font-weight: 200;
    letter-spacing: -2px;
}  
   .regin_section p {
    font-size: 1.8vw;
    color: #fff;
    line-height: 3vw;
    font-weight: 200;
    letter-spacing: 0px;
}
    
    
}/*780*/


@media(max-width:480px){
    .regin_wrap {
    width: 94%;
    margin: 0 auto;
    padding: 40px 0 !important;
}
    
.ragin_title p {
    font-size: 7vw;
    font-weight: 200;
    margin-bottom: 20px;
    color: #fff;
    letter-spacing: -4px;
}
    
    .regin_article p {
    font-size: 4vw;
    color: #fff;
    line-height: 4.8vw;
    font-weight: 200;
    letter-spacing: -2px;
}  
    
}/*480*/



/*----------------------------------------기공실소개끝----------------------------------------------*/


/*----------------------------------------outro----------------------------------------------*/
#outro_wrap{overflow: hidden;}
.outro_wrap{
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}

    .outro_wrap .outroimg{
        width: 100%;
    }

.outro_wrap .outroimg_m{
    width: 100%;
    display: none;
}

@media(max-width:690px){
    .outro_wrap .outroimg{
        display: none;
    }
    .outro_wrap .outroimg_m{
        display: block;
    }
}/*690*/

.outro_title{
    position: relative;
    padding-top: 200px;
    padding-bottom: 100px;
}

.outro_title::after{
    content: "";
    position: absolute;
    background: url(../../../images/outro_logo.png) no-repeat;
    width: 274px;
    height: 183px;
    bottom: 30px;
    right: 150px;
    display: none;
}

p.outro_title{
    text-align: center;
    font-family: 'Noto Serif KR', serif;
    color: #000;
    font-size: 28px;
    font-weight: 400;
    letter-spacing: -1px
}

p.outro_title strong{
    font-weight: bold;
    font-size: 40px;
    font-weight: 600;
}

@media (max-width:1440px){
    .news-wrap{
        width:94%; 
        margin:0 auto; 
        height:auto; 
    }
    
    .tooth1-wrap{
        width: 94%;
        margin: 0 auto;
        padding-top: 160px;
        padding-bottom: 270px;
}

    .tooth2-wrap{
        width: 94%;
        margin: 0 auto;
        padding-top: 160px;
        padding-bottom: 270px;
}
    
    .regin_wrap{
    width: 96%;
    margin: 0 auto;
    padding: 80px 0;
}
    
    .outro_wrap{
        width: 100%;
        margin: 0 auto;
}
    

    
    
}


@media (max-width: 1350px){
    p.outro_title strong {
    font-weight: bold;
    font-size: 38px;
    font-weight: 600;
}
    p.outro_title {
    text-align: center;
    font-family: 'Noto Serif KR', serif;
    color: #000;
    font-size: 24px;
    font-weight: 400;
    letter-spacing: -1px;
}
    
}/*1350*/

@media(max-width:780px){
.outro_title {
    position: relative;
    padding-top: 100px;
    padding-bottom: 50px;
}
    
    p.outro_title strong {
    font-weight: bold;
    font-size: 4.5vw;
    font-weight: 600;
}
    p.outro_title {
    text-align: center;
    font-family: 'Noto Serif KR', serif;
    color: #000;
    font-size: 2.2vw;
    font-weight: 400;
    letter-spacing: -1px;
}
    
    
}/*780*/


@media(max-width:480px){
 
    
}/*480*/


/*----------------------------------------outro-end----------------------------------------------*/




/*----------------------------------------지도----------------------------------------------*/

#map_wrap{margin-top: 10px;padding-bottom: 50px;}
.map_wrap{width: 1300px; margin: 0 auto;overflow: hidden;}

.kakao_map{float: left;width: 50%; overflow: hidden;}

.kakao_map2{display: none;}

.map_right{float: right; width: 45%;margin-left: 5%;overflow: hidden;}

.map_title{
    font-size: 30px;
    color: #223f74;
    font-weight: 600;
}

.map_right li{
    font-size: 22px;
    font-weight: 300;
    overflow: hidden;
    font-weight: 400;
}

.come{margin-bottom: 40px;}

.time_left{float: left; width: 30%; position: relative;font-weight: 600;}
.time_left::after{
    position: absolute;
    content: "";
    width: 2px;
    height: 50%;
    right: 18px;
    top: 50%;
    transform: translateY(-50%);
    background: #ccc;
}
.time_right{float: left; width: 70%}



@media(max-width:1440px){
    .map_wrap{width: 96%;}
}

@media (max-width: 1350px){
    .map_right {
    float: right;
    width: 47%;
    margin-left: 3%;
    overflow: hidden;
    padding: 17px 0;
}
    
.map_right li {
    font-size: 20px;
    font-weight: 300;
    overflow: hidden;
    font-weight: 400;
}
    
}/*1350*/

@media(max-width:1080px){
.map_right {
    float: right;
    width: 48%;
    margin-left: 2%;
    overflow: hidden;
    padding: 7px 0;
}
    
    .map_title {
    font-size: 24px;
    color: #223f74;
    font-weight: 600;
}
    
    .map_right li {
    font-size: 16px;
    overflow: hidden;
    font-weight: 400;
}
    
    .kakao_map {
    float: left;
    width: 50%;
    overflow: hidden;
    height: 300px;
}
    
}/*1080*/

@media(max-width:830px){
    #map_wrap {
    margin-top: 5px;
    background: #f0f0f0;
    padding-top: 20px;
    padding-bottom: 20px;
}
    
    .map_right {
    float: none;
    width: 100%;
    margin-left: 0%;
    overflow: hidden;
    padding: 7px 0;
}
    .time_holy{
        margin-bottom: 20px;
    }
    
    .kakao_map {
    float: none;
    width: 100%;
    overflow: hidden;
    height: 300px;
    position: relative;
    z-index: 0;
}
    
}/*830*/

@media(max-width:780px){

    
    
}/*780*/


@media(max-width:480px){
    .kakao_map {
    display: none;
}
    .kakao_map2 {
    display: block;
    width: 100%;
    overflow: hidden;
    height: 270px;
}
 
    
}/*480*/



/*----------------------------------------지도끝----------------------------------------------*/




@media (max-width:480px) {
.grid04 .grid-sizer, .grid-item { width: 100%; }
.grid04 .grid-item--width2 { width: 100%; }
}

@media (min-width:481px) and (max-width:767px) {
.grid04 .grid-sizer, .grid-item { width: 50%; }
.grid04 .grid-item--width2 { width: 100%; }
}

@media (min-width:768px) and (max-width:991px){
.grid04 .grid-sizer, .grid-item { width: 33.33337%; }
.grid04 .grid-item--width2 { width: 66.66%; }
}

/**/
.grid03 {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	max-width: 1300px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
}
.grid03 .grid-sizer, .grid03 .grid-item {
	padding-right: 10px;
	padding-left: 10px;
	overflow: hidden;
}
/* fluid */
.grid03 .grid-sizer, .grid03 .grid-item { width: 33.33%; }
.grid03 .grid-item--width2 { width: 66.66%; }

@media (max-width:480px) {
.grid03 .grid-sizer, .grid03 .grid-item { width: 100%; }
.grid03 .grid-item--width2 { width: 100%; }
}

@media (min-width:481px) and (max-width:767px) {
.grid03 .grid-sizer, .grid03 .grid-item { width: 50%; }
.grid03 .grid-item--width2 { width: 100%; }
}

@media (min-width:768px) and (max-width:991px){
.grid03 .grid-sizer, .grid03 .grid-item { width: 33.33%; }
.grid03 .grid-item--width2 { width: 66.66%; }
}

/**/
.grid02 {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	max-width: 1300px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
}
.grid02 .grid-sizer, .grid02 .grid-item {
	padding-right: 10px;
	padding-left: 10px;
	overflow: hidden;
}
/* fluid */
.grid02 .grid-sizer, .grid02 .grid-item { width: 50%; }
.grid02 .grid-item--width2 { width: 100%; }

@media (max-width:480px) {
.grid02 .grid-sizer, .grid02 .grid-item { width: 100%; }
.grid02 .grid-item--width2 { width: 100%; }
}

@media (min-width:481px) and (max-width:767px) {
.grid02 .grid-sizer, .grid02 .grid-item { width: 50%; }
.grid02 .grid-item--width2 { width: 100%; }
}

@media (min-width:768px) and (max-width:991px){
.grid02 .grid-sizer, .grid02 .grid-item { width: 50%; }
.grid02 .grid-item--width2 { width: 100%; }
}

/**/
.grid01 {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	max-width: 1300px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
}
.grid01 .grid-sizer, .grid01 .grid-item {
	padding-right: 10px;
	padding-left: 10px;
	overflow: hidden;
}
/* fluid */
.grid01 .grid-sizer, .grid01 .grid-item { width: 50%; }
.grid01 .grid-item--width2 { width: 100%; }

@media (max-width:480px) {
.grid01 .grid-sizer, .grid01 .grid-item { width: 100%; }
.grid01 .grid-item--width2 { width: 100%; }
}

@media (min-width:481px) and (max-width:767px) {
.grid01 .grid-sizer, .grid01 .grid-item { width: 50%; }
.grid01 .grid-item--width2 { width: 100%; }
}

@media (min-width:768px) and (max-width:991px){
.grid01 .grid-sizer, .grid01 .grid-item { width: 50%; }
.grid01 .grid-item--width2 { width: 100%; }
}