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

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

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

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

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

img.rdus{border-radius:15px;}
.hb1.h2{
	padding:2px 0 0 25px;
	/* background:url(../../img/lib/h2bg1.png) no-repeat 0 50%; */
	color:#000;
	font-weight:600;
	font-size:1.625em;/* =26/16 */
}

.hb1.h3{
	padding-left:0;
	background:none;
	margin:1.2em 0 .75em;
	color:#2f6dac;
}

.ls-13{letter-spacing:-1.3px !important;}

/* lib.css overwrite */
[class*='panel'].rdus {border-radius:15px;border-bottom-right-radius:60px;}
[class*='panel']>.deco1.size100px {width:100px;height:100px;margin:0 30px 0 10px;}
[class*='panel'] .body1 .h1 {font-size:22px;margin-top:.5em}
[class*='panel'] .body1 strong {display:block;letter-spacing:-.05em}
[class*='panel0'].hue1a2 {background:#fff;padding:25px 35px;border:1px solid #4080c2;}
[class*='panel0'].hue1a2 .body1 strong {color:#333;font-size:18px;line-height:28px;}
[class*='panel0'].hue1a2 .deco1 {width:110px;height:110px;background-image:url(../../img/lib/ic80a1deco1info.png);margin-left:0;}
[class*='panel'] .deco1 {margin-top:5px;}
[class*='panel'] .deco1.pencil {background-image:url(../../img/lib/ic80a1deco1bulb1.png)}
.panel1.hue2a5 {border-top:3px solid #2b405b;padding:25px 35px}
[class*='panel']>.deco6trophy1 {background-image:url(../../img/lib/ic200a1c1trophy1.png);}
[class*='panel']>.deco6note1pencil1 {background-image:url(../../img/lib/ic200a1c1note1pencil1.png);}
[class*='panel'] .deco1.megaphone {width:80px;height:89px;margin-right:30px;margin-left:0;background-image:url(../../img/lib/ic180a1c1megaphone1.png)}
[class*='panel']>.deco7bulb1 {width:115px;height:115px;background-image:url(../../img/lib/ic228a1c1bulb1.png);margin:0 30px 0 9px}
[class*='panel']>.deco7recycle1 {background-image:url(../../img/lib/ic228a1c1recycle1.png);}
/* BG */
.bgceceff2 {background-color:#eceff2 !important;}
.bgcf3f4f6 {background-color:#f3f4f6 !important;}
.bgcf9 {background-color:#f9f9f9 !important;}
.bgcf1 {background-color:#f1f1f1 !important}

/* 장식아이콘 없이 쓸때 */
[class*='panel0'].hue1a3 {background:#eff1f7;padding:25px 30px}
[class*='panel'].rdus2 {border-radius:15px}

/* 컨텐츠 버튼 */
.button.default1 {border-color:#999;background-color:#fff;color:#333;padding-top:.875em;padding-bottom:.75em;height:auto;color:#000;border-radius:100px;/* border-top-right-radius:0px;*/}
.button.default1>.ic1.download {background-image:url(../../img/lib/ic40a3c1download2.png);background-size:contain;}
.button.default1>.ic1.pdf {background-image:url(../../img/lib/ic20a1pdf.png);background-size:contain;}
.button.default1>.ic1.link1 {background-image:url(../../img/lib/ic20a1newwindow.png);}
.button.default1>.ic1.link2 {background-image:url(../../img/lib/ic40a2right1.png);}
.button.default1>.t1{font-size:1.063em;}
#body_content [class*=ico-] {position:relative;display:inline-block;vertical-align:middle;padding-right:25px;margin:2px 3px 0;}
#body_content [class*=ico-]:hover, #body_content [class*=ico-]:focus {text-decoration:none;}
#body_content [class*=ico-]:before, #body_content [class*=ico-]:after {position:absolute;content:"";display:block;}
#body_content [class*=ico-]:hover:before, #body_content [class*=ico-]:focus:before {left:0;bottom:0;width:100%;height:1px;background:#211b8f}
#body_content [class*=ico-]:after {bottom:4px;right:0;background-repeat:no-repeat;background-size:contain;}
#body_content .ico-down:after {width:20px;height:20px;background-image:url(../../img/lib/ic40a3c1download2.png);}
#body_content .ico-win:after {bottom:2px;width:20px;height:20px;background-image:url(../../img/lib/ic20a1newwindow.png)}
#body_content .ico-tel, #body_content .ico-email {padding-left:28px;padding-right:0;}
#body_content .ico-tel:after, #body_content .ico-email:after {right:auto;left:0;bottom:2px;width:24px;height:24px;background-color:#e2e5ec;border-radius:50%;}
#body_content .ico-tel:after {background-image:url(../../img/lib/ic24a1c2phone1.png)}
#body_content .ico-email:after {background-image:url(../../img/lib/ic20mail1.png)}


.contqna1{display: block;margin:50px 0;text-align:center;}
.contqna1 .tg1 .title{font-size:2.5em;margin:0;line-height:1;font-weight:normal;font-family:'LotteMartHappy';color:#000;}
.contqna1 .tg1 .title span{color:#f15b4e;}
.contqna1 .tg1 .t1{font-size:1.250em;margin:10px 0 40px;}




.rental1list1{margin-top:30px;}
.rental1list1 .li1{position:relative;
	border:1px solid #ddd;
	border-radius:15px;
	padding:30px;
	overflow:hidden;
	margin:0 0 20px
}
.rental1list1 .li1 .hg1{
	border-bottom:1px solid #ddd;
	padding:0 0 15px;
	margin:0 0 25px;
}
.rental1list1 .li1 .hg1 .num{display:inline-block;
	border-radius:100%;
	background:#2067c3;
	color:#fff;
	text-align:center;
	width:44px;height:44px;
	font-weight:500;
	line-height:44px;
	font-size:1.25em;
	margin:0 5px 0 0;
	vertical-align:top;
}
.rental1list1 .li1 .hg1 .t1{
	font-size:1.625em;
	color:#000;
	font-weight:500
}
.rental1list1 .li1 .route1{position:absolute;right:30px;top:30px;
	border-radius:30px;
	border:1px solid #ddd;
	color:#000;
	text-decoration:none;
	padding:5px 15px 5px 12px;
}
.rental1list1 .li1 .route1:before{content:'';
	display:inline-block;
	width:20px;height:20px;
	background:url(../../img/sub/ic40a1pointer.png) no-repeat 0 0 / contain;
	vertical-align:middle;
	margin:0 5px 0 0;
}
.rental1list1 .li1 .f1{float:left;
	width:490px;height:310px;
	overflow:hidden;
	border-radius:15px;
}
.rental1list1 .li1 .f1 img{width:100%;}
.rental1list1 .li1 .tg1{float:left;
	width:calc(100% - 520px);
	margin-left:30px;
}
.rental1list1 .li1 .tg1 ul{list-style:none;padding:0;margin:0;}
.rental1list1 .li1 .tg1 ul li{position:relative;min-height:30px;padding-left:100px;
	margin:5px 0;
}
.rental1list1 .li1 .tg1 ul li:last-child{margin-bottom:0}
.rental1list1 .li1 .tg1 ul li .t1{position:absolute;left:0;top:0;
	display:block;
	width:90px;height:30px;
	background:#f7f7f7;
	border-radius:20px;
	text-align:center;
	color:#000;
	line-height:30px;
}
@media all and (max-width:1399px){
	.rental1list1 .li1 .f1{width:350px;height:auto;}
	.rental1list1 .li1 .tg1{width:calc(100% - 380px)}
}
@media all and (max-width:839px){
	.rental1list1 .li1 .f1{width:250px;height:auto;}
	.rental1list1 .li1 .tg1{width:calc(100% - 280px)}
}
@media all and (max-width:767px){
	.rental1list1 .li1 .hg1{padding:0 0 10px}
	.rental1list1 .li1 .hg1 .num{width:35px;height:35px;line-height:35px;}
}
@media all and (max-width:639px){
	.rental1list1 .li1 .f1{float:none;width:100%;}
	.rental1list1 .li1 .tg1{float:none;width:100%;margin:10px 0 0}
}
@media all and (max-width:479px){
		.rental1list1 .li1{padding:30px 20px 80px}
	.rental1list1 .li1 .hg1 .num{display:block;
		width:30px;
		height:auto;
		line-height:100%;
		padding:5px 10px;
		border-radius:20px;
		font-size:14px;
	}
	.rental1list1 .li1 .route1{top:auto;bottom:30px;right:20px;left:20px;text-align:Center;}
}

/* lib.css Reset */
.hb1.h2{background:none;position:relative;margin-bottom:1em;}
.hb1.h2:before{content:'';display:block;position:absolute;left:0;top:7px;width:7px;height:7px;border-radius:50%;background:#26348b;}
.hb1.h2:after{content:'';display:block;position:absolute;top:15px;left:6px;width:10px;height:10px;border-radius:50%;background:#0194DB;}

/* .lst1s1 20230331 추가 */
.lst1s1{margin:0;padding:0;list-style:none;}
.lst1s1>li{margin:1% 0;background:#fff;border:1px solid #d9d9db;border-radius:10px;}
.lst1s1>li .even-grid{margin:1.2% 0;display:table;width:100%;}
.lst1s1>li .even-grid .column{position:relative;display:table-cell;vertical-align:middle;padding:.5% 3%;}
.lst1s1>li .even-grid .column.c1{width:25%;text-align:center;font-size:1.125em;color:#000;border-right:1px dotted #777;}
.lst1s1>li .even-grid .column.c2{width:75%;}

/* 주민자치회 소개 */
.intro1{position:relative;}
.intro1:before{content:'';display:block;width:443px;height:310px;background:url(../../img/sub/intro1bg1.jpg) no-repeat 0 0 / contain;margin:2em auto 0;}
.intro1 .wrap1{display:block;background:#00a646;color:#fff;border-radius:20px;padding:20px 80px;font-size:1.0625em;}
@media all and (max-width:810px){
	.intro1 .wrap1{padding:20px 40px;}
}
@media all and (max-width:428px){
	.intro1:before{width:300px;height:210px;}
}

/* 주민자치회장 인사말 */
.greeting1{position:relative;}
.greeting1 .c1{width:20%;float:right;}
.greeting1 .c2{width:calc(78% - 100px);float:left;margin-right:100px;box-sizing:border-box;}
.greeting1 .f1{margin-top:3em;position:relative;}
.greeting1 .f1:before{content:'';display:block;width:255px;height:161px;background:url(../../img/sub/greeting1f1bg1.png) no-repeat 0 0 / contain;position:absolute;left:-90px;bottom:-50px;}
.greeting1 .f1 img{border-radius:20px;}
.greeting1 .t1{font-weight:600;font-family:'ONE-Mobile';font-size:1.75em;color:#000;line-height:1.5;}
@media all and (max-width:428px){
	.greeting1 .c1{float:auto;width:100%;}
	.greeting1 .c2{float:auto;width:100%;padding-right:0;}
	.greeting1 .f1{margin-top:1em;text-align:center;}
	.greeting1 .f1:before{display:none;}
}

/* 자치계획 - 신청접수. 본청 lib2.css에서 #scard1 추가 */

/* 카드. 20190805 */
#scard1{display:block;position:relative;margin:auto;}#scard1>.wrap1{}
.cbox1 #scard1 .w1{padding:0;border:0;}
.cbox1 #scard1 .cate.c1{left:0;top:0;}

/* 내용뷰 */
#scard1 .mView{display:block;clear:both;z-index:5;position:relative;margin:0;overflow:hidden;}
#scard1 .mCont{list-style:none;padding:0;margin:0;}
#scard1 .mContC{margin-bottom:20px;}
#scard1 .mContC.on{}
#scard1 .w,#scard1 .w1{display:block;position:relative;box-sizing:border-box;color:#000;border-radius:10px;background:#fff;padding:20px;border:1px solid #ddd;}
#scard1 .cate{display:block;position:absolute;left:20px;top:20px;width:50px;height:50px;text-align:center;color:#fff;font-size:13px;border-radius:100%;overflow:hidden;font-weight:600;line-height:1em;white-space:nowrap;}
#scard1 .cate .tg1{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);}
#scard1 .cate .t1{display:block;}
#scard1 .cate .t2{display:block;}
#scard1 .cate.c1{background-color:#777;}/*접수마감*/
#scard1 .cate.c2{background-color:#f2195b;}/* 홍보중 */
#scard1 .cate.c3{background-color:#0054a6;}/* 접수예장 */
#scard1 .cate.c4{background-color:#1cbbb4;}/* 접수중 */

#scard1 .hg1{display:block;padding:0 0 0 60px;}
#scard1 .hg1 h4.h1{display:block;font-size:20px;width:100%;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;margin:0;}
#scard1 .hg1 .t1{display:block;font-size:16px;color:#777;width:100%;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
#scard1 .exp1{position:relative;display:block;font-size:14px;margin:20px 0;padding:10px 20px 10px 10px;line-height:120%;height:auto;max-height:45px;overflow:hidden;overflow-y:auto;background:#f7f7f7;word-break:keep-all;}

#scard1 .w ul,#scard1 .w1 ul{list-style:none;margin:0;padding:0;}
#scard1 .w ul li,#scard1 .w1 ul li{font-size:14px;}
#scard1 .w ul li b,#scard1 .w1 ul li b{color:#ff6704;}
#scard1 .btn{display:block;position:relative;margin:10px 0 0;}
#scard1 a.a1{display:inline-block;z-index:10;position:relative;background:#d4345f;color:#fff;font-size:14px;border-radius:50px;width:100px;height:auto;padding:5px 10px ;box-sizing:border-box;transition:.2s;text-decoration:none !important;}
#scard1 a.a1:after{content:'';display:block;position:absolute;right:10px;top:50%;width:16px;height:8px;margin:-4px 0 0 ;background:url(/_res/portal/img/lib2/ic16a1c0arrow.png) no-repeat;}
#scard1 a.bg1{background:#2d3b5c;margin-right:5px;}
#scard1 a.a1:hover,#scard1 a.a1:focus{border:0 !important;background:#000;}
.cbox1 #scard1 .cate{left:0;top:0;}

@media all and (min-width:768px){
	.cbox1 #scard1{margin:-20px -10px;}
	#scard1 .btn.tar.check{margin-top:-30px;}
}
@media all and (min-width:1260px){
	#scard1 .w{height:auto;margin:0;padding:30px;border:1px solid #ddd;overflow:hidden;}
	#scard1 .w1{padding:30px;}
	#scard1 .cate{left:30px;top:30px;width:68px;height:68px;font-size:16px;}
	#scard1 .hg1{padding:0 0 0 100px;}
	#scard1 .hg1 h4.h1{font-size:26px;}
	#scard1 .exp1{font-size:16px;line-height:130%;max-height:100px;padding:15px;}
	#scard1 .w ul{float:left;width:60%;}
	#scard1 .w ul li,#scard1 .w1 ul li{display:inline-block;font-size:16px;margin:0 20px 0 0;}
	#scard1 .w ul li:before,#scard1 .w1 ul li:before{content:'';display:inline-block;width:5px;height:5px;background:#777;border-radius:99999px;vertical-align:top;margin:10px 5px 0 0;}
	#scard1 .btn{float:right;margin:0;width:40%;text-align:right;}
	#scard1 a.a1{width:140px;height:48px;padding:10px 20px;font-size:16px;text-decoration:none !important;text-align:left;}
	#scard1 a.a1:after{right:20px;top:50%;}
	.cbox1 #scard1{margin:0;}
}

#charge1 dt:after{display:none;}


/* 본인인증 20230901 추가 */
.cbox1{border-radius:10px;background:#fff;border:#e6e9ec 1px solid;padding:20px;}
.cbox1 .panel1.scroll-y{margin-top:0;}
@media all and (min-width:768px){
	.cbox1{padding:50px 30px;}
}
@media all and (min-width:1260px){
	.cbox1{padding:30px;}
}
.text1title1 .hg1{text-align:center;}
.text1title1 .hg1 .h1{display:block;padding:0;margin:0 0 10px;color:#000;}
.text1title1 .hg1 .t1{display:block;padding:0;margin:0;}
@media all and (min-width:768px){
	.text1title1 .hg1 .h1{font-size:40px;}
}

/* 로그인 선택 20180222 */
.login2choice1{position:relative;}
.login2choice1 .column1 .w1{display:block;padding:20px 0;text-align:center;}
.login2choice1 .column1 .w1 .ic1{display:block;margin:0 auto 10px;width:89px;height:89px;background:url(../../img/lib2/login1c1@2x.png) no-repeat 0 0 / contain;}
.login2choice1 .column1.phone .w1 .ic1{background-image:url(/_res/portal/img/lib2/login1c1@2x.png);}
.login2choice1 .column1.birth .w1 .ic1{background-image:url(/_res/portal/img/lib2/login1c2@2x.png);}
.login2choice1 .column1.adult .w1 .ic1{background-image:url(/_res/portal/img/lib2/login1c3@2x.png);}
.login2choice1 .column1.child  .w1 .ic1{background-image:url(/_res/portal/img/lib2/login1c4@2x.png);}
.login2choice1 .column1:nth-of-type(2) .w{border-top:1px solid #ddd;}
.login2choice1 .column1 .w1 .h1{display:block;color:#000;}
.login2choice1 .column1 .w1 .text1{margin:10px 0;}
.login2choice1 .column1 .w1 .text1 br{display:none;}
.login2choice1 .column1 .w1 .a1{display:block;position:relative;z-index:10;background:#00b035;color:#fff;border-radius:20px;width:200px;padding:10px 20px 8px;border:none !important;text-align:left;margin:0 auto;text-decoration:none !important;box-sizing:border-box;}
.login2choice1 .column1 .w1 .a1:after{content:'';display:block;position:absolute;right:20px;top:50%;width:16px;height:8px;margin:-4px 0 0;background:url(/_res/portal/img/lib2/ic16a1c0arrow.png) no-repeat;}

@media all and (min-width:768px){
	.login2choice1 .hg1 .h1{text-align:center;font-size:40px;}
	.login2choice1 .hg1 .t1{text-align:center;}
	.login2choice1c{text-align:center;}
	.login2choice1 .column1{display:inline-block;vertical-align:top;width:50%;margin:0 0 0 -0.25em;}
	.login2choice1 .column1 .w1{margin:50px 0 0;padding:30px;}
	.login2choice1 .column1.c1{border:0;}
	.login2choice1 .column1:nth-of-type(2) .w1{border-top:0;border-left:1px solid #ddd;}
	.login2choice1 .column1 .w1 .h1{font-size:30px;}
	.login2choice1 .column1 .w1 .text1{height:48px;margin:20px 0 50px;}
	.login2choice1 .column1 .w1 .text1 br{display:block;}
	.login2choice1 .column1 .w1 .ic1{width:178px;height:178px;margin:0 auto 30px;}
}



/*다운로드 박스 1/2 */
.down1box1 .column .wrap1{border-radius:10px; background:#f2f4f6;}
.down1box1 .column .downbtn01{float:left; padding-left:20px;}
.down1box1 .column .button{float:right; margin:0.9em 1.5em 0 0;}