@charset "utf-8";

h4 + .txt_wrap {margin: 0 0 35px;}
.line_box {z-index: 1; position: relative; padding: 30px 35px; line-height: 1.6; word-break: keep-all; background: url(/images/kr/intro/bg_line.png); border-radius: 5px; box-sizing: border-box;}
.line_box::after {z-index: -1; content: ''; position: absolute; top: 5px; left: 5px; width: calc(100% - 10px); height: calc(100% - 10px); background: #fff;}


/* 의장실 */
.chairman_wrap {position: relative;margin: 25px 0 55px;height: 312px;background: url(/images/kr/chairman/bg_greeting.png)no-repeat left;}
.chairman_wrap::before, .chairman_wrap::after {content: ''; position: absolute; top: 0; right: 0; width: 145px; height: 273px; background: url(/images/kr/chairman/bg_greeting2.png);}
.chairman_wrap::after {top:auto; bottom: 0; width: 100px; height: 1px; background: #ccc;}
.chairman_wrap .txt {padding: 60px 555px 0 4.6%;box-sizing: border-box;}
.chairman_wrap .txt strong {font-family: 'gmarket';font-size: 26px;font-weight: 800;color: #fff;line-height: 1.4;word-break: keep-all;}
.chairman_wrap .txt strong span {font-weight: 900;}
.chairman_wrap .txt strong span.yellow {color: #fff9d0;}
.chairman_wrap .txt p {position: relative; margin: 40px 0 0; font-size: 15px; color: rgba(255,255,255,.7); line-height: 1.6;}
.chairman_wrap .txt p::after {content: ''; position: absolute; top: -24px; left: 0; width: 46px; height: 1px; background: rgba(255,255,255,.3);}
.chairman_wrap .name {position: absolute; right: 446px; bottom: 57px; font-size: 14px; color: #fff; text-align: right;}
.chairman_wrap .name img {margin: 5px 0 0;}
.chairman_wrap .pic {position: absolute; bottom: 0; right: 64px;}

#sub_chairman .greeting .name {margin: 20px 0 0; text-align: right;}
#sub_chairman .greeting .name img {margin: 0 0 0 12px; vertical-align: bottom;}

#sub_profile > ul {display: flex; flex-wrap: wrap; justify-content: space-between;}
#sub_profile > ul > li {position: relative; margin: 0 0 10px; padding: 0 0 10px 135px; width: 48%; border-bottom: 1px solid #eee; box-sizing: border-box;}
#sub_profile > ul > li::before {content: ''; position: absolute; top: 2px; left: 0; width: 20px; height: 18px; background: url(/images/kr/chairman/ico_tit.png)no-repeat; background-size: contain;}
#sub_profile > ul > li em {position: absolute; top: 0; left: 30px; font-size: 17px; font-weight: 300;}
#sub_profile > ul > li.career {padding: 40px 0 0; width: 100%; border: none;}
#sub_profile > ul > li.career .dot {padding: 25px 35px; border: 1px solid #eee; box-sizing: border-box;}
#sub_profile > ul > li.career .dot > li:not(:last-child) {padding-bottom: 6px;}


@media all and (max-width:1380px){
    .chairman_wrap .txt {padding-top: 50px;padding-left: 3%;}
	.chairman_wrap .txt strong {font-size: 23px;}
}
@media all and (max-width:1280px){
	.chairman_wrap .txt {padding-right: 500px;}
	.chairman_wrap .txt p {font-size: 14px; line-height: 1.2}
	.chairman_wrap .name {right: 390px;}
	.chairman_wrap .pic {right: 10px;}
}
@media all and (max-width:1180px){
	.chairman_wrap .txt {padding-right: 420px;}
	.chairman_wrap .name {right: 320px;}
	.chairman_wrap .pic {right: -20px;}
	.chairman_wrap .pic img {width: 340px;}
}
@media all and (max-width:768px){
	.chairman_wrap {margin: 0 0 35px; height: auto; background-size: cover; border-radius: 10px;}
	.chairman_wrap::before, .chairman_wrap::after {display: none;}
	.chairman_wrap .txt {padding: 40px 35px 0;}
	.chairman_wrap .name {right: auto; left: 14%; bottom: 170px;}
	.chairman_wrap .pic {position: static; margin: 15px 0 0; text-align: center;}
	.chairman_wrap .pic img {width: 300px;}

    #sub_profile > ul > li {width: 100%;}
}
@media all and (max-width:568px){
	.chairman_wrap .txt strong {font-size: 22px;}
	.chairman_wrap .txt p {margin: 25px 0 0; font-size: 14px;}
	.chairman_wrap .txt p::after {top: -17px;}
	.chairman_wrap .name {left: 35px;} 
	.chairman_wrap .pic img {width: 260px;}

    #sub_profile > ul > li {padding-left: 100px;}
    #sub_profile > ul > li em {left: 25px; font-size: 16px;}
    #sub_profile > ul > li::before {top: 3px; width: 18px;}
    #sub_profile > ul > li.career .dot {padding: 20px 25px;}
}
@media all and (max-width:420px){
	.chairman_wrap .txt {padding: 30px 25px 0;}
	.chairman_wrap .txt strong {font-size: 20px;}
	.chairman_wrap .name {left: 20px;}
	.chairman_wrap .pic img {width: 220px;}
}


/* 의회연혁 */
#sub_history .tit_wrap {position: relative; padding: 50px 20px 45px 170px; background: url(/images/kr/intro/bg_history.jpg)no-repeat; background-size: cover; border-radius: 10px;}
#sub_history .tit_wrap::before {content: ''; position: absolute; top: 55px; left: 70px; width: 77px; height: 138px; background: url(/images/kr/intro/ico_history.png)no-repeat;}
#sub_history .tit_wrap p {margin: 0 0 20px; font-family: 'jalnan'; font-size: 27px; color: #fff; line-height: 1.4; text-shadow: 0px 0px 5px rgba(51, 51, 51, 0.15);}
#sub_history .tit_wrap p .yellow{color: #ffd982;}
#sub_history .tit_wrap > span {color: rgba(255,255,255,.7);}

#sub_history .h_wrap {display: flex; flex-wrap: wrap; margin: 70px 0 0; }
#sub_history .h_wrap .left span {font-size: 25px; font-weight: 600; color: rgba(0,56,119,.5); text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);}
#sub_history .h_wrap .left p {font-size: 40px; font-weight: 600; color: #003877;}
#sub_history .h_wrap > ul {position: relative;margin: 0 0 0 50px;width: calc(100% - 260px);box-sizing: border-box;}
#sub_history .h_wrap > ul::after {z-index: -1;content: '';position: absolute;top: 7px;left: 13px;width: 2px;height: 97%;background: #e3e8ed;}
#sub_history .h_wrap > ul > li {display: flex; flex-wrap: wrap;}
#sub_history .h_wrap > ul > li .wrap {position: relative;margin: 40px 0 0;padding: 0 0 0 110px;width: calc(100% - 110px);}
#sub_history .h_wrap > ul > li:first-child .wrap {margin:0;}
#sub_history .h_wrap > ul > li .wrap::before, #sub_history .h_wrap > ul > li .wrap::after {content: '';position: absolute;top: 0;left: 0;width: 28px;height: 28px;background: url(/images/kr/intro/ico_year.png)no-repeat;}
#sub_history .h_wrap > ul > li .wrap::after {top: 13px;left: 31px;width: 70px;height: 1px;background: url(/images/kr/intro/ico_dot.png)repeat-x;}
#sub_history .txt {display: flex;flex-wrap: wrap;font-size: 15px;color: #555;line-height: 1.8;}
#sub_history .txt em {width: 140px;font-size: 18px;font-weight: 600;}
#sub_history .txt > ul {margin: 0 0 0 29px;width: calc(100% - 170px);}
#sub_history .txt > ul li {font-size: 15px; color: #555; line-height: 1.8;}

@media all and (max-width:768px){
    #sub_history .tit_wrap {padding:30px;}
	#sub_history .tit_wrap::before {display:none;}
	#sub_history .tit_wrap p {font-size: 24px;}
	#sub_history .h_wrap {margin: 30px 0 0;}
	#sub_history .h_wrap > ul {margin: 30px 0 0; width: 100%;}
}
@media all and (max-width:568px){
    #sub_history .tit_wrap p {font-size: 22px;}
	#sub_history .h_wrap .left span {font-size:22px;}
	#sub_history .h_wrap .left p {font-size:32px;}
	#sub_history .h_wrap > ul > li .wrap {padding: 0 0 0 50px;}
	#sub_history .h_wrap > ul > li .wrap::after {display:none;}
}
@media all and (max-width:380px){
	#sub_history .tit_wrap {padding:25px;}
	#sub_history .tit_wrap p {font-size: 20px;}
}

/* 기구표 */
.org {z-index:1; position: relative;margin: 30px 0;}
.org li > span {margin: 0 auto 33px;display: flex;justify-content: center;align-items: center;width: 26.69%;height: 52px;font-size: 17px;font-weight: 500;color: #fff;line-height: 1.2;text-align: center;background: #083ea0 url(/images/kr/intro/bg_org.png)no-repeat;background-size: cover;border-radius: 10px;}
.org .org2 > span {background-color: #255491;}
.org .org3 > span {margin-bottom: 63px; background-color: #1d8896;}
.org .org4 > span {margin-bottom: 0;width: 100%;}
.org .org4_1 > span {background-color: #1d9670;}
.org .org4_2 > span {background-color: #218b44;}
.org .org4_3 > span {background-color: #538b21;}

.org .org3 > ul {display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0 40px;}
.org .org3 > ul > li {width: 29.01%;}
.org .org4 .box {margin: 4px 0 0; padding: 20px 30px; background: #f3f9f7; border-radius: 10px; box-sizing: border-box;}
.org .org4_2 .box {background-color: #eef7f1;}
.org .org4_3 .box {background-color: #f4f8f1;}
.org .org4 .box li {position: relative;padding: 0 0 7px 65px;font-size: 15px;}
.org .org4 .box li em {position: absolute; top: 0; left: 0;}
.org .org4 .box li em.ls2 {letter-spacing: 26px;}
.org .org4 .box li em.ls3 {letter-spacing: 6px;}
.org .org4 .box li .colon {position: absolute; top: -1px; left: 59px;}

.org_2 {z-index: 1;position: relative;display: flex;flex-wrap: wrap;justify-content: center;}
.org_2 li > span {display: flex;justify-content: center;align-items: center;padding: 0 10px;width: 100%;height: 74px;font-size: 14px;font-weight: 500;color: #fff;line-height: 1;text-align: center;background: #6b6c6f url(/images/kr/intro/bg_org2.png)no-repeat;background-size: cover;border-radius: 10px;box-sizing: border-box;}
.org_2 .org1 {width: 100%;}
.org_2 .org1 > span {margin: 0 auto 60px;width: 26.69%;height: 52px;font-size: 17px;background: #ed5d24 url(/images/kr/intro/bg_org.png)no-repeat;background-size: cover;}
.org_2 > ul {display: flex; flex-wrap: wrap; justify-content: space-between;}
.org_2 .left {align-items: flex-end;margin: 0 9px 0 0;width: 51.56%;}
.org_2 .left li {width: 23.52%;}
.org_2 .right {width: 38.42%;}
.org_2 .right > li {width: 31.57%;}
.org_2 .org3 > span {font-size: 15px;background-color: #665239;}
.org_2 .org3 ul {margin:40px 0 0;}

.org li::after,
.org_2 li::after{z-index:-1; content:''; position:absolute; top:0; left:50%; width:1px; height:300px; background:#ddd;}
.org .org3::after {top: 256px;transform: translateX(-50%);width: 65%;height:29px;background: none;border: 1px solid #ddd;border-bottom: none;}
.org .org4 .box li:after {display:none;}

.org_2 .org2_1::after {top: 83px;width: 39.5%;height:1px;}
.org_2 .org2_2::after {top: 83px;left: 63%;height: 150px;}
.org_2 .org2_3::after {top: 83px;left: 76.3%;height: 150px;}
.org_2 .org2_4::after {top: 83px;left: 89.5%;height: 150px;}

.org_2 .org3_1::after {top: 155px;left: 10.9%;width: 39.2%;height: 80px;background: none;border: 1px solid #ddd;border-bottom: none;}
.org_2 .org3_2::after {top: 155px;left: 23.8%;height: 80px;}
.org_2 .org3_3::after {top: 155px;left: 37%;height: 80px;}

.org_3 li > span {background-color: #1d4a84;}
.org_3 .org2 > span {margin-bottom: 72px; background-color: #2b7e97;}
.org_3 > ul {display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0 40px;}
.org_3 > ul > li {width: 29.01%;}
.org_3 .org4 > span {background-color: #279885;}
.org_3 .org4 .box {padding: 15px 40px; min-height: 221px; background: #ecf6f4;}
.org_3 .org4 .box li {padding: 0;}

.org_3 .org4_1::after {top: 175px; transform: translate(-50%); width: 66%; height: 100px; background: none; border: 1px solid #ddd; border-bottom: none;}

@media all and (max-width:768px){
	.org li > span {width: 50%;}
	.org .org3 > ul {padding: 0;}
	.org .org3 > ul > li {width: 31%;}
	.org .org4 .box {padding: 15px;}

	.org_2 .org1 > span {width:100%;}
	.org_2 .left, .org_2 .right {width:100%;margin: 0;}
	.org_2 .right {margin: 35px 0 0}
	
	.org_2 li::after {height: 86px;}
	.org_2 .org2_1::after {display:none;}
	.org_2 .org2_2::after {top: 220px;left: 15.5%;height: 150px;}
	.org_2 .org2_3::after {top: 220px;left: 50%;height: 150px;}
	.org_2 .org2_4::after {top: 220px;left: 84.5%;height: 150px;}
	
	.org_2 .org3_1::after {top: 85px;left: 50%;transform: translateX(-50%);width: 76%;}
	.org_2 .org3_2::after {top: 85px;left: 50%;transform: translateX(-50%);width: 27%;background:none;border:1px solid #ddd;border-bottom: none;}
	.org_2 .org3_3::after {display:none;}

	.org_3 > ul {padding: 0;}
	.org_3 .org4_1::after {width: 72%;}
}
@media all and (max-width:568px){
	.org {margin: 0;}
	.org li > span {width: 100%; font-size: 16px;}
	.org .org3 > span {margin-bottom: 50px;}
	.org .org3 > ul > li {width: 100%;}
	.org .org3 > ul > li:not(:first-child) {margin: 20px 0 0;}

	.org_2 li > span {font-size:15px;}
	
	.org .org3::after,
	.org_3 .org4_1::after {display: none;}

	.org_3 > ul > li {width: 100%;}
	.org_3 > ul > li:not(:first-child) {margin: 20px 0 0;}
}


/* 찾아오시는길 */
#sub_location .root_daum_roughmap_landing {border:5px solid rgba(35,77,138,.2);border-bottom: none;border-radius: 10px 10px 0 0;box-sizing:border-box;}
#sub_location .root_daum_roughmap .map_border {display: none;}
#sub_location .roughmap_maker_label{border-radius:46px;}
#sub_location .roughmap_maker_label .roughmap_lebel_text{padding:8px 10px 8px 15px; font-size:0; letter-spacing:-1px; border-radius:46px; font-family:"score";}
#sub_location .roughmap_maker_label .roughmap_lebel_text:before,
#sub_location .roughmap_maker_label .roughmap_lebel_text:after{content:''; display:inline-block; width:30px; height:30px; margin:0 5px 0 0; vertical-align:top; background-image:url(/images/common/ico_logo.jpg); background-repeat:no-repeat; background-size:contain;}
#sub_location .roughmap_maker_label .roughmap_lebel_text:after{content:'GEOJE CITY COUNCIL';width: auto;height:30px;line-height:28px;font-size:20px;font-weight:600;background:none;}

#sub_location .addr {margin: 0 0 45px;padding: 28px 4.6%;display: flex;flex-wrap: wrap;text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.2);background: #20437f;border-radius: 0 0 10px 10px;box-sizing: border-box;}
#sub_location .addr strong {display: block;margin: 5px 0 0;width: 225px;font-size: 22px;font-weight: 600;color: #fff;text-transform: uppercase;}
#sub_location .addr ul {position: relative;padding: 0 0 0 40px;width: calc(100% - 265px);}
#sub_location .addr li{position: relative;padding: 0 0 12px 40px;font-weight: 400;color: #fff;}
#sub_location .addr li:last-child {padding-bottom: 0;}
#sub_location .addr li:before {content: ''; display: block; position: absolute; top: 0; left: 0; width: 26px; height: 26px; background: url(/images/kr/intro/ico_addr.png)no-repeat;}
#sub_location .addr li:last-child:before {background-image: url(/images/kr/intro/ico_call.png);}
#sub_location .addr li em {position: absolute; top: 0; left: 40px;}
#sub_location .addr .map {position: relative; display: block; margin: 0 0 0 auto; padding: 50px 0 0; width: 82px; height: 82px; font-size: 14px; font-weight: 400; color: #fff; text-align: center; text-decoration: none; text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.2); border: 1px solid #fff; border-radius: 10px; box-sizing: border-box;}
#sub_location .addr .map:before {content: ''; display: block; position: absolute; top: 15px; left: 50%; transform: translateX(-50%); width: 29px; height: 29px; background: url(/images/kr/intro/ico_map.png)no-repeat;}


@media all and (max-width:768px){
	#sub_location .addr ul {margin: 20px 0; padding: 0; width: 100%;}
	#sub_location .addr ul:before {display: none;}
	#sub_location .addr .map {padding: 0; width: 100%; height: 50px; line-height: 50px;}
	#sub_location .addr .map:before {display: inline-block; position: static; margin: 0 0 -8px;}
}
@media all and (max-width:568px){
	#sub_location .addr strong {width: auto;font-size: 20px;}
}


/* 의원소개 */
#sub_active{float:left; width:100%;}
#sub_active .normal_list img {max-width:119px;}
.profile{float:left;width:47.8%;margin:0 0 34px 0;padding: 30px 0;color:#333;border-radius:10px;border:1px solid rgba(41,46,68,0.15);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%;}
.profile dt img{max-width:120px; border:1px solid #e5e5e5;min-width: 120px;}
.profile dd{float:left;width:100%;min-height: 180px;}
.profile .name {overflow:hidden; width:100%; padding:8px 0 20px 0;}
.profile .name strong{float:left;display:block;line-height:30px;font-size: 25px;font-weight:900;color:#000;letter-spacing:-2px;}
.profile dd ul{clear:both; width:100%;}
.profile dd li{position:relative;padding: 0 0 4px 10px;line-height:135%;box-sizing:border-box;}
.profile dd li *{display:inline-block; vertical-align:top;}
.profile dd li:before{border:none;background: #ff9f00;top: 8px;width: 4px;height: 4px;}
.profile dd li span{word-break:break-all;}


@media all and (max-width:1230px) {
	.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;}
}
@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;min-width: 0; 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;}
	.profile dl{padding:0 0 27px 170px;}
	.profile dt{left:3.5%;}
	.profile dd{min-height:135px;}
	.profile .name strong{font-size:23px;}
}
@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:before{top:7px;}
}
@media all and (max-width:357px) {
	.profile .name strong{font-size:20px;}
}