/*============================================================================== / created by: Kang, Mun Bok (mb@hostsmb.com, www.penguinsoft.co.kr) / optimized for : www.dezignercms.com, easy and professional content management / copyright: penguinsoft co., ltd. Korea / date modified : 2009/04/08 / date created: 2008/08/25 / template code : relay3 / license : Commercial license, 상업용 라이센스로 무단복제를 금합니다. / 본 템플릿은 스마트홈페이지, 그린홈페이지 에 최적화 되어 있으며, 하나의 도메인에만 / 사용되는 라이센스이며 복수 라이센스는 펭귄소프트(주)로 문의 바랍니다. / 문의처 : www.penguinsoft.co.kr www.dezignerCMS.com / credits: please see credit.txt for details ==============================================================================*/ /** ------------------------------------------------------------------------- common features import, @ import should be always come first -----------------------------------------------------------------------------*/ /* @import url(http://client.dezignercms.com/designer/css/common.css */ /** -------------------------------------------------------------------------- body & container ------------------------------------------------------------------------------*/ body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol, li, dl, dt, dd, form, a, fieldset, input, th, td {margin: 0; padding: 0; border: 0; outline: none} /** ------------------------------------------------------------------------- body area for overall properties,body_bg4.jpg -----------------------------------------------------------------------------*/ body {margin:0; padding:0; background:#fff url(../images/body/) no-repeat right 227px ; font: 0.85em/1.3em 돋음, Dotum, Baekmuk Dotum, Undotum, Helvetica, Arial; color:#000; border-top: 0.5em solid #0041c0} .clear {clear: both} a {color:#000; text-decoration:none} a:hover {color:#334B77; text-decoration:underline} /* bullets and numbers ------------------------------------------------------------------------*/ h1 { margin:0 0 20px 0; padding:20px 0 0 0; color:#4D9900 } h2 { margin:0 0 10px 0; padding:10px 0 0 0; font-size:1.0em; font-weight:bolder } h3 { margin:0 0 10px 0; padding:10px 0 0 0 } /* images related ------------------------------------------------------------------------*/ img.normal {clear:both; max-width:640px; margin:5px 0; padding:5px; border:3px solid #ddd; background:#fff} img.left {float:left; margin:0 20px 10px 0;padding:5px; border:3px solid #ddd; background:#fff ; clear:both} img.right {float:right; margin:0 0 10px 10px;padding:5px; border:3px solid #ddd; background:#fff; clear:both } /* bullets and numbers ------------------------------------------------------------------------*/ ul li {list-style-image: url(../images/bullet/bullets_74.gif); margin:0 0 0 25px; text-indent: 7px } ol li {margin:0 0 10px 20px; text-indent: 10px } /** ------------------------------------------------------------------------- alignment of content area, left, center or right -----------------------------------------------------------------------------*/ #container-body {width:900px; margin:0 auto;float:none} #skipnav {display:none } /** ------------------------------------------------------------------------- north area -----------------------------------------------------------------------------*/ #north {float:none; margin:0; clear:both } #north-west { float:left; width:170px; } img#logo {float:left ;border:0;} #north-east {float: right; margin:0 0 10px 0 } ul#menutop { float: right; list-style-type: none; margin: 0 0 10px 0 } ul#menutop li { display: block; float: left; font-size: 1em; margin:0; padding:0; list-style-image:none;} ul#menutop li a { display: block; margin:0; padding:30px 13px 17px 13px; text-decoration: none; color: #666; border-left: 1px solid #eee; cursor: pointer } ul#menutop li a:hover {display: block; background: #8dc63f; color: #fff; margin: 0; padding:30px 13px 15px 13px } ul#menutop li.clicked a {display: block; background: #0041c0; color: #fff; margin: 0; padding:30px 13px 15px 13px } ul#menutop li span { display: block; font-size: 1.1em; line-height: 1; font-weight:bolder } #north-south {width:900px; height:100px; float:left; margin:0px 0 5px; } img.pageimage {float:left; width:900px; height:100px; border:0px solid #eee; background:#fff } /** ------------------------------------------------------------------------- west area ------------------------------------------------------------------------------*/ #west {margin:0px 0 50px 0; width:200px; float:left; background:#fff; filter:alpha(opacity=85);opacity:0.85;clear:both} #west p {font: normal 0.95em/1.5em Arial } #west a {color: #000;} #west a:hover {color: #046b9d; text-decoration:underline } #west h2 {color:#fff; background:#0041c0; text-align:center; font-weight:bolder; font-size:1.0em; padding:5px; margin:10px 0 15px 0} #west h3 {color:#fff;text-align:center;background:#0041c0;font-weight:bolder; font-size:1.0em;} , #west h3 a, #west h3 a:hover {font-weight:bolder; font-size:1.0em; } ul#menuside {width:200px; margin:0 0 10px; padding:0 } ul#menuside li { margin:0; padding:0 10px 0 0; list-style-image:none; list-style-type:none; text-indent:3px; line-height:25px; border-bottom:1px dashed #ddd} ul#menuside li a {color:#666; margin:0; padding:0; font-size:0.85em; font-weight:bolder; padding:0 20px 0 0 } ul#menuside li a:hover {background:transparent url(../images/bullet/bullets_92.gif) no-repeat right; margin:0; padding:0 20px 0 0; font-weight:bolder; color:#046b9d} ul#menuside li.clicked a {background:transparent url(../images/bullet/bullets_92.gif) no-repeat right; margin:0; padding:0 20px 0 0; font-weight:bolder; color:#046b9d} #latestnews {color:#908b85;margin:15px 0; padding:5px 0; border-top:0px solid #046b9d; border-bottom:2px solid #eee} #latestnews h4,#latestnews h4 a,#latestnews h4 a:visited,#latestnews h4 a:hover {font-weight:bolder; font-size:o.9em; padding:5px 0 0 0 } #latestnews p {color:#908b85;font-size:o.9em; margin:3px 0; padding:5px 0 0; border-top:1px dashed #ddd } #latestnews span {color:#999; padding:0 0 0 5px; font-size:11px} #support {margin:15px 0;width:160px; height:300px; background:#fff url(../images/west/RiPTones3.png) no-repeat top left;padding:0px 0 0;} #support p {padding:35px 0 0; text-align:left; font-size:0.9em;color:#908b85; } /** ------------------------------------------------------------------------- center area ------------------------------------------------------------------------------*/ #center {float:right; width:640px; min-height:470px; height:auto !important; height:470px; margin:10px 0 20px 0; padding:0 0 0 50px; font-size:0.90em; border-right:1px solid #ccc; background:#fff; filter:alpha(opacity=95);opacity:0.95;} #center a {border-bottom:0px dashed #334B77} #center a:hover {color: #046b9d; border-bottom:0px dashed #046b9d; text-decoration:underline } #center h1 {border:4px solid #A9A9A9; margin:0 0 20px 0; font-size:1.3em; padding:7px; color:#333 } #center p {font:normal 0.85em/1.4em Helvetica, Arial; margin:20px 0 0 } /* bullets and numbers ------------------------------------------------------------------------*/ #center ul li {list-style-image: url(../images/bullet/bullets_102.gif);margin:0 0 0 25px; text-indent: 7px; color: #4B4B4B} #center ol li {margin:0 0 0 20px; text-indent: 10px; color: #4B4B4B} /* image text list related ------------------------------------------------------------------------*/ #listimagetext {margin:10px 0; padding:0; clear:both } #listimagetext img.thumbnail {float:left; width:150px; height:80px; margin:0 20px 20px 0; padding:5px; border:2px solid #ddd; background:#fff} #listimagetext a:hover img.thumbnail {float:left; border:2px solid #334B77; padding:5px; background:#eee} #listimagetext h2.title, #listimagetext h2.title a { margin: 0 20px 0 0; padding:0; font-size:13px ; color:#334B77 } #listimagetext p.summary { margin: 0 20px 20px 0; padding:0 ; font-size:0.85em;} /* image text view related ------------------------------------------------------------------------*/ #viewimagetext {margin:30px 0; padding:0; width:100%; clear:both } #viewimagetext a:hover img {float:left; border:2px solid #334B77; margin:0 20px 20px 0; padding:5px; background:#eee} /* news related css ------------------------------------------------------------------------*/ #listtext {margin:10px 0} #listtext h2, #listtext h2 a {margin:15px 0 0; padding:7px 0 0; font-weight:bolder; color:#334B77; font-size:13px } #listtext p {margin:0 ; padding:0 ; font-weight:normal; font-size:12px; clear:both } #listtext span { font-size:0.8em; color:#888; border-bottom:2px solid #ddd } /* image gallery ------------------------------------------------------------------------*/ #listimage {margin:10px 0; clear:both} #listimage .box {width:160px; height:140px; float:left; text-align: center; margin:5px 10px 10px 0} #listimage img {width:140px; height:80px; margin:0; padding:5px ; background:#fff; border:3px solid #ddd; display: block; vertical-align:top} #listimage a:hover img {width:140px; height:80px; margin:0; padding:5px ;background:#eee; border:3px solid #334B77; display: block; vertical-align:top } #listimage p {width:150px; margin:10px 0 0 0; padding:5px 0 0; font-size: 0.8em; color:#3d3d3d; line-height:120%; } /* pagination ------------------------------------------------------------------------*/ #pagination {margin:20px 0; padding:20px 5px 0 5px; display:block; clear:both} #backtolist {margin:30px 0; padding:0 0 0 20px; background:transparent url(../images/bullet/bullets_92.gif) no-repeat left bottom; clear:both} /** ------------------------------------------------------------------------- south area ------------------------------------------------------------------------------*/ #container-south { width:100% ; margin:70px 0 0; clear:both} #south { width:900px; margin:0 auto ; padding: 15px 0 0; border-top:2px solid #0041c0 } #south a, #south a:hover, #south a:visited {color:#666 } #south-west {float:left; width:0px; font-size:0.8em; } #south-west p {margin:0; padding:5px 0 0;font-weight:normal; color:#666; text-align:left } #south-center {float:right; margin:6px 0 0; width:900px ; text-align:center } #south-center a, #south-south a:visited, #south-south a:hover { padding:5px 10px; font-weight:bolder; text-decoration:none} #south-center p {margin:0; line-height:1.4em; font-size:0.85em; color:#666 ; text-align:center } #south-east {float:right; width:50px;font-size:0.75em; }