/*	¿©¼º½Å¹® ±âº» CSS

    ¼Ó¼º:°ª !ie;  IE Àü¿ë
	¼Ó¼º:°ª ie; Non-IE Àü¿ë
	¼Ó¼º:°ª\9; IE 9
	IE¸¸ Àû¿ë ¿¹ : width:990px; width:950px !ie;
*/

/*	CSS Reset
	http://meyerweb.com/eric/tools/css/reset/
	v2.0 | 20110126
	License: none (public domain)
*/
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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
:focus { outline: 0 }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
html { width:100%; *height:100%; }
body { font-size: 1em; line-height: 1.4; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
abbr,acronym { border:0; }

/* Globals */
::selection { background: #da354d; color: #fff; } ::-moz-selection { background: #da354d; color: #fff; }
body { text-align:center; margin:10px 0; font-size: 12px; font-family: 'µ¸¿ò', dotum, '±¼¸²', gulim, AppleGothic, Verdana, sans-serif }

a { color: black; text-decoration: none; }
a:link, a:visited, a:active { text-decoration: none; }

a:hover .title { text-decoration: underline; }

strong, b { font-weight: bold }
i { font-style:italic }
u { text-decoration: underline }
strike, s { text-decoration: line-through }

/* ClearFixs
http://www.quirksmode.org/css/clearing.html
<div id="container" class="clearfix">
  <div style="float: left;"></div>
  <div style="float: left;"></div>
</div>
*/
.clearfix:before, .clearfix:after, .clear:before, .clear:after, .spc:before, .spc:after { content: ""; display: table; }
.clearfix:after, .clear:after, .spc:after { clear: both; }
.clearfix, .clear, .spc { zoom: 1; } /* IE < 8 */
/* float clearing for IE6 */
* html .clearfix{ height: 1%; overflow: visible; }
/* float clearing for IE7 */
*+html .clearfix{ min-height: 1%; }

td a { text-decoration: none; }
td a:link, td a:visited, td a:active { text-decoration: none; }
td a:hover { text-decoration: underline; }

.w100 { width: 100%; }
.w99 { width: 99%; }
.w95 { width: 95%; }
.w80 { width: 80%; }
.w50 { width: 50%; }
.w30 { width: 30%; }

h1 { font-size: 150%; }
h2 { font-size: 140%; }
h3 { font-size: 130%; }
h4 { font-size: 120%; }
h5 { font-size: 110%; }
h6 { font-size: 100%; }

.nowrap { overflow: hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space: nowrap; }
.nodata { height:30px; text-align: center; }

/* ÀüÃ¼ Å×µÎ¸®. bodyÀÇ text-align:center¿Í margin:0 auto ÅëÇÏ¿© ºí·°Lv1 °¡¿îµ¥·Î ¼³Á¤ */
.wrapper { width:990px; text-align:left; margin: 0 auto }

ul.latest1line li, ol.latest1line li { overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; }

/* ¸ÞÀÎÆäÀÌÁö */
#header ul, #section ul, #sidebar ul { list-style:none; }

#article ul.d_list, #article ol.d_list { font-size: 13px; margin: 0 0.5em; line-height: 1.5 }
#article ul.d_list { list-style-position: inside; list-style-type: disc }
#article ol.d_list { list-style-position: inside; list-style-type: decimal }

#header { height:65px !ie; margin:0 0 10px 0; padding:0 0 7px 0; border-bottom:2px solid #cc0000; position:relative }
#header .menu { font-size:12px; text-align:right; color:silver; position:absolute; right:0; top:0 }
#header .menu a { color:#000 }
#header .logo { width:230px; height:65px }
#header .c_ban{ position:absolute; left:220px; top:30px; width:100px; height:33px; }

#header #nav { width:425px; list-style:none; margin:0; padding:0; position:absolute; left:264px; bottom:0 }
#header #nav li { display:inline; margin:0 20px 0 0; cursor:pointer; position: relative }
#header #nav li span { color:lightgrey }
#header #nav li ul { z-index: 90; display: none; position: absolute; left: 0; top:10px; top: 27px !ie; padding:10px 15px; background:#fff; border:2px solid #000; font:bold 14px Malgun Gothic,dotum,Verdana }
#header #nav li:hover ul { display:block } /* Menu hover show for non-IE or lower IE8 */
#header #nav li ul.news { width:350px }
#header #nav li ul.life { width:130px }
#header #nav li ul.culture { width:50px }
#header #nav li ul li { margin:0 }

#header #frmSearch { width:265px; height:28px; position:absolute; right:0; top:30px }
#header #frmSearch #q { position:absolute; left:0; border:2px solid #c51919; width:202px; height:29px; margin:0; ime-mode: active; font:bold 20px 'Malgun Gothic,dotum,Verdana' }
#header #frmGSearch { width:480px; height:28px; position:absolute; left:80px; top:30px }
#header #frmGSearch #q { position:absolute; left:190px; border:2px solid #c51919; width:227px; height:31px; margin:0; ime-mode: active; font:bold 20px 'Malgun Gothic,dotum,Verdana' }
#header #btnSearch { border:0; position:absolute; right:0 }

#section { margin-bottom:10px; vertical-align: bottom; }
#article { float:left; width:679px; padding-bottom:10px; margin-right: -1px; border-right: 1px solid lightgrey; }
#article .nav { margin-bottom:20px }
#article .nav, #article .nav a { color:#464242 }
#article .nav .current { font-weight:bold }
#article ul.rel { clear:both; line-height:16px; }
#article ul.rel li { margin:3px 0 0 5px; background:url('/images/icon_reply2.gif') no-repeat left center; padding-left:16px }

/* @import:url('/css/main_news.css'); Çìµå¿¡¼­ CSS Link ÇÏ¿© ÁÖ¼®¸¸ ³²±è */

#sidebar { float:left; width:300px; padding-left:10px; border-left: 1px solid lightgrey; }
#sidebar h4 { font-weight:bold; font-size:14px; margin:0 0 5px 0; padding:10px; color:#fff; background-color:#AE0800; /*background-color:#ddd;*/ }
#sidebar h4 a { color:inherit; }
#sidebar ul.list, #sidebar ol.list { font-size: 14px; }
#sidebar ul.list, #sidebar ol.list, #sidebar dl { line-height:18px; margin-bottom:15px }
#sidebar ul.list li { margin:0 0 1px 5px; background:url('/images/bullet.gif') no-repeat left center; padding: 0 0 0 10px; white-space: nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; }
#sidebar ul.list li a, #sidebar ol li a { color:#090909 }
#sidebar ol.list li { margin:0 0 5px 25px; padding:0; }
#sidebar ul.list li, #sidebar ol.list li { margin:7px 0 0 7px; }
#sidebar ul.feed { font-size: 13px; line-height: 18px; height:300px; overflow-x: hidden; overflow-y: scroll }
#sidebar ul.feed li { border-bottom:1px solid #e8e8e8; }
#sidebar ul.feed li a { display:block; padding:10px; }
#sidebar ul.feed li a:hover { background-color:#ececec; }
#sidebar ul.feed li a > div { color:#989898; margin-top:10px }

#footer { clear:both; position:relative; border-top:3px solid #818181; margin:0; padding: 10px 0 0 0 }
#footer, #footer a { color:#818181 }
#footer .nav, #footer .corp span { color: silver }
#footer select { position:absolute; right:0; top:10px; }
#footer .corp { position:relative; font-size: 12px; line-height:1.5; top:15px; left:0 }
#footer .corp p { margin-top: 1em }
#footer .qrcode { position:absolute; width:65px;height:65px; top:0;right:0; border:0 }
#footer a { text-decoration: none; padding:2px; font-weight: bold }
#footer a:hover, #footer a.highlight:hover { color: #C51919 }
#footer a.highlight { color: #000 }

/* »çÀÌÆ®¸Ê */
#sitemap {
	font:normal 12px dotum;
	position:absolute;
	width:430px; height:280px;
	background-color:#fff;
}
#sitemap div.item { width:125px; float:left; margin:0 8px 10px 8px; }
#sitemap h5 {
	color:#C34461;
	background-color:#EFEFEF;
	margin:0;
	padding: 5px 15px;
	font-size:14px;
}

