@charset "utf-8";

.box_info{z-index:1; position:relative; width:100%; min-height:100px; margin:0 0 45px; padding:50px 20px 50px 50px; border:1px solid #bfdadf; border-radius:20px; word-break:keep-all; box-sizing:border-box;}
.box_info:before,
.box_info:after{z-index:-1; content:''; display:block; position:absolute; bottom:-1px; left:-1px; width:340px; height:62px; background:#fff;}
.box_info:after{left:45px; width:135px; width:244px; height:7px; background:url(../../../images/kr/common/bg_pattern.jpg) repeat-x;}
.box_info:before{z-index:-2;}
.box_info .tit{display:inline-block; padding:4px 0 10px; font-size:23px; color:#1c1f38; font-weight:600;}
.box_info p{letter-spacing:-0.5px;}
@media all and (max-width:768px) {
	.box_info{padding:35px;}
}	
@media all and (max-width:568px) {
	.box_info{padding:25px;}
}	
@media all and (max-width:380px) {
	.box_info{padding:20px;}
}	

.box_gray{margin:0 0 45px; padding:35px 20px 35px 41px; background:#eff3f7;}
@media all and (max-width:768px) {
    .box_gray{padding:25px 5px 21px 5%;}
}

.tabmenu{position:relative; overflow:hidden; width:100%; box-sizing:border-box;}
.tabmenu:after{z-index:1; content:''; display:block; position:absolute; top:58px; left:0; height:2px; width:100%; background:#003964;}
.tabmenu > li > a{z-index:1; display:block; position:absolute; top:0; left:0; width: 25%; height:60px; line-height:61px; font-weight:600; font-size:18px; color:#565b71; border:2px solid #e4e5eb; border-left-color:#fff; border-bottom:none; background:#e4e5eb; text-align:center; box-sizing:border-box; text-decoration:none;}
.tabmenu > li:nth-child(2) > a{left:25%;}
.tabmenu > li:nth-child(3) > a{left:50%;}
.tabmenu > li:nth-child(4) > a{left:75%;}

.tabmenu > li.on > a{z-index:2; color:#004273; border-color:#003964; background:#fff; transition:font-size 0.2s ease-in-out;}
.tabmenu > li > .con{display:none; padding:95px 0 0 0;}
.tabmenu > li.on > .con{display:block;}
@media all and (max-width:768px) {
	.tabmenu:after{top:53px;}
	.tabmenu > li > a{height:55px; line-height:54px; font-size:15px;}
}
@media all and (max-width:568px) {
    .tabmenu:after{top:45px;}
	.tabmenu > li > a{height:47px; line-height:46px; font-size:14px;}
	.tabmenu > li.on > a{font-size:15px;}

	.tab5 > li > .con,
	.tab6 > li > .con{padding:120px 0 0 0;}
}

.tabmenu2 {position:relative; overflow:hidden; width:100%; margin:0 0 32px;}
.tabmenu2 > li{float:left; width:33.33%; padding:0 5px 9px 4px; font-size:18px; letter-spacing:-1px; box-sizing:border-box;}
.tabmenu2 > li > a{position:relative; display:block; height:59px; line-height:58px; padding:0 0 0 18px; border:1px solid #dedede; border-radius:5px; transition:0.2s ease-in; text-decoration:none;}
.tabmenu2 > li > a:after{content:''; display:block; position: absolute; top:50%; right:22px; width:12px; margin:-3px 0 0 0; border-top:5px solid #dcdcdc;}
.tabmenu2 > li > a.on,
.tabmenu2 > li > a:hover{color:#1d4067; border-color:#1d4067; font-weight:600; box-shadow:inset 0 0 0 2px #1d4067;}
.tabmenu2 > li > a:hover:after,
.tabmenu2 > li > a.on:after{border-top:5px solid #1d4067; border-left:6px solid transparent; border-right:6px solid transparent; transition:0.2s ease-in;}
@media all and (max-width:1024px) {
	.tabmenu2 > li{font-size:17px;}
	.tabmenu2 > li > a{height:53px; line-height:54px;}
}
@media all and (max-width:768px) {
	.tabmenu2{margin:0 0 25px;}
	.tabmenu2 > li{font-size:16px;}
	.tabmenu2 > li > a{height:49px; line-height:51px; padding:0; text-align:center;}
	.tabmenu2 > li > a:after{display:none;}
}
@media all and (max-width:568px) {
	.tabmenu2 {margin:0 0 20px;}
	.tabmenu2 > li{width:50%; font-size:15px; padding:0 3px 6px 3px;}
	.tabmenu2 > li > a{height:43px; line-height:44px;}
}
@media all and (max-width:380px) {
	.tabmenu2{margin:0 0 17px;}
	.tabmenu2 > li{font-size:14px;}
	.tabmenu2 > li > a{height:40px; line-height:41px;}
}

/* 의원 인사말 */
#sub_chairman{position:relative; float:left; width:100%; box-sizing:border-box;}
#sub_chairman:before{z-index:-1; content: ''; display: block; position: absolute; left:0; top:0; width:100%; height:350px; border-radius:5px; background:url(../../../images/kr/intro/bg_chairman.jpg) no-repeat 50% 0;}
#sub_chairman .pic {position:absolute; right:37px; top:40px; width:35%;}
#sub_chairman .pic img{overflow:hidden; border-radius:0 0 30px 0; max-width:100%;}

#sub_chairman .tit{position:relative; width:59%; padding:82px 0 185px 6.54%; letter-spacing:0; line-height:100%; color:#fff; font-size:22px; font-weight: 400;  box-sizing: border-box; word-break: keep-all;}
#sub_chairman .tit strong{display:block; line-height:110%; padding:17px 0 26px; font-size:35px; font-weight: 700;}
#sub_chairman .tit p{opacity:0.7; line-height: 160%;}
#sub_chairman .tit .en{opacity:0.5; text-transform: uppercase; letter-spacing: 2px; font-size:14px; font-weight: 200; font-family: "gmarket";}

#sub_chairman .txt {clear:both; width:100%; word-break:keep-all; font-size:18px; line-height:165%;}
#sub_chairman .sign{float:right; padding:25px 0 0 0; font-size:18px;}
#sub_chairman .sign span{display: inline-block; padding:0 0 0 20px; font-family:"KyoboHandwriting"; font-weight:400; font-size:40px;}

@media all and (max-width:1024px) {
    #sub_chairman:before{height:320px;}
    #sub_chairman .tit{padding:75px 0 150px 5%; font-size:1.3em;}
    #sub_chairman .tit strong{font-size:1.5em; letter-spacing: -1px;}
}
@media all and (max-width:768px) {
    #sub_chairman:before{top:40px; height:420px; background-size: cover;}
	#sub_chairman .pic{position:static; width:210px; margin:0 auto;}
    #sub_chairman .tit{width:100%; padding:25px 0 70px; font-size:1.1em; text-align: center;}
    #sub_chairman .tit .en{font-size:12px;}
    #sub_chairman .txt{padding:0 10px; font-size:17px; box-sizing: border-box;}
}

/* 의회연혁 */
#sub_history .info{height:303px; padding:70px 0 0 68px; margin:0 0 45px; letter-spacing: 0; font-size:18px; font-weight: 400; color:#fff; border-radius:5px; background: url(../../../images/kr/intro/bg_history.jpg) no-repeat 50% 0; box-sizing: border-box; word-break: keep-all;}
#sub_history .info strong{display: block; line-height:120%; padding:18px 0 26px; font-size:30px; color: #feffdb;}
#sub_history .info p{opacity:0.7;}
#sub_history .info .en{opacity:0.5; line-height:100%; text-transform: uppercase; letter-spacing: 2px; font-size:14px; font-weight: 200; font-family: "gmarket";}

#sub_history .dot{margin:0 0 45px; padding:35px 0 31px 41px; background:#eff3f7;}
#sub_history .dot li{display:grid; grid-template-columns:121px 1fr; margin:0 0 4px;}

@media all and (max-width:768px) {
    #sub_history .info{height:auto; padding:50px 5% 45px 6%; font-size:1em;}
    #sub_history .info strong{padding:10px 0 20px; font-size:1.5em;}
    #sub_history .info .en{font-size:12px;}
    #sub_history .info br{display: none;}
    #sub_history .dot{padding:25px 5px 21px 5%;}
    #sub_history .dot li{grid-template-columns:100px 1fr;}
}


/* 의회조직*/
.org{width:100%; height:788px; font-weight:600; color:#222;}
.org span{z-index:2; position:absolute; left:50%; top:89px; display:block; width:190px; height:56px; line-height:56px; border-radius:5px; font-weight: 600; font-size:18px; color:#fff; text-align:center; transform:translateX(-50%); box-sizing:border-box; background:#314b7b; background-size:cover;}
.org1 > span{height:140px; width:140px; line-height:140px; font-weight:700; color:#222; border-radius:0; background:url(../../../images/kr/intro/bg_org1.png) no-repeat; background-size:contain;}
.org2 span{top:250px; left:67%; background-color:#2a9b94;}
.org3 span{top:346px; left:28%; background-color:#3c789a;}
.org3_2 span{left:72%; background-color:#58529f;}
.org3 ul{display: flex; gap:27px; position: absolute; top:460px; left:28%; transform:translateX(-50%);}
.org3 ul li{top:435px; display: flex; writing-mode: vertical-rl; align-items:center; width:66px; height:230px; padding:22px 0 0 0; letter-spacing:6px; margin:0 0 3px; border:1px solid #bdd8e7; border-radius:10px; background:#f2f7f9; text-align:center; box-sizing:border-box;}

.org li:after{z-index:-1; content:''; display:block; position:absolute; top:190px; left:50%; width:1px; height:25%; background:#ddd;}
.org .org1:after{z-index:-2;}
.org .org2:after{top:280px; width:20%; height:1px;}
.org .org3:after{top:375px; left:28%; width:50%; height:60px; background:#fff; border:1px solid #ddd; border-bottom:none; border-right: none;}
.org .org3 li:after{top:-30px; left:34px; width:calc(100% - 68px); height:60px; background:#fff; border:1px solid #ddd; border-bottom:none;}
.org .org3 li:nth-child(2):after{top:-30px; left:50%; width:1px; background:#ddd; border:none;}
.org .org3 li:nth-child(3):after,
.org .org3 li:nth-child(4):after{display: none;}

@media all and (max-width:768px){
	.org2 span{width:150px; font-size:17px;}
    .org2 > span{left:70%;}
    .org3 ul{gap:10px;}
}
@media all and (max-width:568px){
    .org{height:740px;}
    .org2 span{width:100px; font-size:16px;}
    .org2 > span{left:75%;}
    .org3 span{left:22%;}
    .org3_2 span{left:78%;}
    .org3 ul{display: block; left:22%; top:430px;}
    .org3 ul li{writing-mode:inherit; justify-content: center; width:120px; height:50px; margin:0 0 5px; padding:0; letter-spacing: -1px;}
    .org .org3:after{left:22%;}
    .org .org3 li:after{display: none;}
}

/* 찾아오시는길 */
#sub_location .map_wrap{position:relative; margin:0 0 68px; box-shadow:0 0 10px rgba(85,85,85,0.2);}
#sub_location .root_daum_roughmap{position:relative; overflow:hidden; width:100%;}
#sub_location .roughmap_maker_label{border-radius:30px;}
#sub_location .roughmap_maker_label .roughmap_lebel_text{padding:8px 15px 8px; line-height:32px; font-size:0; font-weight:600; font-family:"Noto Sans KR"; 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/kr/common/ico_logo.png); background-repeat:no-repeat; background-size:contain;}
#sub_location .roughmap_maker_label .roughmap_lebel_text:after{content:'慶山市議会'; display:inline-block; vertical-align:top; font-size:20px; text-transform:uppercase;}

#sub_location .map_info{z-index:1; position: absolute; right:0; bottom:0; width:59.43%; height:98px; box-sizing:border-box;  border-radius:30px 0 0 0; background:linear-gradient(90deg, #0a6f7d 0%, #0e4778 100%);}
#sub_location .map_info ul{display:flex; flex-wrap: wrap; justify-content:space-evenly; align-items:center; height:100%; width:100%;}
#sub_location .map_info li{position:relative; display:flex; align-items:center; box-sizing:border-box; padding:0 0 0 48px; word-break:keep-all; color:#fff; font-weight: 500;}
#sub_location .map_info li a{color:#fff;}
#sub_location .map_info li:before{content:""; position:absolute; left:0; top:50%; width:37px; height:37px; background:url("/images/kr/intro/ico_loc1.png") no-repeat 50% 50% / cover; transform:translateY(-50%);}
#sub_location .map_info li:nth-child(2):before{background-image:url("../../../images/kr/intro/ico_loc2.png");}

@media all and (max-width:1280px){
    #sub_location .map_info{width:70%;}
}
@media all and (max-width:1024px){
	#sub_location .root_daum_roughmap .wrap_map{height:400px !important;}
}
@media all and (max-width:768px){
    #sub_location .map_info{width:90%;}
	#sub_location .root_daum_roughmap .wrap_map{height:350px !important;}
}
@media all and (max-width:568px){
    #sub_location .map_wrap{margin:0 0 55px;}
    #sub_location .map_info{position: relative; height:auto; width:100%; padding:20px; border-radius:0 0 0 20px;}
    #sub_location .map_info ul{display: block;}
    #sub_location .map_info li{padding:0 0 0 30px;}
    #sub_location .map_info li + li{margin:10px 0 0 0;}
    #sub_location .map_info li:before{width:25px; height:25px; background-size: contain;}
    
	#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_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:120px; border:1px solid #e5e5e5;min-width: 120px;}
.profile dd{float:left; width:100%; min-height:190px;}
.profile .name {overflow:hidden; width:100%; padding:8px 0 20px 0;}
.profile .name strong{float:left; display:block; line-height:30px; font-size:27px; font-weight:900; color:#000;}
.profile dd ul{clear:both; width:100%;}
.profile dd li{position:relative; padding:0 0 8px 12px; margin:0; line-height:135%; box-sizing:border-box; letter-spacing:0}
.profile dd li *{display:inline-block; vertical-align:top;}
.profile dd li:before{left:3px; top:7px; width:5px; height:5px; background:#d5525e;}
.profile .btns{clear:both; overflow:hidden; width:100%; min-height:0; padding:0;}
.profile .btns a{position:relative; float:left; width:50%; height:60px; line-height:60px; font-weight:400; border-top:1px solid rgba(41,46,68,0.1); border-right:1px solid rgba(41,46,68,0.15); color:#292e45; border-radius:0 0 0 10px; background:#f3f3f8; text-align:center; text-decoration:none; box-sizing:border-box;}
.profile .btns a.end{width:calc(50% + 1px);  margin:0 0 0 -1px; border-right:none; border-left:1px solid rgba(41,46,68,0.15); border-radius:0 0 10px 0;}
.profile .btns a.end:after{content:''; display:inline-block; vertical-align:middle; width:14px; height:14px; margin:-3px 0 0 6px; background:url(../../../images/kr/member/ico_open.png) no-repeat 0 100%;}
.profile .btns a:hover{z-index:1; background-color:#fff; border-color:rgba(41,46,68,0.5);}

.profile .sns{clear:both; width:100%; padding:7px 0 0 0;}
.profile .sns a{float:left; width:28px; height:26px; font-size:0; text-indent:-9999px; background:url(../../../images/common/ico_sns_on.jpg) no-repeat 0 0;}
.profile .sns .tw{background-position:0 -26px;}
.profile .sns .bl{background-position:0 -52px;}
.profile .sns .kko{background-position:0 -78px;}
.profile .sns .insta{background-position:0 -104px;}
.profile .sns .channel{background-position:0 -130px;}
#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;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 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;}
	.profile .btns{margin:1em 0 0 0;}
}
@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{padding:0 0 5px 12px;}
	.profile dd li:before{top:5px;}
	.profile .btns a{height:47px; line-height:47px;}
}
@media all and (max-width:357px) {
	.profile .name strong{font-size:20px;}
	.profile .sns{width:100%; padding:5px 0 0 0;}
}