@charset "utf-8";
#sub_default{font-size:16px; line-height:160%;}

@media all and (max-width:568px){
	#sub_default{font-size:15px; line-height:160%;}
}

/* 서브 공통 */
/* 텍스트정렬 */
.sub_func .txt_wrap + h4{margin-top:40px;}
.sub_func .txt_wrap{word-break:keep-all;}
.sub_func .txt_wrap + .txt_wrap{margin-top:40px;}
.sub_func .txt_wrap > * + *{margin-top:15px;}
.sub_func .txt_wrap > div + *{margin-top:18px;}
.sub_func .txt_wrap > ul > li + li{margin-top:15px;}
.sub_func .txt_wrap > ul > li > * + *{margin-top:5px;}
.sub_func .txt_wrap > strong.bullet + div{margin-top:5px;}
.sub_func .txt_wrap > .p_wrap > p + p{margin-top:5px;}
.sub_func .txt_wrap > *:last-child{margin-bottom:0 !important;}
.sub_func .box_info + .txt_wrap{margin-top:25px;}
.sub_func .txt_wrap > ul + table,
.sub_func .txt_wrap > ul + .table_wrap,
.sub_func .txt_wrap > .table_info + .table_wrap{margin-top:5px;}
.sub_func .txt_wrap > ul + .table_info{margin-top:10px !important;}


