<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
@import 'fontSet.css';
@import 'main.css';
@import 'check-radio.css';
/*
	Copyright 2016 Raonbnp
	http://raonbnp.com, http://raonwebstore.com
*/

body {
  height: 100%;
  color: #333;
  background-color: #fff;
  overflow-y:auto;
  overflow-x:hidden;
}
html {
  height: 100% !important;
  -ms-overflow-style: scrollbar;
}
@media(min-width:992px){
	.d-lg-inline {display:none;}
}
@media (min-width: 1200px){

	.container-md{
		width:1400px;
		margin:0 auto;
	}
	.container {
		width: 1230px;
		/* width:1400px; */
	}
	.container.container-lg{
		width:1280px;
	}
	.container.container-sm{
		width:1100px;
	}
	.container.container-xs{
		width:1000px;
	}
}


/*푸터*/
#footerWrap {
	width:100%;
	/* background: url('../images/f-bg.jpg')no-repeat center center / cover; */
	background: #2c2c2c;
	overflow: hidden;
}
#footerWrap .inforLink {}
#footerWrap .inforLink li {
	padding:3px 0;
}
#footerWrap address &gt; p {
	display:inline-block;
	margin:0;
	line-height:26px;
	letter-spacing: -0.025em;
	opacity:0.8;
	font-weight: 100;
	font-family: 'Noto Sans KR' !important;
	color: #9d9d9d;
}
#footerWrap address &gt; p span{
	padding:0 6px;
}

#footerWrap .btn.dropdown-toggle{
	background:#f1f1f1 !important;
	border:1px solid #eee !important;
}
#footerWrap .col-md-3 ul &gt; li{
	width:250px;
	color:#9d9d9d;
	font-weight: 500;
	outline:none;
	height:100%;
	display:block;
	/* text-align: center; */
	text-align: end;
	float:right;
}
#footerWrap .col-md-3 ul &gt; li &gt; a{
	display:block;
/* 	width:100%;
	height:50px;
	line-height: 50px; */
	color:#9d9d9d;
	font-weight: 300;
	/* border:1px solid #c6c6c6; */
}
#footerWrap .line{
	width: 200% !important;
	border-top:1px solid #414141; 
	margin:3rem auto 1rem;
	margin-left: -35% !important;
}
#footerWrap .copyright{
	text-align:center;
	color: #9d9d9d;
	padding:1rem 0;
}
@media(max-width:992px){
	#footerWrap address &gt; p span {
		padding: 0 2px;
	}
	#footerWrap .col-md-3 ul &gt; li {
		width: 107px;
		float: none;
		display:inline-block;
		text-align: center;
	}
	#footerWrap .col-md-3 ul &gt; li &gt; a {
		height: 30px;
		line-height: 30px;
		font-size:12px !important;
	}
}



/*서브*/

#footerWrap .goTop{
	position:fixed;
	right:50px;
	bottom:40px;
	padding:10px 8px 10px 8px;
	text-align:center;
	background:#6cc727;
	line-height:1.1;
	z-index:50
}
#footerWrap .goTop:hover{
		padding-bottom:25px;
		background:#6cc727;
}





#subVisual-Wrap {
	position:relative; 
	overflow:hidden;
	height:486px;
}
@media(max-width:992px){
	#subVisual-Wrap {
		height:250px;
	}
}
#subVisual-Wrap  &gt; img{
	position:absolute;
	top:0;
	left:50%;
	transform:translateX(-50%);
	width:100%;
	z-index:1;
}
#subVisual-Wrap .subVisual-text {
	position:absolute;
	height:100%;
	width:100%;
	z-index:2;
}
#subVisual-Wrap .subVisual-text .dp-table{
	height:100%;
	margin:0 auto;
	width:100%;
	max-width:1200px;
}
#subVisual-Wrap .sns{
	position: absolute;
	top:56%;
	right:40px;
	transform:translateY(-50%);
	z-index:5;
}
#subVisual-Wrap .sns &gt; a{
	display:block;
	margin:10px 0;
}
@media(min-width:992px){
	#subVisual-Wrap .sns{
		display:none;
	}
}
@media(max-width:991px){
	#subVisual-Wrap .sns{
		display:block;
	}
}




@media(max-width:767px){
	#subVisual-Wrap .sns{
		position: absolute;
		right:10px;
		top:60%;
	}
	#subVisual-Wrap .sns &gt; a {
		margin: 8px 0;
	}
	#subVisual-Wrap .sns &gt; a img{
		max-width:30px;
	}
}

/*로케이션 메뉴*/
#sub_location{
	position:relative;
	z-index:29;
    height:60px;
}
#sub_location .sub_location_area{
	position:absolute;
    left:50%;
    transform: translateX(-50%);
	width:1200px;
	height:61px;
	border:1px solid #ddd;
	background: #fff;
	top:-30px;
}
#sub_location .sub_location_area &gt; ul,
#sub_location .sub_location_area &gt; div{
    float:left;
    vertical-align: top;
}
#sub_location .sub_location_area &gt; div{
    text-align: center;
    line-height: 58px;
}
#sub_location .sub_location_area &gt; div &gt; a{
    width: 60px;
	height:60px;
    display: inline-block;
	background: #6cc727;
}
#sub_location .sub_location_area &gt; ul,
#left_menu02 &gt; ul,
#left_menu02{
	position:relative;
	width:100%;
	max-width:1200px;
	margin:0 auto;
	z-index:99;
	height:60px;
    width:210px;
}
#sub_location .sub_location_area &gt; ul:last-child{
    margin-left: -1px;
}
#sub_location .sub_location_area &gt; ul li.home{
	border-left:1px solid #e1e1e1;
	float:left;
	background:none !important;
}
#sub_location .sub_location_area &gt; ul li.home a{
	display:block;
	width:60px;
	height:60px;
	overflow:hidden;
	color:#333;
	line-height:60px;
	text-align:center;
}
#sub_location .sub_location_area &gt; ul li.sub_dept{
	float:block;
	width:100%;
	text-align:left;
	box-sizing:border-box;
}

@media(max-width:1200px){
	#sub_location .sub_location_area {
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		width: 992px;
		height: 60px;
	}
}
@media(min-width: 992px){
	#sub_location .sub_location_area{display:none;}
}
@media(max-width:992px){
	#sub_location .sub_location_area{display:block;}
	#sub_location .sub_location_area &gt; div &gt; a{
		width: 100%;
	}


}


#sub_location .sub_location_area &gt; ul li.sub_dept ul,
#left_menu02 &gt; ul{
	border:1px solid #e1e1e1;
	background:; 
	height:60px; 
	border-bottom:0 !important;
	border-top:0 !important;
	overflow:hidden;
	margin-left:-1px;
}
#sub_location .sub_location_area &gt; ul li.sub_dept ul li:first-child a,
#left_menu02 &gt; ul &gt; li:first-child &gt; a{
	color:#000; 
	background:url(../images/lnb-arrow.png) no-repeat 90% center #fff !important;
	background-size:15px 8px;    
} 
#sub_location .sub_location_area &gt; ul li.sub_dept ul li:first-child a:hover,
#left_menu02 &gt; ul &gt; li:first-child &gt; a:hover{
    background:url(../images/lnb-arrow2.png) no-repeat 90% center #fff !important;
    z-index:10;
} 
#sub_location .sub_location_area &gt; ul li.sub_dept ul.arrowOpen li:first-child a,
#left_menu02 &gt; ul &gt; li:first-child &gt; a{
	color:#000; 
	background:url(../images/lnb-arrow.png) no-repeat 90% center;
	background-size:15px 8px;
}
#sub_location .sub_location_area &gt; ul li.sub_dept ul.arrowOpen.opend li:first-child a,
#left_menu02 &gt; ul &gt; li:first-child &gt; a{
	background:url(../images/lnb-arrow2.png) no-repeat 90% center;
	background-size:15px 8px;
}
#sub_location .sub_location_area &gt; ul li.sub_dept ul li:first-child a:hover{
	background:;
}
#sub_location .sub_location_area &gt; ul li.sub_dept ul li a,
#left_menu02 &gt; ul &gt; li &gt; a{
	display:block;
	width:100% !important;
	padding-left:20px;
	font-size:16px;
	font-weight:300;
	line-height:59px;
    border-bottom:1px solid #ddd;
    color:#333!important;
    text-decoration: none;
	background: #Fff !important;
	text-align:left;

}
#sub_location .sub_location_area &gt; ul li.sub_dept ul li:last-child a{
	line-height:58px;
}
#sub_location .sub_location_area &gt; ul li.sub_dept ul li a:hover{ background:;}
#sub_location .sub_location_area &gt; ul li.sub_1dept{top:0px; left:61px;}
#sub_location .sub_location_area &gt; ul li.sub_2dept{top:0px; left:260px;}

