@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:115px; }
#top_wrap {
	width:100%;
	height:28px;
	background:#23305d;
	}
#top_menu {
	width:1000px;
	margin:0 auto;
	}
#top_menu ul {
	float:right;
	}
#top_menu ul li {
	float:left;
	font-size:11px;
	height:28px;
	line-height:28px;
	border-right:1px solid #33406d;
	}
#top_menu ul li.start {
	float:left;
	font-size:11px;
	height:28px;
	line-height:28px;
	border-left:1px solid #33406d;
	}
#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:10px;
	background:#eb3e16;
	}
	
#header { width:999px; height:86px; margin:0 auto; border-left:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; background:#fff;}
#header h1 {
	float:left;
	padding-top:19px;
	padding-left:18px;
	}
#nav {
	float:right;
	width:681px;
	}
ul.menu {
	zoom:1;
	}
ul.menu li {
	float:left;
	width:135px;
	height:86px;
	line-height:86px;
	position:relative;
	text-align:center;
	border-right:1px solid #e1e1e1;
	}
ul.menu li.start {
	float:left;
	width:135px;
	height:86px;
	line-height:86px;
	position:relative;
	text-align:center;
	border-left:1px solid #e1e1e1;
	}

ul.menu li a {
	display:block;
	width:135px;
	height:86px;
	font-size:17px;
	font-weight:600;
	text-decoration:none;
	}
ul.menu li a:hover, ul.menu li a:active {
	color:#ea400f;
	font-weight:600;
	text-decoration:none;
	}
ul.menu li ul.sub {
	display:none;
	position:absolute;
	width:205px;
	background:#f2f2f2;
	border-left:1px solid #e1e1e1;
	border-right:1px solid #e1e1e1;
	z-index:10000;
	}
ul.menu li ul.sub li {
	width:205px;
	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:185px;
	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:url(../images/sub_menu_bg.png) no-repeat;
	}

/*---mainV---*/

#main_visual {
	clear:both;
	width:998px;
	height:423px;
	margin:0 auto;
	border-left:1px solid #e1e1e1;
	border-bottom:10px solid #23305d;
	border-right:1px solid #e1e1e1;
	}

#sub_visual {
	clear:both;
	width:998px;
	height:148px;
	margin:0 auto;
	border-left:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; border-right:1px solid #e1e1e1;
	background:url(../images/sub_visu.png) no-repeat center top;
	}

/* ---section--- */
#section_wrap {
	width:998px;
	height:503px;
	margin:0px auto;
	border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1;
	}
#slide_wrap {
	float:left;
	width:510px;
	height:417px;
	margin-right:30px;
	}
#link {
	float:left;
	width:540px;
	height:417px;
	}
#section1 {
	float:left;
	font-size:14px;
	font-weight:600;
	color:#0070c0;
	text-align:center;
	line-height:65px;
	width:312px;
	height:65px;
	}
#section2 {
	float:left;
	font-size:14px;
	font-weight:600;
	color:#7030a0;
	text-align:center;
	line-height:65px;
	width:353px;
	height:65px;
	}
#section3 {
	float:right;
	font-size:14px;
	font-weight:600;
	color:#993300;
	text-align:center;
	line-height:65px;
	width:333px;
	height:65px;
	}
#scroll_wrap { width:998px;}
#scroll_wrap div { float:left;}
.scroll-img { background:#FFF; width:930px; height:234px; overflow: hidden; font-size: 0; margin:0 auto}
.scroll-img ul { width: 930px; height: 234px; margin: 0 auto }
.scroll-img ul li { display: inline-block; margin:0 0 0 5px; float:left; vertical-align:middle;}
/*.scroll-img ul li p { text-align:center; }*/
#scrollbox.scroll-img ul { width: 1485px; }
.btn {float:left; width:34px; cursor:pointer; text-align:center; vertical-align:middle; margin-top:120px;  }	

#section4 {
	float:left;
	border:1px solid #d7d7d7;
	width:226px;
	height:122px;
	margin:41px 0 39px 39px;
	background:url(../images/section6_1bg.png) center bottom no-repeat;
	}
