/*==============================================================================
/ 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('common.css');


/** --------------------------------------------------------------------------
body & container  몸뚱아리 및 공통영역 부분 시작
------------------------------------------------------------------------------*/
@charset utf-8;     /* css 파일을  utf8 인코딩으로 처리함 */
        body {margin:0; padding:0; font: 0.9em/1.5em '맑은 고딕', 돋움,  Helvetica}

/** -------------------------------------------------------------------------
전체 내용영역 부분 지정 - marging: 0 left, right, auto 사용가능함
-----------------------------------------------------------------------------*/
#container {width:100%; margin:0 auto; padding:0 10px; float:none}


/** -------------------------------------------------------------------------
north 북쪽 영역 시작
-----------------------------------------------------------------------------*/
#north { margin:0 0 30px 0; border-bottom:2px solid #000 }
        .language {display:none}
        .logo {margin:20px 0 30px 0; border:0}
          h1.whatwedo {display:none}
        .menutop {display:none}

/** -------------------------------------------------------------------------
west 서쪽 영역 시작
-----------------------------------------------------------------------------*/
#west {display:none}

/** -------------------------------------------------------------------------
center 중앙 영역 시작
------------------------------------------------------------------------------*/
#center { width:100%; float:left; margin:0 auto}

        /* 각 페이지별 메인이미지 */
        #center .pageimage {width: 600px;height:90px; 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 0; height:35px; font-size:1.7em; clear:both}
        #center h1 span {border-bottom:3px solid #000}
        #center h2, h3, h4, h5, h6 {color:#000; border-bottom: 1px dashed #E26020; margin: 12px 0 5px 0; padding:5px 0 5px 0; font-weight: bolder; clear:both}
        #center p,td {color:#000; margin: 12px 0 5px 0; padding:5px 0 5px 0}

        /* 점자 및 숫자 정렬 목록 */
        #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 > 500 ? 500: true); max-width:500px; border:2px solid #ccc; background:#eee; float:left; margin:5px 15px 15px 0;padding:5px 5px}
        #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 > 500 ? 500: true); max-width:500px; 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 > 500 ? 500: true); max-width:500px; 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 동쪽 영역 시작
-----------------------------------------------------------------------------*/
#east {display:none}

/** -------------------------------------------------------------------------
south 남쪽 영역 시작
------------------------------------------------------------------------------*/
#south {margin:0; height:250px; clear:both;  font-size:0.85em}
        #south-container {float:left; width:900px; margin:0 auto; text-align:left; border-top:1px solid #000}
        #south-container .link { padding:20px 0 0 0; color:#000; clear: both; font-weight:bolder}
        #south-container .contact {padding:10px 0 0; color:#000; text-decoration:none}
        #south-container a,p {color:#000; text-decoration:none}
        #south-container a:hover {color:#1E3843; text-decoration:none}