#left_menu02{
	margin-left:-1px;
	border-left:0 !important;
}
#left_menu02 &gt; ul{
	float:left;
	width:210px;
	margin-left:-1px;
}
#left_menu02 &gt; ul &gt; li &gt; a{
}



@media(max-width:992px){
	#sub_location .sub_location_area &gt; ul li.sub_dept ul li a{
		padding-left: 6px;
		font-size: 14px;	
	}
	#sub_location .sub_location_area &gt; ul li.sub_dept ul li:first-child a,
	#left_menu02 &gt; ul &gt; li:first-child &gt; a{
		background:url(../images/lnb-arrow.png) no-repeat 94% center #fff !important;
		background-size:8px !important;
	} 
	#sub_location .sub_location_area &gt; ul li.sub_dept ul li:first-child a:hover,
	#left_menu02 &gt; ul &gt; li:first-child &gt; a:hover{
		background:url(../images/lnb-arrow2.png) no-repeat 94% center #fff !important;
		background-size:8px !important;
	} 
	#sub_location .sub_location_area &gt; ul li.sub_dept ul.arrowOpen li:first-child a,
	#left_menu02 &gt; ul &gt; li:first-child &gt; a{
		background:url(../images/lnb-arrow.png) no-repeat 94% center;
		background-size:8px !important;
	}
	#sub_location .sub_location_area &gt; ul li.sub_dept ul.arrowOpen.opend li:first-child a,
	#left_menu02 &gt; ul &gt; li:first-child &gt; a{
		background:url(../images/lnb-arrow2.png) no-repeat 94% center;
		background-size:8px !important;
	}
}




#pc-sub-menu{

}
#pc-sub-menu &gt; #left-menu{
	width:100%;
	max-width:1200px;
	margin:0 auto;
	text-align:center;
}
#pc-sub-menu &gt; #left-menu &gt; ul {
	margin:0;
	display:inline-block;
	overflow:hidden;
	vertical-align:top;
	padding-top:30px;
}
#pc-sub-menu &gt; #left-menu &gt; ul &gt; li{
	float:left;
	position:relative;
	background:#acacac;
	margin:0px 5px;
	transition:all 0.3s ease !important;
	-moz-transition:all 0.3s ease !important;
	-webkit-transition:all 0.3s ease !important;
	-o-transition:all 0.3s ease !important;
}
#pc-sub-menu &gt; #left-menu &gt; ul &gt; li:after{
	content:"";
	background:#666;
	position:absolute;
	left:0;
	top:0;
	height:100%;
	width:0%;
	transition:all 0.4s ease !important;
	-moz-transition:all 0.4s ease !important;
	-webkit-transition:all 0.4s ease !important;
	-o-transition:all 0.4s ease !important;
}
#pc-sub-menu &gt; #left-menu &gt; ul &gt; li:hover:after{
	content:"";
	position:absolute;
	left:0;
	top:0;
	height:100%;
	width:100%;
}
#pc-sub-menu &gt; #left-menu &gt; ul &gt; li:hover{

}
#pc-sub-menu &gt; #left-menu &gt; ul &gt; li.on{
	background:#333333;
}
#pc-sub-menu &gt; #left-menu &gt; ul &gt; li &gt; a{
	position:relative;
	z-index:2;
	display:block;
	width:200px;
	padding:15px 0;
	color:#fff;
	font-size:18px;
	text-decoration:none;
}


#sub-inner-wrap #subTitle {
	margin-bottom:40px;
	margin-top:0;
}

#sub-inner-wrap #left-menu {
	position:absolute;
	left:0;
	top:50px;
	
}
#sub-inner-wrap #left-menu ul{
	border-top:1px solid #0098f3;
	border-bottom:1px solid #0098f3;
	padding:20px 0;
	top:120px;
}
#sub-inner-wrap #left-menu ul li {
	margin:14px 0px;
	padding:0 30px;
}
#sub-inner-wrap #left-menu ul li a{
	display:block;
	color:#888;

}
#sub-inner-wrap #left-menu ul li.on{
	border-left:10px solid #0098f3;
	padding-left:20px;
}
#sub-inner-wrap #left-menu ul li.on a{
	color:#0098f3
}

@media(max-width:992px){
	#sub_location .sub_location_area {
		width: 100%;
		position: static;
		display: block;
		transform: translate(0,0);
	}
	#sub_location .sub_location_area::after{
		display:block;
		content:'';
		clear:both;
	}
	#sub_location .sub_location_area &gt; div,
	#sub_location .sub_location_area &gt; ul{
		float:left;
	}
	#sub_location .sub_location_area &gt; div{
		width:16%;
	}
	#sub_location .sub_location_area &gt; ul{
		width:42%;
	}
	#sub_location .sub_location_area &gt; ul:last-child {
		margin-left: 0;
	}
}

#sub-inner-wrap .sub0104{
	display: flex;
    justify-content: space-between;
}
@media(max-width:992px){
	#sub-inner-wrap .sub0104{
		display:block;
	}
	#sub-inner-wrap .sub0104 img{
		margin-bottom: 2rem;
	}

}

#sub-inner-wrap {
	padding:30px 0 120px;
	position:relative;
	max-width:1920px;
	margin:0 auto;

	min-height:500px;
}
#sub-inner-wrap #subTitle {
	margin-bottom:40px;
	margin-top:0;
}

#sub-inner-wrap #left-menu {
	position:absolute;
	left:0;
	top:50px;
	
}
#sub-inner-wrap #left-menu ul{
	border-top:1px solid #0098f3;
	border-bottom:1px solid #0098f3;
	padding:20px 0;
	top:120px;
}
#sub-inner-wrap #left-menu ul li {
	margin:14px 0px;
	padding:0 30px;
}
#sub-inner-wrap #left-menu ul li a{
	display:block;
	color:#888;

}
#sub-inner-wrap #left-menu ul li.on{
	border-left:10px solid #0098f3;
	padding-left:20px;
}
#sub-inner-wrap #left-menu ul li.on a{
	color:#0098f3
}
@media(max-width:992px){
	#sub-inner-wrap {
		padding:50px 0;
	}
}

/*레프트메뉴 있을시*/
#sub-inner-wrap #left-menu2 {}
#sub-inner-wrap #left-menu2 ul li a{
	border:1px solid #ddd;
	display:block;
	padding:20px 20px;
	font-size:16px;
	color:#555;
	margin:-1px 0;
}
#sub-inner-wrap #left-menu2 ul li a:after {
	content:"&gt;";
	float:right;
	font-family:dotum;
}
#sub-inner-wrap #left-menu2 ul li.on a{
	color:#037bc1;
	font-weight:bold;
}
.left-menu-wrap #subTitle{
	margin-bottom:0 !important;
	padding:100px 0px 20px 20px; 
	background:#037bc1;
}
@media(max-width:992px){
	.left-menu-wrap #subTitle{
		margin-bottom:0 !important;
		padding:20px 20px 20px 20px; 
		background:#037bc1;
		cursor:pointer;
	}
	.left-menu-wrap #subTitle:after {
		content:"▼";
		float:right;
	}
}

@media(max-width:992px){
	#over_menu_m {margin-bottom:30px;}
	#over_menu_m ul {display:none;}
	#over_menu_m ul li a {
		display:block;
		padding:20px 20px;
		border:1px solid #ddd;
		background:#fff;
		margin:-1px 0;
		font-size:16px;
		color:#444;
	}
	#over_menu_m ul li a:after {
		content:"&gt;";
		float:right;
		font-family:dotum;
	}
}


/*메뉴 css*/
#header{
	position:fixed;
	width:100%;
	left:0;
	top:0;
	z-index:30;
	border-bottom:1px solid rgba(255,255,255,.25);
	text-align:center;
	/* background:transparent; */
	background: #003362;
}
#header.top-nav-collapse{
	padding:0px 0;
}


#header:hover,
#header.top-nav-collapse{
	/* background:rgba(0,0,0,0.5); */
	background: #fff;
/* 	border-bottom: 1px solid #ebebeb; */
}
#header:hover .logo,
#header.top-nav-collapse .logo{
	display:none;
}
#header .clogo{
	display:none;
}
#header:hover .clogo,
#header.top-nav-collapse .clogo{
	display:block;
}
#header:hover .gnb-pc-list &gt; li &gt; a,
#header.top-nav-collapse .gnb-pc-list &gt; li &gt; a{
	color:#000;
}
#header &gt; .container{
	z-index:3;
	position:relative;
}

