@charset "utf-8";
#container_sub{background:url(/images/kr/common/bg_sub.png) repeat-x 50% 100%;}
#sub_default{line-height:160%;}

.func .txt_wrap {margin: 0 0 40px;}

@media all and (max-width:1024px) {
	#container_sub{background-size:auto 200px;}
}
@media all and (max-width:768px) {
	#container_sub{background-size:auto 170px;}
}
@media all and (max-width:380px) {
	#container_sub{background-size:auto 150px;}
}


/* 의장 인사말 */
.meminfo_wrap .pic_wrap{display:flex; margin: 35px 0 0; height:275px;background:url(/images/kr/chairman/bg_greeting.jpg) no-repeat;background-size:cover;background-position:left top;border-radius: 10px;box-shadow: 3px 4px 10px 0px rgba(0, 0, 0, 0.08);color: #fff;position: relative;}
.meminfo_wrap .pic{position: absolute;bottom: 0;flex:0 0 auto;width: 40%;} 
.meminfo_wrap .pic>img{max-width: 100%; border-radius: 0 0 0 10px;}
.meminfo_wrap .txt{flex:0 0 auto; display:flex; flex-direction:column; justify-content:center; width:57.1%; height:100%; margin-left:auto; padding:0 40px 0 0; box-sizing:border-box; text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);}
.meminfo_wrap .tit p {font-size: 22px;}
.meminfo_wrap .tit span {display: block;margin: 10px 0 20px;font-size: 30px;line-height: 1.3;}
.meminfo_wrap .tit span img {margin: 0 2px 0 0;width: 270px;} 
.meminfo_wrap .txt>p{padding: 0 0 0 3px;}
.meminfo_wrap .txt>p br {display: none;}


#sub_greeting .txt_wrap{margin:60px 0 0 0;}
#sub_greeting .txt_wrap strong {position: relative; display: block; padding: 0 0 0 15px; margin: 0 0 30px; font-weight: 500; font-size: 24px; z-index: 1;}
#sub_greeting .txt_wrap strong:after {content: ''; display: block; position: absolute; width: 50px; height: 36px; top: -18px; left: 0; background: url(/images/kr/chairman/bg_txt.png)no-repeat; background-size: contain; z-index: -1;}
#sub_greeting .sign {margin: 55px 0 0; text-align: right; font-size: 20px;}
#sub_greeting .sign span {font-size: 28px; font-weight: 500;}

@media all and (max-width:1024px){
    .meminfo_wrap .pic_wrap {margin: 50px 0 0; height: 250px;}
    .meminfo_wrap .tit p {font-size: 18px;}
    .meminfo_wrap .tit span {font-size: 28px;}
    .meminfo_wrap .tit span img {width: 200px;}
    .meminfo_wrap .txt>p {font-size: 15px;}
    
    #sub_greeting .txt_wrap strong {font-size: 22px;}
}

@media all and (max-width:768px){
	.meminfo_wrap .pic_wrap {margin: 0;}
	.meminfo_wrap .txt{width:55.5%; padding:0 20px 0 0;}  
    .meminfo_wrap .tit p {font-size: 16px;}
    .meminfo_wrap .tit span {margin: 10px 0 15px;font-size: 24px;}
    .meminfo_wrap .tit span img {width: 180px;}
    
    #sub_greeting .txt_wrap strong {font-size: 20px;}
    #sub_greeting .sign {margin: 45px 0 0; font-size: 18px;}
    #sub_greeting .sign span {font-size: 25px;}
}

