@charset 'utf-8';

@import url("base.css");
@import url("global.css");

/* Base */

#gotop {
	position: absolute;
	left: 50%;
	margin-top: 90px;
	margin-left:420px;
	width: 70px;
	list-style:none;
}
#gotop ul li {
	list-style:none;
}






/* Layout */
#wrapper {
	width:100%;
	min-width:980px;
	color:#454545;
	font:12px/14px 'Nanum Gothic', Verdana, sans-serif, µ¸¿ò;	
	line-height:17px;
	height: auto !important;
	background:url('../images/background_navi.gif') repeat-x;
}

#header {
	height:86px;
	width:100%;
	border-bottom:4px solid #f2a20e;
}
	#header-menu-outline {
		margin:0px auto;
		width:100%;
		position:absolute;
	}
		#header-menu {
			margin:0px auto;
			width:980px;
		}
			.logo {	
				padding:20px 20px 0 10px;
				float:left;
			}
			.header-icon {	
				float:right;
			}
			.header-icon ul li{	
				padding:48px 10px 0px 0;
				float:left;
			}

.bg_submenu {height:43px;background:url('../images/bg_submenu.gif') repeat-x;}

	#container {
		width:100%;
    }   
		.navi {
			width:780px;
			margin:0px auto;
			text-align:right;
			font-size:11px;
			color:#999;
			padding:10px 0 0px 0;
		}
		.sub {
			width:980px;
			margin:0px auto;
		}
		.sub-main {
			float:left;
			width:760px;
			padding-top:0px;
			display:inline-block;
		}
		.quick {
			float:left;
			margin-top:-40px;
		}
		.left-menu {
			float:left;
			width:220px;
			margin-top:20px;
		}
			.left-menu .main {
				width:220px;
			}
		.sub-contents {
			float:left;
			width:670px;
			margin-top:20px;
			padding-bottom:20px;
		}
		.sub-contents p { display:none;}

			.sub-contents .business_item h2{
				margin-left:70px;
				font-size:130%;
				font-weight:600;
				margin:0 0 10px 67px;
			}
			.sub-contents .business_item ul{
				margin-left:60px;
			}
				.sub-contents .business_item ul li {
					float:left;
					margin:5px 10px 0 0;
					font-weight:600;
					text-align:center;
					color:#fff;
				}
				.sub-contents .business_item ul li a, a:visited {
					padding:10px;
					color:#fff;
				}
				.sub-contents .business_item ul li a:hover {
					color:#ffc619;
				}

			.sub-contents .tab-m{
				width:660px;
				height:55px;
				background:url('../images/tab-back.gif') repeat-x ;
			}	
			.sub-contents .tab-m ul {
				margin:0px 0 10px 0;
			}
			.sub-contents .tab-m ul li{
				float:left;
			}
			
			.sub-contents .tab-m-port{
				width:660px;
				height:75px;
			}	
			.sub-contents .tab-m-port ul {
				margin:0px 0 10px 0;
			}
			.sub-contents .tab-m-port ul li{
				float:left;
			}




			.sub-contents .tab-m-movie{
				width:660px;
				height:55px;
			}			
			.sub-contents .tab-m-movie ul {
				margin:0px 0 10px 0;
			}
			.sub-contents .tab-m-movie ul li {
				float:left;
				width:50%;
				text-align:center;
				background:#e1e1e1;
				padding:10px 0;
				font-weight:600;
			}			
				.sub-contents .tab-m-movie ul li a, a:visited {
					color:#999;
				}
			.sub-contents .tab-m-movie ul li.on {
				float:left;
				width:50%;
				text-align:center;
				background:#e77b00;
				font-weight:800;
			}			


			.sub-contents .tab-m-homepage{
				width:660px;
				height:50px;
			}			
			.sub-contents .tab-m-homepage ul {
				margin:0px 0 10px 0;
			}
			.sub-contents .tab-m-homepage ul li {
				float:left;
				width:33%;
				text-align:center;
				background:#e1e1e1;
				padding:8px 0;
				font-weight:600;
				border:1px solid #ccc;
				border-bottom:1px solid #e77b00;
				color:#000;
			}			
				.sub-contents .tab-m-homepage ul li a, a:visited {
					color:#555;
				}
			.sub-contents .tab-m-homepage ul li.on {
				float:left;
				width:33%;
				text-align:center;
				background:#fff;
				font-weight:800;
				border:1px solid #e77b00;
				border-bottom:1px solid #fff;
				color:#e77b00;
			}		




				.sub-contents .tab-m-movie ul li.on a, a:visited {
					color:#fff;
				}
			.sub-contents .tab-m-history{
				width:660px;
				display:inline-block;
			}
			.sub-contents .tab-m-history ul {
				margin:0px 0 10px 0;
			}
			.sub-contents .tab-m-history ul li{
				float:left;
			}

		.sub-contents .application h2{
			font-size:25px;
			font-weight:bold;
			margin:20px 0 20px 0;
			padding:10px 0 10px 0;
			border:1px solid #19459b;
			width:100%;
			text-align:center;
			background:#e7effb;
			color:#19459b;
		}



		.sub-contents .ss-menu {
				margin-bottom:20px;
			}	
		.sub-contents .ss-menu ul li {
				float:left;
				margin:0 3px;
				padding:5px 20px;
				background:#eee;
				border:1px solid #cecece;
				color:#999;
			}	
		.sub-contents .ss-menu ul li a, a:visited {
				color:#999;
			}	
		.sub-contents .ss-menu ul li a:hover {
				color:#d30000;
			}	
		.sub-contents .ss-menu ul li.on {
				float:left;
				margin:0 3px;
				padding:5px 20px;
				background:#f1f1f1;
				border:1px solid #cecece;
				color:#d30000;
				font-weight:bold;
			}	
		.sub-contents .ss-menu ul li.on a, a:visited {
				color:#d30000;
				font-weight:bold;
			}	


			

			

		






#footer {
	clear:both;
	width:100%;
	border-top:1px solid #d3d3d3;
	display:inline-block;
	display:table;
}
	#logos {
		margin:0px auto;
		width:980px;
	}

	#network {
		width:100%;
		border-top:0px solid #e5e5e5;	
		display:inline-block;
	}
		#network ul{
			margin:0px auto;
			width:980px;
			padding:0px 0 0px 0;
		}
			#network ul li{
				float:left;
			}
			#network ul li select{
				height:20px;
				margin-left:20px;
				font:11px/15px 'Nanum Gothic' tahoma, verdana, µ¸¿ò;
				background:#eae5dc;
				color:#5b5345;
				width:170px;
			}
	#copyright {
		width:100%;
		margin:0px 0 0 0;
		background:url('../images/bg-copyright.jpg') repeat-x;
	}
		.copy{
			margin:0px auto;
			width:980px;
		}

	#footer a {
		line-height:20px;
		text-decoration:underline;
	}

	#footer a:hover, a:active, a:focus {
		color:#3f58d4;
	}