@charset "utf-8";
#sub_default{font-weight:400;}
#sub_default h4,
.tit_txt{background-image:url(/images/ch/sub/bg_tit.jpg);}
#sub_default h5{padding-bottom:0; color:#1c9e65;}

.dash_b > li{position:relative; padding:0 0 0 19px; box-sizing:border-box; word-break:keep-all;}
.dash_b > li + li{margin-top:6px;}
.dash_b > li:before{content:''; display:block; position:absolute; top:10px; left:0; height:4px; width:9px; background:#ceeebf;}

.box_line{position:relative; padding:35px 30px 35px 39px; border:1px solid #c3e2a5; background:#f8fbf5;}
.box_green{position:relative; padding:35px 30px 35px 39px; background:#ecf3f0;}
.box_green .tit{display:block; font-weight:600;}
@media all and (max-width:568px) {
	.box_line,
	.box_green{padding:20px 10px 20px;}
}

/* 의회연혁 */
#sub_history .box_line{margin:0 0 50px;} 
#sub_history .tit_txt span{letter-spacing:0; font-size:16px; font-weight:300; word-break:keep-all;}
#sub_history dd{margin:0 0 38px; padding:37px 40px; background:#ecf3f0;}
#sub_history dl:nth-child(even) dd{background:#f0f8fa;}
#sub_history li{padding:0 0 0 122px;}
#sub_history li + li{margin:5px 0 0 0;}
#sub_history li:before{background:#1c9e65;}
#sub_history .date{position: absolute; top:0; left:13px; font-weight:500;}

@media all and (max-width:1024px){
	#sub_history dd{padding:30px 35px;}
}
@media all and (max-width:768px){
	#sub_history dd{padding:20px 25px;}
}
@media all and (max-width:568px){
	#sub_history dd{padding:15px 20px;}
	#sub_history li{padding:0 0 0 12px;}
	#sub_history .date{position: static;}
}

/* 의회구성 */
#sub_org .box_line{padding:55px 13.49% 85px; border:5px solid #ecf3f0; background:none;}
.org {position: relative;}
.org .org1 span {position: relative; display: block; margin: 0 auto 39px; width:137px; height:137px; line-height: 104px; font-size: 18px; font-weight: 500; text-align: center; border: 16px solid #141d3d; border-radius: 50%; background: #fff; box-sizing: border-box;}
.org .org2 span {display: flex;justify-content: center;align-items: center;margin-bottom: 70px;width:31.1%;height: 60px;font-size: 17px;font-weight: 400;line-height: 1.2;color: #fff;background: #132a50;background-size: cover;border: none;border-radius: 10px;}
.org .org3 {width:31.1%;}
.org .org3 > span {margin: 0;width: 100%;height: 55px;background-color: #3194b1;}
.org .org3_2 > span{background-color: #3164b1;}
.org .org3 ul li span {margin:10px 0 0;width:100%;height: 55px;font-size: 17px;color: #333;border: 1px solid #9cd9eb;background: #f6f9fa;}
.org .org4 > span {margin: -21px auto 181px; background-color: #1c9e65;}
.org .org5 {position: absolute; top:576px; right: 0; width:31.3%;}
.org .org5 > li > span {margin: 0; width: 100%; height: 55px; background-color: #5ca93a;}
.org .org5 ul li span {margin: 5px 0 0;width: 100%;height: 55px;font-size: 17px;color: #333;border: 1px solid #e8dbca;background-color: #fffbf6;}
.org .org6 li {width:31.1%;}
.org .org6 li span {width: 100%;color: #333; margin:0; border: 1px solid #ceeebf;background: #f6f9f5;}
.org .fl {display: flex;flex-wrap: wrap;justify-content: space-between;}

.org li::after {z-index: -1;content: '';display: block;position: absolute;top: 130px;left: 50%;width: 1px;height: 585px;background: #ccc;}
.org .org2::after {top:275px; width: 70%; height:200px; transform: translateX(-50%); background:#fff; border-top:1px solid #ccc; border-left:1px solid #ccc;}
.org .org3::after{top:275px; left:85%; width:1px; height:50px;}
.org .org3_2::after{top:603px; left:50%; width:35%; height: 1px;}
.org .org6 li:first-child:after {top:680px;width: 70%;height: 40px;transform: translateX(-50%);border: 1px solid #ccc;border-bottom: none;background: transparent;}

.org .org5::after, .org .org5 li::after {display: none;}


@media all and (max-width:768px){
	#sub_org .box_line{padding:50px 5% 55px;}
}
@media all and (max-width:568px){
	.org .org2 span,
	.org .org3 ul li span,
	.org .org5 ul li span{font-size: 16px;}
}

/* 찾아오시는길 */
#sub_location .map_wrap {overflow: hidden;position: relative;margin: 0 0 50px;border: 2px solid #1c9e65; border-bottom: none; border-radius: 0 0 50px 0;}
#sub_location .map_wrap .info {z-index: 1; display: flex; flex-wrap:wrap; align-items: center;width:100%; height: 93px; padding:0 0 0 10px; background: #1c9e65 url(/images/kr/intro/bg_map_txt.png) no-repeat 100% 100%; box-sizing: border-box;}
#sub_location .map_wrap .info li {position: relative;display:inline-flex; align-items: center; padding: 0 0 0 71px; height: 48px; margin: 0 0 0 42px; color: #fff;}
#sub_location .map_wrap .info li::before {content:'';position: absolute;top: 50%;left: 0;transform: translateY(-50%);width:56px;height:56px;background: url(/images/ch/sub/ico_map1.png)no-repeat;}
#sub_location .map_wrap .info li:nth-child(2):before {background-image: url(/images/ch/sub/ico_map2.png);}
#sub_location .map_wrap .info li:nth-child(3):before {background-image: url(/images/ch/sub/ico_map3.png);}
#sub_location .root_daum_roughmap{position:relative; overflow:hidden; width:100%;}
#sub_location .roughmap_maker_label{border-radius:46px;}
#sub_location .roughmap_maker_label .roughmap_lebel_text{padding:8px 15px 8px 10px; line-height:28px; font-size:20px; font-weight:900; letter-spacing:-1px; border-radius:46px; font-family:"Noto Sans KR"; background:#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;}

@media all and (max-width:1230px){
	#sub_location .map_wrap .info{background-size:auto 20px;}
	#sub_location .map_wrap .info li {margin:0 0 0 5%;}
}
@media all and (max-width:1024px){
	#sub_location .map_wrap .info{height:auto; padding:15px 0 15px 0;}
	#sub_location .map_wrap .info li {height:35px; margin:0 0 0 20px; padding:0 0 0 50px;}
	#sub_location .map_wrap .info li:before {width: 35px; height: 35px; background-size: cover;}
}
@media all and (max-width:768px){
	#sub_location .map_wrap .info{padding:15px 0 10px 5%;}
	#sub_location .map_wrap .info li {width:100%; margin:0 0 5px;}
	#sub_location .root_daum_roughmap .wrap_map{height:350px !important;}
}
@media all and (max-width:568px){
	#sub_location .root_daum_roughmap .wrap_map{height:300px !important;}
	#sub_location .roughmap_maker_label .roughmap_lebel_text{font-size:19px;}
	#sub_location .roughmap_maker_label .roughmap_lebel_text:before{height:25px; margin:0 2px 0 0;}
}
@media all and (max-width:380px){
	#sub_location .root_daum_roughmap .wrap_map{height:250px !important;}
	#sub_location .roughmap_maker_label .roughmap_lebel_text{font-size:18px;}
}


/* 의회에서하는일 */
#sub_work h5{padding-top:35px;}
#sub_work .box_green{margin-top:10px;}

/* 방청견학안내 */
#sub_tour h5 ~ h5{padding-top:30px;}

/* 의회용어사전 */
#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 {width:440px; height:40px; line-height:40px; border:1px solid #dcdcdc;}
#sub_voca .indexArea button[type="submit"]{width:74px; height:40px; background:#1086ad; color:#fff;}
#sub_voca .indexArea form label,
#sub_voca .index_word .titTxt{float:left; padding:8px 2em 0 0; font-weight:800; 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:40px; height:40px; line-height:40px; font-size:120%; font-weight:800; 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:#1086ad;}
#sub_voca .search_result li {float:left; width:20%; box-sizing:border-box; padding:0 0 10px 12px; letter-spacing:-1px;}
#sub_voca .search_result li:before {top:12px;}
#sub_voca .none,#sub_voca .word_defined{width:100%; padding:20px 0 0 0;}
#sub_voca .word_defined dd {padding:0 0 0 30px;}

@media all and (max-width:1024px) {
	#sub_voca .indexArea #word{width:71%;}
	#sub_voca .search_result ul{width:98%; padding:0 0 0 2%;}
    #sub_voca .search_result li:before {top:10px;}
    #sub_voca .word_defined dd {padding:0 0 0 25px;}
}
@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:90%; padding:0 0 0.7em; margin-bottom:0.7em;}
	#sub_voca .indexArea form label, #sub_voca .index_word .titTxt{width:100%; 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 1px 0;}
	#sub_voca .index_word li a{width:100%; height:25px; line-height:25px;}
}
@media all and (max-width:660px) {
	#sub_voca .search_result li{width:25%;}
}
@media all and (max-width:568px) {
	#sub_voca .search_result li{width:33.333%; padding-left:10px;}
    #sub_voca .search_result li:before {top:8px;}
    #sub_voca .word_defined dd {padding:0 0 0 15px;}
}
@media all and (max-width:400px) {
	#sub_voca .search_result li{width:50%;}
}

/* 유용한사이트 */
#sub_site .tit_wrap {font-size: 20px; text-align: center; color: #111; font-weight:300; word-break:keep-all;}
#sub_site .tit_wrap p {margin: 0 0 7px;font-size: 23px; font-weight: 500;}
#sub_site .txt_box {position: relative;padding: 55px 9.8% 65px;background: #f3f7ee; box-sizing: border-box;border-radius: 10px;overflow: hidden;z-index: 1;}  
#sub_site .txt_box ul {margin: 40px 0 0 ;display: flex; flex-wrap: wrap; justify-content: space-between;}
#sub_site .txt_box li {display: table;width: 27.7%;height: 51px;margin: 0 0 15px;box-sizing: border-box;border-radius: 25px;border: 1px solid #ceeebf;background: #fff;overflow: hidden;} 
#sub_site .txt_box li:hover {border-color: #1c9e65;outline:2px solid #1c9e65;}
#sub_site .txt_box li a {position: relative;display: block;display: table-cell;vertical-align: middle;padding: 0 40px 0 30px; line-height: 1.2;text-decoration: none;}
#sub_site .txt_box li a:after {content: '';display: block;position: absolute;top: 17px;right: 10%;width: 12px;height: 13px;background: url(/images/ch/sub/ico_open.png)no-repeat;}

@media all and (max-width: 1024px) {
	#sub_site .txt_box {padding: 55px 5% 40px;}
	#sub_site .txt_box li {width:31%;}
}
@media all and (max-width: 768px) {
	#sub_site .tit_wrap p {font-size:21px;}
	#sub_site .tit_wrap span {font-size:18px;}
	#sub_site .txt_box li {width:48%;}
}
@media all and (max-width: 568px) {
	#sub_site .tit_wrap p {font-size:18px;}
	#sub_site .tit_wrap span {font-size:14px;}
	#sub_site .txt_box li {width:49%;}
	#sub_site .txt_box li a {padding: 0 25px 0 10%;font-size: 14px;}
	#sub_site .txt_box li a:after {right: 7%;width:11px;background-size:contain;}
}