@charset "UTF-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

* {
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          margin:0; padding:0; border:0;
          font-family:'Nanum Gothic', sans-serif;
}



a {text-decoration:none;}
html { overflow-y:scroll; }
body, html { width:100%; height:100%;}
ul, li { list-style:none; display:block;}
address { display:block; font-style:normal; }
strong { font-weight:600; font-size:inherit; font-family:inherit;}
div, section, nav, article, address { display:block; }


/******************************/

#wrapper {
	width:100%;
}

/***********TOP*****************/

#top_wrapper {
	width:100%;
	min-width:1100px;
	height:auto;
	overflow:hidden;
	border-bottom:2px solid #c8c8c8;
}

#top_wrapper > #quick_wrapper {
	width:1100px;
	height:25px;
	margin:0 auto;
	text-align:right;
	padding:5px 0;
}

#top_wrapper > #quick_wrapper > a {
	font-size:11px;
	color:#a8a8a8;
	text-decoration:underline;
}	

#top_wrapper > #nav_wrapper {
	width:1100px;
	height:auto;
	margin:0 auto;
	text-align:center;
}

#top_wrapper > #nav_wrapper > nav {
	width:1100px;
	height:90px;
	margin:0 auto;
	background:url(images/top_bg.png) center center;
}

#top_wrapper > #nav_wrapper > nav > ul {
	width:900px;
	height:90px;
	text-align:center;
	margin:0 auto;
}

#top_wrapper > #nav_wrapper > nav > ul > a > li {
	float:left;
	display:block;
	width:150px;
	color:#fff;
	height:15px;
	margin-top:35px;
	font-size:16px;
	line-height:15px;
	font-weight:600;
}

#top_wrapper > #nav_wrapper > nav > ul > a:hover > li {
	color:yellow;
}


/********************MAIN****************/

#main_wrapper { 
	width:100%;
	text-align:center;

}

#main_wrapper > #slider_wrapper {
	width:1100px;
	height:auto;
	overflow:hidden;
	margin:0 auto;
}

#main_wrapper > #bottom_wrapper {
	width:1100px;
	height:auto;
	overflow:hidden;
	margin:0 auto;
}

#main_wrapper > #bottom_wrapper > #import1 {
	float:left;
	width:300px;
	text-align:right;
}

#main_wrapper > #bottom_wrapper > #import2 {
	float:left;
	width:500px;
}

#main_wrapper > #bottom_wrapper > #import3 {
	float:left;
	width:300px;
}

/*******************SUB****************/

#sub_wrapper {
	width:100%;
}

#sub_wrapper > #sub_top {
	width:1100px;
	margin:0 auto;
}


#sub_content {
	width:1000px;
	height:auto;
	overflow:auto;
	margin:0 auto 20px;
	padding:25px 0;
	min-height:500px;
	background-color:#fff;
}

#sub_content > nav {
	float:left;
	width:250px;
	height:auto;
	overflow:hidden;
	padding:0 20px;
	border-right:1px solid #e8e8e8;

}

#sub_content > nav > header {
	margin:0;
	padding:0;
}

#sub_content > nav > header > h2 {
	padding:0;
	margin:0;
	line-height:100%;
	font-family:'Nanum Gothic';
	color:#555;
	letter-spacing:-1px;
	font-weight:600;
}

#sub_content > nav > ul {
	margin-left:10px;
	margin-top:10px;
}

#sub_content > nav > ul > li {
	padding:0;
	margin:1px 0;
	border-radius:1em;
	width:100%;
	height:30px;
   	transition-property:background-color, color;
	-webkit-transition-property:background-color, color; /* Safari */	
	transition-duration:0.2s;
	-webkit-transition-duration:0.2s;
}

#sub_content > nav > ul > li > i {
	float:left;
	display:none;
	line-height:30px;
	font-size:13px;
}

#sub_content > nav > ul > li > a {
	font-family:'Nanum Gothic';
	color:#888;
	font-weight:600;
	font-size:13px;
	line-height:30px;
}


#sub_content > nav > ul > li:hover {
	background-color:#1c6ebf;
	padding-left:10px;
}

#sub_content > nav > ul > li:hover > i {
	display:block;
	font-size:13px;
	line-height:30px;
	color:#fff;
	padding-right:5px;
	padding-left:5px;

}


#sub_content > nav > ul > li:hover > a{
	color:#fff;
}

#sub_content > nav > ul > li.active {
	background-color:#1c6ebf;
	padding-left:10px;
}

#sub_content > nav > ul > li.active > i {
	display:block;
	font-size:13px;
	line-height:30px;
	color:#fff;
	padding-right:5px;
	padding-left:5px;

}