#sitemap h5 a {
	color:#C34461;
	text-decoration: none;
}

#sitemap ul {
	margin:0; padding: 0.3em 0.3em 0.3em 1.3em;
	line-height:16px;
	list-style:none;
}

#sitemap ul a {
	color:#000000;
	text-decoration: none;
}
#sitemap ul a:hover {
	color:#C34461;
	text-decoration: none;
}

/* zPaging */
#paging { margin-bottom:10px }
#paging .nowPage {
	font-weight: bold;
	color: black;
	text-decoration: none;
	padding: 6px 0;
}
#paging .normalPage {
	color: highlight;
	text-decoration: none;
	padding: 6px 0;
}
#paging .normalPage:hover {
	color: brown;
	text-decoration: underline;
}

#paging .infoPage {
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: gainsboro;
	color: #000;
}
#paging .infoPageFirst, #paging .infoPagePrev, #paging .infoPageNow, #paging .infoPageNext, #paging .infoPageLast {
	font-weight: bold;
	cursor: pointer;
	background-color: silver;
	color: dimgray;
	padding-top: 5px;
	padding-bottom: 5px;
}
#paging .infoPageFirst:hover, #paging .infoPagePrev:hover, #paging .infoPageNow:hover, #paging .infoPageNext:hover, #paging .infoPageLast:hover {
	background-color: black;
	color: yellow;
}


