/* common */
body {padding:0; margin:0;font-family: 'NEXON Lv2 Gothic Light';}
ul {list-style:none;}
a {text-decoration:none;}

@font-face {
    font-family: 'NEXON Lv2 Gothic Light';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv2 Gothic Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'NEXON Lv2 Gothic';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv2 Gothic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'NEXON Lv2 Gothic Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv2 Gothic Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


.btn01 {
	  width: 160px;
	  padding: 18px;
	  border: 1px solid #333;
	  border-radius: 4px;
	  color: #333;
	  font-size: 16px;
	  font-weight: 700;
	  text-align: center;
	  cursor: pointer;
	  box-sizing: border-box;
	  display: block;
	  transition: .4s;
}



.btn01:hover {
  background-color:#0d5243;
  color: #FFF;  
}

.btn02 {
	position: absolute;
	right:50px;
	top:45px;
}

.btn03 {
	position: absolute;
	right:350px;
	top:45px;
}

.inner {
	width:100%;
	/*height:100px;*/
	margin:0 auto;
	position:relative;
}

.inner01 {
	width:100%;
	margin:0 auto;
}
.inner02 {
	width:605px;
	height:100px;
	position: absolute;
	right:0;
}

.sub__bg {
	width:100%;
	height:1040px;
	background-color:#f9f9f9;
}

.left {
	margin-left:50px;
}

/* header */
header .logo {
	height: 85px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}

header .main-menu {
	display:flex;
	align-items: center;
	position: absolute;
	top: 0;
	bottom:1px;
	margin: auto;
	right: 0;	
	color:#333
}

header .main-menu .item {}

header .main-menu .item .item__name{
	padding:50px 50px 50px 30px;
	font-family: 'NEXON Lv2 Gothic Medium';	 
	font-size:18px;
}

header .main-menu .item .item__name .item_inner {
	 position:absolute;
	 top:100px;
	 display:none;
	 background-color:#fff;
	 margin:0 auto;
	 z-index:2;
	 width:160px;  
	 padding:0 10px 20px 0;
	 opacity:0.96;
}

header .main-menu .item .item__name:hover .item_inner {display:block;}
header .main-menu .item .item__name .item_inner > li > ul {}

header .main-menu .item .item__name .item_inner > li > ul > li > a {
	color:#333;
	padding:25px 1px 1px 0;
	display:block;
	text-align:left;
	font-weight:500;
	font-size:16px;
}

.item__list {
	display:flex;
	 font-family: 'NEXON Lv2 Gothic Light';
}

.sub__title {
	/*height:530px;*/
	width:100%;	
	background-repeat: no-repeat;
	background-position: center;	
}
#sub1 {
	background-position: center;background-size: cover;background-image : url('../images/sub01.jpg');
}
#sub2 {
	background-position: center;background-size: cover;background-image : url('../images/sub02.jpg');
}

#sub3 {
	background-position: center;background-size: cover;background-image : url('../images/sub03.jpg');
}
#sub4 {
	background-position: center;background-size: cover;background-image : url('../images/sub04.jpg');
}
#sub5 {
	background-position: center;background-size: cover;background-image : url('../images/sub05.jpg');
}

#content-bg {
	/*height:200px;*/
	background-position: center;background-size: cover;
	background-image : url('../images/content-bg.jpg');
	/*margin-top:30px;*/
	text-align:center;
}

#content-bg01 {
	background-position: center;background-size: cover;
	/*height:200px;*/
	background-image : url('../images/bg01.png');
	margin-top:30px;
	text-align:center;
	background-repeat: no-repeat;
	background-position:center;
}

#content-bg02 {
	background-position: center;background-size: cover;
	/*height:200px;*/
	background-image : url('../images/content-bg02.jpg');
	text-align:center;

}

#content-bg03 {
	height:825px;
	background-image : url('../images/content-bg03.jpg');
}
#content-bg04 {
	height:870px;
	background-image : url('../images/content-bg04.jpg');
}
.inner03 {
	width:100%;
	margin:0 auto;
	color:#fff;
	text-align:center;
	padding:20px;	
}