#header .gnb-pc-list {
	/* display:inline-block; */
	display: flex;
	vertical-align:bottom;
}
#header .gnb-pc-list &gt; li{
	float:left;
	/* width:164px; */
	width:12%;
	height:85px;

	position:relative;
}
#header .gnb-pc-list &gt; li:hover &gt; a{
	color:#003463;
}
#header .gnb-pc-list &gt; li &gt; a{
	display:block;
	padding: 32px 0 19px;
	position:relative;
	color:white;
}
#header .gnb-pc-list &gt; li &gt; a:after{
	content:none;
	position:absolute;
	bottom:0;
	left:0;
	height:5px;
	width:0;
	background:#fff;
	transition:all 0.3s ease-in-out ;
	-moz-transition:all 0.3s ease-in-out ;
	-webkit-transition:all 0.3s ease-in-out ;
	-o-transition:all 0.3s ease-in-out ;
}
#header .gnb-pc-list &gt; li:hover &gt; a:after,
#header .gnb-pc-list &gt; li.opened &gt; a:after{
	width:100%;
}
#header .gnb-pc-list &gt; li &gt; ul.dp2-box{
	position:absolute;
	text-align:left;
	width:164px;
	height:290px;
	padding-top:4px;
	margin-top: 12px;
	display:none;
	z-index:6;
/* 	border-left: 1px solid #38424d;
	border-right: 1px solid #38424d; */
}
#header .gnb-pc-list &gt; li &gt; ul.dp2-box &gt; li{
	display:block;
	text-align: center;
}
#header .gnb-pc-list &gt; li &gt; ul.dp2-box &gt; li &gt; a{
	display:block;
	padding:10px 0;
	color:#bbb;
	font-weight: 300;
	font-size:16px;
}
#header .gnb-pc-list &gt; li &gt; ul.dp2-box &gt; li:hover &gt; a{
	color:#fff;
	font-weight: 500;
}


#header nav &gt; .dp-table &gt; div:first-child{
	padding-left: 40px;
	width:20%;
}
#header nav &gt; .dp-table &gt; div:nth-child(2){
	height:85px;
}
#header nav &gt; .dp-table &gt; div:last-child{
	width:255px;
	
    display: none;

}
#header nav &gt; .dp-table &gt; div:last-child &gt; div{
	display:inline-block;
	vertical-align: middle;
}
#header nav &gt; .dp-table &gt; div:last-child .sns{
	margin-right:10px;
}
#header nav &gt; .dp-table &gt; div:last-child .sns &gt; a{
	display:inline-block;
	margin:0 4px;
}
#header nav &gt; .dp-table &gt; div:last-child .login-menu{
	background: #fff;
	width:85px;
	height:85px;
	color:black;
	border-left: 1px solid #ebebeb;
	float:left;
}
#header nav &gt; .dp-table &gt; div:last-child .login-menu &gt; a{
	width:100%;
	height:100%;
	display:block;
	text-align: center;
	padding-top: 20px;
}
#header nav &gt; .dp-table &gt; div:last-child .login-menu &gt; a i{
	margin-bottom: 8px;
}
@media(max-width:1430px){
	#header nav &gt; .dp-table &gt; div:last-child {
		width: 195px;
	}
	#header nav &gt; .dp-table &gt; div:last-child .login-menu {
		width: 65px;
	}
}
@media(max-width:1280px){
	#header h1 img{
		max-width:140px;
	}
	#header .gnb-pc-list &gt; li {
		width: 125px;
	}
	#header nav &gt; .dp-table &gt; div:last-child {
		width: 156px;
	}
	#header nav &gt; .dp-table &gt; div:last-child .login-menu {
		width: 52px;
	}

	#header .gnb-pc-list &gt; li &gt; ul.dp2-box{
	    width: 126px;
	}
}
@media(max-width:991px){
	#header:hover .logo,
	#header.top-nav-collapse .logo{
		display:block;
	}
}

	
#header .menu-over-bg{
	position:absolute;
	left:0;
	top:85px;
	width:100%;
	height:310px;
	background:#003362;
	z-index:2;
	display:none;
}
@media(max-width:992px){
	#header{
		padding:15px 0;
	}
	#header.top-nav-collapse{
		padding:15px 0;
		border-bottom: 1px solid #ebebeb;
	}
	#header:hover,
	#header.top-nav-collapse{
		background: rgba(0,0,0, 0.3);
	}
/* 	#header::after{
		content:'';
		width:66px;
		height:59px;
		background: #fff;
		position: absolute;
		right:0;
		top:0;
	} */
	#header h1 a{
		font-size:0;
		line-height:auto;
	}
	.gnb-m-wrap,
	.gnb-m-control{
		position:relative;
		z-index:10;
	}
	#gnb-m-list{
		position:fixed;
		left:0;
		top:0;
		height:100%;
		width:80%;
		background:#fff;
		z-index:10;
		display:none;
	}
	.all-menu-bg{
		position:fixed;
		left:0;
		top:0;
		height:100%;
		width:100%;
		background:rgba(255,255,255,.3);
		z-index:4;
		display:none;
	}
	
	#header #gnb-m-list &gt; ul {
		margin-top:60px;
		border-top:1px solid rgba(255,255,255,.2);
	}
	#header.top-nav-collapse #gnb-m-list &gt; ul{
		margin-top:60px;
	}
	#header #gnb-m-list &gt; ul &gt; li &gt; a.dp1{
		display:block;
		margin-bottom:1px;
		position:relative;
		padding:14px 15px;
		background:#fff;
		color:#222;
		border-bottom: 1px solid #ebebeb;
		margin:0 15px;
	}
	#header #gnb-m-list &gt; ul &gt; li &gt; a.dp1 &gt; i {
		position:absolute;
		right:20px;
		top:50%;
		margin-top:-10px;
		font-weight:100;
		font-size:22px;
	}
	#header #gnb-m-list &gt; ul &gt; li &gt; a.dp1.opened &gt; i{
		-ms-transform: rotate(45deg); /* IE 9 */
		-webkit-transform: rotate(45deg); /* Safari */
		transform: rotate(45deg);
	}
	#header #gnb-m-list &gt; ul &gt; li &gt; .dp2-box{
		padding:10px 0px 15px 20px;
		display:none;
	}
	#header #gnb-m-list &gt; ul &gt; li &gt; .dp2-box &gt; p{margin:0;}
	#header #gnb-m-list &gt; ul &gt; li &gt; .dp2-box &gt; p &gt; a{
		display:block;
		padding:5px 0;
		color:#222;
	}

	#header .m-login{
		text-align: center;
		padding-left:15px;
		padding-right:15px;
		margin-top: 15px;
	}
	#header .m-login &gt; a{
		color:#007990;
		border:1px solid #007990;
		padding:10px;
		display:block;
		width:100%;
		heighT:100%;
	}
	#header .m-login .sns{
		margin-top: 18px;
		text-align: left;
	}
}

#header .sub09{display:none;}


/*모바일 메뉴 열기 아이콘 애니*/
.qodef-menu-appear {
    display: inline-block;
    position: relative;
    width: 26px;
    height: 26px;
    vertical-align: middle;
}

.qodef-menu-appear span {
    display: block
}

.qodef-menu-appear .icon {
    width: 100%;
    height: 100%;
    padding-top: 3px;
}
.qodef-menu-appear .line {
    margin: 0 0 0 auto;
    position: relative;
	z-index:1;
    width: 100%;
    height: 2px;
    background: #fff;
    -moz-transition: width .3s cubic-bezier(.77, 0, .175, 1);
    -o-transition: width .3s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition: width .3s cubic-bezier(.77, 0, .175, 1);
    transition: width .3s cubic-bezier(.77, 0, .175, 1)
}

