@charset "euc-kr";
@import url(base.css);
/* default */
body {font-size:0.75em; line-height:1.8em; font-family:"µ¸¿ò", Dotum, "±¼¸²", Gulim, "Lucida Grande", Tahoma, Verdana, AppleGothic, UnDotum, sans-serif;color:#555;background:url(/images/main/subBox_bgM.gif) repeat-y;}
a:link { text-decoration:none; color:#555;}  /* #004ED1 */
a:visited {color:#555; text-decoration:none;}
a:hover {color:#695008; text-decoration:none;}
a:active {color:#555; text-decoration:none;}
input.type-image {border:0 none; padding:0; margin:0;}

/* Layout */
#wrapper {margin:0; text-align:left;background:url(/images/main/subBox_bgM.gif) repeat-y;}
#outerbg {width:100%;background:url(/images/main/head_bgT.gif) repeat-x;}
#header {width:1000px; height:140px; margin:0; background:url(/images/main/head_LbgT.gif) no-repeat;text-align:left;}
#user {width:1000px;text-align:right;padding-top:8px;margin:0;vertical-align:top;height:16px;line-height:0;}
#user dl {float:right;width:255px;line-height:0;font-size:0;}
#user dd{float:left;padding-left:11px;background:url(/images/main/btn_tsmenub.gif) no-repeat 5px 3px;}
#user .f{padding-left:0;background:none;}
#user img{vertical-align:top;}
#logo {float:left;width:145px;height:48px;display:inline;}
#logo a {text-decoration:none;width:145px;height:48px;margin:5px 0 0 28px;padding:0;display:block;}
#logo a span {visibility: hidden;}
#total {width:1000px;margin:10px 0 0 0;}
#Contents {width:776px; padding:0; min-height:450px;float:left;}
#fontsize {float:right;margin:0;padding:0 0 0 90px;height:25px;width:178px;line-height:0em;font-size:0;}
#fontsize span {line-height:0;margin:2px 0 0 0;padding:0 4px 0 0;font-size:0;float:left;width:84px;height:15px;}
#fontsize a {float:left;cursor:pointer;line-height:0em;font-size:0;}
/*search*/
.dataSearchForm {float:left;margin:0 0 0 185px;_margin:0 0 0 157px; width:448px;text-align:left;display:inline;}
.dataSearchForm fieldset.dataSearch {background:url(/images/main/bg_search.gif) no-repeat 0px 2px;padding:0 0 0 5px;vertical-align:top;text-align:left;}
.dataSearchForm .searchWord {float:left;width:369px;height:15px;border:1px solid #fff;margin:7px 0 0 0;padding:5px 2px;font-size:1.00em;line-height:1.50em;}
.dataSearchForm .searchBtn {float:left;height:38px;width:54px;border:none;vertical-align:top;margin:1px 0 0 9px; } 
.favor_search {float:left;display:inline;overflow:hidden;margin:4px 0 0 199px;_margin:4px 0 0 171px;width:291px;height:27px;background:url(/images/main/img_favor_search.gif) no-repeat 0 1px;padding:0 0 0 80px;font-family:"µ¸¿ò", Dotum;color:#53451e;font-size:0.92em;line-height:2em;text-align:left;}
.favor_search span{position:absolute;visibility:hidden;overflow:hidden;line-height:0;width:0;height:0;margin:0;padding:0;font-size:0;}
.favor_search a {font-family:"µ¸¿ò", Dotum, "±¼¸²", Gulim;color:#53451e;font-size:1em;}
.favor_search em {font-weight:bold;text-align:left;}
/* Top Menu */
#header #top {clear:both;height:36px;width:666px;margin:0 0 0 224px;z-index:1;}
#topmenu li {float:left;height:32px;padding:0 1px 0 0;background:url(/images/main/btn_tmenub.gif) no-repeat right top;}
#topmenu li.end {padding:0;background:none;}



#Contents div.sectiont {clear:both;width:776px; height:203px; background:url(/images/main/bg_sectiont.gif) no-repeat;padding:0; }
#Contents div.sectiont div.tfcell {float:left;width:247px;height:203px;margin:0;overflow:hidden;}
#Contents div.sectiont div.thcell {float:left;width:261px;height:169px;margin:0 7px 0 0;padding:34px 0 0 0;}
#Contents div.sectiont div.tmcell {float:left;width:261px;height:169px;margin:0;padding:34px 0 0 0;}

#Contents div.sectionm {width:776px; height:165px; margin:0 0 15px 0; background:url(/images/main/bg_sectionm.gif) no-repeat; }
#Contents div.sectionm div.mhcell, #Contents div.sectionm div.mmcell {float:left;width:254px;height:165px;margin:0 7px 0 0;}
#Contents div.sectionm div.mecell {float:left;width:254px;height:165px;margin:0;}

#Contents div.sectionb {width:776px;height:250px;background:url(/images/main/bg_sectionb.gif) no-repeat; }
#Contents div.sectionb div.bhcell {float:left;width:194px;height:250px;margin:0 7px 0 0;vertical-align:top;text-align:left;}
#Contents div.sectionb div.bmcell {float:left;width:308px;height:213px;margin:0 7px 0 0;padding:0 0 0 15px;vertical-align:top;}
#Contents div.sectionb div.becell {float:left;width:230px;height:213px;margin:0;padding:0 0 0 15px;vertical-align:top;}
#Contents div.sectionb h1 {visibility:hidden;height:37px;float:left; width:0; font-size:0;line-height:0em;}
#Contents div.sectionb h2 {visibility:hidden;height:37px;float:left; width:0; font-size:0;line-height:0em;}
#Contents div.sectionb h3 {visibility:hidden;height:37px;float:left; width:0; font-size:0;line-height:0em;}
#Contents div.sectionb h4 {padding:3px 0 5px 0;font-weight:bold; font-size:1.00em;margin:0;line-height:1em;}
#Contents div.sectionb p.more {float:right;height:25px;padding:12px 0 0 0;margin-right:10px;line-height:0em;vertical-align:top;font-size:0;}
#Contents div.sectionb p.more a {line-height:0em;vertical-align:top;font-size:0;}


/* subMenu */
#sub{width:169px;background:url(/images/main/subBox_bgM.gif) repeat-y;text-align:left;float:left;margin:0 20px 0 0;}
#sub h1 {margin:0; height:54px;}
#sub h2 {margin:0; height:54px;}
#sub h3 {margin:0; height:54px;}
#sub p {margin:0; height:54px;}
#sub ul {background:url(/images/main/subBox_bgMm.gif) repeat-y;}
#sub ul li {margin:0 0 7px 44px;line-height:0em;font-size:0;}
#sub ul li.end {margin:0 0 0 44px;line-height:0em;font-size:0;}
#sub ul li a {text-decoration:none;line-height:0em;font-size:0;}
#sub div.bg_bot{ background:url(/images/main/subBox_bgMb.gif) no-repeat left bottom;width:169px; height:19px; margin-top:0;float:left;}
#Letc {width:144px;float:left;text-align:left;padding:0 0 0 25px;}
#Letc li{}
#Letc li, #sub #Letc li a{float:left;margin:0;padding:0;}







/* °Ô½ÃÆÇ */
#Contents div.article-board {height:159px;vertical-align:top;}
#Contents div.article-board h1 {visibility:hidden;height:40px;float:left; width:0; font-size:0;line-height:0em;}
#Contents div.article-board h2 {visibility:hidden;height:40px;float:left; width:0; font-size:0;line-height:0em;}
#Contents div.article-board h3 {visibility:hidden;height:40px;float:left; width:0; font-size:0;line-height:0em;}
#Contents div.article-board p.title {float:left;height:22px;padding:8px 0 0 0;margin-left:14px;_margin-left:10px;line-height:0em;vertical-align:top;font-size:0;}
#Contents div.article-board p.more {float:right;height:23px;padding:17px 0 0 0;margin-right:12px;_margin-right:7px;line-height:0em;vertical-align:top;font-size:0;}
#Contents div.article-board p.more a {line-height:0em;vertical-align:top;font-size:0;}
#Contents div.article-board ul {clear:both;float:none;padding:7px 15px 0 15px;margin:0;height:112px;vertical-align:top;line-height:1.50em;}
#Contents div.article-board ul li{overflow:auto;background:url(/images/common/ico_b_gray.gif) no-repeat 0 0.5em;padding:0 0 0 7px;line-height:1.75em;}
#Contents div.article-board ul li a {float:left; letter-spacing:-1px;line-height:1.75em;}
#Contents div.article-board ul li span.date {color:#484848; font-size:1.00em;}




/* ¿µ»óÀÚ·á */
#Contents div.sectionb div.bhcell p {float:left;}
#Contents div.sectionb div.bhcell p.title {float:left;height:17px;padding:6px 0 0 0;margin-left:9px;_margin-left:5px;line-height:0em;vertical-align:top;font-size:0;}
#Contents div.sectionb div.bhcell p.thumbnailb img {border:1px solid #cdcdcd;width:175px;height:113px;line-height:0;margin:14px 0 0 8px;_margin:14px 0 0 5px;line-height:0;font-size:0em;}
#Contents div.sectionb div.bhcell p.player, #Contents div.sectionb div.bhcell p.player img {width:194px;height:35px;line-height:0;font-size:0em;}
#Contents div.sectionb div.bhcell p.player a {line-height:0em;font-size:0em;}
#Contents div.sectionb div.bhcell div a, #Contents div.sectionb div.bhcell div a img {line-height:0em;font-size:0em;}
#Contents div.sectionb div.bhcell div.thumbnailf {float:left;border:1px solid #cdcdcd;width:83px;height:60px;margin:20px 4px 0 8px;_margin:16px 4px 0 4px;line-height:0em;font-size:0em;}
*:first-child+html #Contents div.sectionb div.bhcell div.thumbnailf {margin:16px 4px 0 8px;}
@-moz-document url-prefix() {#Contents div.sectionb div.bhcell div.thumbnailf {margin:20px 4px 0 8px;}}

#Contents div.sectionb div.bhcell div.thumbnails {float:left;border:1px solid #cdcdcd;width:83px;height:60px;margin:20px 0 0 3px;_margin:16px 0 0 3px;line-height:0em;font-size:0em;}
*:first-child+html #Contents div.sectionb div.bhcell div.thumbnails {margin:16px 0 0 3px;}
@-moz-document url-prefix() {#Contents div.sectionb div.bhcell div.thumbnails {margin:20px 0px 0 3px;}}

/* ¹Ú¹°°üÁ¤º¸ °Ô½ÃÆÇ */
#Contents div.sectionb div.bmcell p.title {float:left;height:22px;padding:6px 0 0 0;margin-left:-4px;_margin-left:-10px;line-height:0em;vertical-align:top;font-size:0;}
#Contents div.sectionb div.bmcell div.txt {width:293px;height:90px;float:left;display:inline;overflow:hidden;margin:0 0 20px 0;line-height:1.25em;}
#Contents div.sectionb div.bmcell div.txt h3, #Contents div.sectionb div.bmcell div.txt h3 a {padding:3px 0 1px 0;font-weight:bold; font-size:1.00em;margin:0;}
#Contents div.sectionb div.bmcell p.thumbnail {float:left;border:1px solid #cbcbcb;width:80px;height:88px;margin:0 10px 0 0;}
#Contents div.sectionb div.bmcell p.thumbnail img {width:80px;height:88px;margin:0;}
#Contents div.sectionb div.bmcell p.btnGO{margin:0;}

/* À¯¹°Á¤º¸ */
#Contents div.sectionb div.becell p.title {float:left;height:22px;padding:6px 0 0 0;margin-left:-4px;_margin-left:-10px;line-height:0em;vertical-align:top;font-size:0;}
#Contents div.sectionb div.becell div.txt {width:215px;height:64px;float:left;overflow:hidden;margin:0 0 10px 0;font-family:"µ¸¿ò", Dotum, "±¼¸²", Gulim;font-size:0.92em;letter-spacing:-1px;line-height:1.25em;}
#Contents div.sectionb div.becell div.txt h3, #Contents div.sectionb div.becell div.txt h3 a {padding:3px 0 1px 0;font-weight:bold; font-size:1.00em;margin:0;}
#Contents div.sectionb div.becell p.thumbnail {float:left;border:1px solid #cbcbcb;width:72px;height:62px;margin:0 10px 0 0;}
#Contents div.sectionb div.becell p.thumbnail img {width:72px;height:62px;margin:0;}
#Contents div.sectionb div.becell div.txt p.btnGO{margin:3px 0 0 0;}





#footerW {clear:both;height:150px; text-align:left;margin-left:189px;}
#footer {float:left;width:776px;height:70px;text-align:left;border-top:1px solid #dfdfdf;margin:15px 0 0 0;background:url(/images/common/img_flogo.gif) no-repeat;}
#footer ul.guide {float:left;padding:25px 0 0 156px;width:464px;height:16px;}
#footer ul.guide span {position:absolute;visibility:hidden;overflow:hidden;line-height:0;width:0;height:0;margin:0;padding:0;font-size:0;}
#footer ul.guide li {float:left;padding:0 9px 0 10px;background:url(/images/common/btn_fetcb.gif) no-repeat left top;}
#footer ul.guide li.first-child {background:none;}
#footer ul.guide li a:link, #footer ul.guide li a:visited,#footer ul.guide li a:hover {text-decoration:none;}
#footer p.mail {float:left;padding-left:163px;margin:0;}
#footer p.copyright {padding-left:166px;float:left;margin:0;} 
#footer p.mark {float:right;height:51px;margin:-41px 0 0 0;padding:19px 0 0 0px;}
#footer p.mark img{padding:0;vertical-align:middle;}




@media print {
#header,#topmenu,#sub,#footer ul,#footer address,#sub {display:none;}
body,body #wrapper #Contents,#footer {background:none;}
#wrapper {margin:0;}
#Contents {float:none; left:0; padding:0 0 30px 0; margin:0 0 0 -200px;}
#location {position:relative; top:0; right:0; margin:0;}
#footer {width:776px;text-align:left; height:200px;border-top:1px solid #dfdfdf;}