/* ¹è³Ê */
div.banner { /*float: left;*/ margin: 5px; }

/* Ajax */
div#autocomplete {
  position:absolute;
  background-color:white;
  border:1px solid #888;
  margin:0px;
  padding:0px;
}
div#autocomplete ul {
  list-style-type: none;
  margin:0px;
  padding:0px;
}
div#autocomplete ul li.selected { background-color: #ffb; }
div#autocomplete ul li {
  list-style-type: none;
  display:block;
  margin:0;
  padding:2px;
  height:30px;
  font: 12px sans-serif;
  border-bottom: 1px dashed silver;
}

.button {
	height:24px;
	border:2px solid #D6D6C8;
	color:#FFFFFF;
	background:transparent url(/images/buttonBG_38px.v0.gif) repeat-x scroll 0%;
	font:bold 100% "Trebuchet MS",Arial,sans-serif;
	height:auto !important;
	margin:0pt 0px -1px 5px;
	overflow:visible;
	padding:2px 4px 3px 4px;
	text-indent:0em;
	width:auto;
}

#sidebar .row { margin-bottom: 25px; /*overflow:auto; zoom:1;*/ }
#sidebar .row .col2 { display: inline-block; margin-left:3%; margin-right:0; vertical-align: top }
#sidebar .col2:first-child, #sidebar .row h4 + .col2, #sidebar .row h4 + .col2 + .col2 + .col2 { margin-left:0; }
#sidebar .row .col2 a { display:block; margin-bottom: 5px; }
#sidebar .row .col2 .photo { height:100px; margin-top: 5px; overflow:hidden }
#sidebar .row .col2 .photo img { max-height:100px;width:100%; }
#sidebar .row .col2 .title { line-height: 1.3 }
#sidebar .row .col2 .srtitle { font-weight:bold; }

#sidebar .row ul.list li, #sidebar .row ol.list li { margin:7px 0 0 7px; }

#sidebar .row ul.opinion li { line-height:18px; max-height:56px; overflow:hidden; margin-bottom:10px; }
#sidebar .row ul.opinion li > a:first-child { display:block; }
#sidebar .row ul.opinion li > a:first-child img { float:left;margin-right:5px;width:46px;height:56px;border:1px solid gainsboro; }
/*#sidebar .row ul.opinion li .series a { display:block; font-weight:bold; margin:5px 0; }*/
#sidebar .row ul.opinion li .title { font-weight:bold; margin-bottom: 5px; overflow: hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space: nowrap; }
#sidebar .row ul.opinion li .content a { color:gray; }
#sidebar .row ul.opinion li .content a.series { color:#333; }
#sidebar .row ul.opinion + a { background-color:#ccc; display:block; margin-bottom: 5px; padding: 5px; text-align:center; }


#sidebar .row ul.econ li { line-height:18px; max-height:56px; overflow:hidden; margin-bottom:10px; }
#sidebar .row ul.econ li > a:first-child { display:block; }
#sidebar .row ul.econ li > a:first-child img { float:right;margin-right:5px;width:56px;height:66px;border:1px solid gainsboro; }
/*#sidebar .row ul.econ li .series a { display:block; font-weight:bold; margin:5px 0; }*/
#sidebar .row ul.econ li .title { font-weight:bold; margin-bottom: 5px; overflow: hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space: nowrap; }
#sidebar .row ul.econ li .content a { color:gray; }
#sidebar .row ul.econ li .content a.series { color:#333; }
#sidebar .row ul.econ + a { background-color:#ccc; display:block; margin-bottom: 5px; padding: 5px; text-align:center; }




#sidebar .row ol.list { list-style-position: inside; list-style-type:decimal-leading-zero; font-size:13px; }
#sidebar .row ol.list li { font-size:14px; overflow: hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space: nowrap; }
#sidebar .row ol.list li a:hover { color:#803232 }

#opinion_list{
	position: relative;
	margin: 0 auto;
}

#opinion_list .carousel {
	width: 260px;
	margin: 0 auto;
}

