@charset 'euc-kr';

@import url(base.css);
@import url(layout.css);
@import url(board.css);
@import url(popup.css);

/**********************************
login
***********************************/

.loginWrap {
	width: 964px;
	position: relative;
	left: 30px;
	margin-top: 46px;
}

.loginWrap img {
	border: none;
	margin: 0; padding: 0;
}

.loginWrap .loginBox {
	width: 740px;
	height: 218px;
	margin: 0 auto;
	background: url('/images/common/bg_login.jpg') no-repeat;
}

.loginWrap .form {
	float: left;
	position: relative;
	left: 396px; top: 58px;
}

html>/**/body .loginWrap .form {
	position: relative;
	left: 396px; top: 60px;
}/*FF8*/

.loginWrap .form input {
	height: 17px;
	border: 1px solid #d7d7d7;
	margin-bottom: 5px;
}

.loginWrap .btn1 {
	float: left;
	width: 83px;
	height: 46px;
	position: relative;
	left: 401px; top: 59px;
}

html>/**/body .loginWrap .btn1 {
	top: 60px;
}/*FF8*/

.loginWrap .btn1 input {
	height: 17px;
	border: 1px solid #d7d7d7;
	margin-bottom: 5px;
}

.loginWrap .btn1 input.btn {
	width: 83px;
	height: 46px;
	border: none;
	margin: 0;

}

.loginWrap .btn2 {
	float: left;
	position: relative;
	left: 549px; top: 103px;
}

* html .loginWrap .btn2 {
	float: none;
}

html>/**/body .loginWrap .btn2 {
	top: 107px;
}

.loginWrap .btn2 img {
	width: 54px;
	height: 20px;
	border: 0;
	margin-right: -549px;
}

/**********************************
contents
***********************************/

.contents-css {
	float: left;
	width: 734px;
	position: relative;
	left: 260px; top: -15px;
	z-index: 2;
}

.contents-css div.tit img {
	float: left;
	border: 0;
}

.contents-css div.location {
	float: right;
	font-size: 11px;
	color: #b3b3b3;
	position: relative;
	top: 21px;
	margin-bottom: 30px;
}

.contents-css div.location img {
	border: none;
	position: relative;
	top: -1px;
}

.contents-css div.location span {
	font: bold 11px  Dotum, 'Apple Gothic', sans-serif;
	color: #b3b3b3;
}

.contents-css h2 {
	height:18px;
	font: bold 12px  Dotum, 'Apple Gothic', sans-serif;
	color: #313131;
}

.contents-css h2 img {
	border: none;
}

.contents-css h3 {
	float: left;
	font: bold 12px  Dotum, 'Apple Gothic', sans-serif;
	color: #313131;
	position: relative;
	top: 8px;
	margin-bottom: -5px;
	padding: 0;
}

.contents-css h3 img {
	border: none;
}

.contents-css h4 {
	float: left;
	font: bold 12px  Dotum, 'Apple Gothic', sans-serif;
	color: #313131;
	margin-bottom: 2px;
}

.contents-css h4 img {
	border: none;
	margin-bottom: 3px;
}
/*--------------------------------------------------*/

.contents-css .box1 {
	width: 686px;
	padding: 11px 24px 47px 24px;
	background-color: #f2f6f7;
	border: 1px solid #d9d9d9;
}

*:first-child+html .box1 {
	padding: 10px 24px 8px 24px;
}/*7*/

* html .contents-css .box1 {
	padding: 10px 24px 8px 24px;
}

.contents-css .box1 .txt1 {
	float: left;
	font-size: 11px;
	color: #505050;
	line-height: 20px;
}

.contents-css .box1 .txt1 img {
	margin-bottom: 2px;
}

* html .contents-css .box1 .txt1 img {
	padding: 6px 0 7px 0;
}

.contents-css .box1 .btn1 {
	float: right;
	position: relative;
	top: 8px; margin: 0 0 -8px 0;
}
/*--------------------------------------------------*/

.contents-css .box2 {
	width: 686px;
	padding: 9px 24px 5px 24px;
	background-color: #f2f6f7;
	border: 1px solid #d9d9d9;
	font-size: 11px;
	color: #666;
}

.contents-css .box2 li {
	line-height: 18px;
}

/* *html .contents-css .box2 li {
	height: 18px;
	position: relative;
	top: 4px;
} */

.contents-css .box2 li.btn {
	height: 22px;
	border: none;
}

.contents-css .box2 img {
	margin-bottom: 4px;
}

*html .contents-css .box2 img {
	margin-bottom: 3px;
} 

