@charset "utf-8";

.tabmenu {position:relative; overflow:hidden; width:100%; margin:0 0 25px; box-sizing:border-box; border-radius:5px;}
.tabmenu > li > a{display:block; position:absolute; top:0; left:0; width:20%; height:58px; line-height:57px; font-weight:700; box-sizing:border-box; border:1px solid #ddd; text-align:center; text-decoration:none;}
.tabmenu > li.on > a{border-color:#243d99; color:#fff; background:#243d99;}
.tabmenu > li > .con{display:none; padding:129px 0 0 0;}
.tabmenu > li.on > .con{display:block;}

.tabmenu > li:nth-child(2) > a{left:20%;}
.tabmenu > li:nth-child(3) > a{left:40%;}
.tabmenu > li:nth-child(4) > a{left:60%;}
.tabmenu > li:nth-child(5) > a{left:80%;}
.tabmenu > li:nth-child(6) > a{top:57px;}
.tabmenu > li:nth-child(7) > a{top:57px; left:20%;}
.tabmenu > li:nth-child(8) > a{top:57px; left:40%;}
.tabmenu > li:nth-child(9) > a{top:57px; left:60%;}
.tabmenu > li:nth-child(10) > a{top:57px; left:80%;}
.tabmenu > li:nth-child(11) > a{top:114px;}
.tabmenu > li:nth-child(12) > a{top:114px; left:20%;}
.tabmenu > li:nth-child(13) > a{top:114px; left:40%;}
.tabmenu > li:nth-child(14) > a{top:58px; left:8.3%;}
.tabmenu > li:nth-child(15) > a{top:58px; left:16.6%;}
.tabmenu > li:nth-child(16) > a{top:58px; left:24.9%;}
.tabmenu > li:nth-child(17) > a{top:58px; left:33.2%;}



.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;}
.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:#292e44; border-color:#292e44; font-weight:800; box-shadow:inset 0 0 0 2px #292e44;}
.tabmenu2 > li > a:hover:after,
.tabmenu2 > li > a.on:after{border-top:5px solid #292e44; 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) {
	.tabmenu > li > a{height:49px; line-height:48px;}
	.tabmenu > li:nth-child(n + 7) > a{top:48px;}
	.tabmenu > li > .con{padding:117px 0 0 0;}

	.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) {
	.tabmenu > li:nth-child(n + 7) > a{top:42px;}
	.tabmenu > li > .con{padding:102px 0 0 0;}

	.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 20px;}
	.tabmenu2 > li{width:50%; font-size:15px; padding:0 3px 6px 3px;}
	.tabmenu2 > li > a{height:43px; line-height:44px;}
}

#subContent{font-family:"paybooc";}

#intro_table{clear:both; width:100%; margin:0 0 20px 0; border-collapse:collapse; border-top:3px solid #027374;}
#intro_table th{padding:15px 5px; text-align:center; color:#044748; font-weight:900; background:#e8f6f6;}
#intro_table th:first-child {border-right: 1px solid #aabdbd;}
#intro_table td{padding:14px 5px; text-align:center; border:1px solid #aabdbd; border-bottom-color:#d6dfdf; border-top:none; border-right:none; color:#666; background:none; box-sizing:border-box;}
#intro_table tr:last-child td {border-bottom-color: #76827e; }
#intro_table td:first-child{border-left:none; background: #f8f9f9; font-weight: 700;}

#box_border {position: relative; display: block; width: 100%; height: auto; padding: 39px 50px 39px 60px; box-sizing: border-box; background: url(/images/kr/intro/bg_line.jpg); z-index: 1;}
#box_border::after {position: absolute; display: block; content: ''; top: 5px; left: 5px; background: #fff; width: calc(100% - 10px); height: calc(100% - 10px); z-index: -1;}

.txt_box {margin-bottom: 55px;}

