/*
    * ¿©¼º½Å¹® ¸ÞÀÎ ´º½º CSS
    ¼Ó¼º:°ª !ie;  IE Àü¿ë
	¼Ó¼º:°ª ie; Non-IE Àü¿ë
	¼Ó¼º:°ª\9; IE 9
	IE¸¸ Àû¿ë ¿¹ : width:990px; width:950px !ie;

	* ±¸±Û À¥ÆùÆ® ³×À̹ö ³ª´®Ã¼
	³ª´®ºê·¯½¬ font-family: 'Nanum Brush Script', cursive;
	³ª´®°íµñ font-family: 'Nanum Gothic', sans-serif;
	³ª´®°íµñÄÚµù font-family: 'Nanum Gothic Coding', monospace;
	³ª´®¸íÁ¶ font-family: 'Nanum Myeongjo', serif;
	³ª´®Ææ font-family: 'Nanum Pen Script', cursive;
*/
/* ¸ÞÀÎ °øÅë */
.pic {
	background-repeat: no-repeat; background-position:fixed; /*background-position:60% 50%;*/
	-webkit-background-size: cover;	-moz-background-size: cover; -o-background-size: cover;	background-size: cover;
	text-align: center;
}
.pic img { max-width: 100%; height: auto; }
.pic img.horizontal { width: 100%; height: 100%; }

.date { color: #8F949D; font-style: italic; text-align: right; }

#article { font-size:13px; }
#article > div { line-height:18px; }
#article .section_title { background: #dfdfdf; font-size:14px; font-weight: bold; margin: 0 10px 10px 0; padding: 10px }

#article a.banner { display:block; margin-bottom:10px }
#article a.banner img { border:0 }

#section .col2 { float:left; margin-right:1.5%; width:48.5%; }

#zone3, #zone4 { position: relative; }
#zone3 .carousel-prev, #zone4 .carousel-prev,
#zone3 .carousel-next, #zone4 .carousel-next {
	background: url(/images/icons_dec_v07.png) no-repeat;
	background-position: -95px -243px;
	display: block;
	width: 20px; height: 25px;
	position: absolute; right: 15px; top: 5px;
	z-index: 100;
}
#zone3 .carousel-prev, #zone4 .carousel-prev { background-position: -93px -193px; right:35px; }
#zone3 .carousel-prev span, #zone4 .carousel-prev span,
#zone3 .carousel-next span, #zone4 .carousel-next span { display: none; }

.zone1{
	float:left;
	width:438px; height: 305px;
}

section#zone2 {
	float:left;
	width:230px; /*height:250px;*/
	overflow:auto;
	overflow-x:hidden;
}
section#zone2 .section_title {
	margin: 0 0 5px 15px;
}
section#zone2 ul.zone2{
	list-style:none;
	padding:0; margin:0;
}
section#zone2 ul.zone2 li{
	color:#666;
	font-size:13px;
	max-height: 62px;
	overflow: hidden;
	margin-top: 5px;
	padding-left:15px;
}
section#zone2 ul.zone2 li:first-child { margin-top: 0; }
section#zone2 ul.zone2 li img{
	float:left; margin-right:5px;
	background:#fff;
	border:1px solid #eee;
	width: 86px; height: 56px;
}
section#zone2 ul.zone2 li span{
	line-height:18px;
}
.zone1 li.zone2-item a{
	background:#fff; color:#333;
	display:block;
	height:60px;
	line-height:20px;
	outline:none;
	text-decoration:none;
}
.zone1 li.zone2-item a:hover{
	background:#f2f2f2;
}
.zone1 li.zone2-item a span{
	display: block;
	margin-right: 3px;
	max-height: 56px;
	overflow: hidden;
	padding-top: 3px;
}
.zone1 li.ui-tabs-active, .zone1 li.ui-tabs-selected{
	background:url('/images/selected-item.gif') top left no-repeat;
}
.zone1 ul.zone2 li.ui-tabs-active a, .zone1 ul.zone2 li.ui-tabs-selected a{
	background:#ccc;
}
.zone1 .ui-tabs-panel{
	width:438px; height:291px; overflow:hidden;
	background:#999; position:relative;
}
.zone1 .ui-tabs-panel img {
	width: 100%; height: 100%;
}
.zone1 .ui-tabs-panel .info{
	background: url('/images/transparent-bg.png');
	bottom:0; left:0;
	position:absolute;
	height:70px; width: 100%;
}
.zone1 .ui-tabs-panel .info a.hideshow{
	position:absolute; color:#f0f0f0; right:10px; top:-20px; line-height:20px; margin:0; outline:none; background:#333;
}
.zone1 .info h2{
	color:#fff;
	font-size:1.2em; font-weight:bold;
	margin:0; padding:5px;
	overflow: hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space: nowrap;
}
.zone1 .info p{
	margin:0 5px;
	line-height:15px; color:#f0f0f0;
	max-height: 30px;
	overflow: hidden; /*text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space: nowrap;*/
	position: relative;
}
.zone1 .info a{
	text-decoration:none;
	color:#fff;
}
.zone1 .info a:hover{
	text-decoration:underline;
}
.zone1 .ui-tabs-hide{
	display:none;
}
.zone1 .ui-tabs-anchor img {
	width: 80px; height: 50px;
}
.zone1 .ui-tabs-anchor span {
	font-weight: bold;
}