.contents-css .box2.bold {
	font-weight: bold;
}

.contents-css .box2.cn {
	text-align: center;
}
/*--------------------------------------------------*/

.contents-css .box3 {
	clear: both;
	height: 212px;
	background: url('/images/common/bg_write.gif') no-repeat top left;
}

.contents-css .box3 input.btn {
	float: right;
	text-align: right;
	height: 19px;
	position: relative;
	right: 10px; top: 16px;
}
.contents-css .box3 img.btn {
	float: right;
	text-align: right;
	height: 19px;
	position: relative;
	right: 10px; top: 16px;
}

.contents-css .box3 .txtlist {
	margin: 0; padding: 0;
}

.contents-css .box3 .txtlist .txt1 {
	float: left;
	width: 70px;
	position: relative;
	left: 23px; top: 66px;
	line-height: 20px;
	color: #fff;
	font-size:11px;
	text-align:center;
}

.contents-css .box3 .txtlist .txt1 img {
	position: relative;
	top: -2px;
	display:none;
}

.contents-css .box3 .txtlist .txt2 {
	float: left;
	position: relative;
	left: 30px; top: 66px;
	line-height: 20px;
}
/*--------------------------------------------------*/

.contents-css .box4 {
	width: 686px;
	padding: 20px;
	background-color: #fff;
	border: 1px solid #d7d7d7;
	font-size: 12px;
	color: #666;
}

.contents-css .box4 li {
	line-height: 18px;
}

*html .contents-css .box4 li {
	height: 18px;
	position: relative;
	top: 4px;
}

.contents-css .box4 input {
	height: 17px;
	border: 1px solid #d7d7d7;
	font-size: 12px;
	color: #666;
	line-height: 17px;
	margin: 0;
}

.contents-css .box4.bold {
	font-weight: bold;
}

.contents-css .box4.cn {
	text-align: center;
}
/*--------------------------------------------------*/

.contents-css div.textarea1 {
	width: 692px;
	height: 89px;
	border: 1px solid #d7d7d7;
	font-size: 12px;
	color: #666;
	padding: 16px 20px;
	line-height: 22px;
	overflow-y: scroll;
} 

.contents-css input.checkbox1 {
	border: none;
	width: 14px;
	height: 14px;
	margin: 0 0 2px 0;
}

.contents-css input.checkbox2 {
	border: none;
	width: 14px;
	height: 14px;
	margin: 0;
}

.contents-css input.radio {
	border: none;
	height: 14px;
	margin: 0 0 1px 0;
	vertical-align:-3px;
}

.contents-css div {
	color: #666;
	line-height: 18px;
}
/*--------------------------------------------------*/

.contents-css div.btn2,
.contents-css div.btn3 {
	float: right;
	font-size: 12px;
	color: #2e2e2e;
}

.contents-css div.btn4 {
	text-align: right;
	font-size: 12px;
	color: #2e2e2e;
}

*html .contents-css div.btn2 {
	margin-bottom: -10px;
}

*:first-child+html .contents-css div.btn2 {
	margin-bottom: -10px;
}

.contents-css div.btn2 .btn1,
.contents-css div.btn3 .btn1,
.contents-css div.btn4 .btn1 {
	height: 21px;
	margin: 0 3px;
}

.contents-css div.btn2 select,
.contents-css div.btn3 select,
.contents-css div.btn4 select {
	height: 19px;
	line-height: 18px;
	font-size: 11px;
	color: #2e2e2e;
	padding: 0;
	margin: 0 3px;
}

.contents-css div .bold {
	font-weight: bold;
}

.contents-css div.btm {
	clear: both;
	height: 20px;
}

.contents-css div.btm .lbtn {
	float: left;
	font-size: 11px;
	color: #636363;
}

.contents-css div.btm .bold {
	font-weight: bold;
}

.contents-css div.btm .lbtn img,
.contents-css div.btm .rbtn img {
	border: none;
}

.contents-css div.btm .rbtn {
	float: right;
}

/**********************************
tab
***********************************/

.contents-css div.tab {
	float: left;
	height: 27px;
	position: relative;
	z-index: 1;
	word-spacing:-4px;
}

*:first-child+html .contents-css div.tab {
	position: relative;
}

*html .contents-css div.tab {
	height: 28px;
	margin-bottom: -2px;
	position: relative;
	top: -1px;
}

.contents-css div.tab img,
.contents-css div.btn5 img {
	border: none;
}

.contents-css div.btn5 {
	float: right;
	height: 21px;
}

*:first-child+html .contents-css div.btn5 {
	margin-top: -1px;
}