#opinion_list .carousel-next, #opinion_list .carousel-prev {
	width: 20px;
	height: 80px;
	background: url(/images/carousel_btn_arrow_prev.gif) #fff center center no-repeat;
	display: block;
	position: absolute;
	top: 0;
	z-index: 100;
}

#opinion_list .carousel-next {
	right: 0;
	background-image: url(/images/carousel_btn_arrow_next.gif);
}

#opinion_list .carousel-prev {
	left: 0;
}

#opinion_list .carousel-next > span, #opinion_list .carousel-prev > span {
	display: none;
}

#opinion_list .slide {
	position: relative;
	line-height: 20px;
	list-style-type: disc; list-style-position: inside;
}
#opinion_list .slide li {

}

/* v2013 r3 */
#header {
	border:0;
	margin:0 0 2em 0;
	padding:0;
}

#header #frmSearch #q {
	width: 215px;
	border-color:#DA344B;
}

#header #frmSearch #btnSearch {
	background-color:#DA344B;
	color:#fff;
	cursor:pointer;
	font-family:'NGB',sans-serif; font-size:14px;
	width: 50px;
	height:35px;
	left: 215px; right: auto
}

/* Grid Columns */
.container{
	margin:0 auto;
	padding:0;
	position:relative;
	max-width:970px;
}
.container .container{
	padding:0;
}
.container .row{
	margin-bottom:30px;
	clear:both;
	width:100%
}
.container .one-half,
.container .one-third,
.container .two-third,
.container .one-fourth,
.container .three-fourth{
	display:inline;
	float:left;
	margin-right:3.125%;
	min-height:1px;
	position:relative;
}
.container .one-half{
	width:48.4375%;
	*width:48.4375%
}
.container .one-third{
	width:31.25%;
	*width:31.25%
}
.container .two-third{
	width:65.625%;
	*width:65.625%
}
.container .one-fourth{
	width:22.65625%;
	*width:22.65625%
}
.container .three-fourth{
	width:74.21875%;
	*width:74.21875%
}
.container .one-half.last,
.container .one-third.last,
.container .two-third.last,
.container .one-fourth.last,
.container .three-fourth.last{
	clear:right;
	margin-right:0
}

/* Clearing */
.container:after{
	content:'\0020';
	display:block;
	height:0;
	clear:both;
	visibility:hidden
}

/* Superfish menu */
.sf-menu,.sf-menu *{
	list-style:none;
	margin:0;
	padding:0
}
.sf-menu{
	line-height:1.0
}
.sf-menu ul{
	position:absolute;
	top:-999em;
	width:150px
}
.sf-menu ul li{
	width:100%
}
.sf-menu li:hover{
	visibility:inherit
}
.sf-menu li{
	float:left;
	position:relative
}
.sf-menu a{
	display:block;
	position:relative
}
.sf-menu a:hover{
	text-decoration:none;
}
.sf-menu li:hover ul,.sf-menu li.sfHover ul{
	left:0;
	top:38px;
	z-index:100
}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul, ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul{
	top:-999em
}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul, ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul{
	left:10em;
	top:0
}

#main-menu-container li, #main-submenu-container li {
	cursor:pointer;
}

/* primary menu */
#main-menu-container {
	background:#FFF url('/images/x_line.png') repeat-x bottom left;
	font-family:'NGB',sans-serif;
	margin-top:1.5em;
	/*margin-bottom:43px;*/
	padding:0 30px 0;
	position:relative;
	z-index: 1;
}

#main-menu-container:before {
	display:block;
	content: '';
	background:url('/images/x_line.png') repeat-x;
	height:1px;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	visibility:visible;
}

#main-menu, #main-menu ul {
	background:url('/images/menu_line.png') no-repeat left center;
	list-style:none;
	margin:0;
	padding:0;
}

#main-menu li {
	margin-bottom:0;
	padding:0;
}

#main-menu li:first-child {
	background:url('/images/menu_line.png') no-repeat left center;
}

#main-menu li.right {
	float: right
}

#main-menu li a:hover,
#main-menu li.active a {
	border-top-color:#DA344B;
	color:#DA344B;
	text-decoration:none;
}

#main-menu li a {
	color:#444444;
	font-size:15px;
	background:url('/images/menu_line.png') no-repeat right center;
	border-top:1px solid transparent;
	font-weight:bold;
	padding:13px 15px;
	position:relative;
	text-transform:uppercase;
}

#main-menu #menu-item-news:hover,
#main-menu #menu-item-news:hover a {
	background-color:#DA344B;
	color:#fff;
}

#menu-item-news:hover ul.sub-menu {
	top:100%;
}

