/* Basic */

    *{margin:0; padding:0; Dotum,µ¸¿ò,sans-serif;WORD-WRAP:break-word; WORD-BREAK:break-all; color:#666666; font-size:12px;}

    html, body {width:100%; height:100%; text-align:center; background-color:#fff; color:#333; margin:0; padding:0; font-size:12px;}

    * html #wrap {height:100%; font-size:12px;}

    img,fieldset,blockquote,iframe,button {border:none; vertical-align:middle;}

    ol, ul, li, dl, dt, dd {list-style:none;}

    hr,label {display:none; clear:both;}

    table {border-collapse:collapse; border-spacing:0; table-fixed:layout; font-size:12px;}

    th, td {border-collapse:collapse; font-size:12px;}

    button {cursor:pointer;_cursor /**/:hand; color:#333;}

    form {margin:0; padding:0;}

    .clear {*height:1%;} /* IE5.5~7 ºê¶ó¿ìÀú ´ëÀÀ Hack */

    .clear:after {content:" "; display:block; clear:both; height:0; visibility:hidden;} /* Ç¥ÁØ°è¿­ ºê¶ó¿ìÀú¿¡ ´ëÀÀÇÏ´Â float ÇØÁ¦¿ë °¡»ó ¿¤¸®¸ÕÆ®ÀÇ »ý¼º */

    .legend,caption {display:none; clear:both; font-weight:bold; font-size:70%; font-family:±¼¸², Gulim, AppleGothic, Sans-serif;}

    .h16 {width:13px; height:13px; margin-right:3px; margin-bottom:3px; margin-left:3px; border:0;}

    .b {font-weight:bold;}

    .lh {line-height:180%;}

    .div {margin:0; padding:0;}

    .strong,p,span {font-size:12px; line-height:140%;}





/* Layout Grid */

    /* main */

    #wrap {width:100%; margin:0; padding:0;}

    #container{margin-top:25px; padding:0; font-size:12px;}

    #content {width:900px; margin:0; padding:8px 7px 0px 8px; background-color:#fff; text-align:left; font-size:12px;}

    #footer {height:34px; padding:10px 0px 8px; margin-top:30px; border:solid 1px #e1e1e1; background-color:#fff; text-align:center;}





/* Link */

    /* basic */

    a:link,   {color:#318ed0; text-decoration:none;}

    a:visited {color:#318ed0; text-decoration:none;}

    a:active  {color:#318ed0; text-decoration:none;}

    a:hover   {color:#e87122; text-decoration:underline;}

    /* table */

    table th,td a         {color:#333; text-decoration:none;}

    table th,td a:link    {text-decoration:none;}

    table th,td a:visited {text-decoration:none;}

    table th,td a:active  {text-decoration:none;}

    table th,td a:hover   {text-decoration:none;}





/* Align */

    /* horizontal */

    .tl	{text-align:left;}

    .tc {text-align:center;}

    .tr {text-align:right;}

    /* vertical */

    .vt	{vertical-align:top;}

    .vm {vertical-align:middle;}

    .vb {vertical-align:bottom;}

    /* float */

    .fleft  {float:left;}

    .fright {float:right;}





/* Font Color */

    .font_c01  {color:#4A7FD4;} /* blue */

    .font_c02  {color:#D95A0C;} /* orange */

    .font_c03  {color:#438a01;} /* green */

    .font_s01  {font-size:110%;}





/* Margin or Padding (ÄÁÅÙÃ÷¿©¹é : "_l" ¿ÞÂÊ ¿©¹é / "_t" À§ ¿©¹é / "_r" ¿À¸¥ÂÊ ¿©¹é / "_b" ¾Æ·¡ ¿©¹é ) */

    /* Margin */

    .margin5_l  {margin-left: 5px;}   .margin5_t  {margin-top: 5px;}   .margin5_r  {margin-right: 5px;}   .margin5_b  {margin-bottom: 5px;}

    .margin10_l {margin-left:10px;}   .margin10_t {margin-top:10px;}   .margin10_r {margin-right:10px;}   .margin10_b {margin-bottom:10px;}

    .margin20_l {margin-left:20px;}   .margin20_t {margin-top:20px;}   .margin20_r {margin-right:20px;}   .margin20_b {margin-bottom:20px;}

    .margin70_l {margin-left:72px;}   .margin70_t {margin-top:72px;}   .margin70_r {margin-right:72px;}   .margin70_b {margin-bottom:72px;}

    .margin10   {margin:10px;}





/* Index */

    /* hardwareSystem - SoftwareSolution */

    .hs {width:300px; background:url('../images/index_hsbg.gif') repeat;}

    .hs .line {border-bottom:1px solid #cdd0d9;}

    

    /* board */

    .board {width:300px;}

    .board .line {border-bottom:1px solid #8994a8; margin-bottom:5px; margin-top:5px;}

    .board li {background:url('../images/index_boardbullet.gif') no-repeat 5px 7px; height:26px; border-bottom:1px dotted #e1e1e1; padding:7px 0px 0px 17px;}

    .board a:link,.board a:visited {font-size:12px; color:#666; text-decoration:none;}

    .board a:hover {font-size:12px; color:#4a7fd4; text-decoration:none;}

    



/* Title */

    /* main */

    .title {background:url('../images/title_bullet.gif') no-repeat left bottom;height:28px;margin-bottom:20px;padding-left:24px; border-bottom:2px solid #4b6dbc;}

    .title .extra {font-size:140%;font-weight:bold;color:#484848;letter-spacing:-1px;}

    /* sub */

    .stitle {background:url(../images/stitle_bullet.gif) no-repeat; color:#626262; font-size:12px; font-weight:bold; padding:0px 0px 1px 19px; margin:15px 0px 7px 0px; text-align:left; border-bottom:1px dotted #b8b8b8;}



    

/* Menu */

    /* top */

    .submenu {background:url(../images/top_menubg.gif) repeat; width:635px; height:30px; font-weight:bold; margin-left:246px; padding-top:9px;}

    .submenu li {background:url(../images/top_menuline.gif) no-repeat; display:block; padding:0px 0px 0px 10px;}

    .submenu .bullet {background:url(../images/top_menubullet.gif) no-repeat top 24px; padding-left:34px;}

    .submenu a:link,.submenu a:visited {font-size:12px; color:#666; text-decoration:none;}

    .submenu a:hover {font-size:12px; color:#4A7FD4; text-decoration:none; font-weight:bold;}

    .submenu .sub01 {padding-left:0px;}

    .submenu .sub02 {padding-left:159px;}

    .submenu .sub03 {padding-left:318px;}

    .submenu .sub04 {padding-left:476px;}



    

    /* left */

    .leftmenu {width:225px;}

    .leftmenu li {border-bottom:1px solid #e1e1e1; padding:9px 0px 6px 0px;}

    .leftmenu .selected {background:url(../images/icon_bullet01.gif) no-repeat right; background-color:#626262; color:#fff; font-weight:bold; padding:9px 0px 6px 0px;}

    .leftmenu .selected a:link,.leftmenu .selected a:visited  {font-size:12px; color:#fff; text-decoration:none;}

    .leftmenu a:link,.leftmenu a:visited {font-size:12px; color:#666; text-decoration:none;}

    .leftmenu a:hover {font-size:12px; color:#666; text-decoration:none; font-weight:bold;}





/* ContentsBox */

    .contents {width:635px; margin:25px 0px 0px 21px;}

    .subbox {border:2px solid #adc7e2; background-color:#eff3f8; padding:10px 10px 7px 10px; color:#adc7e2;}

    .subbox strong {background:url(../images/icon_bullet03.gif) no-repeat 1px 2px; padding-left:5px; margin-left:5px;}

    .subbox a:link,.subbox a:visited {font-size:12px; color:#0049ad; text-decoration:none; margin-left:5px; margin-right:5px;}

    .subbox a:hover {font-size:12px; color:#0049ad; text-decoration:none;}

    



/* Table */

    /* ÀÔ·ÂÅ×À̺í */

    .input_table {width:100%; font-size:12px; text-align:left; border-top:1px solid #aec7e5; border-bottom:1px solid #aec7e5; border-collapse:collapse;}

    .input_table th {text-align:center; height:29px; line-height:140%; padding:3px; background-color:#eff2f7; border-top:1px solid #aec7e5; border-left:1px solid #aec7e5; border-right:1px solid #aec7e5; border-bottom:1px solid #aec7e5; font-weight:normal;}

    .input_table td {height:29px; line-height:140%; padding:3px 3px 3px 5px; border:1px solid #aec7e5;}

    .input_table a {font-size:12px; color:#333; text-decoration:underline;}

    .input_table a:link,.input_table a:visited  {font-size:12px; color:#333; text-decoration:underline;}

    .input_table a:hover {font-size:12px; color:#000; text-decoration:underline;}

    /* ¸®½ºÆ®Å×À̺í */

    .list_table {width:100%; font-size:12px; text-align:left; border-top:1px solid #aec7e5; border-bottom:1px solid #aec7e5; border-collapse:collapse;}

    .list_table th {text-align:center; height:29px; line-height:140%; padding:3px; text-align:center; background-color:#eff2f7; border-top:1px solid #aec7e5; border-left:1px solid #aec7e5; border-right:1px solid #aec7e5; border-bottom:1px solid #aec7e5; font-weight:normal;}

    .list_table td {height:24px; line-height:140%; padding:3px; border:1px solid #aec7e5;}

    .list_table a {font-size:12px; color:#333; text-decoration:underline;}

    .list_table a:link,.list_table a:visited  {font-size:12px; color:#333; text-decoration:underline;}

    .list_table a:hover {font-size:12px; color:#000; text-decoration:underline;}