.qodef-menu-appear .line:nth-child(1) {
    -moz-transition-delay: .3s;
    -o-transition-delay: .3s;
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.qodef-menu-appear .line:nth-child(2) {
    -moz-transition-delay: .4s;
    -o-transition-delay: .4s;
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

.qodef-menu-appear .line:nth-child(3) {
    -moz-transition-delay: .5s;
    -o-transition-delay: .5s;
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.qodef-menu-appear .line + .line {
    margin-top: 6px
}

.qodef-menu-appear .close {
    position: absolute;
    top: 0px;
    left: 0;
    width: 26px;
    height: 26px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
	opacity:1;

}

.qodef-menu-appear .close:after, 
.qodef-menu-appear .close:before {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    background: #fff;
    content: '';
    -moz-transition: -moz-transform .3s cubic-bezier(.77, 0, .175, 1);
    -o-transition: -o-transform .3s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition: -webkit-transform .3s cubic-bezier(.77, 0, .175, 1);
    transition: transform .3s cubic-bezier(.77, 0, .175, 1)
}

.qodef-menu-appear .close:before {
    margin: -1px 0 0 -14px;
    width: 28px;
    height: 2px;
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -moz-transform-origin: 0 50% 0;
    -webkit-transform-origin: 0 50% 0;
    transform-origin: 0 50% 0
}

.qodef-menu-appear .close:after {
    margin: -14px 0 0 -1px;
    width: 2px;
    height: 28px;
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -moz-transition-delay: .15s;
    -o-transition-delay: .15s;
    -webkit-transition-delay: .15s;
    transition-delay: .15s;
    -moz-transform-origin: 50% 100% 0;
    -webkit-transform-origin: 50% 100% 0;
    transform-origin: 50% 100% 0

}

.qodef-menu-appear.opened .icon .close:before {
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -moz-transition-delay: .35s;
    -o-transition-delay: .35s;
    -webkit-transition-delay: .35s;
    transition-delay: .35s
}

.qodef-menu-appear.opened .icon .close:after {
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -moz-transition-delay: .5s;
    -o-transition-delay: .5s;
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.qodef-menu-appear.opened .icon .line {
    width: 0
}

.qodef-menu-appear.opened .icon .line:nth-child(1) {
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.qodef-menu-appear.opened .icon .line:nth-child(2) {
    -moz-transition-delay: .1s;
    -o-transition-delay: .1s;
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.qodef-menu-appear.opened .icon .line:nth-child(3) {
    -moz-transition-delay: .2s;
    -o-transition-delay: .2s;
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.qodef-main-menu &gt; ul &gt; li {
    position: relative;
    opacity: 0;
    visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: opacity .2s ease-out, visibility .2s ease-out;
    transition: opacity .2s ease-out, visibility .2s ease-out
}

.qodef-main-menu &gt; ul &gt; li:nth-child(n+1) {
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.qodef-main-menu &gt; ul &gt; li:nth-child(n+2) {
    -webkit-transition-delay: .35s;
    transition-delay: .35s
}

.qodef-main-menu &gt; ul &gt; li:nth-child(n+3) {
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

.qodef-main-menu &gt; ul &gt; li:nth-child(n+4) {
    -webkit-transition-delay: .45s;
    transition-delay: .45s
}

.qodef-main-menu &gt; ul &gt; li:nth-child(n+5) {
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.qodef-main-menu &gt; ul &gt; li:nth-child(n+6) {
    -webkit-transition-delay: .55s;
    transition-delay: .55s
}

.qodef-main-menu &gt; ul &gt; li:nth-child(n+7) {
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}

.qodef-main-menu &gt; ul &gt; li:nth-child(n+8) {
    -webkit-transition-delay: .65s;
    transition-delay: .65s
}

.qodef-main-menu &gt; ul &gt; li:nth-child(n+9) {
    -webkit-transition-delay: .7s;
    transition-delay: .7s
}

.qodef-main-menu &gt; ul &gt; li:nth-child(n+10) {
    -webkit-transition-delay: .75s;
    transition-delay: .75s
}

.qodef-menu-from-right.qodef-menu-from-right-oppened .qodef-main-menu &gt; ul &gt; li {
    opacity: 1;
    -webkit-transition: opacity .3s ease-out, visibility .3s ease-out;
    transition: opacity .3s ease-out, visibility .3s ease-out;
    visibility: visible
}

.qodef-menu-from-right.qodef-menu-from-right-oppened .qodef-main-menu &gt; ul &gt; li:nth-last-child(n+1) {
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.qodef-menu-from-right.qodef-menu-from-right-oppened .qodef-main-menu &gt; ul &gt; li:nth-last-child(n+2) {
    -webkit-transition-delay: .35s;
    transition-delay: .35s
}

.qodef-menu-from-right.qodef-menu-from-right-oppened .qodef-main-menu &gt; ul &gt; li:nth-last-child(n+3) {
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

.qodef-menu-from-right.qodef-menu-from-right-oppened .qodef-main-menu &gt; ul &gt; li:nth-last-child(n+4) {
    -webkit-transition-delay: .45s;
    transition-delay: .45s
}

.qodef-menu-from-right.qodef-menu-from-right-oppened .qodef-main-menu &gt; ul &gt; li:nth-last-child(n+5) {
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.qodef-menu-from-right.qodef-menu-from-right-oppened .qodef-main-menu &gt; ul &gt; li:nth-last-child(n+6) {
    -webkit-transition-delay: .55s;
    transition-delay: .55s
}

.qodef-menu-from-right.qodef-menu-from-right-oppened .qodef-main-menu &gt; ul &gt; li:nth-last-child(n+7) {
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}

.qodef-menu-from-right.qodef-menu-from-right-oppened .qodef-main-menu &gt; ul &gt; li:nth-last-child(n+8) {
    -webkit-transition-delay: .65s;
    transition-delay: .65s
}

.qodef-menu-from-right.qodef-menu-from-right-oppened .qodef-main-menu &gt; ul &gt; li:nth-last-child(n+9) {
    -webkit-transition-delay: .7s;
    transition-delay: .7s
}

.qodef-menu-from-right.qodef-menu-from-right-oppened .qodef-main-menu &gt; ul &gt; li:nth-last-child(n+10) {
    -webkit-transition-delay: .75s;
    transition-delay: .75s
}
/**/

.fl{
	float:left;
}
.fr{
	float:right;
}

@media(max-width:992px){
	#gray_board_write .cus-name .form-control{
		width:97% !important;	
	}
	#gray_board_write .phone .form-control{
		width:31.3% !important;	
	}
	#gray_board_write .mail .form-control{
		width:31% !important;
	}
}
@media(max-width:767px){
	#gray_board_write table,
	#gray_board_write table thead,
	#gray_board_write table tbody,
	#gray_board_write table tr,
	#gray_board_write table th,
	#gray_board_write table td{
		display:block;
		width:100% !importnat;
	}
	#gray_board_write table th{
		background: #fafafa;	
	}
	#gray_board_write .table_board_write th{
		border-right: none !important;
	}
	#gray_board_write .table_board_write th::after, 
	#gray_board_write .table_board_write td::after {
		content:'';
		display:block;
		clear:both;
	}
	#gray_board_write .phone span{
		width:3% !important;	
	}
	#gray_board_write .mail span{
		width:5% !important;
		font-size:12px;
	}
	#gray_board_write .phone .form-control{
		width:30% !important;	
	}
	#gray_board_write .mail .form-control{
		width:29.5% !important;
	}
	.filebox .upload-name {
		width: 68%;
	}
}

#sub-inner-wrap b{
	font-weight: 500;
}
#sub-inner-wrap p,
#sub-inner-wrap a,
#sub-inner-wrap li{
	color:#555;
	font-weight: 300;
	font-size:16px;
	line-height: 26px;
	letter-spacing: -0.03em;
}
#sub-inner-wrap .intro{
	text-align: center;
	position: relative;
	padding-top: 40px;
	margin-bottom: 46px;
}
#sub-inner-wrap .intro .ink{
	opacity: 0.2;
	position: absolute;
	top:0;
	left:50%;
	transform:translateX(-50%);
}
#sub-inner-wrap .intro .bfs24{
	margin-bottom: 6px;
}
#sub-inner-wrap .line{
	width:1px;
	height:60px;
	background: #ebebeb;
	display:inline-block;
	margin:40px auto;
}
#board-list p,
#board-list a,
#board-list li{
	line-height: normal;
}
@media(max-width:992px){
	#sub-inner-wrap .intro {
		padding-top: 20px;
		margin-bottom: 40px;
	}
	#sub-inner-wrap p,
	#sub-inner-wrap a,
	#sub-inner-wrap li{
		font-size:14px;
		line-height: 1.6;
	}
}
@media(max-width:767px){
	#sub-inner-wrap .intro {
		padding-top: 16px;
	}
	#sub-inner-wrap .intro .ink {
		width:98%;
	}
	#sub-inner-wrap .intro .bfs24 {
		line-height: 1.4;
	}
}

/* details */
.board-list-wrap h4,
.board-list-wrap a,
.board-list-wrap div,
.board-list-wrap p{
	font-family: 'Noto Sans KR' !important;
}
@media(max-width:767px){
	#board-list .board-list-wrap &gt; a .option &gt; p{
		margin-top: 4px;
	}
}
@media(max-width:485px){
	#board-list .dp-table-cell.vertical-middle div.fs16 &gt; .news_content{
		line-height: 1.5 !important;
		height: 20px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		width: 280px;
	}
	#wcontent{
		height:120px !important;
	}
}
@media(max-width:390px){
	#board-list .dp-table-cell.vertical-middle h4{
		height: 22px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		width: 310px;	
	}
}
@media(max-width:360px){
	#board-list .dp-table-cell.vertical-middle h4{
		width: 290px;	
	}
}

.table_board_write input{
	padding:0 14px;
}
.table_board_write select{
	padding:0 12px;
}

.filetr &gt; label{
	max-width:100%;
	width:100%;
}

