html {
height:100%;
margin: 0;
}
body {
height:100%;
margin: 0;
background: #FFFFFF;
}
img {
border:0;
margin: 0px 0px 0px 0px;
}
body, div, tr, td, input, a, select {
font-family: "±¼¸²";
font-weight: normal;
color:#737373;
font-size: 9pt;
line-height:18px;
}
select, input {
vertical-align: middle;
}
select {
font-size: 8pt;
}
input.textType {
background: #FFFFFF;
color: #3899B4;
border: 1px solid #90CE80;
height: 16px;
}
a {
color: #737373;
text-decoration: none;
}
a:link {
color: #737373;
text-decoration: none;
}
a:visited {
color:#737373;
text-decoration: none;
}
a:hover {
color: #5FA101;
text-decoration: underline;
}
/*¸ÞÀÎÆäÀÌÁö ŸÀÔ*/
#mainDiv{
width: 100%;
height: 100%;
background: url("/images/mainBg.gif") 0px 0px repeat-x;
}
#mainTop{
width: 900px;
height: 380px;
margin: 0px 0px 10px 0px;
}
#mainTop #mTopbgflv{
float: left;
width: 900px;
height: 205px;
}
#Level {
overflow: hidden;
}
#Topbg{
overflow: hidden;
}
#mainContent {
width: 900px;
height: 120px;
padding: 0px 0px 30px 0px;
margin: 0px 0px 0px 0px;
}
#mainContent #mainNotice{
float: left;
width: 280px;
height: 120px;
padding: 0px 0px 0px 40px;
margin: 0px 0px 0px 0px;
}
/*°øÁö»çÇ×*/
#mainNotice ul.noticeList{
height:21px;
list-style:none;
margin:0;
padding:0;
}
#mainNotice ul.noticeList li{
float:left;
margin:0;
padding:0;
text-align:left;
}
ul.title1st {
clear:both;
width:280px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style: none;
}
div.MainNotice{
margin: 0px 0px 0px 0px;
padding: 15px 0px 0px 0px;
}
div.MainNotice ul.title1st li {
text-align: left;
width: auto;
font-family: dotum;
font-size: 11px;
margin: -2px 0px 0px 0px;
padding: 0px 3px 0px 9px;
background: transparent url("/images/bullet01.gif") 2px 1px no-repeat;
}
div.MainNotice ul.title1st li a {
font-family: dotum;
font-size: 11px;
}
div.MainNotice ul.title1st li.point {
color: #e0226f;
}
div.MainNotice ul.title1st li.point a {
color: #e0226f;
}
div.Data{
margin: 0px 0px 0px 0px;
padding: 15px 0px 0px 0px;
}
div.Data ul.title1st li {
text-align: left;
width: auto;
font-family: dotum;
font-size: 11px;
margin: -2px 0px 0px 0px;
padding: 0px 3px 0px 9px;
background: transparent url("/images/bullet01.gif") 2px 1px no-repeat;
}
div.Data ul.title1st li a {
font-family: dotum;
font-size: 11px;
}
div.Data ul.title1st li.point {
color: #e0226f;
}
div.Data ul.title1st li.point a {
color: #e0226f;
}
/*°øÁö»çÇ×*/
#mainContent #mainInfo{
float: left;
width: 302px;
height: 120px;
padding: 0px 0px 0px 30px;
margin: 0px 0px 0px 0px;
}
#mainContent #mainQmenu{
float: left;
width: 220px;
height: 120px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 20px;
}
#mainQmenu #QmenuTop{
width: 220px;
height: 12px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#mainQmenu #QmenuMiddle{
width: 220px;
height: 43px;
margin: 0px 0px 0px 0px;
padding: 12px 0px 8px 0px;
}
#QmenuMiddle #QMleft01{
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 8px 0px 0px;
}
#QmenuMiddle #QMleft02{
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#mainQmenu #QmenuBtm{
width: 220px;
height: 43px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#QmenuBtm #QBleft01{
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 8px 0px 0px;
}
#QmenuBtm #QBleft02{
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
/*¸ÞÀÎÆäÀÌÁö ŸÀÔ*/
/*¼ºêÆäÀÌÁö ŸÀÔ*/
#subDiv{
width: 100%;
height: 100%;
background: url("/images/subTop_bg1.jpg") 0px 0px repeat-x;
}
#subTop{
width: 900px;
height: 205px;
background: url("/images/subTop_bg.jpg") 0px 0px no-repeat;
}
#level {
overflow: hidden;
}
#subTop #topbgflv01{
float: left;
width: 900px;
height: 205px;
}
#topbg01 {
overflow: hidden;
}
#topNav {
width: 900px;
height: 110px;
overflow: hidden;
}
#subContent {
width: 900px;
height: auto;
min-height: 620px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
#subContent #leftDiv {
float: left;
width: 200px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
#subContent #leftDiv #leftMenuDiv {
width: 160px;
height: 650px;
padding: 20px 0px 0px 40px;
margin: 0px 0px 0px 0px;
}
#subContent #contents {
float: right;
width: 700px;
min-height: 620px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
#subContent #contents #lineMap{
float: left;
width: 700px;
min-height: 60px;
height: 60px;
padding: 0px 0px 0px 0px;
margin:0px 0px 0px 0px;
background: url("/images/lineMap_bg.gif") 50px 50px no-repeat;
}
#subContent #contents #lineMap #title{
float: left;
padding: 0px 0px 0px 50px;
margin: 30px 0px 0px 0px;
}
#subContent #contents #lineMap #linetitle{
min-height: 25px;
text-align: right;
text-valign: bottom;
font-family: dotum;
font-size: 11px;
color: #888888;
padding: 3px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
#subContent #contents #lineMap #linetitle em.em1{
font-family: dotum;
font-style: normal;
font-size: 11px;
color: #000000;
}
#subContent #contents #lineMap #linetitle em.em2{
font-family: dotum;
font-style: normal;
font-size: 11px;
font-weight: bold;
color: #888888;
}
#subContent #contents #contentsBody {
float: left;
display: inline;
width: 650px;
min-height: 560px;
padding: 0px 0px 0px 0px;
margin: 30px 0px 30px 50px;
color: #546642;
}
#copyright {
float: left;
width: 900px;
min-height: 115px;
height: 115px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background: url("/images/copyright_bg.gif") 0px 0px no-repeat;
}
#copyrightDiv {
width: 900px;
min-height: 43px;
height: 43px;
padding: 40px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
#copyrightDiv #copy {
float: left;
padding: 0px 0px 0px 50px;
margin: 0px 0px 0px 0px;
}
#copyrightDiv #sMenu01 {
float: left;
padding: 3px 0px 0px 20px;
margin: 0px 0px 0px 0px;
}
#copyrightDiv #sMenu02 {
float: left;
padding: 3px 0px 0px 14px;
margin: 0px 0px 0px 0px;
}
#copyrightDiv #sMenu03 {
float: left;
padding: 3px 0px 0px 10px;
margin: 0px 0px 0px 0px;
}
#copyrightDiv #sMenu04 {
float: left;
padding: 3px 0px 0px 10px;
margin: 0px 0px 0px 0px;
}
#copyrightDiv #sMenu05 {
float: left;
padding: 3px 0px 0px 10px;
margin: 0px 0px 0px 0px;
}
p {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
text-align: justify;
line-height: 170%;
}
p.top1 {
margin: 20px 0px 0px 0px;
}
p.top2 {
margin: 20px 0px 0px 0px;
}
p.btm1 {
margin: 0px 0px 50px 0px;
}
p.btm2 {
margin: 0px 0px 10px 0px;
}
p.btm3 {
margin: 0px 0px 25px 0px;
}
p.btm4 {
margin: 0px 0px 30px 0px;
}
p.btm5 {
margin: 0px 0px 20px 0px;
}
p.btm6 {
margin: 0px 0px 35px 0px;
}
p img.left {
float: left;
}
p img.right {
float: right;
}
/*¼ºêÆäÀÌÁö ŸÀÔ*/
/*Å¿µ±×·ì ¼³Á¤*/
div.Mtop{
float: left;
display:inline;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
width:650px;
height:25px;
line-height:0px;
background: url("/teayoung/images/Mtop.gif") 0px 0px no-repeat;
}
div.Mmid{
float: left;
display:inline;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
width:650px;
height:auto;
background: url("/teayoung/images/Mmid.gif") 0px 0px no-repeat;
}
div.Mmid div.title{
float: left;
display: inline;
margin:0px 30px 0px 30px;
padding:0px 0px 0px 0px;
width:590px;
height:45px;
}
div.Mmid div.title div.Aleft{
float: left;
margin:0px 20px 0px 0px;
padding:0px 0px 0px 0px;
}
div.Mmid div.title div.Aright{
float: left;
margin:0px 0px 0px 0px;
padding:6px 0px 0px 0px;
}
div.Mmid div.title div.Aright a:hover{
color: #941145;
text-decoration: underline;
}
div.Mmid div.Mcont{
float: left;
display: inline;
margin:0px 30px 0px 30px;
padding:0px 0px 0px 0px;
width:590px;
}
div.img{
float: left;
margin:0px 30px 0px 0px;
padding:0px 0px 0px 0px;
}
div.txt{
float: left;
width: 370px;
margin:0px 0px 0px 0px;
padding: 0px 0px 10px 0px;
font-family: "dotum";
color:#737373;
font-size: 9pt;
line-height:17px;
text-align: justify;
}
div.Mmid ul.txt1 a:hover{
color: #941145;
text-decoration: underline;
}
div.Mbtm{
float: left;
display:inline;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
width:650px;
height:25px;
line-height:0px;
background: transparent url("/teayoung/images/Mbtm.gif") 0px 0px no-repeat;
}
div.Mbtm01{
margin:0px 0px 0px 0px;
padding:0px 0px 35px 0px;
}
div.Mmid ul{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
float: left;
list-style:none;
}
div.Mmid ul.txt1 li{
margin:0px 0px 0px 0px;
padding:6px 0px 3px 17px;
height:15px;
font-size:12px;
line-height:15px;
text-align: left;
background: transparent url("/teayoung/images/bullet01.gif") 0px 6px no-repeat;
}
/*Å¿µ±×·ì ¼³Á¤*/
/*±âº» Å×ÀÌºí ¼³Á¤*/
table caption {
visibility:hidden;
line-height:0%;
}
table.default {
width: 650px;
border-collapse: collapse;
}
table.Mbtm01 {
margin: 0px 0px 25px 0px;
}
table.Mbtm02 {
margin: 0px 0px 40px 0px;
}
table.default thead th {
color: #06787f;
padding: 8px 0px 4px 0px;
border-top : 1px solid #5fbab9;
border-right: 1px solid #6fbfba;
border-bottom: 1px solid #6fbfba;
background: #e0f2e7;
}
table.default thead th.title01 {
color: #06787f;
padding: 16px 0px 10px 0px;
border-top : 2px solid #5fbab9;
border-right: 1px solid #6fbfba;
border-bottom: 1px solid #6fbfba;
background: #e0f2e7;
}
table.default thead th.lastCell {
color: #06787f;
border-right: 1px solid #d9ede0;
}
table.default tbody td {
text-align: center;
padding: 8px 0px 4px 0px;
border-right: 1px solid #bbe6d5;
border-bottom: 1px solid #bbe6d5;
}
table.default tbody td.lastCell {
border-right: 0px;
}
table.default tbody td.point01 {
font-style: normal;
font-size: 12px;
font-weight: bold;
color: #666666;
}
table.default tbody td.left01 {
text-align: left;
}
table.default tbody span.padding {
text-align: left;
padding: 0px 0px 0px 5px;
line-height: 20px;
}
table.default tbody span.padding01 {
padding: 8px 0px 4px 40px;
color: #666666;
font-style: normal;
font-size: 12px;
font-weight: bold;
}
table.default tbody td.left02 {
padding: 8px 0px 4px 40px;
color: #666666;
font-style: normal;
font-size: 12px;
font-weight: bold;
background: #f0fbe5;
}
table.default tbody td.Bg01 {
background: #f0fbe5;
}
table.default tbody tr.Bg01 {
background: #f0fbe5;
}
table.default tbody tr.Bg02 {
background: #f7f9f7;
}
table.default tbody td.lastBtm {
padding: 8px 0px 4px 0px;
border-bottom: 1px solid #5fbab9;
}
table.default tbody td.lastCell {
padding: 8px 0px 4px 0px;
border-right: 1px solid #ffffff;
}
/*±âº» Å×ÀÌºí ¼³Á¤*/
/* °Ë»ö¶õ */
#searchField {
width:650px;
height:40px;
}
#searchField div.dleft {
float:left;
margin-top:5px;
}
#searchField div.dright {
float:right;
}
/* °Ô½ÃÆÇ Å×À̺í ÀϹÝÇü */
#boardList {
width:650px;
height:auto;
}
#boardList th {
height:24px;
text-align:center;
background:url('/community/images/bg.gif') -4px 0px no-repeat;
padding:3px 0px 0px 0px;
}
#boardList th.firstLine {
background:url('/community/images/bg.gif') 0px 0px no-repeat;
}
#boardList th.lastLine {
background:url('/community/images/bg.gif') 100% 0px no-repeat;
}
#boardList td {
height:24px;
text-align:center;
padding:3px 0px 0px 0px;
border-bottom:1px solid #d5d5d5;
}
#boardList td.dleft {
width:292px;
text-align:left;
}
#boardView {
width:650px;
height:auto;
}
#boardView th {
text-align:center;
width:120px;
height:24px;
padding:3px 0px 0px 0px;
background-color:#F5F5F5;
border:1px solid #d5d5d5;
}
#boardView td {
width:214px;
padding:3px 0px 0px 10px;
border:1px solid #d5d5d5;
}
#boardView td.contents {
width:630px;
height:150px;
padding:10px;
vertical-align:top;
border-left:none;
border-right:none;
}
#boardView td.preAndNext {
height:24px;
}
/* °Ô½ÃÆÇ Å×À̺í ÀϹÝÇü */
/* °Ô½ÃÆÇ Å×ÀÌºí °¶·¯¸®Çü */
#galleryList {
width:650px;
height:auto;
}
#galleryList th {
height:24px;
text-align:center;
background:url('/community/images/bg.gif') -4px 0px no-repeat;
padding:3px 0px 0px 0px;
}
#galleryList th.firstLine {
background:url('/community/images/bg.gif') 0px 0px no-repeat;
}
#galleryList th.lastLine {
background:url('/community/images/bg.gif') 100% 0px no-repeat;
}
#galleryList td {
text-align:center;
padding:3px 0px 0px 0px;
border-bottom:1px solid #d5d5d5;
}
#galleryList td.images {
padding:1px 1px 1px 1px;
}
#galleryList td.subject {
padding:3px 0px 0px 10px;
vertical-align:top;
text-align:left;
}
#galleryView {
width:650px;
height:auto;
}
#galleryView th {
text-align:center;
width:100px;
height:24px;
background-color: #F5F5F5;
border:1px solid #d5d5d5;
padding:3px 0px 0px 0px;
}
#galleryView td {
width:220px;
height:24px;
border:1px solid #d5d5d5;
border-top: none;
padding:3px 0px 0px 10px;
}
#galleryView td.firstLine {
border:1px solid #d5d5d5;
}
#galleryView td.contents {
height:150px;
padding:10px 10px 10px 10px;
vertical-align:top;
border-left:none;
border-right:none;
}
/* °Ô½ÃÆÇ Å×ÀÌºí °¶·¯¸®Çü */
/* ȸ»ç¼Ò°³ °³¿ä ¹× ÇöȲ ÅÇ*/
#Tab01 {
width:650px;
margin:0px 0px 0px 0px;
padding:0px 0px 30px 0px;
}
#Tab01 ul.list{
height:27px;
list-style:none;
margin:0;
padding:0;
}
#Tab01 ul.list li{
float:left;
margin:0;
padding:0;
text-align:left;
}
/* ȸ»ç¼Ò°³ °³¿ä ¹× ÇöȲ ÅÇ*/
/* ÅÊÅ©Å͹̳Π½Ã¼³¾È³» */
#Tab02 {
width:650px;
margin:0px 0px 0px 0px;
padding:0px 0px 30px 0px;
}
#Tab02 ul.list{
height:27px;
list-style:none;
margin:0;
padding:0;
}
#Tab02 ul.list li{
float:left;
margin:0;
padding:0;
text-align:left;
}
/* ÅÊÅ©Å͹̳Π½Ã¼³¾È³» */
/* »çÀÌÆ® ¸Ê */
.SitemapGab{
float:left;
margin:0px 0px 0px 0px;
padding:0px 0px 60px 0px;
}
.Sitemap00{
float:left;
width:203px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.Sitemap01{
float:left;
width:203px;
margin:0px 20px 0px 0px;
padding:0px 0px 0px 0px;
}
.Sitemap02{
float:left;
width:203px;
margin:0px 21px 0px 0px;
padding:0px 0px 0px 0px;
}
ul.sitemap{
list-style:none;
margin:0;
padding:0;
}
ul.sitemap li{
margin:0;
padding:0;
}
ul.sitemap li img{
float:left;
}
/* »çÀÌÆ® ¸Ê */