/* 텍스트스타일 */
.sub_func .txt_wrap > strong.bullet{display:flex; font-size:19px; font-weight:500;}
.sub_func .txt_wrap > strong.bullet:before{content:''; flex:0 0 auto; width:10px; height:10px; margin:7px 8px 0 0; border:3px solid #2f8b9b; border-radius:50%;}

.sub_func .txt_wrap > p.bullet{position:relative; display:flex; align-items:flex-start; padding:0 0 0 18px;}
.sub_func .txt_wrap > p.bullet:before{content:''; position:absolute; top:7px; left:0; flex:0 0 auto; width:10px; height:10px; border:3px solid #2f8b9b; border-radius:50%;}

/* 리스트스타일 */
ul.bullet > li > strong{display:flex; font-size:19px; font-weight:500;}
ul.bullet > li > strong:before{content:''; flex:0 0 auto; width:10px; height:10px; margin:7.5px 8px 0 0; border:3px solid #2f8b9b; border-radius:50%;}
ul.bullet > li > strong + span{display:flex;}
ul.bullet > li > strong + .box_info{padding:0px; margin-top:5px;}

ul.dot_s > li{position:relative; padding:0 0 0 8px;}
ul.dot_s > li:before{content:''; position:absolute; top:11px; left:0; width:2px; height:2px; border-radius:50%; background:#222;}

@media all and (max-width:568px){
	ul.bullet > li > strong,
	.sub_func .txt_wrap > strong.bullet{font-size:17px;}
	ul.bullet > li > strong:before,
	.sub_func .txt_wrap > strong.bullet:before{margin:7.5px 5px 0 0;}
	.sub_func .txt_wrap > p.bullet{padding:0 0 0 15px;}

	ul.bullet > li > *:not(:first-child){padding:0 0 0 10px;}
}

/* 공통박스 */
.box_info{position:relative; z-index:1; margin:0 0 32px; padding:5px; box-sizing:border-box; word-break:keep-all; background:#f2f7f6;}
.box_info:before{z-index:-1; content:''; display:block; position:absolute; top:5px; left:5px; width:calc(100% - 10px); height:calc(100% - 10px); background:#fff;}
.box_info>.inr{padding:35px 40px;}
.box_info.org_wrap, .box_info.proc_wrap{margin:0;}
.box_info>.inr>p.bullet:before{top:10px;}

.box_info.callout>.inr{padding:30px; text-align:center;}
.box_info.callout>.inr>strong{display:block; margin:30px 0 12px 0; font-size:20px; font-weight:500; color:#2f8b9b;}
.box_info.callout>.inr>* + *{margin:12px 0 0 0;}
.box_info.callout>.inr>strong + p{font-size:16px;}
/* .box_info.callout *:not(strong){font-weight:200;} */
.box_info.callout>.inr>strong:first-child{margin-top:0;}
.box_info.callout ul>li>*{display:block;}
.box_info.callout ul>li>strong{font-size:16px; font-weight:500;}

@media all and (max-width:768px){
	.box_info.callout>.inr>strong{margin:30px 0 10px 0;}
}
@media all and (max-width:568px){
	.box_info{margin:0 0 30px;}
	.box_info>.inr{padding:25px 30px;}

	.box_info.callout>.inr{padding:25px 20px;}
	.box_info.callout>.inr>strong{font-size:18px; margin:30px 0 0 0;}
	.box_info.callout>.inr>* + *{margin:10px 0 0 0;}
}
@media all and (max-width:380px){
}

/* 탭메뉴 */
.tabmenu{position:relative; overflow:hidden; width:100%; margin:0 0 25px; box-sizing:border-box;}
.tabmenu:before{content:''; position:absolute; z-index:1; top:51px; left:0; width:100%; height:2px; background:#359c91;}
.tabmenu > li > a{display:flex; justify-content:center; align-items:center; position:absolute; top:0; left:0; width:22%; height:53px; border:1px solid #fff; border-width:0 2px; line-height:130%; font-weight:500; font-size:20px; background:#eeeeee; box-sizing:border-box; text-align:center; text-decoration:none; word-break:break-all; }
.tabmenu > li:nth-child(2) > a{left:22%;}
.tabmenu > li:nth-child(3) > a{left:calc(22% * 2);}
.tabmenu > li:nth-child(4) > a{left:calc(22% * 3);}
.tabmenu > li.on > a{z-index:2; border:2px solid #359c91; border-width:2px 2px 0 2px; background:#fff;}

.tabmenu > li > .con{display:none; padding:110px 0 0 0;}
.tabmenu > li.on > .con{display:block;}

/* 탭개수 */
.tabmenu.tab2 > li > a{width:50%;}
.tabmenu.tab2 > li:nth-child(2) > a{left:50%;}

.tabmenu.tab3 > li > a{width:33.3333%;}
.tabmenu.tab3 > li:nth-child(2) > a{left:33.3333%;}
.tabmenu.tab3 > li:nth-child(3) > a{left:calc(33.3333% * 2);}

@media all and (max-width:768px){
	.tabmenu > li > a{width:30%;}
	.tabmenu > li:nth-child(2) > a{left:30%;}
	.tabmenu > li:nth-child(3) > a{left:calc(30% * 2);}
	.tabmenu > li:nth-child(4) > a{left:calc(30% * 3);}
}

@media all and (max-width:568px){
	.tabmenu:before{top:46px;}
	.tabmenu > li > a{width:50%; height:48px; font-size:17px;}
	.tabmenu > li:nth-child(2) > a{left:50%;}
	.tabmenu > li:nth-child(3) > a{left:calc(50% * 2);}
	.tabmenu > li:nth-child(4) > a{left:calc(50% * 3);}

	.tabmenu > li > .con{padding:90px 0 0 0;}
}
@media all and (max-width:400px){
	.tabmenu > li > a{padding:0 10px; box-sizing:border-box; font-size:15px;}
}

/* 절차도 */
/* 절차도 공통 */
.proc_wrap > .inr{padding:4.54% 0; margin:0 auto;}
.proc{padding:0 !important;}
.proc > li{position:relative; display:flex; align-items:center;}
.proc > li >*:not(div),.proc > li > div > *{border-radius:10px;}
.proc strong{position:relative; flex:0 0 auto; display:flex; justify-content:center; align-items:center; height:55px; min-height:55px; padding:0 8px; box-sizing:border-box; border-radius:10px; word-break:keep-all; background:url(/images/kr/common/bg_proc.jpg) no-repeat center; background-size:cover; font-size:17px; font-weight:400; color:#fff; text-align:center;}
.proc strong + *{flex:1 1 auto; text-align:left;}
.proc > li > strong{margin:23px 0;}
.proc > li > div{margin:23px 0;}
.proc > li > div > *{width:100%;}
.proc > li > ul, .proc > li > div > ul{position:relative; z-index:1; box-sizing:border-box; font-size:14px; line-height:160%;}
.proc > li.border0 > strong:after{display:none;}
.proc > li.arrow0:after{display:none;}
.proc > li.arrow0 + li.arrow0:after{display:none;}
.proc > li.arrow0 + li:before{display:block;}
.proc > li:before{display:none; content:''; position:absolute; bottom:50%; left:0; height:50%; min-height:46px; transform:translateY(-25px); background:url(/images/kr/common/proc_down.png) no-repeat; background-position:center;}
.proc > li:after{content:''; position:absolute; top:50%; left:0; height:50%; min-height:46px; transform:translateY(25px); background:url(/images/kr/common/proc_down.png) no-repeat; background-position:center;}
.proc > li:last-child:before,.proc > li:last-child:after{display:none !important;}
.proc > li.arrow0 + li:last-child:before{display:block !important;}


.proc.green > li > strong{background-image:url(/images/kr/common/bg_proc_green.jpg);}
.proc.green > li > ul{color:#333;}

.proc.yg > li > strong{background-image:url(/images/kr/common/bg_proc_yg.jpg);}

.proc.red > li > strong{background-image:url(/images/kr/common/bg_proc_red.jpg);}
.proc.red > li > ul{color:#333;}

.proc.blue > li > strong{background-image:url(/images/kr/common/bg_proc_blue.jpg);}
.proc.blue > li > ul{color:#333;}
.proc.blue > li:before,
.proc.blue > li:after{background-image:url(/images/kr/common/proc_down_blue.png);}


@media all and (max-width:1200px){
	.proc_wrap > .inr{width:100% !important; padding:4% 4.54%; box-sizing:border-box;}
}
@media all and (max-width:568px){
	.proc > li{flex-direction:column;}
	.proc > li:not(:last-child){margin:0 0 45px;}
	.proc strong{width: 100%;height:auto;min-height:45px;margin:0;border-radius:10px !important;font-size:15px;}
	.proc > li:before,.proc > li:after{width:100% !important;}
	.proc > li > strong{margin:0;}
	.proc > li > strong:after{display:none;}
	.proc > li:after{top:100%; height:45px; min-height:auto; width:100%; transform:translateY(0); background-size:30px;}
	.proc > li > ul{flex:0 0 auto; width:100%;}

	.proc > li.arrow0:after{display:block;}
	.proc > li.arrow0 + li.arrow0:after{display:block;}
	.proc > li.arrow0 + li:before{display:none;}
	.proc > li.arrow0 + li:last-child:before{display:none !important;}
}
@media all and (max-width:380px){
	.proc > li:not(:last-child){margin:0 0 30px;}
	.proc > li:after{height:30px; background-size:20px auto;}
}


/* 절차도3 */
.proc3 > li:before{width:23.89%;}
.proc3 > li:after{width:23.89%;}
.proc3 strong{width:23.89%;}
.proc3 > li > ul{display:flex; min-height:55px;}
.proc3 > li > ul > li{position:relative; flex:0 0 auto; width:33.3333%; display:flex; padding:0 0 0 46px; box-sizing:border-box;}
.proc3 > li > ul > li:before{content:''; position:absolute; top:0; left:0; width:46px; height:100%; background:url(/images/kr/common/proc_right_gray.png) no-repeat center;}
.proc3 > li > ul > li > span{flex:1 1 auto; display:flex; height:100%; justify-content:center; align-items:center; box-sizing:border-box; border:1px solid #ddd; border-radius:10px; background:#f8f8f8; text-align:center;}

@media all and (max-width:568px){
	.proc3 > li{padding:0 5px 5px 5px; box-sizing:border-box; border-radius:10px; background:#2297A8;}
	.proc3 > li:before,.proc3 > li:after{width:100%;}
	.proc3 strong{width:100%; background-image:none;}
	.proc3 > li > ul{flex-direction:column; padding:10px; border-radius:9px; background:#fff;}
	.proc3 > li > ul > li{width:100%; height:35px; margin:0 0 20px; padding:0;}
	.proc3 > li > ul > li > span{border-radius:5px;}
	.proc3 > li > ul > li:last-child{margin:0;}
	.proc3 > li > ul > li:before{display:none;}
	.proc3 > li > ul > li:not(:last-child):after{content:''; position:absolute; top:100%; left:0; width:100%; height:20px; background:url(/images/kr/common/proc_down_gray.png) no-repeat center; background-size:20px;}
}
@media all and (max-width:380px){
	.proc3 > li > ul > li:not(:last-child):after{background-size:18px;}
}



/* 기타 */
.colon{padding:0 3px;}


/* 의장인사말 */
#sub_greeting{display:flex;}
#sub_greeting .pic_wrap{width:38.71%;}
#sub_greeting .pic{position:relative; border-radius:60px 10px 10px 10px; box-shadow:20px 20px 0 #bfd9d3; overflow:hidden;}
#sub_greeting .name{display:flex; justify-content:center; align-items:flex-end; margin:55px 0 0 0;}
#sub_greeting .name>span{margin:0 10px 0 0;}

#sub_greeting .txt_wrap{width:54.21%; margin-left:auto; font-size:17px; line-height:160%;}
#sub_greeting .tit{margin:0 0 55px;}
#sub_greeting .tit strong{display:flex; align-items:center; margin:14px 0 0 0; font-size:42px; font-weight:600; line-height:100%;}
#sub_greeting .tit strong:after{content:''; flex:1 1 auto; height:3px; margin:0 0 0 13px; background:#bfd9d3;}
#sub_greeting .tit strong > span{color:#38977b;}

@media all and (max-width:768px){
	#sub_greeting{flex-direction:column;}
	#sub_greeting .pic_wrap{display:flex; align-items:flex-end; width:100%; margin:0 0 50px;}
	#sub_greeting .pic{flex:0 0 auto; width:45%; margin:0 20px 20px 0;}
	#sub_greeting .name{margin:0 0 0 20px;}

	#sub_greeting .txt_wrap{width:100%;}
}
@media all and (max-width:650px){
	#sub_greeting .pic_wrap{flex-direction:column; align-items:center;}
	#sub_greeting .pic{width:55%;}
	#sub_greeting .name{margin:20px 0 0 0;}
	#sub_greeting .tit{margin:0 0 35px;}
	#sub_greeting .tit .slogan img{height:32px;}
	#sub_greeting .tit strong{font-size:36px;}
}
@media all and (max-width:568px){
	#sub_greeting .pic_wrap{margin:0 0 40px;}
	#sub_greeting .name img{height:32px;}
	
	#sub_greeting .txt_wrap{font-size:16px; font-weight:160%;}
	#sub_greeting .tit .slogan img{height:30px;}
	#sub_greeting .tit strong{font-size:32px;}
}
@media all and (max-width:380px){
	#sub_greeting .pic_wrap{margin:0 0 30px;}
	#sub_greeting .pic{width:70%; margin:0 15px 15px 0; box-shadow:15px 15px 0 #bfd9d3;}
	#sub_greeting .name{margin:15px 0 0 0;}
	#sub_greeting .name img{height:30px;}
	
	#sub_greeting .tit{margin:0 0 25px;}
	#sub_greeting .tit .slogan img{height:28px;}
	#sub_greeting .tit strong{font-size:28px;}
}

/* 의회연혁 */
/* tab1 */
#sub_history .con_tit{display:flex; align-items:center; justify-content:center; height:218px; background:url(/images/kr/intro/bg_history.jpg) no-repeat; background-size:cover; color:#fff}
#sub_history .con_tit>.inr{position:relative; text-align:center;}
#sub_history .con_tit>.inr *{text-shadow:0 0 10px rgba(0,0,0,0.5);}
#sub_history .con_tit h3{position:relative; z-index:1; justify-content:center; margin:0 0 8px; padding:5px 0 0 0; font-family:'gmarket'; font-size:39px; font-weight:900; line-height:100%;}
#sub_history .con_tit p{position:relative; z-index:1; font-size:16px;}

#sub_history .his_wrap{position:relative;}
#sub_history .his_wrap>li{position:relative; display:flex;}
#sub_history .his_wrap>li:before{content:''; position:absolute; bottom:0; left:0; width:100%; height:1px; background-image:linear-gradient(to right, #7f7f7f 10%, rgba(255,255,255,0) 0%); background-position:top; background-size:10px 1px; background-repeat:repeat-x;}

#sub_history .his_wrap>li>*{padding:28px 0; box-sizing:border-box;}
#sub_history .his_wrap>li:first-child>*{padding:35px 0 28px;}
#sub_history .his_wrap>li:nth-last-child(2):before{display:none;}
#sub_history .his_wrap>li>.tit{position:relative; flex:0 0 auto; display:flex; flex-direction:column; width:30%; padding-left:3.92%; border-right:1px solid #aaa89d;}
#sub_history .his_wrap>li>.tit .circle{position:absolute; z-index:2; top:50%; right:0; width:22px; height:22px; border-radius:50%; box-sizing:border-box; border:6px solid #aaa89d; background:#fff; transform:translate(50%,-50%);}
#sub_history .his_wrap>li:first-child .circle{border-color:#4e4b34;}
#sub_history .his_wrap>li .circle.on{border-color:#4e4b34;}
#sub_history .his_wrap>li>.tit strong{margin:0 0 6px; font-size:26px; font-weight:700; color:#4e4b34;}
#sub_history .his_wrap>li>.tit .date{margin:0 0 5px; font-size:16px; color:#aa753b;}
#sub_history .his_wrap>li>.tit ul{font-size:15px; line-height:160%;}
#sub_history .his_wrap>li>.tit ul>li + li{margin-top:3px;}

#sub_history .his_wrap>li>.txt{flex:1 1 auto; padding-left:6.72%; padding-right:20px; font-size:15px; line-height:160%;}
#sub_history .his_wrap>li>.txt ul>li{display:flex;}
#sub_history .his_wrap>li>.txt ul>li + li{margin-top:4px;}
#sub_history .his_wrap>li>.txt ul>li:before{top:10px; width:4px; height:4px; background:#4e4b34;}
#sub_history .his_wrap>li>.txt strong{flex:0 0 auto; font-weight:400;}

#sub_history .his_wrap .line{z-index:1; position:absolute; top:0; left:calc(30% - 2px); width:3px; padding:0 0 233px; background:#4e4b34;}

@media all and (max-width:1200px){
	#sub_history .his_wrap>li>.tit{width:35%;}
	#sub_history .his_wrap .line{left:calc(35% - 2px); padding:0 0 250px;}
}
@media all and (max-width:1024px){
	#sub_history .his_wrap .line{padding:0 0 380px;}
}
@media all and (max-width:768px){
	#sub_history .his_wrap>li>.tit{width:230px; padding-left:0;}
	#sub_history .his_wrap .line{left:calc(230px - 2px); padding:0 0 390px;}
	#sub_history .his_wrap>li>.tit strong{font-size:24px;}
	
	#sub_history .his_wrap>li>.txt{padding-left:5%;}
	#sub_history .his_wrap>li>.txt ul>li{flex-wrap:wrap;}
	#sub_history .his_wrap>li>.txt ul>li span{flex:0 0 auto; width:100%;}
}
@media all and (max-width:568px){
	#sub_history .con_tit{height:170px;}
	#sub_history .con_tit h3{font-size:30px}

	#sub_history .his_wrap>li:first-child .tit{padding-top:28px;}
	#sub_history .his_wrap>li>.tit{position:absolute; left:30px; flex-wrap:wrap; flex-direction:row; width:calc(100% - 30px); padding-left:30px; border-right:none;}
	#sub_history .his_wrap>li>.tit .circle{top:28px; left:0; transform:translate(-50%,0);}
	#sub_history .his_wrap>li>.tit .date{margin:0; padding:3px 0 0 5px;}
	#sub_history .his_wrap>li>.tit ul{margin:5px 0 0 0;}
	#sub_history .his_wrap>li>.tit ul li br{display:none;}
	
	#sub_history .his_wrap>li>.txt{width:calc(100% - 30px); margin-left:30px; padding-left:30px; padding-right:0; padding-top:95px; border-left:1px solid #aaa89d;}
	#sub_history .his_wrap>li:first-child .txt{padding-top:125px;}

	#sub_history .his_wrap .line{left:calc(30px - 1px); padding:0 0 500px;}
}
@media all and (max-width:480px){
	#sub_history .his_wrap>li>.tit strong{font-size:20px;}
	#sub_history .his_wrap>li>.tit .date{font-size:15px;}
}
@media all and (max-width:420px){
	#sub_history .con_tit{height:150px;}
	#sub_history .con_tit h3{font-size:26px;}
	#sub_history .con_tit p{font-size:15px;}

	#sub_history .his_wrap>li>.tit{left:10px; flex-direction:column; padding-left:20px;}
	#sub_history .his_wrap>li>.tit .circle{top:32px; width:15px; height:15px; border-width:4px;}
	#sub_history .his_wrap>li>.tit .date{padding:0;}
	#sub_history .his_wrap>li>.tit ul{font-size:14px;}
	#sub_history .his_wrap>li>.tit ul>li + li{margin-top:0;}

	#sub_history .his_wrap>li>.txt{width:calc(100% - 10px); margin-left:10px; padding-left:20px; padding-top:125px;}
	#sub_history .his_wrap>li:first-child .txt{padding-top:150px;}
	#sub_history .his_wrap .line{left:calc(10px - 1px);}
}
@media all and (max-width:380px){
	#sub_history .his_wrap>li:first-child .txt{padding-top:170px;}
}

/* tab2 */
#sub_history #tab2>div{position:relative; display:flex; padding:46px 0 150px 0;}
#sub_history .pic_wrap{position:absolute; top:0; width:100%;}
#sub_history .pic_wrap .pic{position:relative; z-index:1; width:93.18%; height:443px; border-radius:50px 0; overflow:hidden;}
#sub_history .pic_wrap .pic img{height:100%; max-width:none;}
#sub_history .pic_wrap:before{content:''; position:absolute; z-index:0; top:132px; right:0; width:93.18%; height:443px; border-radius:50px 0; background:url(/images/kr/intro/bg_dot.png) repeat;}
#sub_history .txt_wrap{position:relative; z-index:2; width:57.7%; min-width:500px; margin:0 0 0 auto; padding:48px 55px 50px 55px; box-sizing:border-box; border-radius:0 0 50px 0; background: rgb(68,184,132); background: linear-gradient(120deg, rgba(68,184,132,1) 0%, rgba(0,123,149,1) 80%); color:#fff;}
#sub_history .txt_wrap>*{text-shadow:0 0 8px rgba(0,0,0,0.35);}
#sub_history .txt_wrap>strong{display:block; padding:0 0 15px; font-size:30px; font-weight:700;}
#sub_history .txt_wrap>ul>li{display:flex; margin:4px 0;}
#sub_history .txt_wrap>ul>li strong{flex:0 0 auto; font-weight:400;}
#sub_history .txt_wrap>ul>li span{font-weight:200;}

@media all and (max-width:768px){
	/* tab2 */
	#sub_history #tab2>div{padding:210px 0 0 0;}
	#sub_history .pic_wrap:before{display:none;}
	#sub_history .pic_wrap .pic{width:100%; height:330px;}
	#sub_history .txt_wrap{width:90%; min-width:auto; margin:0 auto;}
}
@media all and (max-width:568px){
	/* tab2 */
	#sub_history #tab2>div{padding:190px 0 0 0;}
	#sub_history .pic_wrap .pic{height:300px;}
	#sub_history .txt_wrap{padding:38px 40px;}
	#sub_history .txt_wrap>strong{font-size:26px;}
}
@media all and (max-width:480px){
	/* tab2 */
	#sub_history #tab2>div{padding:160px 0 0 0;}
	#sub_history .pic_wrap .pic{height:260px;}
	#sub_history .txt_wrap>strong{font-size:24px;}
	#sub_history .txt_wrap>ul>li{flex-wrap:wrap; margin:6px 0;}
	#sub_history .txt_wrap>ul>li .colon{display:none;}
	#sub_history .txt_wrap>ul>li span{width:100%;}
}
@media all and (max-width:400px){
	/* tab2 */
	#sub_history .txt_wrap{width:95%; padding:30px 25px;}
	#sub_history .txt_wrap>strong{padding:0 0 10px;}
}

/*찾아오시는길*/
#sub_location .map_border {display:none;}
#sub_location .root_daum_roughmap,.root_daum_roughmap .wrap_map{width:100% !important; height:100% !important;}
#sub_location .roughmap_maker_label{border-radius:30px;}
#sub_location .roughmap_maker_label .roughmap_lebel_text{padding:8px 15px 8px; font-size:0; letter-spacing:-1px; border-radius:30px; background-color:#fff;}
#sub_location .roughmap_maker_label .roughmap_lebel_text:before{content:''; display:inline-block; width:30px; height:30px; margin:0 5px 0 0; vertical-align:top; background-image:url(/images/common/ico_logo.png); background-repeat:no-repeat; background-size:contain;}
#sub_location .roughmap_maker_label .roughmap_lebel_text:after{content:"구로구의회"; display:inline-block; line-height:30px; font-size:20px; font-weight:700; font-family:"score";}

#sub_location .info_wrap{position:relative; width:100%; margin:0 0 45px;}
#sub_location .map{width:100%; height:405px; box-sizing:border-box; border:5px solid #359c91; border-width:5px 5px 0 5px;}
#sub_location .info{position:relative; width:100%; height:89px; padding:0 0 0 5.6%; box-sizing:border-box; border-radius:0 0 30px 0; background:#359c91; color:#fff; font-size:16px;}
#sub_location .info:before{content:'GURO-GU COUNCIL'; position:absolute; bottom:-5px; right:5.6%; font-size:48px; font-weight:500; color:rgba(255,255,255,0.15); line-height:100%;}
#sub_location .info>ul{display:flex; align-items:center; height:100%;}
#sub_location .info>ul>li{flex:0 0 auto; display:flex; align-items:center; word-break:keep-all;}
#sub_location .info>ul>.addr{margin:0 7.28% 0 0;}
#sub_location .info>ul>.call{flex:1 1 auto;}
#sub_location .info>ul>li:before{content:''; width:56px; height:56px; margin:0 12px 0 0; border-radius:50%; background-color:#fff; background-repeat:no-repeat; background-position:center;}
#sub_location .info>ul>.addr:before{background-image:url(/images/kr/intro/ico_addr.png);}
#sub_location .info>ul>.call:before{background-image:url(/images/kr/intro/ico_call.png);}

#sub_location .traffic>li>*:first-child{flex:0 0 auto;}

@media all and (max-width:886px){
	#sub_location .info{padding:0 0 0 3.18%;}
}
@media all and (max-width:768px){
	#sub_location .info>ul>li:before{width:45px; height:45px; margin:0 10px 0 0;}
}
@media all and (max-width:650px){
	#sub_location .info{height:auto; padding:10px 20px;}
	#sub_location .info>ul{flex-wrap:wrap;}
	#sub_location .info>ul>li{width:100%;}
	#sub_location .info>ul>li + li{margin-top:8px;}
}
@media all and (max-width:568px){
	#sub_location .info_wrap{margin:0 0 35px;}
	#sub_location .map{height:300px; border-width:3px 3px 0 3px;}
	#sub_location .info{padding:10px 15px; font-size:15px;}
	#sub_location .info>ul>.addr{margin:0;}
	#sub_location .info>ul>li:before{width:40px; height:40px;}
	#sub_location .info>ul>.addr:before{background-size:14px auto;}
	#sub_location .info>ul>.call:before{background-size:19px auto;}

	#sub_location .info:before{right:20px; font-size:40px;}

}

/* 숙제도우미 */
.sub_help .proc_wrap > .inr{width:77.55%;}
.sub_help .proc strong{width:29.49%;}
.sub_help .proc > li:before,
.sub_help .proc > li:after{width:29.49%;}
.sub_help .proc1 > li > ul,.sub_help .proc > li > div > ul{padding:16px 20px; border:1px solid #ddd; background:#f8f8f8; text-align:left;}
.sub_help .proc1 > li > strong + ul{margin-left:3.59%;}
.sub_help .proc1 > li > strong:after{display:none;}

@media all and (max-width:568px){
	.sub_help .proc strong{width:100%;}
	.sub_help .proc1 > li > strong + ul{margin-left:0;}
	.sub_help .proc1 > li > ul{margin:6px 0 0 0; padding:12px 16px;}
}


/*의회체험*/
#sub_tour .contact{width:493px; height:65px; margin:55px auto 0 auto; padding:6px; box-sizing:border-box; border-radius:10px;  background:#21344a; font-size:18px; color:#fff;}
#sub_tour .contact>.inr{display:flex; justify-content:center; align-items:center; width:100%; height:100%; box-sizing:border-box; border:1px dashed rgba(255,255,255,0.4); border-radius:8px;}
#sub_tour .contact>.inr>span{display:inline-flex; align-items:center;}
#sub_tour .contact>.inr>span:before{content:''; width:23px; height:23px; margin:0 10px 0 0; background:url(/images/ch/sub/ico_contact.png) no-repeat center; background-size:contain;}

#sub_tour .proc_wrap{padding:0 14%; box-sizing:border-box;}
#sub_tour .proc_wrap > .inr{width:100%; padding:40px 0;}
#sub_tour .proc3 > li > ul{width:100%;}
#sub_tour .proc3 > li > ul > li{width:calc((100% - (8% * 3)) / 4); padding:0;}
#sub_tour .proc3 > li > ul > li + li{margin-left:8%;}
#sub_tour .proc3 > li > ul > li:before{left:100%; width:42.10%; background-image:url(/images/kr/common/proc_right.png); background-size:17px;}
#sub_tour .proc3 > li > ul > li:last-child:before{display:none;}
#sub_tour .proc3 > li > ul > li > span{border:none; background:#359c91; font-size:17px; color:#fff;}

@media all and (max-width:1200px){
	#sub_tour .proc_wrap{padding:0;}
	#sub_tour .proc_wrap > .inr{padding:4% 4.54%;}
}
@media all and (max-width:568px){
	#sub_tour .proc3 > li{padding:0; border-radius:0; background:transparent;}
	#sub_tour .proc3 > li > ul{padding:0; border-radius:0; background:transparent;}
	#sub_tour .proc3 > li > ul > li{width:100%; height:45px; margin:0 0 45px;}
	#sub_tour .proc3 > li > ul > li:last-child{margin:0;}
	#sub_tour .proc3 > li > ul > li + li{margin-left:0;}
	#sub_tour .proc3 > li > ul > li:not(:last-child):after{height:45px; background-size:30px; background-image:url(/images/kr/common/proc_down.png);}
	#sub_tour .proc3 > li > ul > li > span{font-size:15px;}

	#sub_tour .contact{display:inline-flex; width:auto; margin:35px auto 0 auto; font-size:16px;}
	#sub_tour .contact>.inr{padding:0 20px; flex-wrap:wrap;}
	#sub_tour .contact>.inr>span:before{width:19px; height:19px; margin:0 8px 0 0;}
}
@media all and (max-width:380px){
	#sub_tour .proc3 > li > ul > li:not(:last-child){margin:0 0 30px;}
	#sub_tour .proc3 > li > ul > li:not(:last-child):after{height:30px; background-size:18px;}

	#sub_tour .contact{font-size:15px;}
	#sub_tour .contact>.inr>span:before{width:17px; height:17px;}
}


/* 의회용어사전 */
#sub_voca a{color:#222;}
#sub_voca .indexArea{overflow:hidden; width:100%; padding:40px 60px 35px; margin:0 0 40px; box-sizing:border-box; border:1px solid #dedede; background:#f7f7f7;}
#sub_voca .index_word,
#sub_voca .indexArea form{overflow:hidden; position:relative; width:100%; margin:0 0 1em 0; padding:0 0 1em 110px; border-bottom:1px dashed #ccc; 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%; padding:0 150px 0 20px; font-weight:800; color:#111; border:1px solid #ddd; border-radius:3px; box-sizing:border-box; background:#fff;}
#sub_voca .indexArea button[type="submit"]{position:absolute; top:0; right:0; width:120px; height:42px; padding:0 0 0 20px; font-weight:800; color:#fff; border-radius:0 3px 3px 0; box-sizing:border-box; background:#507cc9;}
#sub_voca .indexArea button:before,
#sub_voca .indexArea button:after{content:''; display:block; position:absolute; top:10px; left:25px; width:17px; height:17px; border:2px solid #fff; border-radius:50%; box-sizing:border-box;}
#sub_voca .indexArea button:after{left:37px; top:26px; 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:19px;}
#sub_voca .index_word ul {width:100%;}
#sub_voca .index_word li {display:inline-block; margin:0 1px 5px 0; text-align:center;}
#sub_voca .index_word li a{display:block; width:42px; height:42px; line-height:40px; font-size:24px; font-weight:800; text-decoration:none; border-radius:50%; box-sizing:border-box; border:1px solid #ddd; background:#fff;}
#sub_voca .index_word li.current_on a,
#sub_voca .index_word li a:focus,
#sub_voca .index_word li a:hover{color:#fff; border-color:#f05952; background:#f05952;}
#sub_voca .search_result ul{overflow:hidden; width:100%;}
#sub_voca .search_result li {float:left; width:20%; 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;}
@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 #word{padding-right:110px;}
	#sub_voca .indexArea form label, #sub_voca .index_word .titTxt{font-size:18px;}
	#sub_voca .indexArea button[type="submit"]{height:42px; width:100px;}
	#sub_voca .indexArea button:before{left:20px;}
	#sub_voca .indexArea button:after{left:32px;}
	#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 .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:85px;}
	#sub_voca .indexArea button:before{left:15px;  width:15px; height:15px; }
	#sub_voca .indexArea button:after{left:26px; 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:37px; line-height:37px; padding-right:95px;}
	#sub_voca #pagingNav{margin:25px 0 0 0;}
}
@media all and (max-width:380px) {
	#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_site .box_site{padding:67px 11% 60px; border-radius:0 0 50px 0; background:#e6f1f0;}
#sub_site .box_site > span{display:block; margin:0 0 45px; font-family:'gmarket'; font-size:24px; font-weight:200; text-align:center; line-height:135%; word-break:keep-all;}
#sub_site .box_site > span > strong{font-weight:800;}
#sub_site .box_site ul{display:flex; flex-wrap:wrap;}
#sub_site .box_site li{width:calc((100% - (4.28% * 3)) / 4); margin-top:15px;}
#sub_site .box_site li + li{margin-left:4.28%;}
#sub_site .box_site li:nth-child(-n+4){margin-top:0;}
#sub_site .box_site li:nth-child(4n+1){margin-left:0;}

#sub_site .box_site li a{display:flex; align-items:center; height:50px; padding:0 30px; box-sizing:border-box; border:1px solid #dde5ed; border-radius:50px; background:#fff; transition:.2s; word-break:keep-all; line-height:130%;}
#sub_site .box_site li a:after{content:''; width:12px; height:13px; margin-left:auto; background:url(/images/ch/sub/ico_new.png) no-repeat center; background-size:contain;}
#sub_site .box_site li a:hover,
#sub_site .box_site li a:focus,
#sub_site .box_site li a:active{border-color:#359c91;}

@media all and (max-width:1200px){
	#sub_site .box_site{padding:67px 5% 60px;}
}
@media all and (max-width:1024px){
	#sub_site .box_site li{width:calc((100% - (4.28% * 2)) / 3);}
	#sub_site .box_site li:nth-child(-n+4){margin-top:15px;}
	#sub_site .box_site li:nth-child(4n+1){margin-left:4.28%;}
	#sub_site .box_site li:nth-child(-n+3){margin-top:0;}
	#sub_site .box_site li:nth-child(3n+1){margin-left:0;}
}
@media all and (max-width:768px){
	#sub_site .box_site{padding:8% 5% 6%;}
	#sub_site .box_site > span{margin:0 0 35px; font-size:22px;}
	#sub_site .box_site li{width:calc((100% - (4.28% * 1)) / 2);}
	#sub_site .box_site li:nth-child(-n+3){margin-top:15px;}
	#sub_site .box_site li:nth-child(3n+1){margin-left:4.28%;}
	#sub_site .box_site li:nth-child(-n+2){margin-top:0;}
	#sub_site .box_site li:nth-child(2n+1){margin-left:0;}
}
@media all and (max-width:568px){
	#sub_site .box_site{padding:10% 5% 8%; border-radius:0 0 40px 0;}
	#sub_site .box_site > span{margin:0 0 30px; font-size:20px;}
}
@media all and (max-width:460px){
	#sub_site .box_site li{width:100%;}
	#sub_site .box_site li + li{margin-left:0;}
	#sub_site .box_site li:nth-child(3n+1){margin-left:0;}
	#sub_site .box_site li:nth-child(-n+2){margin-top:15px;}
	#sub_site .box_site li:nth-child(1){margin-top:0;}
}
@media all and (max-width:380px){
	#sub_site .box_site > span{margin:0 0 20px; font-size:18px;}
}


/* 절차도2 */
.proc2 > li:not(:last-child){margin-bottom:26px !important;}

.proc2 > li > span{display:block; padding:0 0 5px 15px; box-sizing:border-box; font-size:17px; font-weight:500; color:#d96464;}

.proc2 .proc > li{align-items:flex-start; margin-bottom:30px;}
.proc2 .proc > li:last-child{margin-bottom:0;}
.proc2 .proc > li:after{top:0; left:36%; width:14.98%; height:100%; transform:translateY(0); background-image:url(/images/kr/common/proc_right.png);}
.proc2 .proc > li.arrowL:after{background-image:url(/images/kr/common/proc_left.png);}
.proc2 .proc.red > li:after{background-image:url(/images/kr/common/proc_right_red.png);}

.proc2 .proc strong{width:36%; height:auto;}
.proc2 .proc > li > strong{margin:0;}
.proc2 .proc > li > strong:after{display:none;}
.proc2 .proc > li > ul, .proc2 .proc > li > div > ul{padding:16px 20px; border:1px solid #ddd; background:#f8f8f8;}
.proc2 .proc > li > strong + ul{margin-left:14.98%;}

.proc2 .proc > li.arrow0:after{display:none;}
.proc2 .proc > li.arrow0 + li:before{display:none;}
.proc2 .proc > li:last-child:after{display:block !important;}

#sub_audit .proc_wrap > .inr{width:884px;}
#sub_audit .proc.red > li:after{max-height:55px;}

@media all and (max-width:768px){
	.proc2 .proc > li:after{width:10%;}
	.proc2 .proc > li > strong + ul{margin-left:10%;}
}

@media all and (max-width:568px){
	.proc2 > li > span{padding:0 0 5px 8px;}

	.proc2 .proc > li{flex-direction:row; align-items:stretch; margin-bottom:10px;}
	.proc2 .proc strong{width:42%;}
	.proc2 .proc > li:after{left:42%; width:8% !important; background-size:15px;}
	.proc2 .proc > li > ul{display:flex; flex-direction:column; justify-content:center; width:50%;}
	.proc2 .proc > li > strong + ul{margin:0 0 0 8%;}

	.proc2 .proc > li.arrow0 + li.arrow0:after{display:none;}

	#sub_audit .proc.red > li:after{max-height:none;}
}
@media all and (max-width:380px){
	.proc2 .proc > li:after{background-size:12px;}
	.proc2 .proc > li > ul{margin:6px 0 0 0; padding:12px 10px;}
}