.con_txt {transform: rotate(-0.03deg);}
.con_txt .red {font-weight: 700; color: #ed3a03;}
.con_txt p {font-size: 17px; color: #333; line-height: 160%;}
.con_txt .dot > li:before {background: #636a7d; width: 5px; height: 5px;}
.con_txt .dot.dsmall {font-size: 17px; font-weight: 400; color: #444;}
.con_txt .dot.dsmall > li {padding: 0 0 0 6px; line-height: 160%;}
.con_txt .dot.dsmall > li:before {width: 2px; height: 2px; background: #444; top: 11px;}
.con_txt .dash {padding: 5px 0 0 0;}
.con_txt .dash li {margin-top: 7px; color: #444; font-size: 17px;}
.con_txt .dash li:first-child {margin-top: 0;}

@media all and (max-width:1024px){
    .con_txt p, .con_txt .dash li, .con_txt .dot.dsmall {font-size: 16px;}
}
@media all and (max-width:568px){
    .con_txt {margin-bottom: 35px;}
    .con_txt p, .con_txt .dash li, .con_txt .dot.dsmall {font-size: 15px;}
    .con_txt .dot.dsmall > li:before {top: 10px;}
}
@media all and (max-width:380px){
    .con_txt {margin-bottom: 30px;}
    .con_txt p, .con_txt .dash li, .con_txt .dot.dsmall {font-size: 14px;}
    .con_txt .dot.dsmall > li:before {top: 8px;}
}

/* 층별안내 */
#sub_buiding1 .tabmenu > li > a {width: 16.66%;}
#sub_buiding1 .tabmenu > li:nth-child(2) > a{left:16.6%;}
#sub_buiding1 .tabmenu > li:nth-child(3) > a{left:33.2%;}
#sub_buiding1 .tabmenu > li:nth-child(4) > a{left:49.8%;}
#sub_buiding1 .tabmenu > li:nth-child(5) > a{left:66.4%;}
#sub_buiding1 .tabmenu > li:nth-child(6) > a{top: 0; left:83%; border-radius: 0 3px 0 0 ;}

#sub_buiding1 .bd_box {position: relative; background: #f5f5f6; width: 100%; text-align: center;}
#sub_buiding1 .bd_box img {padding: 30px; max-width: 100%; box-sizing: border-box;}
#sub_buiding1 .bd_box .btn_wrap {display: none;}

@media all and (max-width:568px){
    #sub_buiding1 .bd_box img {margin-bottom: 40px;}
    #sub_buiding1 .bd_box .btn_wrap {display: block; position: absolute; bottom: 0; right: 0;}
    #sub_buiding1 .bd_box .btn_wrap a {display: inline-block; vertical-align: middle;background: #243d99; color: #fff; padding: 12px 20px; border-radius: 3px;}
}

/* 찾아오시는길 */
#sub_location #map {width: 100%; height: 400px;}
#map .map_label{display: flex; align-content: center; position: relative; padding: 10px 18px; background: #fff; border: 1px solid #ddd; border-radius: 30px; font-size: 18px; font-weight: 700; color: #111; box-shadow: 0 3px 10px rgba(0,0,0,.15); white-space: nowrap;}
#map .map_label:after{content: ''; position: absolute; left: 50%; bottom: -10px; margin-left: -8px; border-width: 10px 8px 0;  border-style: solid; border-color: #fff transparent transparent;}
#map .map_label:before{content: ''; background: url(/images/common/ico_logo.png) no-repeat center; width: 30px; height: 30px; display: inline-block; background-size: contain; vertical-align: sub; margin-right: 5px;}


#sub_location .txt_box {margin-top: 35px;}
#sub_location .dot span {position: absolute; top: 0; left: 10px; font-size: 19px; font-weight: 900; color: #363c5a;}
#sub_location .dot > li {padding: 1px 0 15px 100px; line-height:160%;}
#sub_location .dot > li:last-child {padding: 35px 0 0 9px;}
#sub_location .dot > li:before{top:10px;}
#sub_location .dot > li > p {color:#a51b1b;}
#sub_location .dash li {padding: 0 0 10px 10px; line-height:170%;}

@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 .dot span {font-size: 17px;}
    #sub_location .dot > li {padding-left: 90px;}
    #sub_location .dot > li:last-child {padding-top: 30px;}
}
@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 {font-size:15px;}
	#sub_location .addr li{min-height:55px; padding:4px 0 0 70px; background-size:55px;}
}
@media all and (max-width:340px){
	#sub_location .addr li{min-height:52px; padding:3px 0 0 67px; background-size:52px;}
}

/* 의원소개 */
#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:50px 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:nth-child(2n){float:right;}
.profile dl{position:relative; float:left; width:100%; padding:0 0 0 37.69%; 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:198px;}
.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; letter-spacing:-2px;}
.profile dd ul{clear:both; width:100%;}
.profile dd li{position:relative; display:flex; align-items:flex-start; padding:0 15px 8px 0; line-height:135%; box-sizing:border-box;}
.profile dd li:before{flex:0 0 auto; width:5px; height:5px; background:#d5525e;}
.profile dd li em{flex:0 0 auto; margin:0 0 0 10px;}
.profile dd li span{flex:1 1 auto; word-break:break-all;}
.profile dd li .colon{flex:0 0 auto; margin:0 2px;}
.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{float:left; padding:0 0 0 24px;}
.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;}

@media all and (max-width:1320px){
	.profile dl{padding:0 0 0 39%;}
}

@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;}
	.profile .sns{padding:0 0 0 7px;}
}
@media all and (max-width:1130px){
	.profile dl{padding:0 0 0 42%;}
}
@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:220px;}
	.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 15px 5px 0;}
	.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;}
}


