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; } /* »çÀÌÆ® ¸Ê */