@charset "utf-8";
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; background:transparent;}
body { font-family:'맑은 고딕', 'Malgun gothic', 'Dotum', '돋움', 'Gulim','굴림', 'Tahoma', 'sans-serif', 'verdana'; font-size:12px; -webkit-text-size-adjust:none;}
* { -webkit-text-size-adjust:100%; max-height:100%;}​
article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section {display:block;} /* delete vertical-align */
body,html { width:100%; background:#fff;}
ol,ul,li { list-style:none;}
blockquote,q { quotes:none;}
blockquote:before,blockquote:after,q:before,q:after { content:''; content:none;}
table { border-collapse:collapse; border-spacing:0;}
dt { display:block;}
a { cursor:pointer;}
hr { display:none;}
input, select, img { vertical-align:middle;}
input, select, textarea { font-size:13px; font-family:'맑은 고딕', 'Malgun gothic', 'Dotum', '돋움', 'Gulim','굴림', 'Tahoma', 'sans-serif', 'verdana';}
caption, legend { visibility:hidden; width:0; height:0; line-height:0; font-size:0; overflow:hidden;}

/* Web Content Accessibility TTS(Text To Speech) Code */
.tts { position:absolute; width:1px; height:1px; margin: -1px; padding:0; overflow: hidden; clip: rect(0,0,0,0); border: 0;}

/* add Project Leaders Common CSS */
body,input,select,textarea { color:#555;} /* font Setup Code */
a { color:#555; text-decoration:none;} /* anchor (normal) Setup Code */ 
a:hover { } /* anchor (mouse over) Setup Code */
input { margin:0;}
input[type="text"],input[type="password"],input[type="file"] { padding:4px 5px 3px; height:24px; color:#666; line-height:24px; border:1px solid #bebebe;}
select { padding:4px 4px 5px 4px; height:33px; border:1px solid #cdcdcd; background:#fff; vertical-align:top;}
textarea { padding:9px; width:98%; border:1px solid #cdcdcd;} /* textarea.textarea Setup Code */
.clearfix:after { content:"."; display:block; height:0; overflow:hidden; clear:both;}

/* skipToContent */
#skipToContent a { position:absolute; top:0px; left:0px; z-index:99999; width:100%; height:1px; margin-top:-1px; display:block; background-color:#00529c; font-size:14px; font-weight:bold; color:#fff; line-height:1; text-align:center; overflow:hidden;}
#skipToContent a:focus,
#skipToContent a:active { margin-top:0px; height:auto; padding:10px 0px;}

.contInner { position:relative; width:1000px; margin:0 auto;}
/* header */
#topLink { height:32px; text-align:right; line-height:30px; background:#5e5c6a;}
#topLink a { display:inline-block; padding-left:15px; margin-left:14px; color:#fff; font-family:'돋움', 'Dotum'; font-size:12px; background:url('../images/common/bu_bar02.png') left center no-repeat;}
#topLink a.topHome { background:none; margin-left:0; padding-left:0; font-weight:bold;}
#header { position:absolute; top:32px; left:0; width:100%; height:68px; overflow:hidden; z-index:100; background:url('../images/common/bg_header.jpg') 50% 0 no-repeat;}
.headerCon { position:relative; width:1000px; margin:0 auto;}
#header h2 { padding-top:18px; vertical-align:top;}
#gnb { float:right; position:absolute; top:0; right:0; width:700px; z-index:100;}
#gnb > ul > li { float:left; width:140px; text-align:center;}
#gnb > ul > li dl dt a { display:block; padding:22px 0; font-size:17px; color:#373737; letter-spacing:-1px; font-weight:bold; vertical-align:top; background:url('../images/common/bu_bar01.png') right center no-repeat;}
#gnb > ul > li.gnb05 dt a { background-image:none;}
#gnb > ul > li dl dd { margin-top:15px;}
#gnb > ul > li dl dd a { line-height:28px; font-size:13px; color:#373737; letter-spacing:-1px;}
#gnb > ul > li dl dd a:hover { color:#e74c3c;}

/* main */
#mainContainer { position:relative; margin-top:68px;}
#mainSlideshow { position:relative; height:406px; max-height:406px !important;}
#mainSlideshow .bx-wrapper .bx-viewport { -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; border:none; left:0; height:406px !important; background:none;}
#mainSlideshow .bx-wrapper { width:100% !important; margin:0 auto 0 auto !important; }
#mainSlideshow .bx-wrapper img { display:inline;}
#mainSlideshow .bx-wrapper li { width:100%; height:406px; max-height:406px !important;}
#mainSlideshow .bx-wrapper li.visual01 { background:#f4eed8 url('../images/main/bg_visual01-2.jpg') 50% 0 no-repeat;}
#mainSlideshow .bx-wrapper li.visual02 { background:#f4eed8 url('../images/main/bg_visual02-2.jpg') 50% 0 no-repeat;}
#mainSlideshow .bx-wrapper li dl { position:absolute; top:80px; left:50%; margin-left:-240px;}
#mainSlideshow .bx-wrapper li dl dt { margin-bottom:20px; font-size:25px; color:#606060; line-height:36px; letter-spacing:-2px;}
#mainSlideshow .bx-wrapper li dl dd { font-size:16px; color:#505050; letter-spacing:-1px; line-height:21px;}
#mainSlideshow .bx-wrapper li dl dt strong { font-size:30px; color:#606060;}
#mainSlideshow .bx-wrapper li dl dt strong span { color:#0075c1;}
#mainSlideshow .bx-pager { position:absolute; width:790px; left:50%; top:38px; margin-left:-240px; text-align:left; z-index:99;}
#mainSlideshow .bx-pager a { display:inline-block; width:11px; height:11px; margin-left:3px;}
#mainSlideshow .bx-pager a.active { width:34px;}
#mainSlideshow .bx-pager a:first-child { margin-left:0;}
#mainSlideshow .bx-pager a span { display:inline-block; width:100%; height:100%; background:url('../images/main/visualPagingOff.png') no-repeat left top; }
#mainSlideshow .bx-pager a.active span { background:url('../images/main/visualPagingOn.png') no-repeat left top; }

div.menuBox { position:relative; width:210px; height:210px; max-height:210px;}
div.menuBox a { display:block; padding:28px 20px 30px; height:152px;}
div.menuBox a .mTitle { display:inline-block; margin-bottom:10px; font-weight:bold; font-size:19px; color:#373737; letter-spacing:-1px;}
div.menuBox a .mDesc { display:inline-block; font-size:12px; line-height:19px; color:#373737; letter-spacing:-1px; font-weight:bold;}
div.menuBox a .icon { position:absolute; right:0; bottom:1px;}
div.menuBox a .btnGo { position:absolute; left:20px; bottom:30px;}
div.menuBox a .btnDown { position:absolute; left:20px; bottom:30px;}
div.menuBox.menu01 { position:absolute; height:203px; top:-406px; left:0; background:#f6e8cb; z-index:99;}
div.menuBox.menu02 { position:absolute; height:203px; top:-203px; left:0; background:#57c0e8; z-index:99;}
div.menuBox.menu03 { float:left; background:#fc826c;}
div.menuBox.menu04 { float:left; background:#91ddab;}
div.menuBox.menu05 { float:left; background:#ffcd66;}
div.menuBox.menu06 { float:left; width:370px; background:#85dbfd;}

.boardSection { position:relative; width:100%; height:210px; overflow:hidden;}
.boardSection .col { position:relative; float:left;}
.boardSection .col h3 { font-size:18px; color:#373737; letter-spacing:-1px;}
.col.cs { padding:30px 20px; width:169px; height:150px; border-left:1px solid #d9d9d9; border-right:1px solid #d9d9d9;}
.col.cs h3 { margin-bottom:15px;}
.col.cs p { margin-bottom:9px; padding-bottom:14px; border-bottom:1px solid #d7e0e7;}
.col.cs ul li { color:#777; line-height:23px; font-size:12px; letter-spacing:-1px;}
.col.bbsZone { padding:30px 19px; width:380px; height:150px; overflow:hidden; border-right:1px solid #d9d9d9;}
.col.bbsZone h3 { display:inline-block; float:left; width:90px; height:29px; margin-left:-1px;}
.col.bbsZone h3 a { display:block; width:88px; height:27px; line-height:27px; font-size:14px; text-align:center; font-weight:normal; color:#373737; border:1px solid #e4e4e4;}
.col.bbsZone h3.current a, .col.bbsZone h3 a:hover  { background:#efefef;}
.col.bbsZone .list { display:none; position:absolute; top:60px; left:19px; width:380px;}
.col.bbsZone .list ul { margin-top:15px;}
.col.bbsZone .list ul li { position:relative; padding-left:14px; height:22px; background:url('../images/common/dot01.png') 0 center no-repeat; vertical-align:top;}
.col.bbsZone .list ul li a { display:inline-block; line-height:22px; width:280px; font-family:'돋움', 'Dotum'; color:#535353; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; vertical-align:top;}
.col.bbsZone .list ul li .date { position:absolute; right:0; top:3px; color:#8a8a8a; font-family:'돋움', 'Dotum'; font-size:12px;}
.col.bbsZone .list .btnMore { position:absolute; top:-30px; right:0;}
.col.popZone { padding:30px 20px; width:329px; height:150px; border-right:1px solid #d9d9d9;}

#popSlide {}
#popSlide .slideShow {width:330px; overflow:hidden;}
#popSlide .slideShow li {position:absolute;top:65px; left:20px; width:330px; height:115px;}
#popSlide .slideShow li:first-child a > img {display:block;}
#popSlide .slideShow li a > img {display:none;}
#popSlide .slideShow li a.inct { position:absolute;top:-28px;display:inline-block; width:14px; height:14px; z-index:20; text-indent:-1000em; cursor:pointer; background:url('../images/main/pagingOff.png') 0 0 no-repeat;}
#popSlide .slideShow li a.inct.on { background:url('../images/main/pagingOn.png') 0 0 no-repeat;}
#popSlide .slideShow li a.indicator01 {right:52px;}
#popSlide .slideShow li a.indicator02 {right:34px;}
#popSlide .slideControl {position:absolute; top:34px; right:20px;}
#popSlide .slideControl .stop {}

.familySection { position:relative; width:100%; height:68px; overflow:hidden; background:#f3f3f3; border-top:1px solid #d9d9d9;}
.familySection h3 { float:left; padding:0 0 0 20px; width:90px; text-align:left; line-height:68px; letter-spacing:-1px;}
#siteSlide { float:right; width:795px; margin:14px 20px 0 0;}
#siteSlide .bx-wrapper { width:795px !important; margin:0 auto;}
#siteSlide .bx-wrapper .bx-viewport { -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; border:none; left:0; height:40px !important; max-height:40px; background:none;}
#siteSlide .bx-wrapper img { display:inline;}
#siteSlide .bx-wrapper li { width:150px; max-width:150px; height:40px; max-height:40px;}
#siteSlide .bx-wrapper li a { display:block; width:100%; height:100%;}
#siteSlide .bx-wrapper li a:focus { width:148px; height:38px; max-height:38px; border:1px solid #00428f;}
#siteSlide .bx-controls .bx-controls-direction a { width:18px; height:19px; margin-top:-9px;}
#siteSlide .bx-controls .bx-controls-direction a:focus { width:16px; height:17px; border:1px solid #00428f;}
#siteSlide .bx-controls .bx-controls-direction a.bx-prev { left:-84px; background:url('../images/main/footSlidePrev.gif') 0 0 no-repeat;}
#siteSlide .bx-controls .bx-controls-direction a.bx-next { left:-30px; background:url('../images/main/footSlideNext.gif') 0 0 no-repeat;}
#siteSlide .bx-wrapper .bx-controls-auto { bottom:29px;}
#siteSlide .bx-wrapper .bx-controls-auto .bx-start { position:absolute; left:-66px; width:18px; height:19px; max-height:19px; margin:0; background:url('../images/main/footSlidePlay.gif') 0 0 no-repeat;}
#siteSlide .bx-wrapper .bx-controls-auto .bx-stop { position:absolute; left:-48px; width:18px; height:19px; max-height:19px; margin:0; background:url('../images/main/footSlidePause.gif') 0 0 no-repeat;}
/* footer */
#footer { position:relative; width:100%; padding:25px 0 30px; background:#e9e9e9; border-top:1px solid #d9d9d9;}
#footer * { font-family:'돋움', 'Dotum'; font-size:12px;}
.footSection01 { padding:0 20px 25px; overflow:hidden;}
.footLink { float:left; overflow:hidden; width:720px;}
.footLink li { float:left;}
.footLink li a { display:block; padding-left:14px; margin-left:11px; color:#666; font-weight:bold; line-height:16px; background:url('../images/common/bu_bar03.png') 0 3px no-repeat;}
.footLink li.f2 a { color:#2153a1;}
.footLink li:first-child a { padding-left:0; margin-left:0; background-image:none;}
.visitHistory { float:right; text-align:right;}
.footSection02 { padding:5px 20px 0; overflow:hidden;}
.footLogo { float:left; width:115px;}
.footAdd { float:left; width:845px;}
.footAdd address { font-style:normal; color:#666; line-height:23px;}
.footAdd .copyright { font-style:normal; color:#666; line-height:23px;}