@font-face {
	font-family: 나눔고딕;
	font-style:  normal;
	font-weight: normal;
	src: url(http://www.kookje.co.kr/myfont/DBFNT0.eot);
}
* {margin:0; padding:0; font-family: Dotum,"돋움",Gulim,"굴림", Helvetica, Apple-Gothic; font-size:14px; font-style:normal; font-weight:normal;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,form,fieldset,p,button{margin:0;padding:0;}
table{border-collapse:collapse;}
body,div,input,select,textarea{color:#333; }
body *{-webkit-text-size-adjust:none; }
div{display:block; color:#555555;}
body{background-color:#fff;-webkit-text-size-adjust:none;}
hr{display:none;}
img,fieldset{border:0 none;}
img,input,select,textarea{vertical-align:middle;}
ul,ol,li{list-style:none outside; line-height:120%;}
* a{padding:5px;}
a:link,a:visited,a:hover,a:active{text-decoration:none; color:#333333;}
strong{font-weight:bold;}

.hidden_wrap{visibility:hidden;width:1px;height:1px;line-height:0;overflow:hidden;position:absolute;top:-10000px;left:0;font-size:0;}


#wrap{width:100%;  margin:0 auto;}
#header{display:block; width:90%;  margin:0 auto; padding:13px 0;}
#header h1{display:inline; margin-top:15px; z-index:1; width:30%;}
#header span{clear:both; position:absolute; top:15px; right:20px; }
.hot{position:absolute; left:41%; top:45px; z-index:2;}
#articleBody{font-size:1.3em;line-height:1.35em}



#top_nav{width:100%; background:url(./img/back_menu.gif) repeat-x 0 0; height:45px;  overflow:hidden; white-space:nowrap;}
#top_nav ul,
#sub_nav ul{width:90%; margin:0 auto; }
#top_nav li{float:left;  width:24%; color:#ffffff; white-space:nowrap; padding:13px 0px;  background:url(./img/back_menu_bar.gif) no-repeat right center; text-align:center; }
#top_nav li a{padding:10px 10px; color:#ffffff; white-space:nowrap; text-align:center;  font-weight:bold; text-decoration:none; }
#top_nav li a:hover,
#top_nav li a:focus{color:#ffffff;}
#top_nav li.on {margin-top:10px; background:url(./img/back_left.gif) repeat-x left top; z-index:2; padding:0px; }
#top_nav li.on a{color:#2f66b4; padding:0px; }
#top_nav li.on strong {display:block; overflow:hidden; width:100%; margin:0px; padding:10px 0;  }
#top_nav li.on strong a { color:#333333; text-decoration:none;}

#sub_nav{overflow:hidden; width:100%;  border-bottom:1px solid #e7e7e7;}
#sub_nav ul{display:block; clear:both; width:95%; margin:0 auto; }
#sub_nav ul li{float:left;padding-left:20px;}
#sub_nav ul li a{font-size:105%;  display:block; color:#636363; padding:10px 0px; text-align:center; font-weight:bold;  }



#icon_menu{width:95%% ; margin:0px auto;}
#icon_menu ul{width:100%;  overflow:hidden;margin:0 auto;}
#icon_menu ul li{float:left; width:100px; text-align:left; background:url(./img/icon_back.jpg) no-repeat 50% 50%; padding:10px 0; color:#2f66b4}
#icon_menu ul li a{padding-left:10px;  color:#2f66b4}
/*border:1px solid #cc0000*/

.banner_position{width:95%;margin:0 auto;text-align:left; }
#banner_position_oly{ width:95%; height:92px; margin:0 auto; overflow:hidden;text-align:left;  border:1px solid #ffffff;}
#banner_position_oly #banner_title{width:303px; height:30px; overflow:hidden; background:url(./img/2012oly_title_back.jpg)}
#banner_position_oly #banner_title span{float:right; margin-top:7px; margin-right:20px; width:50px; height:15px; font-size:12px; text-align:right; font-weight:bold; color:#ffffff;}
#banner_position_oly img{margin:0px;}

.banner_position a{padding:0px;}
#banner_position_oly a{padding:0px;}

.news_list{ display:block; clear:both;  width:95%;  margin:0px auto; }
.news_list h2{margin:10px auto; margin-top:20px;  border-bottom:2px solid #dbe4ee; }
.news_list h2 a{padding:0px 0px 6px 10px;color:#2f66b4;font-weight:bold; font-size:125%; }
.news_list .more{position:absolute; right:3%; padding:0px;}
.news_list .reload{position:absolute; margin-right:25px; padding:0px;}
.news_list .list_img{float:left; overflow:hidden; width:100px; padding:0px; margin:5px 10px 0 3px; text-align:center;}
.news_list .list_img img{padding-bottom:5px; }
.news_list .list_img img a{padding:0px; margin:0px; }
.news_list .list_img .img_title{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.section{color:#539BA6;}

.news_list ul.dot_style{overflow:hidden;  margin:10px auto; font-size:normal;}
.news_list ul.dot_style li{overflow:hidden; background:url(./img/bul_gray.gif) no-repeat 10px center; padding-left:15px;}
.news_list ul.dot_style li a{display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }


.news_list ul{overflow:hidden;  margin:10px auto; font-size:normal;}
.news_list ul li{overflow:hidden; }
.news_list ul li a{display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;  }



.photo_list{ display:block; clear:both;  width:95%;  margin:0px auto;margin-bottom:25px; }
.photo_list h2{margin:10px auto; margin-top:20px;  border-bottom:2px solid #dbe4ee; }
.photo_list h2 a{padding:0px 0px 6px 10px;color:#2f66b4;font-weight:bold; font-size:125%; }
.photo_list ul{overflow:hidden; }
.photo_list ul li{float:left; overflow:hidden; width:30%; margin:0px 5px; padding:0px; text-align:left; }
.photo_list ul li img{display:block; padding-bottom:5px; text-align:center;}
.photo_list ul li img a{padding:0px; margin:0px; }



.m_sub_list{ display:block; clear:both;  width:95%;  margin:0px auto; }
.m_sub_list h2{margin:10px auto; margin-top:20px; padding:0px 0px 6px 10px;color:#2f66b4; border-bottom:2px solid #dbe4ee; font-size:125%; font-weight:bold;}
.m_sub_list .more{position:absolute; right:3%; padding:0px;}
.m_sub_list ul{overflow:hidden;  margin:10px auto; font-size:normal;}
.m_sub_list ul li{overflow:hidden; border-bottom:1px dashed #dbe4ee}
.m_sub_list ul li a{display:block; font-weight:bold; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:5px 0; padding-left:20px;}
.m_sub_list ul.dot_style li{background:url(./img/bul_gray.gif) no-repeat 10px center;}


.m_list_photo{ display:block; clear:both;  width:95%;  margin:0px auto; }

.m_list_photo h2{margin:10px auto; margin-top:20px; padding:0px 0px 6px 10px;color:#2f66b4; border-bottom:2px solid #dbe4ee; font-size:125%; font-weight:bold;}
.m_list_photo .more{position:absolute; right:3%; padding:0px;}
.m_list_photo ul{overflow:hidden;  margin:10px auto; font-size:normal;}
.m_list_photo ul li{clear:both; overflow:hidden; border-bottom:1px dashed #dbe4ee; padding:10px 0;}
.m_list_photo ul li a{padding:5px 0;}
.m_list_photo ul img{ overflow:hidden; float:left; width:90px; padding:0px; padding-right:10px;}
.m_list_photo ul .htext{ overflow:hidden; margin:0px; line-height:120%; margin-top:5px;}
.m_list_photo ul .htext a{color:#8f8f8f;}


#page_no{overflow:hidden; width:100%; margin:10px 0;}
#page_no .pre{float:left;}
#page_no .next{float:right; }

.list_title{font-weight:bold; margin:0px; padding:0px; font-size:105%; line-height:130%; color:#000000;}
.svc_date{color:#ababab; font-size:95%; padding-left:10px;}


#footer{width:100%;  margin-top:25px; padding:25px 0px 60px; border-top:1px solid #dbe4ee; background:#eff2f5; text-align:center; font-size:80%}


#view_top{padding:10px;}
#view_top .view_title{font-size:125%; font-weight:bold; color:#000000;}
#view_top .view_title_sub{font-size:115%; color:#222222;}

.google_top {width:100%;float:center;height:50px;margin:0;}

#view_htext{padding:0px 10px 10px;}
#view_htext .htext_img_wrap{width:100%; margin:10px auto; background:#000000; text-align:center; padding-bottom:5px;}
#view_htext .htext_youtube{width:300px; height:239px; border:0}
#view_htext .news_embed{width:300px; height:169px;}
#view_htext #con_text{margin-top:15px; line-height:140%;text-align:justify;}
#view_htext #reporter{}


.htext_img{border:0px; width:98%; margin:0 auto; padding:5px 0;}
.phototext{margin:5px 0 10px 0; font-weight:bold; color:#CCC }
.phototext a:link{ font-weight:bold; color:#CCC }
.phototext a:visited{ font-weight:bold; color:#CCC }
.phototext a:hover{ font-weight:bold; color:#CCC }
.phototext a:active{ font-weight:bold; color:#CCC }


/*올림픽*/
#mobile_banner_olympic {clear:both; height:30px; overflow:hidden; width:95%;  margin:0px auto;  }
#mobile_banner_olympic img{display:block; float:left; margin:9px 0 0 5px; }
#mobile_banner_olympic #m_oly_sch{float:left;  height:20px; margin:5px 0 0 8px; color:#696969; width:210px; overflow:hidden;  }

#mobile_banner_olympic ul#m_oly_sch {overflow:hidden; height:20px; list-style:none;}
#mobile_banner_olympic ul#m_oly_sch li{margin:5px auto; height:20px color:#696969; font-size:12px; }
#mobile_banner_olympic ul#m_oly_sch li strong{overflow:hidden;font-size:12px;  text-overflow:ellipsis; white-space:nowrap; }

#oly_main{width:95%; margin:0 auto; }
#oly_main .oly_today{padding:5px 0; width:95%; text-align:center; font-size:14px; font-weight:bold; border-bottom:1px dashed #999999;}
#oly_main .oly_today strong{ font-size:12px;}
#oly_main #oly_sch{width:95%;overflow:hidden; font-size:12px;}
#oly_main #oly_sch td{font-size:12px; padding:5px; overflow:hidden;  text-overflow:ellipsis; white-space:nowrap; background:url(./img/m_oly_back.jpg) repeat-x 0 bottom;}
#oly_main #oly_sch td strong{ font-size:12px; }
#oly_main #oly_sch td.oly_time {text-align:center; width:20%;}
#oly_main #oly_sch .re{width:303px; font-size:12px;}
#oly_main #oly_sch .end_re{width:303px; color:red; font-size:12px;font-weight:bold}
/*btn*/
.button,
.button a,
.button button,
.button input { position:relative; margin:0; display:-moz-inline-stack; display:inline-block; text-decoration:none !important; border:0; font-size:12px; font-family:Tahoma, Sans-serif; white-space:nowrap; background:url(./img/buttonWhite.gif) no-repeat; overflow:visible; color:#555555;}
.button { height:23px; padding:0; vertical-align:middle; margin-right:2px; background-position:left top;}
.button a,
.button button,
.button input{ left:2px; vertical-align:top; cursor:pointer;}

/* Button Size */
.button.large { height:29px; background-position:left -30px; }
.button.xLarge { height:35px; background-position:left -65px; }
.button.small { height:18px; background-position:left -107px; }
.button a,
.button button,
.button input { height:23px; padding:0 10px 0 8px; font-size:12px; line-height:23px; background-position:right top;}
.button.large a,
.button.large button,
.button.large input { height:30px; padding:0 10px 0 8px; font-size:16px; line-height:29px; background-position:right -30px;}
.button.xLarge a,
.button.xLarge button,
.button.xLarge input { height:35px; padding:0 10px 0 8px; font-size:20px; line-height:35px; background-position:right -65px;}
.button.small a,
.button.small button,
.button.small input { height:18px; padding:0 6px 0 4px; font-size:11px; line-height:18px; background-position:right -107px;}

/* Button Text Color */
.button *:hover,
.button *:active,
.button *:focus{ color:#2f66b4;}
.button.green,
.button.green a,
.button.green button,
.button.green input { background-image:url(./img/buttonGreen.gif); color:#fff;}
.button.green *:hover,
.button.green *:active,
.button.green *:focus{ color:#ff0;}
.button.black,
.button.black a,
.button.black button,
.button.black input { background-image:url(./img/buttonBlack.gif); color:#fff;}
.button.black *:hover,
.button.black *:active,
.button.black *:focus{ color:#ff0;}
.button.red,
.button.red a,
.button.red button,
.button.red input { background-image:url(./img/buttonRed.gif); color:#fff;}
.button.red *:hover,
.button.red *:active,
.button.red *:focus{ color:#ff0;}
.button.blue,
.button.blue a,
.button.blue button,
.button.blue input { background-image:url(./img/buttonBlue.gif); color:#fff;}
.button.blue *:hover,
.button.blue *:active,
.button.blue *:focus{}

/* Button Text Strong */
.button.strong * { font-weight:bold !important;}

.itv {display:inline-block;width:20px;height:18px;background:url(../kookje/images/tv.gif) no-repeat; vertical-align:middle;}
.itvs {display:inline-block;width:11px;height:12px;background:url(../kookje/images/tv_s.gif) no-repeat; vertical-align:middle;}
.isoc {display:inline-block;width:28px;height:20px;background:url(../kookje/images/main_soc.gif) no-repeat; vertical-align:middle;}
.isoc1 {display:inline-block;width:28px;height:20px;background:url(../kookje/images/main_soc1.gif) no-repeat; vertical-align:middle;}
.idan {display:inline-block;width:28px;height:20px;background:url(../kookje/images/main_dan.gif) no-repeat; vertical-align:middle;}
.igin {display:inline-block;width:28px;height:20px;background:url(../kookje/images/main_gin.gif) no-repeat; vertical-align:middle;}
.igin1 {display:inline-block;width:28px;height:20px;background:url(../kookje/images/main_gin1.gif) no-repeat; vertical-align:middle;}