@media all and (max-width:568px){
	.meminfo_wrap .pic_wrap{flex-direction:column-reverse;justify-content:flex-end;height: 350px;z-index: 1;}
    .meminfo_wrap .pic {z-index: -1; width: 188px;}
	.meminfo_wrap .name{right:60%; width:126px; padding:6px 15px; border-radius:0 14px;}
    
	.meminfo_wrap .txt{width:100%;height: 50%;padding:0 20px;}
    .meminfo_wrap .tit p {font-size: 15px;}
    .meminfo_wrap .tit span {margin: 10px 0 15px; font-size: 22px;}
    .meminfo_wrap .tit span img {width: 160px;}
	.meminfo_wrap .txt>p{height:45px; padding:0; border-left:none; font-size: 14px;}
    .meminfo_wrap .txt>p br {display: block;}
    
    #sub_greeting .txt_wrap {margin: 35px 0 0;}

    #sub_greeting .txt_wrap strong {margin: 0 0 10px; padding: 0 0 0 8px; font-size: 18px;}
    #sub_greeting .txt_wrap strong:after {width: 33px; top: -9px;}
    #sub_greeting .sign {margin: 30px 0 0; font-size: 16px;}
    #sub_greeting .sign span {font-size: 23px;}

}
@media all and (max-width:420px){
    .meminfo_wrap .txt>p {display: none;}
    
    #sub_greeting .txt_wrap strong { font-size: 17px;}
    #sub_greeting .sign {margin: 30px 0 0; font-size: 15px;}
    #sub_greeting .sign span {font-size: 20px;}
}


/* 의회연혁 */
#sub_history .info_box {padding: 50px; height: auto; min-height: 293px; background: url(/images/kr/intro/bg_history.jpg)no-repeat; background-size: cover; box-sizing: border-box; border-radius: 10px;}
#sub_history .info_box h5 {font-size: 32px; font-weight: 600; color: #253659;}
#sub_history .info_box span {font-size: 20px; color: rgba(150,151,151,0.8); font-family: 'gmarket'; font-weight: 800; letter-spacing: 0;}
#sub_history .info_box p {margin: 28px 0 0;font-size: 15px;}

#sub_history .detail{z-index:1; position:relative; margin: 40px 0 0; overflow: hidden;}
#sub_history .detail:before{z-index:-1; content:''; display: block; position:absolute; top:0; left:25.66%; width:1px; height:100%; box-sizing:border-box; background:#bed1cf;}
#sub_history .detail .line{position:absolute; top:0; left:25.66%; width:3px; height:106px; padding:0 0 106px; margin:0 0 0 -1px; background:#3a9fa3;}
#sub_history .detail > ul > li{position:relative; padding:18px 0 18px 32.73%; box-sizing:border-box;}
#sub_history .detail > ul > li:after{content:''; display: block; position:absolute; bottom:0; left:0; width:100%; height:3px; margin:0; border:none; background:url(/images/kr/intro/bg_dot.jpg) repeat-x; box-sizing:border-box; z-index: -1;}
#sub_history .year{display:block; position:absolute; top:50%; left:4.75%; width:25.66%; color:#3698a6; font-size:30px; text-align:left; transform:translateY(-50%);}
#sub_history .year span {font-size: 23px; color: #253659;}
#sub_history .year p {font-size: 18px; color: #202b45; text-align: left;}

#sub_history ul li ul li{font-size:15px; font-weight: 300;}

