@charset "utf-8";

.dot > dt{position:relative; padding:0 0 0 9px;}
.dot > dt:before{content:''; display:block; position:absolute; top:13px; left:0;}
.dot > dt:before,
.dot > li:before{width:3px; height:3px; background:#3e78bd; border-radius:50%;}
.dot dt,
.dot > li > strong{display:block; padding-bottom:4px; color:#303030; font-weight:700;}
.dot dd{padding:0 0 20px 10px;}
.dot > li > p,
.dot > li > ul{padding:0 0 20px 1px;}

.normal_list{border-top-color:#9182c0;}
.normal_list th{background-color:#f0eef7;}

#sub_default{line-height:150%; font-size:16px; letter-spacing:-1px;}
#sub_default .section { margin-bottom: 30px; }
#sub_default h4 { padding: 0 0 0 25px; font-size: 20px; font-weight: 900; letter-spacing: -1px; color: #333; box-sizing: border-box; margin-bottom: 10px; }
#sub_default h4:before { top: 2px; left: 0; width: 17px; height: 17px; background-color: rgb(94,178,171); background: linear-gradient(45deg, rgba(94,178,171,1) 0%, rgba(85,135,188,1) 85%);}
#sub_default h4:after { content: ''; display: block; width: 7px; height: 7px; background-color: #fff; position: absolute; top: 7px; left: 5px; }
#sub_default h4 + p { padding-left: 25px; font-size: 16px; font-weight: 200; color: #555; }
@media all and (max-width: 768px) {
	#sub_default h4 { font-size: 18px; }
    #sub_default h4 + p{padding-left: 10px;}
}
@media all and (max-width: 568px) {
    #sub_default h4{font-size: 16px;}
}
@media all and (max-width: 350px) {
    #sub_default h4{font-size: 15px;}
}

.tabmenu {position:relative;}
.tabmenu > li > a{display:block; position:absolute; top:0; left:223px; width:223px; height:70px; padding:22px 0 0 0; font-size:20px; color:#777; transition:0.3s; text-align:center; box-sizing:border-box; background:#e9e9e9;}
.tabmenu > li:first-child > a{left:0;}
/*.tabmenu > li > a:hover{color:#797157; border-color:#c6ba95; background-color:#f8f5eb;}*/
.tabmenu > li > a:hover,
.tabmenu > li.on > a{font-weight:800; color:#fff; background-color:#4b84b5;}
.tabmenu > li > .con{display:none; padding:110px 0 0 0;}
.tabmenu > li.on > .con{display:block;}

@media all and (max-width:1024px) {
	#sub_default{font-size:17px;}
/*	.tabmenu > li > a{left:135px; width:115px; height:115px; padding:29px 0 0 0; font-size:19px;}*/
	.tabmenu > li > .con{padding:145px 0 0 0;}
    .dot > dt:before{top:11px;}
}
@media all and (max-width:768px) {
	#sub_default{font-size:16px;}
	.tabmenu > li > a{left:50%; width:50%; height:60px; padding:20px 0 0 0; font-size:18px;}
	.tabmenu > li > .con{padding:120px 0 0 0;}
}
@media all and (max-width:568px) {
	#sub_default{font-size:15px;}
	.tabmenu > li > a{font-size:17px;}
	.tabmenu > li > .con{padding:114px 0 0 0;}
    .dot > dt:before{top:9px;}
}
@media all and (max-width:400px) {
	#sub_default{font-size:14px;}
	.tabmenu > li > a{height:50px; padding:16px 0 0 0; font-size:16px;}
	.tabmenu > li > .con{padding:110px 0 0 0;}
}

/* 의장실 */
#sub_chairman {position:relative; overflow:hidden; width:100%;}
#sub_chairman .img{position:relative; float:left; width:54.54%; max-width:480px; margin:0 0 40px;}
#sub_chairman .img img{max-width:100%;}
#sub_chairman .tit{z-index:2; position:relative; float:right; width:45.45%; padding:85px 0 0 0; text-align:center; word-break:keep-all;}
#sub_chairman .tit:after{z-index:-1; content:''; display:block; position:absolute; top:27px; right:0; height:247px; width:420px; background:url(/images/kr/chairman/bg_greeting.png) no-repeat 100% 0;}
#sub_chairman .tit p{padding:0 0 45px;}
#sub_chairman .txt{clear:both; width:100%;}
#sub_chairman .name{padding:30px 0 0 0; font-size:18px; text-align:right;}
#sub_chairman .name span{display:inline-block; padding:4px 4px 0 0; vertical-align:top;}
@media all and (max-width:1220px){
	#sub_chairman .tit{padding:50px 0 0 0;}
	#sub_chairman .tit:after{background-size:370px;}
	#sub_chairman .tit img{max-width:90%;}
}
@media all and (max-width:768px){
	#sub_chairman .img,
	#sub_chairman .tit,
	#sub_chairman.chairman2 .img,
	#sub_chairman .detail{width:100%;}
	#sub_chairman .img{float:none; max-width:85%; margin:0 auto;}
	#sub_chairman.chairman2 .img{max-width:70%;}
	#sub_chairman .tit{padding:10px 0 40px;}
	#sub_chairman .tit:after{top:auto; bottom:20px; width:100%; height:5px; 
		background: #53aea7; /* Old browsers */
		background: -moz-linear-gradient(left,  #53aea7 0%, #497eb6 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left,  #53aea7 0%,#497eb6 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right,  #53aea7 0%,#497eb6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	}
	#sub_chairman .tit p{padding:0 0 10px;}
	#sub_chairman .tit img{max-width:80%;}
	#sub_chairman .txt{padding:0 10px; box-sizing:border-box;}
	#sub_chairman .img .name{padding:15px 0 0 0;}
}
@media all and (max-width:568px){
	#sub_chairman .name{padding:25px 0 0 0; font-size:17px;}
	#sub_chairman .name img{height:25px;}
}
@media all and (max-width:400px){
	#sub_chairman .tit{padding:10px 0 30px;}
	#sub_chairman .tit:after{bottom:13px;}
	#sub_chairman .tit img{max-width:85%;}
	#sub_chairman .name{font-size:16px;}
	#sub_chairman .name img{height:23px;}
	#sub_chairman .img .name{padding:13px 0 0 0;}
}

/* 의회연혁 */
#sub_history .box_info{position:relative; height:300px; padding:70px 0 0 0; box-sizing:border-box; background:url(/images/kr/intro/bg_history.jpg) no-repeat 50% 0; background-size:cover;}
#sub_history .box_info .tit{width:360px; height:160px; margin:0 auto; padding:25px 0 0 0; line-height:120%; font-size:24px; font-weight:100; box-sizing:border-box; text-align:center; color:#fff; word-break:keep-all; background:rgba(0,0,0,0.3);}
#sub_history .box_info .tit strong{color:#f4d360;}
#sub_history .box_info .tit p{padding:10px 0 0 0; line-height:120%;  font-size:12px; letter-spacing:3px;}
#sub_history .history{position:relative; padding:50px 0 0 0; line-height:145%; word-break:keep-all;}
#sub_history .history:before{content:''; display:block; position:absolute; top:-85px; left:50%; width:1px; height:calc(100% + 85px); background:#ddd;}
#sub_history .history > li{padding:15px 0 0 50%;}
#sub_history .history div{position:relative; padding:0 0 0 80px;}
#sub_history .history div:before,
#sub_history .history div:after{content:''; display:block; position:absolute; top:13px; left:0; width:60px; height:1px; background:#ddd;}
#sub_history .history div:after{top:7px; left:60px; width:13px; height:13px; border-radius:50%; border:3px solid #497eb6; background:#fff;}
#sub_history .history li:nth-child(-n+5) div:after{border-color:#143354;}
#sub_history .history p{margin:0 0 10px; font-size:28px; font-weight:900; color:#497eb6;}
#sub_history .history li:nth-child(-n+5) p{color:#143354;}
#sub_history .history ul li{position:relative; padding:0 0 8px 107px;}
#sub_history .history ul li:last-child,
#sub_history .history li:nth-child(odd) ul li:last-child{padding-bottom:0;}
#sub_history .history ul strong{display:block; position:absolute; top:0; left:0; font-weight:800;}
#sub_history .history > li:nth-child(odd){padding:15px 50% 0 0; text-align:right;}
#sub_history .history li:nth-child(odd) div{padding:0 80px 0 0;}
#sub_history .history li:nth-child(odd) div:before,
#sub_history .history li:nth-child(odd) div:after{left:auto; right:0;}
#sub_history .history li:nth-child(odd) div:after{right:60px;}
#sub_history .history li:nth-child(odd) ul li{padding:0 107px 8px 0;}
#sub_history .history li:nth-child(odd) ul strong{left:auto; right:0;}

@media all and (max-width:1024px){
	#sub_history .history ul li{padding:0 0 8px 97px;}
	#sub_history .history li:nth-child(odd) ul li{padding:0 97px 8px 0;}
}
@media all and (max-width:768px){
	#sub_history .box_info{height:auto; padding:40px 0;}
	#sub_history .box_info .tit{height:auto; padding:25px 0 20px; font-size:22px;}
	#sub_history .box_info .tit p{font-size:11px;}
	#sub_history .history{padding:20px 0 0 0;}
	#sub_history .history:before{top:0; left:0; height:100%;}
	#sub_history .history > li,
	#sub_history .history > li:nth-child(odd){padding:35px 0 0 0; text-align:left;}
	#sub_history .history ul li br{display:none;}
	#sub_history .history li:nth-child(odd) div{padding:0 0 0 80px;}
	#sub_history .history li:nth-child(odd) div:before,
	#sub_history .history li:nth-child(odd) div:after{left:0; right:auto;}
	#sub_history .history li:nth-child(odd) div:after{right:auto; left:60px;}
	#sub_history .history li:nth-child(odd) ul li{padding:0 0 8px 97px;}
	#sub_history .history li:nth-child(odd) ul strong{right:auto; left:0;}
}
@media all and (max-width:568px){
	#sub_history .box_info{padding:27px 0;}
	#sub_history .box_info .tit{width:70%; padding:18px 0 15px; font-size:19px;}
	#sub_history .box_info .tit p{font-size:10px;}
	#sub_history .history{padding:15px 0 0 0;}
	#sub_history .history > li,
	#sub_history .history > li:nth-child(odd){padding:30px 0 0 0;}
	#sub_history .history div,
	#sub_history .history li:nth-child(odd) div{padding:0 0 0 30px;}
	#sub_history .history div:before{top:9px; width:20px;}
	#sub_history .history div:after,
	#sub_history .history li:nth-child(odd) div:after{left:15px;}
	#sub_history .history div:after{top:4px; width:11px; height:11px;}
	#sub_history .history p{font-size:25px;}
	#sub_history .history ul li,
	#sub_history .history li:nth-child(odd) ul li{padding:0 0 7px 85px;}
}
@media all and (max-width:400px){
	#sub_history .box_info{padding:22px 0;}
	#sub_history .box_info .tit{width:75%; padding:15px 0 12px; font-size:17px;}
	#sub_history .box_info .tit p{font-size:9px; letter-spacing:2px;}
	#sub_history .history{padding:10px 0 0 0;}
	#sub_history .history ul li,
	#sub_history .history li:nth-child(odd) ul li{padding:0 0 6px 78px;}
	#sub_history .history div,
	#sub_history .history li:nth-child(odd) div{padding:0 0 0 20px;}
	#sub_history .history div:before{width:15px;}
	#sub_history .history div:after,
	#sub_history .history li:nth-child(odd) div:after{left:6px;}
	#sub_history .history p{font-size:23px;}
}

/* 의회구성*/
.org{position:relative;height: 570px;text-align:center;border:1px solid #ddd;box-sizing:border-box;}
.org span{z-index:2; display:block; position:absolute; left:50%; top:33px; width:120px; height:120px; line-height:120px; white-space:pre; font-size:20px; border-radius:50%; font-weight:700; color:#fff;transform:translateX(-50%);background:#143354; box-sizing:border-box;}
.org span:before,
.org span:after{content:''; display:block; position:absolute; top:1px; left:1px; width:118px; height:118px;border:4px solid #fff; border-radius:50%;}
.org span:after{left:50%; top:auto; bottom:-4px; width:7px; height:7px; margin:0 0 0 -3px; border:none;background:#143354;}
.org1_1 > span {left: 75%;width:110px; height:110px; line-height:110px; color:#333;background: none;border: 1px solid #5c92bc;}
.org1_1 > span:before {border:none;}
.org1_1 > span:after {left: -1px;top: 50%;}
.org2 span{top:186px; background:#497eb6;}
.org2 span:after{display: none;}
.org3 span{top: 369px;left:23%;width:155px;height:50px;line-height:50px;border-radius:0;background:#5db6b3;}
.org3 ul span{top: 444px;width:100px;height:60px;line-height:120%;padding:11px 0 0 0;font-size:16px;font-weight:400;color:#333;border:1px solid #9fd9d7;background:#fff;}
.org3_1_1 span{left:10%;}
.org3_1_3 span{left:36%;}
.org3 span:before,
.org5 span:before{top:3px; left:3px; width:149px; height:44px; border-width:1px; border-color:rgba(255,255,255,0.5); border-radius:0;}
.org3_2 span{left:77%; background:#5db68f;}
.org3_2_1 span {left: 64%;}
.org3_2_2 span {left: 77%;}
.org3_2_3 span {left: 90%;}
.org4 span{top:479px; background:#5c92bc;}
.org5 span{top: 188px;left:72%;width:50px;height:155px;padding:30px 0 0 0;line-height:120%;border-radius:0;background: #5c92bc;}
.org5 span:before{width:44px; height:149px;}
.org5 ul span{left:85%; height:40px; line-height:40px; padding:0; width:140px; font-size:16px; font-weight:400; color:#333; border:1px solid #90b6d4; background:#fff;}
.org5 ul span br{display:none;}
.org5_1 span{top: 195px;}
.org5_2 span{top: 245px;}
.org5_3 span{top:295px;}
.org6 span{top: 410px;width:110px;height:110px;line-height:110px;color:#333;background:#fff;border:1px solid #5c92bc;}
.org3 span:after,
.org3 ul span:before,
.org5 ul span:before,
.org5 span:after,
.org6 span:before,
.org6 span:after{display:none;}
.org6_1 span{left:15%;}
.org6_2 span{left:32.5%;}
.org6_3 span{left:50%;}
.org6_4 span{left:68%;}
.org6_5 span{left:85%;}
.org6_1 span:after,
.org6_2 span:after,
.org6_3 span:after,
.org6_4 span:after,
.org6_5 span:after{display:block; bottom:auto; top:-4px;}
.org li:before{content:'';display:block;position:absolute;top:80px;left:50%;width:1px;height: 251px;background:#cdcdcd;}
.org .org2:before,
.org .org3:before,
.org .org5:before{left:23%;top: 330px;height:165px;width:54%;border:1px solid #cdcdcd;border-bottom:none;background:transparent;}
.org .org3:before{left:10%;top: 432px;width:26%;height:30px;}
.org .org3_2:before{left: 64%;top: 430px;width:26%;height:30px;}
.org .org4:before{top: 265px;width:30%;height:1px;}
.org .org5:before{left:70%;top: 215px;width:90px;height:100px;border-bottom:1px solid #cdcdcd;border-right:none;}
.org .org6:before{left: 25%;top:850px;width: 49%;height: 42px;border: 1px solid #cdcdcd;border-bottom: 0;background: none;}
.org .org6_2:before{left: 42%;top:850px;width: 16.1%;height: 26px;border: 1px solid #cdcdcd;border-bottom: 0;background: none;}


.off_org {height: 600px;}
.off_org li:before {height: 360px;}
.off_org .org2:before, .off_org .org3:before{display: none;}
.off_org .org6:before {left: 50%;top: 377px;transform: translateX(-50%);width: 70%;}
.off_org .org6_2:before {left: 50.3%;width: 35.5%;height: 40px;}

@media all and (max-width:1024px){
	.org span{font-weight:800;}
}
@media all and (max-width:768px){
	.org3 ul span{width:75px;}
	.org5 span{left:65%;}
	.org .org5:before{left:65%;}
	.org6 span{width:100px; height:100px; line-height:100px;}
}
@media all and (max-width:568px){
	.org {height: 680px;}
	.org span{font-size:17px;}
	.org1 > span,
	.org2 > span,
	.org4 > span{width:87px; height:87px; line-height:87px;}
	.org1 > span:before,
	.org2 > span:before,
	.org4 > span:before{width:85px; height:85px;}
	.org3 span{width:125px;}
	.org3 span:before{width:119px;}
	.org3 ul span{padding:13px 0 0 0;font-size:15px;width: 100px;}
	.org3_1_1 span,
	.org3_1_3 span{left:23%;}
	.org3 .org3_1_2 span{top: 510px;}
	.org3 .org3_1_3 span{top: 575px;}
	.org3 .org3_2_1 span,
	.org3 .org3_2_3 span{left:77%;}
	.org3 .org3_2_2 span{top:510px;}
	.org3 .org3_2_3 span{top:575px;}
	.org5 ul span{width:69px; height:48px; padding:9px 0 0 0; line-height:120%; font-size:14px;}
	.org5 ul span br{display:inline-block;}
	.org6 span{width:70px; height:70px; line-height:70px;}
	.org li:before {height: 251px;}
	.org .org3:before{display:none;}

	.off_org {height: 540px;}
	.off_org .org1 > span {display: flex;justify-content: center;align-items: center;word-break: break-all;white-space: normal;padding: 0 10px;line-height: 1;box-sizing: border-box;}
	.off_org li:before {height: 400px;}
}
@media all and (max-width:400px){
	.org3 ul span,
	.org5 ul span{font-size:14px;}

	.org1_1 > span {left: 80%;}
}

/* 의회구성 - 위원회구성 */
.org_name{position:relative; padding:42px 3%; line-height:135%; border:1px solid #ddd; text-align:center;}
.org_name .tit{position:relative; display:inline-block; height:60px; width:210px; padding:19px 0 0 0; font-weight:700; font-size:20px; color:#fff; box-sizing:border-box; background:#5db6b3;}
.org_name .tit:before{content:''; display:block; position:absolute; top:5px; left:5px; width:calc(100% - 10px); height:calc(100% - 10px); border:1px solid rgba(255,255,255,0.5);}
.org_name .tit p{font-size:16px; font-weight:200;}
.org_name .org1 > .tit,
.org_name .org2 > .tit{height:80px; margin:0 0 30px; background:#143354;}
.org_name .org2 > .tit{margin:0 0 60px; background:#497eb6;}
.org_name .org6 .tit{background:#5db68f;}
.org_name .org2_1 > li{display:inline-block; width:30%; vertical-align:top;} 
.org_name .org2 ul .tit{display: inline-flex;justify-content: center;align-items: center;padding: 0;margin:0 0 15px;}
.org_name .org2 ul ul{display:inline-block; border:1px solid #9fd9d7; border-top:none; font-weight:700;}
.org_name .org2 ul ul li{height:59px; padding:7px 0 0 0; border-top:1px solid #9fd9d7; box-sizing:border-box; background:#fff;}
.org_name .org2 ul ul p{color:#666; font-weight:200;}
.org_name .org2_1 ul{width:210px;}
.org_name .org2_2{margin:30px 0 0 0;}
.org_name .org2_2 .org6 ul{border-color:#99d7bc;}
.org_name .org2_2 .org6 li{border-color:#99d7bc;}

.org_name li:before{z-index:-1;content:'';display:block;position:absolute;top:80px;left:50%;width:1px;height: 38%;background:#cdcdcd;}
.org_name .org2:before{left:22%; top:262px; width:57%; height:50px; border:1px solid #cdcdcd; border-bottom:none; background:transparent;}
.org_name .org2_2 .org6:before{left: 22%;top: 781px;width: 1px;height:50px;background: #cdcdcd;}
.org_name .org2_2 .org6:nth-child(2):before{left: 50%;top: 781px;width: 1px;height:50px;background: #cdcdcd;}
.org_name .org2_2 .org6:nth-child(3):before{left: 78%;top: 781px;width: 1px;height:50px;background: #cdcdcd;}
@media all and (max-width:1024px){
	.org_name .tit{font-weight:800;}
}
@media all and (max-width:768px){
	.org_name{padding:35px 2%;}
	.org_name .tit{font-size:18px;}
	.org_name .tit,
	.org_name .org2_1 ul{width:160px;}
	.org_name .org2_2 .org6 ul{width:88%;}
	.org_name .org2:before{top:255px;}
}
@media all and (max-width:568px){
	.org_name .tit:before{top:3px; left:3px; width:calc(100% - 6px); height:calc(100% - 6px);}
	.org_name{padding:25px 0;}
	.org_name .tit{font-size:16px;}
	.org_name .tit p{font-size:15px;}
	.org_name .tit,
	.org_name .org2_1 ul{width:120px;}
	.org_name .org2:before{top:245px;}
}
@media all and (max-width:400px){
	.org_name .tit{font-size:15px;}
	.org_name .tit p{font-size:14px;}
	.org_name .org2_1 ul{width:100px;}
	.org_name .org2_1 .tit{width:100px;}
}

.info_box{padding:35px 380px 35px 43px; margin:0 0 40px; word-break:keep-all; color:#303030; border:1px solid #e5e5e5; background-color: #f7f7f7;}
.info_box dt{margin:0 0 15px; line-height:125%; font-size:24px; font-weight:800; color:#4b84b5;}
.info_box dd{font-size: 16px; line-height: 175%;}
.info_box dl br{line-height: 175%;}

/* 숙제도우미 */
#sub_rule .info_box{background:#f7f7f7 url(/images/ch/sub/bg_rule.png) no-repeat 95% 50%;}
#sub_rule .dot{padding: 0 0 0 25px;}
#sub_rule dl dd{font-size: 16px;}

#sub_creat .info_box{background:#f7f7f7 url(/images/ch/sub/img_creat.png) no-repeat 95% 50%; padding:35px 260px 35px 43px;}
#sub_creat dl dd{font-size: 16px;}
#sub_creat .section .wrap .list .dot{padding: 0 0 0 25px;}
#sub_creat .section .wrap .list .dot li {font-size: 16px;}
#sub_creat .section .wrap .list .dot li h5{font-size: 18px;}

#sub_work .info_box{background:#f7f7f7 url(/images/ch/sub/img_work.png) no-repeat 95% 50%; padding: 35px 280px 35px 43px;}
#sub_work h4 + p{font-weight: 200;}

#sub_process .info_box{background:#f7f7f7 url(/images/ch/sub/bg_process.png) no-repeat 95% 50%;}
#sub_process .tabmenu > li .con .dot{padding: 0 0 0 25px;}
#sub_process .tabmenu > li .con > p{font-size: 15px;}
#sub_process .tabmenu > li .con .dot li p,
#sub_process .tabmenu > li .con .dot li .dash{font-size: 15px;}

#sub_process .tabmenu strong span{color: #4b84b5;}
#sub_process .tabmenu:before{content: ""; position: absolute; top: 70px; left: 0; display: block; width: 100%; height: 1px; z-index: -1; background: #4b84b5;}

#sub_grow .info_box{background:#f7f7f7 url(/images/ch/sub/bg_rule.png) no-repeat 95% 50%; padding:35px 270px 35px 43px;}
#sub_grow dl dd{font-size: 16px;}

#sub_need .info_box{padding:35px;}
#sub_need .info_box img{float:left; margin:3px 15px 0 -35px;}
@media all and (max-width:1024px){
    .info_box{padding-right:280px;}
    #sub_creat .section .wrap .list .dot li h5{font-size: 17px;}
}
@media all and (max-width:768px){
	.info_box{margin:0 0 30px; padding:25px 165px 25px 25px;}
	.info_box dt{margin:0 0 12px; font-size:23px;}
    #sub_rule .info_box{background-size:140px; background-position:98% 50%;}
    #sub_rule .dot{padding: 0 5px 0 10px;}
    #sub_rule dl dd{font-size: 15px;}
    
    #sub_creat .info_box{background-size:140px; background-position:98% 50%; margin:0 0 30px;}
    #sub_creat dl dd{font-size: 15px;}
    #sub_creat .section .wrap .list .dot{padding: 0 5px 0 10px;}
    #sub_creat .section .wrap .list .dot li {font-size: 15px;}
    #sub_creat .section .wrap .list .dot li h5{font-size: 16px;}
    
    #sub_work h4 + p{font-size: 15px;}
    #sub_work .info_box{background-size:140px; background-position:98% 50%; padding: 25px 154px 25px 25px;}
    
    #sub_grow p{font-size: 15px;}
    #sub_grow .info_box{background-size:140px; background-position:98% 50%; margin:0 0 30px; padding:25px 165px 25px 25px;}
    
	#sub_need .info_box{padding:25px 20px 25px 25px;}
	#sub_need .info_box img{margin-left:-25px; width:220px;}
    
    #sub_process .info_box{background-size:140px; background-position:98% 50%;}
    #sub_process dl dd{font-size: 15px;}
    #sub_process .tabmenu:before{top: 60px;}
    #sub_process .tabmenu > li .con .dot{padding:0 5px 0 10px;}
}
@media all and (max-width:568px){
	.mb35,
	.mb40{margin:0 0 30px 0 !important;}
	.info_box{padding:22px 125px 22px 22px;}
	.info_box dt{margin:0 0 10px; font-size:20px;}
    .info_box dd{font-size: 14px; line-height: 150%;}
    .info_box dl br{line-height: 150%;}
	
    #sub_rule .info_box{background-size:110px;}
    #sub_rule dl dd{font-size: 14px;}
    
    #sub_creat .info_box{background-size:110px; padding:22px 125px 22px 22px;}
    #sub_creat dl dd{font-size: 14px;}
    #sub_creat .section .wrap .list .dot li {font-size: 14px;}
    #sub_creat .section .wrap .list .dot li h5{font-size: 15px;}
    
    #sub_process .info_box{background-size:110px;}
    #sub_process dl dd{font-size: 14px;}
    #sub_process .tabmenu > li .con > p{font-size: 14px;}
    #sub_process .tabmenu > li .con .dot li p,
    #sub_process .tabmenu > li .con .dot li .dash{font-size: 14px;}
    
    #sub_grow .info_box{background-size:110px; padding:22px 125px 22px 22px;}
    #sub_grow dl dd{font-size: 14px;}
    #sub_grow p{font-size: 14px; padding: 0 5px;}
    
    #sub_work dl dd{font-size: 14px;}
    #sub_work .info_box{background-size:110px;}
    #sub_work h4 + p{font-size: 14px;}
    
	#sub_need .info_box{padding:22px;}
	#sub_need .info_box img{margin:3px 10px 0 -22px; width:170px;}
    
    #sub_default h4:before { top: -1px; left: 0; width: 17px; height: 17px; background-color: rgb(94,178,171); background: linear-gradient(45deg, rgba(94,178,171,1) 0%, rgba(85,135,188,1) 85%);}
    #sub_default h4:after { content: ''; display: block; width: 7px; height: 7px; background-color: #fff; position: absolute; top: 4px; left: 5px; }
}
@media all and (max-width:480px){
	.info_box{padding:22px 20px 22px 22px;}
	.info_box dt{margin:0 0 7px;}
    #sub_rule .info_box{background-image:none;}
    
    #sub_creat .info_box{background-image:none; padding:22px 20px 22px 22px;}
    
    #sub_grow .info_box{background-image:none; padding:22px 20px 22px 22px;}
    
    #sub_process .info_box{background-image:none;}
    #sub_process .tabmenu:before{top: 50px;}
    
    #sub_work .info_box{background-image:none; padding:22px 20px 22px 22px;}
    
	#sub_need .info_box img{width:150px;}
}
@media all and (max-width:380px){
	.info_box{margin:0 0 25px; padding:20px;}
	.info_box dt{font-size:19px;}
	#sub_need .info_box{padding:20px;}
	#sub_need .info_box img{margin:3px 5px 0 -20px; width:135px;}
    
    #sub_creat{margin:0 0 25px;}
    
    #sub_grow{margin:0 0 25px;}
    
    #sub_process .info_box{padding:20px;}
	#sub_process .info_box img{margin:3px 5px 0 -20px; width:135px;}
}

/* 의회용어사전 */
#sub_voca .indexArea{overflow:hidden; width:100%; padding:2em 0; border:1px solid #d9d9d9; box-sizing:border-box;}
#sub_voca .index_word,
#sub_voca .indexArea form,
#sub_voca .search_result{overflow:hidden; width:90%; margin:0 auto 1em auto; padding:0 0 1em 0; border-bottom:1px solid #dbdbdb; box-sizing:border-box;}
#sub_voca .indexArea form *{float:left;}
#sub_voca .indexArea fieldset{width:100%;}
#sub_voca .indexArea input {vertical-align:top; margin:0 3px 0 0;}
#sub_voca .indexArea #word {height:29px; width:440px; line-height:29px; border:1px solid #c8c8ca;}
#sub_voca .indexArea button[type="submit"]{height:31px; width:74px; background:#707070; color:#fff;}
#sub_voca .indexArea form label,
#sub_voca .index_word .titTxt{float:left; padding:3px 2em 0 0; font-weight:bold; color:#000; font-size:105%;}
#sub_voca .index_word ul {float:left;}
#sub_voca .index_word li {float:left; margin:0 3px 0 0; text-align:center;}
#sub_voca .index_word li a{display:block; width:34px; height:34px; line-height:34px; font-size:120%; font-weight:bold; color:#000; text-decoration:none; background:#e0e0e0;}
#sub_voca .index_word li.current_on a,
#sub_voca .index_word li a:focus,
#sub_voca .index_word li a:hover{color:#fff; background:#9182c0;}
#sub_voca .search_result li {float:left; width:19%; padding:0 0 10px 6px; letter-spacing:-1px;}
#sub_voca .none,#sub_voca .word_defined{width:100%; padding:20px 0 0 0;}
@media all and (max-width:1024px) {
	#sub_voca .indexArea form label, #sub_voca .index_word .titTxt{padding:3px 7px 0 10px;}
	#sub_voca .indexArea #word{width:67%;}
	#sub_voca .search_result ul{width:98%; padding:0 0 0 2%;}
	#sub_voca .index_word li a{width:26px; height:26px; line-height:26px;}
}
@media all and (max-width:768px) {
	#sub_voca .indexArea{padding:1em 0;}
	#sub_voca .index_word, #sub_voca .indexArea form, #sub_voca .search_result{width:95%; padding:0 0 0.7em; margin-bottom:0.7em;}
	#sub_voca .indexArea form label, #sub_voca .index_word .titTxt{width:90%; margin:0 0 3px 0; padding:0;}
	#sub_voca .index_word ul{width:100%;}
	#sub_voca .index_word li{width:6.5%; margin:0 1px 0 0;}
	#sub_voca .index_word li a{width:100%; height:22px; line-height:22px;}
}
@media all and (max-width:660px) {
	#sub_voca .search_result li{width:23%;}
}
@media all and (max-width:568px) {
	#sub_voca .search_result li{width:31%;}
}
@media all and (max-width:380px) {
#sub_voca .search_result li{width:47.5%;}
}

/* 유용한 사이트 */
#sub_site .info_box{padding: 35px 43px; background: url(/images/ch/sub/bg_site.png) no-repeat 95% 90% #f7f7f7;}
#sub_site .info_box:after{content: ""; display: block; clear: both;}
#sub_site .dot{float: left; width: 33.33%;}
#sub_site .dot li{padding: 0 0 10px 8px; font-size: 15px;}
@media all and (max-width:768px){
    #sub_site .dot{float: left; width: 100%;}
    #sub_site .info_box{padding: 20px 43px 20px 23px; background: url(/images/ch/sub/bg_site.png) no-repeat 90% 95% #f7f7f7; background-size: 40%;}
    #sub_site .dot li{padding: 0 0 5px 8px; font-size: 14px;}
}