/* -------------------------------------------------------------- layout -------------------------------------------------------------- */

/* main-layout */
#wrap { background:url(../images/common/util_bg_bar.png) 0 0 repeat-x; }
#wrap:after { content:""; display:block; visibility:hidden; clear:both; }

#utility { width:1000px; margin:0 auto; }
#utility:after { content:""; display:block; visibility:hidden; clear:both; }
	.vop { float:left; width:235px; background:url(../images/common/util_sp_right.gif) 100% 0 no-repeat; }
	.vop ul { float:left; height:26px; padding:6px 0 0 8px; background:url(../images/common/util_sp_left.gif) 0 0 no-repeat; }
	.vop ul li { float:left; margin-right:6px; }
	.vop ul li a { display:block; width:17px; height:18px; text-indent:-5000px; background-position:0 0; }
	.vop ul li a:hover, .vop ul li a.on { background-position:100% 0; }
	.vop .vop1 a { background:url(../images/main/util_vop1.gif) 0 0 no-repeat; }
	.vop .vop2 a { background:url(../images/main/util_vop2.gif) 0 0 no-repeat; }
	.vop p { float:right; padding:9px 10px 0 0; }
	.userm { float:right; padding-top:9px; }
	.userm li { float:left; padding-left:17px; background:url(../images/common/spline_1x8_eee.gif) 8px 1px no-repeat; }
	.userm li:first-child { padding-left:0; background:none; }