/* 의장단 */
.con_txt .profile {float: none; width: 500px; margin: 0 auto; padding: 0; border: none; border-radius: 3px; }
.con_txt .profile strong {font-size: 28px;}
.con_txt .profile strong span {font-size: 23px; font-weight: 900; color: #07746f; margin-left: 10px;}
.con_txt .profile dl {padding: 0 0 0 34.15%;}
.con_txt .profile dt {left: 0;}
.con_txt .profile .name {padding-top: 17px;}
.con_txt .profile .sns {float: right;}
.con_txt .profile dd {min-height: 150px;}
.con_txt .profile dd li em {flex:0 0 auto; margin:0 0 0 5px;}

.con_txt .profile .btns {width: auto; margin: 0 0 0 34%;}
.con_txt .profile .btns a {width: 40.625%; height: 50px; line-height: 50px; border: none; background: #6a6f85; color: #fff; border-radius: 3px; font-size: 15px; font-weight: 700;}
.con_txt .profile .btns a:last-child {width: 56.875%; background: #292e44; margin: 0 0 0 2.5%;}
.con_txt .profile .btns a.end:after {width: 10px; height: 10px; filter: invert(100%); background-size: cover;}

#sub_chairmanlist1 h4>span{font-size:22px; font-weight:700; color:#999;}
#sub_chairmanlist1 .con_txt {font-size: 0;}
#sub_chairmanlist1 .con_txt .dot.dsmall{font-size:16px;}
#sub_chairmanlist1 .con_txt .dot.dsmall > li {padding: 0 0 5px 0; margin: 0 0 10px 0; font-weight: 700; border-bottom: 1px solid #ccc;}
#sub_chairmanlist1 .con_txt .dot.dsmall > li:last-child {margin: 0 0 20px 0;}
#sub_chairmanlist1 .con_txt .two_box {width: 48.93%; padding: 50px 38px; display: inline-block; margin: 40px 0 0 0; vertical-align:top;}
#sub_chairmanlist1 .con_txt .two_box:last-child {margin: 40px 0 0 1.9%;}
#sub_chairmanlist1 .con_txt .two_box .profile {width: 100%; margin: 0;}
#sub_chairmanlist1 .con_txt .two_box .profile dl {padding:0 0 0 33%;}
#sub_chairmanlist1 .con_txt .two_box .profile .btns a {width: 39.04%;}
#sub_chairmanlist1 .con_txt .two_box .profile .btns a:last-child {width: 57.9%;}

#sub_chairmanlist2 .con_table td {line-height: 160%;}

@media all and (max-width:1320px){
    .con_txt .profile strong {font-size: 24px;}
    .con_txt .profile strong span {font-size: 20px; margin-left: 6px;}

    #sub_chairmanlist1 .con_txt .two_box {padding: 20px;}
    #sub_chairmanlist1 .con_txt .two_box .profile dl {padding: 0 0 0 40%;}

    #sub_chairmanlist1 .con_txt .dot.dsmall > li {font-size: 16px;}
}

@media all and (max-width:1024px){
	#sub_chairmanlist1 h4>span{font-size:18px;}
}

@media all and (max-width:768px){
	.con_txt #box_border{padding:35px;}
    .con_txt .profile .btns {margin: 0; width: 100%;}
    .con_txt .profile {width: 100%;}

    .con_txt .profile dl,
    #sub_chairmanlist1 .con_txt .two_box .profile dl{padding: 0 0 0 155px;}
    #sub_chairmanlist1 .con_txt .two_box {width: 100%; margin: 20px 0 0 0;}
    #sub_chairmanlist1 .con_txt .two_box:last-child {margin: 20px 0 0 0;}
}
@media all and (max-width:568px){
	.con_txt #box_border{padding:30px 20px;}
    .con_txt .profile strong {font-size: 20px;}
    .con_txt .profile strong span {font-size: 17px;}
    .con_txt .profile .sns {width: 100%; padding: 0;}
    .con_txt .profile dl,
    #sub_chairmanlist1 .con_txt .two_box .profile dl{padding: 0 0 0 35%;}

    #sub_chairmanlist1 .con_txt .dot.dsmall > li {font-size: 15px;}
}
@media all and (max-width:380px){
	#sub_chairmanlist1 h4>span{font-size:16px;}
    .con_txt .con_txt .dot.dsmall > li {font-size: 14px; padding-left: 70px;}
    .con_txt .profile dd {min-height: auto;}
    .con_txt .profile dd li .colon {left: 64px;}
    .con_txt .profile .name {padding-top: 0;}
}


/* committees 공통 */
.sub_comt .tit{padding:35px 50px; margin:0 0 36px 0; background-color:#f4f5fa;}
.sub_comt .tit>strong{font-size:26px;}
.sub_comt .tit>p{margin:10px 0 0 0; font-size:17px; color:#333; line-height:160%;}

@media all and (max-width:568px){
	.sub_comt .tit{padding:25px 30px; margin:0 0 30px 0;}
	.sub_comt .tit>strong{font-size:24px;}
	.sub_comt .tit>p{font-size:15px;}
}





/* 2026-09-18 */

/* 의회연혁 */
#sub_history .history_box::before {display: block; content: ''; clear: both;}
#sub_history .h_left {display: table-cell; box-sizing: border-box; width: 55%;}
#sub_history .h_left h4 {font-family: 'gmarket_bold'; font-size: 25px; color: #18567d;}
#sub_history .h_left h4:before {content: ''; width: 50px; height: 50px; background: url(../../images/kr/intro/history_quete.png) no-repeat center; display: inline-block; vertical-align: middle; margin-right: 10px;}
#sub_history .h_left .list_box {width: 100%; margin-top: 20px;}
#sub_history .h_left .list_box li {display: flex; position: relative; font-size: 16px; width: 100%; color: #444; padding: 0 0 15px 15px; margin: 0 0 15px 0; border-bottom: 1px solid #ddd; font-family: 'score_500';}
#sub_history .h_left .list_box li span.txt {margin-left: 10px;}
#sub_history .h_left .list_box li::before {position: absolute; content: ''; width: 10px; height: 10px; background: #18567d; top: 7px; left: 0px; border-radius: 50%;}
#sub_history .h_left .list_box li::after {position: absolute; content: ''; width: 4px; height: 4px; background: #fff; top: 10px; left: 3px; border-radius: 50%;}
#sub_history .h_left .list_box li em {font-size:15px; padding: 0 7px;}
#sub_history .h_right {display: table-cell; vertical-align: middle; width: calc(100% - 61.4%);}
#sub_history .h_right img {max-width: 100%;}
#sub_history .top {width: 100%; height: 201px; background: url(../../images/kr/intro/history_bg.png) no-repeat center; color: #fff; display: flex; align-items: center; justify-content: space-between;}
#sub_history .top .tit_box {padding: 0 0 0 50px;}
#sub_history .top .tit_box .tit {font-family: 'gmarket_bold'; font-size: 25px; letter-spacing: 1px;}
#sub_history .top .tit_box > span {font-size: 16px; display: block; margin-top: 20px;}
#sub_history {}
#sub_history .tab_btn {display: flex; flex-wrap: wrap; width: 60%; padding-right: 30px;}
#sub_history .tab_btn li {width: 80px; padding: 0 10px 10px 0;}
#sub_history .tab_btn li.on a,
#sub_history .tab_btn li:hover a {background: #002035;}
#sub_history .tab_btn li a {color: #fff; background: #3f525e; padding: 0 10px; height: 50px; line-height: 50px; border-radius: 10px; width: 100%; display: block; box-sizing: border-box; text-align: center;}
#sub_history .cont_box .con {display: none;}
#sub_history .cont_box .con.on {display: block;}
#sub_history #box_border {display: flex; justify-content: space-between; padding: 40px 50px 40px 70px; margin-top: 50px;}
#sub_history .list_box li span.date {width: 17%;}


/* 인사말 */
div.greeting {display: flex; justify-content: space-between;}
div.greeting div.left {width: 31.033%; width: 378px;}
div.greeting div.left .pic_box {box-shadow: 0 0 5px 2px #00000017; position: relative; height: 464px;}
div.greeting div.left .pic_box img {width: 352px; height: 449px; position: absolute; bottom: 0; right: 0;}
div.greeting div.left .pic_box a.home {width: 174px; height: 46px; line-height: 46px; position: absolute; bottom: 33px; right: 33px; background: url(../../images/kr/intro/home_btn.png) no-repeat center; color: #fff; text-align: center;}
div.greeting div.left .pic_box a.home:before {content: ''; width: 20px; height: 20px; background: url(../../images/kr/common/sb_ico.png) no-repeat 2px 2px; display: inline-block; vertical-align: sub; margin-right: 5px;}
div.greeting div.left .infor {width: 100%; height: 110px; background: url(../../images/kr/intro/greeting_infor_bg.png) no-repeat; padding: 24px 0 0 75px; box-sizing: border-box; background-size: cover;}
div.greeting div.left .infor .name {color: #fff; font-size: 19px;}
div.greeting div.left .infor .name img {vertical-align: bottom; margin-left: 5px;}
div.greeting div.right {width: 64%;}
div.greeting div.right .txt_box {font-family: 'gmarket_medi'; font-size: 30px; line-height: 57px; position: relative; margin: 55px 0 90px;}
div.greeting div.right .txt_box:before {content: ''; width: 496px; height: 164px; background: url(../../images/kr/intro/greeting_bg01.png) no-repeat center; position: absolute; top: 3px; left: 0px; z-index: -1;}
div.greeting div.right .txt_box p.tt:before {content: ''; width: 100px; height: 62px; background: url(../../images/kr/intro/quote.png) no-repeat center; position: absolute; top: -35px; left: -14px; z-index: -1;}
div.greeting div.right .txt_box p {}
div.greeting div.right .txt_box p.tit {}
div.greeting div.right .txt_box p.tit:after {content: ''; width: 100px; height: 62px; background: url(../../images/kr/intro/quote.png) no-repeat center; position: absolute; bottom: -28px; right: 98px; z-index: -1; transform: rotate(180deg);}
div.greeting div.right .txt_box p.tit strong {font-family: 'gmarket_bold'; color: #19567b;}
div.greeting div.right .txt_box p.tit strong .em {font-size: 45px;}
div.greeting div.right .bottom {width: 82%;}
div.greeting div.right .bottom p {font-size: 18px; line-height: 30px; margin-bottom: 25px;}


/* 의회구성도 */
#sub_org .org {text-align: center; min-height: 640px; padding: 50px 11.32% 60px; margin-bottom: 30px;}
#sub_org .org span a{display:block; color:#fff;}
#sub_org .org1 {text-align: center; width: 835px; margin: auto;}
#sub_org .org1:before {content: ''; width: 441px; height: 130px; background: url(../../../images/kr/intro/inst_bg.jpg) no-repeat center; position: absolute; top: 80px; left: 28%; z-index: -1;}
#sub_org .org1 span {position: relative;display: inline-block; width: 27.67%; height: 58px; line-height: 58px; background: #2f698b; text-align: center; color: #fff; border-radius: 3px; font-size: 18px; font-weight: 900; z-index: 1;}
#sub_org .org1 > span {width: 130px; height: 130px; border-radius: 50%; position: relative; color: #000;}
#sub_org .org1 > span a {color: #000; font-family: 'score_500'; font-size: 20px; line-height: 125px;}
#sub_org .org1 > span:before {content: ''; width: 110px; height: 110px; background: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; z-index: -1;}
#sub_org .org2 {display: inline-block; width: 36.168%; margin-top: 33px;}
#sub_org .org2 span {width: 100%; height: 58px; background: #415d6f; font-weight: 700;}
#sub_org .org1_2{text-align:right;}
#sub_org .org1_2 span{width: 48%;background: #587308;height: 46px;line-height: 45px;}
#sub_org  .after .org2 span a {color: #fff;}
#sub_org .comm {display: inline-block; width: 36.22%;  vertical-align: top; margin-top: 64px;}
#sub_org .comm span {position: relative; width: 100%; font-size: 16px; font-weight: 700; background: #7f5f49; z-index: 1;}
#sub_org .comm ul {position: relative; top: -4px; height: auto; padding: 20px 25px; border: 1px solid #ddc6b5; background: #fff; border-radius: 0 0 3px 3px; z-index: 0; box-sizing: border-box; z-index: 1;}
#sub_org .comm ul li {position: relative; text-align: left; color: #333; padding: 0 0 0 5px; margin-bottom: 13px;}
#sub_org .comm ul li:last-child {margin-bottom: 0;}
#sub_org .comm ul li::after {position: absolute; content: ''; width: 2px; height: 2px; border-radius: 50%; background: #333; top: 10px; left: 0;}
#sub_org .org1 span::after {position: absolute; content: ''; width: 1px; height: 344px; top: 130px; left: 49.56%; background: #dcdcdc; z-index: -2;}
#sub_org .org2 span::after, #sub_org .org3 span::after {width: 76.7%; height: 1px; top: 29px; left: 100%;}
#sub_org .org3 span::after {top: 109px;}
#sub_org .org2:last-child span::after, #sub_org .org4 span::after {display: none;}
#sub_org .org1_2{z-index:1;position:relative;}
#sub_org .org1_2:after {display:block;z-index:-1;position: absolute;content: '';width: 90%;height: 1px;top: 24px;right: 48%;background: #dcdcdc;}


/* secretary-general */
#sub_org .org_sec {text-align: center; height: auto;}
#sub_org .org5 span {position: relative; display:inline-flex; justify-content:center; align-items:center; width: 21.4%; height: 58px; background: #18567c; color: #fff; border-radius: 3px; font-size: 18px; font-weight: 700;}
#sub_org .org5>span{margin:0 auto;}
#sub_org .org5>ul {position:relative; display:flex; justify-content:space-between;}
#sub_org .comm2{flex:0 0 15%; vertical-align:top; margin-top:80px;}
#sub_org .comm2 span {position: relative; width: 100%; font-size: 16px; line-height:125%; font-weight: 700; z-index: 1; background: #917f73; color: #fff; border: 1px solid #917f73; border-radius: 5px;}
#sub_org .comm2 ul {position: relative; top: 2px; left:0px; height: auto; min-height: 124px; padding: 20px 5px 20px 10px; border: 1px solid #917f73; background: #fff; border-radius: 5px; z-index: 0; box-sizing: border-box;}
#sub_org .comm2 ul li {position: relative; text-align: left; color: #333; padding: 0 0 0 5px; margin-bottom: 13px;}
#sub_org .comm2 ul li::after {position: absolute; content: ''; width: 2px; height: 2px; border-radius: 50%; background: #333; top: 8px; left: 0;}

#sub_org .org5>span:before{content:''; position:absolute; top:100%; left:49.56%; width:1px; height:80px; background-color:#dcdcdc;}
#sub_org .org5>ul:before{content:''; position:absolute; top:40px; left:50%; width:81.58%; height:40px; border:1px solid #dcdcdc; border-width:1px 1px 0px 1px; transform:translate(-50%,0); background:#fff;}
#sub_org .org7,#sub_org .org8, #sub_org .org9, #sub_org .org11{position:relative;}
#sub_org .org7:before,#sub_org .org8:before, #sub_org .org9:before,#sub_org .org11:before{content:''; position:absolute; top:-40px; left:49.56%; width:1px; height:40px; background-color:#dcdcdc;}

@media all and (max-width:1024px){
    #sub_org .org1 > span {width: 130px;}
    #sub_org .org2, #sub_org .comm {width: 45%;}
	#sub_org .org1_2:after{right: 21%;}
}

@media all and (max-width:768px){
    #sub_org .org {padding: 0 8% 60px;}
    #sub_org .comm {width: 100%;}
    #sub_org .comm:last-child {margin-top: 20px;}
    #sub_org .comm:first-child ul {min-height: 260px;}
    #sub_org .org1 > span::after {height: 680px;}
    #sub_org .org3 span::after{display: none;}

	/* secretary-general */
	#sub_org .org_sec{padding:0 8%;}
	#sub_org .org5>span {width:40%;}
	#sub_org .org5>ul {flex-wrap:wrap;}
	#sub_org .comm2 {position:relative; flex:0 0 100%; margin-top:33px;}
	#sub_org .org5>ul:before{display:none;}
	#sub_org .comm2:before{content:''; position:absolute; top:calc(100% - 4px); left:49.56%; width:1px; height:37px; background-color:#dcdcdc;}
	#sub_org .comm2:last-child:before{display:none;}
	#sub_org .org1_2 span {width: 100%;}
}
@media all and (max-width:568px){
	#sub_org .org {padding: 0 0 30px 0;}
	#sub_org .org1>span{width:auto; padding:0;}

	/* secretary-general */
	#sub_org .org_sec{padding:0;}
	#sub_org .org5>span {width:100%; padding:0;}
}




@media (max-width: 1520px) {
	div.greeting div.right p.tit .m_block {display: block;}
	div.greeting div.right .txt_box p.tit:after {right: 225px;}
	div.greeting div.right .bottom {width: 90%; margin-top: 0;}
	div.greeting div.right .txt_box {margin: 55px 0 45px;}
	div.greeting div.left .infor {border-radius: 0 0 10px 10px;}
}

@media (max-width: 1450px) {
	div.greeting {flex-wrap: wrap; position: relative;}
	div.greeting div.right {width: 100%; margin-top: 30px;}
	div.greeting div.left {}
	div.greeting div.right .txt_box:before {display: none;}
	div.greeting div.left .pic_box {border-radius: 10px 10px 0 0;}
	div.greeting div.right .txt_box {margin: 0px; position: absolute; top: 80px; left: 370px; font-size: 27px; line-height: 48px;}
    div.greeting div.right .txt_box p.tit:after {right: -30px;}
	div.greeting div.left {width: 320px;}
	div.greeting div.left .pic_box img {width: 280px; height: 357px;}
	div.greeting div.left .pic_box {height: 370px;}
	div.greeting div.left .infor .name {font-size: 17px;}
	div.greeting div.left .infor .name img {width: 80px;}
	
	#sub_history .top {flex-wrap: wrap; background-size: cover; height: 280px;}
	#sub_history .tab_btn {width: 100%; padding: 10px 10px;}
	#sub_history .tab_btn li {width: 10%;}
	#sub_history .top .tit_box {padding: 20px 0 0 30px;}
	#sub_history .top .tit_box span span.block {display: inline-block;}
}

@media all and (max-width:1280px){
	#sub_history #box_border {padding: 40px 50px;}
	#sub_history .h_left h4:before {width: 30px; height: 30px; background-size: contain;}
	#sub_history .h_left h4 {font-size: 21px;}
	#sub_history .h_left {width: 50%;}
	
	#sub_org .org1 {width: 645px;}
	#sub_org .org1:before {display: none;}
	
}
@media all and (max-width:1200px){
	#sub_history .h_right {width: calc(100% - 55%);}	
}
@media all and (max-width:1024px){
    div.greeting div.right .txt_box p.tt:before {width: 64px; height: 45px; top: -24px; left: -14px;background-size: contain;}
    div.greeting div.right .txt_box p.tit:after {display: none;}
}
@media all and (max-width:860px){
    #sub_history .tab_btn li {width: 12.5%;}
	#sub_history .mem_list ul li a {font-size: 14px;}
	#sub_history .mem_list ul li {width: 7%;}
}
@media all and (max-width:800px){
    div.greeting div.right .txt_box {position: static; text-align: center;}
	div.greeting div.right p.tit .m_block {display: inline;}
	div.greeting div.right .txt_box p.tit strong .em {font-size: 36px;}
	div.greeting div.right .txt_box p {position: relative;}
    div.greeting div.left {width: 378px; margin: auto;}
    div.greeting div.right {margin-top: 60px;}
	div.greeting div.right .txt_box p.tt:before {left: 10%;}
	div.greeting div.right .bottom {margin-top: 35px;}
	
	#sub_history .h_right {width: 100%; position: absolute; top: 50px; left: 40px;}
	#sub_history .h_left {width: 100%; margin-top: 350px;}	
	#sub_history .h_left .list_box li {width: 95%;}
}


@media all and (max-width:768px) {
    #sub_org .org1 {width: 490px;}
	#sub_org .comm ul li a {font-size: 14px; letter-spacing: -2px;}
	#sub_org .comm ul li {margin-bottom: 5px;}
	#sub_org .comm ul li::before {top: 7px;}
	#sub_org .comm ul {padding: 20px 15px;}
	#sub_org #box_border {padding: 35px;}
}
@media all and (max-width:650px) {
	div.greeting div.right p.tit .m_block {display: block;}
    div.greeting div.right .txt_box {margin-left: 20px;}
	div.greeting div.right .bottom {width: 100%;}
	
	#sub_history .tab_btn li {width: 18%;}
    #sub_history .top {height: 315px;}
	#sub_history .tab_btn li a {height: 45px; line-height: 45px;}
	#sub_history .mem_list ul li {width: 16%;}
}
@media all and (max-width:600px){
    #sub_org .org1 {width: 100%;}
	#sub_org .org1 > span {width: 100%; border-radius: 5px; height: 58px;}
	#sub_org .org1_2:after,
	#sub_org .org1 span::after,
	#sub_org .org1 > span:before {display: none;}
	#sub_org .org1 > span a {color: #fff; line-height: 58px;}
	#sub_org .org2,
	#sub_org .comm {width: 100%; margin-top: 10px;}
	
	
	#sub_history .tab_btn {justify-content: space-between;}
}
@media all and (max-width:580px){
    #sub_history .top {height: 400px;}

}
@media all and (max-width:520px){
    div.greeting div.right .txt_box p.tt:before {left: 0%;}
	
	#sub_history .tab_btn li {width: 28%;}
	#sub_history .tab_btn li {padding: 0 5px 5px 0;}
	#sub_history .h_right img {width: 280px;}
    #sub_history .h_left {margin-top: 250px;}
    #sub_history #box_border {padding: 40px 30px;}
}
@media all and (max-width:480px){
	div.greeting {margin-top: 50px;}
}
@media all and (max-width:420px){
    div.greeting div.right .txt_box {text-align: left; margin-left: 5px;}
    div.greeting div.right .txt_box {font-size: 24px; line-height: 38px;}
    div.greeting div.right .txt_box p.tit strong .em {font-size: 32px;}	
	
	#sub_history .top .tit_box .tit {font-size: 20px;}	
	#sub_history .top .tit_box > span {font-size: 14px; margin-top: 10px;}	
}
@media all and (max-width:380px){
    div.greeting div.left {width: 100%;}
    div.greeting div.right .txt_box {font-size: 20px; line-height: 35px;}
	div.greeting div.right .bottom p {font-size: 16px; line-height: 24px;}
	
    #sub_history .h_right {top: 30px; left: 30px;}
	#sub_history .h_right img {width: 240px;}
	#sub_history .h_left {margin-top: 200px;}
	#sub_history .h_left h4:before { display: none;}
	#sub_history .h_left h4 {font-size: 18px;}
	#sub_history .h_left .list_box li {font-size: 14px; letter-spacing: -2px;}
}
@media all and (max-width:360px){
	#sub_history .top .tit_box .tit {font-size: 18px;}
    #sub_history .top .tit_box span span.block {display: block;}
}