.inner04 {
	width:100%;
	margin:0 auto;
	display:flex;
}

.sub__title span {
	font-size:25px;
	font-weight:bold;
}

.sub__title p {
	line-height:26px;
}

.title__iocntext01 {
	font-size:20px;
}

.title__iocntext02 {
	color:#666;
	font-size:16px;
	font-weight:bold;
	line-height:24px;
}
.sub_menu {
	background-color:#404040;
	z-index:1;
	width:100%;
	height:60px;
	box-shadow: 0 7px 18px rgb(0 0 0 / 5%);
    -webkit-box-shadow: 0 7px 18px rgb(0 0 0 / 4%);
	color:#333;
}

.sub_inner {
	width:100%;
	margin:0 auto;
	position:relative;	
}

.item01 {
	display:flex;
	text-align:center;
	line-height:45px;
	justify-content:center;
}

.item01 > li {
	width:100%;
	
}

right__iteminner::before {
	content:"aa";
	width:1px;
	height:15px;
	background-color:#ddd;
	position:absolute;
	top:18px;
	bottom:0;
	display:block;
}
.item01 li a::before {
	content:"";
	width:1px;
	height:15px;
	background-color:#ddd;
	position:absolute;
	top:18px;
	bottom:0;
	display:block;
}

.sub_menu .item01 li a:first-child::before {
	
}

.item01 > li  {
	padding-left: 10px;
	padding-right: 10px;
}
.item01 > li > a {
	color:#fff;
	font-family: 'NEXON Lv2 Gothic';
	font-size:14px;

}

.item02 {
	display:flex;
	text-align:center;
	line-height:45px;
	justify-content:center;
}

.item02 > li > a {
	padding:0 50px;
}

.item02 > li > a {
	color:#333;
	font-family: 'NEXON Lv2 Gothic';
	font-size:18px;
}

.sub_inner > .item01 > li > a:hover {
	color:#0d5243;
	font-weight:700;
	text-decoration: underline;
	text-underline-position: under;
}

.sub_inner02 {
	width:100%;
	margin:0 auto;
}

.sub_inner02 > .item02 > li {
	border:1px solid #ddd;
	width:400px;
	padding:10px 0;

}
.sub_inner02 > .item02 > li > a {
	box-sizing:border-box;
	padding:150px;150px;
}
.item02 > li:hover {
color:#fff;
}

.sub_inner02 > .item02 > li:hover {
	background-color:#0d5243;
}

.sub_inner02 > .item02 > li:hover > a {
	color:#fff;
}
.textleft {
	text-align:left;
}


.textbold {
	font-family: 'NEXON Lv2 Gothic Bold';
}
.textbg {
	background-color:#0d5243;
	color:#fff;
	padding:0;
	width:100%;

	padding:20px; 0;
	text-align:center;
	display:inline-block;
}
.sub_title {
	font-size:30px;
	color:#333;
	text-align:center;
	font-weight:700;
	padding:40px; 0;
}
.sub_title01 {
	font-size:20px;
	color:#333;
	text-align:center;
	font-family: 'NEXON Lv2 Gothic';
	padding:20px; 0;
}

.sub_title02 {
	/*font-size:20px;*/
	color:#333;
	text-align:center;
	font-family: 'NEXON Lv2 Gothic';
	/*padding-top:100px;*/
	padding-bottom:30px;
}

.contents_title01 {
	padding-top:35px;
	font-size:16px;
	font-family: 'NEXON Lv2 Gothic Light';
	letter-spacing :2px;
	font-weight: lighter;
	color:#fff;
	text-align:center;
}

.contents_title02 {
	font-size:22px;
	font-weight: lighter;
	color:#fff;
	/*margin-top:-30px;*/
	text-align:center;
	line-height:32px;
}

.contents_title03 {
	font-size:15px;
	color:#0d5243;
	/*line-height:50px;*/
	font-family: 'NEXON Lv2 Gothic';
}

