flatform@charset "utf-8";
/* ########################### Reset  Style ########################### */
input { margin: 0; padding: 0; }
.reset { margin: 0 !important; padding: 0 !important; }
/* fontStyle */ tt, i, b, u, s, strike, big, small, 
/* phrase */ em, strong, dfn, code, samp, kbd, var, cite, abbr, acronym,
/* special */ a, img, applet, object, font, basefont, br, script, map, q, sub, sup, span, bdo, iframe, 
/* formctrl */ input, select, textarea, label, button, 
/* document */ address, div, 
p, h1, h2, h3, h4, h5, h6, pre, blockquote, ins, del, dl, dt, dd, ul, ol, li, dir, menu, form, option, fieldset, legend, th, td { margin: 0; padding: 0; }
table { width: 100%; border-collapse: collapse; margin: 0; padding: 0; border: 0; }
hr { display: none; }
img { font-size: 1%; line-height: 1; border: 0; }
ul, ol, li { list-style: none; }
/* ########################### Print Style ########################### */
@media print {
	
}
html { overflow-y: scroll; }
html, body { height: 100%;  /* Required */ }
body {
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-size: 12px;
	font-family: Tahoma, Dotum, sans-serif; 
	line-height: 1.5;
	}
body { background: #fff; margin: 0; padding: 0; border-top: 5px solid #004080; }
a { text-decoration: none;  color: #5A5A5A;}
#wrapper { width: 100%; height: 120px; background: url(../images/nav/pbg.gif) repeat-x left bottom; overflow: visible; margin-bottom: 30px; position: relative; z-index: 2;}
body#main #wrapper { background: none; margin-bottom: 30px; position: relative; overflow: visible; }

/*
header#header { width: 926px; margin: 0 auto; height: 120px; overflow: visible;  }
	#logo { float: left; width: 200px; padding-left: 16px; }
	#gnbWrap { float: left; width: 710px; }
	.util { padding-top: 6px; width: 255px; float: right; }
		.util ul { width: 255px; overflow: hidden; }
		.util li { float: left; }
*/
header#header { width: 926px; margin: 0 auto; height: 120px; overflow: visible;}
	#logo { float: left; width: 199px; padding-left: 0px;}
	#gnbWrap { width: 727px; float: right;}
	.util { padding-top: 6px; padding-right: 0px; float: right;}
		.util ul {  float: right; text-align: right;}
		.util li { float: left; }


#contWrap { clear: both; width: 926px; margin: 0 auto; overflow: hidden; }
body#main #contWrap { clear: both; width: 100%; margin-top: -75px; overflow: hidden; z-index: 1; position: relative;}
	#lm { width: 216px; float: left; font-family: Tahoma, sans-serif; color: #775954; line-height: 21px; }
	#cont { width: 709px; border-left: 1px solid #eaeaea; float: left; padding: 0 0 60px 0; min-height: 600px; margin-bottom: 60px;}
#footer { background: #f2f2f2;  }
.inner-foot { width: 926px; margin: 0 auto; padding:15px 0;}
.inner-foot img { margin-left: 221px;  }

.breadclumbs { text-align: right; font-size: 11px; line-height: 12px; color: #c8bfbd; }
.breadclumbs span.home { background: url("../images/icon_home.gif") no-repeat left center; padding-left: 15px; }
.breadclumbs span { margin-right: 3px; }
.title h1 { border-bottom: 1px solid #eaeaea; padding-left: 44px; margin-bottom: 32px; }
.inner-cont { padding-left: 44px; }

.sf-menu li ul { padding: 0 0 20px; width: 131px;}
.sf-menu li ul li { background: url(../images/nav/eng_smbgL.png) no-repeat left top; width: 111px; padding: 0 0 0 20px; }
.sf-menu li ul li.first { background: url(../images/nav/eng_smbgL.png) no-repeat left top; width: 111px; padding: 7px 0 0 20px; }
.sf-menu li ul li.last { background: url(../images/nav/eng_smbgL.png) no-repeat left bottom; width: 111px; padding: 0 0 15px 20px; }
.sf-menu li ul.sm2 { padding: 0 0 20px; width: 204px;}
.sf-menu li ul.sm2 li { background: url(../images/nav/eng_smbgW.png) no-repeat left top; width: 204px; padding: 0 0 10px 30px; }
.sf-menu li ul.sm2 li.first { background: url(../images/nav/eng_smbgW.png) no-repeat left top; width: 204px; padding: 7px 0 10px 30px; }
.sf-menu li ul.sm2 li.last { background: url(../images/nav/eng_smbgW.png) no-repeat left bottom; width: 204px; padding: 0 0 0 30px; }


.sf-menu li ul.sm4 { text-align:center; padding: 0 0px 20px; width: 204px; margin: 0 0 0 -80px;}
.sf-menu li ul.sm4 li { background: url(../images/nav/eng_smbgW.png) no-repeat left top; width: 204px; padding: 0 0 10px 0; margin-right:20px;}
.sf-menu li ul.sm4 li.first { background: url(../images/nav/eng_smbgW.png) no-repeat left top; width: 204px; padding: 7px 0 10px 0; margin-right:20px;}
.sf-menu li ul.sm4 li.last { background: url(../images/nav/eng_smbgW.png) no-repeat left bottom; width: 204px; padding: 0 0 0 0; margin-right:20px;}


.sf-menu li ul li.sm-bg-l { }
.sf-menu li ul li.sm-bg-r { }



#lm h2 { margin-bottom: 37px; padding-top: 12px; }
#lm .lm { width: 201px; }
.lm { margin-bottom: 30px; }

.lm a { color: inherit; text-decoration: none; }
.lm li a { line-height: 18px; padding: 3px 0 4px 14px; color: #775954; margin-bottom: 10px; display: block; font-weight: normal; font-size: 12px; letter-spacing: 0;  }
.lm li a.act { background: #004080; color: #fff; }

.lm li ul { margin-bottom: 10px; display: none; }
.lm li ul.view { display: block; }
.lm li ul li a { line-height: 20px; padding: 0 0 0 24px; color: #a68e8b; margin-bottom: 0; display: block;  font-weight: normal; font-size: 13px; background: url("../images/icon_lm.gif") no-repeat 14px -13px; }
.lm li ul li a.act { background: url("../images/icon_lm.gif") no-repeat 14px 10px; color: #e83617; }

.resources, .case-study { border-top: 1px solid #eaeaea; background: #fcfcfc; padding: 25px 14px; margin-bottom: 0; }
.flatform { border-top: 1px solid #eaeaea; background: #fff;/* padding: 25px 14px;*/ margin-bottom: 0; }
.etc { background: #fcfcfc; padding: 25px 14px; margin-bottom: 0; border-bottom: 1px solid #eaeaea;}
.resources h2, .case-study h2 { color: #3b3b3b; font-size: 14px; margin-bottom: 8px; line-height: 21px; }

#lm .resources h2, #lm .case-study h2 { margin-bottom: 5px; }
.resources a[href$='pdf'] { text-decoration: none; background: url("/img/share/icon_pdf.gif") no-repeat 0 5px; padding-left: 20px; display: block; font-size: 12px; color: #747474; line-height: 16px; }
.resources li { margin-bottom: 15px; }
.case-study a { text-decoration: none; background: url("../images/dot.gif") no-repeat left 10px; padding-left: 10px; display: block; font-size: 12px; color: #747474; line-height: 21px; }

.board-list, .board-view { background: url(/img/share/news_bg.gif) no-repeat left top; }
.board-list th {background: url(/img/share/bar.gif) no-repeat right center; padding: 10px 0; color: #6e6e6e; line-height: 18px;  }
.board-list th.last {background-image: none;}
.board-list td {text-align: center; color: #a3a3a3; padding: 12px 0; border-bottom: 1px solid #e7e7e7;}
.board-list td a {text-decoration: none; color: #a3a3a3;}
.board-list td.title {text-align: left; color: #666666; padding: 12px 0 12px 15px; }
.board-list td.title a { color: #666666; }

.board-view th {background:#f1f1f1; font-size: 14px; color: #666; padding: 10px 0 10px 15px; text-align: left; line-height: 18px; }
	.board-view td.date {padding: 10px 0 10px 10px; color: #a3a3a3; font-size: 11px; border-bottom: 1px solid #e9e9e9; border-top: 1px solid #e9e9e9; }
	.board-view td.check {padding: 10px 0; color: #a3a3a3; font-size: 11px; border-bottom: 1px solid #e9e9e9; border-top: 1px solid #e9e9e9; }
	.board-view .main-letter {padding: 34px 15px; }
.view-list {border-top: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; }
	.view-list a {text-decoration: none; color: #a3a3a3; }
	.view-list th,
	.view-list td {color: #a3a3a3; padding: 10px 0; }
	.view-list th.next-view, .view-list td.next-view { border-bottom: 1px solid #e9e9e9; }
.btn-list {text-align: center; margin-top: 20px;}
/* Pagination */
.pagination{ padding:15px 0; text-align:center; line-height:normal;}
.pagination a { position:relative; color:#747474; font: normal 12px/16px Tahoma, Sans-serif; vertical-align:top; display:inline-block; text-decoration:none; padding:1px 8px; margin:0 -3px; background-color:#fff; z-index:2;}
.pagination strong { position:relative; color:#747474; font: bold 12px/16px Tahoma, Sans-serif; vertical-align:top; display:inline-block; text-decoration:none; padding:1px 8px; margin:0 -3px; background-color:#fff; z-index:2;}
/* contact */
.etc dl { width: 100%; overflow: hidden; }
.etc dt { width: 136px; float: right; clear: both; margin-top: 20px;}
.etc dd { width: 136px; float: right; line-height: 16px;}
.etc dd a { text-decoration: none; color: #747474; }
.etc dd.img { width: 40px; float: left; margin-top: -35px; }
table.contact { width: 100%; padding: 0; border: 1px solid #dadada; margin-bottom: 20px; }
table.contact th { background: #f7f7f7; color: #757474; vertical-align: top; padding: 11px 0 11px 0; border-bottom: 1px solid #e9e9e9; text-align: left; }
table.contact th span { padding: 0 20px; }
table.contact td { background: #fff; color: #757474; vertical-align: top; padding: 11px 0 12px 20px; border-bottom: 1px solid #e9e9e9; }
table.contact th.last, table.contact td.last { border-bottom: 1px solid #dadada;}