본문 바로가기

html 드림위버

기본 css/style.css----웹표준 css

기본 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차

style.css

'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