#menu-item-news ul.sub-menu {
	width:990px;
	left:-55px;
	/*1ÃÊ µ¿¾È ¸ðµç ¼Ó¼ºµéÀ» ease-out Å¸ÀÔ È¿°ú
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;*/
}

#menu-item-news ul.sub-menu li {
	float: left;
	width:auto;
}

#menu-item-news ul.sub-menu li a {
	font-size: 15px;
	padding: 13px 17px;
}

#main-submenu-container {
	background:#FAFBFB url('/images/x_line.png') repeat-x bottom left;
	display:none;
	font-family:'NGB',sans-serif;
	padding:0 30px;
}

#main-submenu-container li a {
	color:#555;
	font-size: 14px;
	padding:13px 15px;
}

.main-menu-mobile {
	border-color:#ededed;
	display:none;
	margin:0;
	width:100%;
	padding:6px;
	color:#555;
}

hr {
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #ccc;
	margin:1em 0;
	padding:0;
}

.divider-top {
	border-top:1px solid #888;
	height:1px;
	margin:0 0 10px 0;
}

.divider-top .sm-divider {
	margin:-2px auto 0 auto;
	position:relative;
	height:3px;
}

hr.sm-divider {
	width:100px;
	color:#555;
	background-color:#555;
	border:none;
	clear:both;
}

.divider {
	border-top:1px dotted #888;
	height:1px;
	margin:15px 0 5px;
}

.divider-solid {
	border-top:1px solid #888;
	height:1px;
	margin:15px 0 5px;
}

.divider hr.divider-cbd {
	margin:-1px auto 0 auto;
	position:relative;
}

hr.divider-cbd {
	width:100px;
	color:#000;
	background-color:#000;
	border:none;
	clear:both;
}

#sidebar .row .col2 {
	width:48%;
	margin-left:2%;
	vertical-align: top
}

#sidebar .row h2 {
	letter-spacing: -1px;
	padding-bottom: 5px;
	text-align: center;
}
#sidebar .row h2 a {
	color:#444444;
	font-family: 'NGB', sans-serif; font-size: 16px;
}
#sidebar .row h2 i {
	color:#DA344B;
	font-size: 14px;
	margin-right:5px;
}

#sidebar h4 {
	font-size: 16px; font-family: 'NGB', sans-serif;
	background: transparent;
	/*background: #CE3538; /* for non-css3 browsers */
	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DE4C4D', endColorstr='#CE3337'); /* for IE */
	/*background: -webkit-gradient(linear, left top, left bottom, from(#DE4C4D), to(#CE3337)); /* for webkit browsers */
	/*background: -moz-linear-gradient(top,  #DE4C4D,  #CE3337); /* for firefox 3.6+ */
	border-bottom: 1px solid #DFE0E0;
	margin: 0 0 1em 0;
	padding: 0 0 5px 0;
	color: #444444;
}

#sidebar .row ul.opinion li {
	line-height:1.38;
	margin-top:1.3em;
}

#sidebar .row ul.opinion li .series {
	font-size:14px;
}

#sidebar .row ul.opinion li .title {
	font-size:15px;
	overflow: visible;
	text-overflow: clip;
	-o-text-overflow: clip;
	white-space: normal;
}

#sidebar .row ul.econ li {
	line-height:1.38;
	margin-top:1.3em;
}

#sidebar .row ul.econ li .series {
	font-size:14px;
}

#sidebar .row ul.econ li .title {
	font-size:15px;
	overflow: visible;
	text-overflow: clip;
	-o-text-overflow: clip;
	white-space: normal;
}



#opinion_list { text-align:center; }
#opinion_list .more {
	font-family:'NGB',sans-serif;
	font-size: 13px;
	margin:0 auto 5px auto;
}

#opinion_list .carousel-prev, #opinion_list .carousel-next {
	background:none;
	color:#888;
	font-size: 14px;
	width:auto; height:auto
}

#opinion_list .carousel-prev {
	left:auto;
	right:17px;
}

#opinion_list .carousel {
	margin-top: 10px;
}

#opinion_list .carousel .slide {
	list-style-type: square;
}

#opinion_list .carousel .slide li {
	font-size: 14px;
}

#sidebar .ywtv { display:block;position:relative }
#sidebar .ywtv .play_icon { width:300px;height:169px;position:absolute;top:0;left:0;opacity:0.4;filter:alpha(opacity=0.4) }
#sidebar .ywtv .play_icon:hover { opacity:1;filter:alpha(opacity=1) }

.fleft{float:left;  top: 20%; /* left:0px; position: fixed; */ position:absolute;  z-index: 100030; margin-right: 550px; right:50%;}