*html .contents-css div.btn5 {
	margin-top: -1px;
	padding-bottom: 1px;
}

.contents-css div.ln {
	clear: both;
	height: 26px;
	border-bottom: 1px solid #5fb1e5;
	position: relative;
	z-index: 0;
}

.contents-css div.ln2 {
	border-bottom: 1px solid #e0e0e0;
}

/*--------------------------------------------------*/
.contents-css .search {
	height: 38px;
	border: 1px solid #e9e9e9;
	background-color: #f2f2f2;
	text-align: center;
	font-size: 12px;
	color: #666;
}

.contents-css .search2 {
	height: 38px;
	/* border: 1px solid #d9d9d9;
	background-color: #e3e4e4; */
	border: 1px solid #e9e9e9;
	background-color: #f2f2f2;
	margin: 0 auto;
	text-align: center;
	font-size: 12px;
	color: #666;
}

.contents-css .search.icon,
.contents-css .search2.icon {
	height: 16px;
	border: none;
}

.contents-css .left {
	float: left;
	font-size: 11px;
	color: #666;
	line-height: 42px;
	margin-left: 10px;
	margin-bottom: -4px;
}

*html .contents-css .left {
	position: relative;
	top: 14px; left: -10px;
}

*:first-child+html .contents-css .left {
	position: relative;
	top: -1px;
}

.contents-css .right {
	float: right;
	font-size: 12px; font-weight:bold;
	color: #666;
	line-height: 42px;
	margin-right: 10px;
	margin-bottom: -4px;
}

*html .contents-css .right {
	position: relative;
	top: 10px; right: -10px;
}

*:first-child+html .contents-css .right {
	position: relative;
	top: -1px;
}

.contents-css .rtxt {
	float: right;
	font-size: 11px;
	color: #666;
	margin-bottom: -4px;
}

.contents-css .right select {
	height: 20px;
	position: relative;
	top: -1px;
}

.contents-css .center {
	font-size: 12px; font-weight:bold;
	color: #666;
	line-height: 42px;
	margin-bottom: -4px;
}

*html .contents-css .center {
	position: relative;
	top: 11px; right: -14px;
}

.contents-css .left img {
	position: relative;
	top: -2px;
}

.contents-css .search .input,
.contents-css .search1 .input,
.contents-css .search2 .input {
	height: 16px;
	border: 1px solid #d7d7d7;
	font-size: 12px;
	color: #666;
	text-align: left;
	position: relative;
	top: -2px;
	margin: 0 2px;
}

.contents-css .search.select,
.contents-css .search2 .select{
	height: 18px;
	font-size: 12px;
	color: #666;
	text-align: left;
	position: relative;
	top: -2px;
	margin: 0;
}

.contents-css .search .btn,
.contents-css .search2 .btn {
	position: relative;
	top: -1px; left: 4px;
}

.contents-css .search .calendar,
.contents-css .search1 .calendar,
.contents-css .search2 .calendar {
	display: inline;
	border: none;
	position: relative;
	top: -2px; left: 1px;
}
/*--------------------------------------------------*/

.contents-css .search1 {
	float: left;
	padding: 9px 0;
	width: 100%;
	margin: 0 auto;
	border: 1px solid #e9e9e9;
	background-color: #f2f2f2;
	font-size: 12px;
	color: #666;
	vertical-align: middle;
}

.contents-css .left1 {
	float: left;
	font-size: 12px; font-weight:bold;
	color: #666;
	margin-left: 10px;
	line-height: 43px;
	margin-bottom: -4px;
}

*html .contents-css .left1 {
	position: relative;
	top: 11px; left: -10px;
}

.contents-css .left2 {
	float: left;
	font-size: 12px; font-weight:bold;
	color: #666;
	margin-left: 30px;
	line-height: 22px;
	margin-bottom: -4px;
}

*html .contents-css .left2 {
	position: relative;
	top: 0px; left: -10px;
	margin-bottom: 4px;
}

.contents-css .right1 {
	float: right;
	font-size: 12px; font-weight:bold;
	color: #666;
	margin: 10px 14px 0 0;
	margin-bottom: -4px;
}

*html .contents-css .right1 {
	position: relative;
	top: 0px; right: -14px;
}

/**********************************
service application
***********************************/

.contents-css .app {
	width: 734px;
	height: 39px;
	
}
.contents-css .app img{
	_margin-bottom:1px;
}

.contents-css .textarea2 {
	width: 692px;
	height: 89px;
	border: 1px solid #d7d7d7;
	font-size: 12px;
	color: #666;
	padding: 16px 20px;
	line-height: 22px;
	overflow: auto;
} 

