@charset "utf-8";
@import url("https://fonts.googleapis.com/earlyaccess/notosanskr.css");
@import url("https://fonts.googleapis.com/earlyaccess/nanumgothic.css");
@import url("https://fonts.googleapis.com/earlyaccess/nanummyeongjo.css");


/*####################### Default  #######################*/
html, body, div, span, a, ul, li, dl, dt, dd, form, a {font-family:'Noto Sans KR', 'Nanum Gothic', 'Gulim';}
th, td, th *, td *, input {font-family:'Nanum Gothic', 'Gulim';}

html, body, ul, li, dl, dt, dd, form, h1, h2, h1, h3, h4, h5, h6 {padding:0; margin:0}
ul, ol, li								{list-style:none; margin:0;}
td *, div *, li *, span *, p *	{vertical-align: middle;}

legend						    	{display:none;}
caption								{display:none;}

fieldset, img, hr	{border:none;}
img					{vertical-align: top; border:0px ;}
strong				{font-weight:bold;}


/* Link */
a:link,
a:visited	,
a:hover,
a:active	{font-size:13px; text-decoration:none; color:#555;}

a {selector-dummy: expression(this.hideFocus=true);} /* 일반 링크포커스 감추기 */
a,img {selector-dummy: expression(this.hideFocus=true);} /* 이미지맵 링크포커스 감추기 */


/* Table */
/*table  		{border-collapse:collapse;}*/


/* From */
textarea	{border:1px solid #666666; padding:10px; border:1px solid #ccc}
select		{border:1px solid #bebebe; font-size:13px;}
input		{vertical-align: top; }


/* Img */
.png {_display:inline-block;}
.png img {_filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);}

/* etc */
.pointer {cursor:pointer;}


/*####################### common #######################*/
.inner {width:1100px; min-width:1100px; text-align:left; margin:0 auto;}
.relative {position:relative;}


/* header */
.header {clear:both; width:100%; min-width:1100px; text-align:center; height:42px; vertical-align:top; overflow:hidden; position:absolute; z-index:1; top:0px; left:0; background-color:#313131; border-bottom:1px solid #505050;}

	.header h1 {display:block; float:left; width:110px; height:42px; line-height:42px; border-left:1px solid #505050; border-right:1px solid #505050; text-align:center;}
	.header h1.microgen_global {width:130px; }
	.header h1 a {position:relative; top:-5px; font-size:13px; color:#fff; font-weight:300;}

	.header h2 {display:block; float:left; width:135px; height:42px; line-height:42px; border-right:1px solid #505050; text-align:center; font-size:13px; color:#fff; font-weight:400; letter-spacing:1px;}
	.header h2 img {margin:11px 6px 0 0;}

	.header ul {float:right; padding-top:5px}
	.header li {float:left; background:url('../img/bar.jpg') no-repeat left 10px; display:block; padding:0 10px;}
	.header li:first-child {background:none;}
	.header li a {font-size:13px; color:#fff; font-weight:300; text-decoration:none;}


/* top */
.top {clear:both; width:100%; text-align:center; height:130px; overflow:hidden; position:absolute; z-index:1; top:43px; left:0; background:url('../img/top_bg.jpg') repeat-x 0 0;}

	.logo {float:left;}

	.menu {float:right; position:relative; width:700px;}
	@media \0screen {	.menu { margin-top:0px; }   }/* ie8 */


/* left */
.left_wrap {width:250px; text-align:left; float:left; vertical-align:top; margin: 0; padding:0 0 40px 0; overflow:hidden;}

	.submenu_title {clear:both; width:auto; height:auto; }
	.submenu {width:200px; padding-top:20px; padding-bottom:20px; background:url('../img/submenu_depth1_bg.jpg') repeat-y bottom left; border-bottom:1px solid #d9d9d9;}
	.submenu ul {width:160px; margin-left:20px;border-top:1px solid #e7e7e7;}
	.submenu li {clear:both;}

	/* 서브메뉴1 */
	.depth1			{clear:both; width:160px; height:40px; vertical-align:top; background:url('../img/submenu_depth1.jpg') repeat-y bottom left; border-bottom:1px solid #e7e7e7;}
	.depth1_on		{background:url('../img/submenu_depth1_on.jpg') no-repeat center left; border-bottom:1px solid #e7e7e7;}

		.depth1 a:link,
		.depth1 a:visited,
		.depth1 a:active	{display:block; color:#333; font-weight:normal; font-size:14px; line-height: 18px; text-decoration:none; line-height:40px;}
		.depth1 a:hover	{color:#f60; text-decoration:none}

		.depth1_on a:link,
		.depth1_on a:visited,
		.depth1_on a:active {display:block; color:#f60; font-weight:normal; font-size:14px; line-height: 18px; text-decoration:none; line-height:40px;}
		.depth1_on a:hover	{color:#f60; text-decoration:none}

	/* 서브메뉴2 */
	.depth2			{clear:both; width:160px; height:auto; background:url('../img/submenu_depth2.jpg') repeat-y center left; overflow:hidden;}
	.depth2_on		{background:url('../img/submenu_depth2_on.jpg') repeat-y center left;}

		.depth2 a:link,
		.depth2 a:visited,
		.depth2 a:active {display:inline-block; width:100%; padding:5px 0 5px 15px; color:#555; font-weight:normal; font-size:13px; text-decoration:none;}
		.depth2 a:hover {color:#08c; text-decoration:none}

		.depth2_on a:link,
		.depth2_on a:visited,
		.depth2_on a:active {display:inline-block; width:100%; padding:5px 0 5px 15px; color:#08c; font-weight:normal; font-size:13px; text-decoration:none}
		.depth2_on a:hover {color:#08c; text-decoration:none}

	/* 서브메뉴3 */
	.depth3			{clear:both; width:160px; height:auto; /*background:url('../img/submenu_depth2.jpg') repeat-y center left;*/ overflow:hidden;}
	.depth3_on		{/*background:url('../img/submenu_depth3_on.jpg') repeat-y center left;*/}

		.depth3 a:link,
		.depth3 a:visited,
		.depth3 a:active {display:inline-block; width:100%; padding:5px 0 5px 25px; color:#999; font-weight:normal; font-size:12px; text-decoration:none;}
		.depth3 a:hover {color:#333; text-decoration:none}

	/* 좌측 배너 */
	.left_banner {clear:both; margin-top:10px}
	.left_banner li {float:left; padding:0 0 10px 0;}
	.left_banner li img {display:block;}


/* footer */
.bottom {clear:both; width:100%; min-width:1100px; height:55px; line-height:52px; text-align:left; border-top:1px solid #e5e5e5; font-size:14px; color:#5c5a5a; font-weight:300;}
.bottom a {display:inline-block; padding:0 12px; font-size:14px; color:#5c5a5a; font-weight:300;}

.footer_wrap {clear:both; width:100%; min-width:1100px; height:265px; text-align:center; vertical-align:top; border-top:1px solid #e5e5e5; background-color:#f8f8f8;}
.footer {clear:both; width:1100px; margin: 0px auto; padding-top:40px; vertical-align:top;}

	.footer_left {float:left; width:530px; height:170px; line-height:22px; border-right:1px solid #e4e4e4; font-size:14px; color:#6d6b6b; text-align:left; font-weight:300;}
	.footer_left h1 {display:block; height:40px; font-size:25px; color:#000; font-weight:400;}
	.footer_left span {display:block; padding-top:15px; font-size:13px; color:#555; font-weight:300;}

	.footer_right {float:left; width:230px; height:170px; padding-left:30px; line-height:22px; border-right:1px solid #e4e4e4; font-size:13px; color:#555; text-align:left; font-weight:300;}
	.footer_right h1 {display:block; height:55px; font-size:25px; color:#000; font-weight:400;}

	.footer_bank {float:left; padding-left:30px; line-height:24px; font-size:15px; color:#555; text-align:left; font-weight:300;}
	.footer_bank h1 {display:block; height:55px; font-size:25px; color:#000; font-weight:100;}
	.footer_bank img {display:block; margin-bottom:25px;}


/*####################### contents #######################*/
/* common */
.contain_wrap {clear:both; width:100%; text-align:center;}
.contain {width:1100px; text-align:left; margin:0 auto;}


/*###### 메인 ######*/

/*메인 비주얼*/
.mainimg {clear:both; width:100%; min-width:1100px; height:427px; text-align:center; overflow:hidden; padding-top:124px; position:relative; }
	#todayArea1 {clear:both; width:100%; height:427px; overflow:hidden; background:url('../img/visual_1_new.jpg') no-repeat bottom center;}
	#todayArea2 {clear:both; width:100%; height:427px; overflow:hidden; background:url('../img/visual_2_new.jpg') no-repeat bottom center;}
	#todayArea3 {clear:both; width:100%; height:427px; overflow:hidden; background:url('../img/visual_3_new.jpg') no-repeat bottom center;}

.main_text_tab { width:1100px; height:auto; position:absolute; z-index:2; bottom:0px; left:50%; margin-left:-550px; background:url(../img/main_text_bg.png) no-repeat bottom center; background-size: 100% 100%; z-index:2; }
.main_text_tab th.main_text1 { text-align:center; font-family:'Noto Sans KR', 'Nanum Gothic', 'Gulim'; font-size:25px; line-height:130%; padding:30px 0 10px 0; color:#ffffff; }
.main_text_tab td.main_text2 { text-align:center; font-family:'Noto Sans KR', 'Nanum Gothic', 'Gulim'; font-size:15px; line-height:130%; padding:5px 0; color:#ffffff;  }
.main_text_tab td.navi_btn_list { text-align:center; padding:5px 0 10px 0; }

/*메인 내용*/
.main_banner {clear:both; width:100%; height:196px;}
.main_banner h1 {display:block; float:left; width:50%; margin:0; padding:0; background-color:#65aeba; text-align:right; }
.main_banner h2 {display:block; float:left; width:50%; background-color:#74bac4; text-align:left; position:relative;}
.main_banner h2 .main_text3 { position:absolute; left:235px; top:100px; width:320px; font-size:14px; line-height:150%; color:#ffffff; font-family:'Nanum Gothic', 'Gulim'; font-weight:normal;  }

.main_wrap {clear:both; width:100%; min-width:1100px;}

	.main_cont {clear:both; width:100%; height:680px; background-color:#eee}

		.mt {position:relative; clear:both; width:100%; height:60px; padding-top:40px;text-align:center;}
		.mt strong {display:inline-block; vertical-align:0; padding-right:7px; font-size:37px; color:#262626; font-weight:400;}

		/* 정보게시판 */
		.main_board {float:left; width:355px; height:290px; border:1px solid #d1d1d1; background-color:#fff; text-align:left}
			.main_board > .tit {position:relative; clear:both; width:275px; height:30px; margin:0 0 30px 40px; padding:33px 0 0 0; background:url('../img/bar2.jpg') no-repeat bottom left;  font-size:17px; color:#333; font-weight:500;}
			.main_board > .tit img {position:absolute; top:35px; right:0}
			.main_board > .latest {clear:both; padding-left:40px;}
			.main_board > .latest dl {clear:both; width:275px; height:95px; }
			.main_board > .latest dt {float:left; width:90px; text-align:left;}
			.main_board > .latest dd {float:left; width:185px;}
			.main_board > .latest dd h1 {display:block; width:100%; height:22px; margin:0; padding:0; font-size:14px; color:#000; font-weight:300;}
			.main_board > .latest dd h2 {display:block; width:100%; height:22px; margin:0; padding:0; font-size:14px; color:#999; font-weight:300;}
			.main_board > .latest dd h3 {display:block; width:100%; height:22px; margin:0; padding:0; font-size:14px; color:#999; font-weight:300;}

		.main_movie {float:left; padding-left:15px;}

		/* 동영상자료 */
		.main_movie2 {float:right; width:355px; height:290px; border:1px solid #3fa2b6; background-color:#3fa2b6; text-align:left}
			.main_movie2 > .tit {position:relative; clear:both; width:275px; height:30px; margin:0 0 20px 40px; padding:33px 0 0 0; background:url('../img/bar3.jpg') no-repeat bottom left;  font-size:17px; color:#fff; font-weight:500;}
			.main_movie2 > .tit img {position:absolute; top:35px; right:0}
			.main_movie2 > ul {clear:both; padding-left:40px;}
			.main_movie2 > ul > li {position:relative; float:left; width:78px; height:100px; text-align:center; margin-left:19px; font-size:13px; color:#fff; font-weight:300;}
			.main_movie2 > ul > li > a {font-size:1epx; color:#fff; font-weight:300;}
			.main_movie2 > ul > li:first-child {margin-left:0;}
			.main_movie2 > ul > li > a > img {display:block; margin-bottom:2px;}


		.main_movie3 {float:right; width:355px; height:290px; border:1px solid #3fa2b6; background-color:#3fa2b6; text-align:left}
			.main_movie3 > .tit {position:relative; clear:both; width:275px; height:30px; margin:0 0 20px 40px; padding:33px 0 0 0; background:url('../img/bar3.jpg') no-repeat bottom left;  font-size:17px; color:#fff; font-weight:500;}
			.main_movie3 > .tit img {position:absolute; top:35px; right:0}
			.main_movie3 > ul {clear:both; padding-left:40px;}
			.main_movie3 > ul > li { position:relative; float:left; width:78px; height:auto; text-align:center; margin-left:19px; font-size:13px; color:#fff; font-weight:300;}
			.main_movie3 > ul > li > a {font-size:1epx; color:#fff; font-weight:300;}
			.main_movie3 > ul > li:first-child {margin-left:0;}
			.main_movie3 > ul > li > a > img {display:block; margin-bottom:2px;}

		.main_health_map {clear:both; padding-top:20px;}

	.mt_best {position:relative; clear:both; width:100%; height:110px; padding-top:25px; text-align:center; font-size:37px; color:#3c3d38; font-weight:900; letter-spacing:-1px;}
	.mt_best h1 {display:inline-block; vertical-align:0; font-size:39px; color:#3c3d38; font-weight:700;}
	.mt_best h1 span {display:inline-block; vertical-align:0; padding-right:7px; font-size:37px; color:#ec4c4c; font-weight:900; letter-spacing:-1px;}
	.mt_best h2 {position:absolute; top:80px; left:0; display:block; width:100%; text-align:center; font-size:15px; color:#777; font-weight:300;}

	/* 무균환경을 위한 제언 */
	.main_board2 {float:left; width:355px; height:290px; border:1px solid #d1d1d1; text-align:left}
		.main_board2 > .tit {position:relative; clear:both; width:275px; height:30px; margin:0 0 25px 40px; padding:33px 0 0 0; background:url('../img/bar2.jpg') no-repeat bottom left;  font-size:17px; color:#333; font-weight:500;}
		.main_board2 > .tit img {position:absolute; top:35px; right:0}
		.main_board2 > .latest {clear:both; padding-left:40px;}
		.main_board2 > .latest dl {clear:both; width:275px; height:32px; padding-top:2px; border-bottom:1px solid #e5e5e5;}
		.main_board2 > .latest dt {float:left; width:205px; vertical-align:0; text-align:left; overflow:hidden;}
		.main_board2 > .latest dt a { font-weight:300; font-size:14px; color:#000;}
		.main_board2 > .latest dd {float:left; width:70px;  font-weight:300; font-size:14px; color:#999; vertical-align:0; text-align:left; padding-top:4px;}

	/* 제품소개 */
	.main_gallery {float:right}
	.main_gallery > ul {width:720px;}
	.main_gallery > ul > li {position:relative; float:left; width:220px; text-align:center; margin-left:30px;}
	.main_gallery > ul > li:first-child {margin-left:0;}
	.main_gallery > ul > li > a > .tag {position:absolute; z-index:2; top:10px; right:10px}
	.main_gallery > ul > li > a > .frame {position:absolute; z-index:3; top:0; right:0}
	.main_gallery > ul > li > a > img {display:block; margin-bottom:10px;}
	.main_gallery > ul > li > a > h1 {width:100%; height:20px; text-align:center; font-size:14px; color:#000; font-weight:300;}
	.main_gallery > ul > li > a > h2 {width:100%; height:20px; text-align:center; font-size:14px; color:#999; font-weight:300;}
	.main_gallery > ul > li > a > h3 {width:100%; height:20px; text-align:center; font-size:16px; color:#000; font-weight:500;}

/* 하단 공간 */
.main_bottom {clear:both; width:100%; height:40px;}


/*###### 서브 ######*/
.topimg_wrap {clear:both; width:100%; height:235px; text-align:center; padding-top:127px;}
	.topimg1 {background:url('../img/topimg1.jpg?t=20220610') no-repeat center bottom; width:100%; margin:0 auto; min-width:1100px; height:235px;}
	.topimg2 {background:url('../img/topimg2.jpg?t=20220610') no-repeat center bottom; width:100%; margin:0 auto; min-width:1100px; height:235px;}
	.topimg3 {background:url('../img/topimg3.jpg?t=20220610') no-repeat center bottom; width:100%; margin:0 auto; min-width:1100px; height:235px;}
	.topimg4 {background:url('../img/topimg4.jpg?t=20220610') no-repeat center bottom; width:100%; margin:0 auto; min-width:1100px; height:235px;}
	.topimg5 {background:url('../img/topimg5.jpg?t=20220610') no-repeat center bottom; width:100%; margin:0 auto; min-width:1100px; height:235px;}
	.topimg6 {background:url('../img/topimg6.jpg?t=20220610') no-repeat center bottom; width:100%; margin:0 auto; min-width:1100px; height:235px;}

.contents_wrap {color:#555; font-size:13px; line-height:21px; word-break: keep-all; width:850px; text-align:left; vertical-align:top; padding: 0px 0 40px 0px;}
.contents_wrap * {color:#555; font-size:13px; line-height:21px; word-break: keep-all; position:relative;}
.cont {clear:both; font-size:15px; line-height:27px; font-weight:300; color:#555;-webkit-text-size-adjust: 100%; /*font-family:'Noto Sans KR', 'Nanum Gothic', 'Gulim';*/} /* 일반페이지의 글자크기 */
	.title_wrap {width:100%; text-align:left; float:right; vertical-align:top; padding: 30px 0 30px 0px; margin-bottom:50px; border-bottom:1px solid #e4e4e6; }
		.page_title {color:#111; font-size:18px; font-weight:600; text-align:left; float:left}
		.navigation {color:#999; font-size:12px; font-weight:normal; text-align:right; float:right;}
		.navigation img{vertical-align:-5px}

.tit1 {clear:both; font-size:18px; color:#000; text-align:left; width:100%; height:40px; font-weight:bold;}
	.tit1 span {display:inline-block; padding:0 10px; vertical-align:0; font-size:18px; color:#ccc; font-weight:thin;}
	.tit1 strong {vertical-align:0; font-size:18px; color:#39c; font-weight:bold;}
.tit2 {clear:both; width:100%; height:40px;; margin:40px 0 20px 0; border-bottom:1px dashed #b3b3b3; text-align:left;  font-size:17px; color:#333; font-weight:bold}
	.tit2 h1 {display:inline-block; width:26px; height:26px; line-height:25px; margin-right:15px; border-radius:100px; background-color:#f60; vertical-align:0; text-align:center; font-size:16px; color:#fff; font-weight:bold}
.tit3 {clear:both; width:100%; height:40px;; margin:40px 0 20px 0; border-bottom:1px dashed #b3b3b3; text-align:left;  font-size:17px; color:#333; font-weight:bold; background:url('../img/tit3.jpg') no-repeat; text-indent:40px;}
.tit4 {clear:both; width:100%; height:28px;; margin:20px 0 0 0; text-align:left; font-size:17px; color:#333; font-weight:bold; background:url('../img/tit4.jpg') no-repeat; text-indent:30px;}
.tit5 {clear:both; width:100%; height:25px;; margin:20px 0 0 0; text-align:left; font-size:17px; color:#333; font-weight:bold; background:url('../img/tit5.jpg') no-repeat; text-indent:18px;}
.tit6 {clear:both; width:100%; height:30px;; margin:20px 0 0 0; text-align:left; font-size:15px; color:#66aebc; font-weight:bold; background:url('../img/tit6.jpg') no-repeat; text-indent:15px;}
.tit6 u {display:inline-block; padding-left:10px; vertical-align:0; font-size:15px; color:#999; font-weight:bold; background:url('../img/none.jpg') no-repeat; text-indent:0; text-decoration:underline;}

.tb_map {border-top:1px solid #d0d0d0; /*border-left:1px solid #d0d0d0;*/ width:100%; margin-bottom:20px;}
.tb_map th{border-bottom:1px solid #d0d0d0; border-right:1px solid #d0d0d0; /*background-color:#f6f6f6; */ text-align:left; font-size:15px; line-height:25px; color:#555; font-weight:300; padding:12px 0; width:185px;}
.tb_map th img {margin-right:25px;}
.tb_map td{border-bottom:1px solid #d0d0d0; /*border-right:1px solid #d0d0d0;*/ text-align:left; font-size:15px; line-height:25px; color:#555; font-weight:300; padding:12px 0 12px 40px;}

.tb1 {border-top:1px solid #e1e1e1; border-left:1px solid #e1e1e1; width:100%;}
.tb1 th{border-bottom:1px solid #e1e1e1; border-right:1px solid #e1e1e1; text-align:center; font-size:15px; line-height:25px; color:#555; font-weight:300; padding:8px 8px 8px 20px; background-color:#f8f8f8;}
.tb1 td{border-bottom:1px solid #e1e1e1; border-right:1px solid #e1e1e1; text-align:left; font-size:15px; line-height:25px; color:#555; font-weight:300; padding:8px 0 8px 20px;}
.tb1 td.bg{background-color:#f8f8f8;}

.tb2 {border-top:2px solid #15aee0; width:100%; margin:5px 0 20px 0;}
.tb2 th{border-bottom:1px solid #dddada; text-align:center; font-size:15px; line-height:27px; color:#555; font-weight:300; padding:10px 0; background-color:#f8f8f8; width:145px; }
.tb2 td{border-bottom:1px solid #dddada; text-align:left; font-size:15px; line-height:27px; color:#555; font-weight:300; padding:10px 0 10px 30px;}
.tb2 td strong {font-size:15px; line-height:27px; color:#3b80c5; font-weight:300; vertical-align:0;}

.tb3 {margin:30px 0 0 0;}
.tb3 th{text-align:left; font-size:15px; line-height:27px; color:#555; font-weight:300; vertical-align:top;}
.tb3 td{text-align:left; font-size:15px; line-height:27px; color:#555; font-weight:300;; vertical-align:top; }

.tb4 {border-top:1px solid #59b2de; width:100%;}
.tb4 th{border-bottom:1px solid #dddada; text-align:center; font-size:15px; line-height:27px; color:#08c; font-weight:300; padding:6px 0; vertical-align:top; background-color:#f4fbff;}
.tb4 td{border-bottom:1px solid #dddada; text-align:center; font-size:15px; line-height:27px; color:#555; font-weight:300; padding:6px 0; vertical-align:top;}

.box1 {clear:both; width:790px; text-align:center; padding:30px; border:1px solid #eee;  font-size:15px; line-height:25px; color:#555; font-weight:500; border:1px solid #eaeaea; margin-top:30px;}
	.box1 h1 {display:block; clear:both; width:100%; line-height:20px; padding:0 0 20px 0; text-align:center; font-size:16px; color:#333; font-weight:bold;}
	.box1 strong {font-size:15px; color:#000; font-weight:bold;}
	.box1 > .tl {display:block; clear:both; width:100%; line-height:27px; text-align:left; font-size:15px; color:#555; font-weight:normal;}
	.box1 > .tc {display:block; clear:both; width:100%; line-height:27px; text-align:center; font-size:15px; color:#555; font-weight:normal;}
.box2 {clear:both; width:1070px; text-align:left; padding:10px 0 10px 30px; font-size:15px; line-height:25px; color:#555; font-weight:300; border:1px solid #e6e6e6; border-radius:12px; margin-top:20px; margin-bottom:30px;}
.box2 strong {vertical-align:0; font-size:15px; color:#f60; font-weight:500;}

.font1 {display:block; width:100%; text-align:right; font-size:15px;}
.font2 {display:block; font-size:20px; font-weight:bold; color:#333;}

/* etc */
.hr {width:100%; margin-top:30px; height:25px; border-top:1px dotted #999}
.v {vertical-align:0;}
.vt {vertical-align:top;}
.tl {text-align:left;}
.tc {text-align:center;}
.tr {text-align:right;}
.fl {float:left;}
.fr {float:right;}
.block {display:block;}
.w100 {width:100%;}

.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}
.ml10 {margin-left:10px !important;}
.ml20 {margin-left:20px !important;}

.pt30 {padding-top:30px !important;}

.red {font-size:15px; color:#f66 !important; vertical-align:0;}
.pink {font-size:14px; color:#f09 !important; vertical-align:0;}
.orange {font-size:15px; color:#f60 !important; vertical-align:0;}
.sky {font-size:15px; color:#08c !important; vertical-align:0;}
.blue {font-size:15px; color:#03c !important; vertical-align:0;}
.blue strong {font-size:13px; color:#fff !important; vertical-align:1px; background-color:#03c; border-radius:20px; width:23px; height:23px; text-align:center; display:inline-block;}
.black {font-size:15px; color:#000 !important; vertical-align:0}
.gray {font-size:15px; color:#999 !important; vertical-align:0;}
.green {font-size:15px; color:#690 !important; vertical-align:0;}
.violet {font-size:15px; color:#8733e0 !important; vertical-align:0;}
.no {font-size:13px; color:#fff !important; vertical-align:0; background-color:#333; border-radius:20px; width:20px; height:20px; text-align:center; display:inline-block;}
.ic {font-size:13px; color:#333 !important; vertical-align:1px; border:1px solid #f90; border-radius:20px; padding:0 10px; height:20px; text-align:center; display:inline-block;}


/* 건강지도 */
.health_map {clear:both; position:relative; width:100%; height:500px; background:#bfd8d8 url('../img/health_map.jpg') no-repeat;}

	.pointer1 {position:absolute; top:230px; left:370px;}
	.pointer2 {position:absolute; top:250px; left:370px;}

	.pointer_text {position:absolute; top:221px; left:375px; width:auto; height:23px; line-height:15px; padding-left:8px; background:url('../img/pointer_text.png') no-repeat left center; font-size:13px; color:#fff; font-weight:300;}
	.pointer_text h1 {display:inline-block; max-width:200px; padding:0 10px 2px 10px; border-radius:2px; background-color:#4f4f4f; font-size:13px; color:#fff; font-weight:300;;}
	.pointer_text span {display:inline-block; padding:0 5px; vertical-align:1px; font-size:11px; color:#959595; font-weight:300; text-indent:0;}

	/*.pointer_text {position:absolute; top:221px; left:375px; width:200px; height:23px; line-height:17px; background:url('../img/pointer_text.png') no-repeat; font-size:13px; color:#fff; font-weight:300; text-indent:22px;}
	.pointer_text span {display:inline-block; padding:0 5px; vertical-align:1px; font-size:11px; color:#959595; font-weight:300; text-indent:0;}*/

.health_tb {width:100%; margin-top:10px;}
.health_tb th{padding:8px 0; border-top:1px solid #d0d0d0; border-bottom:1px solid #d0d0d0; background-color:#f4f4f4; text-align:center; font-size:13px; color:#333; font-weight:300;}
.health_tb td{position:relative; padding:8px 0; border-bottom:1px solid #d0d0d0; text-align:center; font-size:13px; color:#888; font-weight:300;}
.health_tb td a {float:left; font-size:13px; color:#333; font-weight:300;}