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

/* 공통 */
body {margin:0px; padding:0px; font-family:'Nanum Gothic', sans-serif; font-size:14px;}
img {border:0px;}
.table_bgcolor1 {background:#f0f0f0;}
/* 공통 */

/* 상단 */
.top_bg {width:100%; height:154px; border-bottom:1px solid #ccc; float:left;}
.top_bg .main_top_bg {width:100%; height:100px; background:#3a3a3c;}
.top_bg .main_top_bg .main_top {margin:0px auto; width:1204px; height:100px;}
.top_bg .main_top_bg .main_top .logoBox {padding:0px; height:100px; float:left;}
.top_bg .main_top_bg .main_top .topMsgBox { height:100px; float:left;}
.top_bg ul.menu {margin:0px auto; padding:0px; width:1204px; height:54px; list-style:none;}
.top_bg ul.menu li {padding:0px 70px 0px 0px; float:left;}
/* 상단 */

/* 중앙 */
.main {width:100%; float:left;}
/* 중앙 */

/* 컨텐츠 */
.contents {margin:auto; width:1204px;}
/* 컨텐츠 */

/* 메인 상단 */
.main_banner1 {width:889px; height:342px; float:left;}
.main_banner2 {width:315px; height:342px; background:#ed814f; float:left;}
.main_banner2 .csCenter {margin:35px 0px 20px 0px; width:100%; text-align:center;}
.main_banner2 .reference {width:100%; text-align:center;}
/* 메인 상단 */

/* 메인 중앙 */
.main_clbanner {width:569px; height:569px; border:1px solid #ccc; float:left;}
.main_crbanner {width:315px; height:284px; border:1px solid #ccc; border-left:none; float:left;}
.main_crbbanner {width:315px; height:284px; border:1px solid #ccc; border-left:none; border-top:none; float:left;}
.main_crbbanner .notice {margin:20px 0px 0px 15px; width:260px; height:260px;}
/* 메인 중앙 */

/* 메인 파트너 */
.partnership {margin:10px 0px; height:50px; border:1px solid #ccc; text-align:center; float:left;}
/* 메인 파트너 */

.main_top {height:100px;}
.main_top div {float:left;}

.contents ul.menu {width:100%; height:35px; margin:0; padding:0; list-style:none;}
.contents ul.menu li {float: left; padding-left: 70px;}
.area {min-height:700px;}

/* 포트폴리오 */
.portfolioTit {width:100%; height:150px; text-align:right; float:left;}
.portfolioMore {margin:5px 0px; padding:3px 0px 0px 0px; width:100%; height:17px; font-size:12px; text-align:right; float:left;}
.portfolioMore a {text-decoration:none;}
.portfolioMore a:hover {text-decoration:none;}
.portfolioArea {margin:10px 0px; width:100%; text-align:right; float:left;}
.portfolioArea .portfolioBox {margin:0px 0px 0px 0px; width:100%; float:left;}
.portfolioArea .portfolioBox .portfolioTitle {margin:49px 0px 0px 14px; width:980px; float:left;}
.portfolioArea .portfolioBox table {margin:20px 0px 0px 54px; width:940px; float:left;}
.portfolioArea .portfolioBox table.last {margin:20px 0px 50px 54px; width:940px; float:left;}


/* 게시판 리스트 */
.boardTit {margin:0px 0px 10px 0px; width:100%; text-align:right; float:left;}
.borad {margin:0px 0px 0px 54px; width:940px; float:left;}
.borad th {height:32px; background:#c7c6c6; font-size:12px; color:#fff; text-align:center;}
.borad td {height:28px; border-bottom:1px solid #c9c9c9; color:#616165; font-size:12px; text-align:center;}
.borad td a {color:#616165; font-size:12px; text-decoration:none;}

/* 게시판 페이지 리스트*/
.paging {margin:0px 0px 0px 54px; width:940px; height:50px; color:#777; font-size:12px; text-align:center; float:left;}
.paging li {display:inline; padding:0px 5px 0px 5px;}
.paging li a {display:inline-block; margin:0px 2px 0px 2px; padding:4px 0px 4px 0px; width:24px; height:16px; line-height:16px; border:1px solid #e7e7e7; color:#666; text-align:center;}
.paging li a:hover,
.paging li.now a {border:1px solid #919191; background:#919191; color:#fff; font-weight:bold;}
.paging li.active a {display:inline-block; padding:4px 0px; width:24px; height:16px; line-height:16px; border:1px solid #919191; background:#919191; color:#fff; font-weight:bold;}
.paging li.first a, .paging li.prev a, .paging li.next a, .paging li.last a {padding:4px 3px 4px 3px;}
.paging li.prev {margin-right:10px;}
.paging li.next {margin-left:10px;}

/* 좌측 메뉴 */
.leftMenuTitle {margin:50px 0px 50px 0px; width:100%; text-align:center;}
.leftMenuContent {margin:0px 0px 20px 0px; width:100%; float:left;}
.leftMenuContent .leftMenu {margin:5px 0px 0px 0px; width:100%; height:27px; text-align:center; float:left;}
.leftMenuBanner {margin:0px 0px 10px 0px; width:100%; text-align:center; float:left;}
.leftMenuButton {margin:0px 0px 20px 0px; width:100%; text-align:center; float:left;}

	.popup { width:450px; font-size:12px;}
	.title { height:65px; background:#ee6323; color:#FFF; font-size:18px; padding-left:10px; display:block; vertical-align:middle;}
		.title img {padding-top:22px;}
	.box {border:8px solid #ee6323; padding:25px 30px;}
		.box div img { margin-bottom:5px;}

	.check_box {border-bottom:1px solid #CCC; border-top:1px solid #CCC; background:#fafafa; padding:10px;}
	.check_05 {border-bottom:1px solid #CCC; padding:5px;}


#create-user {margin:0px;}

/* 하단 */
.footer {width:100%; height:100px; border-top:1px solid #cccccc; text-align:center; float:left;}
/* 하단 */

/**/
.tmg_bg {
	padding:20px;
	text-align:center;
	font-size:17px;
}
.tmg_bg p {
	text-align:left;
}
.tmg_bg h1 {
	padding-top:30px;
	padding-bottom:20px;
	font-weight:900;
}
.tmg_bg .cont {
	text-align:left;
	padding-bottom:20px;
}
.tmg_bg .date {
	padding-bottom:30px;
	padding-bottom:30px;
}
.tmg_bg .info {
   margin:0 auto;
}
.tmg_bg .info span {
	text-align:left;
	line-height:1.5;
}