@charset "euc-kr";
/* CSS Document */

@import url(http://fonts.googleapis.com/earlyaccess/nanumbrushscript.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumpenscript.css);
/*---reset---*/

html { overflow-y:scroll; overflow-x:hidden;}
* { margin:0; padding:0; }
img { border:0; }
ul, ol, dl, li { list-style:none; }
caption { width:1px; height:1px; overflow:hidden; }
table { border-collapse:collapse; border-spacing:0; }
body { font-family:Nanum Gothic,'³ª´® °íµñ',ng,sans-serif; font-size:13px; color:#4e4e4e; line-height:20px; text-decoration:none; -webkit-text-size-adjust:none;}

/*---a link---*/
a { text-decoration:none; color:#4e4e4e; }
a.top { color:#bbb; text-decoration:none; }
a.top:hover { color:#eee; text-decoration:none; }
a.subtop { text-decoration:none; color:#4e4e4e; }
a.subtop:hover { text-decoration:none; color:#002844; font-weight:bold; }
a.subtop:active { text-decoration:none; color:#002844; font-weight:bold; }

p{line-height:22px;}
h3{font-size:26px;line-height:30px;font-weight:600;color:#333;}
h3.under_space{margin-bottom:15px;}
h4{font-size:19px;line-height:26px;color:#1269ca;margin:25px 0 12px 0; font-weight:600;}
h5{font-size:19px;line-height:26px;color:#1269ca;margin:25px 0 12px 0; font-weight:600; text-align:center;}

#wrapper {
	width:100%;
	margin:0 auto;
	}
/*---header---*/
#header_wrap { width:100%; height:129px; border-bottom:1px solid #e1e1e1; }
#top_wrap {
	width:100%;
	height:30px;
	background:#3b3b3b;
	}
#top_menu {
	width:1080px;
	margin:0 auto;
	}
#top_menu ul {
	float:right;
	width:192px;
	}
#top_menu ul li {
	float:left;
	font-size:11px;
	height:13px;
	line-height:13px;
	border-right:1px solid #d6d6d6;
	margin-top:8px;
	}
#top_menu ul li.last {
	border-right:0;
	}
#top_menu ul li a {
	color:#d6d6d6;
	display:block;
	padding:0 10px;
	}
#top_menu ul li.last a {
	padding-right:0;
	}
	
#header { width:1080px; height:99px; margin:0 auto; }
#header h1 {
	float:left;
	padding-top:10px;
	}
#nav {
	float:right;
	width:680px;
	}
ul.menu {
	zoom:1;
	}
ul.menu li {
	float:left;
	width:170px;
	height:99px;
	line-height:99px;
	position:relative;
	text-align:center;
	}
ul.menu li a {
	display:block;
	width:170px;
	height:99px;
	font-size:17px;
	font-weight:600;
	text-decoration:none;
	}
ul.menu li a:hover, ul.menu li a:active {
	color:#fff;
	font-weight:600;
	text-decoration:none;
	background:#234e74;
	}
ul.menu li ul.sub {
	display:none;
	position:absolute;
	width:168px;
	background:#FFF;
	border-left:1px solid #e1e1e1;
	border-right:1px solid #e1e1e1;
	z-index:10000;
	}
ul.menu li ul.sub li {
	width:168px;
	height:29px;
	line-height:29px;
	border-bottom:1px solid #e1e1e1;
	text-align:left;
	background:none;
	}
ul.menu li ul.sub li a {
	display:block;
	width:148px;
	height:29px;
	line-height:29px;
	font-size:13px;
	color:#8f8e8e;	
	padding-left:20px;
	text-decoration:none;
	font-weight:normal;
	}
ul.menu li ul.sub li a:hover, ul.menu li ul.sub li a:active {
	color:#fff;
	font-weight:600;
	text-decoration:none;
	background:#234e74;
	}

/*---mainV---*/
#main_visual {
	clear:both;
	width:100%;
	height:500px;
	margin:0 auto;
	position:absolute;
	z-index:1;
	}
#sub_visual {
	clear:both;
	width:100%;
	height:192px;
	margin:0 auto;
	}

/* ---section--- */
#section_wrap {
	width:1080px;
	height:417px;
	margin:50px auto 30px;
	}
#slide_wrap {
	float:left;
	width:510px;
	height:417px;
	margin-right:30px;
	}
#link {
	float:left;
	width:540px;
	height:417px;
	}
#section1 {
	width:538px;
	height:118px;
	border:1px solid #e1e1e1;
	background:url(../images/sec1_bg.png) no-repeat 436px 12px;
	margin-bottom:10px;
	}
#section2 {
	width:538px;
	height:118px;
	border:1px solid #e1e1e1;
	background:url(../images/sec2_bg.png) no-repeat 418px 7px;
	margin-bottom:10px;
	}
#section3 {
	width:538px;
	height:156px;
	border:1px solid #e1e1e1;
	background:url(../images/sec3_bg.png) no-repeat 419px 66px;
	}	
#link div h3 {
	padding:20px 0 27px 20px;
	font-size:18px;
	color:#4e4e4e;
	font-weight:600;
	}