.btn.btn-black {
    color: #fff !important;
}
#gallery-list .inner .row &gt; div{
	margin-bottom: 20px;
}
#gallery-list .inner .thum{
	width:100%;
	position: relative;
	overflow:hidden
}
#gallery-list .inner .thum &gt; a div{
	width:100%;
	max-width:100%;
	padding-top:66%;
}
#gallery-list .inner .subject .title{
	margin-top: 15px;
	height:24px;
	padding:0 10px;
	font-family: 'Noto Sans KR' !important;
}
#gallery-list .inner .subject h4{
	overflow: hidden;	
}
#gallery-list .inner .subject h4 a{
	width: 100%;
	text-overflow: ellipsis;
	display: block;
}
#gray_board_read .table_board_read thead th{
	padding:20px 0;
}
#gray_board_read .table_board_read .view-content-area{
	padding:40px 0 80px;
}
#gray_board_read .table_board_read td{
	text-align: left;
	padding:20px;
}
#gray_board_read .table_board_read .td_left_next{
	width:90%;
}
@media(max-width:485px){
	.sub0401 #border-bottom &gt; .fl{
		float:none;
	}
	.sub0401 .btn-area &gt; a{
		margin-top:20px;
	}
}


#sub-inner-wrap .subtt{
	color: black;
	font-weight: 500;
	padding-left: 20px;
	margin-bottom: 20px;
	position: relative;
	font-family: 'Noto Sans KR' !important;
}
#sub-inner-wrap .subtt::before{
    position: absolute;
    top: 11px;
    left: 0;
    width: 6px;
    height: 6px;
    background: #6cc727;
    border-radius: 50%;
    content: '';
}
@media(max-width:992px){
	#sub-inner-wrap .subtt{
		margin-bottom: 10px;
		padding-left: 16px;
	}
	#sub-inner-wrap .subtt::before{
		top: 11px;
	}
}


.style1 section{
	padding:50px 0;
	border-bottom: 1px solid #ebebeb;
}
.style1 section:last-child{
	border-bottom: none;
}
.style1 section &gt; p{
	margin-bottom: 10px;
}
.style1 section &gt; p:last-child{
	margin-bottom: 0;
}
.style1 section .row.boxs &gt; div &gt; div{
	padding:30px 28px;
}
.style1 section:first-child .row.boxs &gt; div &gt; div{
	height:150px;
}
.style1 section:nth-child(2) .row.boxs &gt; div &gt; div{
	height:180px;
}
.style1 section .row.boxs &gt; div &gt; div p{
	color:white !important;
	letter-spacing: -0.04em !important;
}
.style1 section .row &gt; div &gt; div p.fw500{
	margin-bottom: 20px;
}
.style1 section .row ul{
	counter-reset:num;
}
.style1 section .row ul &gt; li.num{
	position: relative;
	padding-left: 26px;
}
.style1 section .row ul &gt; li.num::before {
    counter-increment: num 1;
    content: "0" counters(num, "0");
	margin-right: 10px;
	color:#39b54a;
	font-weight: bold;
	font-family: 'Noto Sans Kr' !important;
	position: absolute;
	top:-2px;
	left:0;
}
/* .style1 section .row &gt; div.col-sm-2 &gt; div p.fw500{
	transform:translateY(10px)
} */
@media(max-width:1200px){
	.style1 section p br{
		display:none;
	}
	.style1 section .row.boxs &gt; div &gt; div{
		padding:20px;
	}
	.style1 section:first-child .row.boxs &gt; div &gt; div{
		height:120px;
	}
	.style1 section:nth-child(2) .row.boxs &gt; div &gt; div{
		height:150px;
		padding:24px 20px;
	}
	.style1 section .row &gt; div &gt; div p.fw500 {
		margin-bottom: 15px;
	}
	.style1 section:nth-child(2) .row.boxs &gt; div:first-child &gt; div p.fw500 {
		margin-bottom: 10px;
	}
	.style1 section .row &gt; div &gt; div p:last-child {
		line-height: 20px !important;
	}
}
@media(max-width:992px){
	.style1 section{
		padding:30px 0;
	}
	.style1 section .row.boxs &gt; div{
		margin: 15px 0;
	}
	.style1 section:first-child .row.boxs &gt; div &gt; div {
		height: 192px;
		padding: 50px 20px;
	}
	.style1 section:nth-child(2) .row.boxs &gt; div &gt; div {
		height: 230px;
		padding: 50px 20px;
	}
	.style1 section:nth-child(2) .row.boxs &gt; div:first-child &gt; div p.fw500 {
		margin-bottom: 15px;
	}
	.style1 section .row ul &gt; li.num{
		margin:2px 0;
	}
	.style1 section .row ul &gt; li.num::before {
		top:0;
	}
}
@media(max-width:767px){
	.style1 section .row.boxs{
		max-width: 330px;
		margin:-4px auto;
	}
	.style1 section .row.boxs &gt; div{
		padding-left: 4px;
		padding-right: 4px;
		margin: 2px 0;
	}
	.style1 section:first-child .row.boxs &gt; div &gt; div {
		height: 90px;
		width:156px;
		padding: 14px;
		margin:0 auto;
	}
	.style1 section:nth-child(2) .row.boxs &gt; div &gt; div {
		height: 108px;
		width:156px;
		padding: 14px;
		margin:0 auto;
	}
	.style1 section .row &gt; div &gt; div p.fw500 {
		margin-bottom: 2px;
	}
	.style1 section .row &gt; div &gt; div p.lh {
		line-height: 16px !important;
	}
	.style1 section:nth-child(2) .row.boxs &gt; div:first-child &gt; div p.fw500 {
		margin-bottom: 2px;
	}
/* 	.style1 .row &gt; div img{
		max-width:30px;	
	}
	.style1 section .row &gt; div.col-sm-2 &gt; div p.fw500{
		transform:translateY(2px)
	} */
}



.style1.sec70 section{
	padding:70px 0;
}
.style1.sec70 section:first-child{
	padding-top: 30px;
}
#sub-inner-wrap .style1.sec70 section .subtt{
	margin-bottom: 34px;
}
@media(max-width:992px){
	.style1.sec70 section{
		padding:40px 0;
	}
	.style1.sec70 section:first-child{
		padding-top: 0;
	}
	#sub-inner-wrap .style1.sec70 section .subtt{
		margin-bottom: 15px;
	}
}




.tab{
	width:100%;
}
.tab &gt; li{
	width:16.66%;
	float:left;
	text-align: center;
	border:1px solid #ddd;
	border-right: none;
	box-sizing:border-box;
	height:60px;
}
.tab &gt; li:last-child{
	border-right:1px solid #ddd;
}
.tab &gt; li &gt; a{
	width:100%;
	box-sizing:border-box;
	height:60px;
	line-height:60px !important;
	display:block;
	color:black !important;
}
.tab &gt; li.active{
	border:1px solid #6cc727 !important;
}
.tab &gt; li.active &gt; a{
	color:#6cc727 !important;
	font-weight: 500 !important;
}
@media(max-width:1200px){
	.tab &gt; li{
		width:33.33%;
	}
	.tab &gt; li:nth-child(1),
	.tab &gt; li:nth-child(2),
	.tab &gt; li:nth-child(3){
		border-bottom: none;
	}
	.tab &gt; li:nth-child(3){
		border-right:1px solid #ddd;
	}
}
@media(max-width:767px){
	.tab &gt; li{
		height:46px;
	}
	.tab &gt; li &gt; a{
		height:46px;
		line-height:46px !important;
	}
	.tab &gt; li{
		width:50%;
	}
	.tab &gt; li:nth-child(4){
		border-bottom: none;
	}
	.tab &gt; li:nth-child(3){
		border-right:none;
	}
	.tab &gt; li:nth-child(even){
		border-right:1px solid #ddd;
	}
}
.tab-pane &gt; .clearfix{
	position: relative;
	margin-bottom: 40px;
}
.tab-pane &gt; .clearfix &gt; .title{
	background: rgb(100,199,53);
	background: linear-gradient(90deg, rgba(100,199,53,1) 0%, rgba(49,199,139,1) 100%);	
    padding: 40px 0;
	width:370px;
	text-align: center;
	margin-top: -70px;
	position: relative;
}
.tab-pane &gt; .clearfix &gt; .title &gt; img{
	position: absolute;
	top:50%;
	right:26px;
	transform:translateY(-50%);
	opacity:0.1;
}
.tab-pane &gt; .clearfix .fr{
	width:100%;
	max-width:1146px;
	height:310px;
}
.tab-pane &gt; .clearfix .fr &gt; div{
	width:100%;
	height:100%;
}
@media(max-width:1200px){
	.tab-pane &gt; .clearfix .fr{
		max-width:96%;
	}
}
@media(max-width:992px){
	.tab-pane &gt; .clearfix{
		margin-bottom: 10px;
	}
	.tab-pane &gt; .clearfix &gt; .title {
		padding: 20px 0;
		margin-top: -40px;
	}
	.tab-pane &gt; .clearfix .fr{
		height:150px;
	}
}
@media(max-width:767px){
	.tab-pane &gt; .clearfix &gt; .title{
		width:220px;
		padding: 14px 0;
		margin-top: -20px;	
	}
	.tab-pane &gt; .clearfix &gt; .title &gt; img{
		right:10px;
		max-width:46px;
	}
}