#container { width:1000px; margin:0 auto; padding-top:10px; }
#container:after { content:""; display:block; visibility:hidden; clear:both; }
	#aside { float:left; width:235px; }
	#aside:after { content:""; display:block; visibility:hidden; clear:both; }
		.ahead_grp { height:195px; padding:40px 15px 0; background:url(../images/main/aside_srch_bx.gif) 0 0 no-repeat; }
		.ahead_grp h1 { margin-bottom:40px; text-align:center; }
			.aside-srch { overflow:hidden; width:100%; margin-bottom:5px; }
			.aside-srch input[type="text"] { float:left; width:149px; height:28px; padding:3px 5px; line-height:28px; border:1px solid #1c2437; border-bottom:1px solid #323a4d; }
			.aside-srch a.srch-btn { float:left; }
			.pop-word { overflow:hidden; width:205px; text-overflow:ellipsis; white-space:nowrap; color:#d4d5d8; }
			.pop-word a { color:#d4d5d8; }
			.go-d-srch { overflow:hidden; width:205px; }
			.go-d-srch a { display:block; color:#d4d5d8; background:url(../images/common/btn_d-srch.gif) 100% 0 no-repeat; }
		.category { position:relative; margin-bottom:7px; z-index:999; }
		.category dt {}
		.category dd { position:absolute; top:-210px; right:-761px; width:759px; border:2px solid #2f3542; } /* width:763px; height:475px; */
		.category .deps1 { position:relative; left:-10px; overflow:hidden; width:769px; background:url(../images/common/cate_bx_arr.png) 0 220px no-repeat; }
		.category .deps1 > li { position:relative; left:10px; float:left; width:131px; height:205px; padding:15px 10px; background:#fff url(../images/common/cate_deps1_arr.gif) 135px 17px no-repeat; border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; }
		.category .deps1 > li.nth5, .category .deps1 > li.nth10 { width:141px; border-right:none; }
		.category .deps1 > li.nth6, .category .deps1 > li.nth7, .category .deps1 > li.nth8, .category .deps1 > li.nth9, .category .deps1 > li.nth10 { border-bottom:none; }
		.category .deps1 li a { font-weight:bold; color:#20232c; }
		.category .deps2 { padding-top:5px; }
		.category .deps2 li { overflow:hidden; width:130px; margin-bottom:5px; text-overflow:ellipsis; white-space:nowrap; }
		.category .deps2 li a { font-weight:normal; font-size:11px; color:#999; letter-spacing:-1px; } .category .deps2 li a:hover { text-decoration:underline; }
		.real-time { height:171px; padding:0 14px; margin-bottom:20px; background:#fafafa; border:1px solid #dbdbdb; }
		.real-time h3 { height:30px; padding-top:15px; margin-bottom:10px; background:url(../images/common/spline_gwh_1x2.gif) 0 100% repeat-x; }
		.real-time ul { overflow:hidden; width:100%; padding-top:5px; background:url(../images/common/spline_gwv_2x1.gif) 47% 0 repeat-y; }
		.real-time ul li { overflow:hidden; float:left; width:95px; padding:0 0 0 1px; margin:0 5px 6px 0; text-overflow:ellipsis; white-space:nowrap; }
		.real-time ul li:first-child a, .real-time ul li:nth-child(4) a, .real-time ul li:nth-child(5) a, .real-time ul li:nth-child(8) a, .real-time ul li:nth-child(9) a { color:#979797; }
		.bbs { position:relative; height:129px; background:#fafafa; border:1px solid #dbdbdb; }
		.bbs h3 { height:22px; padding:11px 0 0 14px; border-bottom:1px solid #edeeef; }
		.bbs ul { padding:12px 14px 0; }
		.bbs ul li { overflow:hidden; width:100%; margin-bottom:5px; text-overflow:ellipsis; white-space:nowrap; }
		.bbs .more { position:absolute; top:11px; right:12px; }
		.bbs .more a { color:#979797; font-size:10px; }
		.notice { margin-bottom:8px; }
		.news { margin-bottom:7px; }
		.srv-guide { position:relative; height:171px; margin-bottom:7px; background:#fafafa; border:1px solid #dbdbdb; }
		.srv-guide h3 { height:22px; padding:11px 0 0 14px; border-bottom:1px solid #edeeef; }
		.srv-guide .srv-cont { position:relative; }
		.srv-guide .srv-cont li { position:absolute; top:0; left:0; }
		.srv-guide .more { position:absolute; top:13px; right:8px; overflow:hidden; height:8px; }
		.srv-guide .more li { float:left; margin-right:4px; }
		.srv-guide .more li a { display:block; width:8px; height:8px; text-indent:-5000px; background:url(../images/main/srv_roll_circle.gif) 100% 0 no-repeat; }
		.srv-guide .more li a:hover, .srv-guide .more li a.on { background-position:0 0; }
		.adv-bn { background:#fafafa; border:1px solid #dbdbdb; margin-bottom:7px; }
		

.slidesjs-pagination {position:absolute; bottom:10px; right:5px; float:right; height:12px; z-index:15;}
.slidesjs-pagination li {float: left; margin: 0 1px;}
.slidesjs-pagination li a {display: block;width:12px; height: 0;padding-top:12px; background-image: url(../image/main/pagination.png); background-position: 0 0; float: left; overflow: hidden;}
.slidesjs-pagination li a.active,
.slidesjs-pagination li a:hover.active {background-position: 0 -12px;}

	#contents { float:right; width:745px; }
	#contents:after { content:""; display:block; visibility:hidden; clear:both; }
		.gnb { float:right; padding:17px 0 27px; }
		.gnb li { float:left; padding-left:41px; background:url(../images/common/gnb_dot.gif) 19px 6px no-repeat; }
		.gnb li a { display:block; height:16px; text-indent:-5000px; } .gnb li a:hover, .gnb li a.on { background-position:0 100%; }
		.gnb1 { background:none!important; }
		.gnb1 a { width:58px; background:url(../images/common/gnb1.gif) 0 0 no-repeat; }
		.gnb2 a { width:59px; background:url(../images/common/gnb2.gif) 0 0 no-repeat; }
		.gnb3 a { width:93px; background:url(../images/common/gnb3.gif) 0 0 no-repeat; }
		.gnb4 a { width:58px; background:url(../images/common/gnb4.gif) 0 0 no-repeat; }
		.gnb5 a { width:69px; background:url(../images/common/gnb5.gif) 0 0 no-repeat; }
		.bk-tit { padding:8px 10px 9px; margin-bottom:10px; background:url(../images/main/h3_bg_bar.gif) 0 0 repeat-x; border:1px solid #d4d4d4; border-top:2px solid #4c4c4c; border-bottom:1px solid #c5c5c5; clear:both; }
		.bk-tit .date { float:right; text-align:right; font-weight:normal; color:#979797; }
		.bl-ty1 { overflow:hidden; width:755px; margin-bottom:13px; }
		.bl-ty1 li { position:relative; float:left; width:139px; height:161px; padding:10px 0 0 0; margin:0 10px 7px 0; text-align:center; border:1px solid #dbdbdb; }
		.bl-ty1 .thum { position:relative; width:88px; height:122px; left:27px; margin-bottom:4px; }
		.bl-ty1 .thum a { position:absolute; top:0; left:0; display:block; width:88px; height:122px; text-indent:-5000px; background:url(../images/common/bk_effect_85x116.png) 0 0 no-repeat; z-index:997; }
		.bl-ty1 .thum .cate { position:absolute; bottom:6px; left:0; width:85px; height:16px; padding-top:4px; color:#fff; background:#000; opacity:0.65; filter:alpha(opacity=65); z-index:996; }
		.bl-ty1 .thum .bk-frm { position:absolute; top:0; left:0; display:block; overflow:hidden; width:85px; height:116px; z-index:995; }
		.bl-ty1 dl { letter-spacing:-1px; }
		.bl-ty1 dl dt, .bl-ty1 dl dd { overflow:hidden; width:100%; text-overflow:ellipsis; white-space:nowrap; }
		.bl-ty1 dl dt { margin-bottom:2px; }
		.bl-ty1 dl dd { color:#979797; }
		.bl-ty2 { overflow:hidden; width:786px; margin-bottom:13px; }
		.bl-ty2 li { float:left; overflow:hidden; width:348px; height:21px; padding:6px 6px 0; margin:0 21px 7px 0; letter-spacing:-1px; border:1px solid #dbdbdb; }
		.bl-ty2 .cate { float:left; width:46px; height:15px; padding:1px 0 0 0; margin-right:5px; text-align:center; color:#fff; background:#4b5366; }
		.bl-ty2 dl { float:left; overflow:hidden; height:15px; padding-top:1px; }
		.bl-ty2 dl dt { float:left; width:170px; }
		.bl-ty2 dl dd { float:right; width:126px; text-align:right; color:#979797; }
		.bl-ty2 dl dt, .bl-ty2 dl dd { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
		.bl-ty1 .wk-num { position:absolute; top:4px; left:5px; }
		.bl-ty2 .wk-num { float:left; margin-right:5px; }
		.bk-list-wk .bl-ty2 dl dt { width:198px; }
		.bk-list-wk .wk-num { width:18px; height:14px; padding-top:3px; color:#fff; font-size:9px; font-weight:bold; text-align:center; background:url(../images/main/wk_num_bx2.gif) 0 0 no-repeat; }
		.bk-list-wk .wk-n1 { background:url(../images/main/wk_num_bx1.gif) 0 0 no-repeat; }
		.bk-list-new, .bk-list-wk { position:relative; }
		.bk-list-new .prev { position:absolute; top:152px; left:0; z-index:998; } .bk-list-wk .prev { position:absolute; top:242px; left:0; z-index:998; }
		.bk-list-new .next { position:absolute; top:152px; right:0; z-index:998; } .bk-list-wk .next { position:absolute; top:242px; right:0; z-index:998; }
		.wk-filter { height:34px; padding:9px 9px 0 198px; margin-bottom:10px; background:#7c7c7c url(../images/main/wk_filter_tit.gif) 11px 7px no-repeat; border:1px solid #6d6d6d; }
			.like-select { position:relative; float:left; width:161px; margin-right:4px; }
			.like-select a { display:block; height:18px; padding:5px 0 0 6px; color:#979797; }
			.like-select p { background:#fff url(../images/common/arr_btm_7x4_gray.png) 139px 10px no-repeat; border:1px solid #636363; }
			.like-select p.open { background:#fff url(../images/common/arr_top_7x4_gray.png) 139px 10px no-repeat; }
			.like-select ul { position:absolute; top:24px; left:0; width:159px; background:#fff; border:1px solid #636363; z-index:998!important; }
			.like-select ul li { border-bottom:1px solid #edeeef; }
			.btn-filter { float:right; }

#foot-wrap { padding:23px 0 15px; background:#fafafa; border-top:1px solid #dbdbdb; }
#foot-wrap:after { content:""; display:block; visibility:hidden; clear:both; }
	.foot { width:745px; padding-left:255px; margin:0 auto; background:url(../images/common/foot_logo.gif) 48px 11px no-repeat; }
		.fnb { overflow:hidden; height:11px; margin-bottom:11px; }
		.fnb li { float:left; padding-left:23px; background:url(../images/common/spline_1x7_b8b8b8.gif) 11px 2px no-repeat; }
		.fnb li.first { padding-left:0; background:none; }
		.copyright { width:697px; height:35px; text-indent:-5000px; background:url(../images/common/copyright.gif) 0 0 no-repeat; }