@charset "utf-8";
/**
 * @File Name : content.css
 * @Description : Each Subpage Body Contents CSS (★ 최초…최종 작업자는 갱신 이력을 반드시 남겨주세요!)
 * @Modification Information
 * <pre>
 * 수정일 | 수정자 | 수정내용
 * 2019.00.00 | ★★★ | 최초 등록
 * </pre>
 * @author 웹표준화실
 * @since 2019.04.19
 *
 * @Copyright (C) IACTS.CO.KR All rights reserved.
 */

/*! Subpage Body Content Each Template v.20150905~ 20190422. 20190611 | by @Who
 */

/** Compatible! [IE9+] 20190112~ */

/* Table of contents ))
 | .content1template1
 | …
 */

/* All Device ◆◆◆◆◆◆◆◆◆◆ */


/* ◇◆ StyleName. YYYYMMDD. @Who	 ◇◆ */



/* 자원봉사 */
.vt1box1{padding:3% 0;}
.vt1box1 .h3{font-size:26px;}
.vt1box1 .ct1{font-size:20px;}
.vt1box1 .cp19card4 .t11{display:block;
	color:#315273;
	font-weight:600;
	font-size:20px;
	line-height:1.25; 
	margin-bottom:20px;
}
.vt1box1 .cp19card4 .t21{display:block;
	position:relative;
	height:44px;
	margin:.8125em 0 1.75em;
	color:#333;
	font-size:16px;
	line-height:22px;
	overflow:hidden;
}
@media all and (min-width:768px){
.vt1box1 .h3{font-size:36px;}
.vt1box1 .ct1{font-size:26px;color:#0054a6;font-weight:600;}
.vt1box1 .cp19card4 .t11 {height:20px;}
} 



.minwon2-wr {border-top:1px solid #222;}
.minwon2-wr .minwon2-list {position:relative;border-bottom:1px solid #ddd;min-height:83px;padding:20px 10px}
.minwon2-wr .minwon2-list .tit {padding:8px 0 0;margin:0;font-weight:normal;letter-spacing:-0.1em;}
.minwon2-wr .minwon2-list .txt {font-size:14px;line-height:18px;letter-spacing:-0.05em;margin:10px 0 0}

@media all and (min-width:700px){
	.minwon2-wr .minwon2-list {padding:20px 0;min-height:83px;}
	.minwon2-wr .minwon2-list .txt {font-size:16px;line-height:22px;}
}




/* content1template1 (★샘플.지우세요) */
.content1template1{display:block;
	position:relative;
	margin:1.375em auto;
	line-height:1.375;
}
.content1template1>.wrap1{}

/* 긴급전화안내*/

.body_content .sostel a[href^='tel']{padding-left:10px !important;}/*긴급전화  전화번호 겹칩*/
.body_content .sostel a[href^='tel']:before{background-image:none;padding-left:0 !important;}/*긴급전화  전화번호 겹칩*/

.sostel .tableofcontents1_list .b2{display:inline-block;position:relative;
	box-sizing:border-box; /* ☆ */
	width:28px;height:28px;margin:0;padding:0;line-height:28px; text-align:center;
	border:1px solid #999;border-radius:50%; font-size:13px;
	background:url(/_res/portal/img/lib2/ic58a1c1tel1.png) no-repeat;background-size:contain;
}
.sostel .tableofcontents1_list .b2:hover{background:#f3f3f3 url(/_res/portal/img/lib2/ic58a1c1tel1.png) no-repeat;background-size:contain;}
.sostel .tableofcontents1_list .b2:hover:before{content:'';
	display:block;
	z-index:-2; /* ☆ */
	position:absolute;left:-1000px;right:0;top:.833em;
	border-top:1px dotted #cacdd3;

}

.rainmapt3 table.t3 {font-size:14px;}
.rainmapt3 table.t3>*>tr>th,
.rainmapt3 table.t3>*>tr>td{padding:.25em .75em;}
.rainmapt3 table.t3>thead>tr>th{	padding:.3em .75em; }

/* 강우량*/
#rainmap1{display:block;
	position:relative;
	margin:auto;
	color:#000;
}
#rainmap1 .wrap1{}

/* ☆ */
#rainmap1 .w1{display:block;
	z-index:0;
	position:relative;
	margin:0 -20px;
	overflow:hidden;
	overflow-x:auto;
}
#rainmap1 .map1data1{
	position:relative;
	width:382px; /* (백지도+여유) */
	height:551px; /* (백지도+여유) */
	margin:0 auto 10px;
	zoom:.8; /* ☆ */
}
#rainmap1 .map1data1 img{display:block;
	position:relative;
}
/* 지도요소 */
#rainmap1 .di{display:inline-block;
	position:absolute;
	width:0;height:0;
}
#rainmap1 .dt{display:inline-block;
	z-index:10;
	position:relative;
	bottom:2px; /* ☆ */
	margin:0 -1.5em;
	color:#0b3490;
	font-weight:600;
	font-size:13px;
	line-height:1; /* ☆ */
}
#rainmap1 .dd{display:inline-block;
	z-index:10;
	position:absolute;left:0;bottom:0;
	box-sizing:border-box; /* ☆ */
	width:56px;
	height:66px;
	margin:0 -28px;
	padding:30px 0 0;
	background:url(../../img/main/rainmap1/rainmap1marker1@2x.png) no-repeat center center;
	background-size:contain;
	color:#fff;
	font-size:15px;
	text-align:center;
}
/* 존(기준위치) */
#rainmap1 .di.m1{left:116px;top:75px;} /* 가야면 */
#rainmap1 .di.m2{left:199px;top:115px;} /* 야로면 */
#rainmap1 .di.m3{left:151px;top:164px;} /* 묘산면 */
#rainmap1 .di.m4{left:70px;top:247px;} /* 봉산면 */
#rainmap1 .di.m5{left:156px;top:253px;} /* 합천읍 */
#rainmap1 .di.m6{left:272px;top:224px;} /* 쌍책면 */
#rainmap1 .di.m7{left:339px;top:231px;} /* 덕곡면 */
#rainmap1 .di.m8{left:222px;top:268px;} /* 율곡면 */
#rainmap1 .di.m9{left:38px;top:340px;} /* 대병면 */
#rainmap1 .di.m10{left:121px;top:363px;} /* 용주면 */
#rainmap1 .di.m11{left:252px;top:359px;} /* 초계면 */
#rainmap1 .di.m12{left:352px;top:361px;} /* 청덕면 */
#rainmap1 .di.m13{left:69px;top:436px;} /* 가회면 */
#rainmap1 .di.m14{left:195px;top:356px;} /* 대양면 */
#rainmap1 .di.m15{left:296px;top:326px;} /* 적중면 */
#rainmap1 .di.m16{left:195px;top:445px;} /* 쌍백면 */
#rainmap1 .di.m17{left:140px;top:490px;} /* 삼가면 */