.sub0404 section{
	padding:70px 0;
}
#sub-inner-wrap .sub0404 section .subtt{
	margin-bottom: 40px;
}
#sub-inner-wrap .sub0404 section:nth-child(2) .row{
	height:86px;
}
@media(max-width:992px){
	.sub0404 section{
		padding:40px 0;
	}
	#sub-inner-wrap .sub0404 section .subtt{
		margin-bottom: 20px;
	}
	#sub-inner-wrap .sub0404 section:nth-child(2) .row{
		height:auto;
		margin-bottom: 30px;
	}
}
@media(max-width:767px){
	.sub0404 section:last-child li span{
		display:block;
		padding-left: 17px;
	}
	.sub0404 section:last-child li span span{
		padding-left: 9px;
	}
}

.table1 table{
	width:100%;
	border-top: 2px solid #6cc727;
}
.table1 table th,
.table1 table td{
	font-size:16px;
	text-align: center;
	padding:10px;
	border: 1px solid #ddd;	
	border-top: none;
	font-family: 'Noto Sans KR' !important;
}
.table1 table th{
	color:black;
	font-weight: 500;
}
.table1 table td{
	color:#555;
	font-weight: 300;
}
@media(max-width:992px){
	.table1 table th,
	.table1 table td{
		font-size:14px;
		padding:8px 3px;
	}
	.table1 table th,
	.table1 table td{
		font-size:13px;
	}
}

.sub0102_2 section{
	position: relative;
	margin-bottom:80px;
}
.sub0102_2 section .doctor_intro{
	/* width: 100%; */
}
.sub0102_2 section .intro_img{position: relative;}
.sub0102_2 section .img_txt{
	position: absolute;
    top: 50%;
    left: 8%;
	text-align: start;
}
.sub0102_2 section .img_txt .name{
	display:block;
	padding-top:1rem;
	}
.sub0102_2 section .intro_txt{
	/* padding:0 5rem 2rem 6rem; */
	padding:0 1rem 2rem 1rem;
} 
.sub0102_2 .list_title{
	margin-top: -1rem;
}
.sub0102_2 div.pro_list{
	border-bottom: 1px solid #dddddd;
}
@media(max-width:992px){
	.sub0102_2 .intro_img.text-center img {
		width: 100%;
	}
}
@media (max-width: 575.98px) {
.sub0102_2 section .img_txt{
		top: 40%;
	}
}
.sub0501 section{
	margin:80px 0;
	position: relative;
}
.sub0501 section:nth-child(2) &gt; div .ink{
	margin-bottom: -10px;
}
.sub0501 section:last-child img{
	position: absolute;
	bottom:-30px;
	right:0;
	z-index:-1;
}
@media(max-width:992px){
	.sub0501 section{
		margin:40px 0;
	}
	.sub0501 section:nth-child(2) &gt; div .ink{
		margin-bottom: -20px;
	}
}

.sub0502 p{
	line-height: normal !important;
}
.sub0502 .montserrat{
	letter-spacing: 0.2em !important;
	position: absolute;
	left:50%;
	transform:TranslateX(-50%);
	top:0;
}
.sub0502 .clearfix &gt; .fl{
	padding:46px 36px;
	background: rgb(100,199,53);
	background: linear-gradient(90deg, rgba(100,199,53,1) 0%, rgba(49,199,139,1) 100%);	
	display:inline-block;
	width:100%;
	max-width:600px;
	position: relative;
	z-index:1;
}
.sub0502 .clearfix &gt; .fr{
	background: #f5f5f5;
	width:88%;
	position: relative;
	height:136px;
	margin-top: -100px;
}
.sub0502 .clearfix &gt; .fr &gt; div{
	position: absolute;
	right:40%;
	bottom:150px;
	z-index:10;
}
.sub0501.sub0502 section:last-child img {
    bottom: 0;
	right:80px;
    z-index: 1;
}
.sub0502 .pen{
	transform:translateY(2px);
	display:inline-block;
}
@media(max-width:1200px){
	.sub0502 .clearfix &gt; .fl {
		max-width: 500px;
	}	
	.sub0502 .clearfix &gt; .fl br {
		display:none;
	}	
	.sub0502 .clearfix &gt; .fr &gt; div {
		right: 33%;
	}
	.sub0501.sub0502 section:last-child img {
		right:20px;
		max-width: 320px;
	}
}
@media(max-width:992px){
	.sub0502 .clearfix &gt; .fl {
		max-width: 350px;
	}
	.sub0501.sub0502 section:last-child img {
		right:0;
		max-width: 280px;
	}
}
@media(max-width:767px){
	.sub0502 .clearfix &gt; .fl {
		max-width: 100%;
		padding:20px;
	}
	.sub0501.sub0502 section:last-child img {
		right:0;
		max-width: 180px;
	}
	.sub0502 .clearfix &gt; .fr {
		width: 83%;
		height: 258px;
		margin-top: -80px;
	}
	.sub0502 .clearfix &gt; .fr &gt; div {
		right: auto;
		left: 20px;
		bottom: 10px;
	}
	.sub0502 .pen{
		transform:translateY(0);
	}
}


.sub0503 .row{
	border:1px solid #ddd;
	background: #f6f6f6;
	border-radius:6px;
	margin-bottom: 90px;
}
.sub0503 .row &gt; div &gt; .item{
	text-align: center;
	position: relative;
	width:100%;
	height:143px;
	padding-top: 40px;
}
.sub0503 .row &gt; div &gt; .item::after{
	content:'';
	width:1px;
	height:74px;
	background: #ddd;
	position: absolute;
	right:-16px;
	top:50%;
	transform:translateY(-50%);
}
.sub0503 .row &gt; div:last-child &gt; .item::after{
	content:none;
}
.sub0503 .row &gt; div .floor{
	width: 50px;
	height: 50px;
	line-height: 50px;
	color:white;
	font-weight: bold;
	border-radius:50%;
	background:#64c735;
	display:inline-block;
	text-align: center;
	position: absolute;
	left:50%;
	top: -26px;
	transform:translateX(-50%);
}
@media(max-width:992px){
	.sub0503 .row &gt; div .floor{
		width: 40px;
		height: 40px;
		line-height: 40px;
		top: -21px;
	}
}
@media(max-width:767px){
	.sub0503 .row {
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 60px;
	}
	.sub0503 .row &gt; div{
		margin-bottom: 40px;
	}
	.sub0503 .row &gt; div:last-child{
		margin-bottom: 0;
	}
	.sub0503 .row &gt; div &gt; .item::after {
		content: '';
		width: 80%;
		height: 1px;
		background: #ddd;
		position: absolute;
		right: auto;
		top: auto;
		transform: translateX(-50%);
		left: 50%;
		bottom: 10px;
	}
	.sub0503 .row &gt; div &gt; .item img{
		max-width:60px;
	}
}

.sub0504 .col-md-8{
	padding-left: 40px;
}
.sub0504 .col-md-8 p:first-child{
	margin-bottom: 20px;
}
@media(max-width:992px){
	.sub0504 .col-md-8{
		padding-left: 15px;
		padding-top: 20px;
	}
}

.sub0505 .root_daum_roughmap{
	width:100%;
}
.sub0505 .root_daum_roughmap .wrap_map {
    height: 450px !important;
}
.sub0505 .address{
    margin-top:40px;
    border-top:1px solid #898989;
    border-bottom:1px solid #898989;
}
.sub0505 dl{
    padding: 40px 0;
    border-bottom: 1px dashed #ebebeb;
    margin:0;
}
.sub0505 dl:last-child{
    border-bottom:none;
}
.sub0505 dt,.sub0505 dd{
    display:inline-block;
    vertical-align: middle;
    font-size:16px;
}
.sub0505 dt{
    width: 100px;
}
.sub0505 dd p{
    font-size:16px;
    color:#000 !important;
    font-weight: 300;
	line-height: 1.9;
	font-family: 'Noto Sans KR' !important;
}
.sub0505 dl:last-child dd span{
	width:70px;
	display:inline-block;
}
@media(max-width:1200px){
    .sub0505 dt {
        width: 12%;
    }
    .sub0505 dd {
        width: 87%;
    }
}
@media(max-width:992px){
	.sub0505 .root_daum_roughmap .wrap_map {
		height: 200px !important;
	}
    .sub0505 dl {
        padding: 20px 0;
    }
    .sub0505 dt img{
        width:60px;
    }
    .sub0505 dt,.sub0505 dd{
        width:100%;
        display:block;
        font-size:14px;
    }
    .sub0505 dd{
        margin-top: 10px;
    }
	.sub0505 dl:last-child dd span{
		width:60px;
	}
}

.style2 section &gt; p{
	margin-bottom: 20px;
}
.style2 section &gt; p:last-child{
	margin-bottom: 0;
}
@media(max-width:992px){
	.style2 section &gt; p{
		margin-bottom: 10px;
	}
}