#section4 p {
	float:left;
	font-size:17px;
	color:#152d89;
	font-weight:600;
	padding:20px 0 0 20px;
	width:150px;
}
#section4 .section_btn {
	float:right;
	padding:23px 24px 0 0;
}
#section5 {
	float:left;
	border:1px solid #d7d7d7;
	width:226px;
	height:122px;
	margin:41px 0 39px 3px;
	background:url(../images/section6_bg.png) center top no-repeat;
	}
#section5 p {
	float:left;
	font-size:17px;
	color:#152d89;
	font-weight:600;
	padding:20px 0 0 20px;
	width:150px;
}
#section5 .section_btn {
	float:right;
	padding:23px 24px 0 0;
}
#section6 {
	float:left;
	border:1px solid #d7d7d7;
	width:226px;
	height:122px;
	margin:41px 0 39px 3px;
		background:url(../images/section7_bg.png) center top no-repeat;
	}
#section6 p {
	float:left;
	font-size:17px;
	color:#152d89;
	font-weight:600;
	padding:20px 0 0 20px;
	width:150px;
	
}
#section5 .tel {
	font-size:12px;
	color:#8d8b8b;
	padding:20px 0 0 20px;
	font-weight:600;
	width:125px;
	line-height:25px;
}
#section6 .section_btn {
	float:right;
	padding:23px 24px 0 0;
}

#section7 {
	float:right;
	border:1px solid #d7d7d7;
	width:225px;
	height:122px;
	margin:41px 39px 39px 3px;
	background:url(../images/section8_bg.png) center top no-repeat;
	}
#section7 p {
	float:left;
	font-size:17px;
	color:#152d89;
	font-weight:600;
	padding:20px 0 0 20px;
	width:150px;
}
#section7 .section_btn {
	float:right;
	padding:23px 24px 0 0;
}


#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:999px;
	border-left:1px solid #dedede;
	margin: 0 auto; position:relative; background:#fff; overflow:hidden;
	}
#left_wrap {	
	float:left;
	width:238px;
	min-height:100%;
	}
#left_top {
	width:238px;
	height:160px;
	background:url(../images/lefttop_bg.png) center top no-repeat;
	}
#left_top h3 {
	line-height:25px;
	font-size:25px;
	font-weight:600;
	color:#000;
	padding: 119px 0 0 29px;
	}
#left_menu {
	width:238px;
	background:#FFF;
	}
#left_menu a {
	display:block;
	width:213px;
	height:39px;
	line-height:39px;
	padding-left:25px;
	border-bottom:1px solid #ebebeb;
	font-size:15px;
	color:#000;
	}
#left_menu a:hover {
	background:url(../images/left_menu_bg.png) no-repeat;
	color:#FFF;
	}
#left_menu a.on {
	background:url(../images/left_menu_bg.png) no-repeat;
	color:#FFF;
	}

#article_wrap {
	float:right;
	width:700px;
	background:#FFF;
	padding-right:19px;
	padding-left:40px;
	border-left:1px solid #e1e1e1;
	border-right:1px solid #e1e1e1;
	}
#article_top {
	width:700px;
	height:100px;
	border-bottom:1px solid #e1e1e1;
	}
#article_top ul li.home {
	float:right;
	padding:74px 0 0 0;
	font-size:12px;
	}
#article_top ul li.article_tit {
	float:left;
	padding:72px 0 0 0;
	font-size:24px;
	font-weight:600;
	color:#000;
	}

#article {
	width:700px;
	margin-top:40px;
	}


/*---footer---*/
.blank {
	clear:both;
	width:700px;
	height:100px;
	}
#footer_wrap {
	clear:both;
	width:100%;
	height:106px;
	}
#footer {
	width:998px;
	height:105px;
	margin:0 auto;
	border-left:1px solid #e1e1e1; border-top:1px solid #e1e1e1; border-right:1px solid #e1e1e1;
	background:#fff;
	}
#footer h2 {
	float:left;
	padding:37px 50px 0 40px;
	}
#footer p {
	float:left;
	color:#808080;
	padding-top:35px;
	font-size:11px;
	}
#footer span.footer_bolder {
	font-weight:600;
	}
