@charset "utf-8";

/*
Title : layout.css
Description : 공통
Author : 박지영,
Date : 2010.02
*/


/* common */
	* { margin:0; padding:0; font-family: 굴림, Gulim, AppleGothic, Sans-serif;}

	li { list-style:none; }
	img, fieldset { border:none;}
	legend, caption {display:none;}
	hr {display:none; width:100%;}
	.hidden { visibility:hidden; width:0; height:0; margin:0; overflow:hidden; font-size:0; }
	.bold {font-weight:bold;}
	.clear {clear:both;}
	.left{float:left;}

/* link */
	a:link	{ color:#666; text-decoration:none; }
	a:visited { color:#666; text-decoration:none; }
	a:hover   { color:#666; text-decoration:none; }
	a:active  { color:#666; text-decoration:none; }


	/* Default Type Selector */
a{ color:#666;}
img,
fieldset{ border:none;}
legend{ display:none;}
em{ font-style:normal; }
strong{ color:#666;}
li{ list-style:none;}

/* Layout */
#wrap{ position:relative; overflow:hidden; border:9px solid #7cbde5; }
#wrap2{ position:relative; overflow:hidden;  }
#header{  height:30px; margin:0 17px 0 18px; padding-top:17px; border-bottom:1px solid #5b8ca9; }
#content{margin:10px 0 0 18px; }
#footer{ text-align:center; font-family:verdana; font-size:9px; border-top:1px solid #ccc; color:#7d7d7d; padding:15px 0; width:544px; margin:0 17px 0 18px;}
#footer * { vertical-align:top;}

/* h* 선언 */
h1{ font-size:0; background:url(../images/Popup/logo.gif) no-repeat left top; height:30px;  padding-left:90px; }
h1 span.datetime {font-size:11px; color:#666; font-family:verdana; margin-left:10px; font-weight:normal; margin-right:400px; }
h1 img.tit {padding-top:2px; }
h2{ padding:10px 0; font-size:14px;}
h2.dot{ color:#666; padding:8px 0 0 12px; background:url(../images/bul/bul_h2.gif) no-repeat 0 11px; padding-bottom:7px; font-family: 굴림, Gulim, AppleGothic; font-size:12px; }
h3.dot{ color:#666; padding:8px 0 0 10px; background:url(../images/Popup/dot01.gif) no-repeat 0 12px; padding-bottom:7px; font-family: 굴림, Gulim, AppleGothic; font-size:12px; }


.input_text{ background:#f8f8f8; border:1px solid #d3d3d3; border-right:1px solid #e0e0e0; border-bottom:1px solid #e6e6e6; padding:4px 3px 4px 3px; color:#666;}
.date {font-size:10px; color:#666; font-family:verdana; }
.newstxt {font-size:13px; color:#666; width:545px;  margin-top:15px; line-height:1.6em; }
.newstxt2 {font-size:13px; color:#666; width:600px;  margin-top:15px; line-height:1.5em; }
.btn { text-align:center; padding:20px 0; }
.btn2 { text-align:center; padding:10px 0 20px 0; }

.forms{  margin:0 0 5px 0; width:488px;}
.forms *{ color:#666; vertical-align:top;}
.forms input{ position:relative; top:-2px; _top:-5px;}
.forms textarea { position:relative; top:-2px; _top:-5px; background:#f8f8f8; }

.items { border-top:1px solid #ccc; border-bottom:1px solid #ececec; background:#fff; padding:10px 0px 5px 0px; *padding:12px 0px 3px 0px; width:544px; margin-bottom:10px; }
.items dl { clear:both; height:28px; margin-top:2px; }
.items dt { float:left; color:#44617c;  font-weight:bold; width:115px; font-family: 굴림, Gulim, AppleGothic, Sans-serif; font-size:12px;  padding-left:5px; padding-top:2px;  }
.items dd { float:left;}
.items dd img.add { vertical-align:top; position:relative;top:0px;_top:-3px; left:-1px;}
.items dd textarea.textBox {width:411px; height:113px; border:1px solid #d3d3d3; border-right:1px solid #e0e0e0; border-bottom:1px solid #e6e6e6; padding:3px 3px 2px 3px; color:#666;}
.items dl.txtb {height:130px; }

.box1 {border:1px solid #eee; background:#f7f7f7; width:542px; height:53px; text-align:center; margin:15px 0 0 0; }
.box1 .txt02 {margin:20px 0; }
.txt01 {margin:10px 0 0 0; }

.newstxt2 a.arw {background:url(../images/bul/bul_arr_15.gif) no-repeat right 4px; *background:url(../images/bul/bul_arr_15.gif) no-repeat right 1px; padding-right:10px; margin-left:10px; }

/* Content */
/* solo style */
.w990 {width:990px;}
.w600 {width:582px; }
.w544 { width:544px;}
.w480 { width:460px;}
.w420 { width:420px;}
.mr2 {margin-right:-2px; }
.inp01 {width:231px; }
.inp02 {width:411px; }
.left {float:left;}

/* 실시간 속보 */

#contLeft { width:320px; height:100%; padding:0 0 10px 0; margin:0 0 0 20px;}
#contLeft  p.time {width:296px; font-family:verdana; font-size:12px; color:#666; padding-bottom:9px;padding-top:10px;*padding-top:5px; }
#contLeft  p.time input {margin:2px 3px 3px 0; *margin:0 0px 0 0; vertical-align:middle; }
#contLeft  p.time img {vertical-align:middle; margin-right:3px;}
#contLeft .txtlist {clear:both;}
#contLeft .txtlist ul {margin-top:10px; clear:both; width:290px;  }
#contLeft .txtlist ul.line {border-bottom:1px solid #e3e3e3; padding-bottom:10px; }
#contLeft .txtlist ul li {  font-size:12px; line-height:21px; }
#contLeft .txtlist ul li a {float:left; font-size:12px; background:url(../images/Popup/dot02.gif) no-repeat 0px 10px;  padding-left:10px;}
#contLeft .txtlist .time {float:right; color:#999; font-size:11px;  font-family:verdana;  }
#contRgiht { width:640px; height:565px; padding:0px 0 10px 14px; margin:0 14px 0 0px; }

.box2 {border:1px solid #ddd; background:#f7f7f7; width:593px; height:65px;  margin:15px 0 0 0; padding-left:10px; position:relative; }
.box2 p.date{ margin-top:10px; color:#333;}
.icons {position:absolute; right:8px; top:42px; }
.icons a.bar {background:url(../images/bul/ico_bar01.gif) no-repeat 0 4px; padding-left:8px;}

.related {margin-top:10px; }
.related h3 {font-size:0; padding:7px 0 5px 0; clear:both; margin-left:3px; }
.related ul.list { clear:both; margin:0 0 0 2px;  }
.related ul.list li {font-size:13px;  margin-bottom:4px; padding-left:10px; height:18px; line-height:18px;  background:url(../images/bul/bul_b02.gif) no-repeat left 7px; overflow:hidden; width:300px; }
.related ul.list li a {color:#000; font-weight:bold; }
.banner02 { float:left; margin:10px 0 10px 0; *margin:10px 0 0 0; }
.banner03 { margin:10px 0 10px 0; }
.releft {float:left; width:353px; }

.phoList {clear:both; width:589px; height:114px; border:1px solid #d5d5d5; position:relative; margin:10px 0 0 0; padding:5px 0 0 12px; background:url(../images/News/bg_bar01.gif) no-repeat 300px top;}
.phoList h3 {font-size:13px; color:#000; padding-top:7px; padding-bottom:3px; }
.phoList h3 a { color:#000; }
.phoList p { width:260px; float:left; color:#666; font-size:12px; padding-top:5px; line-height:18px; }
.phoList .bg01 { margin-left:40px; float:left; }
.phoList p img {padding-right:10px; }


/* 탭 */
#tab_left .bgline{ margin-top:8px; background:url(../images/Popup/bg_tab.gif) repeat-x left bottom; overflow:hidden; width:300px;}
#tab_left h4 {float:left; _display:inline; border-top:1px solid #dcdbdc; border-left:1px solid #dcdbdc; border-right:1px solid #dcdbdc; margin-right:-1px; }
#tab_left h4 a { text-align:center; font-weight:normal; text-decoration:none; float:left; padding:5px 4px 3px 4px;  display:block; }
#tab_left h4 a.tabbtn { background: #f7f7f7; font-size:12px; color: #999; }
#tab_left h4 a.tabbtn_over { background:#fff; border-bottom:1px solid #fff; font-size:12px; color:#222;  display:block; }
#tab_left div.tab_left{ padding-top:10px;height:100%; float:left;}

/* pageing */
	.paging{ padding:20px 0 0 0 ; margin-left:35px; clear:both;}
	.paging a,
	.paging strong{ _position:relative; margin-left:-7px;  display:inline-block; padding:3px 5px 1px 5px; color:#666; font-size:11px; text-decoration:none; line-height:normal; }
	.paging strong{ color:#000; text-decoration:underline; }
	.paging a.fir img {vertical-align:middle; margin-right:-4px;}
	.paging a.last img {vertical-align:middle; }
	.paging a.pre img {vertical-align:middle; }
	.paging a.next img {vertical-align:middle; margin-right:-4px;}


#search {vertical-align:middle; float:left; margin:0 3px 0 0px; padding:1px 0 0 4px; width:203px; height:24px; background:url(../images/Popup/top_src_pop2.gif) no-repeat left top;  }
#search input {float:left; margin:3px 5px; }
#search input.top_src {  padding:2px; width:173px; height:13px; border:0 none; }
input.btn_src{ width:39px; height:24px;}

/* 해럴드 미디어 게시물 관리기준 */

.btxt {font-size:11px; color:#666; line-height:1.5em; }
.box3 {background:#f7f7f7; border:1px solid #eee; font-size:11px; color:#666; line-height:1.6em; width:390px; padding:18px 10px 18px 18px; margin-top:15px;}
.box3 em { color:#4487b0; }