#link div h3 span {
	font-size:13px;
	color:#bbbbbb;
	}
#link div p {
	padding-left:20px;
	}

/* partner */
#partner2 {
	clear:both;
	width:1080px;
	margin:0 auto 30px;
	}
.slider-container {
	width:1040px;
	height:80px;
	border:1px solid #e1e1e1;
	margin-top:10px;
	padding:15px 20px;
	overflow:hidden;
	}
#slider {
	width:1058px;
	}
#slider img {
	width: 210px; 
	height: 80px;
	display:inline-block;
	margin:0;
	}
#slider li {
	float:left;
	width:260px;
	}


/* record tab */
ul.tabs {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 75px;
    width: 100%;
}
ul.tabs li {
    float: left;
    text-align:center;
    cursor: pointer;
    padding:0 10px;
	width: 168px;
    height: 35px;
    line-height: 35px;
    border: 1px solid #eee;
    margin:0 5px 5px 0;
    font-weight: bold;
    background: #fafafa;
    overflow: hidden;
    position: relative;
}
ul.tabs li.active {
    background: #194477;
	color:#FFF;
}
.tab_container {
    clear: both;
    float: left;
    width: 780px;
    background: #FFFFFF;
}
.tab_content {
	display:none;
	}
.tab_content p {
	line-height:22px;
	}
.tab_content table {
	border-bottom:2px solid #194477;
	}
.tab_content table th {
	height:35px;
	vertical-align:middle;
	color:#194477;
	}
.tab_content table tr.table_first td {
	border-top:3px solid #194477;
	}
.tab_content table td {
	height:30px;
	line-height:20px;
	border-right:1px solid #dedede;
	border-bottom:1px solid #dedede;
	vertical-align:middle;
	text-align:center;
	}
.tab_content table td.no-right {
	border-right:none
	}
 #container {
    width: 580px;
    margin: 0 auto;
}

.spec {
	border-top:2px solid #194477;
	border-bottom:2px solid #194477;
	margin-bottom:20px;
	font-size:13px;
	}
.spec td {
	height:30px;
	vertical-align:middle;
	border-right:1px solid #dedede;
	border-bottom:1px solid #dedede;
	text-align:center;
	}
.spec td.no-right {
	border-right:none;
	text-align:left;
	padding:5px 20px 5px 20px;
	}
.spec td.bg {
	background:#f5f5f5;
	text-align:center;
	}
	
/* ---contents--- */
#contents {
	width:1080px;
	margin:30px auto 0;
	}
#left_wrap {
	float:left;
	width:260px;
	margin-right:40px;
	}
#left_top {
	width:260px;
	height:170px;
	background:url(../images/lefttop_bg.png) right bottom no-repeat #234e74;
	}
#left_top h3 {
	text-align:center;
	line-height:170px;
	font-size:30px;
	font-weight:600;
	color:#FFF;
	}
#left_menu {
	width:260px;
	margin-top:20px;
	}
#left_menu a {
	display:block;
	width:235px;
	height:43px;
	line-height:43px;
	padding-left:25px;
	border-bottom:2px solid #dedede;
	font-size:15px;
	font-weight:600;
	}
#left_menu a:hover {
	background:url(../images/leftmenu_bullet.png) no-repeat 238px 14px;
	}
#left_menu a.on {
	background:url(../images/leftmenu_bullet.png) no-repeat 238px 14px;
	}

#article_wrap {
	float:left;
	width:780px;
	}
#article_top {
	width:780px;
	height:169px;
	background:url(../images/atop_bg.png) right no-repeat;
	border-bottom:1px solid #e1e1e1;
	}
#article_top ul li.home {
	background:url(../images/home.png) no-repeat 0 30px;
	padding:28px 0 30px 20px;
	}
#article_top ul li.article_tit {
	font-size:30px;
	font-weight:600;
	}

#article {
	width:780px;
	margin-top:40px;
	}
	
#ceo {
	width:780px;
	height:500px;
	background:url(../images/ceo_bg.png) no-repeat 0 0;
	}
#ceo p {
	padding-bottom:30px;
	width:530px;
	word-break:keep-all;
	}
#ceo p.first_txt {
	width:610px;
	padding-top:60px;
	}
	
#intro {
	width:780px;
	text-align:center;
	}

#partner {
	width: 780px;
	}
#partner li {
	list-style:none;
	float:left;
	padding-right:5px;
	padding-bottom:30px;
	}

	
#hp {
	width:780px;
	}
#hp ul li {
	padding-bottom:30px;
	width:390px;
	float:left;
	text-align:center;
	}


/*---footer---*/
.blank {
	clear:both;
	width:780px;
	height:100px;
	}
#footer_wrap {
	clear:both;
	width:100%;
	height:150px;
	background:#f5f5f5;
	}
#footer {
	width:1080px;
	height:150px;
	margin:0 auto;
	}
#footer h2 {
	float:left;
	padding:40px 30px 0 10px;
	}
#footer p {
	float:left;
	color:#808080;
	padding-top:35px;
	}
#footer span.footer_bolder {
	font-weight:600;
	}