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

/* 서브공통 */
.txt_wrap{padding:0 0 45px 28px; box-sizing:border-box;}

@media all and (max-width:1024px) {
	#container_sub{background-size:auto 200px;}
	.txt_wrap{padding:0 0 40px 20px;}
}
@media all and (max-width:768px) {
	#container_sub{background-size:auto 170px;}
	.txt_wrap{padding:0 0 38px 13px;}
}
@media all and (max-width:380px) {
	#container_sub{background-size:auto 150px;}
	.txt_wrap{padding:0 0 35px 11px;}
}

.dot > li > .dash{margin:5px 0 0 0; font-size:15px;}
.dot > li + li{margin:6px 0 0 0;}


/* 의장 인사말, 약력 */
#sub_greeting {z-index:1; position:relative; overflow:hidden; width:100%; line-height:175%; margin:25px 0 0 0;}
#sub_greeting .img{float:right; width:41.33%;}
#sub_greeting .img img{max-width:100%;}
#sub_greeting .name{position:relative; width:100%; padding:15px 0 0 0; text-align:right; font-size:17px;}
#sub_greeting .name img{vertical-align:bottom;}
#sub_greeting .name span{display:inline-block; vertical-align:middle; margin:0 6px 0 0;}
#sub_greeting .name strong{font-size:120%; font-weight:800;}
#sub_greeting .txt{float:left; width:54.71%; padding:10px 0 0 0;}
#sub_greeting .tit{position:relative; line-height:150%; font-size:20px; font-weight:200; color:#35929d; font-family:"gmarket";}
#sub_greeting .tit:after{content:''; display:block; width:72px; height:9px; margin:30px 0 38px; background:url(../../images/kr/chairman/bg_txt.jpg) no-repeat;}
#sub_greeting .tit p{height:35px;}
#sub_greeting .tit div{line-height:130%; font-weight:900; font-size:35px; color:#333;}
#sub_greeting .tit div span{display:block;}
#sub_greeting .tit div strong{color: #35929d; font-weight:900;}
#sub_greeting .txt > strong{display:block; margin:0 0 40px; font-size:18px; font-weight:300;}

@media all and (max-width:1280px){
	#sub_greeting{margin:0;}
	#sub_greeting .tit{font-size:18px;}
	#sub_greeting .tit div{font-size:28px; letter-spacing:-2px;}
	#sub_greeting .tit div strong{font-size:31px;}
}
@media all and (max-width:768px){
	#sub_greeting .img{float:none; width:100%;}
	#sub_greeting .pic{width:65%; max-width:340px; margin:0 auto;}
	#sub_greeting .name{text-align:center;}
	#sub_greeting .name img{height:37px;}
	#sub_greeting .txt{width:100%; line-height:180%; padding:40px 7px 0; box-sizing:border-box; font-size:16px; font-weight:400;}
	#sub_greeting .tit{font-size:17px;}
	#sub_greeting .tit p{height:30px;}
	#sub_greeting .tit div,
	#sub_greeting .tit div strong{font-size:26px; letter-spacing:-1px;}
	#sub_greeting .txt > strong{margin:0 0 30px; font-size:17px; font-weight:400;}
}
@media all and (max-width:568px){
	#sub_greeting .name {padding:12px 0 0 0; font-size:16px;}
	#sub_greeting .name img{height:34px;}
	#sub_greeting .tit{font-size:15px;}
	#sub_greeting .tit:after{margin:25px 0 30px;}s
	#sub_greeting .tit p{height:28px;}
	#sub_greeting .tit div,
	#sub_greeting .tit div strong{font-size:23px;}
	#sub_greeting .txt > strong{margin:0 0 25px;}
}
@media all and (max-width:380px){
	#sub_greeting .pic{width:68%;}
	#sub_greeting .name{padding:9px 0 0 0; font-size:15px;}
	#sub_greeting .name img{height:32px;}
	#sub_greeting .tit div,
	#sub_greeting .tit div strong{font-size:22px;}
	#sub_greeting .txt{font-size:15px;}
	#sub_greeting .txt > strong{font-size:16px;}
}


/* 의회연혁 */

/* 의회조직*/



/* 찾아오시는길 */
#sub_location .root_daum_roughmap{position:relative; overflow:hidden; width:100%; margin:0; border:1px solid #35929d; 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:'GOYANG SPECIAL CITY COUNCIL'; display:inline-block; line-height:30px; font-size:20px; font-weight:900; font-family:"Noto Sans KR";}

