@charset "utf-8";
/**
 * @File Name : lib2.css
 * @Description : Add Share Contents ..
 * @Modification Information
 * <pre>
 * 수정일 | 수정자 | 수정내용
 * 2018.07.04 | 문영신 | 최초 등록
 * 2018.07.18 | 문영신 | 요구반영. 결함개선. 고도화.
 * </pre>
 * @author 웹표준화실 문영신
 * @since 2018.07.04
 *
 * @Copyright (C) IACTS.CO.KR All rights reserved.
 */`

/*! CSS Library v0.2. 20170608~. 20170822. 20180110. |
 * 공유 콘텐츠 CSS 추가
 * class 선택자에 정의한다. 우선순위 높은 id 선택자는 필연적일 때만 사용한다.
 */

/** Compatible!
 * [IE8+]
 */

/** Table of contents ))
 | Overwrite
 | Add Share Contents
 | Components Library
 | RWD
 */


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


/* … lib.css, lib1cp1.css )) Overwrite YYYYMMDD ◆◆◆ */


/* .button .ic1.indy … */

[class*='panel']>.size100px{
	width:100px;height:100px;
	margin:0 30px 0 10px;
}
[class*='panel']>.deco6trophy1{background-image:url(../../img/lib2/ic200a1c1trophy1.png);}
[class*='panel']>.deco6note1pencil1{background-image:url(../../img/lib2/ic200a1c1note1pencil1.png);}


/* Add Share Contents Style ◇◆◇◆◇◆◇◆◇◆ */



/* ◇◆ Components Library ◇◆◇◆◇◆◇◆◇◆ */





/* YYYYMMDD.Writer. ◇◆ */



/* 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 ◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆ */


/* 시민제안 추가 20230901 */
.button.ssmall {font-size:.813em;padding:.25em .5em;height:2em}
[class*='search1select'] .submit .ic1 {display:none}
[class*='panel'].hue2a3>[class*='deco1']+.body1 ul.bu>li {line-height:26px;}
[class*='panel'].hue2a3>[class*='deco1']+.body1 ul.bu>li:before {display:none}
[class*='panel'].hue2a3>[class*='deco1']+.body1 .hb1.h3 {margin-top:1em}
[class*='panel'].hue2a3>[class*='deco1']+.body1 .btns {margin-top:10px;margin-bottom:20px}
[class*='panel'].hue2a3>[class*='deco1']+.body1 .btns .button {height:2.8em;padding-top:.625em;padding-bottom:.625em;font-size:18px;color:#000;font-weight:500;margin-right:10px;letter-spacing:-.1em;}
[class*='panel'].hue2a3>[class*='deco1']+.body1 .btns .button .ic1 {vertical-align:middle;background-repeat:no-repeat;background-size:contain;margin-left:10px;margin-top:-4px}
[class*='panel'].hue2a3>[class*='deco1']+.body1 .btns .button .ic1.write1 {width:29px;height:22px;background-image:url(../../img/lib4/ic29a1write.png);}
[class*='panel'].hue2a3>[class*='deco1']+.body1 .btns .button .ic1.view1 {width:25px;height:25px;background-image:url(../../img/lib4/ic25a1view.png);}
[class*='panel'].hue2a3>[class*='deco1']+.body1 .btns .button .ic1.download1 {width:18px;height:18px;background-image:url(../../img/lib4/ic18a1download.png);}
[class*='panel'].hue2a3>[class*='deco1']+.body1 .btns .button .ic1.mayor1 {width:25px;height:23px;background-image:url(../../img/lib4/ic23a1mayor.png);}
@media screen and (max-width:999px){
	[class*='panel'].hue2a3>[class*='deco1']+.body1 .btns .button {padding-left:.5em;padding-right:.5em;margin-right:5px;font-size:17px}
}
@media screen and (max-width:768px){
	[class*='panel'].hue2a3>[class*='deco1']+.body1 {font-size:.938em}
	[class*='panel'].hue2a3>[class*='deco1']+.body1 ul.bu>li {font-size:15px;line-height:24px}
	[class*='panel'].hue2a3>[class*='deco1']+.body1 .btns {text-align:center;margin-bottom:15px}
	[class*='panel'].hue2a3>[class*='deco1']+.body1 .btns .button {font-size:16px;height:2.6em;padding:.5em;margin:2px;}
}
@media screen and (max-width:599px){
	[class*='panel'].hue2a3>[class*='deco1']+.body1 {font-size:.875em}
	[class*='panel'].hue2a3>[class*='deco1']+.body1 ul.bu>li {font-size:14px;line-height:22px}
	[class*='panel'].hue2a3>[class*='deco1']+.body1 .btns .button {font-size:15px;}
	[class*='panel'].hue2a3>[class*='deco1']+.body1 .btns .button .ic1 {margin-left:7px;}
	[class*='panel'].hue2a3>[class*='deco1']+.body1 .btns .button .ic1.write1 {width:22px;height:18px;}
	[class*='panel'].hue2a3>[class*='deco1']+.body1 .btns .button .ic1.view1 {width:20px;height:20px;}
	[class*='panel'].hue2a3>[class*='deco1']+.body1 .btns .button .ic1.download1 {width:14px;height:14px;}
}
@media screen and (max-width:499px){
	[class*='panel'].hue2a3>[class*='deco1']+.body1 {font-size:.813em}
	[class*='panel'].hue2a3>[class*='deco1']+.body1 ul.bu>li {font-size:13px;line-height:20px}
	[class*='panel'].hue2a3>[class*='deco1']+.body1 .btns {margin-bottom:0}
	[class*='panel'].hue2a3>[class*='deco1']+.body1 .btns:after {content:"";display:block;clear:both;}
	[class*='panel'].hue2a3>[class*='deco1']+.body1 .btns .button {font-size:14px;float:left;width:calc(50% - 6px);;box-sizing:border-box;margin:3px}
	[class*='panel'].hue2a3>[class*='deco1']+.body1 .btns .button:last-child {width:calc(100% - 6px);}
}



/* 탭 */
.citizen1wrap .tabs1 .even-grid>.column a {font-size:17px;}
.ctab1 {overflow:hidden;list-style:none;margin:0;padding:0;border-top:1px solid #ccc;border-left:1px solid #ccc;margin:50px 0;}
.ctab1 li {float:left;width:calc(100% / 6);}
.ctab1 li a {display:block;border:1px solid #ccc;border-top:0;border-left:0;text-align:center;padding:15px 0 14px;font-size:17px;color:#000;letter-spacing:-.1em;font-weight:500;}
.ctab1 li.on a {background-color:#363940;border-color:#363940;color:#fff;font-weight:600;text-decoration:underline;text-underline-position:under;}
.ctab1 li a:hover, .ctab1 li a:focus {text-underline-position:under;}
@media screen and (max-width:768px){
	.citizen1wrap .tabs1 .even-grid>.column a {font-size:16px;}
	.ctab1 {margin:35px 0}
	.ctab1 li {width:calc(100% / 4);}
	.ctab1 li a {font-size:16px;}
}
@media screen and (max-width:599px){
	.citizen1wrap .tabs1 .even-grid>.column a {font-size:15px;}
	.ctab1 {margin:30px 0}
	.ctab1 li {width:calc(100% / 3)}
	.ctab1 li a {font-size:15px;padding:13px 5px 12px}
}
@media screen and (max-width:499px){
	.citizen1wrap .tabs1 .even-grid>.column a {font-size:14px;}
	.ctab1 {margin:25px 0}
	.ctab1 li {width:calc(100% / 2)}
	.ctab1 li a {font-size:14px;padding:8px 5px 7px}
}

/* 목록 */
.menu-group2 .m {position:relative;display:inline-block;vertical-align:middle;margin-right:28px;color:#555;font-weight:500;letter-spacing:-.05em}
.menu-group2 .m.on {font-weight:600;color:#3377cc;}
.menu-group2 .m.on:before {content:"";display:inline-block;vertical-align:middle;width:20px;height:20px;background:url(../../img/lib4/card1citizen_sprite.png) no-repeat -78px 0;margin:-4px 6px 0 0}
.menu-group2 .m:after {position:absolute;top:calc(50% - 6.5px);right:-14px;content:"";display:block;width:1px;height:13px;background:#ddd;}
.menu-group2 .m:last-child {margin-right:0}
.menu-group2 .m:last-child:after {display:none}
@media screen and (max-width:768px){
	.menu-group2 .m {font-size:15px}
}
@media screen and (max-width:599px){
	.citizen1wrap .infomenu1 .left .info1 {font-size:15px;line-height:20px}
	.menu-group2 .m {font-size:14px}
}
@media screen and (max-width:499px){
	.citizen1wrap .infomenu1 .left .info1 {font-size:14px;line-height:18px}
	.menu-group2 .m {font-size:13px;margin-right:20px}
}

.card1citizen {border-top:1px solid #ddd;margin-top:15px;padding-top:30px;margin-bottom:40px;}
.card1citizen .even-grid>.column {padding:10px;}
.card1citizen .even-grid li.column a {position:relative;display:block;border:1px solid #e7e7e7;padding:25px 20px 15px;word-break:keep-all}
.card1citizen .even-grid li.column a:hover, .card1citizen .even-grid li.column a:focus {text-decoration:none;}
.card1citizen .even-grid li.column a span[data-category] {display:block;width:90px;height:30px;line-height:30px;border-radius:15px;text-align:center;color:#fff;font-size:15px;background-color:#898989}
.card1citizen .even-grid li.column a span[data-category="일반행정"] {background-color:#0f9dae}
.card1citizen .even-grid li.column a span[data-category="시민복지"] {background-color:#e8323d}
.card1citizen .even-grid li.column a span[data-category="경제세무"] {background-color:#1a4589}
.card1citizen .even-grid li.column a span[data-category="환경위생"] {background-color:#55662f}
.card1citizen .even-grid li.column a span[data-category="도시건축"] {background-color:#8868E3}
.card1citizen .even-grid li.column a span[data-category="건설교통"] {background-color:#0f9dae}
.card1citizen .even-grid li.column a span[data-category="농업축산"] {background-color:#008456}
.card1citizen .even-grid li.column a span[data-category="보건"] {background-color:#d08400}
.card1citizen .even-grid li.column a span[data-category="문화관광"] {background-color:#4c59b9}
.card1citizen .even-grid li.column a span[data-category="상하수도"] {background-color:#525b6c}
.card1citizen .even-grid li.column a span[data-category="평생교육"] {background-color:#89288f}
.card1citizen .even-grid li.column a .dday {position:absolute;top:25px;right:25px;font-size:18px;font-weight:600;color:#000;}
.card1citizen .even-grid li.column a .dday:before {content:"";display:inline-block;vertical-align:middle;width:21px;height:21px;background:url(../../img/lib4/card1citizen_sprite.png) no-repeat 0 0;margin:-4px 9px 0 0}
.card1citizen .even-grid li.column a .h1 {display:block;font-size:20px;font-weight:600;color:#000;line-height:28px;letter-spacing:-.1em;;height:56px;overflow:hidden;margin-top:15px;margin-bottom:15px}
.card1citizen .even-grid li.column a .t1 {display:block;font-size:15px;line-height:23px;height:69px;overflow:hidden;letter-spacing:-.1em;color:#666;margin-bottom:20px}
.card1citizen .even-grid li.column a .name, .card1citizen .even-grid li.column a .date {font-size:15px;margin-bottom:20px;}
.card1citizen .even-grid li.column a .name {float:left;}
.card1citizen .even-grid li.column a .date {float:right;}
.card1citizen .even-grid li.column a .btns {clear:both;display:block;border-top:1px solid #e7e7e7;padding-top:10px;color:#000;font-weight:600;font-size:16px;}
.card1citizen .even-grid li.column a .btns .b1 {position:relative;display:inline-block;vertical-align:middle;padding-left:33px;margin-right:10px;font-weight:bold}
.card1citizen .even-grid li.column a .btns .b1:before {position:absolute;top:3px;left:0;content:"";display:block;width:26px;height:24px;background:url(../../img/lib4/card1citizen_sprite.png) no-repeat}
.card1citizen .even-grid li.column a .btns .b1.fav:before {background-position:-23px 0}
.card1citizen .even-grid li.column a .btns .b1.reply:before {background-position:-51px 0}
@media screen and (max-width:999px){
	.card1citizen {padding-top:25px}
}
@media screen and (max-width:768px){
	.card1citizen {padding-top:15px;margin-bottom:30px}
	.card1citizen .even-grid li.column a span[data-category] {font-size:14px;width:81px;height:27px;line-height:27px;}
	.card1citizen .even-grid li.column a .dday {font-size:16px}
	.card1citizen .even-grid li.column a .h1 {font-size:18px;line-height:26px;height:52px;margin-top:13px;margin-bottom:13px;}
	.card1citizen .even-grid li.column a .t1 {font-size:14px;line-height:21px;height:63px;margin-bottom:15px}
	.card1citizen .even-grid li.column a .name, .card1citizen .even-grid li.column a .date {font-size:14px;margin-bottom:15px;}
	.card1citizen .even-grid li.column a .btns {font-size:15px;}
	.card1citizen .even-grid li.column a .btns .b1 {padding-left:25px;margin-right:8px}
	.card1citizen .even-grid li.column a .btns .b1:before {width:21px;height:19px;background-size:auto 19px}
	.card1citizen .even-grid li.column a .btns .b1.fav:before {background-position:-18px 0}
	.card1citizen .even-grid li.column a .btns .b1.reply:before {background-position:-40px 0}
}
@media screen and (max-width:599px){
	.card1citizen {padding-top:10px;margin-bottom:20px}
	.card1citizen .even-grid>.column {padding:5px}
	.card1citizen .even-grid li.column a {padding:20px 15px 15px}
	.card1citizen .even-grid li.column a span[data-category] {font-size:13px;width:72px;height:24px;line-height:24px;}
	.card1citizen .even-grid li.column a .dday {font-size:15px;top:17px;right:15px;}
	.card1citizen .even-grid li.column a .h1 {font-size:17px;line-height:24px;height:48px;margin-top:10px;margin-bottom:10px;}
	.card1citizen .even-grid li.column a .t1 {font-size:13px;line-height:20px;height:60px;margin-bottom:13px}
	.card1citizen .even-grid li.column a .name, .card1citizen .even-grid li.column a .date {font-size:13px;margin-bottom:13px;}
	.card1citizen .even-grid li.column a .btns {font-size:14px;}
}

/* 시민제안(제안성립) */
.citizen1 {margin-top:80px;border-bottom:0}
.citizen1 .hg1 {position:relative;}
.citizen1 .hg1 .h1 {position:relative;font-size:24px;font-weight:600;color:#000;padding-left:105px;margin-top:30px;margin-right:280px;letter-spacing:-.075em}
.citizen1 .hg1 .h1 span[data-category] {position:absolute;top:3px;left:0;width:90px;height:30px;line-height:30px;border-radius:15px;text-align:center;color:#fff;font-size:15px;background-color:#898989;letter-spacing:-.05em}
.citizen1 .hg1 .h1 span[data-category="일반행정"] {background-color:#0f9dae}
.citizen1 .hg1 .h1 span[data-category="시민복지"] {background-color:#e8323d}
.citizen1 .hg1 .h1 span[data-category="경제세무"] {background-color:#1a4589}
.citizen1 .hg1 .h1 span[data-category="환경위생"] {bac kground-color:#55662f}
.citizen1 .hg1 .h1 span[data-category="도시건축"] {background-color:#8868E3}
.citizen1 .hg1 .h1 span[data-category="건설교통"] {background-color:#0f9dae}
.citizen1 .hg1 .h1 span[data-category="농업축산"] {background-color:#008456}
.citizen1 .hg1 .h1 span[data-category="보건"] {background-color:#d08400}
.citizen1 .hg1 .h1 span[data-category="문화관광"] {background-color:#4c59b9}
.citizen1 .hg1 .h1 span[data-category="상하수도"] {background-color:#525b6c}
.citizen1 .hg1 .h1 span[data-category="평생교육"] {background-color:#89288f}
.citizen1 .hg1 .fav1box {position:absolute;top:4px;right:0;width:270px;height:60px;border:1px solid #ddd;border-radius:10px;box-sizing:border-box;text-align:center;padding:20px 0;}
.citizen1 .hg1 .fav1box span {position:relative;display:inline-block;vertical-align:top;font-size:18px;color:#000;letter-spacing:-.05em;line-height:1;font-weight:500;margin:0 10px;padding-left:35px;}
.citizen1 .hg1 .fav1box span:before {position:absolute;top:-3px;left:0;content:"";display:block;width:24px;height:24px;background:url(../../img/lib4/citizen1view_sprite.png) no-repeat}
.citizen1 .hg1 .fav1box .up:before {background-position:0 0}
.citizen1 .hg1 .fav1box .down:before {background-position:-26px 0}
.citizen1 .info2:after {content:"";display:block;clear:both;}
.citizen1 .info2 dl {float:left;margin:10px 8px 20px;padding:0;overflow:hidden;color:#666;letter-spacing:-.05em}
.citizen1 .info2 dl:first-child {margin-left:0}
.citizen1 .info2 dl dt, .citizen1 .info2 dl dd {position:relative;float:left;margin:0}
.citizen1 .info2 dl dt {padding-left:31px;}
.citizen1 .info2 dl dt:before {position:absolute;top:2px;left:0;content:"";display:block;width:25px;height:25px;background:url(../../img/lib4/citizen1view_sprite.png) no-repeat;}
.citizen1 .info2 dl.write dt:before {background-position:-52px 0}
.citizen1 .info2 dl.period dt:before {background-position:-81px 0}
.citizen1 .info2 dl dd:before {content:":";display:inline-block;margin:0 2px}
.citizen1 .substance {font-size:17px;line-height:27px;letter-spacing:-.05em;color:#333;font-weight:500}
.citizen1 .reply1 {border:1px solid #ddd;padding:50px 40px;margin-bottom:40px}
.citizen1 .reply1 .h2 {position:relative;line-height:1.1;margin:0;font-size:24px;letter-spacing:-.075em;color:#000;padding-left:90px;}
.citizen1 .reply1 .h2:before {position:absolute;top:-8px;left:0;content:"";display:block;width:70px;height:68px;background:url(../../img/lib4/citizen1view_sprite.png) no-repeat 0 -27px}
.citizen1 .reply1 .info3 {margin:5px 0 0 90px;list-style:none;padding:0}
.citizen1 .reply1 .info3:after {content:"";display:block;clear:both;}
.citizen1 .reply1 .info3 li {float:left;position:relative;font-size:15px;letter-spacing:-.075em;color:#666;}
.citizen1 .reply1 .info3 li:last-child {margin-left:10px;padding-left:10px;}
.citizen1 .reply1 .info3 li:last-child:before {position:absolute;top:calc(50% - 5px);left:0;content:"";display:block;width:1px;height:11px;background:#ddd;}
.citizen1 .reply1 .reply1cont {margin-top:30px;font-size:17px;line-height:27px;letter-spacing:-.05em;color:#333;font-weight:500}
.citizen1 .comment2form1 .h1 {position:relative;font-size:20px;font-weight:600;color:#000;letter-spacing:-.1em;margin:0 0 20px;padding-left:35px}
.citizen1 .comment2form1 .h1:before {position:absolute;top:2px;left:0;content:"";display:block;width:25px;height:24px;background:url(../../img/lib4/citizen1view_sprite.png) no-repeat -72px -27px}
.citizen1 .comment2form1 form {position:relative;padding-right:110px;}
.citizen1 .comment2form1 form fieldset {margin:0}
.citizen1 .comment2form1 label {position:absolute;top:15px;left:15px;z-index:1;color:#bbb;}
.citizen1 .comment2form1 textarea {width:100%;height:100px;border-color:#ddd;margin:0;background:#fff;}
.citizen1 .comment2form1 .button.submit {position:absolute;top:0;right:0;width:110px;height:100%;background:#006bb7;margin:0;border:0;border-radius:0}
.citizen1 .comment2list1 {margin-top:10px}
.citizen1 .comment2list1 .lst1 {margin:0 0 30px;list-style:none;padding:0;}
.citizen1 .comment2list1 .lst1 .li1 {position:relative;padding:20px 0;border-bottom:1px dashed #ddd}
.citizen1 .comment2list1 .lst1 .li1 .text .name, .citizen1 .comment2list1 .lst1 .li1 .text .time {float:left;font-size:16px;color:#666;letter-spacing:-.075em;font-weight:500;}
.citizen1 .comment2list1 .lst1 .li1 .text .time {position:relative;margin-left:10px;padding-left:10px;}
.citizen1 .comment2list1 .lst1 .li1 .text .time:before {position:absolute;top:9px;left:0;content:"";display:block;width:1px;height:11px;background:#ddd}
.citizen1 .comment2list1 .lst1 .li1 .t1 {clear:both;font-size:17px;line-height:26px;padding-top:12px;color:#333;letter-spacing:-.05em}
.citizen1 .comment2list1 .lst1 .li1 .btns {position:absolute;top:20px;right:0;}
.citizen1 .comment2list1 .pagination .m a {width:30px;height:30px;border:0;border-radius:50%;box-sizing:border-box;font-size:14px;}
.citizen1 .comment2list1 .pagination .pages {display:inline-block;padding:0 15px}
.citizen1 .comment2list1 .pagination .pages .m a {line-height:30px;width:30px;margin-left:.5em;margin-right:.5em;}
@media screen and (max-width:999px){
	.citizen1 {margin-top:45px}
	.citizen1 .hg1 .h1 {font-size:22px;padding-left:95px;margin-right:0}
	.citizen1 .hg1 .h1 span[data-category] {width:81px;height:27px;line-height:27px;font-size:14px;}
	.citizen1 .hg1 .fav1box {top:auto;width:243px;height:48px;padding:15px 0}
	.citizen1 .hg1 .fav1box span {font-size:15px;margin:0 8px}
	.citizen1 .reply1 {padding:40px 35px;margin-bottom:30px}
	.citizen1 .reply1 .h2 {font-size:22px}
	.citizen1 .reply1 .info3 li {font-size:14px;}
	.citizen1 .substance, .citizen1 .reply1 .reply1cont, .citizen1 .comment2list1 .lst1 .li1 .t1 {font-size:16px;line-height:24px}
	.citizen1 .comment2form1 .h1 {font-size:18px;}
	.citizen1 .comment2list1 .lst1 .li1 .text .name, .citizen1 .comment2list1 .lst1 .li1 .text .time {font-size:15px;}
	.citizen1 .comment2list1 .lst1 .li1 .btns {top:15px;}
	.citizen1 .comment2list1 .lst1 .li1 .t1 {padding-top:10px;}
}
@media screen and (max-width:768px){
	.citizen1 {margin-top:35px}
	.citizen1 .hg1 .h1 {padding-left:85px;font-size:20px;}
	.citizen1 .hg1 .h1 span[data-category] {font-size:13px;width:72px;height:24px;line-height:24px;}
	.citizen1 .hg1 .fav1box {width:220px;height:42px;padding:13px 0}
	.citizen1 .hg1 .fav1box span {font-size:14px;padding-left:25px}
	.citizen1 .hg1 .fav1box span:before {top:-2px;width:19px;height:19px;background-size:auto 76px}
	.citizen1 .hg1 .fav1box .down:before {background-position:-21px 0}
	.citizen1 .info2 dl {font-size:15px;}
	.citizen1 .info2 dl dt {padding-left:25px}
	.citizen1 .info2 dl dt:before {width:20px;height:20px;background-size:auto 76px;}
	.citizen1 .info2 dl.write dt:before {background-position:-42px 0}
	.citizen1 .info2 dl.period dt:before {background-position:-65px 0}
	.citizen1 .attach1 {font-size:14px}
	.citizen1 .substance, .citizen1 .reply1 .reply1cont, .citizen1 .comment2list1 .lst1 .li1 .t1 {font-size:15px;line-height:22px;}
	.citizen1 .reply1 {padding:35px 25px;margin-bottom:25px}
	.citizen1 .reply1 .h2 {font-size:20px;padding-left:70px}
	.citizen1 .reply1 .h2:before {width:56px;height:54px;background-size:auto 75px;background-position:0 -21px}
	.citizen1 .reply1 .info3 {margin-left:70px}
	.citizen1 .reply1 .reply1cont {margin-top:25px}
	.citizen1 .comment2form1 .h1 {font-size:17px;}
	.citizen1 .comment2form1 form {padding-right:88px}
	.citizen1 .comment2form1 textarea {height:80px}
	.citizen1 .comment2form1 .button.submit {width:88px;font-size:15px}
	.citizen1 .comment2list1 {margin-top:5px}
	.citizen1 .comment2list1 .lst1 {margin-bottom:20px;}
	.citizen1 .comment2list1 .lst1 .li1 .t1 {padding-top:6px}
	.citizen1 .comment2list1 .pagination .pages {padding:0 10px}
	.citizen1 .comment2list1 .pagination .pages .m a {margin-left:.3em;margin-right:.3em}
}
@media screen and (max-width:699px){
	.citizen1 {margin-top:30px;}
	.citizen1 .hg1 .h1 {font-size:18px;margin-top:25px;margin-bottom:15px;}
	.citizen1 .info2 dl {float:none;margin:5px 0}
	.citizen1 .attach1 {margin-top:10px;}
	.citizen1 .attach1 ul {padding:.333em 0}
	.citizen1 .substance {padding:1.5em 0}
	.citizen1 .reply1 {padding:30px 20px;}
	.citizen1 .reply1 .h2 {font-size:18px;padding-left:60px;}
	.citizen1 .reply1 .h2:before {width:42px;height:41px;background-size:auto 57px;background-position:0 -16px}
	.citizen1 .reply1 .info3 {margin-left:60px}
	.citizen1 .reply1 .reply1cont {margin-top:20px}
}
@media screen and (max-width:599px){
	.citizen1 .hg1 .h1 {padding-left:0}
	.citizen1 .hg1 .h1 span[data-category] {position:relative;top:auto;left:auto;display:block;margin-bottom:5px}
	.citizen1 .hg1 .fav1box {position:relative;right:auto;margin-left:auto;margin-right:auto;width:100%;margin-bottom:10px}
}
@media screen and (max-width:499px){
	.citizen1 .reply1 {position:relative;padding-left:40px;}
	.citizen1 .reply1 .h2 {position:static;padding-left:20px}
	.citizen1 .reply1 .h2:before {position:absolute;top:15px;left:15px;width:35px;height:34px;background-size:auto 47px;background-position:0 -13px}
	.citizen1 .reply1 .info3 {margin-left:-20px}
	.citizen1 .reply1 .reply1cont {margin-left:-20px;margin-top:15px;}
	.bbs1view1 .attach1 li {white-space:inherit}
	.bbs1view1 .attach1 li .filename {width:calc(100% - 33px);}
	.bbs1view1 .attach1 li:after {display:none}
	.citizen1 .comment2form1 form {padding-right:0}
	.citizen1 .comment2form1 .button.submit {position:relative;top:auto;right:auto;width:100%;height:40px;}
	.citizen1 .comment2list1 .lst1 {margin-bottom:15px}
	.citizen1 .comment2list1 .lst1 .li1 {padding:15px 0}
	.citizen1 .comment2list1 .lst1 .li1 .btns {position:relative;top:auto;right:auto;text-align:right;}
	.citizen1 .comment2list1 .pagination .m a {width:27px;height:27px;font-size:13px}
	.citizen1 .comment2list1 .pagination .pages {padding:0 5px}
	.citizen1 .comment2list1 .pagination .pages .m a {width:27px;line-height:27px;margin-left:.15em;margin-right:.15em}
}


/* 공공누리 */
.open1{position:relative;
	padding:20px 0 25px;
	/* border-bottom:1px solid #999; */
}
.open1 .wrap1>.ic1{display:block;
	background:url() no-repeat;
	height:55px;
}
.open1 .wrap1>.t1{display:block;
	padding:0;margin:10px 0;
	font-size:15px;
}
.open1 .a1{display:inline-block;
	padding:4px 15px;
	text-align:center;
	color:#333;
	font-size:13px;
	border:1px solid #ddd;
	background:#f7f7f7;
}
.open1 .a1>.ic1{display:inline-block;
	width:10px;height:10px;
	background:url(../../img/lib/ic20a1right2.png)
}

.open1.type1 .wrap1>.ic1{width:152px;background-image:url(/_res/portal/img/sub/p02556_img01.png)}
.open1.type2 .wrap1>.ic1{width:186px;background-image:url(/_res/portal/img/sub/p02556_img02.png)}
.open1.type3 .wrap1>.ic1{width:186px;background-image:url(/_res/portal/img/sub/p02556_img03.png)}
.open1.type4 .wrap1>.ic1{width:222px;background-image:url(/_res/portal/img/sub/p02556_img04.png)}

@media all and (min-width:768px){
	
	.open1 .wrap1>.ic1{position:absolute;left:20px;top:25px;}
	.open1 .wrap1>.t1{margin:0;}
	.open1.type1{padding-left:200px}
	.open1.type2{padding-left:230px}
	.open1.type3{padding-left:230px}
	.open1.type4{padding-left:265px}
}

/* 공공누리. 20190131 */
.box1.bg1{position:relative;border:1px solid #ddd;border-radius:0;margin:-1px 0 0;
	padding:20px;
}
.open1img1{margin:0 0 10px;}
.open1txt1{display:block;font-size:14px;line-height:1.3em;}
@media all and (min-width:768px){
	.box1.bg1{min-height:51px;}
	.open1img1{position:absolute;top:20px;left:20px}
	.open1img1 img{width: 180px;}
	.open1txt1{padding-left:220px;}
}


/* popup */
.cp35layer1lightbox1{display:none;
	display:block !important; /* ☆ */
	visibility:hidden;
	z-index:100;
	position:fixed;left:0;right:0;top:0;bottom:0;
	/* background:rgba(0,0,0, .5); */
	letter-spacing:-.03125em;
	overflow:hidden;
	overflow-y:auto;
	opacity:0;
	transition:.2s;
}
.cp35layer1lightbox1.on{
	visibility:visible;
	opacity:1;
}
.cp35layer1lightbox1>.wrap1{display:block;
	height:100%;
	padding:0 10px;
	text-align:center;
}
.cp35layer1lightbox1>.wrap1:after{content:'';display:inline-block;
	width:0;
	height:100%;
	vertical-align:middle;
	overflow:hidden;
}
.cp35layer1lightbox1 .lightbox{display:inline-block;
	position:relative;
	box-sizing:border-box; /* ☆ */
	width:98%; /* ☆ */
	/*max-width:700px;*/
	max-width:900px;
	margin:3% -.25em;
	background:#fff;
	color:#555;
	text-align:left;
	overflow:hidden;
	vertical-align:middle;
	box-shadow:0 0 10px 0 rgba(0, 0, 0, .2);
}
/* ☆ */
.cp35layer1lightbox1 .b1.close{float:left;
	position:absolute;right:0;top:0;bottom:0;
	width:2.625em; /* (1.375+.625*2) */
	/* background:rgba(0,0,0, .25); */
}
.cp35layer1lightbox1 .b1.close>.ic1{float:left;
	position:absolute;left:50%;top:50%;
	/*width:20px;height:20px;
	margin:-10px;
	 */
	width:15px;height:15px;
	margin:-7px;
	background:url(../../img/lib/b1x1c0.png) no-repeat center center;
	text-indent:-9999px;overflow:hidden;
}
/* ☆ */
.cp35layer1lightbox1 .hg1{
	position:relative;
	font-size:1.25em;
}
.cp35layer1lightbox1 .hg1 .h1{
	margin:0;
	/*padding:.5em 4.571%;*/ /* () (32/700) */
	padding:.2em 2.571%; /* () (32/700) */
	background:#343b4d;
	color:#fff;
	font-weight:400;
	font-size:1em;
}
.cp35layer1lightbox1 .h1t1{display:inline-block;
	vertical-align:middle;
}
.cp35layer1lightbox1 .h1t2{display:inline-block;
	position:relative;
	margin:0 0 0 .5em;
	padding:0 0 0 .5em;
	font-weight:600;
	vertical-align:middle;
}
.cp35layer1lightbox1 .h1t2:before{content:''; /*│*/
	display:block;
	position:absolute;left:0;top:50%;
	width:0;
	height:.625em;
	margin:-.3125em 0;
	border-left:1px solid rgba(255,255,255, .8);
}
.cp35layer1lightbox1 .cont{
	padding:3.714%; /* (26/700) */
	border:1px solid #678;
	border-top:0;
	font-size:.9375em;
}
/* ☆ */
.cp35layer1lightbox1 .item{
	padding:.25em 0;
}
.cp35layer1lightbox1 .item~.item{
	border-top:1px solid #ddd;
}
/* ☆ */
.cp35layer1lightbox1 .b2{float:right;
	position:relative;
	width:2.4em; /* (화면확인) */
	height:2.4em;
}
.cp35layer1lightbox1 .b2>.ic1{float:left;
	position:absolute;left:50%;top:50%;
	width:15px;height:15px;
	margin:-7.5px;
	background:url(../../img/lib2/ic15a1c1down1.png) no-repeat center center;
	transition:.2s;
}
/* ☆ */
.cp35layer1lightbox1 .tgview{
	display:none; /* ☆ */
	clear:both;
	margin:0 0 1em;
	overflow:hidden;
	overflow-x:auto;
	/* transition:.6s; */
}
.cp35layer1lightbox1 .tgview table{
	margin:.25em 0;
}
/* .item.on */
.cp35layer1lightbox1 .item.on .tgview{
	display:block;
}
.cp35layer1lightbox1 .item.on .b2>.ic1{
	transform:rotate(180deg);
}
/* ◇◆ */
@media all and (min-width:768px){
	.cp35layer1lightbox1 .hg1{
		/*font-size:2em;*/
		font-size:1.5em;
	}
}


/* cp35gallery1 20201124 */
.cp35gallery1{
	margin:0 0 1.5em;
	border-top:2px solid #444;
	border-bottom:1px solid #ccc;
	line-height:1.375;
	overflow:hidden;
}
.cp35gallery1 ul.even-grid{
	overflow:hidden;
}
.cp35gallery1 ul.even-grid .column{
	margin-top:-1px;
	border-top:1px dashed #ddd;
	padding-top:20px;
	padding-bottom:10px;
}
.cp35gallery1 .a1{display:block;
	text-decoration:none;
	overflow:hidden;
}
.cp35gallery1 .a1 .f1{display:block;
	position:relative;
	margin:0 0 .75em;
	padding-bottom:66.666%;
	overflow:hidden;
}
.cp35gallery1 .a1 .f1p1{display:block;position:absolute;left:0;right:0;top:0;bottom:0;height:100%;overflow:hidden;}
.cp35gallery1 .a1 .f1 img{display:block;
	position:absolute;left:0;top:0;width:100%;height:auto;min-height:100%;
	transition:.2s;
}
html.object-fit .cp35gallery1 .a1 .f1 img{ /* 20201124 [CR][EG] */
	object-fit:cover;width:100%;height:100%;
}
/* ☆ */
.cp35gallery1 .a1 .tg1{display:block;}
.cp35gallery1 ul.lst1{
	list-style:none;
	margin:1em 0;
	padding:0;
}
.cp35gallery1 ul.lst1 li{
	margin:.5em 0;
	padding:0 0 0 1em;
	background:url(../../img/lib2/bu1.png) no-repeat .25em .5em;
	color:#000;
}
/* ☆ */
.cp35gallery1 .a1[href]:hover .f1 img,
.cp35gallery1 .a1[href]:focus .f1 img{
	transform:scale(1.1) rotate(.001deg);
}