@charset "utf-8";

@import url(../css/nanumgothic.css);

html, body {height:100%; padding:0px; margin:0px; font-family:'NanumGothic'; font-size:13px; line-height:1.2; color:#464646;}
.lh-tall {line-height:1.8;}
.jayClear {clear:both;}

/* main -- */
#wrap {height:100%;}
	#container {width:980px; margin:0 auto; position:relative; background:url("../images/mainBg.jpg") 0 0 repeat-y;}
		#containerLeft {float:left; width:400px;}
		#containerRight {float:left; width:580px;}
			.gnbArea {width:100%; text-align:center;}
			.containerContents {width:440px; margin:30px 0 0 75px;}
				.cont01 {}
					.cont01Left {float:left; width:250px;}
						.bbsTitle {position:relative;}
						.mainBbsTitle {float:left; position:relative; padding-right:10px; background:#ffffff; font-size:13px; font-weight:bold; color:gray; z-index:8;}
						.mainBbsLine {float:left; border-bottom:1px solid #cfccc9; width:59%; height:12px; z-index:5;}
						.mainBbsMore {float:right; position:relative; background:#ffffff; z-index:8;}
						.mainBbsMore img {vertical-align:middle; margin-right:3px;}
						.mainBbsMore a {font-size:9px; text-decoration:none;}
						.cont01Left ul {list-style:none;}
						.cont01Left ul li {font-size:12px; clear:both; height:16px;}
						.cont01Left ul li div {float:left;}
						.cont01Left ul li div.title {width:70%;}
						.cont01Left ul li div.date {width:30%;}
							.cont01Left01 a,
							.cont01Left02 a {color:gray; text-decoration:none; display:inline-block; zoom:1; *display:inline; width:100%; height:13px; line-height:13px;}
							.cont01Left01 a:hover, 
							.cont01Left02 a:hover {color:#000000; cursor:pointer;} 
					.cont01Right {float:right; width:175px;}
				.cont02 {margin-top:25px;}
					.galleryTitle {padding:4px 0;}
					.slider {border:1px solid #ececec; height:85px;}
				.cont03 {margin-top:25px;}
					.cont03 a {display:inline-block; zoom:1; *display:inline;}
					.cont03Left {float:left; padding-left:5px;}
					.cont03Right {float:right; padding-right:5px;}
						.cont03Right div {height:45px;}
					




					
	#footer {border-top:1px solid #dfdfdf;}
		#footerArea {width:980px; height:80px; margin:0 auto; background:url("../images/mainBg.jpg") 0 0 repeat-y;}
			#footerLeft {float:left; width:400px; height:80px;}
				#footerLeft img {margin:20px 0 0 94px;}
			#footerRight {float:left; width:580px; height:80px;}
				#footerRight img {margin:20px 0 0 39px;}
/* end main -- */


/* GNB 메뉴 스타일 */
.gnb {
    background-color: #333;
    color: #fff;
    position: relative;
    z-index: 999;
  }
  
  .gnb-menu {
    display: flex;
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  
  .gnb-menu > li {
    position: relative;
  }
  
  .gnb-menu > li > a {
    display: block;
    padding: 1rem;
    text-decoration: none;
    color: #fff;
  }
  
  .gnb-menu > li:hover > a {
    background-color: #555;
  }
  
  /* 하위 메뉴 스타일 */
  .sub-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #555;
    width: 200px;
    list-style-type: none;
    margin: 0;
    padding: 0;
    z-index: 1;
  }
  
  .gnb-menu > li:hover > .sub-menu {
    display: block;
  }
  
  .sub-menu li a {
    display: block;
    padding: 1rem 0.5rem;
    text-decoration: none;
    color: #fff;
  }
  
  .sub-menu li a:hover {
    background-color: #777;
  }
  /*오른쪽메뉴*/
  .leftSub-new {
    background: #b3b3b3;
    padding: 20px;
  }
  .leftSub-new h2 {
    font-size: 20px;
    letter-spacing:-1px;
  }
  .leftSub-new h2 span {
    font-size: 14px;
    color:#a5a5a5;
    margin-left: 10px;
  }
  .leftSub-new ul {
    margin: 20px 0;
  }
  .leftSub-new ul li {
    border-bottom: 1px solid #a5a5a5;
    list-style: none;
  }
  .leftSub-new ul li a {
    font-size: 14px;
    letter-spacing: -0.5px;
    color:#686868;
    font-weight: bold;
    display: block;
    padding: 10px 0;
    text-decoration: none;
    transition: 0.5s;
    position: relative;
  }
  .leftSub-new ul li a::before {
    display: inline-block;
    content: '';
    width: 4px;
    height: 12px;
    background-color: #686868;
    margin-right: 5px;
    border-radius: 10px;
  }
  .leftSub-new ul li a:hover {
    color:#d1d1d1;
  }
  .leftSub-new ul li a:hover::after {
    display: inline-block;
    content: '→';
    color:#a5a5a5;
    position: absolute;
    right: 0;
  }

/* sub -- */
	#container.subBg {width:980px; margin:0 auto; position:relative; background:url("../images/subBg.jpg") 0 0 repeat-y;}
		#subContainerLeft {float:left; width:230px;}
			.leftSubLogoArea {margin:17px 0 50px 47px;}
			.leftSubBgArea {margin:30px 0 13px 0;}
		#subContainerRight {float:left; width:750px;}
			.topMenu {}
			.subContainerContents {width:617px; margin:0 auto;}
				.subPageTitle {font-family:"NanumGothicExtraBold"; color:#646464; font-size:20px; border-bottom:1px solid #d4d4d4; padding:6px 0; margin-bottom:40px;}
				.subPageTitle img {vertical-align:middle;}
			#subFooterLeft {float:left; width:230px; height:80px;}
				#subFooterLeft img {margin:25px 0 0 58px;}
			#subFooterRight {float:left; width:750px; height:80px;}
				#subFooterRight img {margin:20px 0 0 39px;}
		#footerArea.subBg {width:980px; height:80px; margin:0 auto; background:url("../images/subBg.jpg") 0 0 repeat-y;}
/* end sub -- */

/* �������������� -- */
.subPageContents {margin-bottom:50px;}
	.subPageContents .com_01 {background-image:url(../images/com01_bg.jpg); height:570px;}
	.subPageContents .com_03 {height:570px; overflow-y:scroll; border:#e5e5e5 1px solid; background-color:#f9f9f9; padding:0px 10px;}
	.subPageContents .down {text-align:center;}
	.subPageContents .tree05 {padding:60px 0; height:570px; overflow-y:scroll; border:#e5e5e5 1px solid; background-color:#f9f9f9;}
	.subPageContents .tree01 {padding:60px 0;}
	.subPageContents .com_03 h2 {font-size:15px; font-weight:bold; letter-spacing:-0.1em; line-height:34px;}
	.tab_group {overflow:visible; position:relative; z-index:1; height:0;}
	.tab_group ul { position:absolute; top:0; left:0;}
	.tab_group ul li { float:left; text-align:center; margin-left:2px; list-style:none;}
	.tab_group ul li a { display:block; background-color:#959595; width:105px; height:30px; line-height:30px; color:#fff; text-decoration:none;}
	.tab_group ul li a.on { background-color:#f07133;}
	/* end �������������� -- */

/*layerPopup*/
#blackWrap {	position:fixed;	left:0; top:0; width:0px; height:0px;	background:#000;	opacity:0.5; filter:alpha(opacity=50);	z-index:200;}
#layerPopup {	position:absolute;	left:0; top:0;	display:none;	z-index:201;}
#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:Dotum, AppleGothic, Sans-serif;} /* ����Ʈ �������� dz���� ǥ���� ���������� ��µǵ��� �Ϸ��� �������� ��µǴ� ���� �� Ŭ������ �����Ͽ��� �Ѵ�. ���� ��� �Խù� �б� �������� ������ �̿� �ش�ȴ�. */

.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;}