.zone3 { margin-bottom:25px; }
.zone3 .col2 { max-height: 62px; margin-bottom:20px; overflow: hidden; width:48.5%; float:left; margin-right:10px; }
.zone3 .col2 .pic { display:block; width: 100px; height: 60px; border:1px solid silver; float:left; margin-right:10px; overflow: hidden; }
.zone3 .col2 .pic img {  }
.zone3 .col2 .title { color:#222; font-weight:bold; margin-bottom: 5px; }
.zone3 .col2 .content { color:gray }

.zone4 { margin-bottom:25px; /*border-bottom: 1px solid lightgrey;*/ }
.zone4 dl { float:left; margin-bottom: 10px; width: 23.5%;/*width:159.7px;*/ float:left; /*margin-left: 10px;*/ }
.zone4 dl:first-child { margin-left:0; }
.zone4 dl > dd { color:gray; max-height:110px; overflow:hidden; }
.zone4 dl dd a.pic { background-position: top center; display:block; height:80px; }
.zone4 dl > dd img { width:100%; }
.zone4 dt { font-size:13px; font-weight:bold; color:#333; margin-top:5px; max-height:none; overflow:visible }
.zone4 dt + dd { color:gray; display: none }

.zone5 {  }
.zone5 .col2 .row { height: 115px; margin-bottom:20px; overflow: hidden; }
.zone5 .col2 .row .pic { display:block; width:100px; height:60px; overflow:hidden; border:1px solid silver; float:left; margin:5px 10px 5px 0; }
.zone5 .col2 .row .pic img {  }
.zone5 .col2 .row .title { color:#333; font-weight:bold; font-size:14px; overflow: hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space: nowrap; }
.zone5 .col2 .row p { color:gray; margin-top:5px; }

.zone4-d {width:609px; margin-top:40px; background-color:#ebeef4; text-align:left; padding:10px 30px; clear:both;   display: block; overflow: hidden; }
.zone4-d dl{font-size:14px; color:#444444; font-weight:bold; line-height:32px; background: url(../images/dot_newslist.gif) no-repeat 0px 15px; padding-left:10px;  text-overflow:ellipsis;white-space:nowrap;word-wrap:normal; display: block; overflow: hidden; }
.zone4-d dl a{ color:#444444; }
.zone4-d dl > dd { color:gray; max-height:110px; overflow:hidden; }
.zone4-d dl dd a.pic { background-position: top center; display:block; height:0px; }
.zone4-d li.ntitle{font-size:16px; color:#232323;font-weight:bold;  padding-left:0; background:none; letter-spacing: -1px; }
.zone4-d li{font-size:14px; color:#444444; font-weight:bold; line-height:32px; background: url() no-repeat 0px 15px; padding-left:10px;  text-overflow:ellipsis;white-space:nowrap;word-wrap:normal; display: block; overflow: hidden; }



/* ·Ñ¸µ¹è³Ê */
#rollingBannerContainer { clear:both; height:100px; margin:10px 0; padding-top:10px; }
#bottomCarousel {  }

/* ÇùÂù ¹è³Ê */
#sponsor_banner { position: relative; }
#sponsor_banner .carousel { margin:0 auto; }
#sponsor_banner .carousel-prev, #sponsor_banner .carousel-next {
	width: 15px; height: 17px;
	background: url(/images/bt_g_pre.gif) #fff center center no-repeat;
	display: block;
	position: absolute;
	z-index: 100;
}
#sponsor_banner .carousel-prev { right: 17px; }
#sponsor_banner .carousel-next {
	right: 0;
	background: url(/images/bt_g_next.gif) #fff center center no-repeat;
}
#sponsor_banner .carousel-prev > span, #sponsor_banner .carousel-next > span { display: none; }

/* Áý¹è½Å Private */
.settings li:hover { background:gainsboro }

#main_preview { margin:0; padding:0 }
#main_preview #article { width:694px; width:654px !ie; margin:10px }
#main_preview #article ul.rel { margin:0; padding:0; clear:both; line-height:15px; list-style:none }
#main_preview #article ul.rel li { margin:3px 0 0 5px; font-size:9pt; background:url('/images/icon_reply2.gif') no-repeat left center; padding-left:16px }
#main_preview #article .zone5 .zoneEtc { margin-top:10px; margin-left:0; line-height: 18px }
#main_preview #article .zone5 .zoneEtc li { margin-left:-13px; margin-left:25px !ie; }

/* v2013 r3 */
#article section h2 {
	letter-spacing: -1px;
	padding-bottom: 5px;
	text-align: center;
}
#article section h2 {
	color:#444444;
	font-family: 'NGB', sans-serif; font-size: 16px;
}
#article section h2 i {
	color:#DA344B;
	font-size: 14px;
	margin-right:5px;
}

#article .section_title {
	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: 2em 10px 1em 0;
	padding: 0 0 5px 0;
	color: #444444;
}

#article .section-margin {
	margin-top: 2em;
}

#article .section-margin-half {
	margin-top: 1em;
}