@media all and (max-width:1024px) {
    #sub_history .info_box h5 {padding: 0 0 8px; font-size: 28px;}
    #sub_history .info_box span {font-size: 18px;}
    #sub_history .info_box p {margin: 15px 0 0; }
    
    #sub_history .year {left: 3%; font-size: 27px;}
    #sub_history .year p {font-size: 16px;}
}
@media all and (max-width:768px) {
    #sub_history .info_box {padding: 35px; min-height: auto;}
    #sub_history .info_box h5 {padding: 0 0 2px; font-size: 24px;}
    #sub_history .info_box span {font-size: 16px;}
    #sub_history .info_box p {margin: 8px 0 0;}
    
	#sub_history .detail > ul > li{padding:30px 0 25px 20px; margin: 0 0 0 10px;}
	#sub_history .detail:before,
	#sub_history .detail .line,
	#sub_history .detail > ul > li:before{left:10px;}
	#sub_history .detail > ul > li:before{top:43px;}
	#sub_history .detail .line{padding:0 0 138px;}
	#sub_history .year{position:static; display:block; margin: 0 0 10px; width: 100%; font-size: 24px; transform: translateX(0);}
    #sub_history .year span {font-size: 20px;}
    #sub_history .year p {font-size: 15px;}
	#sub_history .dot li{padding:0 0 5px 110px;}
}
@media all and (max-width:568px){
    #sub_history .info_box {padding: 25px;}
    #sub_history .info_box h5 {padding: 0; font-size: 22px;}
    #sub_history .info_box span {font-size: 13px; line-height: 160%;}
    #sub_history .info_box p {margin: 5px 0 0;}
}
@media all and (max-width:380px) {
    #sub_history .info_box h5 {padding: 0; font-size: 20px;}
    #sub_history .info_box span {font-size: 12px; letter-spacing: -1px;}
    #sub_history .info_box p {font-size: 14px;}
    
    #sub_history .year {font-size: 21px;}
    #sub_history .year span {font-size: 18px;}
}

/* 조직및구성 */
#sub_org .pl {padding: 0 0 0 23px;}
#sub_org .pl strong {display: block; margin: 10px 0 0; font-size: 20px; color: #3899a9;}
#sub_org .pl p {margin: 5px 0 15px;}

#sub_org .gray_box {padding: 45px 53px; background:#f8f8f8; border-radius: 10px; font-size: 15px; box-sizing: border-box;}
#sub_org .comm_list {margin: 30px 0 0;}
#sub_org .comm_list .tit_wrap {margin: 0 0 13px;}
#sub_org .comm_list .tit_wrap p {position: relative; display: inline-block; font-size: 20px; font-weight: 500; color: #3899a9;}
#sub_org .comm_list .tit_wrap p:before {content: ''; display: inline-block; margin: 0 10px -8px 0; width: 45px; height: 45px; background: url(/images/kr/intro/ico_tit.jpg)no-repeat;}
#sub_org .comm_list .tit_wrap a {display: inline-block; vertical-align: super; width: 123px; height: 37px; line-height: 37px; color: #fff; background: #1e2d41; margin:0 0 0 10px; text-align: center; border-radius: 18.5px; text-decoration: none;} 
#sub_org .comm_list .tit_wrap a:before {content: ''; display: inline-block; margin: 0 9px -1px 0; width: 15px; height: 15px; background: url(/images/kr/intro/ico_home.png)no-repeat;}
#sub_org .comm_list .pic {display: inline-block; border-radius: 10px; overflow: hidden;}
#sub_org .comm_list .txt {display: inline-block; vertical-align: top; margin: 10px 0 0 50px;}
#sub_org .comm_list .txt p {font-size: 18px; font-weight: 500;}
#sub_org .comm_list .txt p:before {content: ''; display: inline-block; margin: 0 5px 2px 0; width: 10px; height: 10px; background: #fff; border: 3px solid #61be9c; border-radius: 50%;}
#sub_org .comm_list .txt ul {margin: 5px 0 0 10px;}
#sub_org .comm_list .txt ul li {line-height: 150%;}

#sub_org .org {margin: 0 0 20px;padding: 60px 16.8% 0px;background: #f8f8f8;border-radius: 10px;box-sizing: border-box;}
#sub_org .org1 {position: relative; text-align: center;}
#sub_org .org1 li {float: left;}
#sub_org .org1 span {position: relative; display: inline-block; margin: 0 auto 74px; width: 300px; height: 52px; line-height: 52px; background: url(/images/kr/intro/bg_org.jpg)no-repeat; background-size: cover; text-align: center; font-size: 18px; font-weight: 400; color: #fff; border-radius: 10px; box-sizing: border-box; z-index: 1;}
#sub_org .org2 {width: 10.28%;margin: 0 1% 0 0;}
#sub_org .org2 span {width: 50px;border: 3px solid #f9d3d3;background: #fff;font-size: 17px;color: #333;line-height: 1.2;writing-mode: vertical-lr;height: 275px;padding: 0 10px;}
#sub_org .org2_4 {margin: 0 4% 0 0;}
#sub_org .org3 {width: 50%; margin: 0;}
#sub_org .org3 > span {margin: 0 0 6px;border-color: #c5f0e3;writing-mode: horizontal-tb;height: 52px;line-height: 47px;width: 100%;padding: 0;}
#sub_org .org3 li {width: 24.19%; margin: 0 1% 0 0;}
#sub_org .org3 li:last-child {margin: 0;}
#sub_org .org3 li span{ border-color: #dcdcdc;}