/* 합천군 */
#rainmap1 .di.m0{left:313px;top:507px;}
#rainmap1 .di.m0 .dt{
	bottom:0;
	color:#2d3c57;
	font-size:17px;
}
#rainmap1 .di.m0 .dd{
	width:74px;
	height:86px;
	margin:0 -37px;
	padding:40px 0 0;
	background-image:url(../../img/main/rainmap1/rainmap1marker2@2x.png);
	font-size:19px;
}


.history1 .history1list1 ul.bun2 {list-style:none;margin:0;padding:15px 0;}
.history1 .history1list1 ul.bun2 li {position:relative;padding-left:20px;font-size:1em;}
 
 
/* 평생학습 */
.history1box12{padding:3% 15%;}
.history1box12 .h3{font-size:24px;}
.history1box12 .ct1{font-size:20px;}

@media all and (min-width:768px){
 
.history1box12 .h3{font-size:34px;}
} 
/* 평생학습 비전 */
.vision1{margin:0;padding:0;}
.vision1 .title1{
	width:140px;height:34px;
	margin:20px auto 40px;padding:10px 20px;
	border-radius:9999px;
	background:#315273;
	color:#fff;
	font-weight:600;
	font-size:26px;
	line-height:34px;
	text-align:center;
	vertical-align:middle;
	}
