@charset "utf-8";


/* 글씨 밑 라인 */
.line{display: block;width: 50px;height: 3px;background: #555;margin-top: 1em;margin-bottom: 3em;}
.line.white{background: #fff;}

/* 공통스타일 */
.mb0{margin-bottom: 0 !important;}
.mb1{margin-bottom: 1%;}
.mb2{margin-bottom: 2%;}
.mb3{margin-bottom: 3%;}
.mb4{margin-bottom: 4%;}
.mb5{margin-bottom: 5%;}
.mt0{margin-top: 0 !important;}
.mt1{margin-top: 1%;}
.mt2{margin-top: 2%;}
.mt3{margin-top: 3%;}
.mt4{margin-top: 4%;}
.mt5{margin-top: 5%;}
.mt80{margin-top: 80px;}
.mb80{margin-bottom: 80px;}
.inline_block{display: inline-block;}
.inlineBlock{display: inline-block;}
.point_color{color: #f57820;}/* 메인 포인트 컬러 */
.gray_color{color: #777;}
.black_color{color: #000;}
.white_color{color: #fff;}
.poing_mark{background:#f57820;color: #fff; }
.white_bg{background: #fff;}
.fw_300{font-weight: 300;}
.fw_500{font-weight: 500;}
.fw_700{font-weight: 700;}
.fw_900{font-weight: 900;}
.text_center{text-align: center;}
.text_left{text-align: left;}
.text_right{text-align: right;}
.tit_line_30{line-height:30px;}
.tit_line_40{line-height:40px;}
.tit_line_50{line-height:50px;}
.tit_line_60{line-height:60px;}
.tit_line_70{line-height:70px;}
.tit_line_80{line-height:80px;}
/* 각 컨텐츠 */
.content{position: relative;overflow: hidden;padding-top: 100px !important;padding-bottom: 100px !important;}

/* 타이틀 */
.sub_tit{font-size: 50px;letter-spacing: -2px; position: relative;}
.sub_tit_30{font-size: 30px;}
.sub_tit_36{font-size: 36px;}
.sub_tit_45{font-size: 40px;}
.sub_tit_60{font-size: 60px;}
.sub_tit_50{font-size: 50px;}
.sub_tit_80{font-size: 80px;}
.sub_txt{font-size: 22px;}
.sub_txt_25{font-size: 25px;}
.sub_txt_18{font-size: 18px;}
.sub_txt_20{font-size: 20px;}
.common_tit{font-size:40px;letter-spacing: -2px;position: relative;}
.common_tit2{font-size:30px;letter-spacing: -2px;position: relative;}
/*.common_tit.text_center:before{left: 50%; margin-left: -50px;}*/
.common_txt{font-size: 17px;}
.common_txt2{font-size: 16px;}
/*각 서브 타이틀*/
.sub1_tit { color: #fff;text-align: center; padding-top:12%;padding-bottom: 12%;}

header{
	background: #192b4b;
	position: absolute;
	width:100%;
	z-index:999;
}
#header_wrap {
	position: relative;
}
#header_wrap #logo{
	text-align:center;
	padding:20px 0;
}
#header_location{
	text-align:center;
	position: absolute;
	top:8%;
	left:40px;
	font-size: 1.2vw;
	line-height:1.4;
	color:#208bd5;
	border-right:1px solid #fff;
	padding-right: 20px;
}
#header_location span{
	color:#70cf71; 
}
#header_tel{
	text-align:center;
	position: absolute;
	top: 10%;
    right: 40px;
    font-size: 3vw;
	border-left:1px solid #fff;
	padding-left: 20px;
}
#header_tel a {
	font-weight: 700;
	color:#208bd5;
}

.m_tel {
    display: none;
	position: absolute;
}
/* 메뉴 */
nav{
	border-top:1px solid #ddd;
}
nav #nav_wrap {
	max-width:1100px;
	width:100%;
	margin:0 auto;
}
nav #nav_wrap ul{
	overflow:hidden;
	text-align:center;
}
nav #nav_wrap ul li{
	float:left;
	width:16.5%;
}