.textarea3 {
	width: 692px;
	height: 188px;
	border: 1px solid #d7d7d7;
	font-size: 12px;
	color: #666;
	padding: 16px 20px;
	line-height: 22px;
	overflow: auto;
	text-align:left;
} 

.textarea3 ol li {
	list-style: decimal !important;
	margin-left: 20px;
}
/*--------------------------------------------------*/

.contents-css .box5 {
	height: 240px;
	border: 0;
	background: url('/images/common/img_complete1.gif') no-repeat;
}

.contents-css .box7 {
	height: 240px;
	border: 0;
	background: url('/images/common/img_complete2.gif') no-repeat;
}

.contents-css .box8 {
	height: 240px;
	border: 0;
	background: url('/images/common/img_complete3.gif') no-repeat;
}

.contents-css .box9 {
	height: 240px;
	border: 0;
	background: url('/images/common/img_complete4.gif') no-repeat;
}

.contents-css .box10 {
	height: 240px;
	border: 0;
	background: url('/images/common/img_complete5.gif') no-repeat;
}

.contents-css .box11 {
	height: 240px;
	border: 0;
	background: url('/images/common/img_complete6.gif') no-repeat;
}

.contents-css .box15 {
	height: 240px;
	border: 0;
	background: url('/images/common/img_complete7.gif') no-repeat;
}

.contents-css .box5 input,
.contents-css .box7 input,
.contents-css .box8 input,
.contents-css .box9 input,
.contents-css .box10 input,
.contents-css .box11 input,
.contents-css .box15 input{
	height: 38px;
	position: relative;
	top: 159px; left: 239px;
	margin: 0 4px;
}
.contents-css .box5 img,
.contents-css .box7 img,
.contents-css .box8 img,
.contents-css .box9 img,
.contents-css .box10 img,
.contents-css .box11 img,
.contents-css .box15 img {
	height: 38px;
	position: relative;
	top: 159px; left: 239px;
	margin: 0 4px;
}
.contents-css ul.left3 {
	float: left;
}

.contents-css ul.left3 li {
	width: 540px;
	font-size: 12px;
	color: #6a6a6a;
	display: inline;
	line-height: 18px;
	position: absolute;
	left: 15px;
}

.contents-css ul.left3 li.img {
	width: 11px;
	border: 0;
	margin: 2px -15px 0 0;
	padding: 0;
	height: 13px;
	display: inline;
	position: absolute;
	left: 0;
}

*:first-child+html .contents-css ul.left3 li.img {
	margin: 0 -15px 0 0;
}


.contents-css ul.right3 {
	float: right;
}

.contents-css ul.right3 li img {
	height: 38px;
}
/*--------------------------------------------------*/

.contents-css .box6 {
	width: 686px;
	padding: 8px 20px;
	background-color: #fff;
	border: 1px solid #d7d7d7;
	font-size: 12px;
	color: #666;
}

.contents-css .box6 li {
	line-height: 18px;
}

*html .contents-css .box6 li {
	height: 18px;
	position: relative;
	top: 4px;
}
/*--------------------------------------------------*/

.contents-css .box12 {
	width: 686px;
	padding: 9px 24px 5px 24px;
	background-color: #f2f6f7;
	border: 1px solid #d9d9d9;
	font-size: 11px;
	color: #666;
}

.contents-css .box12 li {
	line-height: 18px;
}

.contents-css .box12 li.btn {
	height: 22px;
	border: none;
}

.contents-css .box12 img {
	margin-bottom: 4px;
}

*html .contents-css .box12 img {
	margin-bottom: 3px;
}

.contents-css .box12.cn {
	text-align: center;
}
/*--------------------------------------------------*/

.contents-css .box13 {
	float: left;
	width: 732px;
	text-align: center;
	padding: 19px 0 15px 0;
	background-color: #f6f6f6;
	border: 1px solid #f3f3f3;
	color: #666;
}

.contents-css .box13 li {
	height: 31px;
	display: inline;
	margin: 0 2px;
	border: 0;
}
/*--------------------------------------------------*/

.contents-css .download {	
	width: 735px;
}

.contents-css .download-btn1 {
	float: left;
	border: 0;
	display: inline;
}

.contents-css .download-btn2 {
	float: left;
	margin-right: 30px;
	margin-bottom: 20px;
}

.contents-css .download-btn3 {
	margin-bottom: 20px;
}

