@charset "utf-8";
/*
@import url(../css/nanumgothic.css);
*/
body {font-family:'Nanum Gothic'; font-size:12px; color:#555}
.jayClear {clear:both;}
.jayOpacity {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; filter:alpha(opacity=10); opacity:.1;}
.jayEllipsis {text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
a:link    {text-decoration:none; color:gray;}
a:visited {text-decoration:none; color:gray;}
a:hover   {text-decoration:none; color:black;}
a:active  {text-decoration:none; color:black;}

.text_hidden{text-indent:-9999px;}
.rfloat{float:right;}
.centerArea {width:1100px; margin:0 auto; position:relative;}
	#wrap {width:100%; }
	#wrapSub {width:100%;}
  	#headerTopArea {width:100%; height:40px; background-color:#3f3f3f; padding:0px;   }
		  #headerTop {width:1100px; height:40px;  margin:0 auto;   }
				#headerTop ul { float:left;list-style:none; height:40px; }
				#headerTop ul li {float:left; padding:0 10px 0 10px; vertical-align:middle}
				#headerTop ul li .line { width:1px; background:url("../images/main/topBar.jpg") 0 center no-repeat; padding:0px }
				#headerTop ul li a { color:#fff}
				#headerTop ul li a:hover {color:#b5d8ec; font-weight:bold;   }
				#headerTop ul li a.lastTop {padding-right:0px;}
		#headerArea { position: relative; top:-2px; clear:both; width:100%; height:100px; background:url("../images/main/gnb_bar.png") 0 0 repeat-x; padding:0px; z-index:10 }
		 #header{position:relative; z-index:2; width:1100px; height:100px; margin:0 auto ;}
			#headerLogo {float:left; margin:10px 0 16px 0;}
				#headerLogo a {}
				#headerLogo a img {}
			
			#headerGnb {float:right; margin:47px 0 0 -9px; position:relative; z-index:2;}
				#headerGnb ul {list-style:none; display:block; padding:0px; margin:0px;}
				#headerGnb ul li {float:left;}
				#headerGnb ul li a.depts1Ank {display:block; color:#444444; position:relative; z-index:7; height:28px; line-height:28px; text-align:center; font-size:16px; font-weight:700; padding:0 15px 19px 15px;}
				#headerGnb ul li a.depts1Ank.gnbLast {padding-right:0px;}
				#headerGnb ul li a.depts1Ank.on,
				#headerGnb ul li a.depts1Ank:hover {color:#104384; background:url("../images/main/gnbArrow.jpg") center bottom no-repeat;}
				#headerGnb ul li a.depts1Ank.on.notArrow,
				#headerGnb ul li a.depts1Ank.notArrow:hover {background:none;}
					.gnbSubArea {display:none; position:absolute; white-space:nowrap; background:url("../images/main/gnbBgCenter.jpg") 0 0 repeat-x;}
					.subBgLeft {position:absolute; top:0px; left:-19px; width:19px; height:28px; background:url("../images/main/gnbBgLeft.jpg") 0 0 no-repeat;}
					.subBgRight {position:absolute; top:0px; right:-19px; width:19px; height:28px; background:url("../images/main/gnbBgRight.jpg") 0 0 no-repeat;}
					.gnbSubArea a {display:inline-block; height:28px; line-height:28px; zoom:1; *display:inline; color:#fff; padding:0 8px; font-family:"Nanum Gothic";}
					.gnbSubArea a:hover {color:#fff99e;}
					.gnbSub01 {margin-left:-30px;}
					.gnbSub02 {margin-left:-150px;}
					.gnbSub03 {margin-left:-100px;}
					.gnbSub04 {margin-left:-120px;}
					.gnbSub05 {margin-left:-110px;}
					.gnbSub06 {margin-left:-150px;}
					.gnbSub07 {margin-left:-130px;}
		#container { clear:both;z-index:1; width:100%; margin:0 auto}
			#containerMain {width:100%; height:705px; }
				#cmSlide {}
				#cmtxt { float:left; width:610px; height:270px; position: absolute; top:40px; left:0px; z-index:3; line-height:0; }
				#cmCont { float:right; position: absolute; top:40px; right:0px; z-index:3; line-height:0; }
			 	#cmCont01 {float:right; width:440px; padding:0}
				#cmCont02 {float:right; clear:both; width:440px; padding:0}
				#cmCont03 {float:right; clear:both; width:660px; padding:0}
				  #cmMenu {float:left; width:220px; margin:0}
				  #cmNotice {float:left; width:220px; height:200px; margin:0; background-color:#b5d8ec}
						  #cmnTitle { padding:30px 0 5px 15px}
							#cmnList {margin:0 15px 0 15px; }
				      	#cmnList ul {list-style:none;}
							  #cmnList ul li {padding:5px 0; }
						  	#cmnList ul li a {display:block; float:left; width:190px; padding-left:8px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; background:url(../images/main/noticeDot02.jpg) 0 center no-repeat; color:#333; line-height:22px}
								#cmnList ul li a:hover{ text-decoration:underline}
							  #cmnList ul li a span + span {width:78px; float:right; padding-left:0px; background:none;}
				
				   #cmNotice02 {float:left; width:220px; height:200px; margin:0; background-color:#45484c}
						  #cmnTitle02 { padding:30px 0 5px 15px}
							#cmnList02 {margin:0 15px 0 15px; }
				      	#cmnList02 ul {list-style:none;}
							  #cmnList02 ul li {padding:5px 0; }
						  	#cmnList02 ul li a {display:block; float:left; width:190px; padding-left:8px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; background:url(../images/main/noticeDot.jpg) 0 center no-repeat; color:#ccc; line-height:22px}
								#cmnList02 ul li a:hover{text-decoration:underline}
							  #cmnList02 ul li a span + span {width:78px; float:right; padding-left:0px; background:none;}
					
			#containerSub { clear:both; position:relative; top:-15px; z-index:1px; }
				#csLeft {float:left; border:1px solid #d5d5d5;}
					#lnbArea {float:left; width:218px; border:1px solid red;}
						#lnb {width:218px;}
							#lnbTitle {width:220px; margin-left:-1px; height:180px; background:url("../images/sub/subLeftTitle.jpg") 0 0 repeat-y;}
								#lnbTitle span {display:block; font-size:16px; color:#fff; padding-top:40px; font-weight:700; text-align:center}
								#lnbTitle span + span {font-size:32px; letter-spacing:-1px; font-weight:700; padding-top:5px; text-align:center}
							#leftMenu1DeptsUl {list-style:none; border-bottom:1px solid #e5e5e5;}
								#leftMenu1DeptsUl li {width:218px;}
									#leftMenu1DeptsUl li .lnbDepts1ank {display:block; color:#555555; font-weight:700; padding-left:10px; width:208px; height:37px; line-height:37px; margin:0 auto; border-top:1px solid #e5e5e5; font-size:14px; background:url("../images/sub/lnbBg.jpg") 0 0 no-repeat;}
									#leftMenu1DeptsUl li .lnbDepts1ank.on,
									#leftMenu1DeptsUl li .lnbDepts1ank:hover {color:#104384; background:url("../images/sub/lnbBgOv.jpg") 0 0 no-repeat;}
									/* #leftMenu1DeptsUl li .lnbDepts1ank.on + .leftMenu2DeptsUl {display:block;} */
										.leftMenu2DeptsUl {display:none; list-style:none; padding:10px 0; border-top:1px solid #e5e5e5;}
											.leftMenu2DeptsUl li {background:none!important;}
												.lnbDepts2ank {display:block; font-weight:700; color:#666666; font-size:13px; width:189px; line-height:17px; padding:3px 0 3px 26px; background:url("../images/sub/lnbDot.jpg") 14px 10px no-repeat;}
												.lnbDepts2ank.on,
												.lnbDepts2ank:hover {color:#000;}
							#lnbDirect { line-height:0}
								#lnbDirect div {width:220px; margin:0 auto; }
								
				#csRight {float:right; width:812px; background:url("../images/sub/locationBg.jpg") right 30px no-repeat;}
				 
					#csrTitleArea {padding:0 0 15px 0; border-bottom:1px solid #e5e5e5; margin:73px 0 0 0;}
						#csrLocation {color:#818181;}
						#csrLocation span {font-weight:800; color:#555;}
						#csrTitle {font-size:50px; color:#555; font-weight:700; letter-spacing:-2px; padding-top:5px}
					#csrContents {padding:50px 0;}
		#footerArea { background:#f2f2f2; }
		#footer { background:#f2f2f2; z-index:6; position:relative; }
			#footerTop {background:#00458a;}
				#footerTop ul {list-style:none; display:block; width:1100px; margin:0 auto;}
				#footerTop ul li {float:left;}
				#footerTop ul li a {color:#ebebeb; background:url("../images/footerBar.jpg") 0 center no-repeat; height:35px; line-height:35px; padding:0 17px;}
				#footerTop ul li:first-child a {padding-left:0px; background:none;}
				#footerTop ul li a.on,
				#footerTop ul li a:hover {color:#fff; font-weight:700;}
 			#footerMiddle {width:1100px;  margin:0 auto;}
				#footerLogo {float:left; margin:35px 10px 0 0;}
				
				#footerAddress {float:left; margin:25px 0 25px 0; color:#666666; font-size:12px; line-height:20px;}
				#footerBtnArea {float:right; margin:25px 0 0 0;}
					#footerBtnArea a {}


/*layerPopup*/
#blackWrap { position:fixed; left:0; top:0; width:0px; height:0px; background:#000;	opacity:0.5; filter:alpha(opacity=50); z-index:200;}
#layerPopupWrap { position:relative; z-index:201;}
#layerPopup { position:absolute; left:0; top:0;	display:none;}
#layerPopup .content { cursor:default;}
#layerPopup .handle { cursor:move;}
.a_layerPopup { cursor:pointer;}
.halfOpacity { opacity:0.5; *filter:alpha(opacity=50);}
#ajaxTarget { width:0; height:0; border:0; display:none;}
.ellipsis { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
input.bigFont { font-family: Helvetica, Arial, Dotum, sans-serif; font-size: 14pt; font-weight:bold; height:22px; padding-top:4px; padding-left:5px;}

.smartOutput{ font-size:12px; line-height:1.4; font-family:'Nanum Gothic', Dotum, AppleGothic, Sans-serif;} /* 스마트 에디터의 풍부한 표현이 정상적으로 출력되도록 하려면 콘텐츠가 출력되는 곳에 이 클래스를 적용하여야 한다. 예를 들면 게시물 읽기 페이지의 본문이 이에 해당된다. */

.smartOutput p{ margin-top:0; margin-bottom:0;}

.smartOutput blockquote.q1,
.smartOutput blockquote.q2,
.smartOutput blockquote.q3,
.smartOutput blockquote.q4,
.smartOutput blockquote.q5,
.smartOutput blockquote.q6,
.smartOutput blockquote.q7{ padding:10px; margin-left:15px; margin-right:15px;}

.smartOutput blockquote.q1{ padding:0 10px; border-left:2px solid #ccc;}
.smartOutput blockquote.q2{ padding:0 10px; background:url(../img/bg_qmark.gif) no-repeat;}
.smartOutput blockquote.q3{ border:1px solid #d9d9d9;}
.smartOutput blockquote.q4{ border:1px solid #d9d9d9; background:#fbfbfb;}
.smartOutput blockquote.q5{ border:2px solid #707070;}
.smartOutput blockquote.q6{ border:1px dashed #707070;}
.smartOutput blockquote.q7{ border:1px dashed #707070; background:#fbfbfb;}

.smartOutput sup{ font:10px Tahoma;}
.smartOutput sub{ font:10px Tahoma;}
.smartOutput table td{ padding:4px;}

#item-list { margin:20px 0; padding:10px; border:1px solid #ccc; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); font-size:13px;}
#item-list .item { display:inline-block; margin:2px; padding:3px 5px 3px 5px;}
#item-list .item::before { content:"# "; color:#f90;}
#item-list .on { font-weight:700; background-color:#f60; color:#fff;}
#item-list .on::before { color:#fed;}

#leftMenu1DeptsUl .index { border-top: 1px dotted #ccc; padding: 10px;}
#leftMenu1DeptsUl .index ul { display: block; list-style: none; margin: 0; padding: 0;}
#leftMenu1DeptsUl .index li { display: inline; list-style: none; margin: 0; padding: 0;}
#leftMenu1DeptsUl .index li + li:before { content: " / "; color: #ccc;}
#leftMenu1DeptsUl .index a { display: inline-block; padding: 2px 4px; min-width: 12px; line-height: 16px; text-align: center; border-radius: .3em; cursor: pointer;}
#leftMenu1DeptsUl .index a:hover { background: #def;}
#leftMenu1DeptsUl .index a.on { font-weight: 700; box-shadow: inset 0 .03em .5em rgba(0,0,0,.13), inset 0 .1em .2em rgba(0,0,0,.3);}