@charset "UTF-8";

/*기본 글꼴 및 링크 텍스트 꾸미기*/
/* reset css */
* { margin:0; padding:0; }
html,body{width: 100% ; height:100%;}
html{overflow-y:scroll;}
main{
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
}

#skipnav { margin: 0; padding: 0; }
#skipnav a { display: block; overflow: hidden; position: absolute; left: 0; top: -10000px; }
#skipnav a.res_web_view { display: none; }
#skipnav a:hover, #skipnav a:focus, #skipnav a:active { padding: 15px 0; background-color: #004b9d; color: #fff; font-size: 120%; width: 100%; text-align: center; top: 0px; z-index: 1001; }


h1 {
	width: 100%;
	height: 25px;
	margin-bottom: 20px;
	font-size: 18pt;
	font-weight: 600;
}

body,h2,h3,h4,input,textarea,button,select,option{font-family: "맑은 고딕", "돋움", dotum, Helvetica, sans-serif; font-size:13px; color:#000;}
img,fieldset{border:0;}
li{list-style:none }
input,select,button{vertical-align: middle;}
img{vertical-align:top;}
em,address{font-style:normal;}
a{color:#666; text-decoration:none; }
a:hover, a:focus{color: #222;text-decoration: underline;}
table{border-collapse: collapse;}
legend, .accessibility-hidden, .blind {
	position: absolute;
	overflow: hidden;
	width: 1px;
	height: 1px;
}
/*********************************************** 
  * 새올 전자민원 창구  메인페이지

  * 최초제정 2018.10.22
*************************************************/

#wrap{width:100%;height:100%; position:relative;background:url(/emwp/img/renew_emwp/bg_main01.jpg)repeat-x;background-position:0px 140px;}
#wrap2{width:100%;height:100%; position:relative;background:url(/emwp/img/renew_emwp/bg_main02.jpg)repeat-x;background-position:0px 140px;}
#body {width:1170px; margin:0 auto;}

.gnbtop {background:#4a4f58; height:38px;}
.gnbtop .gnbtopcontents {width:1170px; margin:0 auto;}
.gnbtop .gnbtopcontents ul {float:right; line-height:30px;}
.gnbtop .gnbtopcontents ul li {display:inline-block; margin-left:10px;vertical-align:middle;letter-spacing:-1px;}
.gnbtop .gnbtopcontents ul li a {color:#fff;font-size:12px;}
.gnbtop .gnbtopcontents ul li a:hover{text-decoration:underline;}

.ic_log{display:inline-block;height:26px; background:url(/emwp/img/renew_emwp/icon_log.png)no-repeat;background-position:0px 2px;padding-left:24px;bottom:0px;}
.ic_my{display:inline-block;height:26px; background:url(/emwp/img/renew_emwp/icon_mylist.png)no-repeat;background-position:0px 7px;padding-left:24px;bottom:0px;}
.ic_search{display:inline-block;height:26px; background:url(/emwp/img/renew_emwp/btn_search.png)no-repeat;background-position:0px 0px;padding-left:30px;}

.gnbmiddle {background:#f7f7f7; height:103px; box-shadow:1px 3px 6px 0px rgba(0,0,0,0.4);}
.gnbmiddle .gnbmiddlecontents {width:1170px; margin:0 auto;}
.gnbmiddle .gnbmiddlecontents .title {display:inline-block; width:400px; font-size:32px; line-height:66px; padding-top:17px;} 
.gnbmiddle .gnbmiddlecontents .title a {font-size:30px; color:#000; letter-spacing:-2px; font-weight:bold;}

.topmenu {display:inline-block; width:760px; float:right; padding-top:35px;}
.topmenu li{display:inline-block;width:250px;text-align:center;}
.topmenu li a {font-size:20px; font-weight:bold; letter-spacing:-2px; color:#000;}
.topmenu li a:hover {text-decoration:none;color:#008000;}

.EMWPMemberLogInMCP_main_contents {width:100%; height:700px; background:url(/emwp/img/renew_emwp/main_img01.jpg) no-repeat; background-position:626px 120px;}

/* 전자민원창구 메인 */
#container{width:1170px;margin:0 auto;position:relative;}
#content{display:block;margin-top:50px;height:600px; background:url(/emwp/img/renew_emwp/img_main01.png)no-repeat;background-position:0px 0px;}

/* line */
.linl15{border-left:1px solid #000;line-height:12px;padding-left:20px;}

/* font size */
.f24{font-size:24px;letter-spacing:-2px;}
.f32{font-size:32px;letter-spacing:-1px;}
.f36{font-size:36px;letter-spacing:-5px;line-height:1px;}
.f39{font-size:39px;letter-spacing:-5px;}

/* font color */
.fc_w{color:#fff;}
.fc_b1{color:#2b4c7f;}
.fc_b{color:#666;}

.b{font-weight:bold;}
.tab{text-align:left;}

.main_txt1{display:block;float:right;width:400px;height:145px;margin-top:45px;line-height:48px;}
.main_txt1 br{margin:0px;}

#content2{display:block;height:670px; background:url(/emwp/img/renew_emwp/img_main02.png)no-repeat;background-position:0px 0px;}

/*.main_btn1{display:block;float:left;margin-left:405px;margin-top:20px;}*/
/*.main_btn2{display:block;float:left;margin-left:631px;margin-top:-9px;}*/
/*.main_btn3{display:block;float:left;margin-left:757px;margin-top:84px;}*/
.main_btn1{display:block;float:left;margin-left:430px;margin-top:-15px;}
.main_btn2{display:block;float:left;margin-left:700px;margin-top:-60px;}
.main_btn3{display:block;float:left;margin-left:757px;margin-top:54px;}

.main_btn4{display:block;float:right;margin-top:513px;width:201px;height:61px;}
.main_btn4 a{font-size:18px;color:#000; letter-spacing:-2px;padding:20px 44px 17px 20px; font-weight:bold;background:url(/emwp/img/renew_emwp/btn_main_othergo2.png)no-repeat;}
.main_btn4 a:hover{color:yellow;text-decoration:none;}

.main_txt2{display:block;float:left;width:350px;height:100px; margin-left:245px;margin-top:45px;font-size:39px;letter-spacing:-5px;line-height:48px;}
.main_txt3{display:block;float:left;width:330px;height:160px; margin-left:-500px;margin-top:310px;font-size:16px;letter-spacing:-2px;line-height:18px;}

/** main allmenu**/
.menu-container {
	display:none;
    /*margin-top:100px;*/
	background-color: rgba(255,255,255,0.96);
	color: #000;
	z-index:11;
	position:absolute;
	width: 100%; 
	border-top: 2px solid #779a2a;
	border-bottom : 1px solid #779a2a;
	font-weight:bold; font-size:18px;
	
}

.all-menu {
	margin: 0px auto;
	width: 1170px;
	height: 200px;
	/**padding-left: 390px;**/
	color: #000;
}

.all-menu > .menu-back{
	position: absolute;
/**left: 30px;**/
	display: inline-block;
	margin-left: 5px;
	color: #000;

}
 .menu-back > img {
 	height: 200px;
 }

.all-menu > div:last-child {
	width: 995px;
	/**float: left;**/
	margin: 0px 420px;
	color: #000;
}
.all-menu  div.menu {
	float: left;
	width: 23%;
	margin: 30px 10px;
	height: 140px;
	text-align: center;
	color: #000;
	
}

ul.all-menu-list{
	display: inline-block;
	color: #000;
}
ul.all-menu-list > li{
	height: 45px;
	padding-left: 10px;
	color: #000;
}

ul.all-menu-list > li:hover > a{
	color : #008000;
	text-decoration: underline;
}

.dot-line {
	background: url("/emwp/img/renew_emwp/line_dot1.gif");
    width: 4px;
    height: 150px;
    display: inline-block;
    position: relative;
    top: 27px;
    left: 10px;
	
}
.menu > span.dot-line {
	float: right;
	top:-3px;
	left: 25px;
}

.all-menu >div:last-child > .dot-line {
	float: left;
}


/** 전체 레이어 검색**/
.allsearch-container {
	display:none;
	margin-top:-140px;
	background-color: rgba(70,79,88,1);
	color: #fff;
	text-align:center;
	z-index:11;
	position:absolute;
	width: 100%; 
	padding:1rem 1.5rem;
	font-weight:bold; font-size:18px;
	height:220px;	
}    
.allsearch-container  input[type="text"]
 { width:auto;height:40px;padding:0px 7px 1px; width:300px; margin-top:60px; margin-left:2px; margin-right:2px;  border:5px solid #9dc14f; background:#fff; font-size:15pt; color:#000;}
.allsearch-container a.saerchbt{ background-color:#9dc14f; padding:12px 20px; color:#000; font-size:15pt; font-weight:900; position:absolute; top:81px; }
.allsearch-container a{color:#fff; }
.allsearch-container a:hover{color:#fff;}

/** 전체 레이어 검색 181116 추가버튼 **/
.allsearch-container .btnsearchclos {position:absolute; margin-top:30px;right:300px;background:url(/emwp/img/renew_emwp/btn_close.png)no-repeat 0 0 ; z-index:10;}
.allsearch-container button{cursor:pointer; border:0;}

/** 전체 레이어 검색 181119 추가수정 **/
.allsearch-container .tit{color:#91bc4d; font-weight:bold; font-size:20pt; margin-bottom:-50px; padding-top:20px; margin-left:-370px; }
.allsearch-container .explbox {  height:80px; width:800px; text-align:center; margin:0 auto; padding-left:280px;}
.allsearch-container .explbox ul  {font-size:10pt; color:#fff;  padding-top:10px; text-align:left;}


/* 타시군구 바로 가기 레이어팝업-미통합*/
.other-go { display:none;
			border-radius:10px;
            border:3px solid #5d89c3;
			background-color: rgba(245,245,245,0.9);
			width:260px;
            position:absolute;
			left:785px;
			top:320px;
			padding:1rem 1.5rem;}
			
.other-go .tit{font-weight:bold; font-size:12pt; margin-bottom:15px;}			
.other-go  select{ font-size:11pt; }
.other-go .tit span.btnx {position:absolute; margin-top:3px; right:25px;background:url(/emwp/img/renew_emwp/btn_bl_close.png)no-repeat 0 0 ; z-index:10;}
.btn-baro{ width:80px; height:20px; border-radius:8px; border:1px solid #000; background-color:#5d89c3; color:#fff; margin-top:10px; padding:5px 5px; font-weight:bold; font-size:11pt; text-align:center; float: right;}
.btn-baro a{color:#fff;}
.btn-baro a:hover{color:#fff;}


/* 타시군구 바로 가기 레이어팝업-통합*/
.other2-go { display:none;
			border-radius:10px;
            border:3px solid #5d89c3;
			background-color: rgba(245,245,245,0.9);
			width:260px;
            position:absolute;
			left:900px;
			top:365px;
			padding:1rem 1.5rem;}
			
.other2-go .tit{font-weight:bold; font-size:12pt; margin-bottom:15px;}			
.other2-go  select{ font-size:11pt; }
.other2-go .tit span.btnx {position:absolute; margin-top:3px; right:25px;background:url(/emwp/img/renew_emwp/btn_bl_close.png)no-repeat 0 0 ; z-index:10;}
.btn-baro{ width:80px; height:20px; border-radius:8px; border:1px solid #000; background-color:#5d89c3; color:#fff; margin-top:10px; padding:5px 5px; font-weight:bold; font-size:11pt; text-align:center; float: right;}
.btn-baro a{color:#fff;}
.btn-baro a:hover{color:#fff;}

/* 빠른민원찾기-미통합 181121*/
.quick-go {border-radius:8px;
            border:7px solid #91bee2;
			background-color: rgba(255,255,255,1);
			width:360px;
            position:absolute;
			left:240px;
			top:377px;
			padding:1rem 1rem;}
.quick-go .tit{font-weight:bold; font-size:14pt; margin-bottom:15px;}		
.quick-go .btn-search{ width:80px; height:23px;  background-color:#91bee2; color:#000;  padding:6px 5px; font-weight:bold; font-size:11pt; text-align:center; float: right; }
.quick-go .btn-search a{color:#000;}
.quick-go .btn-search a:hover{color:#000;}

/* 빠른민원찾기-통합 181121*/
.quick2-go {border-radius:8px;
            border:1px solid #9dc14f;
			background-color: rgba(255,255,255,1);
			width:354px;
            position:absolute;
			left:75px;
			top:180px;
			padding:1rem 1rem;}
.quick2-go .tit{font-weight:bold; font-size:14pt; margin-bottom:15px;}		
.quick2-go .btn-search{ width:75px; height:23px;  background-color:#9dc14f; color:#000;  padding:6px 5px; font-weight:bold; font-size:11pt; text-align:center; float: right; }
.quick2-go .btn-search a{color:#000;}
.quick2-go .btn-search a:hover{color:#000;}

/* Input */
input, select {height: 33px;line-height: 33px;padding: 3px 3px 1px;} /* 31px */
input[type="checkbox"], input[type="radio"] {width: auto;height: auto;}
input.input-txt, select.input-txt, textarea.input-txt {background: #fff;border: 1px solid #d3d3d3;color: #646464;letter-spacing: -0.1em; font-size:13px;}
input[type="text"]{min-width:20px;width:auto;height:30px;padding:0px 3px 1px;  margin-left:2px; margin-right:2px;  border:1px solid #d3d3d3;background:#fff; font-size:13px;}
input[type="text"] .s10{font-size:10pt;}
input.required,select.required{background:#ffff99; }

/*input.read,select.read{background:#ffff99}*/
legend { position:absolute; left:-9999px; top:-9999px; }
.search_wrap label { position:absolute; top:-9999px; left:-9999px; }
input[type="password"]{min-width:20px;width:auto;height:30px;padding:2px 3px 1px;margin:0;border:1px solid #d3d3d3;background:#fff; font-size:13px;}
input[readonly="readonly"],input[readonly],input[disabled="disabled"],input[disabled]{color:#918a86;border:1px solid #d3d3d3;border-right-color:#d3d3d3;border-bottom-color:#d3d3d3;background:#e1e1e1;}
input.log{background:#f5f5f5;border:1px solid #d3d3d3;width:135px;height:30px;padding:2px 3px 1px;}
input[type="checkbox"],input[type="radio"]{min-width:20px;width:auto;height:30px;padding:2px 3px 1px; margin-right:5px;}
input .r_se{width:34px;margin-right:28px;}
/**/

/* 추가 김정은 login 181114*/
.log_ipin{width:450px;height:200px; border:6px solid #f6f6f6;padding:50px;margin-top:60px}
.log_ipin li{float:left;display:inline-block;height:200px;}

.log_mobile{position:relative;top:-312px;float:right;width:450px;height:200px; border:6px solid #f6f6f6;padding:50px;}
.log_mobile li{float:left;display:inline-block;height:200px;}

.subtxt{font-size:18px; font-weight:bold;}
.btn_grb{background-color:#9dc14f;font-weight:bold;color:black;padding:8px 40px 9px 40px;text-align:center;text-decoration:none;display:inline-block;font-size:18px;cursor:pointer;line-height:40px;}
.txtlink a{color:#000 ;font-size:15px;text-decoration:underline; font-weight:bold;}
.txtlink a:hover{color:#5c7a1a ;font-size:15px;text-decoration:underline; font-weight:bold;}

/** footer 영역**/
#footer {
	position: absolute;
	width: 100%;
	height: 120px;
	border-top: 1px solid #dfdfdf;
	background: #fff;
	left: 1px;
}

.footer-area {
	position: relative;
	padding-left: 188px;
	width: 1170px;
	margin: 0 auto;
}

.footer-container {width:1170px; height:120px; margin:0 auto;}

/*로고 영역 */
.logo-area-left {
	position: absolute;
	top: 20px;
	/*left: 89px;*/
	/*padding-left:188px;*/
	padding-left:5px;
	display: inline-block;
	min-width: 47px;
	padding-left: 5px;
	text-align: center;
}

.logo-area-right {float:right; padding:20px 100px 0 0;}

.etcmenu{float:left;margin-left:300px;width:600px; top:20px;}
.etcmenu li{display:inline-block;padding-right:20px;text-align:left;}
.etcmenu li a {color:#000; font-size:15px; letter-spacing:-1px; font-weight:normal;}
.copy_u{position:relative;margin-top:10px;float:left;margin-left:300px; width:650px;}

/* footer배너영역 */
.bannerall{position:relative;float:right;top:-70px;height:90px;width:270px;}
.bannerall .bannerList{position:relative;margin-left:30px;width:208px;height:68px;border:1px solid #e3e3e3;}
.bannerall .bannerList img{position:absolute;}
.bannerall .bannerList li{position:absolute;left:0;}

.bannerall .prevBtn{position:absolute;top:0px;left:1%;}
.bannerall .nextBtn{position:absolute;top:0px;right:1%;}

.bannerall .bannernum{position:static;margin-top:10px;left:35px;height:9px;}
.bannerall .bannernum ul{text-align:center;}
.bannerall .bannernum li{display:inline-block;padding:3px;}

.btn_b_off{width:9px;height:9px; background: url(/emwp/img/renew_emwp/btn_banner1.gif)no-repeat;}
.btn_b_on{width:9px;height:9px; background: url(/emwp/img/renew_emwp/btn_banner2.gif)no-repeat;}