.sub0303 .clearfix &gt; .item{
	float:left;
	width:19%;
	margin-right:15px;
}
.sub0303 .clearfix &gt; .item:last-child{
	margin-right:0;
}
.sub0303 .clearfix &gt; .item &gt; div{
	width:100%;
	height: 150px;
    padding: 30px 28px;
}
.sub0303 .clearfix &gt; .item &gt; div p{
	color:white !important;
	letter-spacing: -0.04em !important;
}
.sub0303 .clearfix &gt; .item &gt; div p.fw500{
	margin-bottom: 20px;
}
.sub0303 dl dd{
	position:relative;
	padding-left:10px;
	margin:4px 0;
	font-family: 'Noto Sans Kr' !important;
}
.sub0303 dl dd:before {
    position: absolute;
    top: 2px;
    left: 0;
    border-radius: 50%;
    content: '*';
}

.sub0303 section:last-child div &gt; div,
.sub0303 section:last-child div &gt; ul{
	display:inline-block;
	vertical-align: middle;
}
.sub0303 section:last-child div &gt; div{
	margin-right: 20px;
}
.sub0303 section:last-child div &gt; ul{
	width:70%;
	text-align: left;
}
.sub0303 section:last-child div &gt; ul li &gt; p{
	display:inline-block;
	vertical-align: top;
}
.sub0303 section:last-child div &gt; ul li &gt; p:first-child{
	width:8%;
	font-weight: 500 !important;
	color:black !important;
}
.sub0303 section:last-child div &gt; ul li &gt; p:last-child{
	width:91%;
}
@media(max-width:1200px){
	.sub0303 .clearfix &gt; .item {
		margin-right: 10px;
	}
	.sub0303 .clearfix &gt; .item &gt; div {
		height: 118px;
		padding: 20px 28px;
	}
	.sub0303 .clearfix &gt; .item &gt; div p.fw500 {
		margin-bottom: 12px;
	}
}
@media(max-width:992px){
	.sub0303 .clearfix &gt; .item{
		width:31%;
		margin-bottom: 10px;
	}
	.sub0303 .clearfix &gt; .item &gt; div {
		height: 145px;
		padding: 31px 28px;
	}
	.sub0303 section:last-child div &gt; ul li &gt; p:first-child{
		width:10%;
	}
	.sub0303 section:last-child div &gt; ul li &gt; p:last-child{
		width:88%;
	}
}
@media(max-width:767px){
	.sub0303 .clearfix &gt; .item  {
		width: 156px;
		margin:0;
		margin-bottom: 10px;
	}
	.sub0303 .clearfix &gt; .item &gt; div {
		height: 96px;
		padding: 14px 20px;
	}
	.sub0303 .clearfix &gt; .item &gt; div p.fw500 {
		margin-bottom: 12px;
	}
	.sub0303 .clearfix &gt; .item &gt; div p {
		line-height: 1.4 !important;
	}
	.sub0303 section:last-child div &gt; ul li &gt; p:first-child{
		width:23%;
	}
	.sub0303 section:last-child div &gt; ul li &gt; p:last-child{
		width:75%;
	}
}


/*팝업*/

.doctor_list{
height:260px;
overflow-y: auto;
}


.doctors_info_wrap{
	display:flex;
}
.doctors_info_wrap .doctor_img{width: 40%;}
.doctors_info_wrap .doctor_img img{width:100%;}
.doctors_info_wrap .doctor_txt{
	width: 60%;
	padding: 5rem 4rem;
}
.doctors_info_wrap .doctor_txt .doctor_name{
	border-bottom: 3px solid #003362;
	margin-bottom: 1rem;
}
.doctors_info_wrap .doctor_txt .doctor_name h2{
	color: #003362; 
	font-size: 4.2rem;
	margin-bottom: 1rem;
	font-weight: 500;
}
.doctors_info_wrap .doctor_txt .doctor_name h2 span{
	color: #666666;
	font-size: 2rem; 
	font-weight: 200 !important;
}
.doctors_info_wrap .doctor_txt .doctor_list{
	overflow-y:auto;
}
.doctors_info_wrap .doctor_txt .doctor_list li{
	font-size: 1.8rem;
}

@media (max-width:991px){
	.doctors_info_wrap{
		display: block;
	}
	.doctors_info_wrap .doctor_img{ width: 100%; margin: 0 auto;}
	.doctors_info_wrap .doctor_txt{ width: 100%; padding: 4rem 2rem;}
	.doctors_info_wrap .doctor_txt .doctor_name h2{font-size:3.2rem;}
	.doctors_info_wrap .doctor_txt .doctor_name h2 span{font-size: 1.5rem; }
	.doctors_info_wrap .doctor_txt .doctor_list li{font-size: 1.4rem;}
}





/******************************** sub06 **********************************/

/*---- 폰트 사이즈 fsr ----*/
.fsr62{font-size: 6.2rem !important;}
.fsr28{font-size: 2.8rem !important;}
@media (max-width:1199.98px) {
	.fsr50-xl{font-size: 5rem !important;}
	.fsr25-xl{font-size: 2.5rem !important;}
}
@media (max-width:991.98px) {
	.fsr40-lg{font-size: 4rem !important;}
	.fsr25-lg{font-size: 2.5rem !important;}
	.fsr20-lg{font-size: 2rem !important;}
}
@media (max-width:767.98px) {
	.fsr35-md{font-size: 3.5rem !important;}
	.fsr20-md{font-size: 2rem !important;}
	.fsr18-md{font-size: 1.8rem !important;}
}
@media (max-width:575.98px) {
	.fsr30-sm{font-size: 3rem !important;}
	.fsr18-sm{font-size: 1.8rem !important;}
	.fsr16-sm{font-size: 1.6rem !important;}
}
/*---- 폰트 사이즈 fsr ----*/



#sub06 {
	margin-bottom: -120px;
}
@media (max-width:992px) {
	#sub06 {
		margin-bottom: -50px;
	}
}

#sub06 *{
	font-family: 'S-Core Dream';
}
#sub06 .fullBg{
	position: relative;
	z-index: 1;
}
#sub06 .fullBg::after{
	content:""; 
	z-index:-1;
	position:absolute;
	top:0; left:50%; right:50%;
	margin-left:-50vw; margin-right:-50vw; 
	height:100%;
}
#sub06 p{
	letter-spacing: 0 !important;
	line-height: unset !important;
	color: #000 !important;
}
#sub06 .content {
	padding: 0 !important;
}
#sub06 .sub06_title{
	font-size: 5.6rem !important;
	font-weight: 600 !important;
}
#sub06 .sub06_title span{
	color: #12cbc3;
}
@media (max-width:1199.98px) {
	#sub06 .sub06_title{
		font-size: 4.5rem !important;
	}
}
@media (max-width:991.98px) {
	#sub06 .sub06_title{
		font-size: 3.5rem !important;
	}
}
@media (max-width:767.98px) {
	#sub06 .sub06_title{
		font-size: 3rem !important;
	}
}
@media (max-width:575.98px) {
	#sub06 .sub06_title{
		font-size: 2.5rem !important;
	}
}

/********** section 01 **********/
#sub06 .sec01{
	padding-top: 5rem;
	padding-bottom: 13rem;
}
#sub06 .sec01 .img{
	position: relative;
	margin-bottom: 13rem;
	padding-left: 7rem;
	min-height: 40rem;
	border-radius: 2rem;
}
#sub06 .sec01 .img p{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	color: #fff !important;
	line-height: 1.5 !important;
	text-shadow:2px 4px 2px #070e21;
}
#sub06 .sec01 .img p strong{
	display: block;
	color: #8cabff;
}
#sub06 .sec01 .content{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
#sub06 .sec01 .sub06_title{
	margin-bottom: 3rem;
}
#sub06 .sec01 .desc{
	letter-spacing: -.5px !important;
	line-height: 1.5 !important;
}
#sub06 .sec01 .content .img_con{
	min-width: 50.8%;
	height: 42rem;
	border-radius: 2rem;
	overflow: hidden;
}
#sub06 .sec01 .content .img_con img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

@media (max-width:1199.98px) {
	#sub06 .sec01{
		padding-bottom: 10rem;
	}
	#sub06 .sec01 .img{
		margin-bottom: 8rem;
	}
	#sub06 .sec01 .content .text .title{
		margin-bottom: 2.5rem;
	}
	#sub06 .sec01 .content .text .desc br{
		display: none;
	}
}
@media (max-width:991.98px) {
	#sub06 .sec01 .content{
		display: block;
	}
	#sub06 .sec01 .img{
		min-height: 35rem;
	}
	#sub06 .sec01 .content .img_con{
		max-height: 30rem;
		height: auto;
	}
}
@media (max-width:767.98px) {
	#sub06 .sec01{
		padding-bottom: 8rem;
	}
	#sub06 .sec01 .img{
		min-height: 30rem;
	}
}
@media (max-width:575.98px) {
	#sub06 .sec01 .img{
		padding-left: 2rem !important;
	}
}



