@charset "utf-8";

#mobileTopMenu_span2 {
	margin-left:28px
}

#mobileTopMenu_span3 {
	margin-left:33px;
}

.gongback30_con {  height:30px;float:right;width:100px}
.header_text {color:#666666;}
.seperate_text {color:#AAAAAA;}

/*border:1px solid #ff0000; */
.closeX {
	width:20px;
	height:20px;
	position:relative;
	left:912px;
	top:-702px;
	background-color:black;
	color:white;
	z-index:1000;
	font-size:20px;
	line-height:20px;
	text-align:center;
	cursor:pointer;
}

.fxTR_h {
	border-bottom:1px solid #e5e5e5;
	font-size:13px;
	line-height:32px;
	height:32px;
	text-align:center;
	background:url(../images/comn/ln.gif) no-repeat scroll right 22px;
}

.fxTDFont { font-family:'NanumGothic'}
.fxTD { font-family:'NanumGothic';height:32px; text-align:center;padding-left:10px; text-align:left;  float:left; line-height:32px;}
.fxTD a{ color:#555555;}
.header { font-family:'NanumGothic';font-weight:bold;}
.tit{padding-left:10px; text-align:left;font-family:'NanumGothic';}
.tit a:hover{text-decoration:underline; font-weight:bold;font-family:'NanumGothic';}

.fxTR_h .no .name {border-left:1px solid #e5e5e5;}
.fxTR_h .end {}

#td1 {width:5%;font-family:'NanumGothic'}
#td2 {width:5%;font-family:'NanumGothic'}
#td3 {width:63%;font-family:'NanumGothic'}
#td4 {width:9%;font-family:'NanumGothic'}
#td5 {width:9%;font-family:'NanumGothic'}
#td6 {width:8%;font-family:'NanumGothic'}

#tdV1 {width:53px; height:32px; line-height:32px; display:inline-block;float:left;font-weight:bold;font-family:'NanumGothic'}
#tdV2 {min-width:70%; max-width:90%; height:32px; line-height:32px; display:inline-block;float:left;font-family:'NanumGothic'}
#tdV3 {width:53px; height:32px; line-height:32px; display:inline-block;float:left;font-family:'NanumGothic'}

.divCA {
width:100%;height:22px;margin:0px auto; text-align:center; background-color:white; line-height:22px; margin-bottom:-20px; margin-top:20px;margin-right:200px;font-family:'NanumGothic'
}

.divCAHeader {
width:0px;height:0px;color:red;font-weight:bold;float:left; font-size:13px; background-color:#white; border-bottom:1px solid white;margin-right:0px;color:white;font-family:'NanumGothic'
}

.divCAone {
	float:left;height:22px; text-align:left; margin-right:20px;font-family:'NanumGothic'
}

.selCA {
	font-size:15px; font-weight:bold;border-bottom:2px solid #f93f06; color:#f93f06; cursor:pointer
}

.selCA:hover {
	color:red
}

.selOutCA {
	font-size:13px; font-weight:normal;border-bottom:1px solid #f97e06; color:#f97e06;  cursor:pointer
}

.selOutCA:hover {
	color:red
}

#frame_org {
	width:950px;
	height:700px;
	display:none;
	background-color:#FFFFFF;
	border:2px solid #222222;
}

/* 팝업존 */
.popupArea {z-index:10; width:1000px; height:310px; position:relative;  overflow:hidden;  background-color:#fafafa;   }
.popupArea ol { width:1000px; padding:0px; }
.popupArea ol li { float:left; height:310px; overflow:hidden;}
.popupArea .popupbtn1 { position:absolute; left:10px; top:290px; }
.popupArea .popupbtn2 { position:absolute; left:30px; top:290px; }
.popupArea .popupbtn3 { position:absolute; left:50px; top:290px;}
.popupArea .popupbtn4 { position:absolute; left:70px; top:290px;}
.popupArea .popupbtn5 { position:absolute; left:90px; top:290px; }
.popupArea .popupbtn6 { position:absolute; left:110px; top:290px; }0
.popupArea .popupbtn7 { position:absolute; left:130px; top:290px; }
.popupArea .popupbtn8 { position:absolute; left:150px; top:290px; }
.popupArea li a.popupZoneImg { height:281px; position:absolute;}
.playBtn { position:absolute; right:10px; top:287px; }

#mLeft .mEvent{  }
#mLeft .mEvent .eventBox {  background:url(/images/main/eventBg.gif) 0 0 no-repeat; padding:10px; margin-top:10px; position:relative;  height:171px;}
#mLeft .mEvent .eventBox .eventEle { position:absolute; }
#mLeft .mEvent .eventBox .eventImg {clear:both; float:left; padding-right:10px; width:105px; height:171px; overflow:hidden; padding-right:10px; margin-right:10px; }
#mLeft .mEvent .eventBox .eventImg img {}
#mLeft .mEvent .eventBox dl.eventExp {float:left; width:124px;}
#mLeft .mEvent .eventBox dl.eventExp dt { font-size:1.1em; font-weight:bold; color:#000; padding-bottom:15px;}
#mLeft .mEvent .eventBox .eventBtn { position:absolute; top:167px; left:135px; width:124px;}
#mLeft .siteLink {clear:both; padding-top:30px; }
#mLeft .siteLink h2 {padding-bottom:10px;}
#mLeft .siteLink ul {}
#mLeft .siteLink ul li {margin-bottom:7px;}
 
/* 탭메뉴-공지사항 */
#mTabarea {  position:relative; width:400px; height:240px;  background:url(/images/main/mtabBg.gif) 0 0 repeat-x;}
#mTabarea .tabM {}
#mTabarea .tabM  p { position:absolute; top:0px; left:360px; }
#mTabarea .tabTitle1 { position:absolute; left:0px; top:0px;}
#mTabarea .tabTitle2 { position:absolute; left:63px; top:0px; }
#mTabarea .tabTitle3 { position:absolute; left:120px; top:0px; }
#mTabarea .tabTitle4 { position:absolute; left:180px; top:0px; }
#mTabarea ul {padding-top:30px;}
#mTabarea ul li { clear:both; line-height:27px;}
#mTabarea ul li.arrow { background:url(/images/main/mB_bu.gif) 0px 10px no-repeat; padding-left:7px; overflow: hidden;}
#mTabarea ul li img { padding-right:10px; float:left;}
#mTabarea ul li span a { float:left; }
#mTabarea ul li span.mdate { float:right;}


/* 탭메뉴-게시판 */
#bTabarea {position:relative; width:400px; background:url(/images/main/mtabBg.gif) 0 -1px repeat-x; }
#bTabarea p { position:absolute; top:0px; left:360px;}
#bTabarea .btabTitle1 { position:absolute; left:0px; top:0px;}
#bTabarea .btabTitle2 { position:absolute; left:70px; top:0px; }
#bTabarea .btabTitle3 { position:absolute; left:127px; top:0px; }
#bTabarea .btabTitle4 { position:absolute; left:180px; top:0px; }
#bTabarea ul {padding-top:28px;}
#bTabarea ul li { clear:both; line-height:26px; background:url(/images/main/mB_bu.gif) 0px 10px no-repeat; padding-left:7px; overflow: hidden;}
#bTabarea ul li span a { float:left; }
#bTabarea ul li span.mdate { float:right;}

#mRight .businessBox {background:url(/images/main/businessBg.gif) top no-repeat;}
#mRight .businessBox h2 { height:22px;}
#mRight .businessBox p { height:23px;}
#mRight .businessBox ul li{height:23px;}
#mRight ul.mRbanner {height:70px;}
#mRight ul.mRbanner li {float:left; margin-top:10px; }

.businessList { height:210px; padding:15px 15px;}
.businessList .bList{ margin-top: 0px;  width: 235px; }/*overflow-y: scroll;*/
.businessList ol {}
.businessList ol li{ height:24px;}
.businessList ol li a {display:block; background:url(/images/main/busi_li.gif) 0 7px no-repeat; padding:2px 10px; height:18px;}
.businessList ol li a:hover {display:inline-block;  background-color:#222; color:#fff;}
.businessList ol li a:active {display:inline-block;  background-color:#222; color:#fff;}


/* 뉴스레터 관련 추가 */
#mTabarea2 {  position:relative; width:327px; height:145px; }
#mTabarea2 ul {}
#mTabarea2 ul li { clear:both; line-height:27px;}
#mTabarea2 ul li.arrow { background:url(/images/main/mB_bu.gif) 0px 10px no-repeat; padding-left:7px; overflow: hidden;}
#mTabarea2 ul li img { padding-right:10px; float:left;}
#mTabarea2 ul li span a { float:left; }
#mTabarea2 ul li span.mdate { float:right;}

.mEvent2{  }
.mEvent2 .eventBox { height:149px; overflow:hidden;}
.mEvent2 .eventBox .eventEle {float:left; padding-left:20px; }
.mEvent2 .eventBox .eventImg {clear:both; width:118px; height:149px; overflow:hidden; }
.mEvent2 .eventBox .eventImg img {}
.mEvent2 .eventBox dl.eventExp {width:118px;}
.mEvent2 .eventBox dl.eventExp dt { position:relative; padding:4px; top:-34px; font-size:11px; font-weight:bold; color:#fff; display:block; font-weight:normal; background:#535964; line-height:14px;}
.mEvent2 .eventBox dl.eventExp dt a{ color:#fff;}



/*-- News --*/

 .botable{
	margin-top:26px;
	margin-bottom:33px;
	}

.notitable{
	width:100%;
	border-bottom:2px solid #eeeeee;
	border-top:2px solid #81c8d9;
	background: url('../images/comn/grf100.png') repeat-x top center #FFF;
	}
	.notitable caption{
		font-size:0px;
		height:0px;
		line-height:0;
		visibility:hidden;
		width:0px;
	}
	.notitable tr th
	{border-bottom:1px solid #e5e5e5;
	font-size:13px;
	height:32px;
	text-align:center;
	background:url(../images/comn/ln.gif) no-repeat scroll right 22px;

	}
	.notitable tr th.title{text-align:left; padding-left:15px;font-weight:bold;
	}
	.notitable tr th.no,.notitable tr th.name {border-left:1px solid #e5e5e5;}
	.notitable tr th.end {border-right:1px solid #e5e5e5; background:none;}
	.notitable tbody td{border-bottom:1px solid #e5e5e5; height:34px; text-align:center;}
	.notitable tbody td.tit{padding-left:10px; text-align:left;}
	.notitable tbody td.tit a:hover{text-decoration:underline; font-weight:bold;}
	.view_prevnext{margin-top:10px;border-top:1px solid #b6b6b6;}
	.view_prevnext a:hover{font-weight:bold;}
	.view_prevnext div.prev,
	.view_prevnext div.next{padding:8px 0;border-bottom:1px solid #b6b6b67;}
	.view_prevnext div.prev .title,
	.view_prevnext div.next .title{margin:0 20px;}
	div.board-btn {text-align:right;height:24px;margin:15px 0 0 0;}
.bosearch{margin-left:465px;width:680px;background:none repeat scroll 0 0 #f7f7f7; border-bottom:1px solid #e5e5e5; border-top:1px solid #e5e5e5;
height:35px; line-height:18px; padding:0 10px; position:realtive; text-align:right;}
.bo_search select{margin-right:5px; border:1px solid #c2c2c2;}
.bo_search{width:660px;margin-top:7px;}

.bopage{margin:0 auto; text-align:center;}

/*게시판 페이지*/
.page{
width:100%;
text-align: center ! important;
margin-top: 5px;
vertical-align: top;
display: inline-block;
position: relative;
min-height: 35px;
}

 .bootable{
	margin-top:26px;
	margin-bottom:33px;
	}

.notitable01{
	width:100%;
	border-top:2px solid #b6b6b6;
	background-color:#FFF;
	}
	.notitable01 caption{
		font-size:0px;
		height:0px;
		line-height:0;
		visibility:hidden;
		width:0px;
	}
	.notitable01 tr th{
	
	border-bottom:1px solid #e5e5e5;
	background-color:#b6b6b6;
	color:#FFF;
	font-size:13px;
	height:32px;
	text-align:center;

	}
	.notitable01 tr th.title{text-align:left; padding-left:15px;font-weight:bold}
	.notitable01 tr th.no,.notitable tr th.name {border-left:1px solid #e5e5e5;}
	.notitable01 tr th.end {border-right:1px solid #e5e5e5; background:none;}
	.notitable01 tbody td{border-bottom:1px solid #e5e5e5; height:29px; text-align:left;padding-left:30px;}
	.notitable01 tbody td.tit{padding-left:10px; text-align:left;}
	.notitable01 tbody td.tit a:hover{text-decoration:underline; font-weight:bold;}
	.view_prevnext{margin-top:10px;border-top:1px solid #b6b6b6;}
	.view_prevnext a:hover{font-weight:bold;}
	.view_prevnext div.prev,
	.view_prevnext div.next{padding:8px 0;border-bottom:1px solid #b6b6b6;}
	.view_prevnext div.prev .title,
	.view_prevnext div.next .title{margin:0 20px;}
	div.board-btn {text-align:right;height:24px;margin:15px 0 0 0;}

.botable02{
	margin-top:26px;
	margin-bottom:33px;
		background-color:#FFF;
	}

.notitable02{
	
	width:100%;
	border-top:2px solid #81c8d9;
	background-color:#FFF;
	}
	.notitable02 caption{
		font-size:0px;
		height:0px;
		line-height:0;
		visibility:hidden;
		width:0px;
	}
	.notitable02 tr th{
	
	border-bottom:1px solid #e5e5e5;
	font-size:13px;
	height:32px;
	text-align:center;
	background:url(/images/board/table_line.gif) no-repeat scroll right 23px;
	}
	.notitable02 tr th.title{text-align:left; padding-left:15px;font-weight:bold}
	.notitable02 tr th.no,.notitable tr th.name {border-left:1px solid #e5e5e5;}
	.notitable02 tr th.end {border-right:1px solid #e5e5e5; background:none;}
	.notitable02 tbody td{border-bottom:1px solid #e5e5e5; height:29px; text-align:center;}
	.notitable02 tbody td.tit{padding-left:10px; text-align:left;}
	.notitable02 tbody td.tit a:hover{text-decoration:underline; font-weight:bold;}
	.view_prevnext{margin-top:10px;border-top:1px solid #b6b6b6;}
	.view_prevnext a:hover{font-weight:bold;}
	.view_prevnext div.prev,
	.view_prevnext div.next{padding:8px 0;border-bottom:1px solid #b6b6b6;	background-color:#FFF;}
	.view_prevnext div.prev .title,
	.view_prevnext div.next .title{margin:0 20px;}
	div.board-btn {text-align:right;height:24px;margin:15px 0 0 0;}

	.contable3{
	
	border-bottom:1px solid #e5e5e5;
	border-top:2px solid #e5e5e5;
	width:100%;
	margin-top:10px;
	font-size:13px;
	}
	.contable3 thead th{
		
		background:none repeat 0 0 #f9f9f9;
		border-bottom:1px solid #e5e5e5;
		border-right:1px solid #e5e5e5;
		padding:7px 7px;
		text-align:center; color:#007276;}
	.contable3 th span{position: relative; padding:0 0 0 16px; display:block;}
	.contable3 th span img{position: absolute; top:4px; left:3px; _left:-11px;}
	.contable3 tbody th{
		background:none repeat 0 0 #f9f9f9;
		border-bottom:1px solid #e5e5e5;
		border-right:1px solid #e5e5e5;
		color:#007276;
		padding:7px 7px;text-align:left;}
	.contable3 tbody td{
		border-bottom:1px solid #e5e5e5;
		border-right:1px solid #e5e5e5;
		padding:8px 8px; line-height:18px; background-color:#fff; text-align:left;}



.ico_inquiry
{
	height: 18px;
	background-image: url("../../images/common/icon/ico_inquiry.gif");
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position-x: 0px;
	background-position-y: 3px;
	background-size: auto;
	background-origin: padding-box;
	background-clip: border-box;
	background-color: transparent;
}
.ico_day
{
	height: 18px;
	background-image: url("../../images/common/icon/ico_day.gif");
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position-x: 0px;
	background-position-y: 3px;
	background-size: auto;
	background-origin: padding-box;
	background-clip: border-box;
	background-color: transparent;
}
.ico_region
{
	height: 18px;
	background-image: url("../../images/common/icon/ico_region.gif");
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position-x: 0px;
	background-position-y: 8px;
	background-size: auto;
	background-origin: padding-box;
	background-clip: border-box;
	background-color: transparent;
}
.ico_tag
{
	height: 18px;
	background-image: url("../../images/common/icon/ico_tag.gif");
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position-x: 0px;
	background-position-y: 8px;
	background-size: auto;
	background-origin: padding-box;
	background-clip: border-box;
	background-color: transparent;
}

.modal-enabled
{
	overflow: hidden;
	margin-right: 15px;
	position: relative;
}
.modal-container
{
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	position: fixed;
	z-index: 5001;
	overflow-x: hidden;
	overflow-y: auto;
}
.modal
{
	top: 0px;
	width: 760px;
	position: relative;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	background-color: white;
}


p .sfont {
color: #888;
line-height: 13px;
font-size: 11px;
margin-top: 4px;
}

.btnGeneral {
	padding:2px;
	padding-left:7px;
	padding-right:7px;
	line-height:20px;
	text-align:center;
	margin:0 auto;
	margin-left:6px;
	border:0px solid;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	box-shadow: 1px 1px 3px #b0b1c4;
	background-color:#1eb4d9;
	color:#FFF;
	font-size: 13px;
	font-family: 'NanumGothic';
}
.btnGeneral:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3ed3f7), color-stop(1, #60daf8) );
	background:-moz-linear-gradient( center top, #3ed3f7 5%, #60daf8 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3ed3f7', endColorstr='#60daf8');
	background-color:#3ed3f7;
}


.btnGeneralBold {
	width:65px;
	line-height:26px;
	text-align:center; margin:0 auto;
	border:0px solid;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	box-shadow: 1px 1px 3px #f47536;
	background-color:#df470b;
	color:#FFF;
	 font-size: 14px;
	font-weight:bold;
}
.btnGeneralBold:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ee611b), color-stop(1, #f88851) );
	background:-moz-linear-gradient( center top, #fdc576 5%, #ffdcab 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee611b', endColorstr='#f88851');
	background-color:#df470b;
}

.aOrg {
	color:#fd6e28;
	font-weight:bold;
}

.aOrg:hover {
	color:#fc492b;
	text-decoration:underline;
	font-weight:bold;
}

.ess {
 width:10px;
 float:left;
 color:red;
 display:inline-block;
 margin-right:7px;
}

	.editor-area{ width:90%; line-height:26px; font-size:15px; padding:10px 0 0 50px; text-align:left; border-bottom:none;}

.board_title {
	font-weight:bold;
}

.ad_top {
	float:right; 
	margin-top:-19px
}

/* this is for reference */
.ref_big_gubun{
	font-size:17px; 
	font-weight:bold;
	color: #666666;
	padding-left:24px;
}
.ref_big_gubun_title{
	font-size:17px; 
	color:#f7886a; 
	font-weight:bold
}
.ref_middle_gubun_title{
	font-size:14px; 
	color:#f7886a; 
	font-weight:none;
	line-height:120%;
	margin-top:35px
}
.ref_middle_gubun{
	font-size:13px; 
	font-weight:none;
	padding-left:24px;
/*				color: #999999;*/
	line-height:120%;
	margin-top:35px
}
.ref_low_gubun_title{
	font-size:13px; 
	color:#f7886a; 
	font-weight:none;
}
.ref_low_gubun{
	margin-top:10px; 
	padding-left:25px; 
	width:100%;
	font-size:13px;
	line-height:140%
}
.ref_row {
	border-bottom: 1px solid #dddddd;
	padding-bottom : 4px;
	line-height: 100%;
}
.pad85 {
	padding-left:85px;
}
.pad75 {
	padding-left:75px;
}
.pad60 {
	padding-left:60px;
}
.pad50 {
	padding-left:50px;
}
.pad40 {
	padding-left:40px;
}
.pad30 {
	padding-left:30px;
}
.pad15 {
	padding-left:15px;
}
.pad5 {
	padding-left:5px;
}
.mar85 {
	margin-left:105px;
}
.mar75 {
	margin-left:75px;
}
.mar60 {
	margin-left:60px;
}
.mar50 {
	margin-left:50px;
}
.mar40 {
	margin-left:40px;
}
.mar30 {
	margin-left:30px;
}
.mar15 {
	margin-left:15px;
}
.mar5 {
	margin-left:5px;
}

.ref_mid_line {
	border-bottom: 1px solid #eeeeee;
	padding-bottom : 4px;
}

.ref_mid_box {
	/*color:#fca087;*/
}

.ref_info {
	float:right; 
	height:23px; 
	line-height:23px;
	margin-top:29px;
	width:350px;
	text-align:right;
/*	border:1px solid black;*/
}

.top_mar_step1 {
	margin-top:25px
}

.top_mar_step2 {
	margin-top:33px; 
}

.top_mar_step3 {
	margin-top:50px; 
}

.top_mar_step4 {
	margin-top:42px;
}

.ref_homepage_logo {
	margin-bottom:25px;
}

.ref_logo {
}

#divBannerHom1 {
	width:600px
}

.ipw300 {
	border:1px solid #bbbbbb;
	height:24px
}

.ipw150 {
	border:1px solid #bbbbbb;
	height:24px
}