@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(/resource/common/common.css);
@import url(default.css);

a img {border: none;}
td {color:#333333; font-family:±¼¸²; font-size:9pt; line-height: 18px}
form {padding:0;margin:0;}
select,form,input,option,textarea {font-size:9pt; font-family:±¼¸²;}

A:link  {color:#333333; text-decoration:none}
A:visited  {color:#333333; text-decoration:none}
A:hover  {color:#333399; text-decoration:underline}

div { font-family:±¼¸²; font-size:9pt; line-height: 1.5;}
     
.form {font: 9pt "±¼¸²"; COLOR:#213744; BORDER:1x solid #999999; text-align:left}
.t0 {text-decoration: none}
.t1 {font-size: 9pt; font-family: "±¼¸²"; color:#333333}
.bigtext {font-size: 13pt; font-family: "±¼¸²"}
.bodytext {  font-family: "±¼¸²"; font-size: 9pt; line-height: 25px; color: #666666}
.bodytext1 {  font-family: "±¼¸²"; font-size: 9pt; line-height: 16px; color: #666666}
.bodytext2 {  font-family: "µ¸¿ò"; font-size: 8pt; line-height: 16px; color: #73716E}
.bodytext3 {  font-family: "µ¸¿ò"; font-size: 8pt; line-height: 14px; color: #73716E}
.bold {  font-family: "±¼¸²"; font-size: 9pt; font-weight: bold; color: #413A70}

BODY,TD,input,DIV,form,TEXTAREA,center,pre,blockquote {
  scrollbar-face-color: #C8C8C8;
  scrollbar-shadow-color: #7B7B7B;
  scrollbar-highlight-color: #FFFFFF;
  scrollbar-3dlight-color: #7B7B7B;
  scrollbar-darkshadow-color: #FFFFFF;
  scrollbar-track-color: #e9e9e9;
  scrollbar-arrow-color: #FFFFFF;
}

.top-menu {font-size:8pt;font-family:µ¸¿ò;color:#e4e4e4;}
.top-menu a:link, .top-menu a:visited, .top-menu a:hover {color:#e4e4e4 ! important;text-decoration:none;}

body {
  margin-top: 0px;
  margin-bottom: 0px;
  background:url(/resource/image/main/top_color.gif) repeat-x top;
}
#topSection1 {
  table-layout:fixed;width:100%;
}
#topSection1 td div.top {position:relative; display:block; width:100%; height:39px;}
div.subsection {text-align:center; display:none; line-height:25px;}
div.subsection a {margin:0 5px;}
#topSection1 td a.topsection {
  display:block;height:39px;line-height:39px;
  font-size:16px;color:#fff;letter-spacing:-2px;text-align:center;
  font-weight:bold;font-family:"Malgun Gothic","Nanum Gothic",dotum,dotumche,gulim;
}
#topSection1 td a.selected,
#topSection1 td a.topsection:hover {
  background:url(/coding/main_tab_over.gif) repeat-x left bottom;color:#000;
  text-decoration:none;
}

#leftSection a.current {color:#006699;font-weight:bold;}

#main1 {margin-bottom:15px;}
#main1 .news {text-align:justify; clear:both;}
#main1 .news a:hover {text-decoration:none;}
#main1 .news a:hover .title {text-decoration:underline;}
/*#main1 .news .title {color: #003AA3; font-size: 16px; margin-bottom: 4px; letter-spacing:-1px; line-height:1.3;}*/
#main1 .news .title {color: #000000; font-size: 16px; margin-bottom: 4px; letter-spacing:-1px; line-height:1.3;}
#main1 .news .sub {color: #000; font-weight: bold; font-size: 12px; margin-bottom: 4px; letter-spacing:-1px; display:block;}
#main1 .news .content {color: #606060; display:block;}
#main1 .news .info {color: #898989; font-size: 11px; font-style:normal;}
#main1 .line {height:1px;line-height:1px;font-size:1px;overflow:hidden;background:#e7e7e7;margin:5px 0;clear:both;}
#main1 .line hr {display:none;}
#main1 ul.newsrelative {margin:5px 0 0 0;clear:both;}
#main1 ul.newsrelative li {text-align:left;}

#main2 {}
#main2 .news {text-align:justify; clear:both; margin-bottom:10px;}
#main2 .news a:hover {text-decoration:none;}
#main2 .news a:hover .title {text-decoration:underline;}
#main2 .news .title {color: #000; font-size: 14px;}
#main2 .news .content {color: #606060; margin-top: 4px;}
#main2 .news .info {color: #898989; font-size: 11px; font-style:normal;}
#main2 ul.newsrelative {margin:5px 0 0 0;clear:both;}
#main2 ul.newsrelative li {text-align:left;}

a.minibutton {display:inline-block; height:17px; padding:0 0 0 5px; background:url(/resource/img/miniButton.gif) no-repeat left top; text-decoration:none;}
a.minibutton span {cursor:pointer; display:inline-block; height:17px; vertical-align:bottom; margin:0; padding:1px 5px 0 0; background:url(/resource/img/miniButton.gif) no-repeat right top; font-size:11px; font-family:dotum, gulim; color:#555;}
a.minibutton:hover span {color:navy;}

#top_top {padding-left:20px;}
#top_top a {color:#fff;font-weight:bold;font-size:14px;letter-spacing:-1;font-family:"malgungothic","nanumgothic",dotum,gulim;margin-right:7px;}
#top_top a:visited,
#top_top a:hover {text-decoration:none;}
#top_top a:hover {color:yellow;}

#top_comm {padding-right:10px;text-align:right;}
#top_comm a {color:#fff;font-size:12px;letter-spacing:-1;font-family:dotum,gulim;margin-left:5px;}

.top_sub {display:none;padding-left:20px;}
.top_sub strong {margin-right:10px;color:navy;}
.top_sub a {margin-right:5px;letter-spacing:-1px;}

#main_vod .main_vod_title a {color:#fff;font-size:18px;font-weight:bold;}
#main_vod .main_vod_content {color:#ccc;}
#main_vod_list, .main_vod {
  height:220px;background:#000;overflow-y:scroll;
  scrollbar-arrow-color:#000;
  scrollbar-face-color:#5f6b7f;
  scrollbar-darkshadow-color:#000;
  scrollbar-highlight-color:#5f6b7f;
  scrollbar-shadow-color:#5f6b7f;
  scrollbar-track-color:#171d29;
  scrollbar-3dlight-color:#000;
}
#main_vod .main_vod {height:250px;line-height:1.6;padding:10px;overflow-y:scroll;background-color:#303c50;}
#main_vod .main_vod_content,
#main_vod .main_vod_content p,
#main_vod .main_vod_content ul,
#main_vod .main_vod_content * {line-height:1.6;font-size:9pt ! important;color:#eee ! important;padding:0;margin:0;}
#main_vod_list ul {list-style:none none outside;padding:0;margin:10px;}
#main_vod_list ul li {display:block;clear:both;}
#main_vod_list ul li img {width:80px;height:60px;float:left;margin-right:5px;border:solid 1px #efefef;}
#main_vod_list ul li a {color:#f1f1f1;font-size:8pt;}
#main_vod_list ul li a strong {color:#fff;font-size:9pt;font-weight:normal;}
#main_vod_list ul li.line {height:1px;line-height:1px;overflow:hidden;background:#5f6b7f;clear:both;margin:5px 0;padding:0;font-size:1px;}

#top_current {text-align:center;margin-bottom:5px;}
#top_current a {font-weight:bold;display:inline-block;height:26px;padding:0;}
#top_current a:hover,
#top_current a:visited {
  text-decoration:none; background:#fff url(/coding/top_top_bg.gif) no-repeat left top;
}
#top_current a span {
  display:inline-block;width:140px;height:26px;line-height:26px;margin-left:10px;padding:0 20px 0 10px;cursor:pointer;vertical-align:middle;
  font-weight:bold;color:#fff;font-size:13pt;font-family:"malgungothic","nanumgothic",dotum,gulim;letter-spacing:-1px;
  background:#fff url(/coding/top_top_bg.gif) no-repeat right top;
}
#top_current a:hover {background:#fff url(/coding/top_top_bg2.gif) no-repeat left top;}
#top_current a span img {display:inline;margin-right:5px;width:5px;height:5px;vertical-align:middle;background:#fff;}
#top_current a:hover span {background:#fff url(/coding/top_top_bg2.gif) no-repeat right top;color:#000;}
#top_current a:hover span img {background:#000;}

#mainticker1 {background:#fff url(/coding/inc/ticker_bg.gif) no-repeat 10px top;}
#mainticker {height:20px;overflow:hidden;width:100%;}
#mainticker span {display:block;line-height:20px;padding-left:80px;}
#mainticker.mainticker_hover {background:#fff url(/coding/images/headline.gif) no-repeat 2px 2px;width:360px;height:auto;overflow:inherit;top:165px;border:solid 1px #999;z-index:100;position:absolute;}

#container {position:relative; background:url(/coding1/images/line.gif) repeat-y top center;}

.topsections {text-align:left; padding-left:20px; vertical-align:middle; width:82%;} /* ¼öÁ¤ : width:75% */
.topsections a:link,
.topsections a:visited,
.topsections a:hover {color:#333; vertical-align:middle; font-family:'Nanum Gothic',sans-serif; font-size:15px; margin-right:15px; font-weight:bold;} /** ¿ø·¡ margin-right:10px **/
.topsections a:hover,
.topsections a.hover {color:#ec360e; text-decoration:none;}
.topsections a img {margin:0 5px; vertical-align:middle;}
.topsearch {text-align:right; padding-right:20px; vertical-align:middle;}
.topsearch input {border:solid 2px #ccc; font-size:9pt; width:90px; vertical-align:middle;}
.topsearch button {width:43px; height:21px; border:0px; cursor:pointer; background:url(/coding/images/b_topsearch.gif) no-repeat center; vertical-align:middle; margin-left:2px;}
.topsearch button span {display:none;}
#clock {font-size:8pt; color:#555;}

.topsubmenus {text-align:left;padding-left:30px;letter-spacing:-1px;}
.topsubmenus span {font-size:8pt;margin:0 7px;color:#ccc;}

.left-sections tr td a {color:#444; text-decoration:none;}
.left-sections tr td a:hover,
.left-sections tr td a.current {color:blue; text-decoration:none;}
.left-sections-label {text-align:center; background:#31adeb url(/coding/images/mt_bg.gif) no-repeat center;}
.left-sections-label span {color:#fff; font-size:11pt; font-weight:bold; letter-spacing:-1px; font-family:dotum, gulim, Serif;}

.right-recent-item {white-space:nowrap; overflow:hidden; width:140px; text-overflow:ellipsis; letter-spacing:-2px;}

.style8 {
	color: #FFFFFF;
	font-weight: bold;
}
.style1 {
	color: #FFFFFF;
	font-weight: bold;
}
.style2 {
	color: #0073BA;
	font-weight: bold;
}
.style3 {
  color: #44A2DE;
	font-weight: bold;
}
.style4 {color: #404040}

div.bannerDiv{margin-top:5px;text-align:center;}