기본 css/style.css---------------------------------------------------------------------------------------------------------------------
@import url("/css/layout.css");
/*write by YSJ (Design team) 2009/01/15*/
/*Base Style*/
* {margin:0;padding:0;border:0;}
body{padding:0;margin:0;}
p {text-align:justify;}
img, a img {border:0;vertical-align:top;border:0;}
select,input {vertical-align:middle;}
a {color:#545552;text-decoration:none;}
a:hover {text-decoration:none;}
body {font:12px "돋움", dotum, "굴림", gulim, Arial, sans-serif;}
td {font:12px "돋움", dotum, "굴림", gulim, Arial, sans-serif;}
input, select, textarea {font:12px "돋움", dotum, "굴림", gulim, Arial, sans-serif;border:1px solid #d9d9d9}
h1, h2, h3{margin:0;padding:0;}
em{font-style : normal;font-weight : bold;}
hr, caption{display:none;}
/*Common Style*/
.clear{clear:both;height:0;visibility:hidden;}
.fL{float:left;}
.fR{float:right;}
.hide{display:none;height:0;visibility:hidden;width:0;}
.accessibility{display:none;}
.accessibility_view{float: left;}
.txtR{text-align:right;}
.txtC{text-align:center;}
.imgbtn{border:0px solid #d9d9d9}
.fontOrange{color:#fe762f;font-weight:bold;}
.b{font-weight:bold;font-size:12px;}
.fontBlue{color:#0099CC;font-weight:bold;font-size:12px;}
.pdL5{padding-left:8px;}
.pdL18{padding-left:18px;}
.pdT5{padding-top:5px;}
.pdT50{padding-top:50px;}
.pdB5{padding-bottom:5px;}
.pdB15{padding-bottom:15px;}
.vt { vertical-align:top; }
.vm { vertical-align:middle; }
.vb { vertical-align:bottom; }
.mt10 { margin-top:10px; }
.mb10 { margin-bottom:10px; }
.mb5 { margin-bottom:5px; }
.mt25 { margin-top:25px; }
/*Board List Style*/
#boardWrap{border-top:3px solid #cb972d;width:707px;padding-bottom:10px;}
#boardWrap table.boardStyle{border-collapse:collapse;}
#boardWrap table.boardStyle th{border-bottom:1px solid #cbc6bb;color:#716044;background:#f6f4f0;height:27px;}
#boardWrap table.boardStyle td{border-bottom:1px solid #cbc6bb;text-align:center;padding:3px;line-height:16px;}
#boardWrap table.boardStyle td img{vertical-align:middle;}
#boardWrap table.boardStyle td.txtL{text-align:left;padding: 2px 10px;}
#boardWrap table.boardStyle td.boardStyleNone table{border-collapse:collapse;border-top:1px solid #cbc6bb;}
#boardWrap table.boardStyle td.boardStyleNone table td{border-right:1px solid #cbc6bb;border-left:1px solid #cbc6bb;}
#boardWrap table.boardStyle td table td{border:none;text-align:left;}
#boardWrap .boardStyle .title{text-align:left;padding-left:10px;}
.boardWrap{border-top:3px solid #cb972d;width:707px;padding-bottom:10px;}
.boardWrap table.boardStyle{border-collapse:collapse;}
.boardWrap table.boardStyle th{border-bottom:1px solid #cbc6bb;color:#716044;background:#f6f4f0;height:27px;}
.boardWrap table.boardStyle td{border-bottom:1px solid #cbc6bb;text-align:center;padding:3px;line-height:16px;}
.boardWrap table.boardStyle td img{vertical-align:middle;}
.boardWrap table.boardStyle td.txtL{text-align:left;padding: 2px 10px;}
.boardWrap table.boardStyle td.boardStyleNone table{border-collapse:collapse;border-top:1px solid #cbc6bb;}
.boardWrap table.boardStyle td.boardStyleNone table td{border-right:1px solid #cbc6bb;border-left:1px solid #cbc6bb;}
.boardWrap .boardStyle .title{text-align:left;padding-left:10px;}
#number{text-align:center;padding-bottom:15px;}
#number li{list-style:none;display:inline;color:#795353;}
/*Search Style*/
#searchWrap{border-top:3px solid #efede5;border-bottom:3px solid #efede5;width:500px;text-align:center;margin: 0 0 15px 104px;}
#searchWrap .search{width:500px;text-align:center;height:27px;background:#efede5;margin:2px 0;padding-top:8px;}
/*Tab Style*/
#navcontainer {margin: 0 0 30px 0;padding: 0;height: 18px;}
#navcontainer ul {border: 0;margin: 0;padding: 0;list-style-type: none;text-align: center;}
#navcontainer ul li {display: block;float: left;text-align: center;padding: 0;margin: 0;}
#navcontainer ul li a {background: #fff;width: 130px;height: 18px;border-top: 1px solid #c99e80;border-left: 1px solid #c99e80;border-bottom: 1px solid #c99e80;border-right: none;padding:6px 0 0 0;margin: 0;
color: #666;text-decoration: none;display: block;text-align: center;font-size:11px;}
#navcontainer ul li.width175 a {background: #fff;width: 175px;height: 18px;border-top: 1px solid #c99e80;border-left: 1px solid #c99e80;border-bottom: 1px solid #c99e80;border-right: none;padding:6px 0 0 0;margin: 0;
color: #666;text-decoration: none;display: block;text-align: center;font-size:11px;}
#navcontainer ul li.width175{background: #fff;width: 175px;color: #666;text-decoration: none;display: block;text-align: center;}
#navcontainer ul li.width240 a {background: #fff;width: 240px;height: 18px;border-top: 1px solid #c99e80;border-left: 1px solid #c99e80;border-bottom: 1px solid #c99e80;border-right: none;padding:6px 0 0 0;margin: 0;
color: #666;text-decoration: none;display: block;text-align: center;font-size:11px;}
#navcontainer ul li.width240{background: #fff;width: 240px;color: #666;text-decoration: none;display: block;text-align: center;}
#navcontainer ul li.width280 a {background: #fff;width: 280px;height: 18px;border-top: 1px solid #c99e80;border-left: 1px solid #c99e80;border-bottom: 1px solid #c99e80;border-right: none;padding:6px 0 0 0;margin: 0;
color: #666;text-decoration: none;display: block;text-align: center;font-size:11px;}
#navcontainer ul li.width280{background: #fff;width: 280px;color: #666;text-decoration: none;display: block;text-align: center;}
#navcontainer ul li a:hover {color: #444;background: #f6f4f0;}
#navcontainer a:active {background: #c60;color: #fff;}
#navcontainer li#active a {background: #c60;border: 1px solid #c60;color: #fff;font-size:12px;font-weight:bold;}
#navcontainer2 {margin: 0 0 30px 0;padding: 0;height: 18px;}
#navcontainer2 ul {border: 0;margin: 0;padding: 0;list-style-type: none;text-align: center;}
#navcontainer2 ul li {display: block;float: left;text-align: center;padding: 0;margin: 0;}
#navcontainer2 ul li a {background: #fff;width: 190px;height: 18px;border-top: 1px solid #c99e80;border-left: 1px solid #c99e80;border-bottom: 1px solid #c99e80;border-right: none;padding:6px 0 0 0;margin: 0;
color: #666;text-decoration: none;display: block;text-align: center;font-size:11px;}
#navcontainer2 ul li.width220 a {background: #fff;width: 230px;height: 18px;border-top: 1px solid #c99e80;border-left: 1px solid #c99e80;border-bottom: 1px solid #c99e80;border-right: none;padding:6px 0 0 0;margin: 0;
color: #666;text-decoration: none;display: block;text-align: center;font-size:11px;}
#navcontainer2 ul li.width220{background: #fff;width: 230px;color: #666;text-decoration: none;display: block;text-align: center;}
#navcontainer2 ul li a:hover {color: #444;background: #f6f4f0;}
#navcontainer2 a:active {background: #c60;color: #fff;}
#navcontainer2 li#active a {background: #c60;border: 1px solid #c60;color: #fff;font-size:12px;font-weight:bold;}
#navcontainer3 {margin: 0 0 30px 0;padding: 0;height: 18px;}
#navcontainer3 ul {border: 0;margin: 0;padding: 0;list-style-type: none;text-align: center;}
#navcontainer3 ul li {display: block;float: left;text-align: center;padding: 0;margin: 0;}
#navcontainer3 ul li a {background: #fff;width: 99px;height: 18px;border-top: 1px solid #c99e80;border-left: 1px solid #c99e80;border-bottom: 1px solid #c99e80;border-right: none;padding:6px 0 0 0;margin: 0;
color: #666;text-decoration: none;display: block;text-align: center;font-size:11px;}
#navcontainer3 ul li.width130 a {background: #fff;width: 130px;height: 18px;border-top: 1px solid #c99e80;border-left: 1px solid #c99e80;border-bottom: 1px solid #c99e80;border-right: none;padding:6px 0 0 0;margin: 0;
color: #666;text-decoration: none;display: block;text-align: center;font-size:11px;}
#navcontainer3 ul li.width130{background: #fff;width: 130px;color: #666;text-decoration: none;display: block;text-align: center;}
#navcontainer3 ul li a:hover {color: #444;background: #f6f4f0;}
#navcontainer3 ul li.width170 a {background: #fff;width: 170px;height: 18px;border-top: 1px solid #c99e80;border-left: 1px solid #c99e80;border-bottom: 1px solid #c99e80;border-right: none;padding:6px 0 0 0;margin: 0;
color: #666;text-decoration: none;display: block;text-align: center;font-size:11px;}
#navcontainer3 ul li.width170{background: #fff;width: 170px;color: #666;text-decoration: none;display: block;text-align: center;}
#navcontainer3 ul li a:hover {color: #444;background: #f6f4f0;}
#navcontainer3 a:active {background: #c60;color: #fff;}
#navcontainer3 li#active a {background: #c60;border: 1px solid #c60;color: #fff;font-size:12px;font-weight:bold;}
#navcontainer33 {margin: 0 0 30px 0;padding: 0;height: 18px;}
#navcontainer33 ul {border: 0;margin: 0;padding: 0;list-style-type: none;text-align: center;}
#navcontainer33 ul li {display: block;float: left;text-align: center;padding: 0;margin: 0;}
#navcontainer33 ul li a {background: #fff; width:87px; height: 18px;border-top: 1px solid #c99e80;border-left: 1px solid #c99e80;border-bottom: 1px solid #c99e80;border-right: none;padding:6px 0 0 0;margin: 0;
color: #666;text-decoration: none;display: block;text-align: center;font-size:11px;}
#navcontainer33 ul li.width130 a {background: #fff;width: 130px;height: 18px;border-top: 1px solid #c99e80;border-left: 1px solid #c99e80;border-bottom: 1px solid #c99e80;border-right: none;padding:6px 0 0 0;margin: 0;
color: #666;text-decoration: none;display: block;text-align: center;font-size:11px;}
#navcontainer33 ul li.width110{background: #fff;width: 130px;color: #666;text-decoration: none;display: block;text-align: center;}
#navcontainer33 ul li.width130{background: #fff;width: 130px;color: #666;text-decoration: none;display: block;text-align: center;}
#navcontainer33 ul li a:hover {color: #444;background: #f6f4f0;}
#navcontainer33 ul li.width170 a {background: #fff;width: 170px;height: 18px;border-top: 1px solid #c99e80;border-left: 1px solid #c99e80;border-bottom: 1px solid #c99e80;border-right: none;padding:6px 0 0 0;margin: 0;
color: #666;text-decoration: none;display: block;text-align: center;font-size:11px;}
#navcontainer33 ul li.width170{background: #fff;width: 170px;color: #666;text-decoration: none;display: block;text-align: center;}
#navcontainer33 ul li a:hover {color: #444;background: #f6f4f0;}
#navcontainer33 a:active {background: #c60;color: #fff;}
#navcontainer33 li#active a {background: #c60;border: 1px solid #c60;color: #fff;font-size:12px;font-weight:bold;}
#navcontainer34 {margin: 0 0 30px 0;padding: 0;height: 18px;}
#navcontainer34 ul {border: 0;margin: 0;padding: 0;list-style-type: none;text-align: center;}
#navcontainer34 ul li {display: block;float: left;text-align: center;padding: 0;margin: 0;}
#navcontainer34 ul li a {background: #fff; width:87px; height: 18px;border-top: 1px solid #c99e80;border-left: 1px solid #c99e80;border-bottom: 1px solid #c99e80;border-right: none;padding:6px 0 0 0;margin: 0;
color: #666;text-decoration: none;display: block;text-align: center;font-size:11px;}
#navcontainer34 ul li.width130 a {background: #fff;width: 130px;height: 18px;border-top: 1px solid #c99e80;border-left: 1px solid #c99e80;border-bottom: 1px solid #c99e80;border-right: none;padding:6px 0 0 0;margin: 0;
color: #666;text-decoration: none;display: block;text-align: center;font-size:11px;}
#navcontainer34 ul li.width130{background: #fff;width: 130px;color: #666;text-decoration: none;display: block;text-align: center;}
#navcontainer34 ul li a:hover {color: #444;background: #f6f4f0;}
#navcontainer34 ul li.width170 a {background: #fff;width: 170px;height: 18px;border-top: 1px solid #c99e80;border-left: 1px solid #c99e80;border-bottom: 1px solid #c99e80;border-right: none;padding:6px 0 0 0;margin: 0;
color: #666;text-decoration: none;display: block;text-align: center;font-size:11px;}
#navcontainer34 ul li.width170{background: #fff;width: 170px;color: #666;text-decoration: none;display: block;text-align: center;}
#navcontainer34 ul li a:hover {color: #444;background: #f6f4f0;}
#navcontainer34 a:active {background: #c60;color: #fff;}
#navcontainer34 li#active a {background: #c60;border: 1px solid #c60;color: #fff;font-size:12px;font-weight:bold;}
#navcontainer35 {margin: 0 0 30px 0; padding:0; height:18px;}
#navcontainer35 ul {border:0; margin:0; padding:0; list-style-type:none; text-align:center; }
#navcontainer35 ul li {display:block; float:left; text-align:center; padding:0; margin:0; }
#navcontainer35 ul li a {background:#fff; width:81px; height:18px; border-top:1px solid #c99e80; border-left:1px solid #c99e80; border-bottom:1px solid #c99e80; border-right:none; padding:6px 0 0 0 ;margin:0; color: #666; text-decoration:none; display:block; text-align:center; font-size:11px;}
#navcontainer35 ul li.width130 a {background: #fff;width: 130px;height: 18px;border-top: 1px solid #c99e80;border-left: 1px solid #c99e80;border-bottom: 1px solid #c99e80;border-right: none;padding:6px 0 0 0;margin: 0;
color: #666;text-decoration: none;display: block;text-align: center;font-size:11px;}
#navcontainer35 ul li.width110{background: #fff;width: 130px;color:#666; text-decoration: none;display:block; text-align:center;}
#navcontainer35 ul li.width130{background: #fff;width: 130px;color:#666; text-decoration: none;display:block; text-align:center;}
#navcontainer35 ul li a:hover {color: #444;background: #f6f4f0;}
#navcontainer35 ul li.width170 a {background: #fff;width: 170px;height: 18px;border-top: 1px solid #c99e80;border-left: 1px solid #c99e80;border-bottom: 1px solid #c99e80;border-right: none;padding:6px 0 0 0;margin: 0;
color: #666;text-decoration: none;display: block;text-align: center;font-size:11px;}
#navcontainer35 ul li.width170{background: #fff;width: 170px;color: #666;text-decoration: none;display: block;text-align: center;}
#navcontainer35 ul li a:hover {color: #444;background: #f6f4f0;}
#navcontainer35 a:active {background: #c60;color: #fff;}
#navcontainer35 li#active a {background: #c60;border: 1px solid #c60;color: #fff;font-size:12px;font-weight:bold;}
/*21020913 대사증후군 탭추가*/
#navcontainer36 {margin: 0 0 30px 0;padding: 0;height: 40px;}
#navcontainer36 ul {border: 0;margin: 0;padding: 0;list-style-type: none;text-align: center;}
#navcontainer36 ul li {display: block;float: left;text-align: center;padding: 0;margin: 0;height: 40px;padding:0;}
/*21020913 대사증후군 탭추가 end*/
.navSub {margin: 0 0 7px 0;padding: 0;height: 16px;}
.navSub ul {border: 0;margin: 0;padding: 0;list-style-type: none;text-align: center;}
.navSub ul li {display: block;float: left;text-align: center;padding: 0;margin: 0;}
.navSub ul li a {background: #fff;width: 140px;height: 16px;border-top: 1px solid #e1ad5b;border-left: 1px solid #e1ad5b;border-bottom: 1px solid #e1ad5b;border-right: none;padding:6px 0 0 0;margin: 0;
color: #666;text-decoration: none;display: block;text-align: center;font-size:11px;}
.navSub ul li.width260 a {background: #fff;width: 280px;height: 16px;border-top: 1px solid #c99e80;border-left: 1px solid #c99e80;border-bottom: 1px solid #c99e80;border-right: none;padding:6px 0 0 0;margin: 0;
color: #666;text-decoration: none;display: block;text-align: center;font-size:11px;}
.navSub ul li.width260{background: #fff;width: 280px;color: #666;text-decoration: none;display: block;text-align: center;}
.navSub ul li a:hover {color: #444;background: #f6f4f0;}
.navSub a:active {background: #c60;color: #fff;}
.navSub li#act a {background: #e1bf5b;color: #fff;font-size:12px;font-weight:bold;}
#navTour {margin: 0 0 30px 0;padding: 0;height: 18px;}
#navTour ul {border: 0;margin: 0;padding: 0;list-style-type: none;text-align: center;}
#navTour ul li {display: block;float: left;text-align: center;padding: 0;margin: 0;}
#navTour ul li a {background: #fff;width: 70px;height: 18px;border-top: 1px solid #c99e80;border-left: 1px solid #c99e80;border-bottom: 1px solid #c99e80;border-right: none;padding:6px 0 0 0;margin: 0;
color: #666;text-decoration: none;display: block;text-align: center;font-size:11px;}
#navTour ul li.width130 a {background: #fff;width: 130px;height: 18px;border-top: 1px solid #c99e80;border-left: 1px solid #c99e80;border-bottom: 1px solid #c99e80;border-right: none;padding:6px 0 0 0;margin: 0;
color: #666;text-decoration: none;display: block;text-align: center;font-size:11px;}
#navTour ul li.width130{background: #fff;width: 130px;color: #666;text-decoration: none;display: block;text-align: center;}
#navTour ul li a:hover {color: #444;background: #f6f4f0;}
#navTour a:active {background: #c60;color: #fff;}
#navTour li#active a {background: #c60;border: 1px solid #c60;color: #fff;font-size:12px;font-weight:bold;}
/*Table Style*/
.tableWrap{border-top:3px solid #cb972d;width:707px;padding-bottom:20px;}
.tableWrap table.tableStyle{border-collapse:collapse;}
.tableWrap table th{border:1px solid #cbc6bb;color:#716044;background:#f6f4f0;padding:5px 0 4px 0;}
.tableWrap table td{border:1px solid #cbc6bb;text-align:center;padding:3px 5px;line-height:16px;}
.tableWrap table td.backBg{background:#e3eaf2;}
.tableWrap table td.valignTop{vertical-align:top;}
.tableWrap .tableList{text-align:left;margin-left:22px;line-height:16px;}
.tableWrapL{border-top:3px solid #cb972d;width:707px;padding-bottom:20px;}
.tableWrapL table.tableStyleL{border-collapse:collapse;}
.tableWrapL table th{border:1px solid #cbc6bb;color:#716044;background:#f6f4f0;padding:5px 0 4px 0;}
.tableWrapL table td{border:1px solid #cbc6bb;text-align:left;padding:3px 5px;line-height:16px;}
.tableWrapL table td.valignTop{vertical-align:top;}
.tableWrapL .tableList{text-align:left;margin-left:22px;line-height:16px;}*
.tableWrap330{border-top:3px solid #cb972d;width:330px;padding-bottom:20px;}
.tableWrap330 table.tableStyle{border-collapse:collapse;}
.tableWrap330 table th{border:1px solid #cbc6bb;color:#716044;background:#f6f4f0;height:27px;}
.tableWrap330 table td{border:1px solid #cbc6bb;text-align:center;padding:3px;line-height:16px;}
.tableWrap330 table td.valignTop{vertical-align:top;}
.tableWrap330 .tableList{text-align:left;margin-left:22px;line-height:16px;}
/*Faq Style*/
#faqWrap{width:707px;border-top:3px solid #cb972d;border-bottom:2px solid #efede5;}
#faqWrap .q{border-bottom:1px solid #efede5;padding:8px 7px 8px 35px;background:url(/images/info/iconQ.gif) no-repeat scroll 7px 3px;}
#faqWrap .a{border-bottom:1px solid #efede5;padding:8px 7px 8px 35px;background:url(/images/info/iconA.gif) no-repeat scroll 7px 3px #f6f4f0;line-height:18px;color:#716044;}
/*Gallery Style*/
#gallery{width:682px;border-top:3px solid #cb972d;border-bottom:2px solid #efede5;padding:15px 0 0 15px;margin-bottom:15px;}
#gallery .gFrame{float:left;margin:0 0 15px 10px;width:150px;text-align:center;}
#gallery .gFrame img{border:3px solid #efede5;}
#gallery .gFrame p{font:11px;letter-spacing:-0.05em;text-align:center;padding-top:10px;}
/*Contents Style*/
#contents h3{background: url(/images/common/icon01.gif) no-repeat scroll left top;font-size:13px;color:#444;padding:0 0 10px 20px;letter-spacing:-0.05em;}
#contents p.h3p{padding:0 0 15px 21px;line-height:16px;}
#contents p.h3p5{padding:15px 0 2px 11px;line-height:20px;font-weight:bold; color:#F00;}
#contents p.h3p333{padding:0 0 0 31px;line-height:16px;line-height:16px;}
#contents p.h3p33{padding:0 0 5px 0;line-height:16px;line-height:16px;}
#contents p.h3p3{padding:10px 0 10px 21px;line-height:16px;}
#contents p.h3p2{padding:0 0 0 20px;line-height:16px;}
#contents p.h4p{padding:0 0 0 35px;line-height:16px;}
#contents ul.subwayUl{list-style:none;background:url(/images/center/img10_bg.gif) no-repeat 35px top;width:459px; height:103px;padding:0 0 0 150px;line-height:16px;}
#contents ul.subwayUl li{display:inline;padding-right:35px;}
#contents p.h4p2{padding:0 0 10px 35px;line-height:16px;}
#contents p.h4p3{padding:0 0 10px 35px;line-height:16px;background: url(/images/common/icon02.gif) no-repeat scroll 20px 2px;}
#contents ul.iconList{padding-bottom:10px;}
#contents ul.iconList li{list-style:none;background: url(/images/common/icon03.gif) no-repeat scroll 33px 2px;padding-left:43px;line-height:18px;}
#contents ul.iconList2{padding-bottom:10px;padding-top:20px;}
#contents ul.iconList2 li{list-style:none;background: url(/images/common/icon03.gif) no-repeat scroll 10px 6px;padding-left:20px;line-height:20px;}
/*Contents Style 120319 아이콘리스트에서 아이콘 빠진것*/
#contents ul.iconList3{padding-bottom:10px; background:none;}
#contents ul.iconList3 li{list-style:none;background:none;padding-left:43px;line-height:18px;}
#contents ul.iconList3 li ul li{list-style:none;clear:both;line-height:18px;padding-left:20px;}
#contents ul li.iconNone{list-style:none; background:none;color:#fe762f;padding:5px 0 5px 40px;margin:0;}
#contents ul li.iconNone2{list-style:none; background:none;padding-left:83px;}
#contents ul li.iconNone3{ist-style:none; background:none; margin-left:-15px;}
#contents h4{background: url(/images/common/icon02.gif) no-repeat scroll 20px top;font-size:12px;color:#666;padding:0 0 10px 35px;margin-top:10px;letter-spacing:-0.05em;}
#contents p.iconNote{padding:0 0 8px 35px;background: url(/images/common/icon04.gif) no-repeat scroll 5px 12px;color:#fe762f;padding-top:15px;font-weight:bold;}
.inline{margin-bottom:20px;}
.inline li{list-style:none;display:inline;padding-left:15px;}
.inline2{margin-bottom:20px;padding-left:15px;}
.inline2 li{list-style:none;display:inline;}
.inline3{margin-bottom:20px;padding-left:15px;}
.inline3 li{list-style:none;}
.inline3 dt{list-style:none;margin-bottom:20px;margin-top:10px;}
.inline3 dd{list-style:none;}
.boxWrap{border-top:1px solid #cbc6bb;border-left:1px solid #cbc6bb;border-right:2px solid #cbc6bb;width:550px;border-bottom:2px solid #cbc6bb;margin:10px 0 10px 23px;}
.boxWrap ul.boxList{padding:10px 0;}
.boxWrap ul.boxList li{list-style:none;background: url(/images/common/icon03.gif) no-repeat scroll 25px 2px;padding-left:35px;line-height:18px;}
.boxWrap650{border:7px solid #f5f4f4;width:650px;margin-bottom:20px;padding:10px 10px 15px 30px;line-height:18px;}
.boxWrap400{border:7px solid #f5f4f4;width:400px;margin-bottom:20px;padding:10px 10px 10px 35px;line-height:18px;}
.ulStyleNone{list-style:none;margin-bottom:15px;}
.boxWrapDown{border:7px solid #f5f4f4;width:690px;text-align:center;padding:15px 0;margin-bottom:15px;}
.boxWrapDown img{margin:0 15px;}
.boxWrapDown2{border:7px solid #f5f4f4;width:690px;padding:15px 0;margin-bottom:15px;}
.boxWrapDown2 p{text-align:center}
/*new보건소소개*/
.listTit { background:#f6f6f6; border:2px solid #CC6600; width:680px; height:15px; padding:10px; margin-bottom:10px; vertical-align:middle;}
.listTit .Tt { float:left; width:680px; font-size:13px; font-weight:bold; height:15px; }
.listTit .Tt li { list-style:none; }
.listTit .Tt span { font-style:normal; font-size:13px; font-weight:bold; color:#934900; padding-left:15px; background: url(/images/common/icon05.gif) no-repeat 8px 5px; }
.Clist{ width:325px; border:2px solid #d7d3c7; padding:3px; height:110px; margin-bottom:10px; }
.sysWrap ul.Ttext{float:left; width:320px; padding-top:5px;}
.sysWrap ul.Ttext li {list-style:none; padding-left:25px; line-height:20px; background:url(/images/common/icon06.gif) no-repeat 15px 5px; }
.Clist1{ width:330px; border:2px solid #e3ccbc; padding:3px; height:110px; margin-bottom:10px; }
.sysWrap ul.Ttext1{float:left; width:320px; padding-top:5px;}
.sysWrap ul.Ttext1 li {list-style:none; padding-left:25px; line-height:20px; background:url(/images/common/icon06.gif) no-repeat 15px 5px; }
.Clist2{ width:325px; border:2px solid #d7d3c7; padding:3px; height:90px; margin-bottom:10px; }
.sysWrap ul.Ttext2{float:left; width:320px; padding-top:5px;}
.sysWrap ul.Ttext2 li {list-style:none; padding-left:25px; line-height:20px; background:url(/images/common/icon06.gif) no-repeat 15px 5px; }
.Clist3{ width:330px; border:2px solid #e3ccbc; padding:3px; height:90px; margin-bottom:10px; }
.sysWrap ul.Ttext3{float:left; width:320px; padding-top:5px;}
.sysWrap ul.Ttext3 li {list-style:none; padding-left:25px; line-height:20px; background:url(/images/common/icon06.gif) no-repeat 15px 5px; }
.Clist4{ width:325px; border:2px solid #d7d3c7; padding:3px; height:75px; margin-bottom:10px; }
.sysWrap ul.Ttext4{float:left; width:320px; padding-top:10px;}
.sysWrap ul.Ttext4 li {list-style:none; padding-left:25px; line-height:20px; background:url(/images/common/icon06.gif) no-repeat 15px 5px; }
.Clist5{ width:330px; border:2px solid #e3ccbc; padding:3px; height:75px; margin-bottom:10px; }
.sysWrap ul.Ttext5{float:left; width:320px; padding-top:10px;}
.sysWrap ul.Ttext5 li {list-style:none; padding-left:25px; line-height:20px; background:url(/images/common/icon06.gif) no-repeat 15px 5px; }
.Clist6{ width:325px; border:2px solid #d7d3c7; padding:3px; height:130px; margin-bottom:10px; }
.sysWrap ul.Ttext{float:left; width:320px; padding-top:5px;}
.sysWrap ul.Ttext li {list-style:none; padding-left:25px; line-height:20px; background:url(/images/common/icon06.gif) no-repeat 15px 5px; }
.Clist7{ width:330px; border:2px solid #e3ccbc; padding:3px; height:130px; margin-bottom:10px; }
.sysWrap ul.Ttext1{float:left; width:320px; padding-top:5px;}
.sysWrap ul.Ttext1 li {list-style:none; padding-left:25px; line-height:20px; background:url(/images/common/icon06.gif) no-repeat 15px 5px; }
.blackB { color:#000000; font-weight:bold; }
.Ttext em { font-style:normal; font-weight:bold ;color:#8c613f; }
.Ttext1 em {font-style:normal; font-weight:bold; color:#b95411;}
.Ttext2 em { font-style:normal; font-weight:bold ;color:#8c613f; }
.Ttext3 em {font-style:normal; font-weight:bold; color:#b95411;}
.Ttext4 em { font-style:normal; font-weight:bold ;color:#8c613f; }
.Ttext5 em {font-style:normal; font-weight:bold; color:#b95411;}
/*보건소소개*/
#centerWrap{margin-left:10px;}
#center{float:left;width:180px;padding:30px 0 0 15px;}
#centerText{float:left;width:445px;padding:30px 0 0 0;}
#centerText p{padding-bottom:5px;letter-spacing:-0.03em;}
#centerText p.pdB10{padding-bottom:15px;}
#center2{float:left;width:155px;padding:50px 0 0 30px;}
#centerText2{float:left;width:445px;padding:30px 0 0 10px;margin-bottom:20px;}
#centerText2 p{padding-bottom:5px;letter-spacing:-0.03em;}
#centerText2 p.pdB10{padding-bottom:15px;}
#centerWrap .pdTr{padding:15px 50px 10px 0;}
#sysTable{background:url(/images/center/img07_05.gif) left 61px no-repeat;width:650px;height:570px;margin-left:45px;}
#sysTable li{list-style:none;}
#sysTable .sysSongpa{padding-left:211px;}
#sysTable .system1{float:left; width:160px; margin-top:44px; margin-left:0; margin-right:0; }
#sysTable .system2{float:left;width:160px;margin:24px 0 0 0;padding:0 0 0 0px;}
#sysTable1{background:url(/images/office/img07_05.gif) left 61px no-repeat;width:650px;height:570px;margin-left:45px; }
#sysTable1 li{list-style:none;}
#sysTable1 .sysSongpa{padding-left:211px; }
#sysTable1 .system1{margin-top:44px; margin-left:0; margin-right:0; text-align:center; }
#sysTable1 .system2{float:left;width:160px;margin:24px 0 0 0;padding:0 0 0 0px;}
.officeList1{width:650px;height:600px;margin-left:45px; }
.sysBorder{width:330px;border:2px solid #d7d3c7;padding:3px;height:98px;margin-bottom:10px;}
.sysWrap{float:left;margin:0 0 10px 10px;}
.sysWrap .sysPic{float:left;width:75px;}
.sysWrap .sysPic img{border:2px solid #dbd2b2;}
.sysWrap ul.sysText{float:left;width:250px;padding-top:10px;}
.sysWrap ul.sysText li{list-style:none;background: url(/images/common/icon05.gif) no-repeat scroll 10px 4px;padding-left:20px;line-height:18px;}
.sysWrap ul.sysText1{float:left;width:250px; padding-top:3px;}
.sysWrap ul.sysText1 li{list-style:none;background: url(/images/common/icon05.gif) no-repeat scroll 10px 4px;padding-left:20px;line-height:16px;}
#dlTagWrap{background:url(/images/center/img04Bg.gif) right top no-repeat;width:707px;height:400px;padding-top:20px;}
#dlTagWrap dl.dlTag{margin-left:15px;}
#dlTagWrap dl.dlTag dt{float:left;width:130px;clear:both;padding-bottom:15px;}
#dlTagWrap dl.dlTag dd{float:left;vertical-align:middle;padding-top:3px;width:547px;line-height:16px;}
/*사업안내*/
#lineWrap{width:500px;border:7px solid #f5f4f4;margin: 10px;padding: 10px 20px;height:250px;text-align:center;}
#lineWrap ul.busBner{float:left;width:245px;}
#lineWrap ul.busBner li{margin: 5px 10px;list-style:none;}
/*민원안내*/
.pic{border-top:1px solid #cbc6bb;border-left:1px solid #cbc6bb;border-right:2px solid #cbc6bb;width:550px;border-bottom:2px solid #cbc6bb;text-align:center;margin:10px 0 25px 0;}
.pic p{text-align:center;}
/*식품공중위생*/
.foodBner{float:left;width:230px;margin: 10px 0 20px 15px;}
.foodBner li{margin: 5px 0;list-style:none;}
.iconfood{padding-bottom:10px;}
.iconfood li{list-style:none;background: url(/images/common/icon02.gif) no-repeat scroll 33px 4px;padding:0 0 7px 50px;line-height:18px;}
.iconfood ul.foodList{padding:5px 0 10px 0;}
.iconfood ul.foodList li{list-style:none;background: url(/images/common/icon03.gif) no-repeat scroll 3px 4px;padding-left:13px;line-height:18px;}
/*정보광장*/
.infoBner{float:left;width:200px;margin: 0 0 20px 15px;}
.infoBner li{margin: 5px 0;list-style:none;}
.infoBner1{float:left;width:120px;margin: 0 0 20px 15px;}
.infoBner1 li{margin: 5px 0;list-style:none;}
.infoConWrap{width:200px;margin: 0 0 20px 15px;float:left;}
.infoCon img{padding:0 0 5px 0;}
.boxClean{border:7px solid #f5f4f4;width:650px;margin:10px 0 20px 0;padding:10px;line-height:18px;}
.boxH1n1{border:5px solid #f5f4f4;padding:10px;width:500px;text-align:center;margin:0 auto 20px auto;}
.boxH1n1 p{text-align:center;}
/*사이트맵*/
.sitemap{width:160px;padding: 0 0 15px 0;}
.sitemap ul{padding-top:10px;}
.sitemap ul li{list-style:none;background: url(/images/common/icon03.gif) no-repeat scroll 7px 7px;padding:2px 0 0 17px;line-height:22px;border-bottom:1px solid #e4e4e4;letter-spacing:-0.05em;}
.sitemapL{float:left;width:175px;}
-----------------------------------------------------------------------------------------------------------------
불러오는 문서에 넣기
<head>
<link rel="stylesheet" type="text/css" href="/css/style1.css" />
</head>
출생 | 1개월 | 2개월 | 4개월 | 6개월 | 12개월 | 15개월 | 18개월 | 24개월 | 36개월 | 4~6세 | 12세 | |
---|---|---|---|---|---|---|---|---|---|---|---|---|
BCG | 1차 | |||||||||||
B형간염 | 1차 | 2차 | 3차 | |||||||||
DTap | 1차 | 2차 | 3차 | 추가1차 | 추가2차 | 추가Td | ||||||
소아마비 | 1차 | 2차 | 3차 | 추가1차 | ||||||||
MMR | 1차 | 2차 | ||||||||||
일본뇌염 | 1, 2차 | 3차 | 추가1차 | 추가2차 | ||||||||
수두 | 1차 |
'html 드림위버' 카테고리의 다른 글
이미지맵에 링크표시 없애기/ 선없애기 (0) | 2012.11.05 |
---|---|
배경 css (0) | 2012.11.02 |
폰트에 css주는법 html/css (0) | 2012.11.01 |
css 테이블 - 2 (0) | 2012.10.24 |
css 테이블 (0) | 2012.10.24 |