.contents_title03_1 {
	font-size:15px;
	color:#0d5243;

	font-family: 'NEXON Lv2 Gothic';
	font-size:24px;color:#0d5243;line-height:50px;
}

.contents_title04 {
	font-size:15px;
	color:#0d5243;
	padding:10px 0 10px 0;
	/*line-height:60px;*/
	font-family: 'NEXON Lv2 Gothic';
}

.contents_title04-1 {
	font-size:40px;
	color:#0d5243;
	padding-top:30px;
	line-height:60px;
	font-family: 'NEXON Lv2 Gothic';
}

.contents_title05 {
	/*font-size:18px;*/
	color:#666;
	display:inline-block;
	/*line-height:32px;*/
	font-family: 'NEXON Lv2 Gothic';
}

.contents_title06 {
	font-size:15px;
	color:#0d5243;
	line-height:40px;
	font-family: 'NEXON Lv2 Gothic';
	text-align:center;
	display:inline-block;
}

.contents_title07 {
	font-size:15px;
	color:#0d5243;
	display:inline-block;
	/*line-height:45px;*/
	font-family: 'NEXON Lv2 Gothic';
	text-align:center;
	display:inline-block;
}

.contents_title08 {

	font-size:18px;
	color:#333;
	display:inline-block;
	line-height:40px;
	font-family: 'NEXON Lv2 Gothic';
	z-index:1;
	position:absolute;
	left:20px;
	top:25px;
	font-weight:700;	
}

.contents_title09 {
	font-size:15px;
	color:#666;
	text-align:left;
	/*line-height:38px;*/
	font-family: 'NEXON Lv2 Gothic';
	/*padding-top:50px;*/

}

.contents_title10 {
	font-size:24px;
	color:#333;
	display:inline-block;
	line-height:40px;
	font-weight:700;
	padding-right:10px;
	display:flex;
	align-items:center;
}

.contents_title11 {
	font-size:16px;
	color:#a9a9a9;
	text-align:center;
	width:100%;
	margin:0 auto;
	display:inline-block;
}

.contents_title12 {
	font-size:18px;
	color:#333;
	text-align:center;
	width:100%;
	margin:0 auto;
	display:inline-block;
	padding-top:30px;
	/*line-height:45px;*/
}

.contents_title13 {
	font-size:15px;
	color:#666;
	/*line-height:34px;*/
	/*padding-left:100px;*/
	font-family: 'NEXON Lv2 Gothic';
	
}

.contents_title14 {
	font-size:28px;
	color:#0d5243;
	line-height:30px;
	font-family: 'NEXON Lv2 Gothic Bold';
	width:225px;
}

.contents_title15 {
	font-size:14px;
	color:#9e9e9e;
	line-height:34px;
}

.contents_title16 {
	font-size:16px;
	color:#9e9e9e;
	line-height:34px;
}

.contents_title17 {
	font-size:20px;
	color:#9e9e9e;
	line-height:34px;
	text-align:center;
}

.contents_title18 {
	font-size:28px;
	color:#222;
	line-height:34px;
	text-align:center;
}


#content-bg p {
	color:#666;
	font-size:15px;
	/*line-height:40px;*/
}

.line02 {
	width:1px;
	height:40px;
	background-color:#fff;
	opacity:0.5;
}

.contents__inner {
	background-color:#fff;
	/*height:830px;*/
	padding: 20px;
	/*margin-top:85px;*/
}

.contents__inner01 {
	background-color:#fff;

	margin-top:1350px;
	margin:0 20px;
}


.contents__inner02 {
	padding: 20px;
	background-color:#fff;	
	/*margin-top:85px;*/
}

.logo3 {
	padding-top:10px;
}

/*sub1-2 */

.doctor__contents {
	display:flex;
}
.text__inner {
	display:flex;
}
.doctor__text {
	width:660px;
	height:700px;
	background-color:#f8f8f8;
	padding:60px; 0 0 50px;
	box-sizing:border-box;	
}

.doctor__text h1 {
	font-size:50px;
	color:#333;
	font-weight: lighter;
}