#zone3 .carousel-prev, #zone4 .carousel-prev, #zone3 .carousel-next, #zone4 .carousel-next {
	top: 0;
}

.zone1 {
	border:1px solid #DA344B; /* D3D3D3 DFE0E0 */
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;			/* Opera/IE 8+ */
	width: 438px;
	height: 327px;
	margin-bottom: 1.5em;
}

.zone1 > h2 {
	font-family: 'NGEB', sans-serif;
	font-size: 28px;
	line-height:1.2;
	max-height:64px;
	min-height:33px;
	margin: 19px 19px 15px;
	overflow:hidden;
}

.zone1 > h2 > a {
	color: #232323;
}

.zone1 .date {
	color: #747474;
	margin: 0 19px;
	text-align: left
}

.zone1 > .ui-tabs-panel {
	margin: 0 19px 0 19px;
	width: 400px;
	height: 210px;
}

section#zone2 {
	width:215px;
	margin-left:15px;
}

section#zone2 .section_title {
	margin-bottom: 1em
}

section#zone2 ul.zone2 li {
	margin-top: 1em;
	padding-left: 0
}

section#zone2 ul.zone2 li img {
	width:100px; height:60px;
	margin-right: 7px
}

section#zone2 ul.zone2 li span {
	line-height: 20px;
}

.zone2 li > a > span {
	font-family: 'NGB', sans-serif;
	font-size: 15px;
}

#article .carousel-prev, #article .carousel-next,
#article .carousel-prev i, #article .carousel-next i {
	color:#888;
	top:2px;
}

#article .carousel-prev:hover, #article .carousel-next:hover,
#article .carousel-prev i:hover, #article .carousel-next i:hover {
	color:#DA344B;
}

#zone3 .carousel-prev, #zone4 .carousel-prev,
#zone3 .carousel-next, #zone4 .carousel-next {
	background:none;
}

#zone3 .divider-top, #zone4 .divider-top {
	margin-right:10px;
}

.zone3 .col2 .title {
	font-size: 16px;
	margin-bottom: 3px;
}

.zone4 dt {
	font-size: 16px;
	max-height: 45px;
}

.zone5 .col2 .row .title {
	font-size: 16px;
	overflow: visible;
	text-overflow: clip;
	-o-text-overflow: clip;
	white-space: normal;
}

.zone5 .col2 .row p {
	font-size: 15px;
}

#article ul.d_list, #article ol.d_list {
	font-size: 14px;
	line-height: 1.8;
}