@charset "utf-8";

html {height:100%;}
body {margin:0;padding:0;font:12px 돋움, dotum, arial;}
a {text-decoration:none;}
img {border:0;}
::selection {background:#6dd6d6; color:#fff; text-shadow:none;}

/* Common */
.fix {zoom:1;}
.base {width:100%;min-width:980px;zoom:1;text-align:center;}
.wrap {margin:0 auto;width:980px;zoom:1;text-align:left;}
.fix:after, .base:after, .wrap:after {content:"";display:block;clear:both}

/* Layout : ToolBar */
.headline {height:3px; overflow:hidden;}
.tool {background:url('../img/opa10.png') bottom left repeat-x #f8f8f8; font-size:11px;}
.tool .wrap {position:relative; height:33px;}
.tool a {color:#999;}
.tool a:hover {color:#666;}
.tool .l, .tool .r {position:absolute; top:0;}
.tool .l {left:0;}
.tool .l a {margin-right:12px; line-height:33px;}
.tool .r {right:0;}
.tool .r a {margin-left:12px; line-height:33px;}
	.tnb {margin:0 auto; border-left:1px solid #e5e5e5; border-right:1px solid #fff;}
	.tnb td {height:33px text-align:center;}
	.tnb a {display:block; border-left:1px solid #fff; border-right:1px solid #e5e5e5;}
	.tnb a span {padding:0 14px; font-size:11px; line-height:33px; height:33px; overflow:hidden;}
	.tnb a span img {vertical-align:top; padding:8px 0;}
	.tnb a:hover {background:url('../img/opa10.png') bottom left repeat-x #f2f2f2;}
	.tnb .active a {background:#fff; margin-left:-1px; border-left-color:#dadada; border-right-color:#d0d0d0;}
	.tnb .active {}


/* Layout : Header */
.head {position:relative; z-index:10;}
.head_type .logo {display:inline-block; *display:inline; margin:0; zoom:1;}
.head_type .logo a {display:block; color:#888;}
.head_type .logo img {vertical-align:middle; _top:30px;}
.head_potal {position:relative; margin:0; height:100px;}
	.head_potal .logo {position:absolute; height:100px;}
	.head_potal .logo a {font-size:28px; line-height:100px;}
	.head_potal .search {position:absolute; top:28px;_top:-60px; right:-190px; margin:0 50% 0 0; width:380px;}
	.head_potal .search_form .istxt {float:left; width:325px; height:32px; margin:0; padding:0; border-right-width:45px !important; text-indent:10px; font:bold 15px/30px 돋움;}
	.head_potal .search_form .istxt {opacity:0.7; filter:alpha(opacity=70); -ms-filter:alpha('opacity=70');}
	.head_potal .search_form .istxt:hover,
	.head_potal .search_form .istxt:focus {opacity:1; filter:alpha(opacity=100); -ms-filter:alpha('opacity=100');}
	.head_potal .search_form .isbtn {position:absolute; top:6px;_top:94px; right:11px;_right:16px; width:32px; height:32px; margin:0; padding:0; border:0; background:transparent;}
	.head_potal .search .extend {float:left; padding-top:8px; display:none;}
	.head_potal .search .extend a {font-size:11px; color:#aaa; margin-right:8px;}
.head_basic {position:relative; margin:0; height:100px; text-align:center;}
	.head_basic .logo {margin:0 auto; height:100px;}
	.head_basic .logo a {font-size:28px; line-height:100px;}
	.gnb .search {position:absolute; top:106px; right:6px; z-index:20; background:#5a5a5a; display:none}
	.gnb .search_form .istxt {float:right; width:154px; height:24px; margin:0; padding:0; border:1px solid #399; text-indent:28px; font:11px/24px 돋움; color:#888; background:url('../img/opa10.png');}
	.gnb .search_form .istxt:hover,
	.gnb .search_form .istxt:focus {background:#fff; color:#aaa; border:1px solid #399;}
	.gnb .search_form .isbtn {position:absolute; top:0px; left:1px; width:24px; height:24px; margin:0; padding:0; border:0; background:transparent; opacity:0.7; filter:alpha(opacity=70); -ms-filter:alpha('opacity=70');}
.head_simple {position:relative; margin:0; height:62px;}
	.head_simple .logo {font-size:28px; line-height:60px;}
	
.head .gnb {width:980px; height:38px;}
.head .gnb #gnb_home a {background:none;}
.head .gnb ul {position:absolute; margin:0; padding:0; list-style:none; z-index:10;}
.head .gnb li {float:left; position:relative; margin-right:-2px; background:url('../img/nav_break.png') right center no-repeat;}
.head .gnb li a {display:block;}
.head .gnb li a:hover,
.head .gnb li a.hover {background:url('../img/nav_arrow.png') bottom center no-repeat !important;}
.head .gnb li.active a {background:url('../img/nav_arrow.png') bottom center no-repeat;}
.head .gnb li a span {height:38px; padding:0 28px 0 28px; font-size:13px; line-height:38px;}
.head .gnb li a span img {display:inline-block; line-height:1; vertical-align:top; margin:0 -28px 0 -30px;}
.head .gnb li#gnb_home a span {padding:0 13px; opacity:0.7; filter:alpha(opacity=70); -ms-filter:alpha('opacity=70');}
.head .gnb li#gnb_home a span:hover {opacity:1; filter:alpha(opacity=100); -ms-filter:alpha('opacity=100');}
.head .gnb li#gnb_home a span img {margin:0;}
	.head .gnb li ul {position:absolute; top:38px; left:0px; width:160px; border-top:none !important; background:#fff; display:none;}
	.head .gnb li li {clear:both; width:100%; margin-right:0; background:none;}
	.head .gnb li li a {clear:both; width:100%; color:#888 !important; background:#fff url('../img/nav_dot.png') -1px center no-repeat !important; border-bottom:1px solid #eee;}
	.head .gnb li li a:hover,
	.head .gnb li li a.hover,
	.head .gnb li li.active a {color:#222 !important; background:#f8f8f8 url('../img/nav_dot_act.png') -1px center no-repeat !important;}
	.head .gnb li li a span {padding:0 0 0 25px; font-size:12px; line-height:35px; opacity:1;}
	.head .gnb li li a span img {vertical-align:middle; margin-left:-26px;}
.head .gnb li a span .addon_menu_new,
.head .gnb li a span .addon_menu_new_comment {position:absolute; left:10px; top:-5px;}
.head .gnb li li a span .addon_menu_new,
.head .gnb li li a span .addon_menu_new_comment {position:relative; left:4px; top:-1px;}

.tgContent {display:none; position:absolute; top:136px; left:50%; margin-left:-490px; width:980px; z-index:200;}
.tgContent .close {display:block; height:38px; outline:none; position:absolute; top:-38px; right:0;}
.tgBlur {position:absolute;top:0;right:0;border:0;background:none;padding:0;width:1px;height:1px;overflow:hidden;}
.gnb_sp {position:relative; float:right; z-index:25;}
.sp_nav {position:absolute; top:62px; right:0; display:block;}
.sp_nav:hover {background:#555 url('../img/nav_arrow.png') bottom center no-repeat;}
.sp_nav img {vertical-align:middle;}
.allnav {width:100%; border:5px solid #ccc; border-right-width:4px; background:#fff;}
.allnav td {vertical-align:top; padding:15px 15px 20px 15px; border-right:1px solid #ddd;}
.allnav td:hover {background:#f8f8f8;}
.allnav ul {margin:0; padding:0; list-style:none;}
.allnav a {display:block;}
.allnav a {font-size:14px; font-weight:bold; color:#555; margin:0 0 4px 0; padding:0 0 8px 0; border-bottom:1px solid #888;}
.allnav li a {font-size:12px; font-weight:normal; color:#888; margin:0; padding:6px 0 7px 0; border-bottom:1px solid #eee;}
.allnav li li a {font-size:11px; color:#aaa; padding:3px 0 4px 4px; border:none;}
.allnav li a:hover {color:#222;}
.allnav li li a:hover {color:#555;}
.allnav li ul {padding:4px; background:#f8f8f8;}
.allnav td:hover li a {border-bottom:1px solid #f5f5f5;}
.allnav td:hover li ul {background:#f0f0f0;}
.allnav td:hover li li a {border-bottom:none;}


/* Layout : Body */
.body {padding-top:18px;}
.body .page {zoom:1}
.body .page:after {content:"";display:block;clear:both}
	.page .content {float:left;}
	.page .subside {float:right;}
	
	.page.idx {padding-bottom:20px;}
	.page.idx .content {width:660px; heignt:100px;}
	.page.idx .subside {width:300px; border:1px solid #ddd; border-bottom:none;}
		.widget_area {padding:15px; border-bottom:1px solid #ddd;}
	.page.idx.l .content {float:right;}
	.page.idx.l .subside {float:left;}
		
	.page.sub {background:url('../img/sub_bg.png') right top repeat-y; border-bottom:none;}
	.page.sub .content {width:800px; padding-bottom:20px; min-height:450px;}
	.page.sub .subside {width:162px;}
		.subside .lnb h2 {width:162px; display:block; margin:0; padding:0; background:#333; background-image:url('../img/subhead.png'); text-align:center;}
		.subside .lnb h2 a {display:block; padding:29px 0 0 0; height:48px; font-size:16px; color:#fff;}
		.subside .lnb ul {width:162px; margin:0; padding:0; list-style:none; border-top:5px solid #333; border-bottom:5px solid #888; border-right:none; border-left:none; zoom:1;}
		.subside .lnb ul:after {content:"";display:block;clear:both}
		.subside .lnb li {width:162px; float:left;}
		.subside .lnb li a {display:block; color:#888; background:#fff url('../img/nav_dot.png') left center no-repeat; border-bottom:1px solid #eee;}
		.subside .lnb li a span {padding:0 0 0 26px; font-size:12px; line-height:34px;}
		.subside .lnb li.active a {background:#666 url('../img/nav_dot_act.png') left center no-repeat; font-weight:bold;}
			.subside .lnb li ul {margin:0; width:160px; border:1px solid #ddd; border-top:none; padding:6px 0; display:block; zoom:1;}
			.subside .lnb li ul:after {content:"";display:block;clear:both}
			.subside .lnb li li {border-left:none;}
			.subside .lnb li li a,
			.subside .lnb li.active li a {display:block; font-weight:normal !important; border-bottom:none;}
			.subside .lnb li li a span {padding:0 0 0 19px; font-size:11px; line-height:20px;}
			.subside .lnb li li.active a {font-weight:bold !important;}

	.page.sub.l {background:url('../img/sub_bg.png') left top repeat-y;}
	.page.sub.l .content {float:right;}
	.page.sub.l .subside {float:left;}
	.lnbwrap {width:160px;}
	#fixedWrapper {position:absolute;}
	#fixed {position:absolute;top:0px;}
	#fixed.fixed {position:fixed;top:0;z-index:20;}
		
	.page.custom {}

.body .banner_link {display:block; overflow:hidden;}
.body .banner_link img {float:left; display:block; font-size:0;}
.body .banner_link div {clear:both; height:20px;}


/* Layout : Footer */
.foot {}
.foot .wrap {position:relative; padding-bottom:20px;}
	.fnb {position:relative; height:33px; border:1px solid #ddd; border-top:1px solid #c3c3c3; border-top:3px solid #aaa;}
	.fnb ul,
	.fnb dl {float:left; margin:0; padding:0; list-style:none;}
	.fnb li {float:left; position:relative;}
	.fnb li a {float:left; display:block; color:#999;}
	.fnb li a span {padding:0 22px; font-size:12px; line-height:33px; border-right:1px solid #ddd;}
	.fnb li a:hover {color:#111;}
	.fnb li img {_margin-top:10px;}
	.fnb dl {position:absolute; border:1px solid #ddd; border-top:3px solid #888;}
	.fnb dl dt {height:33px; line-height:33px; font-size:10px; font-family:tahoma; text-transform:uppercase; color:#aaa; background:#fafafa; cursor:pointer;}
	.fnb dl:hover {border:1px solid #ccc; border-top:3px solid #888;}
	.fnb dl:hover dt {color:#777;}
	.fnb dl:hover dd {display:block;}
	.fnb dl dd {margin:0; padding:0;display:none;}
	.fnb dl dd a {display:block; height:28px; line-height:28px; font-size:11px; color:#aaa; background:#f8f8f8; border-bottom:1px solid #eee;}
	.fnb dl dd a:hover {background:#fff; color:#555;}
		.fnb dl.language {bottom:-1px; right:32px;}
		.fnb dl.language dt,
		.fnb dl.language dd {width:127px; text-indent:9px;}
		.fnb dl.language dt {line-height:31px;}
		.fnb dl.language dt img {position:absolute; bottom:11px; right:7px;}
		.fnb dl.language dd img {margin-right:5px;}
		.fnb dl.site_link {bottom:-1px; right:-1px;}
		.fnb dl.site_link a {color:#aaa;}
		.fnb dl.site_link dt img {padding:8px; display:block;}
		.fnb dl.site_link dt,
		.fnb dl.site_link dd {width:32px; overflow:hidden; text-align:center;}
		.fnb dl.site_link dd a{height:33px; line-height:32px;}
		.fnb dl.site_link dd img {padding:9px 0;}
		.fnb dl.site_link .addon_menu_new {display:none;}
.foot .foot_info {position:relative; border-top:2px solid #f2f2f2;}
	.foot_info .site_info {float:left; padding-top:15px; font-size:11px; line-height:1.7; color:#bbb; width:800px;}
	.foot_info .site_info strong {color:#aaa;}
	.foot_info .site_info span {display:block; padding-top:9px; color:#999;}
.foot .foot_info .logo {position:absolute; display:inline-block; *display:inline; right:0; top:20px;}
.foot .foot_info .logo img{vertical-align:middle; margin-bottom:20px;}


/* Slider */
.slides_container {display:none;}
.slides_container div {display:block;}
#slide_head .slides_container img,
#slide_main .slides_container img {float:left;}

.head .banner {position:absolute; top:0; right:0; width:260px; height:100px; z-index:10;}
	#slide_head .slides_container,
	#slide_head .slides_container div {width:260px; height:100px;}
	#slide_head .next,
	#slide_head .prev {display:none;}
	#slide_head .page_nav {position:absolute; margin:0; padding:0; top:7px; right:7px; z-index:14;}
	#slide_head .page_nav li {float:left; list-style:none;}
	#slide_head .page_nav li a {float:left; display:block; width:16px; height:0; padding-top:16px; background:url(../img/slider_dot_dark.png) 0 0 no-repeat; overflow:hidden;}
	#slide_head .page_nav li.current a {background-position:0 -16px;}
.head .slider {position:relative; width:980px; height:300px; margin-top:5px;}
	#slide_main .slides_container,
	#slide_main .slides_container div {width:980px; height:300px;}
	#slide_main .next,
	#slide_main .prev {position:absolute; top:0; left:0; display:inline-block; width:50px; height:100%; background:url(../img/slider_arrow.png) left center repeat-x; overflow:hidden; z-index:13;}
	#slide_main .next {left:auto; right:0; background-position:150px center; z-index:13;}
	#slide_main .prev:hover {background-position:100px center;}
	#slide_main .next:hover {background-position:50px center;}
	#slide_main .page_nav {position:absolute; margin:0; padding:0; bottom:10px; right:10px; z-index:12;}
	#slide_main .page_nav li {float:left; list-style:none;}
	#slide_main .page_nav li a {float:left; display:block; width:20px; height:0; padding-top:20px; background:url(../img/slider_dot.png) 0 0 no-repeat; overflow:hidden;}
	#slide_main .page_nav li.current a {background-position:0 -20px;}
.head .slider a, .head .group .banner a {outline:none;}


/* Layout : Vertical Navigation */
.v_nav {position:fixed; top:133px; left:50%; margin-left:500px; width:38px; background:#333; z-index:10; display:none;}
*html .v_nav {position:absolute; top:expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(0 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px'); left:50%; margin-left:510px;}

.v_nav ul {position:absolute; top:0; left:0; margin:0; padding:0; padding-top:3px; width:38px; overflow:hidden;}
.v_nav ul:hover {width:150px;}
.v_nav li {list-style:none;}
.v_nav li a {position:relative; display:block; width:150px; height:38px; background:#f5f5f5; border-bottom:1px solid #e2e2e2; text-indent:38px; font-size:12px; line-height:38px; color:#aaa;}
.v_nav li a img {position:absolute; top:12px; left:12px;}
.v_nav li a:hover {background:#eee;}
.v_nav li a.act {background:#aaa;}


/* Content */
.page h3.p_title_h3 {display:none}
.page h4.p_title_h4 {display:none}
.vline_1 {display:none}