nav #nav_wrap ul li a{
	display:inline-block;
	font-size: 20px;
	color: #fff;
	width:90%;
	text-align:center;
	padding:15px 0;
	letter-spacing:-1px;
}
nav #nav_wrap ul li a.on{
	color:#d1e7fc;
	font-size: 20px;
	font-weight: 700;
}
#content{
	padding-top: 146px;
}
.wrap ul{
	overflow:hidden;
}
.wrap ul li{
	float:left;
	width:49%;
}
.wrap ul li:nth-child(1){
	margin-right:2%;
}
/* 컨텐츠 공통스타일 */
.con a{
	display:block;
}

/*타이틀_CSS*/
.tit_dent {color:#006cac; text-align:center; margin:0 auto 20px; display: block; font-size:16px; letter-spacing:10px; font-weight:700;}


/*각 섹션*/

.introduce{margin-top: 100px;margin-bottom: 100px;}

.profile div div ul{overflow: hidden;}
.profile div div ul li{float: left; width:45%; }
.profile div div ul li:first-child{padding: 20px 50px;}
.profile div div ul li:first-child img{border: 1px solid #eee;}
.profile div div ul li:last-child{padding: 25px 10px; }
.profile div div ul li dl {margin-top: 10px;}
.profile div div ul li dl dd{margin-top: 5px;}

.license {background: url(../img/license_bg.png) center/cover no-repeat; width:100%; height: auto;}
.license div div ul {overflow: hidden;}
.license div div ul li {text-align:center; margin-top: 30px;}
.license div div ul li:first-child{margin-top: 0;}
.license div div {text-align:center;}

.clinic {background: url(../img/clinic_bg.png) center/cover no-repeat; width:100%; height: auto; }
.clinic div{text-align:center;}

.navigation {background:#0d6daf; padding: 80px 0;}
.navigation div div ul li {margin-top: 30px;}
.navigation div .one_guide_txt ul li:first-child p {border-bottom: 1px solid #fff; opacity: 0.5; display: inline-block; font-size: 30px;}
.navigation div {text-align:center;}
.navigation .one_guide_check ul {overflow: hidden;}
.navigation .one_guide_check li {float: left; width:25%; font-size: 30px;}
.navigation .one_guide_check li span {float: left; margin-top: 10px; padding-left: 60px;}
.navigation .one_guide_check li {opacity: 0.8;}
.navigation div .navigation_order div {margin:0 auto;}
.navigation div .navigation_order div ul{overflow: hidden; padding: 0 70px;}
.navigation div .navigation_order div ul li{float: left; text-align:left;}
.navigation div .navigation_order div ul li img{width: 100%;height: auto;}
.navigation div .navigation_order div ul li:last-child {background: #fff; width:530px; height:320px; position: relative; }
.navigation div .navigation_order div ul li span {display: block; position: absolute; right:0;}
.navigation div .navigation_order div ul:nth-child(odd) li hgroup {margin-top: 110px;}
.navigation div .navigation_order div ul li hgroup {margin-top: 90px; padding-left: 40px;}
.navigation div .navigation_order div ul li hgroup h4 {color:#0d6daf;}
.navigation div .navigation_order div ul li hgroup h5 {font-weight: 300;}

.vs_table{width: 100%;max-width:990px;margin: auto;vertical-align: middle;border-spacing: 10px;}
.vs_table td{font-size: 25px;padding: 20px;color: #333;}
.vs_table td:nth-child(1){width: 370px;background: #fff;}
.vs_table td:nth-child(2){color: #fff;background: #0a4a8c;}
.vs_table td:nth-child(3){width: 370px;background: #e1e1e1;}


.osstem {background: url(../img/osstem_bg.png) center/cover no-repeat;}
.osstem div div ul li {margin-top: 30px;}
.osstem div .one_guide_txt ul li:first-child p {border-bottom: 1px solid #fff; opacity: 0.5; display: inline-block; font-size: 30px;}
.osstem div {text-align:center; margin-top: 60px; }
.osstem .osstem_check ul {overflow: hidden;}
.osstem .osstem_check li {float: left; width:25%; }
.osstem .osstem_check li span {float: left; margin-top: 10px; padding-left: 60px;}
.osstem .osstem_check  li p{ font-size: 25px;font-weight: 700;}

.dentis {background: url(../img/dentis_bg.png) center/cover no-repeat;}
.dentis div div ul li {margin-top: 30px;}
.dentis div .one_guide_txt ul li:first-child p {border-bottom: 1px solid #fff; opacity: 0.5; display: inline-block; font-size: 30px;}
.dentis div {text-align:center; margin-top: 60px; }
.dentis .dentis_check ul {overflow: hidden;}
.dentis .dentis_check li {float: left; width:25%;}
.dentis .dentis_check li span {float: left; margin-top: 5px; padding-left: 50px;}
.dentis .dentis_check li p{ font-size: 25px;font-weight: 700;}


.dentis_banner {background: url(../img/dentis_banner_pc.jpg) center/cover no-repeat;  padding: 75px 0 235px 0;}
.dentis_banner div {margin: 0 auto; padding: 0 100px; max-width:800px;}
.dentis_banner div hgroup {margin-left: 160px;}
.dentis_banner div hgroup i {line-height:60px; color:#0a4a8c;}

.wisdom_tooth div div {text-align:center;}
.wisdom_tooth .wisdom_txt ul {overflow: hidden;}
.wisdom_tooth .wisdom_txt li {float: left; border-radius:50%; border:1px solid #9acbf8; width:370px; height: 370px; display: flex;justify-content:center;align-items:center; margin: 14px;}
.wisdom_tooth .wisdom_txt li:nth-child(2) {background:#c5e1fb;}
.wisdom_tooth .wisdom_txt li h4{color:#0d6daf;}

.step_list li{overflow: hidden;margin-bottom: 10px;border: 1px solid #333;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 60px;}
.step_list li:last-child{margin-bottom: 0;}
.step_list li dl{overflow: hidden;height: 70px;display: flex;align-items: center;justify-content: space-around;}
.step_list li dl dd{padding: 20px;height:70px;display: flex;align-items: center;font-size: 18px;font-weight: 500;}
.step_list li dl dd:nth-child(1){width:7%;    justify-content: center;}
.step_list li dl dd:nth-child(2){width:30%;font-size: 2em;color: #0d6daf;background: #fff;justify-content: center;}
.step_list li dl dd:nth-child(3){width:40%;}
.step_list li dl dd:nth-child(4){width:24%;color: #fff;background: #0d6daf;}
.step_list li:nth-child(1) dl dd:nth-child(1){background: #e8f3fd;}
.step_list li:nth-child(1) dl dd:nth-child(3){background: #e8f3fd;}
.step_list li:nth-child(2) dl dd:nth-child(1){background: #d1e7fc;}
.step_list li:nth-child(2) dl dd:nth-child(3){background: #d1e7fc;}
.step_list li:nth-child(3) dl dd:nth-child(1){background: #badcfa;}
.step_list li:nth-child(3) dl dd:nth-child(3){background: #badcfa;}
.step_list li:nth-child(4) dl dd:nth-child(1){background: #a3d0f9;}
.step_list li:nth-child(4) dl dd:nth-child(3){background: #a3d0f9;}

.joint div {text-align:center;}

.spc_01 {background: url(../img/spc_bg03.png) center/cover no-repeat;}
.spc_01 .spc_number {text-align:center;}
.spc_01 p {color:#8cc4f7;}
.spc_01 div {text-align:center;}

.spc_02 {background: url(../img/spc_bg01.png) center/cover no-repeat; }
.spc_02 .spc_number {text-align:center;}
.spc_02 h4 {color:#0a498c;}
.spc_02 div {text-align:center;}

.spc_03 {background: url(../img/spc_bg02.png) center/cover no-repeat; }
.spc_03 .spc_number {text-align:center;}
.spc_03 div {text-align:center;}

.spc_04 {background: url(../img/spc_bg03.jpg) center/cover no-repeat; }
.spc_04 .spc_number {text-align:center;}
.spc_04 div {text-align:center;}

.img_list{overflow: hidden;}
.img_list li{width: 50%;float: left;}
.img_list2 li{width: 33.3%;float: left;}
.img_list_01 li span{display: block;font-size: 30px;color: #8cc4f7;margin-top: 10px;font-weight: 500;}


.img_list_02 li div{width: 370px;margin: auto;}
.img_list_02 li div div{padding: 20px;min-height: 175px;}
.img_list_02 li div div strong{display: block;font-size: 30px;color: #333;}
.img_list_02 li div div span{font-size: 20px;color: #333;}
.img_list_02 li:nth-child(1) div{background: #fff;}
.img_list_02 li:nth-child(1) div strong{color: #0a4a8c;}
.img_list_02 li:nth-child(2) div{background: #e1e1e1;}
.img_list2.img_list_02 li div{background: #fff;min-height: 140px;}
.img_list2.img_list_02 li div div strong{color: #0d6daf;}

.img_list_03 li div{width: 370px;margin: auto;}
.img_list_03 li div div strong{display: block;font-size: 30px;color: #333;padding: 10px 0;}
.img_list_03 li:nth-child(1){position: relative;}
.img_list_03 li:nth-child(1) div{background: #fff;}
.img_list_03 li:nth-child(1):after{content:"VS";position: absolute;right: -65px;top: 40px;font-size: 100px;font-weight: 900;color: rgba(0,0,0,0.1);}
.img_list_03 li:nth-child(1) div strong{color: #0a4a8c;}
.img_list_03 li:nth-child(2) div{background: #e1e1e1;}

.time_box{max-width:800px;margin: 50px auto 0;}
.time_box ul li{display: flex;align-items:center;text-align: center;letter-spacing: 7px;font-size: 20px;margin-bottom: 10px;font-weight: 500;}
.time_box ul li:last-child{margin-bottom: 0;}
.time_box ul li div{padding: 10px;}
.time_box ul li div:nth-child(1){width: 40%;color: #fff;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;background:#0a4a8c ;}
.time_box ul li:nth-child(even) div:nth-child(1){background: #333;}
.time_box ul li div:nth-child(2){width: 60%;}

.goto{background: #f4f4f4;}
.goto_list{max-width:800px;margin: auto;}
.goto_list li{font-size: 20px;line-height: 53px;margin-bottom: 15px;}
.goto_list li:last-child{margin-bottom: 0;}

.star_end{background: url(../img/star_bg.jpg) center/cover no-repeat; padding: 145px 0 145px 0 !important; }

/* yangyunji-banner-top : 211006 */
.close_btn {position: absolute; right: 0.5%; top: 2%;}


/*	푸터 */
	#footer {width:100%; background:#fff;padding: 10px;-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;}
	#footer .footer_box {margin:0 auto; padding:30px 0;}
	#footer .footer_box p {font-size:15px; color:#333; text-align:center; margin-top:20px; line-height:30px;}
	.sound_only{position: absolute; left:-10000px; top:auto; height:1px; overflow:hidden;}

/*반응형 작업*/
	#logo_m {
		display:none;
	}
	.m_img {
		display:none;
	}
	/*모바일메뉴*/
	#m_menu{
		display:none;  
	}
	/*갤러리 스와이퍼*/
	.gallery-top {
        width: 100%;
		height:700px;
    }
	.swiper-container{
       width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    .swiper-slide{
        text-align: center;
        font-size: 18px;
        background: #fff;
		background-size: cover;
        background-position: center;
    }
	.swiper-slide img{
		width:100%;
		height:auto;
		vertical-align:top;
	}
	.swiper-button-next_01 {
		right:5%;
	}
	.swiper-button-prev_01 {
		left: 5%;
	}

    .gallery-thumbs {
        height:150px;
        box-sizing: border-box;
        padding: 10px 0;
    }
    .gallery-thumbs .swiper-slide {
        height: 100%;
		opacity:.2;
		cursor:pointer;
    }
    .gallery-thumbs .swiper-slide-active{
		opacity:1;
		cursor:default;
    }
	.root_daum_roughmap .wrap_controllers{
		display:none;
	}
	/*지도*/
	#content_wrap img{width: 100%;height: auto;}
	#quick{display: none;}

@media screen and (min-width:1600px){
	#header_location{
		top:15%;
		left:40px;
		font-size: 1vw;
		line-height:1.2;
	}

	#header_tel{
		top: 10%;
		right: 40px;
		font-size: 2.5vw;
	}
}
@media screen and (max-width:1300px){
	#header_wrap #logo img {
		max-width: 240px
	}
}
@media screen and (max-width:1200px){
	.navigation div .navigation_order div ul li {
		float: none;
		text-align: center;
		margin: 0 auto;
	}
	.navigation div .navigation_order div ul li:last-child {
		padding: 20px 0;
		margin: 10px auto;
		width: 100%;
	}
	.navigation div .navigation_order div ul li hgroup {
		padding-left: 0;
	}
}
@media screen and (max-width:900px){

	#header_tel,#header_location{display: none;}
	.m_tel { display:block;	position: absolute; right:10px; top:12px;}
	.m_tel img {max-width: 85%;}

	.content {position: relative;overflow: hidden;padding-top: 40px !important;padding-bottom: 40px !important;}
	.tit_dent{font-size: 10px;letter-spacing: 5px;}
	.sub_tit_30{font-size: 15px;}
	.sub_tit_36{font-size: 16px;}
	.sub_tit_45{font-size: 25px;}
	.sub_tit_60{font-size: 30px;}
	.sub_tit_50{font-size: 25px;}
	.sub_tit_80{font-size: 50px;}
	.sub_txt{font-size: 15px;}
	.sub_txt_25{font-size: 19px;}
	.sub_txt_18{font-size: 13px;}
	.sub_txt_20{font-size: 15px;}
	.common_tit{font-size:30px;}
	.common_tit2{font-size:22px;}
	.common_txt{font-size: 15px;}
	.common_txt2{font-size: 13px;}

	.tit_line_30{line-height:1.3;}
	.tit_line_40{line-height:1.3;}
	.tit_line_50{line-height:1.3;}
	.tit_line_60{line-height:1.3;}
	.tit_line_70{line-height:1.3;}
	.tit_line_80{line-height:1.3;}

	.introduce{margin-top: 0px;margin-bottom: 30px;}

	.profile div div ul li{width: 100%;}
	.profile div div ul li:first-child{padding: 0;}
	.profile div div ul li:last-child{padding: 0;}


	.navigation div .one_guide_txt ul li:first-child p{font-size: 20px;padding-bottom: 10px;}
	.navigation div div ul{margin-top: 10px;}
	.navigation > div > div > ul > li{width:50%;margin-top: 0px;}
	.navigation .one_guide_check li{width: 100%;font-size: 20px;}
	.navigation .one_guide_check li span{margin-top: 0;padding-left: 0;}
	.navigation div .navigation_order div ul{padding: 0;}
	.navigation div .navigation_order div ul li:last-child{width: 100%;height: 100%;}
	.navigation div .navigation_order div ul li span{width: 40px;height: 40px;}
	.navigation div .navigation_order div ul li hgroup{margin-top: 40px;margin-bottom: 20px;}
	.navigation div .navigation_order div ul:nth-child(odd) li hgroup{margin-top: 40px;margin-bottom: 20px;}

	.vs_table{border-spacing:1px;}
	.vs_table td{font-size: 15px;}
	.vs_table td:nth-child(1){width: 33.3%;}
	.vs_table td:nth-child(3){width: 33.3%;}

	.osstem div{margin-top: 0;}
	.osstem .osstem_check  li{width: 100%;font-size: 20px;}
	.osstem .osstem_check  li p{font-size: 20px;}
	.osstem .osstem_check  li span{margin-top: 0;padding-left: 0;}

	.dentis div{margin-top: 0;}
	.dentis .dentis_check   li{width: 100%;font-size: 20px;}
	.dentis .dentis_check   li p{font-size: 20px;}
	.dentis .dentis_check   li span{margin-top: 0;padding-left: 0;}
	.dentis_banner {padding: 0;-webkit-background-size: 200%;	background-size: 200%;}
	.dentis_banner div{width: 100%;padding: 40px 0;background: rgba(0,0,0,0.5);}
	.dentis_banner div hgroup{margin-left: 0;color: #fff;text-align: center;}
	.dentis_banner div hgroup i{line-height: 1.5;color: #fff;}
	
	.img_list_01 li span{font-size: 20px;}
	.img_list_02 li div{width: 100%;}
	.img_list_02 li div div strong{font-size:17px;}
	.img_list_02 li div div span{display: block;margin-top: 10px;font-size: 13px;}
	.img_list_03 li div{width: 100%;}
	.img_list_03 li div div strong{font-size: 17px;}
	.img_list_03 li:nth-child(1):after{top: 0;}
	.img_list2 {overflow: hidden;margin-top: 20px;}
	.step_list li dl{display: block;height: auto;}
	.step_list li dl dd{font-size: 15px;}
	.step_list li dl dd:nth-child(1){width: 100%;}
	.step_list li dl dd:nth-child(2){width: 100%;}
	.step_list li dl dd:nth-child(3){width: 100%;}
	.step_list li dl dd:nth-child(4){width: 100%;}
	.wisdom_tooth .wisdom_txt li{width: 100%;height: auto;margin: 0;padding: 10px 0;-webkit-border-radius: 0;	-moz-border-radius: 0;	border-radius:0 ;}
	.img_50 {width: 50%;margin: auto;}

	.img_list2.img_list_02 li div div{padding: 10px;}

	.time_box ul li{font-size: 15px;letter-spacing: 0;}
	.time_box ul li div:nth-child(1){width: 30%;}
	.time_box ul li div:nth-child(2){width: 70%;}

	.goto_list{margin-top: 20px;}
	.goto_list li{font-size: 15px;text-align: center;line-height: 1.5;}
	.goto_list span{display: block;}
	.map iframe{height: 200px;}
}
@media screen and (max-width:640px){
	#header_wrap{background: #333;}
	.m_tel a img {width:100%;}
	.m_tel { width:30px; height: auto; display:block;	position: absolute; right:18px; top:12px;}

	.pc_img {
	display:none;
	}
	.m_img {
	display:block;
	}
	#content{padding-top: 57px;}
	#logo {
		display:none;
	}
	#logo_m{
		display:block;
		width:100%;
		height:auto;
		text-align:center;
		padding:10px 0;
	}
	nav #nav_wrap ul li{
	float:left;
	width:33.3%;
	border:1px solid #CCC;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}	
	/*메뉴버튼*/
	
	#m_menu {
		display:block; position:absolute; cursor:pointer; display:block !important; top:18px; left:20px;
	}
	#m_menu span {
		display:none;
	}
    #nav_wrap {
		position:absolute; top:57px; background:#fff;display:none;
	}
   /*스와이퍼갤러리*/
	.gallery-top {
        width: 100%;
		height:250px;
    }
	.gallery-thumbs {
        height:70px;
        box-sizing: border-box;
        padding: 10px 0;
    }
	#footer .footer_box{padding: 0;}
	#footer .footer_box p {
		font-size:13px;
		line-height: 1.3;
	}
	#footer img{
		max-width:150px;
	}
	nav #nav_wrap ul li a{
	font-size: 17px;
	color: #333;
	}
	nav #nav_wrap ul li a.on{
		font-size: 17px;
		color: #0d6daf;
	}
	nav #nav_wrap ul li a{padding: 10px 0;}

	/* 퀵메뉴 */
	#quick {
		display: block; left: 0px; width: 100%; bottom: 0px; display: block; position: fixed; z-index: 200;
	}
	#quick .fbg {
		display: none;
		background: #fff; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 201; opacity: 0.8;
	}
	#quick ul {
		width: 100%; height: 100%; position: relative; z-index: 202;
	}
	#quick ul li {
		width: 25%; height: 100%;padding: 10px 0; text-align: center; border-right-color: rgb(255, 255, 255); border-right-width: 1px; border-right-style: solid; float: left;-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;box-sizing: border-box;
	}
	#quick ul li:nth-child(1){background:rgba(255,242,0,0.8);}
	#quick ul li:nth-child(2){background:rgba(42,179,76,0.8);}
	#quick ul li:nth-child(3){background:rgba(236,49,131,0.8);}
	#quick ul li:last-child {
		background:rgba(255,150,0,0.8);
		border-right-color: currentColor; border-right-width: 0px; border-right-style: none;
	}
	#quick ul li a {
		width: 80%; color: rgb(255, 255, 255); display: inline-block;color: #000;font-size: 14px;font-weight: 500;
	}
	#footer{padding: 10px 10px 100px 10px;}

}