/********** section 02 **********/
#sub06 .sec02{
	padding: 11rem 0;
}
#sub06 .sec02.fullBg::after{
	background:url(../images/sub0601_sec02_bg.jpg) no-repeat center center / cover;
}
#sub06 .sec02 .sub06_title{
	text-align: center;
}
#sub06 .sec02 ul{
	margin-top: 4.5rem;
	margin-bottom: 4rem;
	padding: 0 5rem;
	display: flex;
	justify-content: space-between;
}
#sub06 .sec02 ul li{
	width: calc(100% / 3);
	flex-shrink: 0;
	text-align: center;
	font-size: 3rem !important;
	font-weight: 600 !important;
	color: #6d93ff !important;
}
#sub06 .sec02 ul li p{
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
	margin-bottom: 2rem;
	padding: 5rem;
	width: 30rem;
	height: 30rem;
	border-radius: 50%;
	background: #6d93ff;
}
#sub06 .sec02 ul li p img{
	width: 100%;
}
#sub06 .sec02 .desc{
	position: relative;
	padding:2.8rem 5rem;
	padding-left: 9.5rem;
	font-size: 2.4rem !important;
	font-weight: 500 !important;
	border-radius: 2rem;
	background: #fff;
	box-shadow: 0 3px 10px 1px rgba(0,0,0, 0.05);
}
#sub06 .sec02 .desc::before{
	content: '';
	position: absolute;
	top: 2.8rem; left: 5rem;
	width: 3.4rem;
  height: 3.4rem;
	background: url(../images/sub0601_sec02_icon_ck.png) no-repeat center center / 100% auto;
}
#sub06 .sec02 .desc + .desc{
	margin-top: 1.5rem;
}

@media (max-width:1199.98px) {
	#sub06 .sec02 ul li{
		font-size: 2.5rem !important;
	}
	#sub06 .sec02 ul li p{
		padding: 4rem;
		width: 23rem;
		height: 23rem;
	}
	#sub06 .sec02 .desc{
		font-size: 2.2rem !important;
	}
	#sub06 .sec02 .desc::before{
		width: 3.2rem;
		height: 3.2rem;
	}
}
@media (max-width:991.98px) {
	#sub06 .sec02 {
    padding: 10rem 0;
	}
	#sub06 .sec02 .sub06_title:nth-of-type(2){
		padding-top: 3rem !important;
	}
	#sub06 .sec02 ul li{
		padding: 0 1rem;
		font-size: 2rem !important;
	}
	#sub06 .sec02 ul li p{
		margin-bottom: 1rem;
		padding: 3rem;
		width: 18rem;
		height: 18rem;
	}
	#sub06 .sec02 .desc{
		font-size: 2rem !important;
	}
	#sub06 .sec02 .desc::before{
		width: 3rem;
		height: 3rem;
	}
}
@media (max-width:767.98px) {
	#sub06 .sec02 {
    padding: 8rem 0;
	}
	#sub06 .sec02 ul{
		display: block;
	}
	#sub06 .sec02 ul li{
		width: 100%;
	}
	#sub06 .sec02 ul li + li{
		margin-top: 3rem;
	}
	#sub06 .sec02 .desc {
    padding: 2.5rem 8rem;
		padding-right: 5rem;
		font-size: 1.8rem !important;
	}
	#sub06 .sec02 .desc::before{
		top: 2.5rem; left: 3.5rem;
	}
}
@media (max-width:575.98px) {
	#sub06 .sec02 ul li{
		font-size: 1.8rem !important
	}
	#sub06 .sec02 ul li p{
		width: 15rem;
		height: 15rem;
	}
	#sub06 .sec02 .desc{
		font-size: 1.6rem !important;
	}
}


/********** section 03 **********/
#sub06 .sec03{
	padding-top:8.5rem;
	padding-bottom: 15rem;
}
#sub06 .sec03.fullBg::after{
	background:url(../images/sub0601_sec03_bg.jpg) no-repeat center center / cover;
}
#sub06 .sec03 .sub06_title{
	margin-bottom: 5rem;
	text-align: center;
	color: #fff !important;
}
#sub06 .sec03 .text{
	padding: 0 4rem;
	border-radius: 2rem;
	background: #fff;
}
#sub06 .sec03 .text li{
	display: flex;
	padding: 5rem 0;
}
#sub06 .sec03 .text li + li{
	border-top: 1px solid #eee;
}
#sub06 .sec03 .text li .num{
	min-width: 34.5rem;
	font-size: 3rem !important;
	font-weight: 600 !important;
}
#sub06 .sec03 .text li .num span{
	display: inline-block;
	width: 5rem;
	height: 5rem;
	line-height: 2;
	text-align: center;
	font-size: 2.6rem !important;
	color: #fff;
	background: #7097ff;
	border-radius: 50%;
}
#sub06 .sec03 .text li .desc{
	line-height: 1.5 !important;
	font-size: 2.4rem !important;
	font-weight: 500 !important;
}
#sub06 .sec03 .text li .desc .desc_title{
	font-weight:700;
	color:#7097ff;
	line-height: 2;
}
#sub06 .sec03 .text li .desc .number{
	position: relative;
	display: block;
	padding-left: 3.2rem;
}
#sub06 .sec03 .text li .desc .number::before{
	position: absolute;
	top: 0; left: 0;
}
#sub06 .sec03 .text li .desc .number1::before{
	content: '①';
}
#sub06 .sec03 .text li .desc .number2::before{
	content: '②';
}
#sub06 .sec03 .text li .desc .number3::before{
	content: '③';
}


@media (max-width:1199.98px) {
	#sub06 .sec03 .text li .num{
		font-size: 2.6rem !important;
	}
	#sub06 .sec03 .text li .num span{
		width: 4.5rem;
		height: 4.5rem;
		font-size: 2.3rem !important;
	}
	#sub06 .sec03 .text li .desc{
		font-size: 2.2rem !important;
	}
}
@media (max-width:991.98px) {
	#sub06 .sec03 .text li{
		display: block;
	}
	#sub06 .sec03 .text li .num{
		min-width: unset;
		margin-bottom: 2rem;
		font-size: 2.3rem !important;
	}
	#sub06 .sec03 .text li .num span{
		width: 3.8rem;
		height: 3.8rem;
		font-size: 2rem !important;
	}
	#sub06 .sec03 .text li .desc{
		font-size: 1.9rem !important;
	}
}
@media (max-width:767.98px) {
	#sub06 .sec03 {
    padding-top: 8rem;
    padding-bottom: 10rem;
	}
	#sub06 .sec03 .sub06_title {
    margin-bottom: 3rem;
	}
	#sub06 .sec03 .text li {
    padding: 3rem 0;
	}
	#sub06 .sec03 .text li .num{
		margin-bottom: 1.5rem;
		font-size: 2rem !important;
	}
	#sub06 .sec03 .text li .num span{
		width: 2.8rem;
		height: 2.8rem;
		font-size: 1.6rem !important;
	}
	#sub06 .sec03 .text li .desc{
		font-size: 1.8rem !important;
	}
}
@media (max-width:575.98px) {
	#sub06 .sec03 .text li {
    padding: 2.5rem 0;
	}
	#sub06 .sec03 .text li .num{
		font-size: 1.8rem !important;
	}
	#sub06 .sec03 .text li .num span{
		width: 2.5rem;
		height: 2.5rem;
		font-size: 1.4rem !important;
		line-height: 1.9;
	}
	#sub06 .sec03 .text li .desc{
		font-size: 1.6rem !important;
	}
	/* #sub06 .sec03 .text li .desc br:not(:first-of-type){
		display: none;
	} */
}



/***** sub06_0601 *****/
#sub06.sub0601 .sec01 .img{
	background: url(../images/sub0601_sec01_img.jpg) no-repeat right center / cover;
}
/***** sub06_0602 *****/
#sub06.sub0602 .sec01 .img{
	background: url(../images/sub0602_sec01_img.jpg) no-repeat right center / cover;
}
/***** sub06_0603 *****/
#sub06.sub0603 .sec01 .img{
	background: url(../images/sub0603_sec01_img.jpg) no-repeat right center / cover;
}
/***** sub06_0604 *****/
#sub06.sub0604 .sec01 .img{
	background: url(../images/sub0604_sec01_img.jpg) no-repeat right center / cover;
}
/***** sub06_0605 *****/
#sub06.sub0605 .sec01 .img{
	background: url(../images/sub0605_sec01_img.jpg) no-repeat right center / cover;
}
/***** sub06_0606 *****/
#sub06.sub0606 .sec01 .img{
	background: url(../images/sub0606_sec01_img.jpg) no-repeat right center / cover;
}
/***** sub06_0607 *****/
#sub06.sub0607 .sec01 .img{
	background: url(../images/sub0607_sec01_img.jpg) no-repeat right center / cover;
}</pre></body></html>