@charset "utf-8";
#sub_default{line-height:160%; color:#222; letter-spacing:-0.65px; word-break:keep-all;transform: rotate(-0.03deg);}
/* 서브공통 */
.box_info{margin:0 0 50px 0; width:100%; box-sizing:border-box; box-shadow:5px 5px 15px #f2f2f2; border-radius:5px 5px 50px 5px; border:1px solid transparent; background-image: linear-gradient(#fff, #fff), linear-gradient(#4765eb 15%, #a3b5d9 10%); background-origin:border-box; background-clip:content-box, border-box;}
.box_info .box_inner{padding:40px; width:100%; box-sizing:border-box;}
@media all and (max-width:768px){
	.box_info .box_inner{padding:30px;}
	.box_info{margin:0 0 40px;}
}
@media all and (max-width:568px){
	.box_info .box_inner{padding:20px;}
	.box_info{margin:0 0 30px;}
}

.tabmenu{position:relative; padding-top:110px;}
.tabmenu2{position:relative; padding-top:40px;}
.tabmenu > li > a{position:absolute; top:0; display:inline-block; width:calc(100% / 3); height:60px; line-height:58px; text-align:center; font-weight:800; box-sizing:border-box; background:#f9f9f9; border:1px solid #e4e4e4;}
.tabmenu > li:first-child > a{border-radius:5px 0 0 5px;}
.tabmenu > li:last-child > a{border-radius:0 5px 5px 0;}
.tabmenu > li + li > a{border-left:none;}
.tabmenu > li.on > a{box-shadow:0 0 10px #adceff; border: 2px solid transparent;z-index:5; background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #2fadf3 0%,  #495dea 100%); background-origin: border-box; background-clip: content-box, border-box; border-radius:5px;}
.tabmenu > li:nth-child(1) > a{left:0;} 
.tabmenu > li:nth-child(2) > a{left:calc(100% / 3);}
.tabmenu > li:nth-child(3) > a{left:calc( (100% / 3) * 2);}
.tabmenu > li > div{display:none;}
.tabmenu > li.on > div{display:block;}

.dot2{position:relative; padding:0 0 20px 26px; font-size:20px; font-weight:800;}
.dot2::before{content:""; position:absolute; left:0; top:3px; width:16px; height:16px; background:url("/images/kr/common/ico_subtit.png")no-repeat;}
@media all and (max-width:568px){
	.dot2{padding:0 0 14px 26px; font-size:18px;}
}
.dot3{position:relative; padding:0 0 10px 26px; font-size:16px; font-weight:800;}
.dot3::before{content:""; position:absolute; left:0; top:3px; width:16px; height:16px; background:url("/images/kr/common/ico_subtit.png")no-repeat;}
@media all and (max-width:568px){
	.dot3{padding:0 0 7px 26px;}
}
.dot_gr > li:before{background:#aaaaaa;}

.txt_wrap > ul{padding:0 0 0 27px;}
.txt_wrap > ul:not(:last-child){padding:0 0 10px 27px;}
@media all and (max-width:568px){
	.txt_wrap > ul{padding:0 0 0 10px;}
	.txt_wrap > ul:not(:last-child){padding:0 0 10px 10px;}
}

/* 의원소개 */
#sub_active{float:left; width:100%;}
#sub_active .normal_list img,
#sub_memberlist .normal_list img{max-width:119px;}
.profile{float:left; width:47.8%; margin:0 0 34px 0; padding:30px 0 0 0; color:#333; border-radius:10px;  border:1px solid #9fbbef; box-sizing:border-box;}
.profile:hover{border-color:rgba(41,46,68,0.5);}
.profile.none{float:right;}
.profile dl{position:relative; float:left; width:100%; padding:0 0 0 41.9%; box-sizing:border-box;}
.profile dt{position: absolute; top:0; left:7.7%; border-radius:5px;}
.profile dt img{max-width:131px; border:1px solid #e5e5e5; border-radius:5px;}
.profile dd{float:left; width:100%; min-height:230px;}
.profile .name {overflow:hidden; width:100%; padding:8px 0 20px 0;}
.profile .name strong{float:left; display:block; line-height:30px; font-size:27px; font-weight:900; color:#000; letter-spacing:-2px;}
.profile dd ul{clear:both; width:100%;}
.profile dd li{position:relative; padding:0 30px 8px 87px; line-height:135%; box-sizing:border-box; font-weight:700;}
.profile dd li *{display:inline-block; vertical-align:top;}
.profile dd li:before{left:3px; top:7px; width:5px; height:5px; background:#aaaaaa;}
.profile dd li em{position:absolute; top:0; left:14px; width:85px; font-weight:400;}
.profile dd li em.ls2{letter-spacing:4px;}
.profile dd li span{width:100%; word-break:break-all;}
.profile dd li .colon{display:none; position:absolute; top:0; left:80px; width:auto;}
.profile .btns{clear:both; overflow:hidden; width:100%; min-height:0; padding:0;}
.profile .btns a{position:relative; float:left; width:50%; height:60px; line-height:60px; border-top:1px solid #9fbbef; border-right:1px solid #9fbbef; font-weight:700; font-size:18px; color:#21365b; border-radius:0 0 0 10px; background:#f3f6fa; text-align:center; text-decoration:none; box-sizing:border-box;}
.profile .btns a.end{width:calc(50% + 1px);  margin:0 0 0 -1px; border-right:none; border-left:1px solid #9fbbef; border-radius:0 0 10px 0;}
.profile .btns a.end:after{content:''; display:inline-block; vertical-align:middle; width:14px; height:14px; margin:-3px 0 0 6px; background:url(/images/kr/member/ico_open.png) no-repeat 0 100%;}
.profile .btns a:hover{z-index:1; background-color:#fff; border-color:rgba(41,46,68,0.5);}

.profile .sns{display:none; float:left; padding:0 0 0 24px;}
.profile .sns a{float:left; width:28px; height:26px; font-size:0; text-indent:-9999px; background:url(/images/common/ico_sns_on.jpg) no-repeat 0 0;}
.profile .sns .tw{background-position:0 -26px;}
.profile .sns .bl{background-position:0 -52px;}
.profile .sns .kko{background-position:0 -78px;}
.profile .sns .insta{background-position:0 -104px;}
.profile .sns .channel{background-position:0 -130px;}
#sub_memberlist .profile .btns a:first-child{width:100%; border-right:none; border-radius:0 0 10px 10px;}

@media all and (max-width:1430px) {
	.profile dt{left:4.5%; width:35%; max-width:140px;}
	.profile .name{padding:3px 0 20px;}
	.profile .name strong{line-height:32px; font-size:23px;}
	.profile .sns{padding:0 0 0 7px;}
}
@media all and (max-width:1024px) {
	.profile{width:49%;}
	.profile dl{padding:0 0 0 38%;}
	.profile dt{left:4.5%; width:35%; max-width:155px;}
	.profile dt img{width:87%; max-width:119px; height:auto;}
	.profile dd{min-height:187px;}
	.profile .name{padding:0 0 15px;}
	.profile .name strong{font-size:25px;}
	.profile dd li{padding-bottom:7px;}
}
@media all and (max-width:768px) {
	.profile{overflow:hidden; width:100%; height:auto; padding:20px 0 0 0;}
	.profile dl{padding:0 0 27px 170px;}
	.profile dt{left:3.5%;}
	.profile dd{min-height:135px;}
	.profile .name strong{font-size:23px;}
	.profile .btns{margin:1em 0 0 0;}
}
@media all and (max-width:568px) {
	.profile dl{padding:0 0 23px 38%;}
	.profile .name{padding:0 0 12px;}
	.profile .name strong{font-size:21px;}
	.profile dd li{padding:0 0 5px 80px;}
	.profile dd li:before{top:5px;}
	.profile .btns a{height:47px; line-height:47px;}
	.profile dd li .colon{left:75px;}
}
@media all and (max-width:380px) {
	.profile dd li .colon{left:72px;}
}
@media all and (max-width:357px) {
	.profile .name strong{font-size:20px;}
	.profile .sns{width:100%; padding:5px 0 0 0;}
}

/* 선거구 */
#sub_district .box_info{height:auto;}
#sub_district .box_info .box_inner{display:flex; align-items:center; padding:40px;}
#sub_district .map {position:relative; width:60%}
#sub_district .map img{max-width:100%;}
#sub_district .map img:not(:first-child){/*display:none;*/ z-index:1; position:absolute; top:0; left:0;}
#sub_district .map_info{display:none; z-index:2; position:absolute; bottom:40px; right:40px; width:40%; line-height:160%; font-weight:200; text-align:right;}
#sub_district .info_list{margin:0 0 0 40px; width:40%}
#sub_district .info_list li a{font-size:18px; padding-bottom:10px; display:flex;}
#sub_district .info_list li em{font-weight:700; min-width:85px; display:inline-block;}
#sub_district .info_list li span{font-weight:800; display:block; width:calc(100% - 85px)}
@media all and (max-width:1300px){
	#sub_district .info_list li a{font-size:16px;}
}
@media all and (max-width:768px){
	#sub_district .info_list li a{padding-bottom:5px;}
	#sub_district .info_list li em{min-width:65px;}
	#sub_district .info_list li span{width:calc(100% - 65px)}
	#sub_district .box_info .box_inner{flex-direction:column; padding:30px;}
	#sub_district .info_list{margin:20px 0 0;}
	#sub_district .map{width:80%; height:50%; margin:0 auto;}
	#sub_district .info_list{width:auto; margin:20px auto 0 auto;}
}
@media all and (max-width:568px){
	#sub_district .info_list li a{font-size:15px;}
	#sub_district .map{width:90%;}
	#sub_district .box_info .box_inner{padding:20px;}
}
@media all and (max-width:380px){
	#sub_district .map{width:100%;}
}
@media all and (max-width:330px){
	#sub_district .info_list li a{font-size:14px;}
	#sub_district .info_list li em{min-width:55px;}
	#sub_district .info_list li span{width:calc(100% - 55px)}
}
/* 역대의원 의안검색 */
.form_sc{position:relative; overflow:hidden; width:100%; padding:30px 0 30px 50px; background:#eef2f6; box-sizing:border-box;}
.form_sc + .taR{padding:8px 0 35px 0; font-size:95%;}
.form_sc div{position:relative; float:left; width:59%; padding:0 0 0 130px; box-sizing:border-box;}
.form_sc label{position:absolute; left:55px; top:0; display:block; width:60px; line-height:42px; font-weight:700; color:#003964; text-align:right;}
.form_sc .sel{width:30%;}
.form_sc select{-webkit-appearance:none; -moz-appearance:none; -moz-appearance:none; background:#fff url(/images/common/ico_assem.png) no-repeat right 14px top 50%;}
.form_sc select::-ms-expand{display:none;}
.form_sc select,
.form_sc input[type="text"]{width:100%; height:42px; line-height:42px; padding:0 0 0 12px; border:none;}
.form_sc input[type="text"]{padding-right:42px; background:#fff;}
.form_sc .btn{position:absolute; right:0; top:0; height:42px; width:44px; line-height:42px; min-width:0; padding:0; font-size:0; text-indent:-999px; border:none; border-radius:0; background:#33589c;}
.form_sc .btn:before,
.form_sc .btn:after{content:''; display:block; position:absolute; top:12px; left:14px; width:15px; height:15px; border:2px solid #fff; border-radius:50%; box-sizing:border-box;}
.form_sc .btn:after{left:24px; top:25px; width:8px; height:2px; border:none; border-radius:2px; transform:rotate(45deg); background:#fff;}
.form_sc .btn:hover{background-color:#004e96;}
.form_sc .intxt{padding-right:50px;}

@media all and (max-width:1024px) {
	.form_sc{padding-left:35px;}
	.form_sc + .taR{font-size:15px;}
}
@media all and (max-width:768px) {
	.form_sc div{padding:0 0 0 100px;}
	.form_sc .sel{width:34%; padding:0 0 0 90px;}
	.form_sc label{left:25px;}
	.form_sc .sel label{left:20px;}
}
@media all and (max-width:568px) {
	.form_sc{padding:25px 0 27px 10px;}
	.form_sc div{padding:0 0 0 65px;}
	.form_sc label{left:10px; width:50px; font-size:17px;}
	.form_sc .sel{width:35%; padding:0 0 0 55px;}
	.form_sc .sel label{left:0;}
	.form_sc select,
	.form_sc input[type="text"]{padding:0 0 0 10px;}
	.form_sc input[type="text"]{padding-right:45px;}
	.form_sc + .taR{font-size:14px;}
}
@media all and (max-width:380px) {
	.form_sc{padding:22px 0 24px 10px;}
	.form_sc div{padding:0 0 0 55px;}
	.form_sc label{left:0; width:50px; font-size:16px; line-height:40px;}
	.form_sc .sel{padding:0 0 0 45px;}
	.form_sc .sel label{left:-10px;}
	.form_sc .sel:after{right:12px;}
	.form_sc + .taR{font-size:13px;}
}

/* 의회용어사전 */
#sub_voca a{color:#222;}
#sub_voca .box_info{min-height:500px;}
#sub_voca .indexArea{float:left; width:100%; padding:40px 60px 35px; box-sizing:border-box;}
#sub_voca .index_word,
#sub_voca .indexArea form{overflow:hidden; position:relative; width:100%; margin:0 0 2em 0; padding:0 0 2em 110px; border-bottom:1px solid #e7e7e7; box-sizing:border-box;}
#sub_voca .search_result{padding-left:0 !important;}
#sub_voca .indexArea form *{float:left;}
#sub_voca .indexArea fieldset{width:100%;}
#sub_voca .indexArea #word {width:100%; height:50px; padding-right:50px; line-height:50px; font-weight:800; color:#111;border-radius:5px; box-sizing:border-box;box-shadow:0 0 15px #c3eaff; padding:0; border:1px solid transparent; background-image: linear-gradient(#fff, #fff), linear-gradient(45deg, #2fadf3 , #495dea); background-origin:border-box; background-clip:content-box, border-box;}
#sub_voca .indexArea button[type="submit"]{position:absolute; text-indent:-9999px; top:0; right:0; width:50px; height:50px; color:#fff; border-radius:0 5px 5px 0; box-sizing:border-box; background:#495dea;}
#sub_voca .indexArea button:before,
#sub_voca .indexArea button:after{content:''; display:block; position:absolute; top:15px; left:15px; width:17px; height:17px; border:2px solid #fff; border-radius:50%; box-sizing:border-box;}
#sub_voca .indexArea button:after{left:27px; top:31px; width:8px; height:2px; border:none; border-radius:2px; transform:rotate(45deg); background:#fff;}
#sub_voca .indexArea form label,
#sub_voca .index_word .titTxt{position:absolute; top:12px; left:0; font-weight:800; color:#222; font-size:16px;}
#sub_voca .index_word ul {width:100%;}
#sub_voca .index_word li {display:inline-block; vertical-align:top; margin:0 10px 5px 0; text-align:center;}
#sub_voca .index_word li a{display:block; width:42px; height:42px; line-height:40px; font-size:20px; font-weight:400; text-decoration:none; border-radius:50%; box-sizing:border-box; color:#777777; background:#f9f9f9;}
#sub_voca .index_word li.current_on a,
#sub_voca .index_word li a:focus,
#sub_voca .index_word li a:hover{font-weight:800; color:#fff; border-color:#da597c; background:#356bd1;}
#sub_voca .search_result ul{overflow:hidden; width:100%;}
#sub_voca .search_result li {float:left; width:20%; margin:0; padding:0 0 10px 10px; letter-spacing:-1px; box-sizing:border-box; word-break:break-all;}
#sub_voca .none,#sub_voca .word_defined{width:100%;}
#sub_voca #pagingNav{margin:40px 0 0 0;}
#sub_voca .dot > li:before{background:#e65245;}
#sub_voca .word_defined dd{font-family: 'Noto Sans KR';}

@media all and (max-width:1340px){
	#sub_voca .box_info{height:540px;}
}
@media all and (max-width:1000px) {
	#sub_voca .indexArea{padding:35px 50px 30px; margin:0 0 30px;}
	#sub_voca .index_word li a{width:45px; height:45px; line-height:43px;}
	#sub_voca .search_result ul{padding:0 0 0 2%; box-sizing:border-box;}
}
@media all and (max-width:768px) {
	#sub_voca .indexArea{padding:30px; margin:0 0 25px;}
	#sub_voca .indexArea form label, #sub_voca .index_word .titTxt{font-size:18px;}
	#sub_voca .index_word, #sub_voca .indexArea form{padding:0 0 12px 100px; margin-bottom:12px;}
	#sub_voca .index_word li{margin:0 1px 3px 0;}
	#sub_voca .index_word li a{height:40px; width:40px; line-height:38px; font-size:21px;}
}
@media all and (max-width:660px) {
	#sub_voca .search_result li{width:25%;}
}
@media all and (max-width:568px) {
	#sub_voca .box_info{height:590px;}
	#sub_voca .indexArea{padding:23px; margin:0 0 20px;}
	#sub_voca .index_word, #sub_voca .indexArea form{padding-left:0;}
	#sub_voca .indexArea form label, #sub_voca .index_word .titTxt{position:static; width:100%; margin:0 0 10px; text-align:center;}
	#sub_voca .indexArea button[type="submit"]{top:auto; bottom:12px; height:38px; width:38px;}
	#sub_voca .indexArea button:before{left:10px; top:10px;  width:15px; height:15px; }
	#sub_voca .indexArea button:after{left:21px; top:24px;}
	#sub_voca .index_word li a{height:35px; width:35px; line-height:33px; font-size:20px;}
	#sub_voca .search_result li{width:33.33%;}
	#sub_voca .indexArea #word {height:38px; line-height:38px; padding-right:38px;}
	#sub_voca #pagingNav{margin:25px 0 0 0;}
}
@media all and (max-width:380px) {
	#sub_voca .box_info{height:680px;}
	#sub_voca .indexArea{padding:20px; margin:0 0 17px;}
	#sub_voca .indexArea form label, #sub_voca .index_word .titTxt{font-size:17px;}
	#sub_voca .index_word li a{height:32px; width:32px; line-height:30px; font-size:19px;}
	#sub_voca .search_result li{width:50%;}
	#sub_voca #pagingNav{margin:20px 0 0 0;}
}

/* 통합검색*/
#sub_search .search{width:100%; padding:60px 0; margin:0 0 30px 0; background:#f0f4f8;}
#sub_search .search *{display:inline-block; vertical-align:top;}
#sub_search .search form,
#sub_search .search fieldset{width:100%; text-align:center;}
#sub_search .search label{margin:0 1em 0 0; line-height:39px; font-size:115%;}
#sub_search .search #word{width:30%; height:40px; line-height:40px; border:1px solid #c8c8ca;}
#sub_search .search button{width:60px; height:40px; background:#35639a; color:#fff;}
#sub_search .result h4{margin:0 0 15px 0; font-size:120%; font-weight:800; border-bottom:1px solid #ccc;}
#sub_search .result > .dot{margin:0 0 0 10px;}
#sub_search .result > .dot > li {padding:0 0 0 12px; margin:0 0 7px; font-weight:800;}
#sub_search .result > .dot > li ul{font-weight:200;}
#sub_search .result > .dot > li:before{top:8px; width:5px; height:5px; background:#37405b;}
#sub_search .orange{color:#a94a46;}

@media all and (max-width:768px) {
	#sub_search .search{padding:50px 0; margin:0 0 25px;}
	#sub_search .search fieldset{text-align:center;}
	#sub_search .search #word{width:30%;}
	#sub_search .search button{width:65px; font-size:16px;}
	#sub_search .result > .dot > li:before{top:7px;}
}
@media all and (max-width:568px) {
	#sub_search .search{padding:45px 0;}
}
@media all and (max-width:380px) {
	#sub_search .search{padding:40px 0;}
}

/* 배너모음 */
#sub_banner ul{overflow:hidden; width:100%;}
#sub_banner ul li{display:inline-block; width:24.5%; padding:5px; box-sizing:border-box;}
#sub_banner ul li img{max-width:100%;}
#sub_banner ul li.none{font-weight:bold; text-align:center; width:100%;}
@media all and (max-width:768px) {
	#sub_banner ul li{width:33%; padding:5px 3px;}
}
@media all and (max-width:568px) {
	#sub_banner ul li{width:49.5%;}
}

/*사이트맵*/
#sub_sitemap .site{overflow:hidden; width:100%; padding:52px 0 14px 0;}
#sub_sitemap .site:nth-child(odd){background:#f7f7f7;}
#sub_sitemap .site h4{float:left; width:22%; padding:0 0 0 48px; font-size:30px; box-sizing:border-box;}
#sub_sitemap .site h4 a{display:inline-block; padding:15px 0; color:#d5525e; border-top:2px solid #d5525e; text-decoration:none}
#sub_sitemap .site > ul{display: flex;flex-wrap: wrap;width:78%;padding:0 1.5% 0 0;box-sizing:border-box;}
#sub_sitemap .site > ul > li {width:33.33%;padding:0 3.3% 38px;box-sizing:border-box;}
#sub_sitemap .site > ul > li > a{display:block; height:46px; line-height:45px; padding:0 0 0 16px; font-size:18px; font-weight:800; color:#292e44; border:1px solid #292e44; text-align:left; transition:0.25s ease-in-out;}
#sub_sitemap .site > ul > li > a:hover{color: #fff; box-shadow:inset 250px 0 rgba(41,46,68,1);}
#sub_sitemap .site > ul > li > ul{padding:12px 0 0 13px; font-weight:700;}
#sub_sitemap .site > ul > li > ul li + li{margin:5px 0 0 0;}
#sub_sitemap .site > ul > li > ul li:before{top:10px;}
#sub_sitemap .site ul ul a{display:block; transform:rotate(0.04deg);}
#sub_sitemap .site ul ul a[target="_blank"]:after{content:''; display:block; position:absolute; right:9px; top:50%; width:10px; height:10px; margin:-4px 0 0 0; background:url(/images/kr/main/ico_ctrl.png) no-repeat -83px -38px;}

@media all and (max-width:1430px) {
	#sub_sitemap .site h4{padding:0 0 0 4%;}
}
@media all and (max-width:1024px) {
	#sub_sitemap .site h4{font-size:28px;}
}
@media all and (max-width:768px) {
	#sub_sitemap .site h4{width:30%; font-size:26px;}
	#sub_sitemap .site > ul{width:70%;}
	#sub_sitemap .site > ul > li {width:50%;}
}
@media all and (max-width:568px) {
	#sub_sitemap .site{padding:33px 0 14px;}
	#sub_sitemap .site h4{width:100%; margin:0 0 12px; font-size:22px;}
	#sub_sitemap .site h4 a{padding:8px 0;}
	#sub_sitemap .site > ul{width:100%; padding:0 1.5%;}
	#sub_sitemap .site > ul > li {width:50%; padding:0 2% 20px;}
	#sub_sitemap .site > ul > li > a{height:43px; line-height:43px; padding:0 0 0 13px; font-size:16px;}
	#sub_sitemap .site > ul > li > u{padding:10px 0 0 5px;}
	#sub_sitemap .site > ul > li > ul li + li{margin:3px 0 0 0;}
	#sub_sitemap .site > ul > li > ul li:before{top:9px;}
}
@media all and (max-width:380px) {
	#sub_sitemap .site{padding:30px 0 14px;}
	#sub_sitemap .site h4{margin:0 0 10px; font-size:21px;}
	#sub_sitemap .site h4 a{padding:7px 0;}
	#sub_sitemap .site > ul > li {padding:0 2% 17px;}
	#sub_sitemap .site > ul > li > a{height:39px; line-height:39px; font-size:15px;}
	#sub_sitemap .site > ul > li > ul li + li{margin:2px 0 0 0;}
}

.intro .wrap{display:flex; width:calc(100% - 50px); border-radius:5px; height:350px; box-sizing:border-box; margin:50px 0 100px 0; position:relative; background:#ddd;}
.intro .wrap::before{content:"Uiseong Gun council"; position:absolute; width:220px; height:13px; background:#fff; left:0; bottom:-50px; text-transform:uppercase; letter-spacing:5px; font-size:10px; color:#bbbbbb;}
.intro .wrap::after{content:""; position:absolute; width:100%; height:100%; border:4px solid #edf5fb; border-left:none; right:-50px; bottom:-50px; z-index:-2;}
.intro .txt_wrap{position:relative; padding:100px 20px 0 50px; word-break:keep-all; box-sizing:border-box; background:url("/images/kr/intro/bg_chm1.jpg")no-repeat; color:#fff; width:50%; height:100%;}
.intro .txt_wrap p {padding:0 0 10px; font-weight:700; font-size:26px;}
.intro .txt_wrap p:first-child{position:relative;}
.intro .txt_wrap p:first-child::before{content:""; position:absolute; left:0; top: -40px; width:34px; height:24px; background:url("/images/kr/intro/bg_chm3.png")no-repeat;}
.intro .txt_wrap .council{padding:0 0 30px; font-size:32px; font-weight:800; color:#fefcde;}
.intro .txt_wrap .small{font-size:14px; font-weight:400; color:#edf0f9;}
.intro .txt_wrap .pic_name{position:absolute;padding:20px 50px; box-sizing:border-box; left:0; bottom:0; width:100%; height:78px; background:rgba(0,0,0,0.1);}
.intro .txt_wrap .pic_name span{ opacity:0.8; font-size:16px; color:#fefefe; }
.intro .txt_wrap .pic_name img{display:inline-block; vertical-align:middle; margin:0 0 0 15px; }
.intro .pic_wrap{position:relative; width:50%; height:100%; background:url("/images/kr/intro/bg_chm2.jpg")no-repeat}
.intro .pic_wrap img{position:absolute; bottom:0; left:50px;}
@media all and (max-width:1280px){
	.intro .txt_wrap{padding:80px 20px 0 50px;}
}
@media all and (max-width:768px){
	.intro .txt_wrap{padding:60px 20px 0 20px;}
	.intro .txt_wrap .pic_name{padding:20px;}
}
@media all and (max-width:580px){
	.intro .wrap{flex-direction:column; height:350px;}
	.intro .txt_wrap{width:100%; height:70%;}
	.intro .txt_wrap p:first-child{line-height:130%;}
	.intro .txt_wrap .council{padding:0 0 15px; font-size:28px;}
	.intro .pic_wrap{width:100%; height:30%}
	.intro .pic_wrap img{left:60%; width:50%;}
}
@media all and (max-width:520px){
	.intro .wrap{width:calc(100% - 25px)}
	.intro .wrap::before{bottom:-25px;}
	.intro .wrap::after{right:-25px; bottom:-25px;}
	.intro .txt_wrap p{font-size:20px;}
	.intro .txt_wrap .council{font-size:26px;}
	.intro .txt_wrap .small{padding:0 30% 0 0;}
	.intro .txt_wrap .pic_name{height:50px; padding:6px 25px;}
}
@media all and (max-width:400px){
	.intro .txt_wrap p{font-size:16px;}
	.intro .txt_wrap .council{font-size:24px;}
	.intro .txt_wrap .small{padding:0;}
	.intro .txt_wrap .pic_name span{font-size:14px;}
	.intro .txt_wrap .pic_name img{margin:0 0 0 5px; }
}
#sub_chairman1 .txt{line-height:125%;}
@media all and (max-width:768px){
	#sub_chairman1 .txt{line-height:160%;}
}

#sub_chairman2 .profile_wrap{width:100%;}
#sub_chairman2 .prof{overflow:hidden;}
#sub_chairman2 .prof > li{position:relative;  padding:17px 0 17px 140px; box-sizing:border-box; width:50%; float:left; border-bottom:1px solid #e7e7e7; font-weight:800;}
#sub_chairman2 .prof > li::before{top:27px;}
#sub_chairman2 .prof .career{width:100%; border:none; padding:60px 0 20px 15px;}
#sub_chairman2 .prof .career ul{position:relative; padding:40px; box-sizing:border-box; width:100%; background:url("/images/kr/intro/bg_patt.gif")repeat; border-radius:5px; font-weight:700;}
#sub_chairman2 .prof .career ul::before{content:""; position:absolute; left:5px; top:5px; width:calc(100% - 10px); height:calc(100% - 10px); background:#fff;}
#sub_chairman2 .prof .career ul > li{padding-bottom:5px;}
#sub_chairman2 .prof > li > .ls2{letter-spacing:23px;}
#sub_chairman2 .prof > li > .ls3{letter-spacing:5px;}
#sub_chairman2 .prof > li > em{position:absolute; left:15px; font-weight:400;}

#sub_chairman2 .prof > .career > em{top:20px;}
@media all and (max-width:568px){
	#sub_chairman2 .prof > li{width:100%;}	
}


/*연혁*/
#sub_history .box_info .box_inner p{line-height:130%;}
#sub_history .trace{padding:60px 30px; box-sizing:border-box; border-radius:5px 5px 50px 5px; color:#fff; background:url("/images/kr/intro/bg_his.jpg")no-repeat; background-size:cover; box-shadow:5px 5px 15px #e9e9e9;}
#sub_history .trace .small{font-size:11px; opacity:0.3; font-family:"gmarket"; font-weight:800; text-transform:uppercase; letter-spacing:5px;}
#sub_history .trace .small::after{content:""; display:block; width:30px; height:1px; margin:15px 0; background:#fff; }
#sub_history .trace .council{font-size:30px; font-weight:800; padding:15px 0;}
#sub_history .trace .council span{color:#fefcde;}
#sub_history .trace .desc{font-size:14px; opacity:0.7; font-weight:300;}
@media all and (max-width:1024px){
	#sub_history .box_info .box_inner p{line-height:160%;}
}
@media all and (max-width:568px){
	#sub_history .trace{padding:30px 15px;}
}

#sub_history .timeline{padding:50px 0 0; margin:0 0 0 60px; border-left:1px dashed #777777;}
#sub_history .timeline > li{margin:0 0 40px;}
#sub_history .timeline .date{position:relative; display:inline-block; vertical-align:middle; box-sizing:border-box; width:330px; padding:7px 0 0 70px; font-family:"gmarket"; font-size:30px; font-weight:800; color:#21365b;}
#sub_history .timeline .date::before{position:absolute; content:""; width:13px; height:13px; border:3px solid #356bd1; left:-7px; top:50%; transform:translateY(-50%); background:#fff; border-radius:50%;}
#sub_history .timeline .date::after{position:absolute; content:""; width:50px; height:1px; background:#356bd1; left:0; top:50%; z-index:-2;}
#sub_history .timeline .txt{display:inline-block; vertical-align:middle; padding:30px; box-sizing:border-box; background:#fafafa; width:calc(100% - 340px); font-weight:700;}
#sub_history .timeline .dot > li::before{background:#e65245;}
@media all and (max-width:768px){
	#sub_history .timeline{margin:0 0 0 30px;}
	#sub_history .timeline .date{width:230px; font-size:24px}
	#sub_history .timeline .txt{width:calc(100% - 240px);}
}
@media all and (max-width:568px){
	#sub_history .timeline{margin:0 0 0 15px;}
	#sub_history .timeline > li{margin:0 0 30px;}
	#sub_history .timeline .date{width:170px; font-size:20px; padding:7px 0 0 35px;}
	#sub_history .timeline .date::after{width:25px;}
	#sub_history .timeline .txt{padding:20px; width:calc(100% - 180px);}
}
@media all and (max-width:380px){
	#sub_history .timeline .date{width:140px; font-size:18px; padding:7px 0 0 30px;}
	#sub_history .timeline .date::after{width:20px;}
	#sub_history .timeline .txt{display:block; width:100%;}
}

/*조직구성*/
#sub_org1 .org{position:relative;height: 960px;}
#sub_org1 .org span{position:absolute;text-align:center;z-index:2;transform: rotate(0.04deg);}
#sub_org1 .org1 > span{left:200px; top:40px; width:151px; height:159px; line-height:159px; font-size:18px; font-weight:800; background:url("/images/kr/intro/bg_org.png")no-repeat;}
#sub_org1 .org2 > span{left:190px; top:218px; width:170px; height:50px; line-height:50px; background:#356bd1; color:#fff; font-weight:800; box-shadow:5px 5px 10px #e2eaf9; border-radius:5px;}
#sub_org1 .box > span{width:170px; height:56px; line-height:56px; border:1px solid #356bd1; background:#f3f6fa; border-radius:5px; font-weight:800;}
#sub_org1 .org4 > span{box-sizing:border-box; padding-left:20px; width:210px; height:54px; line-height:54px; border:1px solid #cdcdcd; background:#fff; border-radius:5px; text-align:left; font-weight:700;}

#sub_org1 .org3_1 > span{left:38.31%; top:320px;}
#sub_org1 .org3_2 > span{left:38.31%;top: 536px;}
#sub_org1 .org3_3 > span{left:190px;top: 696px;}
#sub_org1 .org5 > span{left:75px; top:852px;}
#sub_org1 .org6 > span{left:295px; top:852px;}
#sub_org1 .org4_1 > span:nth-child(1){left:63.08%; top:255px;}
#sub_org1 .org4_1 > span:nth-child(2){left:63.08%; top:320px;}
#sub_org1 .org4_1 > span:nth-child(3){left:63.08%; top:385px;}
#sub_org1 .org4_2 > span:nth-child(1){left:63.08%;top: 470px;}
#sub_org1 .org4_2 > span:nth-child(2){left:63.08%;top: 536px;}
#sub_org1 .org4_2 > span:nth-child(3){left:63.08%;top: 602px;line-height: 1.2;padding-top: 8px;}
#sub_org1 .org4_3 > span:nth-child(1){left:63.08%;top: 688px;}
#sub_org1 .org4_3 > span:nth-child(2){left:63.08%;top: 754px;}
#sub_org1 .org4_3 > span:nth-child(3){left:63.08%;top: 820px;}

#sub_org1 .org li::after{content:""; display:block; position:absolute; z-index:1;}
#sub_org1 .org1::after{left:275px;top:180px;width:1px;height: 638px;background:#dddddd;}
#sub_org1 .org2::after{left:275px; top:348px; width:38.31%; height:1px; background:#dddddd;}
#sub_org1 .org3_1::after{left:58.5%; top:280px; width:7%; height:133px; background:#fff; border:1px solid #ddd; border-right:none;}
#sub_org1 .org3_2::after{left:275px;top: 564px;width:38.31%;height:1px;background:#dddddd;}
#sub_org1 .org3_3::after{left:275px;top: 782px;width:38.31%;height:1px;background:#dddddd;}
#sub_org1 .org4::after{left:58.5%;top: 498px;width:7%;height:133px;border:1px solid #ddd;border-right:none;}
#sub_org1 .org4_3::after{left:58.5%;top: 716px;width:7%;height:133px;border:1px solid #ddd;border-right:none;}
#sub_org1 .org5::after{left: 160px;top: 817px;width: 221px;height: 77px;border:1px solid #ddd;border-bottom: none;}

@media all and (max-width:1280px){
	#sub_org1 .org3_1 > span, #sub_org1 .org3_2 > span{left:35%;}
	
}
@media all and (max-width:1190px){
	#sub_org1 .org3_1 > span, #sub_org1 .org3_2 > span{left:31%;}

	#sub_org1 .org1 > span{left:100px;}
	#sub_org1 .org2 > span{left:90px;}
	#sub_org1 .org3_3 > span{left:90px;}
	#sub_org1 .org5 > span{left: 90px;top: 900px;}
	#sub_org1 .org6 > span{top:900px;}

	#sub_org1 .org1::after{left:175px;height: 700px;}
	#sub_org1 .org2::after, #sub_org1 .org3_2::after {left:175px; width:45%}
	#sub_org1 .org3_3::after{left:175px; width:45%}
	#sub_org1 .org5::after {left: 175px;width: 208px;top: 850px;}
}
@media all and (max-width:768px){
	#sub_org1 .org3_1 > span, #sub_org1 .org3_2 > span{left:25%;}

	#sub_org1 .org1 > span{left:50px;}
	#sub_org1 .org2 > span{left:40px;}
	#sub_org1 .org3_3 > span{left:40px;}
	#sub_org1 .org5 > span{left:40px;}
	#sub_org1 .org6 > span {left:240px;}
	#sub_org1 .org1::after{left:125px;}
	#sub_org1 .org2::after, #sub_org1 .org3_2::after, #sub_org1 .org3_3::after{left:125px; width:50%}
	#sub_org1 .org3_2::after{left:125px; width:50%}
	#sub_org1 .org5::after {left: 125px;width: 200px;}
}
@media all and (max-width:680px){
	#sub_org1 .org4 > span{font-size:15px; width:180px;}
}
@media all and (max-width:590px){
	#sub_org1 .org1 > span{left:25px; width:131px; height:139px; line-height:139px; background-size:cover;}
	#sub_org1 .org2 > span{left:40px; top:218px; width:100px; height:50px; line-height:50px}
	#sub_org1 .box > span{width:100px; font-size:15px;}
	#sub_org1 .org3_1 > span, #sub_org1 .org3_2 > span{left:23%;}
	#sub_org1 .org5 > span, #sub_org1 .org6 > span {top:950px;}
	#sub_org1 .org6 > span {left:160px;}
	#sub_org1 .org1::after{left:90px;top:50px;height: 870px;}
	#sub_org1 .org2::after{left:90px; width:50%}
	#sub_org1 .org3_2::after, #sub_org1 .org3_3::after{left:90px; width:50%}
	#sub_org1 .org3_1::after{left:48%}
	#sub_org1 .org3_3::after {top: 829px;}
	#sub_org1 .org4::after{left:48%;}
	#sub_org1 .org4_3::after {top: 765px;}
	#sub_org1 .org5::after{top: 920px;left: 90px;width: 122px;}
	#sub_org1 .org4_1 > span:nth-child(1){left:55.08%; top:255px;}
	#sub_org1 .org4_1 > span:nth-child(2){left:55.08%; top:320px;}
	#sub_org1 .org4_1 > span:nth-child(3){left:55.08%; top:385px;}
	#sub_org1 .org4_2 > span:nth-child(1){left:55.08%;top: 473px;}
	#sub_org1 .org4_2 > span:nth-child(2){left:55.08%;top: 537px;}
	#sub_org1 .org4_2 > span:nth-child(3){left:55.08%;top: 603px;}
	#sub_org1 .org4_3 > span:nth-child(1){left:55.08%;top: 740px;}
	#sub_org1 .org4_3 > span:nth-child(2){left:55.08%;top: 804px;}
	#sub_org1 .org4_3 > span:nth-child(3){left:55.08%;top: 871px;}
	
}
@media all and (max-width:450px){
	#sub_org1 .org3_1 > span, #sub_org1 .org3_2 > span{left:40%; top:280px; width:168px; height:40px; line-height:40px;}
	#sub_org1 .org4 > span{height:36px; line-height:36px; width:170px; text-align:center; padding:0;}
	#sub_org1 .org4_1 > span:nth-child(1){left:40%; top:325px;}
	#sub_org1 .org4_1 > span:nth-child(2){left:40%; top:365px;}
	#sub_org1 .org4_1 > span:nth-child(3){left:40%; top:405px;}
	#sub_org1 .org2::after{left:90px; width:30%; top:300px;}
	#sub_org1 .org3_1::after{border:none;}

	#sub_org1 .org3_2 > span	{top:460px;}
	#sub_org1 .org3_2::after{top:490px; width:39%; height:40px; background:#fff; border:1px solid #dddddd; border-left:none; border-bottom:none;}
	#sub_org1 .org4::after{border:none;}
	#sub_org1 .org4_2 > span:nth-child(1){left:40%; top:505px;}
	#sub_org1 .org4_2 > span:nth-child(2){left:40%; top:545px;}
	#sub_org1 .org4_2 > span:nth-child(3){left:40%;top:585px;height: auto;padding: 5px 0;}

	#sub_org1 .org4_3 > span:nth-child(1){left:40%;top: 770px;}
	#sub_org1 .org4_3 > span:nth-child(2){left:40%;top: 810px;}
	#sub_org1 .org4_3 > span:nth-child(3){left:40%;top: 850px;}
	#sub_org1 .org3_3::after {top: 789px;}
}

#sub_org1 .brd{border-right:1px solid #ddd;}
#sub_org1 .table2 td{padding-top:26px; padding-bottom:26px;}

/*청사안내*/
#sub_building img{max-width:100%;}
#sub_building ul > li{position:relative; padding:0 0 16px 44px; display:flex;}
#sub_building ul > li::before{position:absolute; left:0; top:0; content:""; width:30px; height:30px;}
#sub_building ul > li:nth-child(1)::before{background:url("/images/kr/intro/ico_build1.png")no-repeat;}
#sub_building ul > li:nth-child(2)::before{background:url("/images/kr/intro/ico_build2.png")no-repeat;}
#sub_building ul > li:nth-child(3)::before{background:url("/images/kr/intro/ico_build3.png")no-repeat;}
#sub_building ul > li:nth-child(4)::before{background:url("/images/kr/intro/ico_build4.png")no-repeat;}
#sub_building ul > li > em{font-weight:700; display:inline-block; min-width:58px;}
#sub_building ul > li > span{font-weight:800; display:inline-block;}
@media all and (max-width:568px){
	#sub_building ul > li > em{min-width:48px;}
}

/*오시는 길*/
#sub_location .map_border{display:none;}
#sub_location .root_daum_roughmap{border-radius:5px 5px 50px 5px; width:100%; box-shadow:0 0 20px #ddd;}
#sub_location ul > li{position:relative; padding:0 0 16px 44px; display:flex;}
#sub_location ul > li::before{position:absolute; left:0; top:0; content:""; width:30px; height:30px;}
#sub_location ul > li:nth-child(1)::before{background:url("/images/kr/intro/ico_build1.png")no-repeat;}
#sub_location ul > li:nth-child(2)::before{background:url("/images/kr/intro/ico_build2.png")no-repeat;}
#sub_location ul > li:nth-child(3)::before{background:url("/images/kr/intro/ico_build3.png")no-repeat;}
#sub_location ul > li:nth-child(4)::before{background:url("/images/kr/intro/ico_build4.png")no-repeat;}
#sub_location ul > li > em{font-weight:700; display:inline-block; min-width:58px;}
#sub_location ul > li > span{font-weight:800; display:inline-block;}
@media all and (max-width:568px){
	#sub_location ul > li > em{min-width:48px;}
	#sub_location .root_daum_roughmap{height:300px;}
}

/*윤리강령*/
#sub_ethic ul > li{width:30.84%; display:inline-flex; flex-direction:column; margin:0 3.2% 0 0; }
#sub_ethic ul > li:nth-child(3n){margin:0;}
#sub_ethic .icon{position:relative; margin:0 auto 45px auto; width:140px; height:140px; background:#fff url("/images/kr/intro/bg_ethic.png")no-repeat 0 15px; border-radius:50%; box-shadow:3px 0 10px #ddd; border:1px solid #4375d3;}
#sub_ethic .icon::before{content:""; position:absolute; left:50%; bottom:-3.5px; z-index:2; transform:translateX(-50%); width:7px; height:7px; background:#356bd1; border-radius:50%;}
#sub_ethic .icon::after{content:""; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:52px; height:52px;}
#sub_ethic ul > li:nth-child(1) .icon::after{background:url("/images/kr/intro/ico_ethic1.png")no-repeat;}
#sub_ethic ul > li:nth-child(2) .icon::after{background:url("/images/kr/intro/ico_ethic2.png")no-repeat;}
#sub_ethic ul > li:nth-child(3) .icon::after{background:url("/images/kr/intro/ico_ethic3.png")no-repeat;}
#sub_ethic ul > li:nth-child(4) .icon::after{background:url("/images/kr/intro/ico_ethic4.png")no-repeat;}
#sub_ethic ul > li:nth-child(5) .icon::after{background:url("/images/kr/intro/ico_ethic5.png")no-repeat;}
#sub_ethic ul > li:nth-child(6) .icon::after{background:url("/images/kr/intro/ico_ethic6.png")no-repeat;}
#sub_ethic ul > li:nth-child(7) .icon::after{background:url("/images/kr/intro/ico_ethic7.png")no-repeat;}

#sub_ethic .con{position:relative; padding:30px; margin:0 0 40px; box-sizing:border-box; width:100%; min-height:180px; background:linear-gradient(45deg, #edf6fb, #edf0f9); text-align:center;}
#sub_ethic .con::before{content:""; position:absolute; left:49.85%; top:-50px; width:1px; height:50px; border-left:1px dotted #333333; z-index:-3;}
#sub_ethic .con .tit{display:inline-block; padding:0 0 15px; font-size:24px; color:#356bd1; font-weight:800;}

@media all and (max-width:680px){
	#sub_ethic ul > li{width:calc(96% / 2)}
	#sub_ethic ul > li:nth-child(3n){margin:0 3.2% 0 0;}
	#sub_ethic ul > li:nth-child(2n){margin:0;}
}
@media all and (max-width:568px){
	#sub_ethic .con{padding:15px;}
}
@media all and (max-width:420px){
	#sub_ethic ul > li{width:100%; margin:0;}
	#sub_ethic ul > li:nth-child(3n){margin:0;}
	#sub_ethic .con{padding:20px; min-height:140px;}

}

/*의무*/
#sub_duty{word-break:keep-all;}
#sub_duty h4{letter-spacing:-1.5px; padding:0 0 10px 0; }
#sub_duty p{letter-spacing:-0.5px;}

/*의회운영*/
#sub_operate h4{padding:0 0 10px 0;}
#sub_operate .con p{line-height:150%;}

/*의안처리절차*/
.proc_wrap{padding:0 0 40px;}
.proc > li{width:20.56%}
.proc > li > .box, #sub_process .proc > li.last .box{position:relative; text-align:center; width:100%; height:130px; box-sizing:border-box; box-shadow:0 0 10px #c5d7f9; border: 1px solid transparent; background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #2fadf3 0%,  #495dea 100%); background-origin: border-box; background-clip: content-box, border-box; border-radius:15px 0 15px 0;}
.proc .num{display:inline-block;height:20px;line-height: 22px;padding:0px 10px;border-radius:15px;background:#356bd1;color:#fff;font-size:14px;font-weight: 600;}
.proc .txt{font-weight:700;}
.proc .dash{padding:10px; font-size:14px;}
.proc .box::before{content:""; position:absolute; right:-30px; top:50%; width:30px; height:1px; background:#495dea;}
.proc .box::after{content:""; position:absolute; right:-31px; top:48%; width:10px; height:1px; background:#495dea; transform:rotate(45deg) translateY(-50%);}
.proc > li.arr_none .box::before{display:none;}
.proc > li.arr_none .box::after{display:none;}

#sub_process .proc .num{margin: 0 0 5px;width:35px;box-sizing: border-box;}
#sub_process .proc > li{position: relative; width:100%;display: flex;align-items: center;}
#sub_process .proc > li:not(:last-child):after {content: ''; display: block; position: absolute; bottom: -38px; left: 117px; width: 15px; height: 9px; background: url(/images/kr/function/ico_arrows.png)no-repeat;}
#sub_process .proc > li:not(:last-child){margin:0 0 66px;}
#sub_process .box{width:250px;display: flex;flex-direction: column;flex-wrap: wrap;justify-content: center;align-items: center;vertical-align:middle;}
#sub_process .dot > li:before{top:9px; border-radius:1.5px;}
#sub_process .desc{width:calc(100% - 335px);min-height: 96px;box-sizing:border-box;padding: 34px 40px;margin:0 0 0 80px;display:inline-block;vertical-align:middle;border-radius:15px 0 15px 0;background:#f3f6fa;border:1px solid #dde5f5;box-shadow: 2px 2px 20px 0px rgba(204, 204, 204, 0.2);}

#sub_process .proc > li.last {align-items: flex-start;}
#sub_process .desc.bottom {width: 250px; margin: 20px 0 0; padding: 15px 20px;}
#sub_process .proc > li.last .sec_b .box {width: 250px; color: #fff;background: #356bd1;background-image: none;border: none;box-shadow: none;}
#sub_process .proc > li.last .sec_b .box.white {height: 100px; color: #356bd1; background: #fff; border: 1px solid #81a2e1;}
#sub_process .proc .sec_b .num {color: #356bd1; background: #fff;}

#sub_process .sec_b {margin: 0 0 0 80px;width: 100%;}
#sub_process .sec_b > li {position: relative;width: 100%;}
#sub_process .sec_b > li:not(:last-child) {display: flex;}
#sub_process .sec_b > li:not(:first-child) {margin: 40px 0 0;}
#sub_process .sec_b > li:nth-child(3) .box.white {position: absolute; top: 15px; left: -330px;}

#sub_process .sec_b > li:first-child .desc, #sub_process .sec_b > li:nth-child(3) .desc {position: absolute;top: 0;right: 0;width: calc(100% - 330px);}
#sub_process .sec_b > li:not(:last-child):after, #sub_process .sec_b > li:nth-child(3) .box.white:after{content: ''; display: block; position: absolute; bottom: -24px; left: 117px; width: 15px; height: 9px; background: url(/images/kr/function/ico_arrows.png)no-repeat;}
#sub_process .sec_b > li:nth-child(3) .box.white:after {left: auto;right: -50px;transform:rotate(90deg);}
#sub_process .sec_b > li:nth-child(3) .box.white:before {display:none;}


#sub_process .sec_b .side {position: relative;left: -34%;display: flex;justify-content: center;margin: 40px 0 0;}
#sub_process .sec_b .side .desc {width: 250px; margin: 20px 0 0; padding: 15px 20px;}

#sub_process .box.arr_none:before, #sub_process .box.arr_none:after {display: none;}

#sub_process .proc .side .left {margin:0 50px 0 0;}
#sub_process .proc .side .box::after {content: '';display: block;position: absolute;top: -24px;right: 40px;width: 15px;height: 9px;background: url(/images/kr/function/ico_arrows.png)no-repeat;transform: rotate(0);}
#sub_process .proc .side .right .box::after {right:auto;left: 43px;}
#sub_process .proc .side .box::before {display: none;}
@media all and (max-width:1220px){
    #sub_process .box, #sub_process .proc > li.last .box, #sub_process .desc.bottom, #sub_process .proc > li.last .sec_b .box, #sub_process .sec_b .side .desc {width: 200px;}
    #sub_process .sec_b > li:nth-child(3) .box.white {left: -280px;}
	#sub_process .proc > li:not(:last-child):after, #sub_process .sec_b > li:not(:last-child):after {left:95px}
    #sub_process .desc, #sub_process .sec_b > li:first-child .desc, #sub_process .sec_b > li:nth-child(3) .desc {width:calc(100% - 280px); right: 40px;}
}
@media all and (max-width:1024px){
	.proc .box::after{top:47%;}
}
@media all and (max-width:880px){
    #sub_process .proc > li {display: block;}
    #sub_process .proc > li:not(:last-child){margin:0 0 15px;}
	#sub_process .proc .box, #sub_process .proc > li.last .box, #sub_process .proc > li.last .sec_b .box {display: block; width:100%; height: 40px; line-height: 40px; text-align: left;}
    #sub_process .proc .txt {display: inline-block;}
	#sub_process .proc .num{margin:0 0 0 10px; height:18px; line-height:20px;}
	#sub_process .proc .txt br{display:none;}
	#sub_process .desc{width:100%; margin:5px 0 0 0; padding:15px; border-radius:0;}
    #sub_process .sec_b {margin: 40px 0 0;}
    
    #sub_process .box, #sub_process .proc > li.last .box, #sub_process .desc.bottom, #sub_process .proc > li.last .sec_b .box {width: 100%;}
    #sub_process .desc, #sub_process .sec_b > li:first-child .desc, #sub_process .sec_b > li:nth-child(3) .desc {position: static; width: 100%;}
    
    #sub_process .proc > li.last .sec_b .box.white {margin: 0 0 15px; height: 40px; line-height: 40px; text-align: center;}
    #sub_process .proc .side .left {margin: 0;}
    
    #sub_process .sec_b > li:not(:last-child) {display: block;}
    #sub_process .sec_b > li:not(:first-child) {margin: 15px 0 0;}
    #sub_process .sec_b > li:nth-child(3) .box.white {position: static; text-align: center;}
    #sub_process .sec_b .side {left: 0; justify-content: space-between; margin: 15px 0 0;}
    #sub_process .sec_b .side > div  {width: 49%;}
    #sub_process .sec_b .side .desc {width: 100%; margin: 0;}
    #sub_process .sec_b .side .desc br {display: none;}
    
    #sub_process .proc .box::before, #sub_process .proc .box::after, #sub_process .sec_b > li:not(:last-child):after, #sub_process .proc .side .box::after{display:none;}
}
@media all and (max-width:640px){
	.proc .box::before{right:-20px; top:50%; width:20px;}
	.proc .box::after{right:-21px;}
}
@media all and (max-width:568px){
	.proc .box::before{display:none;}
	.proc .box::after{display:none;}
	.proc > li{width:100%;}
	.proc > li > .box{height:36px; line-height:36px; text-align:left;}
	.proc .txt{display:inline-block;}
	.proc .dash{padding:15px;}
    
    #sub_process .proc .side .left {margin: 0 0 15px;}
    #sub_process .sec_b .side {display: block;}
	#sub_process .sec_b .side > div  {width: 100%;}
}

.box_info2{margin:0 0 40px; padding:40px; border-radius:15px 0 15px 0; border:1px solid #dde5f5; background:#f3f6fa; box-shadow:5px 5px 10px #fbfbfb;}
@media all and (max-width:768px){
	.box_info2{padding:30px;}
}
@media all and (max-width:568px){
	.box_info2{padding:20px;}
}

/*예산안 절차*/
#sub_budget .proc .num{margin:26px 0 0;}
#sub_budget .proc > li{width:100%;}
#sub_budget .proc > li:not(:last-child){margin:0 0 40px;}
#sub_budget .box{width:250px; display:inline-block; vertical-align:middle;}
#sub_budget .desc{width:calc(100% - 335px); box-sizing:border-box; padding:40px; margin:0 0 0 80px; display:inline-block; vertical-align:middle; border-radius:15px 0 15px 0; background:#f3f6fa; border:1px solid #dde5f5;}
@media all and (max-width:768px){
	#sub_budget .box{width:200px;}
	#sub_budget .desc{margin:0 0 0 50px; width:calc(100% - 260px)}
}
@media all and (max-width:568px){
	#sub_budget .proc > li:not(:last-child){margin:0 0 15px;}
	#sub_budget .proc .box{width:100%;}
	#sub_budget .proc .num{margin:0 0 0 10px; height:18px; line-height:16px;}
	#sub_budget .proc .txt br{display:none;}
	#sub_budget .desc{width:100%; margin:5px 0 0 0; padding:15px; border-radius:0;}
	#sub_budget .mt40{margin:0 0 0 10px !important;}
}

/*행정사무감사*/
#sub_audit .dot2{font-size:16px; font-weight:400;}
#sub_audit .box_info .box_inner p{display:inline-block; vertical-align:middle; width:calc(100% - 160px)}
#sub_audit .box_info .box_inner::after{content:""; display:inline-block; vertical-align:middle; margin:0 0 0 20px; width:136px; height:124px; background:url("/images/kr/intro/bg_audit.jpg")no-repeat;}
@media all and (max-width:768px){
	#sub_audit .box_info .box_inner::after{width:100px; height:94px; background-size:cover;}
}
@media all and (max-width:568px){
	#sub_audit .box_info .box_inner p{width:calc(100% - 120px)}
	#sub_audit .box_info .box_inner::after{width:80px; height:74px; background-size:cover;}
}
@media all and (max-width:380px){
	#sub_audit .box_info .box_inner{overflow:hidden;}
	#sub_audit .box_info .box_inner p{width:100%; display:inline;}
	#sub_audit .box_info .box_inner p br{display:none;}
	#sub_audit .box_info .box_inner::after{float:right; display:inline; width:80px; height:74px; background-size:cover;}
}

/*방청안내*/
#sub_tour .dot2{padding-bottom:10px;}
#sub_tour .box_info{position:relative; overflow:hidden;}
#sub_tour .box_info .box_inner::after{content:""; position:absolute; right:-80px; bottom:-80px; width:280px; height:284px; background-size:cover; background:url("/images/kr/intro/bg_mark2.png")no-repeat;}

/*법규정보*/
#sub_law .tit{font-size:18px; font-weight:700; padding:0 0 20px; line-height:160%; word-break:keep-all;}
#sub_law .tit span{font-size:30px; font-weight:800; color:#21365b;}
#sub_law .dot3{font-weight:400;}
.btn_link{display:inline-block; color:#fff; padding:12px 15px; background:#356bd1; border-radius:10px;}

#sub_law .box_info .box_inner .txt{display:inline-block; vertical-align:middle; width:calc(100% - 160px);}
#sub_law .box_info .box_inner::after{content:""; display:inline-block; vertical-align:middle; margin:0 0 0 20px; width:136px; height:124px; background:url("/images/kr/intro/bg_law.jpg")no-repeat;}
@media all and (max-width:768px){
	#sub_law .box_info .box_inner::after{width:100px; height:94px; background-size:cover;}
}
@media all and (max-width:568px){
	#sub_law .box_info .box_inner .txt{width:calc(100% - 120px)}
	#sub_law .box_info .box_inner::after{width:80px; height:74px; background-size:cover;}
}
@media all and (max-width:380px){
	#sub_law .box_info .box_inner{overflow:hidden;}
	#sub_law .box_info .box_inner .txt{width:100%; display:inline;}
	#sub_law .box_info .box_inner p br{display:none;}
	#sub_law .box_info .box_inner::after{float:right; display:inline; width:80px; height:74px; background-size:cover;}
}


/* 정보공개 */
#disclosure .box {margin: 0 0 20px;padding: 10px 0;font-family: 'NanumSquareB';font-size: 18px;color: #fff;text-align: center;background: #356bd1;}
#disclosure .box_info {margin: 0 0 20px;display: block;/* flex-wrap: wrap; */float: left;box-sizing: border-box;}
#disclosure .box_info ul {width: 100%;display:block;}
#disclosure .box_info ul li:not(:last-child) {padding: 0 0 8px;}
#disclosure .box_info ul li{float:left; width:calc(33.333% - 10px); margin-left:10px;}
#disclosure .end_boxinfo{height:140px;}
#disclosure .box_inner_supplycnts{padding:40px 40px 160px 30px;}
@media all and (max-width:768px){
	#disclosure .box_info ul {width: 100%;}
	#disclosure .box_info ul li {padding: 0 0 10px;}
}

@media (max-width:740px){
	#disclosure .box_info ul li{width:100%;}
	#disclosure .end_boxinfo{height:235px;}
	#disclosure .middle_boxinfo{height:480px;}
	#disclosure .start_boxinfo{height:415px;}

}
@media (max-width:568px){
	#disclosure .middle_boxinfo{height: 480px;}

}