/*----------------------------------------------------------------------
 HEADER
----------------------------------------------------------------------*/
#content_inner {position: absolute; top:0; left:50%; width: 1800px; height:815px; margin:0 0 0 -900px;}

#content #intro {
	border-bottom: dotted #ccc 1px;
	padding-bottom: 28px;
	margin-bottom: 10px;
}

#content #intro p {
	font-size: 14px;
	color: #8f8f8f;
	line-height: 22px;
	padding-bottom: 5px;
}

#content #intro a {
	color: #666;
	padding: 6px;
}

#content #intro a:hover {
	background: #eee;
	text-decoration: none;
	border-bottom: dotted #ccc 1px;
}

#content #intro ul {
	padding-bottom: 15px;
	padding-top: 3px;
}

#content #intro li {
	color: #8f8f8f;
	margin-left: 50px;
	padding-bottom: 4px;
	font-size: 14px;
}

#content p {
	font-size: 12px;
	color: #8f8f8f;
	padding-bottom: 10px;
}

#content p a {
	color: #e41996;
}

#content h2 {
	font-size: 26px;
	font-weight: normal;
	color: #666;
	padding-bottom: 17px;
	border-top: dotted #ccc 1px;
	padding-top: 20px;
	padding-bottom: 21px;
	margin-top: 13px;
}

#content h2 span {
	font-size: 20px;
}

#content #css3 {
	float: right;
}

#content #css3 a:hover {
	background: none;
	border: 0;
}

.pre_wrap {
	background: #f9f9f9;
	padding: 5px 5px 5px 14px;
	margin-bottom: 33px;
	margin-top: 32px;
}

.pre_wrap span.label {
	color: #999;
	font-size: 12px;
	font-style: italic;
	display: block;
	padding-left: 5px;
	padding-top: 5px;
}

.syntaxhighlighter {font-size: 12px;}

.slides1_wrap {position: relative;}

#slides1 {overflow: hidden; width:100%; height:815px;}

#slides1 li {position:relative; width: 1800px; height:815px;} /*넓이값이 꼭 있어야됨*/


.slides1_wrap .prev {display: block; position: absolute; left: 50%; top: 368px; width:39px; height:65px; margin:0 0 0 -521px; outline: 0; opacity : 1/*0.3*/; filter: alpha(opacity=100/*30*/); -moz-opacity:1/*0.3*/; -khtml-opacity: 1/*0.3*/;} /* 2015.02.09 추가 */
.slides1_wrap .next {display: block; position: absolute; right: 50%; top: 368px; width:39px; height:65px; margin:0 -521px 0 0; outline: 0; opacity : 1/*0.3*/; filter: alpha(opacity=100/*30*/); -moz-opacity:1/*0.3*/; -khtml-opacity: 1/*0.3*/;} /* 2015.02.09 추가 */

/* .slides1_wrap a:active {top: 102px;}  */
.slides1_wrap .prev:hover, .slides1_wrap .next:hover {opacity : 1; filter: alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1;} /* 2015.02.09 추가 */


.bx_pager {position:absolute; bottom:20px; left:0; width:100%; text-align: center;}

.bx_pager a {display:inline-block; background: url(../images/main_img_dot.png) no-repeat 0 0; width: 10px; height: 10px; text-indent:-9999px; margin-right: 15px;}

.bx_pager a:hover, .bx_pager a.active {background-position: 0 -20px;}

.auto_controls {display:none; position: absolute; bottom: -11px; left: 394px;}
.auto_controls a {font-size: 16px; color: #a3a3a3; outline: 0; padding: 2px;}
.auto_controls a:hover {text-decoration: none; background: ; color: #e41996;}

#content #notes li, #content #changes li {
	font-size: 12px;
	color: #8f8f8f;
	margin-left: 43px;
	padding-bottom: 6px;
}

#content #notes li a {
	color: #e41996;
}

#idc-container a {
	color: #e41996;	
}

#idc-container h3 {
	color: #666;
}



/* 메인  */
.main_rolling_wrap {overflow: hidden; padding:815px 0 0 0;}