.doctor__text h6 {
	font-size:16px;
	line-height:65px;
	padding-left:50px;
	float:right;
}



.line03 {
	width:90%;
	height:1px;
	background-color:#ddd;
}

.line04 {
	width:62%;
	height:1px;
	background-color:#0d5243;	
}

.line05 {
	width:1px;
	height:50px;
	background-color:#ddd;	
	margin:0 auto;
	margin-top:30px;
}

.line06 {
	width:100%;
	height:2px;
	background-color:#0d5243;
}

.introduce_text {
	width:150px;
	height:40px;
	background-color:#0d5243;
	border-radius:10px;
	color:#fff;
	text-align:center;
	line-height:40px;
	margin:30px;
	display:inline-block;
}

.text__inner h5{
	margin-top:55px;
	padding-left:30px;
	font-size:24px;
}

.text__inner p {
	margin-top:55px;
	padding-left:30px;
	font-size:18px;
	line-height:38px;
}

/*sub1-3 */

.time {
/*	width:600px;
	height:490px;*/
	background-color:#0d5243;
	color:#fff;
	text-align:left;
	padding:20px;
	box-sizing:border-box;
}

.time__inner {
	display:flex;
	flex-wrap: wrap;
}
.time__logo {
	/*padding-right:20px;*/
}

.time__title {
	font-size:16px;
	font-weight:700;
}

.time__title02 {
	padding:10px;
	font-family: 'NEXON Lv2 Gothic';
	font-size:14px;
}

.time__title03 {
	color:#cdffa5;font-size:23px;line-height:25px; padding-left:10px;font-weight:700;
}
.time__title04 {
	color:#cdffa5;font-size:22px;line-height:25px; padding-left:10px;font-weight:700;
}
.sub3-1__text {
	color:#0d5243;
}

.careitem {

}

.careitem .care__item01 {
	width:390px;

	/*background-image : url('../images/care-01.jpg');*/
	position:relative;
}

.careitem h3 {
	font-size:22px;
	padding-top:10px;

}
.careitem h4 {
	font-size:18px;
	font-weight:500;
	margin-top:-8px;
}

.careitem .care__item02 .care-04 {
	width:390px;
	height:50px;
	background-color:#093c2b;
	position:absolute;
	bottom:0;
	opacity:0.9;
	color:#fff;
	text-align:center;
}

.careitem .care__item02 .care-05 {
	width:390px;
	height:50px;
	background-color:#173038;
	position:absolute;
	bottom:0;
	opacity:0.9;
	color:#fff;
	text-align:center;
}

.careitem .care__item02 .care-06 {
	width:390px;
	height:50px;
	background-color:#e1b025;
	position:absolute;
	bottom:0;
	opacity:0.9;
	color:#fff;
	text-align:center;
}
.careitem .care__item02 .care-07 {
	width:390px;
	height:50px;
	background-color:#18936a;
	position:absolute;
	bottom:0;
	opacity:0.9;
	color:#fff;
	text-align:center;
}



.careitem .care__item02 {
	width:390px;

	/*background-image : url('../images/care-01.jpg');*/
	position:relative;
	margin-bottom:30px;
}



.care__left {
	width:49%;
	height:510px;
	background-repeat:no-repeat;
	background-position:center;
	display:flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align:center;
	color:#fff;
	transform:scale(1);
	transition-duration: .4s;
	transform:translate(-50px,-50px;);
}

/* sub4-1 */
.sanain {
	width:100%;
	margin:0 auto;
	display:flex;
	padding:20px; 0 0 10px;
	border-bottom:1px solid #ddd;
	box-sizing: border-box;

}


.sanain__text {
	padding-left:50px;
	color:
}
/* sub4-2 */

.sub4-2_contents {
	position:relative;
}

.number {
	position:absolute;
	z-index:1;
	left:0;	
	font-size:50px;
	color:#666666;
	opacity:0.1;
	 font-family: 'NEXON Lv2 Gothic Bold';
	letter-spacing :-5px;
}

