@charset "utf-8";
/* CSS Document */


@font-face {font-family:"나눔고딕"; scr:url('fonts/나눔고딕.ttf'); }


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend


{ margin: 0;    padding: 0;    border: 0;}

input, select  { vertical-align:middle }

body { font-family: "나눔고딕","Malgun Ghothic","맑은고딕",Dotum,돋움,Tahoma,Sans-serif; color:black; padding:0; color:#636465;font-size:10px; background:#d2d1d0; margin:0px; line-height: 19px; }


ol, ul {list-style: none;}



caption, th, td {font-weight: normal;}

input, textarea, select { font-family:Arial, Helvetica, sans-serif; }

.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper, block { width:100%; overflow:hidden;}
.container { width:100%;}



a { color: #0066CC; text-decoration:none }

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




#container { }


#wrapper { width:760px; margin:auto; font-family:"나눔고딕","Malgun Ghothic","맑은고딕", Dotum, 돋움,Tahoma,Sans-serif; font-size:12px; color:#333333 }


#header { position:relative; width:760px; height:183px }
#header ul {  }
#header ul li { display: block ; float:left; }
#header ul li.small { padding:15px 0 1px 1px }


#header-banner01 {position:absolute; background:url(img/banner.gif) no-repeat; width:760px; height:145px; left:0px; top:38px;}
#header-banner02 {position:absolute; background:url(img/bannerlang.gif) no-repeat; width:760px; height:145px; left:0px; top:38px;}
#header-banner03 {position:absolute; background:url(img/bannercamp.gif) no-repeat; width:760px; height:145px; left:0px; top:38px;}
#header-banner04 {position:absolute; background:url(img/bannerinternational.gif) no-repeat; width:760px; height:145px; left:0px; top:38px;}

#header-in { }


#main { width:760px; margin:auto; }

#body { background:url(img/body-bg.gif) repeat-y }

#col-1 { float:left; width:340px; margin-left:16px; }
#col-2 { float:left; width:363px; margin-left:20px }

#col-3 { float:left; width:185px; margin-left:16px; }
#col-4 { float:left; width:518px; margin-left:16px; }

#col-5 { width:95%; margin-left:20px; margin-right:20px }

#lmenu p { padding-bottom:1px }

#visual { }



#footer {  width:760px;  background-color:#6279a5  }

#footer-in { position:relative;   padding-left:15px; width:730px; color:#FFFFFF  }
#footer-in a { color: #FFFFFF }


#foot2 { font-family: Verdana, Arial, Helvetica, sans-serif; text-align:center; font-size:11px; font-weight:bold; padding:10px 0 10px 0 }
#foot2 a { color:#000000 }


.bar001 { padding-bottom:5px; border-bottom:#666666 solid 1px }

.block001 { color: #676767; font-size:12px; font-family:Arial, Helvetica, sans-serif; border-bottom:#CCCCCC solid 1px; padding:10px 0 10px 0 }
.block001 h3 { font-size:12px; color:#3366FF }
.block001 a { color: #0066CC; text-decoration:underline }



.leftpic img { padding:0 5px 0 0;  }

.btnmore { float:right; border: #CCCCCC solid 1px; font-family: Tahoma, Helvetica, sans-serif; font-weight:bold; font-size:10px; color: #000000; padding:2px 3px 2px 3px; width:58px; }
.btnmore a {  color: #000000; text-decoration:none}
.btnmore a:hover { color:#FF0000 }


.btnmore2 { float: left; border: #CCCCCC solid 1px; font-family: Tahoma, Helvetica, sans-serif; font-weight:bold; font-size:10px; color:#990000; padding:2px 3px 2px 3px; width:58px }
.btnmore2 a {  color: #666666;}


.readmorebox a:link, .readmorebox a:active, .readmorebox a:visited, .rightreadmorebox a:link, .rightreadmorebox a:active, .rightreadmorebox a:visited
    {
    font-family: Tahoma, Helvetica, sans-serif;
    margin-top:0px;
    width:55px;
    height:40px;
    color: black;
    text-decoration: none;
    font-size: 10px;
    font-weight: bold;
    }

.readmorebox a:hover, .rightreadmorebox a:hover 
    {
    font-family: Tahoma, Helvetica, sans-serif;
    color: #f02a0f;
    width:55px;
    text-decoration: none;
    font-size: 10px;
    font-weight: bold;
    }



#sddm {margin: 0; padding:5px 0 0 20px; }
#sddm li{margin: 0;padding: 0; list-style: none; float: left; font-family: dotum,돋움,Tahoma,Sans-serif;  font-size:12px; font-weight:bold }
#sddm li a.selected { color:#aedeff    }
#sddm li a{    display: block; padding: 1px 10px 1px 10px; border-right: #FFFFFF solid 1px; color: #FFFFFF; text-align:left; text-decoration: none;}
#sddm li a:hover{ color: #aedeff;}

#sddm div{ position: absolute;    top: 25px;    visibility: hidden;    margin: 0;    padding: 0;    background: #FFFFFF; }
#sddm div a    { position: relative; display:block; border:none; margin: 0; height: 15px; width: auto; padding: 3px 15px 3px 15px; text-decoration: none; background: #FFFFFF; color: #333333; font: 11px arial; border-bottom:#CCCCCC solid 1px}
#sddm div a:hover {    background: #49A3FF; color: #FFF;}



.breadcrumb { padding: 5px 5px 5px 0; text-align:right; font-family:dotum,돋움,Tahoma,Sans-serif; border-bottom:#CCCCCC solid 1px; font-size:11px; color:#666666 }

#title { font-family: "나눔고딕","Malgun Ghothic","맑은고딕",Dotum,돋움,Tahoma,Sans-serif; font-size:16px; letter-spacing:-1px; padding:10px 0 7px 22px; color:#0066CC; background:url(img/arrowbullet001.gif) no-repeat 3px 9px }


#content { padding:0 0 0 20px }


#submenu { background:#F0F0F0; padding-bottom:10px }

#submenu li a { display:block; padding:3px 0 3px 25px }
#submenu li a:hover { text-decoration:none; background: #C7C7C7; color:#FFFFFF }
#submenu li a.selected { text-decoration:none; background: #91baf2; color:#FFFFFF }