#sub_org .org1:before, #sub_org .org1:after, #sub_org .org1 ul:before {content: ''; display: block; position: absolute; width: 1px; height: 36px; top: 52px; left: 50%; background: #ccc; }
#sub_org .org1 span:before, #sub_org .org1 span:after {content: ''; display: block; position: absolute; top: 52px; left: 50%;  z-index: -1;}
#sub_org .org1:after {width: 50%;height: 20px;top: 88px;transform: translateX(-53.5%);background: none;border: 1px solid #ccc;border-bottom: none;}
#sub_org .org2 span:before {width: 1px; height: 19px; top: -21px; background: #ccc;}
#sub_org .org2.org2_2 span:before, #sub_org .org3 span:before {width: 1px;height: 19px;top: -21px;}
#sub_org .org1 ul:before {width: 34%;height: 1px;top: 107px;left: 22.1%;transform: translateX(-50%);background: #ccc;}
#sub_org .org3 li span:before {width: 1px; height: 9px; top: -9px;}
#sub_org .org2.org2_1 span:after, #sub_org .org2.org2_3 span:after, #sub_org .org3 span:after {display: none;}

@media all and (max-width:1200px){
    #sub_org .org1:after {transform: translateX(-52.5%);}
}

@media all and (max-width:1024px){
    #sub_org .gray_box {padding: 40px 35px;}
    #sub_org .comm_list .pic {width: 50%;}
    #sub_org .org2 span {font-size: 16px;}
}

@media all and (max-width:768px){
    #sub_org .comm_list .tit_wrap p:before {margin: 0 8px -6px 0; width: 35px; height: 35px; background-size: contain;}
    #sub_org .comm_list .tit_wrap a {height: 32px; line-height: 32px;}
    #sub_org .comm_list .txt {margin: 10px 0 0 30px;}
    #sub_org .pl strong {font-size: 17px;}
    
    #sub_org .org {padding: 60px 100px 40px;}
	#sub_org .org1 > span:before {width:1px; height:32px; background:#ccc;}
    #sub_org .org1:after {width: 75.5%;top: 83px;transform: translateX(-50%);}
	#sub_org .org2.org2_1 span:before, #sub_org .org2.org2_4 span:before {display:none;}
    #sub_org .org2.org2_2 span:before {height: 20px;top: -22px;}
    #sub_org .org1 span {margin-bottom: 50px;}
    #sub_org .org2 {width: 24.19%;}
    #sub_org .org2 > span {margin: 0 0 25px;}
    #sub_org .org2_4 {margin: 0;} 
    #sub_org .org3 {width: 100%;}
    #sub_org .org3 > span {margin: 0 0 6px;}
    #sub_org .org3 li span {margin-bottom: 0;}
    
    #sub_org .org1:before, #sub_org .org1 ul:before, #sub_org .org3 > span:before {display: none;}
}

@media all and (max-width:568px){
    #sub_org .gray_box {padding: 30px 25px;} 
    #sub_org .comm_list .tit_wrap {margin: 0 0 10px;}
    
    #sub_org .comm_list .tit_wrap p {display: block; font-size: 18px;}
    #sub_org .comm_list .tit_wrap p:before {width: 30px; height: 30px;}
    #sub_org .comm_list .tit_wrap a {margin: 10px 0 0; width: 115px; font-size: 14px;}
    #sub_org .comm_list .tit_wrap a:before {margin-right: 6px;}
    #sub_org .comm_list .pic {width: 100%;}
    #sub_org .comm_list .txt {margin: 15px 0 0;}
    #sub_org .comm_list .txt p {font-size: 17px;}
    
    #sub_org .org {padding: 45px 25px;}
    #sub_org .org1 span {font-size: 16px;}
    #sub_org .org2 span {font-size: 15px;}
}