#sub_content > nav > ul > li.active > a{
	color:#fff;
}

#sub_content > nav > #infomation {
	margin-top:30%;
	margin-bottom:15%;
	padding:10px 8px;
}

#sub_content > nav > #infomation > h5 {
	color:#1c6ebf; 
	font-weight:600;
}

#sub_content > nav > #infomation > p {
	color:#888;
	font-size:12px;
	line-height:130%;
}

#sub_content > #sub_con {
	float:right;
	width:750px;
	height:auto;
	margin:0;
	padding:0 20px;
	background-color:#fff;
}

#sub_content > #sub_con > h3 {
	float:left;
	font-weight:lighter;
	text-align:left;
	color:#666666;
}

#sub_content > #sub_con > h3 > span {
	background-color:#1c6ebf;
	color:#fff;
	padding:2px 5px;
}
#sub_content > #sub_con > h5 {
	float:right;
	text-align:right;
	font-weight:lighter;
	line-height:200%;
	color:#666666;
}

#sub_content > #sub_con > hr {
	border:1px solid #e8e8e8;
	width:100%;
}

#sub_content > #sub_con h1 {
	font-weight:normal;
	color:#333;
}

#sub_content > #sub_con h2 {
	font-weight:600;
	font-family:'Nanum Gothic', sans-serif;
	color:#333;
}


#sub_content > #sub_con p.sub0101 {
	background:url(images/sub0101_bg.png) 100% -100% no-repeat;
	font-size:14px;
	line-height:180%;
	color:#555;
}

#sub_content > #sub_con p.sub0101 > strong{
	color:#1c6ebf;
	font-weight:600;

}
#sub_content > #sub_con p.sub0103 {
	margin:20px 0 0; 
	color:#777; 
	line-height:180%;
	font-size:14px;
}

#sub_content > #sub_con p.priv {
	font-weight:lighter;
	text-align:left;
	color:#666666;
	font-size:13px;
	padding:20px 10px;
	margin:20px 0;
	text-align:justify;
	border:1px solid #e8e8e8;
}

#sub_content > #sub_con > table tr td {
	padding:10px 0 10px 2px;
	font-size:14px;
	color:#212121;
}

#sub_content > #sub_con > table tr td.year {
	color:#2248a8;
	font-weight:600;
	font-size:17px;
}
/******************FOOTER***************/

#footer_wrapper {
	width:100%;	
	min-width:1100px;
	background-color:#e5eef1;
	padding:10px 0;
	border-top:2px solid #c8c8c8;
}

#footer_wrapper > #footer {
	width:1100px;
	height:auto;
	overflow:hidden;
	margin:0 auto;
	text-align:center;
}
#footer_wrapper > #footer > address {
	float:left;
	width:1000px;
	font-style:normal;
	font-size:13px;
	line-height:160%;
	color:#333;
}

#footer_wrapper > #footer > address > a {
	color:#333;
}

#footer_wrapper > #footer > address > a:hover {
	text-decoration:underline;
}

#footer_wrapper > #footer > #qr {
	float:left;
	width:100px;
	text-align:left;
}



/*============================*/
/*=== Custom Slider Styles ===*/
/*============================*/
#slider-wrapper {
    width:1100px;
    height:500px;
    margin:0 auto;
    z-index:1;
	position:relative;

}

#slider {
	position:relative;
    width:1100px;
    height:500px;
	margin:0 auto;
	background:url(images/loading.gif) no-repeat 50% 50%;
	z-index:1;
}

#slider img {
	position:relative;
	display:none;
	width:1100px;
	height:500px;
	z-index:1;
}

#slider a {
	border:0;
	display:block;
}

.nivo-controlNav {
	position:absolute;
	bottom:0px;
	right:0px;
	display:none;
}

.nivo-controlNav a {
	display:block;
	width:15px;
	height:15px;
	background:url(images/bullets.png) no-repeat;
	behavior: url("iepngfix.htc");
	text-indent:-9999px;
	border:0;
	margin-right:10px;
	margin-bottom:10px;
	float:left;
}

.nivo-controlNav a.active {
	background-position:0 -15px;
}

.nivo-directionNav a {
	display:block;
	width:50px;
	height:50px;
	background:url(images/arrows.png) no-repeat;
	behavior: url("iepngfix.htc");
	text-indent:-9999px;
	border:0;
}

a.nivo-nextNav {
	background-position:-50px 0;
	right:50px;
	top:10px;
}
a.nivo-prevNav {
	left:50px;
	top:10px;
}