.main_banner_wrap {height:200px; padding:0 200px; margin:4px 0 20px 0; background: #f2f2f2;}
.main_banner_wrap .main_bannerlist {min-width:668px;}
	.main_banner_wrap .main_bannerlist li {float:left; width:33%;}
	.main_banner_wrap .main_bannerlist li.li_c {width:34%; background: #fff;}
	.main_banner_wrap .main_bannerlist li .back1 {background:#f2f2f2 url('../images/main_img_ban01.jpg') no-repeat center top !important;}
	.main_banner_wrap .main_bannerlist li .back2 {background:#f2f2f2 url('../images/main_img_ban02.jpg') no-repeat center top !important;}
	.main_banner_wrap .main_bannerlist li .back3 {background:#f2f2f2 url('../images/main_img_ban03.jpg') no-repeat center top !important;}
	.main_banner_wrap .main_bannerlist li .banner_wrap {display: block; height:200px; margin:0 4px; text-align:center; background: #f2f2f2; text-decoration: none;}
		.main_banner_wrap .main_bannerlist li .banner_wrap .txt1 {display: block; padding:22px 0 0 0; font-size: 18px; color:#151515;}
		.main_banner_wrap .main_bannerlist li .banner_wrap .txt2 {display: block; padding:5px 0 0 0; font-size: 12px; color:#626262;}
		
		
.main_rolban1_wrap {position:relative; width:100%; height:815px;}
	.main_rolban1_wrap img {width:100%; height:100%;}
		
.main_rolban2_wrap {position:relative; width:100%; height:815px;}
	.main_rolban2_wrap img {width:100%; height:100%;}
	
.main_rolban3_wrap {position:relative; width:100%; height:815px;}
	.main_rolban3_wrap img {width:100%; height:100%;}

.main_rolban4_wrap {position:relative; width:100%; height:815px;}
	.main_rolban4_wrap img {width:100%; height:100%;}
	

/* 2015.05.12 수정 */
/* 2016-09-29 수정 .mainBannerWrap {overflow:hidden; margin:0 0 20px 0; background:#f2f2f2 url('../images/totl_bg_4px.gif') repeat-x left top;} */
.mainBannerWrap {overflow:hidden; margin:0 0 20px 0; background:#fff;}
.mainBannerWrap ul {width:80%; margin:auto;}
.mainBannerWrap ul li {float:left; width:25%; background: #fff;}
.mainBannerWrap ul li:first-child a {margin:4px 2px 0 0;}
.mainBannerWrap ul li:last-child a {margin:4px 0 0 2px;}
.mainBannerWrap .bannerWrap {display: block; height:200px; margin:4px 2px 0 2px; text-align:center; text-decoration: none;}
.mainBannerWrap .bannerWrap .txt1 {display: block; padding:22px 0 0 0; font-size: 18px; color:#151515;}
.mainBannerWrap .bannerWrap .txt2 {display: block; padding:5px 0 0 0; font-size: 12px; color:#626262;}
.mainBannerWrap .bannerWrap .txt3 {display: block; padding:5px 0 0 0; font-size: 12px; color:#fff;}
.mainBannerWrap .bannerWrap .txt4 {display: block; padding:0px 0 0 0; font-size: 12px; color:#626262;}
/*.mainBannerWrap .back1 {background:#f2f2f2 url('../images/main_img_ban01.png') no-repeat center top !important;}*/
.mainBannerWrap .back1 {background:#f2f2f2 url('../images/main_img_D43FL.PNG') no-repeat center top !important;}
/*.mainBannerWrap .back2 {background:#f2f2f2 url('../images/main_img_ban02.png') no-repeat center top !important;}*/
.mainBannerWrap .back2 {background:#f2f2f2 url('../images/main_img_big70uhd.png') no-repeat center top !important;}
.mainBannerWrap .back3 {background:#f2f2f2 url('../images/main_img_ban03.png') no-repeat center top !important;}
.mainBannerWrap .back4 {background:#f2f2f2 url('../images/main_img_ban04.png') no-repeat center top !important;}
/*.mainBannerWrap .back5 {background:#f2f2f2 url('../images/main_img_ban06.png') no-repeat center top !important;}  2015.08.26 추가 (루나폰) */
.mainBannerWrap .back5 {background:#f2f2f2 url('../images/main_img_ban06_2.png') no-repeat center top !important;} /* 2016-09-29 추가 (루나s2) */
.mainBannerWrap .back6 {background:#f2f2f2 url('../images/main_img_ban05.png') no-repeat center top !important;} /* 2015.08.26 추가 (BigDisplay70 uhd) */
.mainBannerWrap .back7 {background:#f2f2f2 url('../images/main_img_ban07.png') no-repeat center top !important;} /* 2015.08.26 추가 (BigDisplay70 uhd) */

@media screen and (max-width:1044px){
	.mainBannerWrap ul {width:100%;}
	.mainBannerWrap ul li {float:left; width:50%; background: #fff;}
}

@media screen and (max-width:570px){
	.mainBannerWrap ul {width:100%;}
	.mainBannerWrap ul li {clear:both; width:100%; background: #fff;}
}