@media all and (max-width:380px){
    #sub_org .pl strong {font-size: 16px;}
    
    #sub_org .org1 span {font-size: 15px;}
	#sub_org .org1 > span {width:100%;}
    #sub_org .org2 span {font-size: 14px;}   
}

/* 찾아오시는길 */
#sub_location .root_daum_roughmap{position:relative; overflow:hidden; width:100%; margin:0; border: none; border-radius:10px 10px 0 0; box-sizing:border-box;}
#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:"JEONGEUP CITY COUNCIL"; display:inline-block; line-height:30px; font-size:20px; font-weight:900; font-family:"Noto Sans KR";}
.root_daum_roughmap .map_border {display: none;}

#sub_location .addr{position:relative; z-index:1; overflow:hidden; width:100%; min-height:103px; padding:22px 0 22px 50px; margin:0 0 48px; color:#fff; border-radius:0 0 10px 10px; background:#35929d; box-sizing:border-box;}
#sub_location .addr li{position:relative; float:left; padding:0 0 0 74px; line-height: 60px; font-size: 15px; box-sizing:border-box;}
#sub_location .addr li:not(:last-child){margin: 0 30px 0 0;}
#sub_location .addr li:last-child {margin-top: 20px;}
#sub_location .addr li:before{content:''; display:block; position: absolute; top:0; left:0; width:60px; height:60px; background: #fff url(/images/kr/intro/ico_addr.jpg) no-repeat 50% 50%; border-radius: 50%;}
#sub_location .addr .list2:before{background-image:url(/images/kr/intro/ico_call.jpg);}
#sub_location .addr .list3:before{background-image:url(/images/kr/intro/ico_fax.jpg);}


@media all and (max-width:1380px){
    #sub_location .addr {padding: 22px 0 25px 3%;}
    #sub_location .addr li:last-child {margin: 10px 0 0;}
}

@media all and (max-width:1280px){
	#sub_location .addr{height:auto; padding:22px 0 25px 3%; word-break:keep-all;}
}
@media all and (max-width:1024px){
    #sub_location .addr{padding:22px 2% 25px 3%;}
	#sub_location .addr li{padding:0 0 0 64px; width: 100%; line-height: 47px;}
    #sub_location .addr li:not(:last-child) {margin: 0 0 10px;}
	#sub_location .addr li:before{width:47px; height:47px;}
    #sub_location .addr li:last-child {margin: 0;}
}
@media all and (max-width:768px){
	#sub_location .root_daum_roughmap .wrap_map{height:350px !important;}
}
@media all and (max-width:568px){
	#sub_location .root_daum_roughmap .wrap_map{height:270px !important;}
	#sub_location .roughmap_maker_label .roughmap_lebel_text:after{font-size:19px;}
	
	#sub_location .addr li{padding:0 0 0 49px; line-height: 40px;}
	#sub_location .addr li:before{width:40px; height:40px; background-size: auto 20px;}
    #sub_location .addr .list2:before {background-size: auto 16px;}
    #sub_location .addr .list3:before {background-size: auto 19px;}
}
@media all and (max-width:380px){
	#sub_location .root_daum_roughmap .wrap_map{height:250px !important;}
	#sub_location .roughmap_maker_label .roughmap_lebel_text:after{font-size:18px;}
    
    #sub_location .addr li {padding: 0 0 0 45px; font-size: 14px;}
    
}