.bg__gray {
	height:675px;
	background-color:#f7f7f7;
	margin-top:40px;
	display:flex;
	align-items:center;
	width:100%
}

.bg__white {
	background-color:#fff;
	width:100%;
	height:560px;
	display:flex;
	margin:0 auto;
	box-sizing:border-box;
	border-radius:10px;
}

.cause {
	display:flex;
	padding:65px; 0 0 80px;
	color:#333;
}

.cause__icon {
	font-size:22px;
	font-weight:700;
	padding-top:30px;
}

.cause__text {
	text-align:left;
	padding:0 50px;
	line-height:40px;
	font-size:18px;
	font-family: 'NEXON Lv2 Gothic';
}

.cause__text > span {
	width:600px;
}

.cure {
	width:390px;
	height:460px;
	background-color:#f7f7f7;
	margin-top:60px;
	margin-right:10px;	
}

.cure > span {

	padding-top:50px;
	display:inline-block;

}


.cure__text {
	color:#666;
	font-size:16px;
	font-family: 'NEXON Lv2 Gothic';
	padding:15px 0 0 25px;
	line-height:30px;
	text-align:left;

}

.cure__inner {
	display:flex;
	width:100%;

	text-align:center;
	margin:0 auto;
}

.circle__bg {
	width : 310px;
	height : 310px;
	border-radius: 50%;
	background-color:#f7f7f7;
	text-align:center;
	margin-right:30px;
}

.circle__bg > span {
	margin-top:10px;
	display:inline-block;
	line-height:26px;
}

.circle__inner {
	display:flex;
	justify-content:center;
	margin:50px 0 100px 0;
	
}

.circle__inner01 {
	text-align:center;
	margin:0 auto;
	width:100%;
}


.circle__right {
	background-color:#0d5243;
	width:600px;
	height:470px;
	padding:50px 0 0 50px;
	box-sizing:border-box;
}

.circle__right > h3 {
	font-size:20px;
	color:#fff;
}

.circle__right > span {
	color:#fff;
	line-height:40px;
	font-size:18px;
}

.circle > h3 {
	margin-top:8px;
}

.circle02 > h3 {
	margin-top:8px;
}


.circle {
  width : 150px;
  height : 150px;
  border-radius: 50%;
  background-color: #0d5243;
  /*opacity:0.9;*/
  text-align:center;
  color:#fff;
  padding-top:40px;
  box-sizing: border-box;
}

.circle02 {
  width : 150px;
  height : 150px;
  border-radius: 50%;
  background-color: #666;
  opacity:0.9;
  text-align:center;
  color:#fff;
  padding-top:40px;

  box-sizing: border-box;
}

.circle > span {
	font-size:16px;	
}



.circle__inner01 > h5 {
	font-size:16px;
	width:150px;
	color:#666;
	line-height:26px;
}

.h__logobox {
	padding-right:30px;

}
.h__logo {
	border:1px solid #ddd;
	width:320px;
	height:180px;
}

.h__logotext {
	text-align:center;
	font-size:16px;
	padding-top:20px;
}

/*sub2-1*/
.sub2-1content {
	width:600px;
	padding-right:30px;	
}

.sub2-1box {	
	padding-top:50px;
	align-items: center;
	justify-content:center;
	display:flex;
}

.sub2-1content01 {
	/*margin-top:80px;*/
}

/*sub3*/

.sub3-3box {
	width:100%;
	margin:0 auto;
	display:flex;
	justify-content:center;
}


	
.mobtext01 {
	font-size:16px;
	color:#222;
	font-weight:600;
	font-family:NEXON Lv2 Gothic;
}




.sub1-2 {
	display:flex;
}
.sub1-2_item {
	padding:50px 0;
	width:400px;
	height:280px;
	
	margin:0 auto;
	text-align:center;
	border:1px solid #ddd;
}

#su1-2_bg {
	background:#2e5fa1;
	opacity:0.92;
}
#su1-2_bg01 {
	background:#eeb314;
	opacity:0.92;
}
#su1-2_bg02 {
	background:#72b247;
	opacity:0.92;

}