.vision1 .title2{width:90%;background:#1e67b1;font-size:20px;}
.vision1 .v_t1{margin:0 auto 40px;color:#315273;font-weight:600;font-size:40px;line-height:48px;text-align:center;}
.vision1 .vic01{margin:20px auto 40px;width:63px;height:76px;background:url(/_res/mayor/img/sub/h06220_img1.png) no-repeat;}
.vision1 .vic02{margin:20px auto 40px;width:100px;height:100px;background:url(/_res/depart/img/sub/lifelongedu/h06220_img3.png) no-repeat;}
.vision1 .v_rbox1{margin:0 auto;width:256px;height:256px;background:url() no-repeat;border-radius:9999px;box-sizing:border-box;box-shadow:3px 3px 6px rgba(0,0,0,0.0);}
.vision1 .v_bgc1{background:url(/_res/depart/img/sub/lifelongedu/h06064_img1.png) no-repeat;}
.vision1 .v_bgc2{background:url(/_res/depart/img/sub/lifelongedu/h06064_img2.png) no-repeat;}
.vision1 .v_bgc3{background:url(/_res/depart/img/sub/lifelongedu/h06064_img3.png) no-repeat;}
.vision1 .v_bgc4{background:url(/_res/depart/img/sub/lifelongedu/h06064_img4.png) no-repeat;}
.vision1 .mgl-10px{margin-left:0px !important;}
.vision1 .v_t2{margin:0px auto 0px;padding-top:140px;display:block;text-align:center;color:#fff;	font-weight:600;	font-size:26px;line-height:30px;}
.vision1 span.vic03{display:block;margin:-13px auto 20px;padding:10px 0;width:36px;height:16px;background:#1c68ac;color:#fff;font-weight:600;font-size:16px;line-height:16px;text-align:center;vertical-align:middle;}

.vision1 .box1{margin-top:-1px !important;}
.vision1 .pdl20px{padding-left:0px !important;}
.vision1 .v_t3{margin:0 auto 10px;color:#000;font-weight:400;font-size:18px;line-height:22px;text-align:center;}

@media all and (min-width:768px){
	.vision1 .v_t1{font-size:48px;line-height:48px; }
	.vision1 .title2{width:340px;font-size:26px;}
	.vision1 .mgl-10px{margin-left:-20px !important;}
	.vision1 .box1{margin-left:-1px !important;margin-top:-1px !important;}
	.vision1 .pdl20px{padding-left:20px !important;}
	.vision1 .m1{width:50% !important;}
	.vision1 .vic02{position:absolute;left:33%;top:34%;width:300px;height:300px;background:url(/_res/depart/img/sub/lifelongedu/h06220_img2.png) no-repeat;}
}
@media all and (min-width:768px){
	 .vision1 .v_t3{margin:0 auto 30px;}
}

.cp19card4.w2 .w1{border: 1px solid #ccc;}

.charter1 .contbox.ct7 {padding: 3% 6%;}
.imgw100 img {width:100%;}

/* RWD ◇◆◇◆◇◆◇◆◇◆◇◆ */
/* small~xlarge */
@media all and (min-width:768px){/* medium ◇◆◇◆◇◆◇◆◇◆ */
} /* /(min-width:768px) */
@media all and (min-width:1000px){/* large ◇◆◇◆◇◆◇◆◇◆ */
} /* /(min-width:1000px) */
@media all and (min-width:1260px){/* xlarge (1200+20*2+16+2*2) ◇◆◇◆◇◆◇◆◇◆ */
} /* /(min-width:1260px) */
/* /RWD ◇◆◇◆◇◆◇◆◇◆◇◆ */