/* 의원소개 */
.profile_wrap {display:flex; flex-wrap:wrap; justify-content:space-between;}
.member_list{overflow:hidden;}
.profile{float:left;overflow:hidden;position:relative;width:48.2%;box-sizing:border-box;padding: 40px 0 80px;border-radius:10px;border:1px solid #bbe1df;margin:0 0 34px;box-shadow:5px 5px 20px #ebebeb;}
.profile.none{float:right;}
.profile:hover{border-color:#36896f;}
.profile .dot > li:before {width: 5px; height: 5px; top: 9px;} 
.profile dl{position:relative;box-sizing:border-box;padding:0 0 0 36%;}
.profile dt{overflow:hidden; box-sizing:border-box; position:absolute; top:0; left:6%; width:25.96%; padding:28.7% 0 0; border-radius:5px;}
.profile dt img{position:absolute; top:0; left:0; width:100%; height:100%;}
.profile .name{display:block;padding:0 0 10px;font-size:22px;font-weight: 600;}
.profile dd{margin-left:10px;}
.profile dd li{position:relative; padding:0 0 7px 10px; box-sizing:border-box;}
.profile dd li *{display:inline-block; vertical-align:top;}
.profile dd li span{margin: 0 0 0 10px;font-weight:500; word-break:break-all;}

.profile .btns{display:flex; position:absolute; bottom:0; left:0; width:100%; background:#ebf6f5;}
.profile .btns a{display:block; width:50%; height:70px; line-height:70px; box-sizing:border-box; border-top:1px solid #bbe1df; font-size:18px; color:#36896f; text-align:center; text-decoration:none;}
.profile .btns a + a{border-left:1px solid #bbe1df;}
.profile .btns a + a:after{content:''; display:inline-block; vertical-align:middle; width:14px; height:14px; margin:-6px 0 0 2px; background:url(/images/kr/member/ico_homepage.gif) no-repeat 0 100%;}
.profile .btns a:hover{z-index:1; background-color:#fff; border-color:#36896f;}
.profile .btns a:first-child:hover{border-right:1px solid #36896f;}
.profile .btns a:first-child:hover + a{border-left:none;}

.profile .sns{margin:-2px 0 26px;}
.profile .sns a{display:inline-block; width:34px; height:34px; margin:0 6px 0 0; font-size:0; text-indent:-9999px; background:url(/images/kr/member/ico_fb.png) no-repeat top center; background-size:100%;}
.profile .sns .tw{background-image:url(/images/kr/member/ico_tw.png);}
.profile .sns .bl{background-image:url(/images/kr/member/ico_bl.png);}
.profile .sns .kko{background-image:url(/images/kr/member/ico_kko.png);}
.profile .sns .insta{background-image:url(/images/kr/member/ico_ins.png);}
.profile .sns .off{display: none;}


@media all and (max-width:1024px) {
    .profile{padding:25px 0 60px;}
    .profile .name{font-size: 22px;}
    .profile dd li{padding: 0 0 5px 10px; margin: 0;}
    .profile dd li.pl120{padding-left:100px;}
    .profile dd li em{left:12px;}
    
    .profile .btns a{height:50px; line-height:50px; font-size:1em;}
}
@media all and (max-width:800px) {
    .profile{width:100% !important; margin:0 0 20px;}
    .profile dl{padding:0 0 0 170px;}
    .profile dt{left: 30px;width: 110px;padding:118px 0 0;}
}

@media all and (max-width:568px) {
    .profile dl{padding:0 0 0 140px; }
    .profile dt{left:20px;}
    .profile .sns a{width: 28px;height: 28px;margin: 0 1px 0 0;}
}
@media all and (max-width:380px) {
    .profile{padding:20px 0 50px;}
    .profile dl{padding:0 0 0 120px;}
    .profile dd li{padding: 0 0 3px 10px;}
    .profile dd li.pl120{padding-left:90px;}
    .profile dt{width: 90px;padding:100px 0 0;}
    .profile .sns{margin:0 0 10px;}
    .profile .btns a{height:40px; line-height:40px;}
}