#sub_location .addr{position:relative; z-index:1; overflow:hidden; width:100%; padding:22px 0 22px 40px; margin:0 0 48px; color:#fff; border-radius:0 0 50px 10px; background:#35929d; box-sizing:border-box;}
#sub_location .addr li{position:relative; float:left; width:100%; padding:17px 0 17px 74px; box-sizing:border-box;}
#sub_location .addr li.list1{margin:0 0 15px; padding:6px 0 0 74px;}
#sub_location .addr li:before{content:''; display:block; position: absolute; top:0; left:0; width:60px; height:60px; background:url(../../images/kr/intro/ico_addr.png) no-repeat 50% 50%;}
#sub_location .addr .list2:before{background-image:url(../../images/kr/intro/ico_call.png);}
#sub_location .ico_bus{display:inline-block; vertical-align:top; width:30px; height:30px; margin:0 10px 0 0; border-radius:50%; background:#767c7d url(../../images/kr/intro/ico_traffic2.png) no-repeat 50% 50%;}
#sub_location .no_bus{background-image:url(../../images/kr/intro/ico_traffic1.png);}
#sub_location .bg_blue{background-color:#248ed8;}
#sub_location .bg_red{background-color:#ce3637;}
#sub_location .bg_green{background-color:#52aa3b;}
#sub_location .bg_yellow{background-color:#ecb50d;}

@media all and (max-width:1280px){
	#sub_location .addr{height:auto; padding:22px 0 25px 3%;}
}
@media all and (max-width:768px){
	#sub_location .root_daum_roughmap .wrap_map{height:350px !important;}

	#sub_location .addr{padding:22px 2% 25px 3%;}
	#sub_location .addr li{padding:10px 0 10px 64px;}
	#sub_location .addr li.list1{width:100%; margin:0 0 18px; padding:0 0 0 64px;}

	#sub_location .addr li:before{width:47px; height:47px; background-size:contain;}
	#sub_location .ico_bus{width:25px; height:25px; margin:0 5px 0 0; background-size:25px;}
}
@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:8px 0 8px 49px;}
	#sub_location .addr li.list1{padding:0 0 0 49px;}
	#sub_location .addr li:before{width:40px; height:40px;}
}
@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_active{float:left; width:100%;}
#sub_active .normal_list img,
#sub_memberlist .normal_list img{max-width:119px;}
.profile{float:left; width:47.8%; margin:0 0 34px 0; padding:30px 0 0 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:100%; border:1px solid #e5e5e5;}
.profile dd{float:left; width:100%; min-height:250px;}
.profile .name {overflow:hidden; width:100%; padding:0 0 20px 0;}
.profile .name strong{float:left; display:block; line-height:30px; font-size:25px; font-weight:900; color:#000;}
.profile dd ul{clear:both; width:100%;}
.profile dd li{position:relative;padding:0 0 5px 13px;line-height:135%;box-sizing:border-box;word-break:break-all;letter-spacing:0;display: flex;flex-wrap: wrap;}
.profile dd li:before{left:3px; top:8px; width:3px; height:3px; background:#336699;}

.profile .sns{float:left; padding:0 0 0 24px;}
.profile .sns a{float:left; width:28px; height:30px; font-size:0; text-indent:-9999px; background:#2b91cd url(../../images/common/ico_sns.png) no-repeat -26px 7px;}
.profile .sns .fb{background-color:#395599; background-position:9px 6px;}
.profile .sns .bl{background-color:#03c157; background-position:-66px 6px;}
.profile .sns .kko{background-color:#f4c500; background-position:-141px 6px;}
.profile .sns .insta{background-color:#c536a4; background-position:-103px 6px;}
.profile .sns .off{background-color:#b5b5b5;}
.profile .sns .off:nth-child(even){background-color:#c9c9c9;}
#sub_memberlist .profile .btns a:first-child{width:100%; border-right:none; border-radius:0 0 10px 10px;}

@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; 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 0 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 37%;}
	.profile .name{padding:0 0 12px;}
	.profile .name strong{font-size:21px;}
	.profile dd li{padding:0 0 5px 12px;}
	.profile dd li:before{top:5px;}
}
@media all and (max-width:357px) {
	.profile .name strong{font-size:20px;}
}