/*============================================================================== / created by: Kang, Mun Bok (mb@hostsmb.com, www.penguinsoft.co.kr) / optimized for : dezignercms.com, easy and professional content management / date modified : 2008/05/16 / date: 2008/08/25 / license : Creative Commons Attribution 2.5 License. / credits: many ideas borrowed from www.styleshout.com and www.solucija.com www.dynamicdrive.com and other sources ==============================================================================*/ /** ------------------------------------------------------------------------- 포스트잇 등 배경이미지, 모든 공통항목의 css @가져오기경우 항상 최상위에 위치하여야 함. -----------------------------------------------------------------------------*/ @import url(http://client.dezignercms.com/designer/css/common.css); /** -------------------------------------------------------------------------- body & container 몸뚱아리 및 공통영역 부분 시작"맑은 고딕" ------------------------------------------------------------------------------*/ @charset utf-8; /* css 파일을 utf8 인코딩으로 처리함 */ /* reset css 브라우저에서 지정하는 기본값을 원점으로 돌리기 */ *{ margin: 0; padding: 0}* @font-face {font-family:"맑은 고딕";src:url(../images/Gothic.eot);} 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;font-family:"맑은 고딕";src:url(../images/Gothic.eot);굴림, 돋움, Helvetica} body {margin:0; padding:0; font: 0.9em/1.5em "맑은 고딕";src:url(../images/Gothic.eot);굴림, 돋움, Helvetica; background:transparent url(../images/body/hdr_bg.jpg) repeat-x; top center} .clear {clear: both} a {color:#000; text-decoration:none} a:hover {color:#336699; text-decoration:none} /* title area, 각 항목별 제목 글자 */ h1.blue {font-size:1.2em; background:#0076A3; color:#fff; height:37px; line-height:37px; text-align:center} h1.green {font-size:1.2em; background:#A3D39C; color:#000; height:37px; line-height:37px; text-align:center} h1.yellow {font-size:1.2em; background:#E5D707; color:#000; height:37px; line-height:37px; text-align:center} h1.orange {font-size:1.2em; background:#F26522; color:#fff; height:37px; line-height:37px; text-align:center} h1.whatwedo {display:none} /** ------------------------------------------------------------------------- 전체 내용영역 부분 지정 - marging: 0 left, right, auto 사용가능함 -----------------------------------------------------------------------------*/ #container {width:960px; margin:0 auto; padding:0 10px; float:none} /** ------------------------------------------------------------------------- north 북쪽 영역 시작 -----------------------------------------------------------------------------*/ #north {margin:0 0 30px 0; padding:0; height:120px; float:none} #north3 {margin:30px 0 0; float:none; clear:both} #logo {margin:0 0 10px 0; float:left; border:0} #north3 .language {float:right} #north3 .quickcontact {float:right} #north h1.whatwedo {display:none} /* 아래는 북쪽 메뉴부분의 코드임 Credits: By Santosh Setty (http://webdesigninfo.wordpress.com) */ #menu ul {margin: 30px 0 0 0; height: 40px;list-style: none; clear:both} #menu li {float:left} #menu li a {float: left; display: block; color:#000; text-decoration: none; padding:0 0 0 16px; height: 40px;line-height: 40px;text-align: center;cursor: pointer} #menu li a b {float: left; display: block; padding: 0 24px 0 8px; /*Padding of menu items*/} #menu li.clicked a, #menu li a:hover { color: #fff; background: url(../images/north/menub_hover_left.gif) no-repeat; background-position: left; text-decoration:none} #menu li.clicked a b, #menu li a:hover b {color: #fff;background: url(../images/north/menub_hover_right.gif) no-repeat right top; text-decoration:none} /** ------------------------------------------------------------------------- west 서쪽 영역 시작 -----------------------------------------------------------------------------*/ #west {background-color:#fff; filter:alpha(opacity=100); opacity:1;border-right: 1px solid #eeeeee;margin:50px 0 0px 20px; padding:0; float:left; width: 180px; font-size: 0.8em;} #west p {color:#000; font-size: 1.0em; display:block; margin:0 0 10px 0} /* sidebar */ #sidebar {float: right;width:95%; margin:0 10px 5px 0; padding:10px 2px; display: inline;} #sidebar ul.sidemenu {list-style:none;margin:10px 0 10px 10px;padding:0;} #sidebar ul.sidemenu li { margin-bottom:1px;border: 1px solid #f2f2f2;} #sidebar ul.sidemenu a { display:block; font-weight:bold; color: #333;text-decoration:none; padding:2px 5px 2px 10px; background: #f2f2f2; border-left:4px solid #CCC; min-height:18px;} * html body #sidebar ul.sidemenu a { height: 18px; } #sidebar ul.sidemenu a:hover {padding:2px 5px 2px 10px; background: #f2f2f2;color: #339900; border-left:4px solid #9EC630;} #sidebar img {float: right;width:160px; height:49px; background:#eee; padding: 1px; border:2px solid #ccc; margin:0 0px 5px 20px;} #sidebar img:hover {width:160px; height:49px; background:#fff; padding: 1px; border:2px solid #336699; margin:3px 0} #sidebar h1 {color:#000; margin: 0 0 30px 0; padding:7px 10px 2px 10px; background:#C1DBFF; height:30px; line-height:130%; font-size:1.6em; font-weight: bold; clear:both} .contact {float:right; font-size:0.9em; display:block; background:transparent url("../images/common/note-green.gif") repeat-y; width:150px; margin:0 0 15px 0; padding:15px 15px 10px 13px;} .message {float:right; font-size:0.9em; display:block; background:transparent url("../images/common/note-yellow.gif") repeat-y; width:150px; margin:0 0 15px 0; padding:15px 15px 10px 13px;} .memo {float:right; font-size:0.9em; display:block; background:transparent url("../images/common/note-blue.gif") repeat-y; width:150px; margin:0 0 15px 0; padding:15px 15px 10px 13px;} /** ------------------------------------------------------------------------- center 중앙 영역 시작 margin:10px 0 20px 0 ; padding:15px 0px 30px 0px; ------------------------------------------------------------------------------*/ #center { width:730px; float:right; margin:50px 10px 0px 0; padding:0; background:transparent url("../images/center/center-bg11.gif") no-repeat;} /* 각 페이지별 메인이미지 */ #pageimage {width: expression(this.width > 650 ? 650: true); max-width:650px; float:left; margin:0 0 15px 0; background: #FCFCFC; border: 1px solid #CDCDCD;padding: 2px} /* main image */ /* 제목등 주요 문장의 속성 */ #center h1 {color:#000; margin: 0 0 30px 0; padding:7px 0 2px 0; background:#C1DBFF; height:30px; line-height:130%; font-size:1.6em; font-weight: bolder; clear:both} #center h2, h3, h4, h5, h6 {color:#000; border-bottom: 1px dashed #E26020; margin: 12px 0 5px 0; padding:5px 10px 5px 10px; font-size:1.0em;font-weight: bolder; clear:both} #center p,td {color:#000; margin: 12px 0 5px 0; padding:5px 20px 5px 20px;font-size:0.9em;} /* 점자 및 숫자 정렬 목록 */ #center ul li {list-style-image: url(../images/bullet/bullets_94.gif);margin:0 0 0 20px; text-indent: 10px; color: #4B4B4B} #center ol li {margin:0 0 0 20px; text-indent: 10px; color: #4B4B4B} /* 왼쪽 정렬 이미지 속성 */ #center img.left {width: expression(this.width > 650 ? 650: true); max-width:650px; border:2px solid #ccc; background:#eee; float:left; margin:5px 15px 15px 0;padding:5px 20px 5px 20px} #center img.left:hover {border:2px solid #336699; float:left; margin:5px 15px 15px 0;padding:5px 5px} /* 오른쪽 정렬 이미지 속성 */ #center img.right {width: expression(this.width > 650 ? 650: true); max-width:650px; border:2px solid #ccc; background:#eee; float:right; margin:5px 0 10px 15px; padding:5px 5px} #center img.right:hover {border:2px solid #336699; float:right; margin:5px 0 10px 15px; padding:5px 5px} /* 테두리 없는 이미지 속성 */ #center img.defaultimg {width: expression(this.width > 650 ? 650: true); max-width:650px; margin:15px 0 15px; clear:both; border:0} #center img.defaultimg:hover {margin:15px 0 15px; clear:both; border:0} #center a,p {color:#1E3843; border-bottom:0px dotted #336699; text-decoration:none} #center a:hover {color:#336699; text-decoration:none} /** ------------------------------------------------------------------------- east 동쪽 영역 시작 -----------------------------------------------------------------------------*/ /** ------------------------------------------------------------------------- south 남쪽 영역 시작 ------------------------------------------------------------------------------*/ #south {background-position: 260 left;background:transparent url(../images/south/silo_black.JPG) no-repeat bottom left; margin:40px 0px; clear:both; font-size:0.85em} #south-container {background:transparent url(../images/south/south-bg.gif) repeat-x; filter:alpha(opacity=85); opacity:0.85; text-align:center;margin:40px 0px;} #south-container .link { padding:5px 0 0 0; color:#fff; clear: both; font-weight:bolder} #south-container .address {padding:10px 0 0; color:#fff; text-decoration:none} #south-container a,p {color:#fff; text-decoration:none} #south-container a:hover {color:#fff; text-decoration:none}