/* °øÅë */
.serviceBox {
 width:734px;
 margin-top:10px;
 background:url('/images/common/bg_box_bottom.gif') no-repeat 0 bottom;
 }
.serviceBox .serviceBoxIn {
 overflow:hidden;
 padding:20px;
 background:url('/images/common/bg_box_top.gif') no-repeat 0 top;
 }

/* ¹®´Ü */
ul.noticeType01 {
	margin-top: 15px;
	padding: 15px;
	background: #F2F5F8;
	}
ul.noticeType01 li {
	font-size: 11px;
	color: #7A8896;
	padding-left: 10px;
	background:url('/images/common/bulist.gif') no-repeat 0 6px;
	}

.scroll  {
	background:none repeat scroll 0 0 #FFFFFF;
	border:medium none;
	overflow-x:hidden;
	overflow-y:scroll;
}

/* ¼¿·ºÆ®°¡ Æ÷ÇÔµÈ Á¶È¸¹Ú½º */
.contents-css .search.select{
	text-align:left; 
	padding:10px 0;
}

/* Æ˾÷ Á¶È¸¹Ú½º */
.contents-css.popup{
	float:none;
	padding-top:15px;
	left:0px;
}

/* Æ˾÷ ÇÏ´Ü ÆäÀÌÁö¹öÆ° */
.popup2 .pageNum{
	background:none;
	height:25px;
 }
.popup2 .pageNum li{
	position:static;
 }
.popup2 .pageNum a {
	margin-left: -2px;
	padding-left:8px;
	background:url('/images/common/bg_paging_bar.gif') no-repeat 0 0;
	}
.popup2 .pageNum a.bar {
	padding-left: 0;
	background: none;
	}

.pageNum a:link,
.pageNum a:visited {
	font-weight: bold;
	color: #666666;
	}
.pageNum a:hover {
	color: #2E81CE;
	text-decoration: none;
	}

/* 3.10Ãß°¡ */
ul.bul1 li, ol.bul1 li{
	margin-bottom:28px;
	padding-left:12px;
	background:url('/images/common/bul_07.gif') no-repeat 0 5px;
}
ul.buls1 li{
	padding:0 0 3px 8px;
	background:url('/images/common/bul_03.gif') no-repeat 0 5px;
}

.pro-info1{margin:4px 0 10px 0;padding:20px;border:1px solid #d7d7d7}
.pro-info1 h2{height:30px;color:#636363}

.pro-info1 .detail{padding:20px 20px 14px 20px;background-color:#f7f7f7;}
.pro-info1 .detail ul{float:left;}
.pro-info1 .detail ul li{padding-bottom:6px;}
.pro-info1 .detail ul.sec1{width:400px;}
.pro-info1 .detail ul.sec2{width:250px;}
.pro-info2{border-bottom:1px solid #e0e0e0}
.pro-info2 h2.first{margin-top:30px;}
.pro-info2 p, .pro-info2 dl{padding-bottom:15px;}
.pro-info2 .up{height:23px;text-align:right;}
.pro-info2 ol.type1 li{padding:0 0 4px 10px;text-indent:-15px;}

.brNon{border:none !important}
.pro-info2 .detail {margin-bottom:20px;}
.pro-info2 .detail ul{width:320px;padding:20px;background-color:#f7f7f7;}
.pro-info2 .detail ul.sec1{float:left;}
.pro-info2 .detail ul.sec2{float:right;}

h2.base{margin-top:20px;padding:0 0 5px 17px;background:url('/images/common/bul_01.gif') no-repeat 0 0;_zoom:1;}

.pop-wrap{
	left: 20px !important;
}
/* ¾à°ü */
ol.clause {
	text-align: left;
}
ol.clause li {
	margin-bottom: 20px;
}
ol.clause li strong {
	display: block;
	margin: 5px 0;
}

/*  */

.name_regiNum01 {
	background:url(../images/common/name_regiImg07.gif) no-repeat 0 0; 
	width:735px; 
	height:222px;
	padding-top:35px;
	padding-lefT:146px;
	}
.name_regiNum01 input {
	width:111px; 
	height:14px; 
	border:1px solid #D7D7D7;
	}
.name_regiNum01 input.btn{
	width:auto;
	height:auto;
	border:0;
}
.name_regiNum02 {
	color:#7A8896 !important; 
	font-size:11px !important;
}
.regi_result01 {
	background:url(../images/common/name_regiImg08.gif) no-repeat 0 0; 
	width:734px; 
	height:115px; 
	padding:32px 0 0 190px;
}
.regi_result02 {
	color:#2E81CE !important;
	font-weight:bold;
}