@charset "utf-8";

@media print {
	*{-webkit-print-color-adjust: exact !important; print-color-adjust: exact !important;}
	#divFooter, #header{display:none;}
	#divContent{width:100% !important; -webkit-print-color-adjust: exact !important;}
	.pageWrap{width:100% !important;  -webkit-print-color-adjust: exact !important;}
}


.iframe_wrap{/* overflow:hidden; */}
.iframe_wrap iframe{width:100%;border:0;height:880px;overflow:hidden;}

@media all and (max-width:620px) {
	.iframe_wrap iframe {overflow-x:auto;overflow-y: hidden;}
}
 
.wait{	position:relative; width:100%; 
	 font-size:2.2rem; min-height:350px;
	 background-color:#f9fafc; border-radius:10px;
}
.wait .txt{display: block; position: absolute;  margin:0px auto; left: 50%;   width:100%; top:45%;  font-size:30px; min-height:40px; color:#fff; text-align:center;transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); }	
	  
	  
.box1{padding:20px 30px 20px 30px; /*border: 1px solid #ddd; */ background:#f9f9f9;border-radius:3px; }
@media screen and (max-width:767px){
	.box1{padding:20px 20px 20px 20px; }
}
@media screen and (max-width:460px){
	.box1{padding:15px 15px 15px 15px; font-size:14px;}
}


.bbs-total-box{width:100%; display:flex; justify-content: space-between; border: 0px solid #ef0616;}

.bbs-total{width:30%; min-width:120px; padding:10px 0px 0px 0px;}
.searchtype1{width:70%; }

.inputLine{width:100% !important;padding:6px;margin:5px 0px;}

.input1{
    display: inline-block;
    cursor: pointer;
    
   	background: url(../../images/common/select_sprite.png) no-repeat right top #fff;
  
  	margin: 2px 0;
    background-color: #fff;
    border: 1px solid #c5c9d6;
    border-radius: 1px;
    vertical-align: middle;
    
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: textfield;
    box-sizing: border-box;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    height: 40px;
    padding: 5px 60px 8px 10px;
    line-height: inherit;
}



@media screen and (max-width:768px){
	.bbs-total{width:20%; padding:10px 0px 10px 0px;}
	.searchtype1{width:80%;} 
	.input1{padding: 5px 45px 8px 5px;}
}

@media screen and (max-width:460px){
	.bbs-total-box{flex-direction :column; }
	.bbs-total{width:100%; }
	.searchtype1{width:100%;}
	
}

		
.pageWrap{position:relative; width:calc(100% - 320px); float:right; min-height:800px;  padding:40px 0px 30px 0px;}

.pageWrap h2{font-size:38px;color:#145ba2; font-weight:600;  padding:20px 0px 20px 0px;  
	font-family:'Pretendard GOV ExtraBold';
	/*FONT-WEIGHT: bold;*/ border-bottom: 1px solid #dedede;}

/*사진 뷰페이지 타이틀*/
.pageWrap h2.tit2{font-size:40px;color:#333333; font-weight:normal; padding:40px 0px 20px 0px;    text-align:center;}

@media screen and ( max-width: 1024px ) {
	.pageWrap	{width:calc(100% - 0px);  margin:0px auto 0px; padding:0px 20px 0px 20px;}	
	.pageWrap h2{font-size:28px; padding:25px 0px;}
}

@media screen and (max-width:960px){
	.pageWrap h2.tit2{font-size:34px; padding:30px 0px 20px 0px;}
}

@media screen and (max-width:767px){
	.pageWrap	{width:calc(100% - 0px);  margin:0 auto;  padding:0px; }	
	.pageWrap h2{font-size:24px; text-align:center; padding:15px 0px 20px 0px; position:relative; width:100%;letter-spacing:-0.05em;	}
	.pageWrap h2.tit2{font-size:20px;  padding:10px 0px 20px 0px;border:0px solid #fff600;}
}
@media screen and (max-width:460px){
	.pageWrap h2{font-size:20px; padding:20px 30px 20px 0px;}
}

@media screen and (max-width:420px){
	.pageWrap h2.tit2{font-size:20px;}
}

/*
.pageWrap h3{font-size:42px;color:#333333; font-weight:600; font-weight:normal; padding:30px 0px 0px 0px;  text-align:center;}
*/



/* sns */
.share-area{position:absolute;top:0px;right:0px;float:right; margin-right:0px; padding:0px 0px;  height:47px;box-sizing: border-box; }

.share-area .hide-wrap{position:absolute; right:150px; width:215px;height:47px; display:none;}
.share-area .hide-wrap .hide-area{position:relative;width:215px;height:48px; background-color:#FFF; border:1px solid #ddd; border-radius:5px; transition:all .5s;}
.share-area .hide-wrap .hide-area ul{ list-style:none;}
.share-area .hide-wrap .hide-area ul li{float:left;width:48px;height:48px;  margin-left:5px; top:10px; padding:8px 0px 0px 12px;border-radius:5px;  box-sizing: border-box;}
.share-area .hide-wrap .hide-area ul li:first-child{/*background:#385791;*/}
.share-area .hide-wrap .hide-area ul li:last-child{/*background:#06a5f9;*/}
.share-area .hide-wrap .hide-area ul li a{display:block; width:25px;height:26px; text-indent:-9999px;}
.share-area .hide-wrap .hide-area ul li .facebook{ top:30px; background:url('../../images/common/icon-sm.png') -25px -282px no-repeat;}
.share-area .hide-wrap .hide-area ul li a.twitter{ top:12px;background:url('../../images/common/icon-sm.png') -50px -282px no-repeat;}
.share-area .hide-wrap .hide-area ul li a.blog{ top:12px;background:url('../../images/common/icon-sm.png') -332px -282px no-repeat;}
.share-area .hide-wrap .hide-area ul li a.kakao{ top:12px;background:url('../../images/common/icon-sm.png') -204px -282px no-repeat;}
.share-area .hide-wrap .hide-area ul li a.link{background:url('/images/common/icon-sm.png') -75px -285px no-repeat;}
.share-area .hide-wrap .hide-area ul li a.email{background:url('/images/common/icon-sm.png') -176px -285px no-repeat;}

.share-area .share-btn{position:relative;float:left;  width:48px;height:48px;  border:0px solid #ddd;border-radius:5px;background:none;text-indent:-9999px;box-sizing: border-box; }
.share-area .share-btn:before{content:'';position:absolute;  top:10px;right:15px; width:25px;height:40px;background:url('../../images/common/icon-sm.png') -234px -285px no-repeat; }
.share-area .share-btn.active{background:#fff;}
.share-area .share-btn.active:before{top:12px;right:8px;background-position:-151px -285px;  box-sizing: border-box;}


.share-area .qr-btn{position:relative;float:right; right:47px; width:48px; height:48px;  border:0px solid #ddd;border-radius:5px;background:none;text-indent:-9999px;box-sizing: border-box; }
.share-area .qr-btn:before{content:'';position:absolute;  top:12px;right:9px; width:25px;height:48px;background:url('../../images/common/icon-sm.png') -300px -286px no-repeat; }
.share-area .qr-btn.active{background:#fff;}


/*.print-area {float:right;margin-right:0px;padding:10px 0;  box-sizing: border-box; }*/
.share-area .print-btn{position:relative;float:right; width:48px;  height:48px; right:0px; border:0px solid #ddd;/* background-color:#0f7d9d;*/text-indent:-9999px;border-radius:5px;box-sizing: border-box; }
.share-area .print-btn:before{content:'';position:absolute;left:13px;top:12px;width:25px;height:25px; background:url('../../images/common/icon-sm.png') -269px -286px no-repeat; box-sizing: border-box;}

.share-area .print-btn:focus {
border: 2px solid #fff;  outline-offset:-2px;
}

.share-area .print-btn a{border: 1px solid #000; }


@media screen and ( max-width: 1024px ) {
}	

@media screen and (max-width:767px){
	.share-area{position:relative; box-sizing: border-box; top:10px; }
	.share-area .hide-wrap{ float:left;width:115px;height:42px; display:none; background-color:#fff;}
	.share-area .hide-wrap .hide-area{left:35px;width:165px;height:42px;}
	.share-area .hide-wrap .hide-area ul li{width:34px;height:34px;top:12px; padding:4px 0px 0px 3px;}
	
	.share-area .share-btn{right:10px; width:42px;height:42px; background-color:#fff; border: 1px solid #ddd;border-radius:5px;}
	.share-area .share-btn:before{top:7px;right:9px; width:25px;height:34px;}
	.share-area .share-btn.active:before{top:7px;right:5px;}
	
	.share-area .qr-btn{right:0px; width:42px; height:42px; border: 1px solid #ddd;border-radius:5px; }
	.share-area .qr-btn:before{top:8px;right:7px; width:25px;height:34px;}
	
	.share-area .print-btn{display:none; width:34px;  height:34px;}
	.share-area .print-btn:before{left:6px;top:6px;width:25px;height:25px; }
	
}


#content_field{margin:30px 0px; }
@media screen and ( max-width: 1024px ) {
	#content_field{margin:30px 15px;}
}

@media screen and (max-width:767px){
	#content_field{}
}


#content_field h3{ 
	position: relative;
	line-height:28px;
	margin:10px 0px 10px 0px; 
	padding:10px 0px 10px 0px; 
	color:#1b1b1b;
	font-size:24px;
	font-weight:600; 
	font-family: 'Pretendard GOV SemiBold';
	/* letter-spacing:-0.3px;*/
}


@media screen and (max-width:767px){
	#content_field h3{ 
	line-height:24px;
	font-size:22px;
	}
}
	
    

#content_field h4{position:relative;padding:0px 0px 0px 0px; font-family: 'Pretendard GOV SemiBold';margin:10px 0px 10px 0px; color:#3f6ece;	font-weight:500;  font-size:20px; letter-spacing:-0.03em; /*background:url(../../images/common/h4_icon.gif) 0px 8px no-repeat;*/}
/* 
#content_field h4:before {
    position: absolute;
    content: '';
    width: 6px;
    height: 10px;
    top: 5px;
    left: 0;
    background-color: #a2bf1a;
}

#content_field h4:after {
    position: absolute;
    content: '';
    width: 6px;
    height: 10px;
    top: 12px;
    left: 0;
    background-color: #2aaad5;
}
*/

#content_field h5{margin:10px 0px 10px 10px; color:#111;font-size:17px; letter-spacing:-0.3px;}


/* 콘텐츠 담당자 */
.contentsEmpPoll{position:relative;clear:both; max-width:1400px; width:100%; padding:12px 20px 10px 25px; margin:20px 0px 25px 0px; background: url("../../images/common/conEmp_icon.png") no-repeat 20px 15px; background-color:#f6f6f6; border: 1px solid #c5c9d5; }
.conEmp{letter-spacing:0em; color:#444444; height:45px; padding:10px 10px 0px 45px; }
.conEmp_txt{width:650px;}
.conUpdate{width:200px;	padding:0px 0px 0px 0px; }
.ConPoll{padding:10px; }
.ConPoll ul{padding-top:3px; }
.ConPoll ul li{list-style: none;display: inline; padding-right:10px; }	


@media screen and (max-width:1024px){
	.contentsEmpPoll{position:relative; width: calc(100% - 20px); height:auto; min-height:100px; margin:0px 10px 0px 10px; background: url("../../images/common/conEmp_icon.png") no-repeat 10px 15px; background-color:#f6f6f6; clear:both;}
	.conEmp{padding:5px 10px 10px 35px; }
	.conEmp_txt{width:100%; padding:0px 0px 10px 0px;}
	.conUpdate{ border-top:1px dashed #c5c9d3; width:100%; padding:10px 0px 10px 0px;}
	}
@media screen and (max-width:768px){
	.contentsEmpPoll{max-width:767px; min-height:120px; margin:25px 10px 25px 10px;}
	}




.round10{border-radius:10px;}
.round15{border-radius:15px;}
.round20{border-radius:20px;}

/* 이미지크게보기 */
.img_wrap {display:inline-block;position:relative; text-align:center; width:100%; padding:20px; background-color:#fFFF; box-sizing: border-box;}
.img_wrap img{/*float:left;*/ max-width:100%; padding:0px; box-sizing: border-box; }
.img_wrap .img_zoom{ display:none; overflow:hidden;position:absolute; bottom:25px;right:25px; z-index:10; width:35px; height:35px; padding:0px; background:url("/images/common/mask.png");font-size:12px;}
.img_wrap .img_zoom a{display:block; width:25px; height:25px;  background: url('/images/common/bbs_icon2.png') no-repeat 0 -200px;font-size:0;line-height:0;text-indent: 100%;}

@media screen and (max-width:768px){
	.img_wrap {display:inline-block;position:relative; max-width:100%;}
	.img_wrap img{float:left; max-width:100%; padding:0;}
	
	.img_wrap .img_zoom{display:inline-block;overflow:hidden;position:absolute;bottom:0;right:0;z-index:10;width:36px;height:36px;padding:6px; background-color:rgba(0, 0, 0, .3); font-size:12px;box-sizing: border-box;}
	.img_wrap .img_zoom a{display:block; width:30px;height:30px;background: url('../../images/common/bbs_icon2.png') no-repeat 0 -200px;font-size:0;line-height:0;text-indent: 100%; }
}

/* 이미지 크게보기-박스결합 */
.box.img_wrap { position:static;  width:100%;}
.box.img_wrap img { float:none;}


.bgbox1{position:relative; width:100%; background-color:#e7eff9; padding:20px; border-radius:20px;}
.bgbox2{position:relative; width:100%; background-color:#eceaf7; padding:20px; border-radius:20px;}
.bgbox3{position:relative; width:100%; background-color:#e3f2f0; padding:20px; border-radius:20px;}
.bgbox4{position:relative; width:100%; background-color:#f6faed; padding:20px; border-radius:20px;}






/* 표 - 스크롤 */
.we1 {min-width:500px;}
.we2 {min-width:600px;}
.we3 {min-width:700px;}
.we4 {min-width:800px;}
.we5 {min-width:900px; }
.we6 {min-width:1000px;}
.we7 {min-width:1050px; }

@media all and (max-width:767px) {
	.we1 {margin-top:50px;}
	.we2 {margin-top:50px;}
	.we3 { margin-top:50px;}
	.we4 { margin-top:50px;}
	.we5 { margin-top:50px;}
	.we6 {margin-top:50px;}
	.we7 {margin-top:50px;}
}


.tableGiude {
    position: relative;
    padding-right: 1px;
    max-width: 100%;
    overflow: auto;
}

@media all and (max-width:767px) {
	.flick-wrap {
	    display: block;
	    width: 1000%;
	    height: 100%;
	    position: absolute;
	    top: 50px;
	    left: 0;
	    z-index: 2;
	    background-color:rgba(0,0,0,0.07);
	}
	
	.flick-wrap .flick-area {
	    width: 10%;
	    height: 100%;
	    text-align: center;
	}
	
	.modal-conts .flick-wrap .flick-area {
	    width: 10%;
	    height: 100%;
	    text-align: center; 
	}
	
	.flick-wrap .flick-area span {
	    position: relative;
	    display: inline-flex;
	    flex-direction: row;
	    align-items: center;
	    justify-content: center;
	    top:60px; /* top: 30%; */
	    min-height: 4rem;
	    padding: 1rem 1.4rem 1rem 3.8rem;
	    border-radius: 6px;
	    font-size: 1rem;
	    color: #1f53cc;
	    background: #e9f0ff url("/images/common/icon_scroll.png") no-repeat 16px center;
	    background-size:30px; 
	    text-align: left;
	    transform: translateY(-50%)
	}
	
	.ovf{overflow-x:auto; overflow-y: hidden;  margin-top:-50px; background-attachment: fixed;
background: url(/images/sub/m_scroll_icon.png) no-repeat right 0px top 5px; /* top:-50px;  position: fixed !important;*/}
	
	/*.ovf{overflow-x:auto; overflow-y: hidden; top: -50px; }	
	.ovf:before {content: ''; display:block; width:91px; height:39px;  top:5px; right:5px; position:absolute;
	background: url(/images/sub/m_scroll_icon.png) no-repeat right 0px top 0px; 
	}*/
		
}



@media all and (min-width:767px) {
	.flick-wrap .flick-area{display:none;}
	
}

/*
@media (min-width:767px) and (max-width:1024px){
	.flick-wrap .flick-area{display:none;}
	
}
*/


.tbl_type1_pdf {width:100%; margin:5px 0px 0px 0px; border-top: 1px solid #0f3a62; font-size:13px; word-break:keep-all;}
.tbl_type1_pdf thead th{color:#333333;line-height:130%; background: #f9f9f9; padding:15px 5px 15px 5px; border:1px solid #dbdbdb;text-align:center;}
.tbl_type1_pdf th.txtL{text-align:left;}
.tbl_type1_pdf th.bg1{background-color: #eff4f6;}

.tbl_type1_pdf tbody th{background-color: #fbfdfd;  padding:10px 10px 10px 10px; border:1px solid #dbdbdb;  text-align:center;}
.tbl_type1_pdf td{padding:7px 3px 7px 3px; border:1px solid #dbdbdb; text-align:center;line-height:140%;}
.tbl_type1_pdf td img {vertical-align:middle;}
.tbl_type1_pdf td.bg1{background:#f6f5eb;}
.tbl_type1_pdf tfoot{background-color:#e7eff1;font-weight:bold; }
.tbl_type1_pdf tfoot th{border:1px solid #dbdbdb;}
.tbl_type1_pdf .txtL{text-align:left;}
.tbl_type1_pdf .txtR{text-align:right;}
.tbl_type1_pdf .lineR2{border-right:1px solid #bdc8d1;}
.tbl_type1_pdf .topLine{border-top:1px solid #151515;}
.tbl_type1_pdf .lh1{line-height:28px;}

.box9_pdf{width:auto;padding:20px 15px 20px 15px; height:120px; margin-bottom:15px; font-size:15px; border-radius:4px; border: 2px solid #0085db; /*background:#0085db;*/}
.box9_pdf dl dt{box-sizing: border-box; float:left; width:25%; padding:2px 0px 3px 20px; text-align:left; line-height:150%;}
.box9_pdf dl dd{box-sizing: border-box; float:right; width:75%; text-align:left; padding:2px 0px 3px 0px; line-height:150%;}
.box9_pdf dt,.calculation dd{display:block; }


.tbl_type1_pdf th:first-child {border-left:0px solid #ddd;}
.tbl_type1_pdf th:last-child {border-right:0px solid #ddd;}

.tbl_type1_pdf td:first-child {border-left:0px solid #ddd;}
.tbl_type1_pdf td:last-child {border-right:0px solid #ddd;}

.tbl_type1_pdf td.cell_left{text-align:left;}

/* 표  */
.tbl_type1 {width:100%;/*margin:5px 0px 0px 0px;*/ border-top: 2px solid #0f3a62; font-size:15px; word-break:keep-all;}
.tbl_type1 thead th{color:#333333;line-height:130%; background: #f9f9f9; padding:15px 5px 15px 5px; border:1px solid #dbdbdb;text-align:center;}
.tbl_type1 th.txtL{text-align:left;}
.tbl_type1 th.bg1{background-color: #eff4f6;}

.tbl_type1 tbody th{background-color: #fbfdfd;  padding:10px 10px 10px 10px; border:1px solid #dbdbdb;  text-align:center;}
.tbl_type1 td{padding:10px 10px 10px 10px; border:1px solid #dbdbdb; text-align:center;line-height:140%;}
.tbl_type1 td img {vertical-align:middle;}
.tbl_type1 td.bg1{background:#f6f5eb;}
.tbl_type1 tfoot{background-color:#e7eff1;font-weight:bold; }
.tbl_type1 tfoot th{border:1px solid #dbdbdb;}
.tbl_type1 .txtL{text-align:left;}
.tbl_type1 .txtR{text-align:right;}
.tbl_type1 .lineR2{border-right:2px solid #bdc8d1;}
.tbl_type1 .topLine{border-top:2px solid #151515;}
.tbl_type1 .lh1{line-height:28px;}


.tbl_type1 th:first-child {border-left:0px solid #ddd;}
.tbl_type1 th:last-child {border-right:0px solid #ddd;}

.tbl_type1 td:first-child {border-left:0px solid #ddd;}
.tbl_type1 td:last-child {border-right:0px solid #ddd;}

.tbl_type1 td.cell_left{text-align:left;}

@media all and (max-width:767px) {
	.tbl_type2 {font-size:13px;}
	
}



.tbl_type2 {width:100%; margin:5px 0px 0px 0px; border-top: 2px solid #0f3a62; font-size:15px; word-break:keep-all;}
.tbl_type2 tbody th{color:#333333;line-height:130%; background: #f9f9f9; padding:15px 5px 15px 5px; border:1px solid #dbdbdb;text-align:center;}
.tbl_type2 th.txtL{text-align:left;}
.tbl_type2 th.bg1{background-color: #eff4f6;}

.tbl_type2 tbody th{background-color: #fbfdfd; border:1px solid #dbdbdb;}
.tbl_type2 td{padding:10px 10px 10px 10px; border:1px solid #dbdbdb; text-align:center;line-height:140%;}
.tbl_type2 td img {vertical-align:middle;}
.tbl_type2 td.bg1{background:#f6f5eb;}
.tbl_type2 tfoot{background-color:#e7eff1;font-weight:bold; }
.tbl_type2 .txtL{text-align:left;}
.tbl_type2 .txtR{text-align:right;}
.tbl_type2 .lineR2{border-right:2px solid #bdc8d1;}
.tbl_type2 .topLine{border-top:2px solid #151515;}
.tbl_type2 .lh1{line-height:28px;}


.tbl_type2 th:first-child {border-left:0px solid #ddd;}
.tbl_type2 th:last-child {border-right:1px solid #ddd;}

.tbl_type2 td:first-child {border-left:0px solid #ddd;}
.tbl_type2 td:last-child {border-right:0px solid #ddd;}

@media all and (max-width:767px) {
	.tbl_type2 {font-size:13px;}
	.tbl_type2 td{padding:7px 5px 7px 5px;}
}


/* 테이블 파일 리스트 */
.tbl_type3{width:100%;margin:5px 0 10px;border-top:2px solid #999999;  font-family: 'notokr-medium'; letter-spacing:-0.5px; border-right:none;}
.tbl_type3 th, .tbl_type3 td{padding:6px 10px 4px;vertical-align:middle; border:1px solid #e6e6e6;}
.tbl_type3 .vertical_top td{vertical-align:top}
.tbl_type3 thead tr:first-child th{border-left:none;}
.tbl_type3 thead th{padding:10px 2%;background-color:#f7f7f7;color:#333;font-weight:normal;}
.tbl_type3 .first{border-left:none;}
.tbl_type3 tbody th, .tbl_type3 tfoot th, .tbl_type3 tfoot td{padding:6px 10px 4px;background-color:#fafafa;font-weight:normal;}
.tbl_type3 thead th, .tbl_type3 tbody th, .tbl_type3 tfoot th{text-align:center;}
.tbl_type3 td img{vertical-align:middle;}


/* 파일 리스트 */
.tbl_type4{width:100%;margin:5px 0 10px;border-top:2px solid #999999;  font-family: 'notokr-medium'; letter-spacing:-0.5px; border-right:none;}
.tbl_type4 th, .tbl_type4 td{padding:6px 10px 4px;vertical-align:middle; border:1px solid #e6e6e6;}
.tbl_type4 .vertical_top td{vertical-align:top}
.tbl_type4 thead tr:first-child th{border-left:none;}
.tbl_type4 thead th{padding:10px 2%;background-color:#f7f7f7;color:#333;font-weight:normal;}
.tbl_type4 .first{border-left:none;}
.tbl_type4 tbody th, .tbl_type4 tfoot th, .tbl_type4 tfoot td{padding:6px 10px 4px;background-color:#fafafa;font-weight:normal;}
.tbl_type4 thead th, .tbl_type4 tbody th, .tbl_type4 tfoot th{text-align:center;}
.tbl_type4 td img{vertical-align:middle;}

.btn5{display:inline-block;position:relative;margin:1px 0;padding:0 25px;background-color:#3f74c5;font-weight:400;text-align:center;}
.btn5,.btn5:link,.btn5:visited{color:#fff;font-size:16px;line-height:44px;text-decoration:none;vertical-align:top;cursor:pointer;}
.btn5:hover{color:#efefef;font-weight:600;}
.btn5 input[type="submit"],.btn input[type="button"]{height:auto;margin:0 0 1px 0;padding:0;border:none;line-height:18px;}
.btn5 span{display:inline-block;margin:1px 0 0 0;padding:0 0 1px;border-bottom:1px solid transparent;line-height:18px;vertical-align:middle;}
.btn5:hover span{border-color:#fff;}

.btn5.type4{overflow:hidden;background-color:#fff;border:1px solid transparent;padding:0 66px 0 20px;line-height:42px;}
.btn5.type4 i{position:absolute;top:0;right:0;}

.btn5.line_color1{border-color:#4d5360;color:#4d5360;}
.btn5.line_color1:hover span{border-color:#4d5360;}

.type4.line_color1 i{background-color:#2b87d5;}

.btn5 i,.text_link i{display:inline-block;width:6px;height:9px;background:url(/images/common/download_icon.png) no-repeat;vertical-align:middle;}
.btn5 i{background-position:1px -4px;}



.table_file_list{}
.table_file_list th{width:10%;}
.table_file_list td{width:30%;}
.table_file_list .btn5.type3{width:94%;padding:0 3%;border:none;text-align:left;font-size:14px;line-height:30px;}
.table_file_list .btn5.type3 i.download.type3{width:30px;height:30px;background-position:1px -4px;border-radius:2px;}
@media screen and (max-width:768px) {
   
   .table_file_list th{}
   .table_file_list td{width:50%;}
}
@media screen and (max-width:568px) {
  .table_file_list{border-spacing:0;border-collapse:collapse;}
   .table_file_list td{display:block;width:100%;margin:0;padding:5px 0;border-left:none;border-top:none;}
   .table_file_list .btn5.type3 i{right:15px;}
  .table_file_list td.empty{display:none;}
}



.list_style1{margin:0px 0px 10px 10px; list-style:none; }
.list_style1 li{position: relative; padding:3px 0px 3px 15px; font-size:16px; color:#474747; line-height:160%; /*background:url("../../images/common/bl_lnb_on.png") 0px 10px no-repeat;*/}
.list_style1 li::before {
	position: absolute; top:12px; left:0px; width:7px; height:7px; background-color:#5f51a6;border-radius:50%; content: '';
}
.list_style1 li ul{margin:5px 0px 5px 0px;}
.list_style1 li ul li{padding:0px 0px 0px 12px;}
.list_style1 li img{vertical-align:middle;}
.list_style1 li ol li{line-height:140%;}
.list_style1 li ul li::before, .list_style1 li ol li::before {
    position: absolute; top: 11px; left:0; width:6px;height:1px; background-color: #333; content: '';
}


.list_style2{margin:0px 0px 10px 0px; list-style:none; }
.list_style2 li{position: relative; padding:3px 0px 3px 0px; font-size:16px; color:#474747; line-height:160%; }
.list_style2 li ul{margin:5px 0px 5px 0px;}
.list_style2 li ul li{padding:0px 0px 0px 12px;}
.list_style2 li img{vertical-align:middle;}
.list_style2 li ol li{line-height:140%;}

.list_style2 li ul li::before, .list_style1 li ol li::before {
    position: absolute; top: 11px; left:0; width:6px;height:1px; background-color: #333; content: '';
}

/* 테이블 내 목록 */
.list_style3{margin:0px 0px 5px 5px; list-style:none; }
.list_style3 li{position: relative; padding:3px 0px 3px 10px; /*font-size:16px;*/ color:#474747; line-height:150%;}
.list_style3 li::before {
	position: absolute; top:12px; left:0px; width:3px; height:3px; background-color:#5f51a6; border-radius:50%; content: '';
}
.list_style3 li ul{margin:5px 0px 5px 0px;}
.list_style3 li ul li{padding:0px 0px 0px 12px;}
.list_style3 li img{vertical-align:middle;}
.list_style3 li ol li{line-height:140%;}
.list_style3 li ul li::before, .list_style1 li ol li::before {
    position: absolute; top: 11px; left:0; width:6px;height:1px; background-color: #333; content: '';
}


/* 번호 목록 */
.num{margin-top:10px; margin-bottom:10px;}
.num li{position:relative; padding:0px 0 3px 30px;}
.num ul li:before{position:absolute;display:inline-block;content:'';}
.num li .item{position:absolute;left:0;top:0px;z-index:11; background:#fff;display:inline-block; width:20px;height:20px;font-size:11px;line-height:20px;color:#808495;text-align:center;border-radius:50%; border:1px solid #818594; overflow:hidden; box-sizing:border-box}
.num > li{counter-increment:number;}
.num > li:before{position:absolute;left:0;top:0px;z-index:11; background:#fff;display:inline-block; content:counter(number,decimal);width:20px;height:20px;font-size:11px;line-height:20px;color:#808495;text-align:center;border-radius:50%; border:1px solid #818594; overflow:hidden; box-sizing:border-box}

.num > li > .num li:before {
    position: absolute; top: 11px; left:0; width:6px;height:1px; background-color: #333; content: '';
}

.num > li > .num li .item { display: block; position: absolute; left: 0; width: 20px; height: 20px; line-height:20px; font-weight: bold; border: none; background-color: #eceef2; color: #3e4363; font-size: 11px;  content:counter(number,decimal);}
.num  { overflow: hidden; position: relative; counter-reset: number;}
.num li li{margin:0; color:#363636; padding-left: 15px ;}
.num li li:before {
    position: absolute; top: 11px; left:0; width:6px;height:1px; background-color: #333; content: '';
}

.num li .num li {padding-left:30px}
.num li li li {color:#696969;}
.num li .bu li:before{left:5px;top:10px;width:5px;height:2px;background:#8e99cb;}
.num li .bu li .bu  li:before{left:5px;top:10px;width:2px;height:2px;background:#545454;}
.num ul,.num ol{margin:0;padding:4px 0 4px 0;}

p.num{ position:relative;margin:5px 0 5px 25px; padding: 0 5px 0 35px;}
p.num .item {position:absolute;left:0;top:0;z-index:11;display:inline-block;width:25px;height:25px;font-size:16px;line-height:26px;color:#fff;text-align:center;border-radius:50%;background-color:#41516b;overflow:hidden;}




/* 상단 안내문구 */
.topbox.type1{position:relative;  border: 3px solid #d9e9f8; margin:0px 0px 20px 0px; border-radius: 15px 15px 50px 15px; overflow:hidden;}
.topbox.type1 .inner{position:relative; min-height: 155px;padding:35px 40px 30px 190px; z-index:3;}

.topbox.type1 .circle{top:20px;left:50px;width: 110px;height: 110px;  background-color: #f3f6fd !important;}
.topbox.type1 .inner .txtwrap .tit{margin: 0 0 15px;font-size:18px;color:#446bd1;font-weight:700;}
.topbox.type1 .inner .txtwrap p {padding:5px 0px 5px 0px;font-size: 16px;line-height:1.5; color: #333;}

.topbox.type1 .inner .txtwrap ul {margin: 10px 0 0;font-size: 16px;line-height: 1.5; color: #333;}
.topbox.type1 .inner .txtwrap ul li{position: relative; padding:3px 0px 3px 10px; color:#474747; line-height:150%;}
.topbox.type1 .inner .txtwrap ul li::before {
	position: absolute; top:12px; left:0px; width:3px; height:3px; background-color:#5f51a6; border-radius:50%; content: '';
}

.topbox.type1 .inner .txtwrap .txt-tip{margin: 30px 0 0; color:#8d8d8d; }
.topbox.type1 .inner .txtwrap .txt-tip:before{top:3px;}
.topbox .btnwrap{top:-20px;}

.topbox.type1 .ir-icon {display: block; position:absolute; top: 25px; left: 40px; border-radius:50%;}

.ir-icon{
	background-repeat: no-repeat;
	background-position: 50% 50%;  
 	/*background: url("../../images/sub/pageIcon.png") no-repeat;*/
 }
 	
 	
 @media only screen and (max-width: 768px){
	.topbox.type1 .inner {padding:25px 20px 20px 120px; text-align:left; min-height: 115px;}
	.topbox.type1 .circle{top:20px;left:20px;width:80px;height:80px;  background-size:100%;}
    .topbox.type1 .inner .txtwrap .tit {text-align:left;}
    .topbox .btnwrap{top:0;}
    
	.topbox.type1 .ir-icon, .topbox.type1 .inner .circle {/* display: none; */}
	.topbox.type1 .inner .txtwrap p {font-size: 14px;line-height: 1.5; }
	
}
	
 	
.circle{display:block;overflow:hidden;position:relative;}
.circle .ir-icon{display:block;border: 2px solid #000;position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);}
.circle .ir-icon_xs{width:25px;height:25px;}
.circle .ir-icon_sm{width:40px;height:40px;}
.circle .ir-icon_md{width:120px;height:120px;}
.circle .ir-icon_lg{width:200px;height:200px;}
.circle .ir-icon_line{width:71px;height:71px;}


/* ir-icon */
.ir-icon.icon1{background: url("../../images/common/txtBox_icon1.png") no-repeat;}
.ir-icon.icon2{background: url("../../images/common/txtBox_icon2.png") no-repeat;}
.ir-icon.icon3{background: url("../../images/common/txtBox_icon3.png") no-repeat;}
.ir-icon.icon4{background: url("../../images/common/txtBox_icon4.png") no-repeat;}
.ir-icon.icon5{background: url("../../images/common/txtBox_icon5.png") no-repeat;}

.ir-icon.icon6{background: url("../../images/common/txtBox_icon6.png") no-repeat;}
.ir-icon.icon7{background: url("../../images/common/txtBox_icon7.png") no-repeat;}
.ir-icon.icon8{background: url("../../images/common/txtBox_icon8.png") no-repeat;}
.ir-icon.icon9{background: url("../../images/common/txtBox_icon9.png") no-repeat;}
.ir-icon.icon10{background: url("../../images/common/txtBox_icon10.png") no-repeat;}


.ir-icon.icon11{background: url("../../images/common/txtBox_icon11.png") no-repeat;}
.ir-icon.icon12{background: url("../../images/common/txtBox_icon12.png") no-repeat;}
.ir-icon.icon13{background: url("../../images/common/txtBox_icon13.png") no-repeat;}
.ir-icon.icon14{background: url("../../images/common/txtBox_icon14.png") no-repeat;}
.ir-icon.icon15{background: url("../../images/common/txtBox_icon15.png") no-repeat;}


.ir-icon.icon16{background: url("../../images/common/txtBox_icon16.png") no-repeat;}
.ir-icon.icon17{background: url("../../images/common/txtBox_icon17.png") no-repeat;}
.ir-icon.icon18{background: url("../../images/common/txtBox_icon18.png") no-repeat;}
.ir-icon.icon19{background: url("../../images/common/txtBox_icon19.png") no-repeat;}
.ir-icon.icon20{background: url("../../images/common/txtBox_icon20.png") no-repeat;}


.ir-icon.icon21{background: url("../../images/common/txtBox_icon21.png") no-repeat;}
.ir-icon.icon22{background: url("../../images/common/txtBox_icon22.png") no-repeat;}
.ir-icon.icon23{background: url("../../images/common/txtBox_icon23.png") no-repeat;}

/* //상단 안내문구 */



/* 공공누리 심벌마크 */
.opentype{max-width:200px;}


/*버튼*/
.btn{position:relative; display:inline-block;padding:10px 30px; border-width:1px; border-style:solid; border-color:#c8c8c8; border-radius:5px; background-color:#fff; font-size:16px; line-height:24px; color:#111 !important; letter-spacing:0; transition-duration:0.25s; transition-property:background-color, border-color, color; transition-timing-function:linear;}
.btn + .btn{margin-left:5px}
.btn:hover{background-color:#4c6ed4; border-color:#4c6ed3; color:#fff !important;}

/*아이콘 버튼*/
.btn.icon{position:relative;padding-left:27px; padding-right:23px;}
.btn.icon:after{content: ""; display:inline-block; margin-left:21px; margin-bottom:-2px; background-repeat:no-repeat; background-image:url("/images/common/btn_sprite.png"); transition-timing-function:linear; transition-property:background-image; transition-duration:0.25s;}
.btn.icon.blank:after{width:17px; height:17px; background-size:111.76% 705.88%;}
.btn.icon.down:after{width:18px; height:15px; margin-bottom:-1px; background-position:left 25.71%; background-size:105.55% 800%;}
.btn.icon.link:after{width:9px; height:14px; margin-bottom:-1px; background-position:left 49.05%; background-size:211.11% 857.14%;}
.btn.icon.view:after{width:18px; height:18px; margin-bottom:-3px; background-position:left 74.5%; background-size:105.55% 666.66%;}
.btn.icon.print:after{width:19px; height:16px; background-position:left 100%; background-size:100% 750%;}
.btn.icon:hover:after{background-image:url("/images/common/btn_w_sprite.png");}

.btn.icon.single{width:60px; height:46px; padding-left:20px; padding-right:20px; font-size:0; line-height:0; vertical-align:top;}
.btn.icon.single:after{position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;}

/*버튼type2*/
.btn.type2{position:relative; border-color:#0082ca; color:#0082ca !important;}
.btn.type2:hover{border-color:#4c6ed3; background-color:#4c6ed4; color:#fff !important;}
.btn.icon.type2:after{background-image:url("/images/common/btn_b_sprite.png");}
.btn.icon.type2:hover:after{background-image:url("/images/common/btn_w_sprite.png");}

.topbox.type1 .inner .txtwrap + p + .btn {margin-top: 28px;}
.topbox .inner .txtwrap + p + .btn {margin-top: 28px;}



/*작은버튼*/
.btn.small{padding-top:4px; padding-bottom:4px; font-size:15px; line-height:22px;}
.btn.icon.small{padding-left:22px; padding-right:19px;}
.btn.icon.small:after{margin-left:16px;}
.btn.icon.small.blank:after{width:15px; height:15px;}
.btn.icon.small.down:after{width:16px; height:13px;}
.btn.icon.small.link:after{width:7px; height:12px;}
.btn.icon.small.view:after{width:16px; height:16px;}
.btn.icon.small.print:after{width:17px; height:14px;}

@media all and (max-width:640px){
    .btn{display: block;  position: static; padding:4px 15px; font-size:14px; line-height:22px;}
    .btn + .btn{margin-left:0px}
    .btn.icon{padding-left:15px; padding-right:15px;}
    .btn.icon:after{margin-left:7px;}
    .btn.small{padding:4px 15px; font-size:14px; line-height:22px;}
    .btn.icon.small{padding-left:15px; padding-right:15px;}
    .btn.icon.small:after{margin-left:7px;}
    .btn.icon.blank:after{width:15px; height:15px;}
    .btn.icon.down:after{width:16px; height:13px;}
    .btn.icon.link:after{width:7px; height:12px;}
    .btn.icon.view:after{width:16px; height:16px;}
    .btn.icon.print:after{width:17px; height:14px;}

    .btn.icon.single{width:38px; height:32px;}
}

/*첨부파일 다운로드 버튼*/
.btn.file{position:relative; display:inline-block;padding-left:27px;  padding-right:24px; transition-duration:0.25s; transition-property:border-color, box-shadow; transition-timing-function:linear;}
.btn.file:after{content: "";display:inline-block; width:24px; height:24px; margin-left:27px; margin-bottom:-5px;  background-repeat:no-repeat; background-image:url('/images/common/file_sprite.png'); background-size:100% 995.27%;}
.btn.file.hwpx:after{background-position:left 0%;}
.btn.file.pdf:after{background-position:left 14%;}
.btn.file.xls:after{background-position:left 28%;}
.btn.file.jpg:after{background-position:left 42%;}
.btn.file.zip:after{background-position:left 57%;}
.btn.file.ai:after{background-position:left 70%;}
.btn.file.png:after{background-position:left 84%;}
.btn.file.gif:after{background-position:left 98%;}

.btn.file:hover{border-color:#29a0e1; background-color:#fff; color:#111 !important; box-shadow:0 0 15px 0 rgba(79, 143, 231, 0.15);}

.combo_btn{position:relative; min-width:170px; padding:4px 80px 4px 18px; background-color:#fff; border:1px solid #c8c8c8; border-radius:8px;  font-size:15px; line-height:22px; color:#111; letter-spacing:0;}
.combo_btn.large{padding-top:11px; padding-bottom:11px;}
.combo_btn .btn_group{position:absolute; top:0; bottom:0; right:0; width:74px; height:20px; margin:auto 0; font-size:0; line-height:0;}
.combo_btn .btn_group a{display:inline-block; position:relative; width:37px; height:20px; background:none;}
.combo_btn .btn_group a:before{display:block; position:absolute; top:0; left:0; bottom:0; right:0; margin:auto; background-repeat:no-repeat; background-image:url("/images/common/btn_sprite.png");}
.combo_btn .btn_group a.down:before{width:18px; height:15px; background-position:left 25.71%; background-size:105.55% 800%;}
.combo_btn .btn_group a.down:after{display:none;}
.combo_btn .btn_group a.view:before{width:18px; height:18px; background-position:left 74.5%; background-size:105.55% 666.66%;}
.combo_btn .btn_group a.view:after{display:block; position:absolute; top:0; bottom:0; left:0; width:1px; height:13px; margin:auto 0; background:url("/images/common/emphasis_dot.png") repeat-y;}

@media all and (max-width:640px){
    .btn.file{padding-left:15px; padding-right:15px; line-height:35px; }
    .btn.file:after{width:24px; height:24px; margin-left:7px; margin-bottom:-7px;}

    .combo_btn{padding-left:15px; padding-right:70px; font-size:14px;}
    .combo_btn.large{padding-top:4px; padding-bottom:4px;}
    .combo_btn .btn_group{width:60px;}
    .combo_btn .btn_group a{width:30px;}
    .combo_btn .btn_group a.down:before{width:16px; height:13px;}
    .combo_btn .btn_group a.view:before{width:16px; height:16px;}
}

/*박스형태 버튼*/
.box_btn{position:relative; padding:20px 10px 20px 10px;border-radius:10px; background-color:#f8f9fb; text-align:center;}
.box_btn .btn{margin-top:5px; }

@media all and (max-width:640px){
    .box_btn{padding-top:10px; padding-bottom:15px;}
}



/* 게시판 뷰페이지 */

.view_tbl{position:relative; border-top:2px solid #000; /*border-top:2px solid #938aba;*/ padding:5px; width:100%; margin-bottom:30px;}
.view_tbl th{border-bottom:1px solid #dbdbdb; padding:10px 7px 10px 7px; background:#f7f8f9; /* background:#f4f5f9; */}
.view_tbl td{padding:10px 7px 10px 7px;  line-height:150%; color: #333; border-bottom: 1px solid #dbdbdb;}
.view_tbl td a{color: #333;}
.view_tbl .view_con{height: 200px;overflow: hidden;}
.view_tbl .tit2{border-right:1px solid #eee;FONT-WEIGHT: normal;	background:#f9faea;}
.view_tbl .tit3{border-right:1px solid #eee;FONT-WEIGHT: normal;	background:#ffffff;}
.view_tbl .bg1{background:#FFFFFF;}
.view_tbl .bg2{background:#fcf8f6;}

/* 글쓰기 */
.write_tbl{position:relative;  width:100%; border-top:2px solid #000; /*border-top:2px solid #7a7d96;*/ letter-spacing:-0.05em;}
.write_tbl tr{color:#333; height: 32px; }
.write_tbl th{background:#f4f5f9; color:#222; border-bottom: 1px solid #dbdbdb;	padding:10px 7px 10px 7px;	text-align: center;}
.write_tbl th.bg1{background:#eaf5f8;}
.write_tbl th.lineR{border-right: 1px solid #dbdbdb;}

.write_tbl td{overflow: hidden; ;  white-space: nowrap; padding:10px 7px 10px 7px; border-bottom: 1px solid #dbdbdb;}
.write_tbl td a {color: #333333;}
.write_tbl td  a:link, a:visited {color: #333;}
.write_tbl td a:hover {color: #1F58B1; text-decoration: underline;}

/* 글쓰기2 */
.write_tbl2{position:relative;  width:100%;border: 1px solid #dbdbdb; border-top: 2px solid #5897c9;letter-spacing:-0.05em;}
.write_tbl2 tr{color:#333; height: 32px; }
.write_tbl2 th{background:#f7f8f9; /*background:#eff2f5;*/ color:#545454;  line-height:120%; border-right: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; padding:2px 7px 2px 7px;	text-align: center;}
.write_tbl2 td{overflow: hidden; ;  padding:2px 7px 2px 7px; white-space: nowrap;border-right: 1px solid #dbdbdb;border-bottom: 1px solid #dbdbdb;	}
.write_tbl2 td a {color: #333;}
.write_tbl2 td  a:link, a:visited {color: #333;}
.write_tbl2 td a:hover {color: #1F58B1; text-decoration: underline;}


/* 개인정보 수집 이용 동의 박스*/
.agreeBox{width:auto;padding:15px 15px 15px 15px; margin-bottom:15px; border: 1px solid #e3e5ea; background:#f4f6fa;}

/* 비밀번호 확인 */
.confirmPw_wrap{position:relative;width:100%; margin-top:120px;}
.confirmPw_wrap2{position:relative;width:100%;margin-top:70px;}
.confirmPw{position:relative; width:650px; margin:0 auto; height:130px;border: 1px solid #e6e6e6;background: url("/images/common/confirmPw_bg.gif") 20px 15px no-repeat;}
.confirmPw_txt{padding:35px 0px 0px 150px;}
.confirmPw_txt p{padding-bottom:10px;	letter-spacing:-0.05em;}

.confirmPw2_wrap{position:relative; width:80%; max-width:650px;  letter-spacing:-0.05em;padding:50px 40px 30px 40px;  margin:0 auto; height:auto; border-radius:10px;  border: 1px solid #e6e6e6;}

.confirmPw2_wrap .tit{font-size:32px; text-align:center; color:#715ba9;font-weight:500; }
.confirmPw2_wrap .txt{font-size:16px; padding:35px 0px 20px 0px; color:#333; text-align:center;}
.confirmPw2_wrap .tit2{font-size:22px; color:#715ba9;font-weight:500; padding:0px 0px 10px 0px;}
.confirmPw2_wrap .txt p{padding-bottom:10px;	}

.confirmPw2_inner input{margin-bottom:10px; width:100%; height: 45px; font-size: 14px;  color: #333; padding:5px 10px 5px 10px; border: 0px solid #d3d3d3; border-bottom: 1px solid #d3d3d3;}

.confirmPw2_util{display:block;margin-top:30px;font-size:0;text-align:center}
.confirmPw2_util li{display:inline-block;width:30%;font-size:15px;color:#555;border-left:1px solid #e0e0e0}
.confirmPw2_util li:first-child{border-left:0}

@media all and (max-width:768px){
	.confirmPw2_wrap{position:relative; width:100%; margin:20px auto; padding:40px 30px 20px 30px;  }
	.confirmPw2_wrap .tit{font-size:26px;}
}

.confirmPw3_wrap{position:relative;width:100%;margin-top:30px;}
.confirmPw3{position:relative; width:550px; margin:0 auto; height:130px;border: 1px solid #e6e6e6;background: url("../../images/common/confirmPw_bg.gif") 20px 15px no-repeat;}
.confirmAgree3{margin-left:130px;}
.confirmPw3 dl{overflow:hidden;position:relative;height:75px;margin:35px 0px 0px 130px;}
.confirmPw3 dl dt{position:relative;height:30px;padding:7px 0px 0px 0px ;FONT-WEIGHT: bold;}
.confirmPw3 dt, .confirmPw3 dd{display:block; position:absolute;}
.confirmPw3 dd.uName{top:1px;left:85px;}
.confirmPw3 dd.uPw{top:35px;left:85px; }
.confirmPw3 .input_text.focus{border:1px solid #5aa409;background:#fff !important}
.confirmPw3 .input_text.focusnot{background:#fff !important}
.confirmPw3 p.confirmPw3_btn{position:absolute;top:31px;left:395px; overflow:visible;}



/* 개인정보동의 */

.addbox {
	background-color: #f5f5f5;
	
	/* background-color: #fff;border: 1px solid #eee;*/
	
	padding:25px 20px 25px 20px; color:#222; box-sizing: border-box;border-radius:5px; 
}
.addbox.scroll .scrollArea {
	overflow-y: scroll;
	height: 250px;
	padding-left: 10px;
}





/* btn */
a.btn_d		{-webkit-transition: all 0.2s ease-out;	-moz-transition: all 0.2s ease-out;	-ms-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;	transition: all 0.2s ease-out;}
.btn_d		{display: inline-block;*zoom:1;cursor:pointer;white-space:nowrap;text-align:center;vertical-align: middle;line-height:1.4;
			background-color:#efefef;border-color:#dadada;border-style:solid;border-width:1px;padding:12px 24px; margin:0 5px 3px 5px; /*margin:0 0 3px 0;*/}

button.btn_d,
input[type="submit"].btn_d,
input[type="button"].btn_d	{cursor:pointer;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;}

.btn_d.btn_circle	{-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;}
.btn_d.btn_round	{-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px;}
.btn_d.btn_round.btn_xsmall, .btn_d.btn_round.btn_small{-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;}

.btn_d.btn_xsmall	{font-size:12px; padding:6px 10px;}
.btn_d.btn_small	{font-size:14px;padding:6px 16px; }
.btn_d.btn_medium {font-size:16px;padding:8px 20px; }
.btn_d.btn_large	{font-size:18px;padding:12px 32px;}
.btn_d.btn_xlarge	{font-size:24px; padding:16px 56px;}

.btn_d.btn_tag	    {font-size:12px;padding:3px 3px; }

.btn_d.btn_wh		{background-color:#ffffff;border-color:#dadada; color:#333 !important;}
.btn_d.btn_wh2		{background-color:#ffffff;border-color:#a5a5a5; color:#222 !important;}
.btn_d.btn_gray		{background-color:#737578;border-color:#6a6c6d;color:#fff !important;}
.btn_d.btn_gray2	{background-color:#eff0f2;border-color:#eff0f2;color:#333 !important;}
.btn_d.btn_lightGray{background-color:#5A6378;border-color:#474F5C;color:#fff !important;}
.btn_d.btn_dgray	{background-color:#292b36;border-color:#292b37;color:#fff !important;}
.btn_d.btn_red		{background-color:#dc321c;border-color:#d52e18;color:#fff !important;}
/* .btn_d.btn_yellow	{background-color:#FEC400;border-color:#FEC400;color:#fff !important;} */

.btn_d.btn_violet {background-color:#6540b1;border-color:#6540b2;color:#fff !important;}

/*.btn_d.btn_or		{background-color:#ff9900;border-color:#ff9900;color:#fff !important;}*/
.btn_d.btn_green	{background-color:#3b7d7f;border-color:#3a7b7d;color:#fff !important;}
.btn_d.btn_blue		{background-color:#3c75be;border-color:#3b74bd;color:#fff !important;}
.btn_d.btn_blue2	{background-color:#80b4f7;border-color:#3b74bd;color:#fff !important;}
.btn_d.btn_blue3	{background-color:#003b80;border-color:#003b80;color:#fff !important;}
.btn_d.btn_color	{background-color:#93021e;border-color:#8E001C;color:#fff !important;}


@media screen and (max-width:768px){
	.btn_d{padding:2px 2px; }
	.btn_d.btn_xsmall{font-size:12px;padding:3px 3px;}
	.btn_d.btn_medium {font-size:14px;padding:6px 16px; }
	.btn_d.btn_large {font-size:16px;padding:12px 20px;}
	}


@media screen and (max-width:480px){
	.btn_d{padding:2px 2px; }
	.btn_d.btn_xsmall{font-size:12px; padding:3px 3px; letter-spacing:-0.05em; white-space:pre-wrap;word-break:break-all;}
	}



/* btn */
a.btn_d2		{-webkit-transition: all 0.2s ease-out;	-moz-transition: all 0.2s ease-out;	-ms-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;	transition: all 0.2s ease-out;}
.btn_d2		{display: inline-block;*zoom:1;white-space:nowrap;text-align:center;vertical-align: middle;line-height:1.4;
			background-color:#efefef;border-color:#dadada;border-style:solid;border-width:1px;padding:12px 24px;margin:0 0 3px 0;}

button.btn_d2,
input[type="submit"].btn_d2,
input[type="button"].btn_d2	{cursor:pointer;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;}

.btn_d2.btn_circle	{-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;}
.btn_d2.btn_round	{-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px;}
.btn_d2.btn_round.btn_xsmall, .btn_d2.btn_round.btn_small{-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;}

.btn_d2.btn_xsmall	{font-size:12px; padding:6px 10px;}
.btn_d2.btn_small	{font-size:14px;padding:8px 16px; }
.btn_d2.btn_large	{font-size:18px;padding:14px 40px;}
.btn_d2.btn_xlarge	{font-size:24px; padding:16px 56px;}

.btn_d2.btn_tag	    {font-size:12px;padding:3px 3px; }

.btn_d2.btn_wh		{background-color:#ffffff;border-color:#dadada; color:#333 !important;}
.btn_d2.btn_wh2		{background-color:#ffffff;border-color:#a5a5a5; color:#222 !important;}
.btn_d2.btn_gray		{background-color:#737578;border-color:#6a6c6d;color:#fff !important;}
.btn_d2.btn_gray2	{background-color:#eff0f2;border-color:#eff0f2;color:#333 !important;}
.btn_d2.btn_lightGray{background-color:#5A6378;border-color:#474F5C;color:#fff !important;}
.btn_d2.btn_dgray	{background-color:#292b36;border-color:#292b37;color:#fff !important;}
.btn_d2.btn_red		{background-color:#dc321c;border-color:#d52e18;color:#fff !important;}
/* .btn_d2.btn_yellow	{background-color:#FEC400;border-color:#FEC400;color:#fff !important;} */

.btn_d2.btn_violet {background-color:#6540b1;border-color:#6540b2;color:#fff !important;}

/*.btn_d2.btn_or		{background-color:#ff9900;border-color:#ff9900;color:#fff !important;}*/
.btn_d2.btn_green	{background-color:#3b7d7f;border-color:#3a7b7d;color:#fff !important;}
.btn_d2.btn_blue		{background-color:#3c75be;border-color:#3b74bd;color:#fff !important;}
.btn_d2.btn_blue2	{background-color:#80b4f7;border-color:#3b74bd;color:#fff !important;}
.btn_d2.btn_color	{background-color:#93021e;border-color:#8E001C;color:#fff !important;}


@media screen and (max-width:768px){
	.btn_d2{padding:2px 2px; }
	.btn_d2.btn_xsmall{font-size:12px;padding:3px 3px;}
	}


@media screen and (max-width:480px){
	.btn_d2{padding:2px 2px; }
	.btn_d2.btn_xsmall{font-size:12px; padding:3px 3px; letter-spacing:-0.05em; white-space:pre-wrap;word-break:break-all;}
	}



/* 본인인증 */
#cert{margin:0 auto;}
#cert:after {content:"";display:block;clear:both;}
#cert .box{display:block;padding:20px 21px;width:100%;}
#cert .box .item{padding:30px; border:1px solid #ddd; position:relative;}

#cert .box .item h3{color:#222;font-size:24px; text-align:center;}
#cert .box .item h3:before{
	content:'';
	display:inline-block;
	vertical-align:middle; 
	background:none; 
	width:0px;
    line-height:0;
  }	
 
#cert .box .item p a{/*width:185px;*/}
#cert .box .item .text_box p{min-height:45px;font-size:15px;  text-align:center;line-height:1.4;}
#cert .box .item .text_box .tipbox{margin:10px 0;padding:20px;background-color:#f2f6f9;}

#cert .box .item .text_box .tipbox b{display:block;color:#333;font-size:16px;line-height:1.2;}
#cert .box .item .text_box .tipbox ul li{font-size:14px; line-height:1.2;}
#cert .box .icon{position:relative;display:block;overflow:hidden;margin:0 auto 20px auto;padding-bottom:29px;width:122px;height:122px;}
#cert .box .icon.icon1{background:url(../../images/common/cert_icon1.png) no-repeat 50% 50%;}
#cert .box .icon.icon2{background:url(../../images/common/cert_icon2.png) no-repeat 50% 50%;}
#cert .box .icon.icon3 {background:url(../../images/common/cert_icon3.png) no-repeat 50% 50%;}
#cert .box .item .linkbox {position:relative; width:100%;  bottom:0; left:0; right:0;}

#cert .box .item .linkbox .certBtn{width:100%;}
#cert .box .item .linkbox .certBtn a:hover, #cert .certBtn a:focus { box-shadow: 0.5rem 0.5rem 1rem rgba(0, 0, 0, 0.1); }
#cert .box .item .linkbox .certBtn a { display: flex; align-items: center; justify-content: flex-start; gap: 0.4rem; flex-direction: row; justify-content: center; font-size: 1.6rem; font-weight: 500; width: 14rem; height: 4.8rem; background-color: #3F3F3F; border: 1px solid #3F3F3F; color: #fff; padding: 0 1rem; box-shadow: 0 0 0 rgba(0, 0, 0, 0); transition: all 0.2s ease 0.1s; }

@media all and (min-width:1024px) {
	#cert .box{display:inline-block;float:left;width:50%;}
	#cert .box .item{min-height:470px;}
	#cert .box .item .text_box .tipbox{padding:30px;min-height:255px;}
	#cert .box .item .linkbox {position:absolute; bottom:40px; left:0; right:0;}
}
@media all and (min-width:1200px) {
	#cert .box .item{}
	#cert .box .item .text_box p{min-height:80px;}
	#cert .box .item .text_box .tipbox{min-height:210px;}
}



/* 사이트맵 */
#sitemap {width:100%;}
#sitemap .amThum {position:relative;margin-bottom:10px;padding:20px 10px;width:100%;border-top:1px solid #d2d2d2;}
#sitemap .amThum:before{content:'';position:absolute;left:0;top:-1px;width:130px;height:3px;background:#5474d8;}
#sitemap .amThum h3{margin:0;margin-bottom:20px;padding:0px;line-height:0;background:none;}
#sitemap .amThum h3:before{background:none;padding:0px;}
#sitemap .amThum h3 span{line-height:120%;  color:#35467c;}

#sitemap .amThum .sitemap_grep {width:100%; }
#sitemap .amThum .sitemap_grep:after {content:"";display:block;visibility:hidden;clear:both;}
#sitemap .amThum .sitemap_list li{float:left; margin:0px 1% 30px 1%; width:100%;}
#sitemap .amThum .sitemap_list:after {content:"";display:block;visibility:hidden;clear:both;}
#sitemap .amThum .sitemap_list li{display:block;font-size:14px;}
#sitemap .amThum .sitemap_list li:nth-child(5){clear:both;}
#sitemap .amThum .sitemap_list li a{display:block;text-align:center;font-size:16px; border:1px solid #ddd; /* background:#edeff9; */ padding:10px 10px;border-radius:5px; color:#35467c;text-decoration:none;}
#sitemap .amThum .sitemap_list li a:hover,
#sitemap .amThum .sitemap_list li a:focus{text-decoration:underline;}
#sitemap .amThum .sitemap_list li a span{display:block;word-wrap:break-word;word-break:keep-all;line-height:1.2;}
#sitemap .amThum .sitemap_list ul{margin-bottom:5px; padding:10px 15px;}
#sitemap .amThum .sitemap_list ul li{padding:2px 0px 2px 0px; margin:0px 1% 0px 1%; width:100%; }
#sitemap .amThum .sitemap_list ul li a{position:relative;display:block; text-align:left; background:#fff; padding:3px 5px; border:0px solid #ddd; padding-left:12px;color:#666;font-size:14px;line-height:150%;}
#sitemap .amThum .sitemap_list ul li a:hover,
#sitemap .amThum .sitemap_list ul li a:focus{text-decoration:underline;}
#sitemap .amThum .sitemap_list ul li a:before{content:''; position:absolute; left:0;top:12px;width:5px;height:1px;background:#333;}
#sitemap.amThum .sitemap_list ul li a span{display:block;}
 
@media all and (min-width:768px){
	#sitemap .amThum {padding-left:200px;}
	#sitemap .amThum h3{position:absolute;left:0px;top:20px;}
	#sitemap .amThum .sitemap_list li{width:48%;}
}

@media all and (min-width:1024px) {
	#sitemap .amThum .sitemap_list {width:100%;float:left;}
}
@media all and (min-width:1200px) {
	#sitemap .amThum .sitemap_list li{float:left; width:23%;}
	#sitemap .amThum .sitemap_list li{font-size:14px;}
	#sitemap .amThum .sitemap_list ul li a{font-size:14px;}

}

.btn2{position:relative; display:inline-block; padding:10px 10px; border-width:1px; border-style:solid; border-color:#c0c0c0; border-radius:2px;font-size:16px; line-height:24px; color:#111 !important; letter-spacing:0; transition-duration:0.25s; transition-property:background-color, border-color, color; transition-timing-function:linear;}
.btn2 + .btn{margin-left:5px}
.btn2:hover{border-color:#fe5c24; color:#222 !important;}

.btn2.btn-gallery{
	background-image: url(../../images/common/bbs_icon.png);
    background-position: 1px -35px;
  	width:40px; height:40px;
  	padding:10px;
}
.btn2.btn-gallery.active{
	background-image: url(../../images/common/bbs_icon.png);
    background-position: 1px 1px;
    border-color:#fe5c24;
    width:40px; height:40px;
    padding:10px;
}

.btn2.btn-list{
	background-image: url(../../images/common/bbs_icon.png);
	background-position: -36px -35px;
	width:40px; height:40px; 
	padding:10px;

}
.btn2.btn-list.active{
	background-image: url(../../images/common/bbs_icon.png);
	background-position: -36px 1px;
	border-color:#fe5c24;
	width:40px; height:40px;
	 padding:10px;
}


/* 최신사진 목록 */
.photoList1_horizontal {font-size: 0; letter-spacing: -4px; line-height: 0;}
.photoList1_horizontal>* {display: inline-block; vertical-align: top; font-size: 1rem; line-height: 1; letter-spacing: 0;}

/* 사진목록 -이미지 */
.photoList1{max-width: 1400px; margin: 0 auto; }
.photoList1>h2 {letter-spacing: -0.05em; color: #222;}

.photoList1 ul {margin-left:0rem; }
.photoList1 li {position: relative; width:31.3%; margin: 30px 0% 20px 3%; 
	   background: #fff; box-sizing: border-box;}
.photoList1 li a{display: block; padding-bottom:5px;}

.photoList1 li:nth-child(3n +1){margin-left:0%; }




.photoList1 .img {background:#f2f3f4;  overflow: hidden; text-align:center; width:100%; height:auto; border-radius:10px; }
.photoList1 .img span {max-width:100%;max-height:100%;object-fit:cover; background-size: cover;  }
.photoList1 .img img{object-fit:contain; justify-content:center; height:40vh; width:70vh; max-height:210px; transition: all .5s ease-out;}

.photoList1 .img img:hover{ transform: scale(1.08) rotate(.001deg);}


/**/
@media screen and (max-width:1300px){
	.photoList1 .img img{max-height:170px;  }
}

@media screen and (max-width:1200px){
	.photoList1 .img img{max-height:150px; }
}

@media screen and (max-width:1100px){
	.photoList1 .img img{max-height:160px;}
}

@media screen and (max-width:1024px){
	.photoList1 .img img{max-height:160px; }
}

@media screen and (max-width:900px){
	.photoList1 .img img{max-height:150px; }
}
	
@media screen and (max-width:767px){
	.photoList1 .img img{max-height:200px;  }
}

@media screen and (max-width:640px){
	.photoList1 .img img{max-height:190px;}
}

@media screen and (max-width:560px){
	.photoList1 .img img{max-height:150px;}
}

@media screen and (max-width:460px){
	.photoList1 .img img{max-height:120px;}
}

@media screen and (max-width:360px){
	.photoList1 .img img{max-height:100px;}
}



.photoList1 li strong{position:relative;display:inline-block;padding-bottom:1px;margin-bottom:.2rem; font-size:1.1rem;line-height:1rem;color:#000;letter-spacing:-.07rem}
.photoList1 li strong:after{content:"";position:absolute;left:50%;bottom:0;width:0;border-bottom:0px solid #000;transition:all .3s}
.photoList1 li strong:after{left:0;width:100%}


.photoList1 a:hover .img span,.photoList1 a:focus .img span {left: -5%; top: -5%; width: 108%; height: 108%;}
.photoList1 a:hover .txt_title,.photoList1 a:focus .txt_title{text-decoration: underline; color: #0567eb;}
.photoList1 a:focus::before,.notice a.txt_title:focus::before {z-index: 2; content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px dashed #000;}


.photoList1 .txt_title {display: block; margin:20px 1rem 10px 0.5rem;  padding-right: 0.5em; position: relative; height:1.2em; line-height: 1.2em; color: #333; overflow: hidden; 
display: block;  word-break: normal; word-wrap: break-word; text-overflow:ellipsis; white-space:nowrap;}

.photoList1 .txt_date {margin:15px 1rem 10px 0.5rem;  font-size:15px;  word-break: normal; word-wrap: break-word; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	

.photoList1 li.vod::before {bottom: calc(70px + 5.0666rem); width: 82px; height: 82px;}
.photoList1 li.vod::after {bottom: calc(70px + 5.0666rem); width: 26px; height: 31px; background-position: left -406px;}


@media screen and (max-width:1024px){
	.photoList1 {/*padding: 70px 1rem 0;*/}
	.photoList1 .txt_date {}	
	.photoList1 .img {margin-bottom: 20px;  }
}

@media screen and (max-width:767px){
	
	.photoList1 {/*padding: 25px 1.6154rem 0;*/}
	.photoList1 ul {/*margin-left: -1.1638rem;*/}
	
	.photoList1 li strong {font-size: 0.9rem;}
	
	.photoList1 li {width:48%; margin: 20px 1% 0 1%;}
	.photoList1 li:nth-child(3n +1){margin-left:1%; }
	
	.photoList1 li.vod::before {bottom: calc(70px + 2.8461rem); width: 41px; height: 41px;}
	.photoList1 li.vod::after {bottom: calc(70px + 2.8461rem); width: 13px; height: 15.5px; background-position: left -203px; background-size: 25px auto;}
	.photoList1 li a {padding-bottom: 13px;}
	.photoList1 .img {margin-bottom: 10px;}
}


/* 사진목록 -리스트 */
.photoList2{max-width: 1400px; margin: 0 auto; }
.photoList2>h2 {letter-spacing: -0.05em; color: #222;}

.photoList2 ul {margin-left:0rem; }
.photoList2 li {position: relative; border-bottom: 1px solid #ddd; width:48%; padding:20px 0px 20px 0px; margin: 30px 4% 0px 0%; background: #fff; box-sizing: border-box;}
.photoList2 li a{display: block; padding-bottom: 20px;}

.photoList2 li:nth-child(even){margin-right:0%; }

.photoList2 .img {  overflow: hidden; width:calc(40% - 10px);   float:left;   margin:0px 10px 0px 0px;   border-radius:10px;}
.photoList2 .img span {background:#f2f3f4;flex-direction:row; display: grid; max-width:100%;max-height:100%; object-fit:cover;justify-content:center;    }
.photoList2 .img img{object-fit:contain; justify-content:center;  height:40vh; width:70vh; max-height:170px; transition: all .5s ease-out;}

.photoList2 .img img:hover{ transform: scale(1.08) rotate(.001deg);}

/* */
@media screen and (max-width:1300px){
	.photoList2 .img img{max-height:160px;}
}


@media screen and (max-width:1200px){
	.photoList2 .img img{max-height:140px;}
}

@media screen and (max-width:1100px){
	.photoList2 .img img{max-height:120px;}
}

@media screen and (max-width:1024px){
	.photoList2 .img img{max-height:170px;}
	.photoList2 .img {max-width:260px;}
}
	
@media screen and (max-width:767px){
	.photoList2 .img img{max-height:160px;}
}

@media screen and (max-width:640px){
	.photoList2 .img img{max-height:140px;}
}

@media screen and (max-width:560px){
	.photoList2 .img img{max-height:120px;}
}

@media screen and (max-width:460px){
	.photoList2 .img img{max-height:100px;}
}

@media screen and (max-width:360px){
	.photoList2 .img img{max-height:195px; }
}



.photoList2 li .info_txt{display: block;   width: 57%; float:right;border: 0px solid #ef0616; margin:0px 0px 0px 0.5rem; }

.photoList2 li .info_txt ul{width:100%;}
.photoList2 li .info_txt li {position:relative;border-bottom: 0px solid #ddd; width:100%; padding:0px 0px 0px 108px;min-height:25px;margin-top: 5px; }

.photoList2 li .info_txt li span{position:absolute; left:0;width:108px;color: #000;font-weight: bold;}
.photoList2 li .info_txt li span *{vertical-align:middle}
.photoList2 li .info_txt li span:after{content:'';position:absolute;right: 18px;top: 8px;width:1px;height:12px;background-color:#c9cdd4;}


.photoList2 li strong{ padding-bottom:1px;margin-bottom:.2rem; font-size:1.1rem;line-height:1rem;color:#000;letter-spacing:-.07rem}
.photoList2 li strong:after{content:"";position:absolute;left:50%;bottom:0;width:0;border-bottom:0px solid #000;transition:all .3s}
.photoList2 li strong:after{left:0;width:100%}


.photoList2 a:hover .img span,.photo2 a:focus .img span {left: -5%; top: -5%; width: 108%; height: 108%;}
.photoList2 a:hover .txt_title,.photo2 a:focus .txt_title{text-decoration: underline; color: #0567eb;}
.photoList2 a:focus::before,.notice a.txt_title:focus::before {z-index: 2; content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px dashed #000;}


.photoList2 .txt_title {display: block; margin:0px 1rem 20px 0rem;  padding-right: 0.5em; position: relative; height:1.2em; line-height: 1.4em; color: #333; overflow: hidden; 
display: block;  word-break: normal; word-wrap: break-word; text-overflow:ellipsis; white-space:nowrap;}


.photoList2 .txt_date {margin:15px 1rem 10px 0;  font-size:15px;  word-break: normal; word-wrap: break-word; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	
.photoList2 li.vod::before {bottom: calc(70px + 5.0666rem); width: 82px; height: 82px;}
.photoList2 li.vod::after {bottom: calc(70px + 5.0666rem); width: 26px; height: 31px; background-position: left -406px;}


.photoList2 .list-buttons {position: absolute; display: block; float:right; display:flex; bottom:0px; right:0px; margin-bottom: 5px; text-align: right; z-index:99999; }
.photoList2 .list-buttons .btn5 {margin-left: 10px;}


@media screen and (max-width:1200px){
	.photoList2 {/*padding: 70px 1rem 0;*/}
	.photoList2 .txt_date {}	
	.photoList2 .img {margin-bottom: 20px;  }
	
	.photoList2 li {font-size:14px; }
	.photoList2 li strong{font-size: 0.9rem; line-height:1rem;}
	.photoList2 li .info_txt li span{width:75px;}
	
	.photoList2 li .info_txt li:last-child{margin-bottom:20px;}
	
	
	.photoList2 .txt_title { margin:5px 1rem 10px 0rem; }
	.photoList2 li .info_txt li {padding:0px 0px 0px 75px;}
}


@media screen and (max-width:1024px){
	.photoList2 {/*padding: 25px 1.6154rem 0;*/}
	
	.photoList2 ul {/*margin-left: -1.1638rem;*/ }
	.photoList2 li {width:100%; margin:10px 0% 0% 0%;}
	
	
	.photoList2 li .info_txt ul{width:100%;}
	
	.photoList2 li.vod::before {bottom: calc(70px + 2.8461rem); width: 41px; height: 41px;}
	.photoList2 li.vod::after {bottom: calc(70px + 2.8461rem); width: 13px; height: 15.5px; background-position: left -203px; background-size: 25px auto;}
	.photoList2 li a {padding-bottom: 13px;}
	.photoList2 .img {margin-bottom: 10px;}
}


@media screen and (max-width:360px){
	.photoList2 .img {width:calc(100% - 0px);  max-width:100%;}
	.photoList2 li .info_txt{ width:100%;}
	
}


.photoList1 li strong{position:relative;display:inline-block;padding-bottom:1px;margin-bottom:.2rem; font-size:1.1rem;line-height:1rem;color:#000;letter-spacing:-.07rem}
.photoList1 li strong:after{content:"";position:absolute;left:50%;bottom:0;width:0;border-bottom:0px solid #000;transition:all .3s}
.photoList1 li strong:after{left:0;width:100%}


.photoList1 a:hover .img span,.photoList1 a:focus .img span {left: -5%; top: -5%; width: 108%; height: 108%;}
.photoList1 a:hover .txt_title,.photoList1 a:focus .txt_title{text-decoration: underline; color: #0567eb;}
.photoList1 a:focus::before,.notice a.txt_title:focus::before {z-index: 2; content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px dashed #000;}


.photoList1 .txt_title {display: block; margin:20px 1rem 10px 0.5rem;  padding-right: 0.5em; position: relative; height:1.2em; line-height: 1.2em; color: #333; overflow: hidden; 
display: block;  word-break: normal; word-wrap: break-word; text-overflow:ellipsis; white-space:nowrap;}


.photoList1 .txt_date {margin:15px 1rem 10px 0.5rem;  font-size:15px;  word-break: normal; word-wrap: break-word; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	

.photoList1 li.vod::before {bottom: calc(70px + 5.0666rem); width: 82px; height: 82px;}
.photoList1 li.vod::after {bottom: calc(70px + 5.0666rem); width: 26px; height: 31px; background-position: left -406px;}


@media screen and (max-width:1024px){
	.photoList1 {/*padding: 70px 1rem 0;*/}
	.photoList1 .txt_date {}	
	.photoList1 .img {margin-bottom: 20px;  }
}

@media screen and (max-width:767px){
	
	.photoList1 {/*padding: 25px 1.6154rem 0;*/}
	.photoList1 ul {/*margin-left: -1.1638rem;*/}
	
	.photoList1 li strong {font-size: 0.9rem;}
	
	.photoList1 li {width:48%; margin: 20px 1% 0 1%;}
	.photoList1 li:nth-child(3n +1){margin-left:1%; }
	
	.photoList1 li.vod::before {bottom: calc(70px + 2.8461rem); width: 41px; height: 41px;}
	.photoList1 li.vod::after {bottom: calc(70px + 2.8461rem); width: 13px; height: 15.5px; background-position: left -203px; background-size: 25px auto;}
	.photoList1 li a {padding-bottom: 13px;}
	.photoList1 .img {margin-bottom: 10px;}
}




/* 갤러리_목록 */
#galleryTable{/*border-top:2px solid #000;*/}

.galleryList ul li{position:relative;float:left;width:22.7%;padding:0px;margin:1.5%;border:1px solid #ddd;box-shadow:2px 2px 5px rgba(0,0,0,0.1);}
.galleryList ul li:hover{border:1px solid #0053cf;-webkit-box-shadow: 3px 3px 13px 0px rgba(0,0,0,0.18);-moz-box-shadow: 3px 3px 13px 0px rgba(0,0,0,0.18);box-shadow: 3px 3px 13px 0px rgba(0,0,0,0.18);border-radius:0px 0px 30px 0px;transition: all 0.3s ease-out;}
.galleryList ul li:nth-child(4n+1){margin-left:0px;}
.galleryList ul li:nth-child(4n){margin-right:0px;}
.galleryList ul li dl dt{position:relative;float:left;width:100%;height:250px;}
.galleryList ul li dl dt .v-img{height:250px;overflow:hidden;margin:0 auto;}
.galleryList ul li dl dt .v-img img{width:100%;height:100%;object-fit:cover; }    
.galleryList ul li dl dd{float:none;font-size:18px;margin:0 auto;text-align:center;}
.galleryList ul li dl dd a:hover{color:#2f5ac0;}
.galleryList ul li dl dd a{width:90%;margin-top:20px;height:100%;display:inline-block;text-align:left;padding:25px 0px;word-break: normal; overflow:hidden;word-wrap: break-word; text-overflow:ellipsis; white-space:nowrap;}

.galleryList ul li dl dd a > span.comt{font-size:15px;display:block;margin-bottom:3px;word-break: normal; overflow:hidden;word-wrap: break-word; text-overflow:ellipsis; white-space:nowrap;}

.galleryList ul li a:after {content:''; margin-top:20px; position:absolute; top:0; left:0; width:100%; height:210px;background:#000 url('/tour/images/common/icon_more.png') no-repeat center; opacity:0; transition:opacity 0.5s;}
.galleryList ul li a:hover:after {opacity:.6;}


.public_box {display:block; margin:10px 0px 0px 0px;  padding-right:30px;}
.public_box .sd_input{display:block;margin-bottom:10px; width:12%; display: inline; float:left;  }

@media screen and (max-width:767px){
	.public_box  .sd_input{width:100%;}
}


.noContent2{position:relative; border: 1px solid #000;margin:20px 0px 0px 0px; padding:100px 0px 70px 0px; min-height:300px; font-size:2rem; border:1px solid #ddd; text-align:center;}
.noContent2:before{content: ''; display: inline-block; width: 100%; height:250px; 
background:url(../../images/common/update.png) no-repeat center top;}
.noContent2 span{padding:20px 50px 0px 0px;}

@media screen and (max-width:767px){
	.noContent2{padding:70px 0px 30px 0px; }
	.noContent2:before{ height:130px; background-size:50%;}
	.noContent2 span{font-size:20px; padding:20px 20px 0px 0px;}
}


.kogl{position:relative;margin:0px;padding:0px;margin-top:5px;background:#fff;border:1px solid #dbdbdb;padding:30px 15px 30px 180px;font-size:12px;color:#292929;font-weight:bold;}
.koglimg{float:left; max-width:150px; }
.koglimg img{position:absolute;left:20px;top:25%;vertical-align:middle;width:140px;height:43px; }
.kogltxt{ display:block;}

@media screen and (max-width:480px){
	.kogl{padding:30px 20px 30px 20px;}
	.koglimg{float:none !important; width:100%;  }
	.kogltxt{ width:100%; padding:20px 20px 0px 20px; }
	.koglimg img{position:relative; }
}


/* 내사진함-원본사진신청 목록 */
.info2{padding:0px; margin:0px;}
.info2 li{display: flex; width:100%;  flex-direction:row; margin:20px 0px 20px 0px; padding:10px 30px 10px 30px; border: 1px solid #ddd;}

.info2 li .photo{flex:1.2; background:#f2f3f4;text-align:center; height:auto; margin:20px 20px 20px 20px; border-radius: 10px;}
.info2 li .photo .img span { max-width:100%;max-height:100%; }
.info2 li .photo .img span img{display:flex;  height:50vh; min-height:320px; border-radius: 0px; object-fit:contain; justify-content:center;}

.info2 li .txt{flex:2;margin:30px 0px 0px 30px;}

.info2 li .phototit{border-bottom:1px solid #eaeaea; font-size:18px;	color:#222;} 

.info2 li .txt li{position:relative;margin:0px; padding:0px 5px 0px 5px;  border: 0px solid #ddd;}

.info2 li .txt .summry_list li{ position:relative; padding-left:235px;min-height: 25px; line-height:2; margin:5px 0px 5px 0px;}
.info2 li .txt .summry_list li .fa{ width:22px; height:22px; padding-left:22px;
	background-size: 60%;
	background-position: 50%;
	background-repeat: no-repeat;
	border-radius: 50%;
	margin-right:7px;
	
}

.info2 li .txt .summry_list li::before {
	position: absolute; top:13px; left:0px; width:3px; height:3px; background-color:#333;border-radius:0%; content: '';
}


.info2 li .txt .summry_list li span.tit{  position:absolute;left:0px;top:0;width:190px;color: #565656;font-weight: bold; padding:0px 36px 0px 15px;}
.info2 li .txt .summry_list li span.tit *{vertical-align:middle}
.info2 li .txt .summry_list li span.tit:after{content:'';position:absolute;right: 18px;top: 8px;width:1px;height:12px;background-color:#c9cdd4;}

.info2 li .txt .bt{  padding:20px 0px 0px 0px;text-align:right;}

@media (max-width:768px) {
	.info2 li{flex-direction:column; text-align:left; font-size:13px; padding:10px 0px 10px 0px;}
	.info2 li .photo{flex:1;}

	.info2 li .txt{flex:2; padding-right:15px}
	.info2 li .txt .summry_list li{padding-left:205px;}
	.info2 li .txt .summry_list li span.tit{ width:160px;}
	
	.info2 li .phototit{font-size:16px;	} 
	
	.info2 li .txt .bt{border-top:1px dotted #c9cdd4; text-align:center; padding:20px 0px 0px 0px; margin:25px 0px 10px 0px;}
}


.bbs_detail_tit2{position:relative;padding:10px 40px; background-color:#3c4a79; border:0px solid #ddd; border-radius:10px 10px 0px 0px;}

.bbs_detail_tit2 .info{display:flex; padding:0px 0px 0px 0px;margin:0px;}
.bbs_detail_tit2 .info:after{content:"";display:block;visibility:hidden;clear:both;}


.bbs_detail_tit2 .info li{flex:1; display:inline-block;position:relative;margin:10px 0px 10px 0;padding-right:15px;line-height:17px;color:#333;font-size:15px;border-right:0px solid #d2d3d5;}


.bbs_detail_tit2 .info li:last-child{border-right-width:0;}
.bbs_detail_tit2 .info li strong{display:inline-block;min-width:100px;margin-right:8px;
	padding:11px 10px 11px 10px;line-height:15px;color:#222;font-size:15px; 
	background-color:#fff; text-align:center; border-radius:3px 3px 3px 3px;
	font-weight:600;}
.bbs_detail_tit2 .info li .txt{padding:10px;width:auto;;color:#fff; border:0px solid #d5d5d5; border-radius:5px; box-sizing: border-box; }

@media (max-width:980px) {
	.bbs_detail_tit2{position:relative;padding:10px 20px;}
	.bbs_detail_tit2 .info{	flex-direction:column;}
	.bbs_detail_tit2 .info li strong{min-width:70px;}
}


.bbs_detail_tit3{position:relative;padding:20px 20px;background-color:#f5f5f5; border:0px solid #ddd; border-radius:0px 0px 10px 10px;}

.bbs_detail_tit3 .info{width:100%; padding:0px 0px 20px 0px;margin:0px;}
.bbs_detail_tit3 .info:after{content:"";display:block;visibility:hidden;clear:both;}


.bbs_detail_tit3 .info li{width:25%;display: inline; float:left;position:relative; 
margin:10px 0px 10px 0px;line-height:17px;color:#222;font-size:15px; padding:0px 25px 0px 120px;
border-right:1px solid rgba(0,0,0,0.2);}

.bbs_detail_tit3 .info li span{ position:absolute;left:0px;top:0; width:80px;color: #222; font-weight: bold; padding:0px 36px 0px 15px;}

.bbs_detail_tit3 .info li:nth-child(5) span{padding-top:15px; }
.bbs_detail_tit3 .info li:nth-child(5){width:100%;  border-top:1px dashed rgba(0,0,0,0.1);}
.bbs_detail_tit3 .info li:nth-child(4){border-right:0px solid #d2d3d5; }
.bbs_detail_tit3 .info li:last-child {border-right:0px solid #d2d3d5;padding-top:15px;}

.bbs_detail_tit3 .info li .txt{padding:10px;width:auto;border:0px solid #d5d5d5; border-radius:5px; box-sizing: border-box; }


@media (max-width:980px) {
	
	.bbs_detail_tit3 .info li{width:100%; border-right:0px solid #d2d3d5; padding:0px 25px 0px 120px;}
	.bbs_detail_tit3 .info li span{width:70px;}
	.bbs_detail_tit3 .info li span:after{content:'';position:absolute;right:18px;top: 3px;width:1px;height:12px;background-color:rgba(0,0,0,0.2);}

	.bbs_detail_tit3 .info li:nth-child(5) span:after{top:18px;}
	
	.bbs_detail_tit3 .info li:nth-child(5){border-top:0px dashed rgba(255,255,255,0.1);}
}


/* 좌측메뉴 */
#lnb {position:relative;float:left; margin:40px 0 0 0; /*margin:-50px 0 0 0;*/ width:270px; height:auto !important; letter-spacing:-0.05em;}	
#lnb h2 {width:100%; height:110px;color:#fff; font-size:26px; line-height:110px; margin:0px 0px 0px 0px;
		text-align:center;border-radius:10px 10px 0px 0px;
		letter-spacing:0.5px;
		font-family: 'SBAggroL','Pretendard GOV ExtraBold','Malgun Gothic','Dotum','sans-serif';
		background-color:#304991;
		 
		/*background: linear-gradient(131deg, #0b51a1 40.43%, #3978db 79.1%);
   		box-shadow: 0 0.4rem 1.6rem rgba(11, 44, 97, 0.23);*/
}
#lnb > ul {width:100%;border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd;box-sizing:border-box; }
#lnb > ul > li {position:relative; margin:0px 0px 0px 0px; border-bottom:1px solid #ddd;
	font-size: 16px; box-sizing:border-box;}
#lnb > ul > li:last-child{border-bottom:0px solid #e0e0e0;}
#lnb > ul > li.on {}
#lnb > ul > li > a { display:block; padding:0px 25px 0px 15px; height:60px; line-height:60px; color:#444; background:#fff;word-break: normal; overflow:hidden;word-wrap: break-word; text-overflow:ellipsis; white-space:nowrap;}
#lnb > ul > li > a:hover, #lnb > ul > li > a:focus, #lnb > ul > li > a:active, #lnb > ul > li.on > a {color:#fff;  }
#lnb > ul > li.on > a { background:#397abc url(../../images/common/icon_menu_ov.png) right 15px top 20px no-repeat; color:#fff;}

#lnb > ul > li.off > a{ background:url(../../images/common/icon_menu_off.png) right 15px top 20px no-repeat;}
#lnb ul li.on ul 	{ position:relative; visibility:visible; }
#lnb > ul > li img  {/* position:absolute;*/ top:10px; right:5%;}
#lnb ul ul {position: absolute; visibility:hidden; padding:15px 0; box-sizing:border-box; border-top:0px solid #ddd; }
#lnb ul ul li {position: relative;font-size: 16px;  border-bottom:0; background:none;padding-right:10px; }
#lnb > ul > li > ul > li.on:before {border-left:1px solid #413576; border-right:1px solid #413576; position: absolute; top:12px; left:12px; width:5px; height:7px; color:#413576; background-color:#4f29cb;border-radius:50%; content: ''; }
#lnb > ul > li > ul > li.off:before {position: absolute; top:12px; left:12px; width:7px; height:7px; background-color:#a0a0b1;border-radius:50%; content: ''; }


#lnb ul ul li.onfont {font-size: 14px;  border-bottom:0; background:none;padding-right:10px; font-weight: bold; }
#lnb ul ul li > a { display:block;  padding:5px 0px 5px 30px; line-height:22px; color:#414141; }
#lnb ul ul li > a:hover, #lnb ul ul li > a:focus, #lnb ul ul li > a:active, #lnb ul ul li.on a { color:#331a8f; font-weight:600; }

#lnb ul ul ul{position:absolute; visibility:hidden; padding:5px 0; margin:0px 10px 0px 20px;  /*border-radius:7px;background-color: #f6f6f6; border:1px dashed #ddd;*/}

#lnb ul ul ul li{display:block;  padding-left:0px; color:#414141; }
#lnb ul ul ul li:before{position: absolute; top: 14px; left:10px; width:6px;height:1px; background-color: #333; content: '';}

#lnb ul ul ul li span{position: relative; }
#lnb ul ul ul li > a { display:block;   line-height:20px; color:#414141;}
#lnb ul ul ul li > a:hover, #lnb ul ul ul li > a:focus, #lnb ul ul ul li > a:active, #lnb ul ul ul li.on a { color:#3b53ca; font-weight:600; }
#lnb ul ul ul li.on a::before {
 	 position: absolute; top: 14px; left:10px; width:6px;height:2px; background-color: #3b53ca; content: '';
    /* 
    display: block;
    position: absolute;
    bottom: 5px;
    left: 20px;
    width: calc(100% - 20px);
    height: 12px;
    margin-right: 5px;
    background-color: #e9e9fb;
    */
}
	
#lnb ul li a .offtext{color:#414141;}
#lnb ul ul li a .offtext{color:#414141;}
#lnb ul ul ul li a .offtext{color:#414141;  font-weight:500;}
	
@media all and (max-width:1024px){
	#lnb{display:none;}
}
	

/* 상수도조직 > 연혁 */
#history_area {position:relative;width:100%; clear:both; }

#history_area:before {content:'';position:absolute;top:70px;left:50%;bottom:70px;width:1px;background-color:#ddd}
#history_area h3{position:relative;width:150px;height:150px; box-sizing: border-box; padding:35px 0px 0px 0px;margin:70px auto; 
	line-height:22px;font-weight:600;font-size:20px;text-align:center;background:none;color:#fff; border-radius:50%;
	
	background:linear-gradient(120deg, #434976, #434976) 100%;
	/* background-color:#0085db;*/
	}
.history > li {position:relative; letter-spacing:-0.5px;}
.history > li + li {margin-top:10px}
.history > li:before {content:'';position:absolute;top:11px;left:50%;display:block;width:15px;height:15px;margin-left:-7px;background-color:#0085db;border-radius:50%}
.history > li.type1 {display:block; padding-right:54%; text-align:right;}
.history > li.type2 {padding-left:54%;text-align:left}


.history > li.type1 .img{position:absolute; top:0px; right:0px;}
.history > li.type2 .img{position:absolute; top:0px; left:0px; }
.history > li.type1 .img span, .history > li.type2 .img span{display: block; text-align:center; line-height: 1.3; font-weight:600; color:#222; margin: 10px 0px 10px 0px;}
.history > li.type1 .img img, .history > li.type2 .img img{width:100%; max-width:400px;  border-radius:15px; border:0px solid #ddd;}
.history > li.he1{min-height:360px;}


.history .year {color:#4d6ec3;font-size:26px;font-weight:600}
.history > li > ul {margin-top:20px}
.history > li > ul > li {position:relative;font-size:15px;line-height:35px}
.history > li > ul > li span {padding-right:13px;}
.history > li.type1 > ul > li {padding-right:90px}
.history > li.type1 > ul > li span {position:absolute;right:0;top:0;padding:0}
.history > li.type2 > ul > li {padding-left:100px;text-indent:-100px}


@media only screen and (max-width:767px) {
	#history_area:before {background:none;}
	#history_area h3{width:auto;height:40px;padding:0;margin:30px 0 15px 0;line-height:40px;font-size:16px;border-radius:10px;}
	#history_area h3 br {display:none}
	.history > li.type1,
	.history > li.type2 {text-align:left;padding:0}
	.history > li:before {left:0;top:9px;margin:0;width:6px;height:6px}
	.history > li + li {margin-top:15px}
	.history .year {padding-left:16px;font-size:18px}
	.history > li > ul {margin-top:10px;padding-left:16px}
	.history > li > ul > li {font-size:14px;line-height:22px;padding-left:38px !important;text-indent:-38px !important}
	.history > li.type1 > ul > li {padding-right:0}
	.history > li.type1 > ul > li span {position:static;padding-right:13px}
	
	.history > li.type1{display: block;}
	.history > li.type1 .img{position:relative; width:100%; left:0px; margin:10px;}
	.history > li.type2 .img{position:relative; width:100%; left:0px; margin:10px;}
	.history > li.type1 .img img, .history > li.type2 .img img{width:100%; max-width:550px; border:1px solid #ddd;}

}


/* 정책목표 */
#vision {position:relative;margin:30px 0;min-height:250px; letter-spacing:-0.5px;}

#vision h4 {margin:40px 0 20px;text-align:center; padding:0px 0px; color:#0659c0; font-size:34px; 
	background:url(bg0.gif) repeat-x center bottom;
	font-family:'SBAggroL','Pretendard GOV'; font-weight:600; /* font-weight:600;*/}
#vision h4.tit2{color:#209897;}
#vision h4.tit3{color:#1b8180; margin:70px 0px 0px 0px;}

#vision .slogan{position:relative;margin:20px auto;   width:60%;  box-sizing: border-box;  border-radius:50px; padding:27px 4%; text-align:center; color:#fff; font-size:30px; line-height:33px; background-color:#2d93e6;}

#vision .policy{position:relative;margin:0px auto; width:600px; padding:0px 40px; }
#vision .policy ul li{float:left; background-repeat:no-repeat;line-height:30px; letter-spacing:-0.1em;background-position:center center; width:180px; height:180px; margin:0 55px 0 55px; box-sizing: border-box;  text-align:center; color:#FFF; font-size:18px; font-weight:600;}
#vision .policy ul li.list1{background-color:#3B99D5; border-radius:50%; padding:70px 20px 0px 20px;  box-sizing: border-box;  /*background-image:url(../../images/sub/vision_circle1.png);*/}
#vision .policy ul li.list2{background-color:#31A1A3; border-radius:50%; padding:70px 20px 0px 20px; box-sizing: border-box;  /*background-image:url(../../images/sub/vision_circle2.png);*/}
#vision .policy ul li.list3{background-color:#5b73ca; border-radius:50%; padding:70px 20px 0px 20px;  box-sizing: border-box;  /*background-image:url(../../images/sub/vision_circle3.png);*/}
#vision .policy ul li p {padding-top:13px;}


#vision .promotionWork{background-color:#edf4fa; border-radius:20px; margin:30px 0px 30px 0px;padding:20px 6%; }

#vision .promotionWork ul li{float:left; width:50%;}


@media screen and (max-width:768px){
	#vision h4 { font-size:1.8rem;}
	#vision h4.tit3{margin:50px 0px 0px 0px;}

	#vision .slogan{ width:100%; font-size:1.6rem; border-radius:50px; padding:25px 5%; }
	
	#vision .policy{width:100%; padding:0px; }
	#vision .policy ul li{width:100%; min-height:55px; height:auto;  border-radius:40px; padding:15px 10px 0px 10px; margin:0px 0px 20px 0px; box-sizing: border-box; border: 1px solid #ddd; background:#eee;  text-align:center; color:#222; font-size:15px; }
	#vision .policy ul li.list1{ background-color:#eee; background-image:none; padding:15px 0px 15px 0px; border-radius:7px; box-sizing: border-box;}
	#vision .policy ul li.list2{ background-color:#eee;  background-image:none; padding:15px 0px 15px 0px; border-radius:7px; box-sizing: border-box;}
	#vision .policy ul li.list3{ background-color:#eee;  background-image:none; padding:15px 0px 0px 0px; border-radius:7px; box-sizing: border-box;}
	
	#vision .promotionWork{ border-radius:8px; padding:20px 5% 20px 5%;}
	
	#vision .promotionWork ul li{float:none !important;  width:100%;  margin-bottom:10px;}
	
	.num.type2 li .item.n1{background-position:0 -85px}
	.num.type2 li .item.n2{background-position:-40px -80px}
	.num.type2 li .item.n3{background-position:-80px -80px}
	.num.type2 li .item.n4{background-position:-120px -80px}
	.num.type2 li .item.n5{background-position:-160px -80px}

}

@media screen and (max-width:640px){
	#vision .slogan{ border-radius:60px; padding:25px 5%; }
}

/* 조직도-조직개편 */
.portal-org-wr {position:relative; text-align:center; margin:20px 0px 80px 0px;  letter-spacing:-0.5px;font-family: 'Pretendard GOV SemiBold';}
.portal-org-wr ul {margin:0;padding:0;list-style:none;}
.portal-org-wr a {display:block;color:#fff;padding:10px 0}
.portal-org-wr a:hover {text-decoration:none;}
.portal-org-wr .tel {display:block;font-size:14px;}
.portal-org-wr .h1 {position:relative;width:300px;font-size:22px; color:#fff;padding:20px 0px;  border-radius:15px; 
	background:#314991;margin:0 auto; box-shadow: 5px 8px 10px 0 rgb(42 60 93 / 15%);}
.portal-org-wr .h1:after {position:absolute;top:60px;left:calc(50% - 2px);content:"";display:block;width:1px;height:170%;background:#333;}


.portal-org-wr .h1 a:hover {background:#333;}

/*
.portal-org-wr .d2 > li:first-child {position:relative;}
.portal-org-wr .h1-s {position:relative;width:100px;background:#52a43b;margin:20px 0 20px auto;color:#fff;padding:10px 0;font-size:14px;}
.portal-org-wr .d2 > li:first-child:before {position:absolute;top:50%;right:0;content:"";display:block;width:50%;height:1px;background:#333;}
.portal-org-wr .h2 {position:relative;width:200px;margin:0 auto 40px;background:#07818e;font-size:16px;padding:10px 0;color:#fff}
.portal-org-wr .h2:after {position:absolute;bottom:-100%;left:50%;content:"";display:block;width:1px;height:100%;background:#999;}
*/

.portal-org-wr .d3 {position:relative;z-index:10; margin-top:50px; }
.portal-org-wr .d3:before {position:absolute;top:20px;left:16%;content:"";display:block;width:68%;height:1px;background:#999;}
.portal-org-wr .d3:after {content:"";display:block;clear:both;}
.portal-org-wr .d3 > li {float:left; font-size:16px;}
.portal-org-wr .d3 > li.d3-s2 {clear:both;width:100%;margin-top:20px;margin-left:0}

.portal-org-wr .d3 > li.d3-s {position:relative; width:100%;float:left; font-size:16px;margin:40px 3% 0 0;}
.portal-org-wr .d3 > li.d3-s:before {position:absolute;top:35px;left:16%;content:"";display:block;height:1px;width:68%;background:#999;}
.portal-org-wr .d3 > li.d3-s .d3-slist {position:relative; float:left; width:19%; margin:1px 1% 0 0%;  border-radius:15px;
	color:#fff;   background:#33896e; 
	box-shadow: 5px 8px 10px 0 rgb(42 60 93 / 15%);
	z-index:20;
	}
.portal-org-wr .d3 > li.d3-s .d3-slist a{padding:20px 0; border-radius:15px; }
.portal-org-wr .d3 > li.d3-s .d3-slist:first-child{margin-left:0%}
.portal-org-wr .d3 > li.d3-s .d3-slist:before {position:absolute;top:0px;left:50%;content:"";display:block;width:0px;height:100%;background:#999;}
.portal-org-wr .d3 > li.d3-s .d3-slist:first-child {margin-left:0;}
.portal-org-wr .d3 > li.d3-s .d3-slist a:hover {background:#0a5f47; color:#fff94a;}



.portal-org-wr .d3 > li.d3-s1 {width:32.5%;margin-right:1.9%; min-height:270px; }
.portal-org-wr .d3 > li.d3-s1.he2{min-height:200px;}
.portal-org-wr .d3 > li:nth-child(3), .portal-org-wr .d3 > li:nth-child(6) {margin-right:0}

.portal-org-wr .h3 {position:absolute;top:0;left:0;width:110px;color:#333f98; border: 2px solid #747dbc; background:#fff; border-radius:16px; margin-bottom:20px; }
.portal-org-wr .h4 {position:absolute;top:0;left:0;width:110px;color:#333f98; border: 2px solid #747dbc; background:#fff; border-radius:16px; margin-bottom:20px; }
.portal-org-wr .h3:after {position:absolute;content:"";display:block;background:#757575;}
.portal-org-wr .d3-s1 .h3:after {top:39px;left:50%;width:1px;height:100%;}
.portal-org-wr .d3-s2 .h3:after {top:50%;left:110px;width:100%;height:1px;}
.portal-org-wr .h3 a {border-radius:16px;padding:15px 0;  color:#111; box-sizing: border-box;}
.portal-org-wr .h3 a:hover {border-radius:12px; background:#747dbc; color:#fff; box-sizing: border-box;}

.portal-org-wr .d4 {position:relative;border:1px solid #757575;margin-bottom:30px; background:#fff;font-size:15px;padding:5px 5px;border-radius:10px;z-index:10;overflow:hidden;}
.portal-org-wr .d4 li {float:left;padding:0px 5px;color:#4d4d4d;margin:2px 0}
.portal-org-wr .d4 li:first-child {border-top:0}
.portal-org-wr .d4 li a {color:#4d4d4d;display:block;padding:0;}
.portal-org-wr .d4 li a:hover {color:#3704b8;  TEXT-DECORATION:underline; }
.portal-org-wr .d3 > li.d3-s1 .h3, .portal-org-wr .d3 > li.d3-s1 .h4, .portal-org-wr .d3 > li.d3-s1 .d4, .portal-org-wr .d3 > li.d3-s1 .d4 > li {position:relative;top:auto;left:auto;float:none;}
.portal-org-wr .d3 > li.d3-s1 .h3 {width:100%; box-shadow: 5px 8px 10px 0 rgb(42 60 93 / 15%);}
.portal-org-wr .d3 > li.d3-s1 .h4 {width:100%; box-shadow: 5px 8px 10px 0 rgb(42 60 93 / 15%);}
.portal-org-wr .d3 > li.d3-s1 .d4 li {border-top:1px dashed #757575;margin:0; padding:12px 5px;}
.portal-org-wr .d3 > li.d3-s1 .d4 li a {padding:5px 0;}
.portal-org-wr .d3 > li.d3-s1 .d4 li:first-child {border-top:0}
.portal-org-wr .d3 > li.d3-s2 {position:relative;padding-left:120px;box-sizing:border-box;}
.portal-org-wr .d3 > li.d3-s2 .h3 {background:#0085db;}
.portal-org-wr .d3 > li.d3-s2 .d4 {padding:8px 5px;}

@media all and (min-width:280px){ 
	.portal-org-wr .d3 > li.d3-s {margin-right:4%; }
	.portal-org-wr .d3 > li.d3-s1 {width:32%;}
	.portal-org-wr .d3 > li.d3-s2 {float:left;width:22.75%;margin-top:50px;margin-left:3%;}
	.portal-org-wr .h3 {position:relative;font-size:16px;width:100%;}
	.portal-org-wr .d3-s2 .h3:after {top:42px;left:50%;width:1px;height:100%;}
	.portal-org-wr .d3 > li.d3-s .d3-slist {/* font-size:14px;*/}
	.portal-org-wr .d3 > li.d3-s1 {width:32%;}
	.portal-org-wr .d3 > li.d3-s2 {padding-left:0;clear:inherit}
	.portal-org-wr .d3 > li:nth-child(4) {margin-left:0}
	.portal-org-wr .d3-s1 .h3:after {top:54px;}
	.portal-org-wr .d4 {padding:5px 20px;}
	.portal-org-wr .d4 li {float:none;border-top:1px solid #d7d7d7;border-left:0;padding:5px 5px;}
}
@media all and (min-width:768px){
	.portal-org-wr .h1-s {width:200px;}
}

@media all and (max-width:768px){
	.portal-org-wr .d3 > li.d3-s .d3-slist {width:31.3%; margin:1px 2% 2% 0%;}
	
}



/* tab */
#tab{margin-bottom:30px;}
.tab-ul{}
.tab-ul:after {content:"";display:block;visibility:hidden;clear:both;}
.tab-ul li{display:table;float:left;/* margin-top:-1px;margin-left: -1px;*/height:100%;vertical-align:middle;height:100%; font-family: 'Pretendard GOV Bold';}
.tab-ul li *{margin:0;padding:0;line-height:0;}
.tab-ul li a{display:table-cell;color:inherit;cursor:pointer;/*transition:background-color 0.05s ease-in-out;-webkit-transition:background-color 0.05s ease-in-out;-moz-transition:all 0.3s;*/background-image:none;text-align:center; vertical-align:middle;border:1px solid transparent;}
.tab-ul li a span{display:block;position:relative;line-height:120%;text-align: left;font-size:16px;/*word-break: keep-all;*/}

.tab-ul.tab-col-2 li,
.tab-ul.tab-col-3 li,
.tab-ul.tab-col-4 li,
.tab-ul.tab-col-5 li{width: calc(100% - 7px); margin-right:7px; }

.tab-ul.deth-4st2 li.on{position: relative; }
.tab-ul.deth-4st2 li a{border-color:#ddd;color:#333;background:url(../../images/common/tab_icon_off.png) no-repeat;background-position:-19px 0; font-size:15px;font-weight:400;line-height:1;height:60px;}
.tab-ul.deth-4st2 li.on a,
.tab-ul.deth-4st2 li.on a:hover,
.tab-ul.deth-4st2 li.on a:focus,
.tab-ul.deth-4st2 li.on a:active{border:1px solid #32529d;}
.tab-ul.deth-4st2 li a span{position: relative;padding:10px 29% 10px 15px; font-size: 14px;text-align: left}
.tab-ul.deth-4st2 li.on a span,
.tab-ul.deth-4st2 li a:hover span,
.tab-ul.deth-4st2 li a:focus span,
.tab-ul.deth-4st2 li a:active span{color: #247c8d}
.tab-ul.deth-4st2 li a span:before{content: '';position: absolute;top: 50%;right: 15px;width: 9px;height: 6px; background: url(../../images/common/tab_icon_on.png);}
.tab-ul.deth-4st2 li.on a span:before,
.tab-ul.deth-4st2 li a:hover span:before,
.tab-ul.deth-4st2 li a:focus span:before,
.tab-ul.deth-4st2 li a:active span:before{background-position: -9px 0;}

.tab-ul.deth-4st li{position:relative;/*margin-left: auto;*//*z-index:8;*/ } 
.tab-ul.deth-4st li a{position:relative;background-color: #fdfdfd; border-radius:10px;background:url(../../images/common/tab_icon_off.png) no-repeat;background-position:right 19px; border-color:#dedede; color:#333;font-size:14px;line-height:1;height:54px; text-align:left;/*transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;*/}
.tab-ul.deth-4st li a[target="_blank"] span:after{width:18px; height:18px; background:url(../../images/common/blank.png) no-repeat right 3px; content:""; margin:0 0 0 5px; display:inline-block;}
.tab-ul.deth-4st li a:hover,
.tab-ul.deth-4st li a:focus,
.tab-ul.deth-4st li a:active{color: #fff;   /*background: #047ab3; border-color: #6e77b3; */ background: #747dbc; }
.tab-ul.deth-4st li a span{padding:5px 50px 5px 20px; }
.tab-ul.deth-4st li a span:before{content:"";display:block;position:absolute;top:40%;right:10px;margin-top:-3px;width:19px;height:19px;background:url(../../images/common/tab_icon_on.png) no-repeat; background-position:-19px 0px;}
.tab-ul.deth-4st li.on{position:relative;   /* z-index:8;*/ }
.tab-ul.deth-4st li.on a,
.tab-ul.deth-4st li.on a:hover,
.tab-ul.deth-4st li.on a:focus,
.tab-ul.deth-4st li.on a:active{  color: #fff;   background: #747dbc; border-radius:10px; box-shadow: 2px 2px 10px rgb(14 55 153 / 25%);/* border:2px solid #747dbc; border-color: #6e77b3; background: #047ab3; */}
.tab-ul.deth-4st li.on a span:before,
.tab-ul.deth-4st li a:hover span:before,
.tab-ul.deth-4st li a:focus span:before,
.tab-ul.deth-4st li a:active span:before{background-position:0px 0;}

.tab-ul.deth-5st {margin-bottom:20px; padding:7px 20px; border:1px solid #d2d2d2;}
.tab-ul.deth-5st li{position:relative;z-index:10;}
.tab-ul.deth-5st li a{position:relative;color:#545454;font-size:13px;letter-spacing:-0.3px; line-height:1;height:25px;text-align:left;}
.tab-ul.deth-5st li a:hover,
.tab-ul.deth-5st li a:focus,
.tab-ul.deth-5st li a:active{color:#10349e;text-decoration: underline;}
.tab-ul.deth-5st li a span{position: relative;padding:10px 40px 10px 20px;}
.tab-ul.deth-5st li.on a span{color: #1a4a92}
.tab-ul.deth-5st li a span:before{content: '';display: inline-block;position: absolute;top: 40%;left: 0;width: 4px;height: 4px;background: #fff; border:2px solid #797979;}
.tab-ul.deth-5st li.on{position:relative;z-index:11;}
.tab-ul.deth-5st li.on a,
.tab-ul.deth-5st li.on a:hover,
.tab-ul.deth-5st li.on a:focus,
.tab-ul.deth-5st li.on a:active{color:#1f62c7;text-decoration: underline;}
.tab-ul.deth-5st li.on a span:before,
.tab-ul.deth-5st li a:hover span:before,
.tab-ul.deth-5st li a:focus span:before,
.tab-ul.deth-5st li a:active span:before{background-position:0 0;}
.tab-ul.deth-5st li a:hover span:before,
.tab-ul.deth-5st li a:focus span:before,
.tab-ul.deth-5st li a:active span:before,
.tab-ul.deth-5st li.on a span:before,
.tab-ul.deth-5st li.on a:hover span:before,
.tab-ul.deth-5st li.on a:focus span:before,
.tab-ul.deth-5st li.on a:active span:before{border:2px solid #0069e3;}

@media (max-width:1148px){
	.tab-ul{/*border-top: 1px solid #dedede; border-left: 1px solid #dedede; */ overflow:hidden;}	
    .tab-ul.deth-4st li a span{padding:5px 30px 5px 10px;}
}
@media (min-width:460px){
	.tab-ul.tab-col-2 li,
	.tab-ul.tab-col-3 li,
	.tab-ul.tab-col-4 li,
	.tab-ul.tab-col-5 li{width: calc(50% - 7px);}
}

@media (max-width:459px){  
	.tab-ul{/* border-top: 1px solid #dedede; border-left: 1px solid #dedede; */ overflow:hidden;}	
	.tab-ul li a span{font-size:14px;}
	.tab-ul.tab-col-4 li{width: calc(50% - 7px);}
	.tab-ul.deth-4st li a{height:40px;background-position:right 12px;}
    .tab-ul.deth-4st li a span{padding:5px 10px;}
	.tab-ul.deth-4st li a span:before{background-position:-19px 0px;}
	.tab-ul.deth-4st li a span:before{background:none}
  
}

@media (min-width:768px){
	.tab-ul{margin-bottom:40px;}
	.tab-ul.tab-col-4 li,
	.tab-ul.tab-col-5 li{width: calc(33.33% - 7px);/* width:33.33% */}
}

@media (min-width:1024px){
	.tab-ul.tab-col-3 li{width: calc(33.33% - 7px); /* width:33.33% */}
	.tab-ul.tab-col-4 li{width: calc(25% - 7px); /* width:25% */}
	.tab-ul.tab-col-5 li{width: calc(20% - 7px); /* width:20% */}
	.tab-ul.tab-col-4.modify_tab li{width: calc(20% - 7px); width:20%;}
}


/*울산광역시 관내 댐 위치도*/
.damStatus2{width:290px;}
.damStatus2 .close{position:absolute;top:7px;right:10px;}
.damStatus2_tit{padding:7px 0px 7px 0px; background: #314991; text-align:center; color:#fff; border-radius:10px 10px 0px 0px; }
.tbl_type6 {width:100%; margin:0px 0px 0px 0px; border-top:0px solid #12a3cc; font-size:12px;  word-break:keep-all;}
.tbl_type6 th{color:#333333;line-height:110%; background: #f7f8fb;padding:12px 5px 12px 5px;border:1px solid #999999;text-align:center;
	/* border-radius:15px 15px 10px 10px;*/
}	
.tbl_type6 th.txtL{text-align:left;}

.tbl_type6 td{padding:2px 3px 2px 3px; border:1px solid #cccccc; text-align:center;line-height:110%;}
.tbl_type6 td img {vertical-align:middle;}
.tbl_type6 td.bg1{background:#f7fbfa;}
.tbl_type6 tbody th{background:#f7f8f9;font-weight:normal; border:1px solid #cccccc; }
.tbl_type6 tfoot{background-color:#e7eff1;font-weight:bold; }
.tbl_type6 .txtL{text-align:left;}
.tbl_type6 .txtR{text-align:right;}
.tbl_type6 .lineR2{border-right:2px solid #bdc8d1;}
.tbl_type6 .topLine{border-top:2px solid #151515;}
.tbl_type6 .lh1{line-height:28px;}

/* 달력리스트 */
.data_area{ clear:both;text-align:center; padding:20px 0px 0px 0px; height:70px;font-family:'Pretendard GOV';}
.data_area a{display:inline-block; vertical-align:top;; position: relative;top:4px;width:25px}
.data_area span{display:inline-block; color:#3c3c3c; font-size:32px; margin:0px 25px; line-height:32px}
.data_area span.spanViewP{}
.data_area span.spanViewTM{display:none;}

.data_area img{vertical-align:middle; padding:0px; margin:0px;}

.event_list { color:#3c3c3c; border-top:2px solid #444; z-index:10; font-size:17px;   border-left:1px solid #dcdcdc; }
.event_list th, .event_list td { color:#3c3c3c; border-bottom:1px solid #dcdcdc; border-right:1px solid #dcdcdc; }
.event_list th { padding:15px 7px; font-weight:600; background-color:#f5f7f9; }
.event_list td:first-child { text-align:center; vertical-align:middle; }
.event_list td {padding:15px 5px;}
.event_list td.sun,.event_list td.rest {color:#e71717}
.event_list td.sat{color:#327ff3}

.event_view{ color:#3c3c3c; border:1px solid #8b8b8b;  font-family: 'Pretendard GOV Variable','Pretendard GOV';	letter-spacing:-0.5px; z-index:10;font-size:16px; width: 100%; }
.event_view th{padding:15px 0; background:#007bc2;border-bottom:1px solid #dcdcdc;border-right:1px solid #9ab8ca;color:#fff;font-weight:bold; }
.event_view tr th:first-child,.event_view tr td:first-child{border-left:1px solid #dcdcdc}
.event_view td{margin:0px;  font-size:14px; line-height:120%;top:0px;  vertical-align:top;  box-sizing: border-box; border-bottom:1px solid #dcdcdc; border-right:1px solid #dcdcdc;}
.event_view td a { color:#3c3c3c;  top:0px; padding:12px 5px; height:100px;    min-height:100px; display:block; }
.event_view td div{ min-height:100px; }
.event_view td div a{display:block;width:100%;text-overflow:ellipsis; overflow:hidden; }
.event_view td.sun span,.event_view td.rest span{color:#e71717; line-height:150%;}
.event_view td.sat span{color:#327ff3}


/*.box1{width:auto;padding:15px 0px 15px 0px; margin-bottom:15px;text-align:center;border: 1px solid #eee; border-radius:3px;}*/
.box2{width:auto;padding:15px 25px 15px 25px; margin-bottom:15px; border-top: 2px solid #222; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-radius:0px;}
.box3{width:auto;padding:15px 15px 15px 15px; margin-bottom:15px; border: 0px solid #e3e5ea; background:#f3f6fb; border-radius:15px;}
.box4{width:auto;padding:25px 25px 25px 25px; margin-bottom:15px;border: 1px solid #dadada; border-radius:0px;}
.box5{width:auto;padding:15px 15px 15px 15px; margin-bottom:20px;border:0px solid #d8d8d8; background:#f6f6f6;  border-radius:5px;}
.box6 { background:url(../../images/common/bg_box.png) repeat center; padding:8px;}
.box6 .box_in { background:#fff; padding:20px; }

@media screen and (max-width:767px){
	.box5{ margin-bottom:25px;}
}

/* 가상 요금계산-계산결과 보기 */
.box7{width:auto;padding:25px 15px 25px 15px; margin-bottom:15px; font-size:24px; color:#fff;  background:#2562b3; border-radius:5px;}
@media screen and (max-width:767px){
		.box7{width:auto; padding:15px 15px 15px 15px; font-size:16px; border: 0px solid #e3e5ea; }
}

.list10 dl dt{float:left; width:25%; padding:2px 0px 3px 0px; color:#0d658e; line-height:150%;}
.list10 dl dd{float:right; width:75%; text-align:left; padding:2px 0px 3px 0px; line-height:150%;}
.list10 dt,.list10 dd{display:block; }


.box8{width:auto;padding:15px 15px 15px 15px; margin-bottom:15px; border: 0px solid #e3e5ea; background:#eff8fa;}


/* 요금납부조회-정기분 조회 */
.box9{width:auto;padding:20px 15px 20px 15px; height:140px; margin-bottom:15px; font-size:20px; border-radius:4px; border: 2px solid #0085db; /*background:#0085db;*/}
.box9 dl dt{box-sizing: border-box; float:left; width:25%; padding:2px 0px 3px 20px; text-align:left; line-height:150%;}
.box9 dl dd{box-sizing: border-box; float:right; width:75%; text-align:left; padding:2px 0px 3px 0px; line-height:150%;}
.box9 dt,.calculation dd{display:block; }

@media screen and (max-width:767px){
		.box9{width:auto;padding:10px 15px 20px 10px; font-size:1rem;}
		.box9 dl dt{width:35%; padding:2px 0px 3px 10px;}
		.box9 dl dd{width:65%;}
		}

.box10{width:auto;padding:15px 15px 15px 15px; margin-bottom:15px; border: 1px solid #eeeceb; background:#faf9f8;}


/* 가상 요금계산 */
.box11{width:auto;padding:15px 15px 15px 15px; margin-bottom:15px;background:#f0f0f0;  border-radius:15px;}
.box12{width:auto;padding:15px 15px 15px 15px; font-size:16px; margin-bottom:0px;color:#fff; background:#333;  border-radius:5px;}
@media screen and (max-width:767px){
	.box12{padding:10px 10px 10px 10px; font-size:14px; }
}

/* 고객번호조회-팝업 */
.box13{border-radius:0px 0px 10px 10px; background:#FFF; padding:20px 10px 10px 10px;}

.board_btn{text-align:right;margin-top:10px;}



/* 도식 */
.ui.uip li{position:relative;margin-bottom:40px;}
.ui.uip li .ui_icon{display:block;width:71px;height:71px;}
.ui.uip li .ui_icon.circle{position:absolute;top:10px;left:10px;}
.ui.uip li .ui_icon.circle1{background-position:0 0;}
.ui.uip li .ui_icon.circle2{background-position:-71px 0;}
.ui.uip li .ui_icon.circle3{background-position:-142px 0;}
.ui.uip li .ui_icon.circle4{background-position:-213px 0;}
.ui.uip li .ui_icon .ui_icon{display:block;width:71px;height:71px;}
.ui.uip li .ui_icon.pico1{background-position:0 -71px;}
.ui.uip li .ui_icon.pico2{background-position:-71px -71px;}
.ui.uip li .ui_icon.pico3{background-position:-142px -71px;}
.ui.uip li .ui_icon.pico4{background-position:-213px -71px;}
.ui.uip li:after{content:"";display:block;position:absolute;bottom:-22px;left:50%;margin-left:-7px;width:15px;height:8px;background:url(../../images/common/ui_icon.png) no-repeat -315px 0;}
.ui.uip li.last_child:after,
.ui.uip li b{display:block;margin-bottom:5px;color:#303345;font-size:16px;font-weight: 900;line-height:22px;}
.ui.uip li b span{font-weight: normal;font-size: 14px;font-weight: 500}
.ui.uip li em{display:block;color:#666;line-height:20px;font-size: 15px;}

.ui.uip.type1 li{padding:90px 25px 25px;min-height:100px;text-align: center;}
.ui.uip.type1 li:after{display:block;bottom: -34px;left:50%;width:27px;height:27px;margin: 0 0 0 -13.5px;background-position:-284px 0;transform: rotate(90deg);}
.ui.uip.type1 li.last_child:after{display: none;}
.ui.uip.type1 li .ui_icon.circle{top: 15px;left: 50%;margin-left:-35.5px; }

.ui.uip.type2{position:relative;}
.ui.uip.type2 li{padding:20px;border:1px solid #ddd;min-height:100px;text-align:center; }
.ui.uip.type2 li:after{content:"";display:block;width:25px;height:14px;background:url(../../images/common/content/uia_arr_ov.png) no-repeat;position:absolute;bottom:-27px;left:45%;}
.ui.uip.type2 li.last_child:after{display:none}
.ui.uip.type2 li em{color:#505050;}
.ui.uip.type2 li .ui_icon{position:relative;z-index:20}
.ui.uip.type2 li .ui_icon{display:block;width:71px;height:71px;border-radius:50%;background:none;background-color:#1461ac;color: #fff;font-size: 24px;line-height: 71px;margin:0 auto 15px;text-align: center}
.ui.uip.type2 li .ui_icon.one { background-color: #3f61b2; }
.ui.uip.type2 li .ui_icon.two { background-color: #6e727c; }
.ui.uip.type2 li .ui_icon.three { background-color: #2f384c; }
.ui.uip.type2 li .ui_icon.four { background-color: #6e727c; }
.ui.uip.type2 li .ui_icon.five { background-color: #3f61b2; }
.ui.uip.type2 li .ui_icon .ui_icon{display:block;width:71px;height:71px;}

.ui_diagram_wrap{position:relative;border:none;background-color: #f8f8f8;padding:40px 20px;}
.ui.uip.type3 li{display:inline-block;float:left;padding:40px 20px;width:45%;border:1px solid #dcdcdc;text-align:center;font-size:13.5px}
.ui.uip.type3 li:first-child{background-color:#fff;border:1px solid #3f61b2;color:#3f61b2;}
.ui.uip.type3 li.last_child{background-color:#f5f6f8; color:#2750b2;}
.ui.uip.type3 li.last_child:after{display:none}
.ui.uip.type3 li.line2 .cont{margin: -10px 0 -10px}
.ui.uip.type3 li.line3 .cont{margin: -19px 0 -19px}
.ui.uip.type3 li .cont{display:inline-block;line-height:18px;vertical-align:middle;}
.ui.uip.type3 li .cont em{display: block;font-size: 13.5px;color: #505050}
.ui.uip.type3 li:first-child .cont em{color:#3f61b2 }
.ui.uip.type3 li.last_child .cont em{color:#2750b2 }
.ui.uip.type3 li{position:relative;background:none;border-left:0;margin-bottom: 0;width:25%;background: #fff; color:#505050; }
.ui.uip.type3{padding-right:18px}
.ui.uip.type3 li:nth-child(5),
.ui.uip.type3 li:nth-child(6),
.ui.uip.type3 li:nth-child(7),
.ui.uip.type3 li:nth-child(8){border-top:none}
.ui.uip.type3 li:nth-child(5){border-top:0; border-left:1px solid #dcdcdc}
.ui.uip.type3 li:after{content:"";display:inline-block;position:absolute;top: 50%;left: auto;right:-17px;z-index:1;width:17px;height:38px;margin-top: -19px;background:url(../../images/common/content/diagram_arrow.png) no-repeat;}
.ui.uip.type3 li:first-child::after{background:url(../../images/common/content/diagram_arrow_ov.png) no-repeat;}

.ui.uip.type4 li{display:inline-block;float:left;margin:0 5% 5% 0;padding:10px;width:38%;border:1px solid #ddd;text-align:center;}

.ui.uip.type4 li:first-child{background-color:#e45b11;border-color:#e68628;color:#fff;}
/*.ui.uip.type4 li:first-child{background-color:#cceef7;border-color:#abd3dd;color:#333;}*/

.ui.uip.type4 li.last_child{margin-right: 0;background-color:#edeef0;border-color:#dcdfe5;color:#444;}

.ui.uip.type4 li:before{content:"";display:inline-block;height:66px;vertical-align:middle;}
.ui.uip.type4.col5 li:before{height: 86px}
.ui.uip.type4 li:after{top:30px;left:auto;right:-9.5%;margin:0;width:10px;height:19px;background-position:-311px 0;}
.ui.uip.type4 li.last_child:after{display: none;}
.ui.uip.type4.col5 li:after{top:45%;} 
.ui.uip.type4 li .cont{display:inline-block;line-height:18px;vertical-align:middle;}
.ui.uip.type4 li .cont .txt1{margin-top:10px; padding:10px 0px 0px 0px; width:100%; border-top:1px dashed #000; }

.ui.uip.type4.col5 li em{margin-top: 10px;padding-top:10px;border-top: 1px dashed rgba(0,0,0,0.15);}
.ui.uip.type4.col5 li:first-child em{color: #fff}


.ui.uip.type7 li{display:inline-block;float:left;margin:0 5% 5% 0;padding:10px;width:38%;border:1px solid #ddd;text-align:center;}

.ui.uip.type4 li.last_child{margin-right:0px;}

.ui.uip.type7 li:before{content:"";display:inline-block;height:66px;vertical-align:middle;}
.ui.uip.type7.col5 li:before{height: 86px}
.ui.uip.type7 li:after{top:30px;left:auto;right:-9.5%;margin:0;width:10px;height:19px;background-position:-311px 0;}
.ui.uip.type7 li.last_child:after{display: none;}
.ui.uip.type7.col5 li:after{top:45%;} 
.ui.uip.type7 li .cont{display:inline-block;line-height:18px;vertical-align:middle;}
.ui.uip.type7 li .cont .txt1{margin-top:10px; padding:10px 0px 0px 0px; width:100%; border-top:1px dashed #000; }
.ui.uip.type7 li .cont .txt2{display:inline-block; padding:10px 0px 0px 0px; width:100%; border-top:1px solid #ddd; box-sizing:border-box;}

.ui.uip.type7.col5 li em{margin-top: 10px;padding-top:10px;border-top: 1px dashed rgba(0,0,0,0.15);}


@media only screen and (min-width:640px) {
    .ui.uip.type1 li{float:left;margin:0 5% 5% 0;padding:0;width:40%;}
    .ui.uip.type1 li:after{top:50px;left:auto;bottom: auto;right:-7.5%;transform: rotate(0deg);}
    .ui.uip.type1 li.last_child:after{display: none;}
    .ui.uip.type1 li>.ui_icon{position:static;margin:0 auto 15px;}
    .ui.uip.type1 li .ui_icon.circle{left: auto;margin:0 auto;}
    .ui.uip.type1 li b{padding:0 25px;}
    .ui.uip.type1 li em{display: block;padding:0 25px;}

    .ui.uip.type2{margin-left:-2%} 
    .ui.uip.type2 li{float:left;padding:40px 0;width:48%;text-align:center;border:1px solid #ddd;margin-left:2%;margin-bottom:13px;}
    .ui.uip.type2 li>.ui_icon{margin:0 auto 15px;}
    .ui.uip.type2 li b,
    .ui.uip.type2 li em{padding:0 25px;}
    .ui.uip.type2 li:after{display:none}

    .ui.uip.type4 li{margin:0 4% 4% 0;width:29.33%;}
    .ui.uip.type4 li:after{right:-11%;}
    
  
}
@media only screen and (min-width:768px) {
    .ui_diagram_wrap:after{content:"";display:block;position:absolute;z-index:1;top:118px;left:5%;width:90%;height:1px;border-top:1px dashed #707070;visibility: visible;}
    .ui.uip.type1 li{margin:0;width:25%;}
    .ui.uip.type2{margin-left:0%} 
    .ui.uip.type2 li{margin:0;width:20%;border:none}
    .ui_diagram_wrap .ui.uip:before{position:absolute;top:66px;left:15px;z-index:20;content:"";display:inline-block;width:24px;height:24px;background:url(../../images/common/content/diagram_bul.png) no-repeat;visibility:visible;}
    .ui_diagram_wrap .ui.uip:after{position:absolute;top:66px;right:15px;z-index:20;content:"";display:inline-block;width:24px;height:24px;background:url(../../images/common/content/diagram_bul.png) no-repeat;visibility:visible;}

    .ui.uip.type4 li{margin:0 5% 3% 0;width:21%;}
    .ui.uip.type4.col5 li{width:18.5%;}
    .ui.uip.type4.col6 li{width:13.5%;}
    .ui.uip.type4 li:after{right:-16%;}
    
    .ui.uip.type7 li{ margin:0 5% 3% 0;width:21%;}
    .ui.uip.type7.col5 li{width:18.5%; }
    .ui.uip.type7.col5 li.last_child{margin-right:0px;}
    .ui.uip.type7 li:after{right:-16%;}
        
}
@media only screen and (min-width:1024px) {
    .ui.uip.type4.col4 li{width:27.5%;}
    .ui.uip.type4.col5 li{width:18.5%;}
    .ui.uip.type4.col6 li{width:13.5%;}
    .ui.uip.type4.col7 li{width:18.5%;}
    .ui.uip.type4 li:after{right:-15.5%;}
       
    .ui.uip.type7.col5 li{width:18.5%;}
   
    .ui.uip.type7 li:after{right:-15.5%;}
      
}
@media (max-width:767px) {
    .ui.uip.type3 li{width:33.33%}
    .ui.uip.type3 li:nth-child(4){border-left:1px solid #dcdcdc;border-top: 0;}
    .ui.uip.type3 li:nth-child(5){border-bottom:1px solid #dcdcdc;border-left:0;border-top: 0}
    .ui.uip.type3 li:nth-child(7){border-left:1px solid #dcdcdc;border-top: 0}
}
@media (max-width:639px) {
    .ui.uip.type3 li{width:50%}
    .ui.uip.type3 li:nth-child(3){border-left:1px solid #dcdcdc;border-top: 0}
    .ui.uip.type3 li:nth-child(4){border-left:0;border-top:0}
    .ui.uip.type3 li:nth-child(5){border-left: 1px solid #dcdcdc}
}
@media (max-width:400px) { 
    .ui.uip.type1:after{content:"";display:block;position:absolute;top:31px;left:10%;width:80%;height:2px;background:url(../../images/common/content/uip_dline.png) repeat-x;}
    .ui.uip.type1 li{margin:0 0 40px;width:100%;}

    .ui.uip.type3{padding-right:0}
    .ui.uip.type3 li{margin:0;width:100%;}
    .ui.uip.type3 li{padding:30px 20px;border-left:1px solid #dcdcdc;}
    .ui.uip.type3 li:nth-child(2){border-top: 0;}
    .ui.uip.type3 li:nth-child(3){border-top: 0;}
    .ui.uip.type3 li:nth-child(4), 
    .ui.uip.type3 li:nth-child(5){border-left:1px solid #dcdcdc;}
    .ui.uip.type3 li:after{bottom:-27.4px;right:auto;left: 50%;top: auto;margin: 0 0 0 -8.5px;transform:rotate(90deg);}
    .ui.uip.type3 li .cont em{display: inline;}
}
@media (max-width:380px) { 
    .ui.uip.type4 li:after{right: -10.5%}
    .ui.uip.type7 li:after{right: -10.5%}
}


/* uirow */
.ui.uirow{border-top:1px solid #949494;border-bottom:1px solid #ddd;}
.ui.uirow .tit_inner{margin:0;margin-bottom:25px;position:relative;z-index:999;}
.ui.uirow .sub_tit{margin-top:0;}
.ui.uirow .inner{position:relative;}
.ui.uirow .inner .row{position:relative;margin:-1px 0 0;padding:25px;border:1px solid transparent;border-top-color:#ddd;}
.ui.uirow .inner .row .tp_icon.circle{display:none;}

@media only screen and (min-width:768px) {
.ui.uirow {position:relative;padding-left:230px;}
.ui.uirow .tit_inner{position:absolute;top:20px;left:15px;margin:0;width:200px;}
.ui.uirow .inner .row .tp_icon.circle{display:block;position:absolute;top:30px;left:10px;}
.ui.uirow .inner .row.type1{padding-left:150px;}
.ui.uirow .inner .row.type2{}
}


/* ui-bodo */
.ui.uib{ }
.ui.uib .uibodo:after{content:"";clear:both;display:block;visibility:hidden}
.ui.uib .uibodo{} 
.ui.uib .uibodo .thm_figure{display:block;overflow:hidden;/*background:#fbfbfb;border:1px solid #e0dbd9;*/}
.ui.uib .uibodo .thm_figure img{display:block;margin:0 auto;max-width:100%;}
.ui.uib .uibodo .thm_caption{display:block;}
.ui.uib .uibodo .thm_caption .no_blit {margin:0; background:none; font-size:1.714em; color:#121212; }

.ui.uib.type1 .uibodo .thm_caption,
.ui.uib.type2 .uibodo .thm_caption,
.ui.uib.type3 .uibodo .thm_caption,
.ui.uib.type4 .uibodo .thm_caption,
.ui.uib.type5 .uibodo .thm_caption{float:none;width:100%;}

.ui.uib.type1 .uibodo {padding: 40px;border:1px solid #ddd;}
.ui.uib.type1 .uibodo .thm_caption .tit_inner{font-size: 18px;color: #333}
.ui.uib.type1 .uibodo .thm_caption .btn{margin-top: 20px;} 

@media only screen and (min-width:768px){
.ui.uib .uibodo .thm_figure{float:left;}
.ui.uib .uibodo .thm_caption{float:right;}

.ui.uib.type1 .uibodo .thm_figure,
.ui.uib.type2 .uibodo .thm_figure,
.ui.uib.type3 .uibodo .thm_figure,
.ui.uib.type4 .uibodo .thm_figure{box-shadow:none;}
.ui.uib.type1 .uibodo .thm_figure{float:left;width:33.3%;}
.ui.uib.type1 .uibodo.dif .thm_figure{float:right;width:33.3%;}
.ui.uib.type2 .uibodo .thm_figure{float:left;width:48%;}
.ui.uib.type3 .uibodo .thm_figure{float:right;width:25%;}
.ui.uib.type4 .uibodo .thm_figure{float:right;width:48%;}
.ui.uib.type5 .uibodo .thm_figure{float:left;width:20%;}

.ui.uib.type1 .uibodo .thm_caption{float:right;width:60%;}
.ui.uib.type1 .uibodo.dif .thm_caption{float:left;width:60%;}
.ui.uib.type2 .uibodo .thm_caption{float:right;width:50%;}
.ui.uib.type3 .uibodo .thm_caption{float:left;width:73%;}
.ui.uib.type4 .uibodo .thm_caption{float:left;width:50%;}
.ui.uib.type5 .uibodo .thm_caption{float:right;width:77%;}
.ui.uib.type1 .uibodo .thm_caption h3,
.ui.uib.type2 .uibodo .thm_caption h3,
.ui.uib.type3 .uibodo .thm_caption h3,
.ui.uib.type4 .uibodo .thm_caption h3,
.ui.uib.type5 .uibodo .thm_caption h3{margin:0px 20px 10px 0;}
.ui.uib.type1 .uibodo .thm_caption h3.mt_30{margin-top:30px;}
}


/* ui-column */
.ui.uic{}
.ui.uic .box_col{}
.ui.uic .box_col:after{content:"";clear:both;display:block;visibility:hidden}
.ui.uic .box_col .col{display:inline-block;width:100%;}
.ui.uic .box_col .col .item{margin:0 auto;width:auto;}
.ui.uic .box_col .col .item .thm_figure{display:block;overflow:hidden;/*background:#f8f8f8;border:1px solid #d2d2d2;*/text-align:center;}
.ui.uic .box_col .col .item .thm_figure img{max-width:100%;}
.ui.uic .box_col .col .item .tit_inner{margin:25px 20px 10px 0;}
.ui.uic .box_col .col .item .list_1st{margin:10px 0 0;}
.ui.uic .box_col .col .item .list_1st li{/*margin-top:5px;*/}
.ui.uic .box_col .col .item .list_1st li:first-child{margin-top:0;}
.ui.uic .box_col .col .item .txtp{}
 

.ui.uig{}
.ui.uig li{display:block;margin-bottom:20px; text-align:center; }
.ui.uig li a{display:block;}
.ui.uig li a figure{position:relative;display:block;overflow:hidden;float:none;margin:0 auto;width:90%;text-align:center;}
.ui.uig li a figure img{max-width:100%;max-height:223px}
.ui.uig li a figcaption{display:block;width:100%;}
.ui.uig li a figcaption b{display:block;margin-top:10px;margin-bottom:5px;font-size:16px;line-height:120%;}
.ui.uig li a figcaption span{display:block;font-size:14px;line-height:120%;}

@media only screen and (min-width:480px){
.ui.uig.col2 li,
.ui.uig.col4 li{float:left;width:50%}
.ui.uig.col3 li{width:100%;}

.ui.uic .box_col .col{float:left;}
.ui.uic .box_col.col2,
.ui.uic .box_col.col3{margin-left: -2%;}
.ui.uic .box_col.col2 .col,
.ui.uic .box_col.col3 .col{width:48%;margin-left:2%;}
}
@media only screen and (min-width:768px){
.ui.uig.col3 li{float:left;width:33.3%;}
.ui.uic .box_col.col3 .col{width:31.3%;}
.ui.uic .box_col.col4{margin-left: -1%;}
.ui.uic .box_col.col4 .col{width:49%;margin-left:1%;}
}
@media only screen and (min-width:1024px){
.ui.uig.col2 li{width:50%;}
.ui.uig.col4 li{width:25%}
.ui.uic .box_col.col4 .col{width:24%;}
}


.ui.uilnk{}
.ui.uilnk .box_col{}
.ui.uilnk .box_col:after{content:"";clear:both;display:block;visibility:hidden}
.ui.uilnk .box_col .col{display:inline-block;float:left;}
.ui.uilnk .box_col.col2{margin-left:-1.25%;}
.ui.uilnk .box_col.col3{margin-left:-0.8%;}
.ui.uilnk .box_col.col4{margin-left:-0.6%;}
.ui.uilnk .box_col.col1 .col{display:block;float:none;width:100%;}
.ui.uilnk .box_col.col2 .col{width:50%;}
.ui.uilnk .box_col.col3 .col{width:33.33%;}
.ui.uilnk .box_col.col4 .col{width:25%;}
.ui.uilnk .box_col .col .item{margin:0 auto;margin-bottom:28px;padding:30px 10px 40px;width:95%;border:1px solid #d9d9d9}
.ui.uilnk.type2 .box_col .col .item{padding:10px;}
.ui.uilnk .box_col.col1 .col .item{width:100%}
.ui.uilnk.type1 .box_col .col .bico{}
.ui.uilnk.type1 .box_col .col .bico b{display:block;margin:00px 0 15px;color:#333;font-size:18px;text-align:center}
.ui.uilnk.type1 .box_col .col p{margin: 0;text-align: center;}
.ui.uilnk.type2 .box_col .col .item a{display:block;}
.ui.uilnk.type2 .box_col .col .item a .ui.uilnk.type2 .box_col .col .item a .thm_figure img{width:100%;max-width:100%;}
.ui.uilnk.type2 .box_col .col .item a .ui.uilnk.type2 .box_col .col .item a .thm_caption {width:100%}
.ui.uilnk.type2 .box_col .col .item a .ui.uilnk.type2 .box_col .col .item a .thm_caption h3{display:block;padding-bottom:10px;border-bottom:1px solid #dfdfdf;line-height:20px;text-align:center} 

.ui.uilnk.type3 .box_col.col_list{}
.ui.uilnk.type3 .box_col.col_list li{margin-bottom:10px;}
.ui.uilnk.type3 .box_col.col_list .lnk_box{position:relative;display:block;padding:7px 75px 7px 20px;background:#fff;border:1px solid #ddd;}
.ui.uilnk.type3 .box_col.col_list .dash .lnk_box{padding: 7px 20px;border:1px dashed #ddd;text-align: center;color: #000}
.ui.uilnk.type3 .box_col.col_list .dash .lnk_box a{color: #000}
.ui.uilnk.type3 .box_col.col_list .lnk_box .tit{display:block;font-weight:normal;}
.ui.uilnk.type3 .box_col.col_list .lnk_box .tit:before{content:"";display:inline-block;height:40px;vertical-align:middle;}
.ui.uilnk.type3 .box_col.col_list .lnk_box .tit span{display:inline-block;font-size:15px;line-height:20px;vertical-align:middle;}
.ui.uilnk.type3 .box_col.col_list .lnk_box .ui_icon{display:block;}
.ui.uilnk.type3 .box_col.col_list .lnk_box .radius{position:absolute;top:50%;right:20px;margin-top:-17px;width:33px;height:33px;background:none;font-size:0;line-height:0;}
.ui.uilnk.type3 .box_col.col_list .lnk_box .radius:hover,
.ui.uilnk.type3 .box_col.col_list .lnk_box :focus,
.ui.uilnk.type3 .box_col.col_list .lnk_box .radius:active{background-position:-317px -15px;}
.ui.uilnk.type3 .box_col.col_list .lnk_box .radius .ui_icon{width:33px;height:33px;}
.ui.uilnk.type3 .box_col.col_list .lnk_box .home{background: url(../../images/common/content/home_img.png);background-position: 0 0}


@media only screen and (max-width:1024px){
.ui.uilnk .box_col.col1 .col ul li{width:25%}
.ui.uilnk .box_col.col4 .col{width:50%;}
}
@media only screen and (max-width:768px){
.ui.uilnk .box_col.col3 .col{width:50%;}
.ui.uilnk .box_col.col1 .col ul li{width:33.33%}
}
@media only screen and (max-width:560px){
.ui.uilnk .box_col.col2 .col,   
.ui.uilnk .box_col.col3 .col,
.ui.uilnk .box_col.col4 .col{width:100%;}
.ui.uilnk .box_col.col1 .col ul li{width:50%}
}
@media only screen and (min-width:768px){
.ui.uilnk.type3 .box_col.col_list ul{margin-left:-1%;}
.ui.uilnk.type3 .box_col.col_list li{display:inline-block;float:left;margin:0 0 1% 1%;width:49%;}
.ui.uilnk.type3 .box_col.col_list .col3 li{width: 32.3%}
}


.ui.uia{}
.ui.uia.qna{}
.ui.uia>li{width:100%;height:65px;margin-top:-1px;overflow:hidden}
.ui.uia>li:first-child{margin-top:0;}
.ui.uia .inner{position:relative;width:100%;padding:20px;background: #f9f9f9;border-left: 1px solid #c3c6cd;border-right: 1px solid #c3c6cd}
.ui.uia>li:last-child .inner{border-bottom: 1px solid #c3c6cd}
.ui.uia .inner>ul{margin:0;}
.ui.uia .item{display:block;position:relative;overflow:hidden;height:65px;padding:0 20px;border:1px solid #c3c6cd}
.ui.uia .item:before{content:"";display:inline-block;height:100%;vertical-align:middle}
.ui.uia .item:hover,
.ui.uia .item:focus,
.ui.uia .item:active,
.ui.uia .item.ov{border:1px solid #3f61b2;z-index:2;}
.ui.uia .item:after{content:"";position: absolute;right: 30px;top: 43%;width:21px;height:11px;background:url(../../images/common/content/uia_arr.png) no-repeat}
.ui.uia .item.ov:after{background-position: -21px 0}
.ui.uia .item b{display:inline-block;position:relative;padding-right:45px;vertical-align:middle;color:#2d2d2d;font-size:18px;font-weight:600;line-height:32px;}
.ui.uia.qna .item,
.ui.uia.qna .inner{padding-left:60px;}
.ui.uia.qna .question,
.ui.uia.qna .inner .answer{display:inline-block;position:absolute;left:29px;font-size:30px;font-weight:bold;line-height:1;}
.ui.uia.qna .item.ov .question { color:#2156a4; }
.ui.uia.qna .question{top:12px;color:#959595;}
.ui.uia.qna .inner .answer{top:20px;color:#54535a;}
.ui.uia.qna .inner p{margin-top: 0;color: #666;font-size: 14px;}



/* 이미지 목록 */
.imgList1 ul{overflow:hidden;position:relative; list-style:none;}
.imgList1 ul:after{display:block;clear:both;content:""}
.imgList1 li{overflow:hidden;float:left; position:relative; margin:0px 1.5% 15px 1.5%; width:30%;box-sizing: border-box;  }
.imgList1 li img{display:block;border:0px solid #eee; border-radius:15px;}


/* 생태습지탐방신청 */
.wetlandBox{position:relative; width:100%;}
.wetlandL{position:relative;float:left; width:50%; box-sizing:border-box;}
.wetlandR{position:relative;float:right; width:50%; text-align:right; box-sizing:border-box;}



/* 본인인증방식선택 */
#vname{position:relative;width:100%; padding:0px; margin:0px;  height:100%;background: #f1f3f7;} 
#vname h1{font-family:'Pretendard GOV';
    font-size: 22px;
    text-align: center;
    color: #fff;
    margin: 0px 0px 0px 0px;
    padding: 25px 0px 25px 0px;
    background-color: #36415f;
}
#vname .vnameWrap{padding:20px 20px 30px 20px;}


#vname h2{font-size:26px;margin:15px 0px 25px 0px; color:#0055aa; font-family: 'Pretendard GOV ExtraBold'; text-align:center;}
#vname p{font-size:15px;line-height:150%; text-align:center; font-family: 'Pretendard GOV Variable','Pretendard GOV';}
#vname .vnameL{padding:20px; border-radius:15px; background: #fff;}


#vname .icon{position:relative;display:block;overflow:hidden; margin:0 auto 20px auto;width:122px;height:122px;}
#vname .icon.icon1{background:url(../../images/common/vname_icon1.png) no-repeat 50% 50%;}




/* BI */
.box-symbol{position:relative; width:100%; padding:30px; box-sizing:border-box;  text-align:center; border:1px dashed #ddd; }
.box-symbol h4{background:none; text-align:left;  font-family:'Pretendard GOV Variable','Pretendard GOV';font-weight:600;  font-size:20px; letter-spacing:-0.05em;color:#314991;padding-left:0px; margin:20px 0px 10px 0px;}

.box-symbol h4:before{background:none;}
.box-symbol h4.tit1{color:#89cae8;}
.box-symbol h4.tit2{color:#666e79;}

.box-symbol p {padding:0px 0px 20px 0px; text-align:left;}
.box-symbol .t1{text-align:left; font-size:20px;}

.box-symbol .line1{border-bottom:1px dashed #ddd;}
.box-symbol .btnWrap {margin-top:3rem; border-top:1px dashed #ddd; padding-top:3rem;}
.box-symbol ul:after {content:''; clear:both; display:table;}
.box-symbol ul li {height:auto; width:25%; float:left; border-right:1px dashed #eee; padding:20px 10px 20px 10px;}
.box-symbol ul li:last-child {border-right:0; border-bottom:0;}
.box-symbol ul li .tit {color:#fff; font-weight:500; display: block;font-size:1rem; margin-bottom:30px; }
.box-symbol ul li .tit span{padding:3px 15px 3px 15px; background:#333; border-radius:20px;}
.box-symbol ul li .tit2 {color:#fff; font-weight:500; display: block;font-size:0.8rem; margin-top:20px; }
.box-symbol ul li .tit2 span{padding:3px 15px 3px 15px; background:#333; border-radius:20px;}

.box-symbol ul.col-1 li {width:100%;  box-sizing:border-box; border-right:0; border-bottom:0; }

.box-symbol ul.col-2 li {width:50%;  box-sizing:border-box; }
.box-symbol ul.col-3 li {width:33.3%; margin:0px 0px 20px 0px; box-sizing:border-box; }
.box-symbol ul.col-3 li:nth-child(3) {border-right:0; border-bottom:0;}
.box-symbol ul.col-4 li {width:25%;  box-sizing:border-box; }

/*
.box-symbol .col-2{float:left; width:50%; box-sizing:border-box;}
*/
.box-symbol .img-view  {display:none; position:absolute; right:0; bottom:0; z-index:1; background:rgba(0,0,0,.6); padding:.8em 1em; color:#fff; font-size:.9em;}
.box-symbol .txt-caption {display:block; position:absolute; top:-999px; z-index:-9999; width:0px; height:0px; overflow:hidden;}

.box-symbol.song {display:table; table-layout:fixed; padding:5rem 3rem;}
.box-symbol.song > div {display:table-cell; vertical-align:top}
.box-symbol.song .titWrap {width:45%;}
.box-symbol.song .titWrap p {margin-top:0;}
.box-symbol.song .titWrap .tit {font-size:2.6rem; color:#3a81dc; margin-bottom:1rem;}
.box-symbol.song .titWrap .lyric {background:#f8f8f8; padding:20px; }
.box-symbol.song .titWrap .lyric p {margin-bottom:20px; text-align:left; word-break:keep-all;}
.box-symbol.song .titWrap .lyric .info {text-align:right; margin-bottom:10px;}

@media all and (max-width:1024px) {
	.box-symbol.song,
	.box-symbol.song > div,
	.box-symbol.song .titWrap {display:block; width:100%;}
	.box-symbol.song .titWrap .lyric p span {display:block;}
	.box-symbol.song .titWrap .lyric p br {display:none;}
}

@media all and (max-width:850px) {
	.box-symbol { padding:3rem;}
	.box-symbol p br {display:none; }
	.box-symbol .img-view {display:block;}
}
@media all and (max-width:640px) {
	.box-symbol ul.mo-1 li {width:100%;}
	.box-symbol ul li {border-right:none;border:0px dashed #ddd; width:auto; float:none;}
}
@media all and (max-width:455px) {
	.box-symbol .btnWrap .button {display:block;}
}


/* 입찰정보 서비스 중단 */
.txtBox2{position:relative;  width:100%; min-height:425px;  padding:15px 0px 0px 0px; margin:0px 0px 15px 0px; background-color:#294a8e;  border: 0px solid #444; border-radius:10px; box-sizing: border-box; letter-spacing:-0.03em;}
.txtBox2 .tit{color:#fff; text-align:center; padding:10px 0px 10px 0px; font-size:30px; line-height:150%; box-sizing: border-box; 
	font-family:'Pretendard GOV Variable','Pretendard GOV','맑은고딕','Malgun Gothic';   font-weight: bold;}

.txtBox2 .tit2{font-size:26px;}
.txtBox2 .color1{color:#fff47c;}
.txtBox2 .color2{color:#6effdb;}

.txtBox2 .txtDiv .txt2{text-align:center; padding:10px;font-size:15px; color:#0e0e0e; background-color:#c7edfc;  border-radius:10px 10px 0px 0px;}

.txtBox2 .txtDiv{position:relative; margin:0px 30px 0px 30px; min-height:200px; background-color:#fff; 
	border: 0px solid #000;border-radius:10px; 
	 font-family:'Pretendard GOV','맑은고딕','Malgun Gothic';   font-weight: bold;
box-sizing: border-box;}

.txtBox2 .txtDiv .txt{box-sizing: border-box;  width:80%; padding:12px 0px 10px 0px; float:left; font-size:15px; line-height:150%; letter-spacing:-0.3px;}
.txtBox2 .txtDiv .bg{width:20%; float:right; min-height:170px; box-sizing: border-box; }

.list_style21{margin:10px 0px 5px 25px; list-style:none; font-size:15px; box-sizing: border-box; }
.list_style21 dl{line-height:170%; border: 2px solid #ef0616;}
.list_style21 dt{float:left; width:21%; min-width:140px; margin-bottom:5px; padding:3px 0px 3px 0px; color:#fff; text-align:center; background-color:#294a8e; border-radius:15px; box-sizing: border-box;}
.list_style21 dd{float:right; width:79%; margin-bottom:5px;padding:3px 0px 3px 10px; box-sizing: border-box; }

.txtBox2 .txtDiv .icon1{background: url('/images/common/txtBox2_icon1.png') right 10px bottom 10px no-repeat;}

.txtBox2 .btnDiv{display:inline-block;position:relative; width:100%; margin:0px auto 20px; border: 0px solid #000;text-align:center;}

.txtBox2 .btnDiv .btn1 {
    min-width:200px;
    margin:0px auto;
    color: #fff;
    line-height:25px;
    font-size: 15px;
    text-decoration: none;
    vertical-align: top;
    background: #1b2539;
   
    padding:10px 20px 10px 20px;
    border-radius: 5px;
    
    text-align: center;
    box-sizing: border-box;
}


/* 수돗물처리과정 */
#list_number h3{background:none; padding:0px;} 
#list_number .ui.uit {overflow: hidden; position: relative;min-height:100px; margin-bottom: 5px;border: 1px dashed transparent;  border-radius:15px; border-color: #ddd;}
#list_number .ui.uit .inner { padding: 10px 30px 20px 120px; }
#list_number .ui.uit .inner .numb{display: block; position: static; width: 70px; height: 70px;margin: 0 auto 10px;background: #559b85;border-radius:10px;
	line-height: 70px;font-size: 30px ;color: #fff; text-align: center;font-weight: 500;}
#list_number .ui.uit .inner.n_txt{padding-top: 45px}
#list_number .ui.uit .inner .numb{position: absolute;top:20px;left:20px;}
#list_number .ui.uit .tit_inner{font-size: 20px; line-height: 24px;}
#list_number .ui.uit .tit_inner,
#list_number .ui.uit .inner p { padding:0px 0px 0px 0px; text-align: left;}



/* 수돗물에 대한 오해 */
.qna_list{border-top: 0px solid #004795;}
.qna_list > li{font-size: 16px;color: #333; margin:10px 0px 10px 0px;   background: url(../../images/sub/icn_q2.png) no-repeat 12px 24px;}
.qna_list > li.tit2{font-size: 16px;color: #333;background: url(../../images/sub/icn_q3.png) no-repeat 12px 24px;}
.qna_list > li > a{display: table;width: 100%;box-sizing: border-box; padding-left:60px;  border-radius:20px; border: 1px dashed #ddd;background: url(../../images/sub/qna_down.png) no-repeat right 31px top 50%;}
.qna_list > li.on > a{background-image: url(qna_up.png); background-color:#747dbc;  border-radius:20px;}
.qna_list > li.on > a .title{color: #fff;font-weight: 700;}
.qna_list > li > a .col{display: table-cell;vertical-align: middle;height:68px;box-sizing: border-box}


.qna_list > li > a .type{width: 15%;text-align: center;}
.qna_list > li > a .title{padding:6px 60px 6px 12px;color: #666; font-family: 'Pretendard GOV SemiBold';}
.qna_list .answer{display:none; border-radius:20px; background: #f8fafc; border-bottom: 0px solid #e1e1e1;line-height: 1.6;}
.qna_list .answer .inner{padding: 25px 20px 30px 80px; font-size:15px;}

.answer .box_type3 {list-style:none; margin:5px 0px 15px 10px; border:solid 1px; border-color:#d4d4d4; background:#faf8ea; padding:10px;}
.answer .box_type3 ul li{background:url("/images/common/dot.png") 0px 10px no-repeat; padding:2px 0px 2px 10px;   line-height:160%; letter-spacing:-0.5px;font-size:13px;}

.answer .lst_img4 ul{overflow:hidden;position:relative; list-style:none; margin:10px 0px 0px 0px;}
.answer .lst_img4 ul:after{display:block;clear:both;content:""}
.answer .lst_img4 li{overflow:hidden;float:left;position:relative;top:1px;  background:none; padding:0px; width:31%; margin:0px 3.5% 10px 0%; box-sizing: border-box;}
.answer .lst_img4 li:last-child {margin-right:0px;}
.answer .lst_img4 img{display:block;overflow:hidden;position:relative;width:100%; max-width:220px; margin:0px auto; background:#eee; border: 1px solid #a3a3a3;box-sizing: border-box; color:#666;line-height:120px;text-align:center;}
.answer .lst_img4 span{display:inline-block; width:100%; margin:10px 0px 0px 0px; color:#333; text-align:center; font-family: 'Pretendard GOV Variable','Pretendard GOV'; letter-spacing:-0.5px; font-size:15px;}

.answer .lst_img4 a{display:block;width:120px;margin:0 auto;padding:20px 0 0 0;text-decoration:none;cursor:pointer}


.qna_list2{padding:0px;  }
.qna_list2 > li{font-size: 15px; color: #333; background: url(../../images/sub/icn_q2.png) no-repeat 12px 17px;}
.qna_list2 > li.tit2{margin:0px 0px 10px 0px;  font-size: 16px; color: #222; border:0px solid #a0d9f6; border-radius:2px; background: url(../../images/sub/icn_q4.png) no-repeat 15px 15px;background-color:#eceff6;  font-family: 'Pretendard GOV Variable','Pretendard GOV';  letter-spacing:-0.5px;}
.qna_list2 > li > a{color: #222;  display: table;width: 100%;box-sizing: border-box; padding-left:50px; border-bottom: 0px solid #e1e1e1;background: url(../../images/sub/qna_down2.png) no-repeat right 31px top 50%;}
.qna_list2 > li.on > a{background-image: url(../../images/sub/qna_up2.png);  }
.qna_list2 > li.on > a .title{color: #fff;font-weight: 700; }
.qna_list2 > li > a .col{display: table-cell;vertical-align: middle;height:58px;box-sizing: border-box}
.qna_list2 > li > a .type{width: 15%;text-align: center;}
.qna_list2 > li > a .title{padding:6px 60px 6px 12px;color: #222;}
.qna_list2 .answer{display:none;background: #fff;border-top: 0px solid #a0d9f6;line-height: 1.6;}
.qna_list2 .answer .inner{padding: 25px 20px 30px 20px; font-size: 13px;}

.qna_list2 > li.on{ background-color:#005bac;  }

#history2{margin:20px 0px 0px 0px;} 
#history2 h3{background:none; font-size:32px; color:#137ca3; float:left; width:30%; font-family: 'Pretendard GOV Variable','Pretendard GOV';  margin:25px 0px 0px 0px; margin-top:0px; padding:0px 0px 0px 10px; box-sizing: border-box;}
#history2 .month {display:inline-block; box-sizing: border-box; width:70%;  line-height:170%;}
#history2 .month li {background:none; padding:4px 0px 4px 0px;  font-family: 'Pretendard GOV Variable','Pretendard GOV';  letter-spacing:-0.3px;}
#history2 .line{margin:30px 0px 30px 0px; border-top:dashed 1px #dddddd; border-bottom:none; border-left:none; border-right:none; height:1px; width:100%;margin-bottom:30px;}
#history2 strong {margin-right:20px;}


@media screen and (max-width:767px){
	#history2 h3{background:none; font-size:26px; float:left;  margin:0px 7% 0px 0px;  padding:0px 0px 0px 0px; box-sizing: border-box;}
	#history2 .month {display: block; clear: both; }
	#history2 strong {display:block; width:100%; clear:both;}
}


/* 수돗물평가위원회-주요활동사항 */
#goaltop {position:relative;width:740px; height:600px;margin:0 auto;text-align:center; border: 1px solid #fff; border-radius:50%; box-sizing: border-box; }
#goaltop h3{width:250px; height:250px; color:#0d4d89; background:none; box-sizing: border-box; margin:170px auto 0px; border: 1px solid #eee; border-radius:50%;text-align:center; font-size:28px; padding:90px 0px 0px 0px; }

#goaltop ul{}
#goaltop ul:after{content:"";clear:both;display:block}
#goaltop ul li {float:left; box-sizing: border-box; font-size:18px; width:180px;height:180px; overflow:hidden;padding:35px 30px 0;text-align:center;color:#fff;}

#goaltop ul li.gt1 {left:15%;top:20px;  padding:70px 20px 0px 20px; background-color:#3077bf; border-radius:50%; }
#goaltop ul li.gt2 {left:0%;top:250px;  padding:55px 20px 0px 20px; background-color:#0d4d89; border-radius:50%; }
#goaltop ul li.gt3 {left:280px;top:450px; padding:55px 20px 0px 20px;  background-color:#6451aa; border-radius:50%; }
#goaltop ul li.gt4 {right:0%;top:250px; padding:70px 20px 0px 20px;  background-color:#1b8486; border-radius:50%; } 
#goaltop ul li.gt5 {right:15%;top:20px;  padding:55px 20px 0px 20px; background-color:#33815f; border-radius:50%; }

@media all and (min-width:768px){
	#goaltop {position:relative;width:740px; }
	#goaltop ul li {position:absolute;}
}


@media screen and (max-width:767px){
	#goaltop {position:relative;width:100%; }
	#goaltop h3{position:relative; width:100%; height:50px;margin:0px 0px 0px 0px; border: 0px solid #ddd; border-radius:0%; text-align:center; font-size:24px; padding:0px; }

	#goaltop ul{position:relative; width:100%; margin:20px 0px 0px 0px;}
	#goaltop ul li {float:left;width:100%; height:50px;  margin:10px 0px 10px 0px;}
	
	#goaltop ul li.gt1 {left:15%;top:20px; padding:15px 0px 0px 0px; background-color:#6cbcef; border-radius:2px; }
	#goaltop ul li.gt2 {left:0%;top:225px; padding:15px 0px 0px 0px; background-color:#41aeb0; border-radius:2px; }
	#goaltop ul li.gt3 {left:40%;top:340px; padding:15px 0px 0px 0px; background-color:#5b73ca; border-radius:2px; }
	#goaltop ul li.gt4 {left:75%;top:225px; padding:15px 0px 0px 0px;  background-color:#41aeb0; border-radius:2px; } 
	#goaltop ul li.gt5 {left:65%;top:20px;  padding:15px 0px 0px 0px;background-color:#6cbcef; border-radius:2px; }

}



/* 우리조상들의 지혜 */
#waterHistory_box{width:auto;padding:15px 35px 15px 35px; margin:0px 0px 30px 0px; background:#f3feff;  border-radius:15px; border: 0px solid #e3e5ea; }
#waterHistory_box h3{border-bottom: 1px dashed #ddd; width:100%; padding:20px 0px 0px 0px;margin:0px 0px 20px 0px; height:80px; color:#075485;font-size:28px; line-height:150%; letter-spacing:-0.5px;  text-align:center;}
#waterHistory_box p{line-height:160%;}
#waterHistory_box img{width:80px;}

/* 물과환경-강수량비교  */
.precipitation{position:relative; box-sizing: border-box; margin-bottom:30px;padding:20px 0px 20px 0px;}
.precipitationL{width:50%; float:left; padding:0px 0px 0px 50px; text-align:center; box-sizing: border-box;}
.precipitationR{width:50%; float:right; padding:0px 50px 0px 0px;   text-align:center; box-sizing: border-box;}


/* 물과과학  */
.flexible_img_col ol{overflow:hidden;position:relative;border: 1px solid #ddd; padding:15px 15px 0px 15px; border-radius:15px;  box-sizing: border-box;}
.flexible_img_col ol:after{display:block;clear:both;content:""}
.flexible_img_col li{overflow:hidden; position:relative; float:left; margin-bottom:20px; text-align:center; box-sizing: border-box;}
.flexible_img_col li.left{width:53%; padding-right:10%; box-sizing: border-box;  background:url(../../images/sub/arrow.png) right 90px no-repeat;}
.flexible_img_col li.left2{width:43%; margin-right:14%;}
.flexible_img_col li.right{width:43%;  margin-left:4%;}

.flexible_img_col .thumb{display:block;overflow:hidden; position:relative; }
.flexible_img_col .thumb img{display:block; width:100%;  max-width:415px; margin:0px auto; border-radius:15px; }

.flexible_img_col p{width:100%; margin:10px auto; font-family: 'notokr-medium'; font-size:14px;  letter-spacing:-0.5px;  line-height:150%;}

@media screen and (max-width:767px){
	.flexible_img_col li.left{ background-size:30px;}
}

/* 요금납부 내역조회 */
#homeCharge{position:relative; width:100%; border:2px solid #446586; /* border: 2px solid #00aeef;*/ padding:20px 20px 20px 20px; border-radius:5px; box-sizing: border-box; letter-spacing:-0.5px;  font-family: 'notokr-medium';}
#homeCharge .tit-box{position:relative;width:100%; height:55px; margin:0px 0px 25px 0px; border-bottom: 1px solid #c9e0e4;}
#homeCharge .logo{float:left; width:40%; top:0px;  text-align:left; padding:0px; margin:0px;}
#homeCharge .logo img{width:150px;}
#homeCharge .t1{float:right; width:55%; text-align:right; padding:10px 0px 0px 0px; font-size:18px; }

#homeCharge .customer{position:relative;}
#homeCharge .customer dl dt{float:left; width:35%; padding:2px 0px 3px 0px; color:#0d658e; line-height:150%;}
#homeCharge .customer dl dd{float:right; width:65%; text-align:left; padding:2px 0px 3px 0px; line-height:150%;}
#homeCharge .customer dt,.calculation dd{display:block; }


#homeCharge .customer-inner{position:relative;float:left; width:45%; height:100%;  min-height:260px;}
#homeCharge .customer-inner .name{box-sizing: border-box; padding:10px 20px 10px 20px; height:100px; margin-bottom:20px; border-radius:5px; background:#e2f7ff;}
#homeCharge .customer-inner .num{box-sizing: border-box; padding:10px 20px 10px 20px; height:100%; min-height:140px; border-radius:5px; background:#e2f7ff;}


#homeCharge .customer-inner2{position:relative;  width:100%;height:110px;}
#homeCharge .customer-inner2 .name{box-sizing: border-box; padding:10px 20px 10px 20px; height:100px; margin-bottom:20px; border-radius:5px; background:#e2f7ff;}
#homeCharge .customer-inner2 dl dt{float:left; width:25%; padding:2px 0px 3px 0px; color:#0d658e; line-height:150%;}
#homeCharge .customer-inner2 dl dd{float:right; width:75%; text-align:left; padding:2px 0px 3px 0px; line-height:150%;}
#homeCharge .customer-inner2 dt,.calculation dd{display:block; }


#homeCharge .notifyAmount{position:relative; box-sizing: border-box; padding:10px 20px 10px 20px; float:right; width:50%; height:260px; border-radius:5px; border: 2px solid #7bb4ef;}

#homeCharge .notifyAmount dl dt{float:left; width:30%; padding:2px 0px 3px 0px; color:#0d658e; line-height:150%;}
#homeCharge .notifyAmount dl dd{float:right; width:70%; text-align:left; padding:2px 0px 3px 0px; line-height:150%;}
#homeCharge .notifyAmount dt,.calculation dd{display:block; }

#homeCharge h4{background:none; color:#009dd8; padding:0px; margin:0px 0px 5px 0px;  font-size:20px;}
#homeCharge .lst1{position:relative; margin:0px 0px 10px 0px; height:20px;}
#homeCharge .lst1 li{float:left; display: inline; margin:0px 0px 0px 0px; box-sizing: border-box; font-size:15px; padding:0px 0px 0px 12px; background:url("/images/common/dot.png") 0px 9px no-repeat; }
#homeCharge .lst1 li.w1{width:15%; }
#homeCharge .lst1 li.w2{width:15%; }
#homeCharge .lst1 li.w3{width:18%; }
#homeCharge .lst1 li.w4{width:18%; }
#homeCharge .lst1 li.w5{width:34%; }

@media only screen and (max-width:1024px){
	#homeCharge .lst1 li.w1{width:17%; }
	#homeCharge .lst1 li.w2{width:17%; }
	#homeCharge .lst1 li.w3{width:18%; }
	#homeCharge .lst1 li.w4{width:17%; }
	#homeCharge .lst1 li.w5{width:31%; }
}

#homeCharge .lst1 li .txt1{color:#6b1f96;}

#homeCharge .line1{position:relative;clear:both; margin:15px 0px 15px 0px; background:#ddd ; height:1px; width:100%;}

#homeCharge .calculation{width:100%; clear:both; height:230px; }
#homeCharge .calculation h5{color:#4f86e1; font-size:18px; letter-spacing:-0.5px; text-align:center; margin:0px; border-bottom: 1px solid #70a0ef;  padding:10px 0px 10px 0px;}

#homeCharge .calculation-inner1{float:left; width:32%; height:230px;  padding:5px 20px 20px 20px; box-sizing: border-box; border-radius:5px; border: 2px solid #7bb4ef;}
#homeCharge .calculation-inner2{float:left; width:32%; height:230px; padding:5px 20px 20px 20px; margin:0px 2% 0px 2%; box-sizing: border-box; border-radius:5px; border: 2px solid #7bb4ef;}
#homeCharge .calculation-inner3{float:right; width:32%; height:230px; padding:5px 20px 20px 20px; box-sizing: border-box; border-radius:5px; border: 2px solid #7bb4ef;}

#homeCharge .calculation .dl{overflow:hidden; position:relative; }
#homeCharge .calculation dl dt{float:left;width:50%; padding:2px 0px 3px 0px; line-height:150%;}
#homeCharge .calculation dl dd{float:right; width:50%; text-align:right; padding:2px 0px 3px 0px; line-height:150%;}
#homeCharge .calculation dt,.calculation dd{display:block; }

#homeCharge .account{clear:both; position:relative; display:block;min-height:120px;}
#homeCharge .account-inner{float:left; width:49%; border-right: 1px solid #ddd; min-height:120px;  box-sizing: border-box;}
#homeCharge .account-inner2{float:right; width:49%;  }

#homeCharge .account .dl{overflow:hidden; position:relative; }
#homeCharge .account dl dt{float:left;width:35%; padding:2px 0px 3px 0px; line-height:150%;}
#homeCharge .account dl dd{float:left; width:65%; text-align:left; padding:2px 0px 3px 0px; line-height:150%;}
#homeCharge .account dt,.account dd{display:block; }

#homeChargePrint{position:relative; width:100%;border: 0px solid #00aeef; padding:0px 20px 0px 0px;}




@media screen and (max-width:767px){
	#homeCharge .tit-box{ height:100px; }
	#homeCharge .logo{float:none !important; width:100%; }
	#homeCharge .logo img{width:120px;}
	#homeCharge .t1{float:none !important; width:100%; text-align:left; padding:10px 0px 0px 0px; font-size:17px; }


	#homeCharge .lst1{position:relative; margin:0px 0px 10px 0px; height:120px;}
	#homeCharge .lst1 li{float:left; display: inline; margin:0px 0px 0px 0px; box-sizing: border-box; font-size:14px; line-height:150%; padding:0px 0px 0px 12px; background:url("/images/common/dot.png") 0px 9px no-repeat; }
	#homeCharge .lst1 li.w1{width:100%; }
	#homeCharge .lst1 li.w2{width:100%; }
	#homeCharge .lst1 li.w3{width:100%; }
	#homeCharge .lst1 li.w4{width:100%; }
	#homeCharge .lst1 li.w5{width:100%; }
	
	
	
	#homeCharge .customer{position:relative;}
	#homeCharge .customer-inner{position:relative; width:100%; height:100%; min-height:250px; font-size: 14px;}
	#homeCharge .customer-inner .name{height:90px; margin-bottom:20px; border-radius:5px; background:#e2f7ff;}
	#homeCharge .customer-inner .num{margin-bottom:20px; height:100%; min-height:110px; border-radius:5px; background:#e2f7ff;}
	
	#homeCharge .notifyAmount{position:relative;width:100%;font-size:14px; height:205px; border-radius:5px; border: 2px solid #7bb4ef;}
	
	#homeCharge .calculation-inner1{width:100%; margin:0px 0px 10px 0px; font-size:14px; box-sizing: border-box; border-radius:5px; border: 2px solid #7bb4ef;}
	#homeCharge .calculation-inner2{width:100%; margin:0px 0px 10px 0px; font-size:14px; box-sizing: border-box; border-radius:5px; border: 2px solid #7bb4ef;}
	#homeCharge .calculation-inner3{width:100%; margin:0px 0px 10px 0px; font-size:14px; box-sizing: border-box; border-radius:5px; border: 2px solid #7bb4ef;}
	
	#homeCharge .account{clear:both; position:relative; display:block; min-height:320px;}
	#homeCharge .account-inner{width:100%; border-right: 0px solid #ddd; min-height:140px;  box-sizing: border-box;}
	#homeCharge .account-inner2{width:100%;border-top: 1px solid #ddd; min-height:140px; }
	
	#homeChargePrint{position:relative; width:100%;border: 0px solid #00aeef; padding:0px 20px 0px 0px;}

}


.tbl_type5 {width:100%; margin:5px 0px 0px 0px; border-top:1px solid #dcd1e6; font-size:14px; word-break:keep-all; box-sizing: border-box; border-radius:4px;}
.tbl_type5 th{color:#333333;line-height:130%; background: #efeaf4;padding:12px 5px 12px 5px;border:1px solid #dcd1e6; border-bottom:0px;text-align:center;}
.tbl_type5 th.txtL{text-align:left;}

.tbl_type5 td{padding:8px 7px 8px 7px; border:1px solid #dcd1e6; text-align:center;line-height:140%;}
.tbl_type5 td img {vertical-align:middle;}
.tbl_type5 td.bg1{background:#f7fbfa;}
.tbl_type5 tbody th{background:#fbfbfb;font-weight:normal;border:1px solid #cccccc; }
.tbl_type5 tfoot{background-color:#e7eff1;font-weight:bold; }
.tbl_type5 .txtL{text-align:left;}
.tbl_type5 .txtR{text-align:right;}
.tbl_type5 .lineR2{border-right:2px solid #bdc8d1;}
.tbl_type5 .topLine{border-top:2px solid #151515;}
.tbl_type5 .lh1{line-height:28px;}


.formBox_bg{position:relative; margin:20px auto 0px; width:100%; box-sizing: border-box;  
	background:url(../../images/common/search_bg.png) 0px 0px repeat;  background-color:#2562b3; height:190px;  
	border: 1px solid #2d5a96;  border-radius:30px; }
	
	
.formBox_bg3{position:relative; margin:10px auto 0px; width:100%; box-sizing: border-box;  
	/* background:url(../../images/common/search_bg.png) 0px 0px repeat; height:150px;  */  background-color:#fff; 
	border: 1px solid #e3e3e3;  border-radius:15px; 
	box-shadow: 5px 8px 10px 0 rgb(42 60 93 / 15%);
	}

#formBox{position:relative;box-sizing: border-box; padding:10px 30px 0px 30px; margin:0px auto;  font-size:20px; font-family: 'Pretendard GOV Variable','Pretendard GOV';  line-height:160%; }
#formBox h3{margin:0px auto; width:200px; font-size:26px; text-align:center; color:#fff; padding:15px 0px 10px 10px; background:url(../../images/common/search_icon.png) 20px 12px no-repeat;}

#formBox h3.tit2{width:250px;}
#formBox h3.tit3{position:relative; padding:0px; margin:10px auto 20px; color:#222; line-height:150%;font-size:1.3rem;}
#formBox h3.tit3:before{position:absolute; content: "";display:block; width:35px; height:40px; background:url(../../images/common/searchBtn2.png)no-repeat; background-position: 0px -3px;}


#formBox.w1{width:700px;margin:0px auto; }
#formBox.w2{width:800px;margin:0px auto; }
#formBox.w3{width:300px;margin:0px auto; }

#formBox fieldset{display:none; position:relative}
#formBox dl{overflow:hidden; position:relative; }
#formBox dl dt{overflow:hidden; position:absolute; color:#fff;   top:0; left:0; width:0; height:0; font-size:0;line-height:0}
#formBox dt,#formBox dd{display:block;width:auto;float:left; }
#formBox dd.uid{}
#formBox dd.upw{}

#formBox dd.urrn{width:50%; float:right;}
#formBox dd.urrn3{width:72%; float:right;}
#formBox dd.period{width:60%; float:left; }

#formBox dd.urrn2, #formBox dd.udi2, #formBox dd.list{width:32%; float:left; }

#formBox dd label.t1{color:#fff;padding:0px 10px 0px 10px; }

#formBox #uid{background:#fff url(../../images/common/noBg.png) no-repeat 0 0}
#formBox #upw{background:#fff url(../../images/common/noBg.png) no-repeat 0 0}
#formBox .input_text.focus{border:1px solid #5aa409;background:#fff !important}
#formBox .input_text.focusnot{background:#fff !important}


#formBox .inputType1{height:40px;font-size:14px;margin-bottom:10px; margin:0px auto;padding:10px 10px 10px 10px;width:40%; min-width:250px;background:#fff; border: 0px solid #768087;}
#formBox .inputType1Bg{height:40px;font-size:14px;margin-bottom:10px;padding:10px 10px 10px 10px;width:40%; min-width:250px;background:#fff; border: 0px solid #9eaeb9;}

#formBox .inputType2{height:40px;font-size:14px;margin-bottom:10px;padding:10px 10px 10px 10px; width:30%; min-width:125px;  background:#e8f4ff; border: 1px solid #9eaeb9;}

#formBox .inputType3{height:40px;font-size:14px; padding:10px 10px 10px 10px; width:30%; min-width:30%;  background:none; background-color:#fff;  border: 0px solid #9eaeb9;}

#formBox .inputType4{height:40px;font-size:14px;margin-bottom:10px; margin:0px auto; padding:10px 10px 10px 10px;width:100%; min-width:250px;background:#fff; border: 0px solid #9eaeb9;}

#formBox .inputType5{box-sizing: border-box; height:40px;font-size:14px; padding:10px 10px 10px 10px; margin:0px 5px 5px 5px; width:90%;  min-width:180px;  background:none; background-color:#fff; border: 0px solid #9eaeb9;}

#formBox .inputType6{height:40px;font-size:14px;margin:2px auto; padding:10px 10px 10px 10px;width:100%; min-width:50%;background:#fff; border: 1px solid #9eaeb9;}



#formBox .select1{box-sizing: border-box; font-size:14px; width:90%;min-width:180px; height:40px; padding:2px; margin:0px 0px 5px 0px;}

.inputBg1{background:#f2f6f8;}


#formBox .btn{margin-top:15px; text-align:center;}

.formBox_txt{position:relative; box-sizing: border-box; margin:0px auto; width:600px; padding:20px 20px 20px 20px;height:auto;  border-left: 1px solid #9eaeb9;border-right: 1px solid #9eaeb9;border-bottom: 1px solid #9eaeb9;} 

.formBox_bg2{position:relative; margin:70px auto; width:500px; height:300px;  border: 1px solid #aabed3;}
#formBox2{padding:30px 0px 0px 0px;width:400px; margin:0px auto;  font-size:20px; font-family: 'Pretendard GOV Variable','Pretendard GOV';  line-height:160%; }
#formBox2 h3{font-size:28px; text-align:center; color:#222;margin:0px 0px 0px 0px; padding:25px 0px 20px 30px; background:url(../../images/common/login_icon.png) 80px 20px no-repeat;}

#formBox2 P{font-size:15px; text-align:center;color:#444; FONT-WEIGHT:300; line-height:140%; font-family: 'Pretendard GOV Variable','Pretendard GOV';}
#formBox2 .btn{margin-top:10px; text-align:center;}


@media screen and (max-width:768px){
	
	.formBox_bg{position:relative; margin:10px auto 0px; width:100%; max-width:600px; box-sizing: border-box; height:260px;  background:url(/images/common/search_bg.png) 0px 0px repeat;  background-color:#2562b3;}
	#formBox{box-sizing: border-box; padding:20px 20px 0px 30px;  width:auto; max-width:400px; margin:0px auto 20px; height:auto; font-size:16px; font-family: 'notokr-medium';  line-height:160%; }
	#formBox h3{margin:0px auto; width:200px; font-size:26px; text-align:center; color:#fff;padding:15px 0px 10px 0px; }
	
	#formBox.w1{width:auto;margin:0px auto;}
	#formBox.w2{width:auto;margin:0px auto; }
	#formBox.w3{width:auto;margin:0px auto;}
	
	#formBox fieldset{display:none; position:relative; width:auto; margin:0px auto; }
	#formBox dl{position:relative; width:auto; margin:0px auto; }
	#formBox dl dt{overflow:hidden; position:absolute; color:#fff; top:0; left:0; width:0; height:0; font-size:0;line-height:0}
	#formBox dt,#frm dd{display:block; width:100%;float:none !important;}
	#formBox dd.uid{width:100%; height:50px;}
	#formBox dd.upw{width:100%;}
	#formBox dd.urrn{width:100%;}
	#formBox dd.period{width:100%; float:left;}
	
	#formBox dd.uid2{width:100%; margin-left:0px;}
	#formBox dd.urrn2, #formBox dd.udi2, #formBox dd.list{width:100%;margin-left:0px;}
	
	#formBox dd.uid3{width:100%; margin-left:0px;}
	#formBox dd.urrn3, #formBox dd.udi3, #formBox dd.list{width:100%;margin-left:0px;}
	
	#formBox #uid{background:#fff url(/images/common/noBg.png) no-repeat 0 0}
	#formBox #upw{background:#fff url(/images/common/noBg.png) no-repeat 0 0}
	#formBox .input_text.focus{border:1px solid #5aa409;background:#fff !important}
	#formBox .input_text.focusnot{background:#fff !important}
	
	#formBox .inputType1{height:40px;font-size:14px; padding:10px 10px 10px 10px; box-sizing: border-box; width:100%; min-width:100%; background:none; background-color:#fff;border: 0px solid #e1e1e1;}
	#formBox .inputType2{margin-top:10px; height:40px;font-size:14px; padding:10px 10px 10px 10px; width:100%; min-width:100%; min-width:100%;  background:#ffffff; border: 0px solid #e1e1e1;}
	
	#formBox .inputType3{height:40px;font-size:14px;padding:10px 10px 10px 10px; box-sizing: border-box; width:27%; min-width:27%; background:none; background-color:#fff; border: 0px solid #e1e1e1;}
	
	#formBox .inputType4{box-sizing: border-box;}
	
	#formBox .inputType5{box-sizing: border-box; width:100%;}
	
	#formBox .select1{box-sizing: border-box; width: calc(100% - 5px); margin-left:5px; }
	
	#formBox .btn{margin:5px 0px 10px 0px;}
	
	.formBox_txt{position:relative; box-sizing: border-box; margin:0px auto; width:auto; padding:20px 20px 20px 20px;height:auto;  } 	
}


/* 년도설정*/
.year_sel{position:relative; display:block;box-sizing: border-box;padding:15px 20px 15px 20px ; /*background:#edf4fa;*/ background:#f8f9f9; border:1px solid #bfbfbf; font-family: 'Pretendard GOV Variable','Pretendard GOV';letter-spacing:-0.5px;}
.year_sel:before {content:"";position:absolute;bottom:-4px;left:-1px;display:block;width:100%;height:3px;background:#f1f1f1;}
.year_sel:after{content:"";display:block;visibility:hidden;clear:both;}
.year_sel *{vertical-align:middle}


.contentsEmp2{position:relative; width:100%;  margin:70px 0px 25px 0px; bottom:0px; clear: both;
	padding: 15px 20px 20px 70px;
    background: url(../../images/common/conEmp_icon.png) no-repeat 20px 15px;
    background-size:30px;
    background-color: #fdfdfd;
    /* background-color: #f4f7fe;*/
    border: 1px solid #eff1f6;
}
.contentsEmp2 li{display: inline-block;  margin-right: 30px; font-size: 16px; line-height:160%;}
.contentsEmp2 li span{position: relative; display: inline-block; font-weight:600; padding-right: 12px; margin-right: 10px; color:#47528d; }
.contentsEmp2 li span:after{position: absolute; top: 50%; right: 0; transform: translateY(-50%); content: ""; display: block; width: 1px; height: 13px; background-color: #a3a3a3;}

/* 고객번호찾기*/
.scrollTblWrap {
		width: 100%;
		height: 450px;
		overflow: auto;
	}
	
.scrollTblWrap table {
   	border: 0px;
    border-collapse: collapse;
}


#findMngtNo{position:relative; width:100%; background:#f1f3f7; /* background:#fff; */}
#findMngtNo h1{font-family:'Pretendard GOV'; font-weight: 800; font-size:1.8rem; text-align:center; color:#fff; 
	margin:0px 0px 0px 0px; padding:30px 0px 30px 0px; 
	/*background: url(../../images/main/bg3.png) left -900px top -170px no-repeat;*/
	background-color:#3c74d3;}

.greetings{min-height:210px; padding:35px 0px 0px 0px; box-sizing: border-box;}
.greetingsTxt_box{width:65%; letter-spacing:-0.5px;}
.greetingsTxt1{color:#0c8283; font-size:30px; font-weight:400; letter-spacing:-0.5px; line-height:150%;}
.greetingsTxt2{color:#315898; font-size:30px; font-weight:400;  letter-spacing:-0.5px; line-height:150%;}
.greetingsTxt3{font-size:16px;   letter-spacing:-0.5px; line-height:150%;}

.greetings .topbox .tit {font-family:'SBAggroL'; font-size:28px; color:#214287;}
.greetings .topbox .tit span {font-family:'SBAggroM'; font-size:36px;}
.greetings .topbox .tit p {font-family:'SBAggroL';  font-size:24px; color:#1d80c5; padding:20px 0px 30px 0px;}

.greetings .conbox p {font-size:16px; line-height:1.6; color:#333;}
.greetings .conbox p.p1 {/*font-weight:700; color:#5760a1; font-size:22px; padding-bottom:20px; line-height: 1.2;*/}
.greetings .conbox p.p2 {border-bottom:0px dotted #c2ccd3; padding-bottom:30px;}
.greetings .conbox .sign {font-size:20px; color:#000;  margin-top:30px;}
.greetings .conbox .sign strong {font-family:'SBAggroM'; font-size:36px; font-weight:500;}

@media screen and (max-width:767px){
	.greetings .topbox .tit span{font-size:2rem;  line-height:130%;	}
	.greetings .topbox .tit p {font-size:1.3rem; line-height:130%;}
	.greetings .conbox .sign {font-size:1.3rem; margin-top:20px;}
	.greetings .conbox .sign strong {display:block;font-size:2rem; margin-top:20px;}
}
	

/* 수돗물역사 */
.waterHistory_box2 {position:relative;}
.waterHistory_box2:before{content: ''; display: block; position: absolute; z-index:-1; width:100%; top:0; left:0; height:100%; 
	border: 1px solid #d0dde5;
	/*background:linear-gradient(120deg, #e4ecf7, #f6faed);
	 background-color:linear-gradient(120deg, #fff2f5, #ecf4fa);
	transition-duration:0s; transition-property:transform; */
	border-radius:80px 20px 140px 20px;}
	
.waterHistory_box2 .topbox {padding:60px 70px 40px; position: relative; box-sizing:border-box; text-align:center;}
.waterHistory_box2 .topbox:before{content: ''; display: block; position: absolute; z-index:-1; width:100%; top:0; left:0;  height:400px; 
	background:url('/images/common/mascot10.png') left 100px top 30px no-repeat;  background-size:10%;/**/}
	
	
.waterHistory_box2 .topbox .tit {font-family:'SBAggroL'; font-size:28px; color:#214287;}
.waterHistory_box2 .topbox .tit span {font-family:'SBAggroM'; font-size:30px;}
.waterHistory_box2 .topbox .tit p {font-size:18px; color:#333; padding-top:20px;}
.waterHistory_box2 .imgbox {width: 36%; display: block; position: absolute; bottom:0; right: 5%;}
.waterHistory_box2 .imgbox img {display: block; max-width: 100%;}
.waterHistory_box2 .conbox {position: relative; width:90%; background:#fff; padding:50px 6.5%; border-radius:50px; margin:0 auto;
	/*box-shadow: 0 0.2rem 1.2rem rgba(11, 44, 97, 0.07);*/
}
.waterHistory_box2 .conbox p {font-size:16px; line-height:1.6; color:#333;}
.waterHistory_box2 .conbox p.p1 {font-weight:500; color:#5760a1; font-size:18px; padding-bottom:20px; line-height: 1.2;}
.waterHistory_box2 .conbox p.p2 {border-bottom:0px dotted #c2ccd3; padding-bottom:50px;}
.waterHistory_box2 .conbox .sign {font-size:20px; color:#000;  margin-top:30px;}
.waterHistory_box2 .conbox .sign strong {font-family:'SBAggroM'; font-size:40px; font-weight:500;}
@media all and (max-width:1300px) {
	.waterHistory_box2 .topbox .tit {font-size: 28px;}
	.waterHistory_box2 .topbox .tit span {font-size: 32px;}
	.waterHistory_box2 .topbox .tit p {font-size: 16px;}
	.waterHistory_box2 .conbox {padding:60px 5%; width: 85%;}
}
@media all and (max-width:1200px) {
	.waterHistory_box2 .imgbox {right: 10px; width: 310px;}
	.waterHistory_box2 .conbox {width: 90%; box-sizing: border-box;}
}
@media all and (max-width:1024px) {
	.waterHistory_box2 .topbox .tit {font-size: 24px;}
	.waterHistory_box2 .topbox .tit span {font-size: 28px;}
}
@media all and (max-width:768px) {
	.waterHistory_box2:before {display:none;}
	.waterHistory_box2 .topbox {padding: 40px; background:linear-gradient(120deg, #e4ecf7, #f6faed); border-radius: 20px 150px 20px 20px;}
	.waterHistory_box2 .topbox .tit {width:100%;font-size: 1.6rem; line-height:140%;	}
	.waterHistory_box2 .imgbox {display:none;}
	.waterHistory_box2 .conbox {padding: 40px;}
	.waterHistory_box2 .conbox p.p1  {font-size:16px;}
	.waterHistory_box2 .conbox p.p2 {padding-bottom:30px;}
	
}
@media all and (max-width:640px) {
	.waterHistory_box2 .topbox {border-radius: 20px; padding: 25px;}
	.waterHistory_box2 .topbox .tit {font-size:24px;}
	.waterHistory_box2 .topbox .tit span {font-size:28px;}
	.waterHistory_box2 .topbox .tit p {font-size: 16px; padding-top:10px;}
	.waterHistory_box2 .conbox {padding:25px 0;}
	.waterHistory_box2 .conbox .sign {font-size:18px;}
	.waterHistory_box2 .conbox .sign strong {display: block;}
}
@media all and (max-width:480px) {
	.waterHistory_box2 .topbox .tit span {font-size: 24px;}
	.waterHistory_box2 .conbox p {line-height:1.5;}
	.waterHistory_box2 .conbox p.p2 {padding-bottom:15px; font-size:16px;}
}

.location .map_info {
    position: relative;
    /* background: #00876C; */
    
    background:#4b937c;
    padding: 56.5px 170px 58.5px 57px;
     border-radius:0px 0px 20px 20px;
}

.location .map_info .map_title {
    display: inline-block;
    vertical-align: middle;
    width: auto;
    margin-right: 30px;
}

.location .map_info .map_title strong {
    color: #fff;
    font-size: 20px;
    letter-spacing: -0.05em;
    font-weight: bold;
    font-family: 'gmarket';
}

.location .map_info .map_lst {
    display: inline-block;
    vertical-align: top;
    padding-left: 25px;
    border-left: 1px solid rgba(255,255,255,.3);
    width: calc(100% - 214px);
}

.location .map_info .map_lst ul li {
    position: relative;
    padding-left: 90px;
    color: #fff;
    font-size: 16px;
    line-height: 1.2;
    
}

.location .map_info .map_lst ul li a{
    color: #fff;
}


.location .map_info .map_lst ul li+li {
    margin-top: 18px;
}

.location .map_info .map_lst ul li b {
    position: absolute;
    left: 0;
    top: 0;
    color:#ffdd3c;
    font-weight: bold;
    padding-left: 15px;
    line-height: 1.2;
}

.location .map_info .map_lst ul li b::before {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    width: 5px;
    height: 5px;
    background-color: #fff;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 100%;
}

.location .map_info .map_button {
    position: absolute;
    right: 49px;
    top: 50%;
    transform: translateY(-50%);
}

.location .map_info .map_button a {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100px;
    height: 100px;
    border: 1px solid rgba(255,255,255,.5);
    border-radius: 20px;
    color: #fff !important;
    font-weight: bold;
    transition: 0.3s;
    text-align: center;
}

.location .map_info .map_button a em {
    display: block;
    margin: 0 auto 11px;
    width: 29px;
    height: 36px;
    background-size: cover;
}

.location .map_info .map_button a:hover, .location .map_info .map_button a:focus {
    background: #fff;
    color: #00876C !important;
}



@media all and (max-width:767px){
	
	.location .map_info {
    position: relative;
    /* background: #00876C; */
    
    background:#4b937c;
    padding: 30px 20px 30px 20px;
     border-radius:0px 0px 20px 20px;
	}
	.location .map_info .map_title {
  	  margin:0px 0px 20px 0px;
  	  }

	.location .map_info .map_lst {
    display: block;
    border-left: 0px solid #fff;
    width:100%;
    padding-left: 5px;
	}
    
    .location .map_info .map_button {
    position:relative;
    margin:20px auto;
    width:100%;
    padding:0px 20px 0px 0px;
    left:10px;
    transform: translateY(0%);
	}

	.location .map_info .map_button a {
    width:100%;
    height:50px;
    border-radius: 10px;
    color: #fff !important;
	}
}

/* 안전보건 경영방침 */
.wp {background:#f1f1f1;border-radius:30px;
	margin-top:50px; padding:60px;
	font-size:20px; color:#111; line-height:1.7em; font-weight:500; text-align:center;
}
.wp .tit{color:#3b5daa;  font-size:2rem; margin:0px 0px 30px 0px; font-family:'SBAggroM';}
.wp .icon{margin-bottom:30px;}
.wp .list{margin:50px 0px 30px 0px; padding:35px 50px;
	border-radius:30px;
	background:#fff;
	text-align:left;
}
.wp .list ul li{position:relative;
	padding:20px 55px;
	font-size:18px; color:#111;
	border-bottom:1px solid #ddd;
}
.wp .list ul li:last-child{border-bottom:0px solid #ddd;}

.wp .list ul li span{position:absolute; left:0; top:25px;
	width:55px;
	text-align:center;
	font-size:20px; color:#025ca6;
}


@media only screen and (max-width:767px) {
	.wp {margin-top:10px; padding:40px;	font-size:16px;}
	.wp .list{margin-top:20px; padding:15px 20px;}
	.wp .list ul li{padding:20px 55px;	font-size:14px;}
	.wp .list ul li span{ top:25px; width:55px;	font-size:18px; color:#025ca6;}
}	

.txtDiv2{ border-radius:2px; border: 1px solid #ddd;}
.txtDiv2 .txtDiv_list{display:table; position:relative; width:100%; margin-top:0px; margin-bottom:25px; padding:30px 220px 30px 86px; background:url('/images/common/dotted_pattern_horizon.png') left top repeat-x, url('/images/common/dotted_pattern_vertical.png') right top repeat-y,url('/images/common/dotted_pattern_horizon.png') left bottom repeat-x,url('/images/common/dotted_pattern_vertical.png') left top repeat-y; font-size:0; line-height:0;}
.txtDiv2 .txtDiv_list.phone{padding-right:40px;}
.txtDiv2 .txtDiv_list.manage{text-align:left;}
.txtDiv2 .txtDiv_list:last-child{margin-bottom:0;}
.txtDiv2 .txtDiv_list:before{display:block; position:absolute; top:21px; left:32px; width:42px; height:42px; background-image:url('/images/common/sprite3.png');}
.txtDiv2 .txtDiv_list.phone:before{background-size:100% 347.61%;}
.txtDiv2 .txtDiv_list.down:before{background-position:left 50%; background-size:100% 347.61%;}
.txtDiv2 .txtDiv_list.link:before{content: "";background-position:left 100%; background-size:100% 347.61%;}
.txtDiv2 .txtDiv_title{font-size:17px; line-height:20px; color:#222; vertical-align:top;}
.txtDiv2 .txtDiv_list.phone .txtDiv_title{display:table-cell; position:relative; width:190px; padding:2px 20px 2px 0; font-size:18px; color:#007081; vertical-align:top;}
.txtDiv2 .txtDiv_list.phone.type2 .txtDiv_title {width:85px;}
.txtDiv2 .txtDiv_list.phone.type3 .txtDiv_title {width:101px;}
.txtDiv2 .txtDiv_list.phone .txtDiv_title:after{display:block; position:absolute; top:1px; right:0; width:1px; height:24px; background-color:#e0e1e3; content:'';}
.txtDiv2 .txtDiv_num_box{margin-left:20px; padding:2px 0; font-size:18px; line-height:20px;}
.txtDiv2 .txtDiv_num_box .title{color:#222; margin-right:10px;}
.txtDiv2 .txtDiv_num_box .text{color:#01a3b0;}
.txtDiv2 .txtDiv_num.n2:before{display:none;}
.txtDiv2 .btn{position:absolute; top:50%; right:30px; margin-top:-17px;}
.txtDiv2 .txtDiv_list.phone.type2 .lump{width:100%;}
.txtDiv2 .txtDiv_list.phone.type3 .lump{width:50%; vertical-align:top;}

.txtDiv2 .txtDiv_list.spot:before{background-image:url('/images/common/sprite3.png');}
.txtDiv2 .txtDiv_list.spot .txtDiv_title{display:table-cell; position:relative; width:55px; padding:2px 20px 2px 0; font-size:18px; color:#007081; vertical-align:top;}
.txtDiv2 .txtDiv_list.spot .txtDiv_title:after{display:block; position:absolute; top:1px; right:0; width:1px; height:100%; background-color:#e0e1e3; content:'';}
.txtDiv2 .txtDiv_list.spot .txtDiv_info{margin-left:20px; font-size:18px; line-height:20px; color:#222;}

.txtDiv2 .bu{margin:0;}

/* 2단 디자인 */
.txtDiv2.half {font-size:0;}
.txtDiv2.half .txtDiv_list {display:inline-block; width:calc(50% - 10px); margin:0 20px 0 0; padding-right:182px;}
.txtDiv2.half .txtDiv_list:nth-child(2n) {margin-right:0;}
.txtDiv2.half .txtDiv_list:nth-child(n + 3) {margin-top:20px;}
@media all and (max-width:800px) {
    .txtDiv2.half .txtDiv_list {display:table; width:100%; margin:20px 0 25px; padding-right:220px;}
    .txtDiv2.half .txtDiv_list:nth-child(n + 2) {margin-top:20px;}
}
@media all and (max-width:640px) {
    .txtDiv2 .txtDiv_title{display:inline-block; font-size:16px; line-height:20px;}
    .txtDiv2 .txtDiv_num_box{display:block; margin-left:0; font-size:14px; line-height:16px;}
    .txtDiv2.half .txtDiv_list {padding:20px 40px;}
}

@media all and (max-width:1280px){
    .txtDiv2 .txtDiv_list.phone.type3 .lump{width:100%;}
}
@media all and (max-width:640px){
    .txtDiv2 .txtDiv_list{display:block; padding:20px 40px; text-align:center;}
    .txtDiv2 .txtDiv_list:before{position:static; margin:0 auto 15px; width:48px; height:48px;}
    .txtDiv2 .txtDiv_list.phone{padding-right:40px;}
    .txtDiv2 .txtDiv_list.phone .txtDiv_title{display:inline-block; width:auto; margin-right:0; margin-bottom:10px; padding:0; font-size:16px; line-height:20px;}
    .txtDiv2 .txtDiv_list.phone .txtDiv_title:after{display:none;}
    .txtDiv2 .txtDiv_num{display:block; padding-top:10px; padding-left:0;font-size:14px;}
    .txtDiv2 .txtDiv_num:before{top:6px; left:50%; width:16px; height:1px; margin-left:-8px;}
    .txtDiv2 .txtDiv_num.n2:before{display:inline-block;}
    .txtDiv2 .btn{display:block; position:static; width:151px; margin:10px auto 0;}
    .txtDiv2 .txtDiv_list.phone.type3 .lump{width:50%;margin-bottom:15px;}

    .txtDiv2 .txtDiv_list.spot:before{background-size:cover;}
    .txtDiv2 .txtDiv_list.spot .txtDiv_title{display:inline-block; width:auto; margin-right:0; margin-bottom:10px; padding:0; font-size:16px; line-height:20px;}
    .txtDiv2 .txtDiv_list.spot .txtDiv_title:after{display:none;}
    .txtDiv2 .txtDiv_list.spot .txtDiv_info{margin-left:0; font-size:14px; line-height:16px;}
}
@media all and (max-width:480px){
    .txtDiv2 .txtDiv_list.phone.type3 .lump{width:100%;}
}




.infoCategory2{ position:relative; margin-bottom:2rem;  padding:20px 25px 20px 25px; background:#eff2fa; border: 0px solid #93a1cb;  border-radius:0.3rem; }
.infoCategory2 .infoTxt{margin:0px 0px 10px 0px; padding:0px; color:#222;}
.infoCategory2 ul{display:flex; flex-wrap:wrap;  position:relative;}
.infoCategory2 li{position:relative; width: calc(16.6% - 1.9%); margin:0px 2% 0px 0px;  text-align:left;
	border: 0px solid #ddd; border-radius:0.5rem;  background:#264397;}
	.infoCategory2 li:last-child{margin:0px 0% 0px 0px;}
.infoCategory2 li:after{content: ""; display:block;position:absolute; top:12px; right:10px; width:19px;height:14px; 
	background:url('/images/common/bg_gnb_over.png') no-repeat 0px 0px; }
		
.infoCategory2 a{display:block; line-height:1.16; padding:10px 5px 10px 15px; color:#FFF; align-items:center; justify-content:center;  }

@media all and (max-width:1400px){
	.infoCategory2 li{ width: calc(33.3% - 1.5%); margin:0px 1.5% 1% 0px;}
	.infoCategory2 li:last-child{margin:0px 0% 1% 0px;}
}
@media all and (max-width:767px){
	.infoCategory2 li{ width: calc(50% - 1.5%); margin:0px 1.5% 1% 0px;}
}


/* 민원신청 */
.minwon{margin:0px 0px 40px 0px;/* border: 1px dotted #ddd;*/ }
.minwon .txtDiv_list li{display:table; position:relative; width:100%; margin-top:0px; margin-bottom:10px; padding:30px 220px 30px 86px; border: 1px solid #ddd; border-radius:5px;    font-size:0; line-height:0;}
.minwon .txtDiv_list li:before{content: "";background-position:left 100%; /* background-size:100% 347.61%; */}
.minwon .txtDiv_list li:before{display:block; position:absolute; top:25px; left:30px; width:35px; height:38px; background-size:35px; background-image:url('../../images/sub/minwon_icon.png'); background-repeat:no-repeat;}

.minwon .txtDiv_title{font-size:17px; line-height:20px; color:#222; vertical-align:top;}
.minwon .btnDiv{position:absolute; top:50%; right:30px; margin-top:-17px;}
.minwon .btnDiv div{display:inline-block;}
/*
.minwon .txtDiv_list li:last-child{margin-bottom:0;}

*/
@media all and (max-width:640px){
    .minwon .txtDiv_list li{display:block; padding:20px 40px; text-align:center;}
    .minwon .txtDiv_list li:before{position:static; margin:0 auto 15px; }
  	
  	.minwon .txtDiv_title{display:inline-block; font-size:16px; line-height:20px;}
	.minwon .btnDiv{display:block; position:static;margin:10px auto 0;  }

}
@media all and (max-width:480px){
  .minwon .btnDiv{/* width:160px;*/ }
}


/* 민원안내 및 신청 - 안내 팝업 */
#minwonInfo_wrap{ position:relative; padding:0px;}
#minwonInfo_wrap h1{font-family: 'Pretendard GOV';
    font-size:1.4rem;
    text-align: center;
    color: #fff;
    margin: 0px 0px 0px 0px;
    padding: 25px 0px 25px 0px;
    /* background: url(../../images/main/bg3.png) left -900px top -170px no-repeat; */
    background-color: #3c74d3;}
#minwonInfo_wrap .minwonInfo{padding:20px 20px 0px 20px;}


/* 수도요금 감면제도 - 안내 팝업 */
#chargeCutInfo_wrap{ position:relative; padding:0px;}
#chargeCutInfo_wrap h1{font-family: 'Pretendard GOV';
    font-size:1.4rem;
    text-align: center;
    color: #fff;
    margin: 0px 0px 0px 0px;
    padding: 25px 0px 25px 0px;
    /* background: url(../../images/main/bg3.png) left -900px top -170px no-repeat; */
    background-color: #3c74d3;}
#chargeCutInfo_wrap h2{font-size:1.2rem; padding:10px 0px 0px 0px; margin:10px 0px 10px 0px;} 
#chargeCutInfo_wrap .chargeCutInfo{padding:20px 20px 0px 20px;}



.leader-list {display: flex; flex-wrap: wrap; margin: 0 -.8rem; row-gap: 1.6rem;}
.leader-list > li {display: flex; flex-direction: column; align-items: center;
    margin: 0 .8rem; padding:1.6rem 1rem 1.6rem 1rem;  width: calc(100% / 4 - 1.6rem);
    border: 1px solid #e0e0e0; border-radius: .8rem; line-height: 1.25;text-align: center;
}

.leader-list .num {display: flex;   align-items: flex-start; color: #245c9c; font-size: 1.6rem; font-weight: 700;}
/*.leader-list .num:after {
    content: '';
    display: block;
    margin-left: 10px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #1b224e;
}*/
    
.leader-list .name {display: block; margin-top: .5rem; color: #000; font-size: 1.4rem; }
.leader-list .duration {margin-top: 1.4rem; color: #666;  font-size: 1rem; letter-spacing:-0.3px; }
.leader-list .duration:before {content: ""; display: block; margin: 0 auto 2rem; width: 6rem; height: 1px; background-color: #e0e0e0;}

@media (min-width: 768px) {
    .leader-list > li br {display: none; }
}

@media (max-width: 1280px) {
    .leader-list > li { padding: 2rem;  }
}

@media (max-width: 767px) {
    .leader-list > li {margin: 0 .6rem; padding:1rem 0.4rem 1.6rem 0.4rem;  width: calc(100% / 2 - 1.6rem);}
}

@media (max-width: 479px) {
    .leader-list > li { width: calc(100% - 1.6rem);}
}


/* pTable */

.pTable_box{width:100%; padding:20px 40px 20px 40px; border:1px solid #ddd; border-radius:20px; }

.pTable{word-break: break-all !important; width:100%; }
.pTable.topline{border-top:2px solid #222;}

.pTable table:not(.table-condensed) th,.pTable table:not(.table-condensed) td{height:60px;}
.pTable th{position:relative;color:#26293d; font-family: 'Pretendard GOV Bold'; font-size:16px;font-weight:500;
	/* white-space:nowrap; */}
.pTable td, .pTable th {border-bottom: 1px solid #d9d9d9;}
.pTable tr:last-child td, .pTable tr:last-child th{border-bottom:1px solid #d9d9d9;}

.pTable td{color:#4a4f66; padding: 10px;}
.pTable .p-subject{}
.pTable .p-subject a{background-image:linear-gradient(0deg, transparent 1px, #4a4f66 1px, transparent 3px);background-repeat:no-repeat;background-position:right;background-size:0% 100%;line-height:normal;transition:background-size .25s ease-in-out;}
.pTable .p-subject a:hover{background-position:left;background-size:100% 100%;color:#4a4f66;}
.pTable .p-subject__comment{font-size:14px;font-weight:400;}
.pTable table:not(.table-condensed) th:not(:last-child):before{display:block;position:absolute;top:calc(50% - 7px);right:0;width:1px;height:14px;background-color:#e3e5e8;}

.pTable .p-notice{background-color:#f7f7fc;}


/* ie 추가 */
.browser-ie .pTable th{background:transparent !important;}


.pTable .p-input {min-width:200px; 
    height: 40px;
    border: 1px solid #bfc1c7; /* border: 1px solid #d5d7dd;*/
    border-radius:3px;
    color: #4a4f66;
   font-size: 16px;
    font-weight: 400;
    line-height: 34px;
    letter-spacing: 0;
    margin-bottom:5px;
}

.pTable .p-input2 {
    height: 40px;
    border: 1px solid #bfc1c7; /* border: 1px solid #d5d7dd;*/
    border-radius:3px;
    color: #4a4f66;
   font-size: 16px;
    font-weight: 400;
    line-height: 34px;
    letter-spacing: 0;
    margin-bottom:5px;
}

.pTable .p-input-auto {
    display: inline-block;
    width: auto;
}

.p-icon.p-icon-new {
    width: 37px;
    height: 20px;
    background-image: url(/images/common/bbs_sprite.png);
    background-repeat: no-repeat;
    background-size: auto;
}

.p-icon {
    display: inline-block !important;
    position: relative;
    margin-right: 2px;
    background-repeat: no-repeat;
    background-position: center center;
    font-size: 0;
    line-height: 0;
    vertical-align: middle;
}
.p-icon:before {
    width: 37px;
    height: 20px;
    background-image: url(/images/common/bbs_sprite.png);
    background-repeat: no-repeat;
    background-size: auto;
}

.p-form__required--icon {
    display: inline-block;
    margin-top: -3px;
    margin-left: 1px;
    font-size: 0;
    vertical-align: middle;
    text-indent: 100%;
}

.p-icon.p-icon-new.p-form__required--icon, .p-icon.p-icon-new.p-icon__asterisk {
    width: 9px;
    height: 8px;
    background-position: 94.86% 39.011%;
}

@media all and (max-width:767px) {
	.pTable .p-input {width:100% !important;/*  */ min-width:140px; font-size: 14px;}
	.pTable .p-input2 {width:100% !important;}
}


#complaintApp{padding:0px;}
#complaintApp h3{background:none; background-color: #f1f5fa; border-radius:10px; margin:0px 0px 30px 0px; padding:30px 20px 30px 20px; color:#222; border: 0px solid #a1ccfb; box-sizing: border-box; text-align:center; font-size:22px;	letter-spacing:-0.5px;   font-weight: bold;}
#complaintApp h4{background:none; padding:0px; margin:10px 0px 10px 0px; box-sizing: border-box; letter-spacing:-0.5px; font-family: 'notokr-medium'; font-size:22px;}
#complaintApp .complaintApp-inner{/* margin:25px 0px 0px 0px; border: 2px solid #434159; box-sizing: border-box; padding:25px;*/}

.comApp_txt{margin:10px 0px 10px 0px; padding:20px 0px 0px 0px; border-top: 1px dashed #ccc; box-sizing: border-box; }



/* 삭제 */

/* 모바일-이미지 다운로드 */
.imgdown{display:none;}
@media all and (max-width:767px) { 
	.imgdown{ position:absolute;  	display:block;  float:right; 
		right:115px; margin:-35px 0px 0px 0px;
	 /* text-align:right; 	padding:0px;  margin:-30px 100px 5px 0px; */
	 }
}


.ttopTxt{padding:5px 0px 5px 0px; text-align:right;}
@media all and (max-width:767px) {
	.ttopTxt{position: relative; z-index: 99; text-align:left;}
}