@charset "utf-8";
#sub_default{line-height:165%; letter-spacing:0;}
.fz15 {font-size: 15px;}
.co5 {color:#555;}
.coR {color:#e86161;}
.bold {font-weight: 500;}

.box_info{position:relative; width:100%; margin:0 0 50px; box-sizing:border-box; border-bottom:5px solid #e2e7ed;}
.box_info:before,
.box_info:after{content:''; position:absolute; top:0; left:0; width:100%; height:76px; border-right:5px solid #6f8296; border-top:5px solid #6f8296; box-sizing:border-box;}
.box_info:after{top:auto; bottom:-5px; width:193px; height:5px; border:none; background:url(/images/kr/common/bg_pattern.gif) repeat;}

/* 의회기능 */
#sub_default h2 {font-family: 'Jalnan'; font-size: 25px; color: #4296b6; padding: 0 0 10px 0;}
#sub_default h3 {position: relative; padding: 0 0 10px 25px; margin-top: 30px; font-size: 20px;}
#sub_default h3::after {position: absolute; content: ''; top: 4px; left: 0; width: 18px; height: 18px; background: url(/images/kr/intro/ico_list.png) no-repeat; background-size: contain;}
#sub_default .ico_em {position: relative; display: block; padding: 0 0 0 12px; font-weight: 300;}
#sub_default .ico_em::after {position: absolute; content: ''; top: 8px; left: 0; width: 8px; height: 8px; border: 3px solid #1d4067; border-radius: 100%;}
#sub_default dl {margin: 0 0 40px 0;}
#sub_default dl dt {font-weight: 500; padding: 0 0 5px 0;}
#sub_default dl dd {padding: 0 0 5px 0;}
#sub_default dl dd:last-child {padding: 0;}
#sub_default dl dd ul {padding: 7px 0 0 0;}
#sub_default dl dd ul li {position: relative; padding: 0 0 7px 12px; color: #555;}
#sub_default dl dd ul li::after {position: absolute; content: '-'; top: 0; left: 0; width: 5px; height: 1px;}

#sub_default .box_info {box-sizing: border-box; padding: 50px 30px 35px 30px;}
#sub_default .box_info .info_txt {position: relative; padding: 0 70px 0 160px;}

#sub_default .box_info .info_txt::after {position: absolute; content: ''; top: 0; left: 0; width: 116px; height: 116px; background: url(/images/kr/intro/bg_function1.jpg) no-repeat;}
#sub_default .box_info .info_tit {color: #1d4067;}
#sub_default .box_info ul {line-height: 30px;}
#sub_default .box_info .font_bl {font-weight: 500;}

#sub_default table thead {border-top: 3px solid #4296b6; border-bottom: 1px solid #ddd; background: #f5f5f5; font-weight: 500;}
#sub_default table thead th {font-weight: 500;}

#sub_default table td:first-child, #sub_default table th:first-child {border-left: none;}
#sub_default table td:last-child, #sub_default table th:last-child {border-right: none;}
#sub_default table th {padding: 15px 0;}

#sub_default table .line_hle{padding: 15px 0px; text-align: center; font-weight: 500;}
#sub_default table .line_h {font-size: 15px; color: #333;}

#sub_default .label_box p {margin: 0 0 10px 0;}
#sub_default .label_box .label_depth {padding: 0 0 15px 25px;}
#sub_default .label_box .label_depth:last-child {padding-bottom: 0;}
#sub_default .label_box .label_depth li {font-size: 15px; color: #555;}
#sub_default .label_box em, #sub_default .label_box .label_depth ul {margin-left: 15px;}
#sub_default .label_box em {margin-bottom: 10px;}
#sub_default .label_box .label_txt {padding-left: 25px; font-weight: 500; font-size: 15px; margin: 0;}

#sub_default .box_info .info_btn:hover,
#sub_default .box_info .info_btn:active,
#sub_default .box_info .info_btn:focus{text-decoration: none;}
@media all and (max-width:890px){
    #sub_default table td, #sub_default table th,
    #sub_default table .line_h{font-size: 14px;}
}
@media all and (max-width:568px){
    #sub_default h2 {font-size: 20px;}
    #sub_default h3 {font-size: 17px; padding-left: 20px;}
    #sub_default h3::after {width: 16px; height: 16px; top: 5px;}
    
    #sub_default .box_info .info_txt {padding:0;}
    #sub_default .box_info .info_txt::after {display: none;}
    #sub_default .box_info .info_txt ul li {font-size: 14px; line-height: 26px;}
}
@media all and (max-width:440px){
    #sub_default .box_info {padding: 50px 20px 30px 20px;}
}
@media all and (max-width:380px){
    #sub_default h3 {font-size: 16px;}
    #sub_default .ico_em {font-size: 15px;}
    #sub_default .label_box .label_depth li {font-size: 14px;}
}

/* 의장 인사말, 약력 */
#sub_greeting {z-index:1; position:relative; overflow:hidden; width:100%; line-height:175%; word-break:keep-all;}
#sub_greeting .pic_wrap{position:relative; width:100%; height:472px; margin:0 0 45px; padding:61px 0 0 35%; box-sizing:border-box;}
#sub_greeting .pic_wrap:before{z-index:-1; content:''; display:block; position:absolute; top:61px; left:0; width:100%; height:358px; border-radius:50px 0 0 0; background:#f5f5f5 url(/images/kr/intro/bg_chairman.jpg) no-repeat 100% 100%;}
#sub_greeting .pic{position:absolute; bottom:0; left:25px; width:46%;}
#sub_greeting .pic img{max-width:100%;}
#sub_greeting .name{padding:30px 0 0 50px; color:#222;}
#sub_greeting .name img{vertical-align:bottom;}
#sub_greeting .name span{font-size: 22px; font-weight: 500; margin-left: 3%;}

#sub_greeting .tit{position:relative; padding:53px 0 0 71px;}
#sub_greeting .en{position:relative; height:40px; padding:18px 0 0 0; font-size:28px; color:#ccc; font-weight:800; font-family:"Jalnan";}
#sub_greeting .en:before{content:''; display:block; position:absolute; top:0; left:-71px; width:57px; height:57px; background:url(/images/kr/intro/ico_tit.png) no-repeat;}
#sub_greeting .tit strong br{display:none;}
#sub_greeting .tit strong{display:block; height:51px; line-height:105%; font-size:32px; font-weight:400;}
#sub_greeting .tit strong span{font-weight:800; font-family:"Jalnan"; color:#3f79bb;}
#sub_greeting .tit div{color:#666; margin-top: 30px;}

#sub_greeting .profile_list::after {display: block; content: ''; clear: both;}
#sub_greeting .profile_list li {float: left; width: 47.68%; margin: 0 4.62% 15px 0; position: relative; padding: 1px 0 14px 135px; box-sizing: border-box; border-bottom: 1px solid #eee;}
#sub_greeting .profile_list li:nth-child(2n) {margin: 0 0 15px 0;}
#sub_greeting .profile_list li::after {position: absolute; content: ''; width: 18px; height: 18px; top: 5px; left: 0; background: url(/images/kr/intro/ico_profile.jpg);}
#sub_greeting .profile_list .pro_tit {position: absolute; top: 0; left: 30px;}

#sub_greeting .pro_tit {font-size: 17px; font-weight: 300;}

#sub_greeting .career{position: relative;}
#sub_greeting .career .pro_tit{padding: 1px 0 14px 30px; display: block;}
#sub_greeting .career .pro_tit::after{position: absolute; content: ''; width: 18px; height: 18px; top: 5px; left: 0; background: url(/images/kr/intro/ico_profile.jpg);}

#sub_greeting .career ul {padding: 20px 30px; border: 1px solid #eee; box-sizing: border-box;}
#sub_greeting .career ul li {position: relative; padding: 0 0 2px 11px;}
#sub_greeting .career ul li::after {position: absolute; content: ''; width: 4px; height: 4px; background: #87c5d3; top: 12px; left: 0;}
@media all and (max-width:1290px){
	#sub_greeting .pic_wrap{height:440px; padding:40px 0 0 33%;}
	#sub_greeting .pic_wrap:before{top:40px;}
	#sub_greeting .pic{left:5px;}
	#sub_greeting .tit{padding:35px 0 0 60px;}
	#sub_greeting .tit strong{height:auto; line-height:125%;}
	#sub_greeting .tit strong br{display:inline-block;}
	#sub_greeting .en{height:auto; padding:18px 0 10px; font-size:23px;}
	#sub_greeting .name{padding-top:35px;}
}
@media all and (max-width:1250px){
    #sub_greeting .tit div {margin-top: 10px;}
    #sub_greeting .name {padding-top: 20px;}
    #sub_greeting .name span {font-size: 20px;}
}
@media all and (max-width:1024px){
	#sub_greeting .pic_wrap{height:auto; padding:0 0 80px 33%; margin:0 0 30px;}
	#sub_greeting .pic_wrap:before{top:0; height:90%; background-size:auto 100%;}
	#sub_greeting .pic img{max-height:355px;}
	#sub_greeting .txt{padding:0 0 0 10px;}
}
@media all and (max-width:767px){
	#sub_greeting .pic_wrap{padding:20px 0 0 0;}
	#sub_greeting .pic{position:static; width:72%; max-width:320px; margin:0 auto;}
	#sub_greeting .pic_wrap:before{height:100%;}
	#sub_greeting .pic img{max-height:100%;}
	#sub_greeting .tit{padding:0; text-align:center;}
	#sub_greeting .en{line-height:110%; font-size:20px;}
	#sub_greeting .en:before{left:50%; margin:0 0 0 -190px;}
	#sub_greeting .tit{padding:0 0 30px;}
	#sub_greeting .tit strong{font-size:28px;}
	#sub_greeting .tit strong br{display:none;}
	#sub_greeting .name{padding:20px 0 0 0;}
    #sub_greeting .name span {margin-left: 0;}
	#sub_greeting .tit div{line-height:160%; font-size:14px;}
    
    #sub_greeting .profile_list li {width: 100%; margin-bottom: 15px;}
}
@media all and (max-width:568px){
	#sub_greeting .pic_wrap{padding:10px 0 0 0;}
	#sub_greeting .en{font-size:16px;}
	#sub_greeting .en:before{left:50%; width:35px; margin:0 0 0 -125px; background-size:contain;}
	#sub_greeting .tit strong{font-size:25px;}
	#sub_greeting .tit strong br{display:inline-block;}
	#sub_greeting .tit div{font-size:13px;}
    
    #sub_greeting .name span {font-size: 18px; display: block;}
}
@media all and (max-width:380px){
	#sub_greeting .pic{width:77%;}
	#sub_greeting .en{font-size:15px;}
	#sub_greeting .tit strong{font-size:24px;}
	#sub_greeting .name{padding:17px 0 0 0;}
	#sub_greeting .txt{font-size:15px;}
    
    #sub_greeting .pro_tit {font-size: 15px;}
}
@media all and (max-width:350px){
	#sub_greeting .tit div{font-size:12px;}
}

/* 의원소개 */
#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 #c7e5e9; box-sizing:border-box;}
.profile:hover{border-color:#d8e9e7;}
.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:200px;}
.profile .name {overflow:hidden; width:100%; padding:8px 0 10px 0;}
.profile .name strong{display:block; line-height:30px; font-size:24px; font-weight:900; color:#000; letter-spacing:-1px;}
.profile dd ul{clear:both; width:100%;}

#sub_active dl, #sub_district dl, #sub_memberlist dl{margin: 0;}
#sub_active .profile dd li,
#sub_district .profile dd li,
#sub_memberlist .profile dd li{position:relative; padding:0 0 8px 15px; line-height:135%; box-sizing:border-box;}

.profile dd li *{display:inline-block; vertical-align:top;}
.profile dd li:before{left:3px; top:7px; width:5px; height:5px; background:#d5525e;}
.profile dd li em::after {display: none;}
.profile dl dd ul li::after {display: none;}
.profile dd li span{word-break:break-all;}
.profile dd li .colon{position:absolute; top:0; left:122px; width:auto;}
.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 #c7e5e9; border-right:1px solid #c7e5e9; color:#292e45; border-radius:0 0 0 10px; background:#f0f9f8; 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 #c7e5e9; 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:#d8e9e7;}

.profile .sns{padding:10px 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; 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 80px;}
	.profile dd li:before{top:5px;}
	.profile .btns a{height:47px; line-height:47px;}
    .profile .sns{padding: 7px 0 0 0;}
}
@media all and (max-width:380px) {
	.profile dd li .colon{left:70px;}
}
@media all and (max-width:357px) {
	.profile .name strong{font-size:20px;}
	.profile .sns{width:100%; padding:5px 0 0 0;}
}

/*의회연혁*/
#sub_history .his_tit {position: relative; width: 100%; height: 211px; background: #f5f5f5 url(/images/kr/intro/bg_history.png) no-repeat; box-sizing: border-box; border-top-left-radius: 50px; text-align: center; padding: 50px 0;}
#sub_history .his_tit::after {position: absolute; content: 'HISTORY OF COUNCIL'; color:#fefefe; bottom: 0; right: 0; font-family: 'Jalnan'; font-size: 40px; line-height: 81%; }
#sub_history .his_tit h2 {position: relative; display: inline-block; font-family: 'Jalnan'; font-size: 28px; color: #454545; padding: 0; line-height: 40px;}
#sub_history .his_tit h2::after {position: absolute; content: ''; background: url(/images/kr/intro/bg_history2.png) no-repeat; background-size: contain; width: 83px; height: 147px; top: 0; left: -115px;}
#sub_history .his_tit h2 span {color: #003877;}
#sub_history .his_tit p {color: #666; margin-top: 8px;}

#sub_history .time_line {position: relative; margin-top: 70px;}
#sub_history .time_line::after {position: absolute; content: ''; width: 2px; height: 101%; top: 0; left: 271px; background: #e3e8ed; z-index: -2;}
#sub_history .time_line .history {position: relative; margin-left: 80px;}
#sub_history .time_line .history::after {position: absolute; content: ''; width: 28px; height: 28px; top: 0; left: 178px; background: url(/images/kr/intro/ico_history.png) no-repeat;}
#sub_history .time_line .history::before {position: absolute; content: ''; width: 72px; height: 1px; top: 12px; left: 206px; background: url(/images/kr/intro/history_line.jpg);}
#sub_history .time_line .history strong {float: left;font-size: 30px; font-weight: 600; color: #003877;}
#sub_history .time_line .history:nth-child(2) strong {color: #185c83;}
#sub_history .time_line .history:nth-child(3) strong {color: #1f81af;}
#sub_history .time_line .history:nth-child(4) strong {color: #1f8faf;}
#sub_history .time_line .history:nth-child(5) strong {color: #1fa7af;}
#sub_history .time_line .history:nth-child(6) strong {color: #3ca098;}
#sub_history .time_line .history:nth-child(7) strong {color: #3ca098;}
#sub_history .time_line .history:last-child strong {color: #3da370;}

#sub_history .time_line .history .his_txt {margin: 0 0 45px 295px;}
#sub_history .time_line .history .his_txt p {font-size: 20px; font-weight: 600; margin-bottom: 15px;}
#sub_history .time_line .history .his_txt ul li {position: relative; padding-left: 12px; line-height: 30px;}
#sub_history .time_line .history .his_txt ul li::after {position: absolute; content: '-'; top: 0; left: 0; width: 5px; height: 1px;}
#sub_history .time_line .history .his_txt ul li.star {padding: 0;}
#sub_history .time_line .history .his_txt ul li.star::after {display: none;}
@media all and (max-width:1280px){
    #sub_history .time_line::after {left: 251px;}
    #sub_history .time_line .history {margin-left: 60px;}
    #sub_history .time_line .history .his_txt ul li {font-size: 15px; line-height: 28px;}   
}
@media all and (max-width:748px){
    #sub_history .his_tit::after {font-size: 28px;}
    
    #sub_history .time_line {margin-top: 50px;}
    #sub_history .time_line::after {left: 13px;}
    #sub_history .time_line .history {margin-left: 0px; padding-left: 50px;}
    #sub_history .time_line .history strong {float: none; font-size: 24px;}
    #sub_history .time_line .history .his_txt {margin: 15px 0 30px 0;}
    #sub_history .time_line .history .his_txt p {margin-bottom: 4px; font-size: 18px;}
    
    #sub_history .time_line .history::after {left: 0;}
    #sub_history .time_line .history::before {display: none;}
}
@media all and (max-width:748px){
    #sub_history .his_tit h2::after {display: none;}
}
@media all and (max-width:568px){
    #sub_history .his_tit {padding: 58px 0;}
    #sub_history .his_tit h2 {font-size: 26px; line-height: 34px;}
    #sub_history .his_tit p {font-size: 14px;}
    #sub_history .his_tit::after {font-size: 24px; filter: opacity(0.8);}
    
    #sub_history .time_line .history strong {font-size: 20px;}
    #sub_history .time_line .history .his_txt {margin: 10px 0 30px 0;}
    #sub_history .time_line .history .his_txt p {font-size: 16px;}
    #sub_history .time_line .history .his_txt ul li {font-size: 14px; line-height: 24px;}
}
@media all and (max-width:380px){
    #sub_history .his_tit h2 {font-size: 22px;}
}

/*의회구성*/
#sub_org .bl_org {color: #1d4067; font-weight: 500; margin-bottom: 50px;}
#sub_org .box_info {padding: 0;}
#sub_org .box_info .org {position: relative; width: 100%; height: auto; min-height: 259px; box-sizing: border-box; text-align: center; padding-bottom: 80px;}
#sub_org .box_info .org span {display: inline-block; width: 188px; height: 118px; line-height: 118px; background: url(/images/kr/intro/bg_org1.png) no-repeat; color: #fff; font-weight: 500;}
#sub_org .box_info .org1 > span {margin: 60px 0 11px 0;}
#sub_org .box_info .org2 span {width: 23.14%; height: 52px; line-height: 52px; background: url(/images/kr/intro/bg_proc.png) no-repeat #4296b6 ;}
#sub_org .box_info .org2 > span {margin: 0 60% 18px 0;}
#sub_org .box_info .org3 > span {margin-bottom: 99px; background: url(/images/kr/intro/bg_proc.png) no-repeat #2aa28d;}
#sub_org .box_info .org4 {position: absolute; width: 23.14%; top: 259px; left: 70.18%;}
#sub_org .box_info .org4 ul li {width: 100%; height: 52px; line-height: 52px; background: #efeefa;}
#sub_org .box_info .org4 span {width: 100%; background: url(/images/kr/intro/bg_proc.png) no-repeat #6860b4;}
#sub_org .box_info .comm {font-size: 0;}
#sub_org .box_info .comm > li {display: inline-block; font-size: 14px; width: 31.70%; vertical-align: top; margin-right: 1.7%;}
#sub_org .box_info .comm > li:last-child {margin-right: 0;}
#sub_org .box_info .comm > li span {width: 100%; background: #ddf0ed; color: #333;}
#sub_org .box_info .comm .org_dash {margin-top: 3px; border: 1px dashed #a8dad1; background: #fff; padding: 10px 20px; text-align: left; height: auto; min-height: 217px; margin-bottom: 20px;}

#sub_org .box_info .org .org1::after,
#sub_org .box_info .org .org2::after,
#sub_org .box_info .org .org3::after,
#sub_org .box_info .org .org5::after,
#sub_org .box_info .org .org6:after,
#sub_org .box_info .org .org7::after {position: absolute; content: ''; background: #ddd; z-index: -2; top: 0px; left: 50%; width: 1px; height: 240px;}

#sub_org .box_info .org .org1::after {top: 65px; left: 50%; width: 1px; height: 355px;}
#sub_org .box_info .org .org2::after {top: 215px;  left: 28.96%; width: 21%; height: 1px;}
#sub_org .box_info .org .org3::after {top: 285px; left: 50%; width: 21.7%; height: 1px;}
#sub_org .box_info .org .org5::after {top: 387px; left: 17.87%; width: 1px; height: 28px;}
#sub_org .box_info .org .org6::after {top: 387px; left: 17.87%; width: 64.53%; height: 1px;}
#sub_org .box_info .org .org7::after {top: 387px; left: 82.40%; width: 1px; height: 28px;}
@media all and (max-width: 1240px){
    #sub_org .box_info .org .org_dash li {font-size: 14px;}
    #sub_org .box_info .org .org_dash {padding: 10px 15px; height: auto; min-height: 217px;}
}

@media all and (max-width: 768px){
    #sub_org .box_info .org {padding: 0 10px;}
    #sub_org .box_info .org1 > span {margin: 40px 0 10px 0;}
    #sub_org .box_info .org2 span {width: 100%;}
    #sub_org .box_info .org2 > span {margin: 0 0 10px 0;}
    #sub_org .box_info .org3 > span {margin-bottom: 10px;}
    #sub_org .box_info .comm > li {display: block; width: 100%;}
    
    #sub_org .box_info .org4{position: static; width: 100%; margin-bottom: 20px;}
    
    #sub_org .box_info .org .comm .org5 .org_dash {min-height: 80px;}
    #sub_org .box_info .org .comm .org_dash {margin: 0 0 8px 0;}
    
    #sub_org .box_info .org .org1::after {height: 450px;}
    #sub_org .box_info .org .org2::after,
    #sub_org .box_info .org .org3::after,
    #sub_org .box_info .org .org4::after,
    #sub_org .box_info .org .org5:after,
    #sub_org .box_info .org .org6::after {display: none;}
    
    #sub_org .box_info .comm > li span {margin: 5px 0;}
}

/*의회사무국*/
#sub_office .box_info {padding: 0;}
#sub_office .box_info .org {position: relative; width: 100%; height: auto; min-height: 259px; box-sizing: border-box; text-align: center; padding: 80px 0;}
#sub_office .box_info .org span {display: inline-block; width: 23.14%; height: 52px; line-height: 52px; background: #8f4242 url(/images/kr/intro/bg_proc.png) no-repeat; color: #fff; font-weight: 500;}
#sub_office .box_info .org2_1 > span {margin: 28px 60% 79px 0; background: #e06d40 url(/images/kr/intro/bg_proc.png) no-repeat;}

#sub_office .box_info .org_bottom {font-size: 0;}
#sub_office .box_info .org_bottom > li {display: inline-block; font-size: 15px; width: 28.70%; vertical-align: top; margin-right: 3.7%;}
#sub_office .box_info .org_bottom > li:last-child {margin-right: 0;}
#sub_office .box_info .org_bottom > li span {width: 100%; background: #f6e3e3; color: #333;}
#sub_office .box_info .org_bottom .org_dash {margin-top: 3px; border: 1px dashed #f1cece; background: #fff; padding: 10px 20px; text-align: left; height: auto; min-height: 166px; margin-bottom: 20px;}

#sub_office .box_info .org li::after {position: absolute; content: ''; z-index: -1;}
#sub_office .box_info .org1_1::after  {width: 1px; height: 199px; top: 117px; left: 50%;  background: #ddd;}
#sub_office .box_info .org2_1::after  {width: 18.51%; height: 1px; top: 171px; left: 31.48%;  background: #ddd;}
#sub_office .box_info .org3_1::after  {width: 1px; height: 40px; top: 237px; left: 17.87%;  background: #ddd;}
#sub_office .box_info .org4_1::after  {width: 64.53%; height: 1px; top: 237px; left: 17.87%;  background: #ddd;}
#sub_office .box_info .org5_1::after  {width: 1px; height: 40px; top: 237px; left: 82.40%;  background: #ddd;}

@media all and (max-width: 768px){
    #sub_office .box_info .org {padding: 0px 10px 0;}
    
    #sub_office .box_info .org1_1 > span {width: 100%; margin: 20px 0 10px 0;}
    #sub_office .box_info .org2_1 span {width: 100%;}
    #sub_office .box_info .org2_1 > span {margin: 0 0 10px 0;}
    #sub_office .box_info .org_bottom span {margin: 0;}
    #sub_office .box_info .org_bottom > li {display: block; width: 100%;}
    
    #sub_office .box_info .org .org_bottom .org_dash {margin: 0 0 8px 0;}
    
    #sub_office .box_info .org .org1_1::after {height: 260px; top: 50px;}
    #sub_office .box_info .org .org2_1::after,
    #sub_office .box_info .org .org3_1::after,
    #sub_office .box_info .org .org5_1::after,
    #sub_office .box_info .org .org6_1:after,
    #sub_office .box_info .org .org7_1::after {display: none;}
    
    #sub_office .box_info .org_bottom > li span {margin: 5px 0;}
}

/*찾아오시는길*/
#sub_location .root_daum_roughmap{position:relative; overflow:hidden; width:100%; line-height:0; border:1px solid #4296b6; border-top-left-radius: 30px 30px; 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.jpg); background-repeat:no-repeat; background-size:contain;}
#sub_location .roughmap_maker_label .roughmap_lebel_text:after{content:"GWANG JIN-GU COUNCIL"; display:inline-block; line-height:30px; font-size:20px; font-weight:900; font-family:"Noto Sans KR";}
@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;}
}
@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 .adr_box {width: 100%; height: 100%; min-height: 86px; background:#4296b6; box-sizing: border-box; padding: 35px; margin-bottom: 40px;}
#sub_location .adr_box ul::after {display: block; content: ''; clear: both;}
#sub_location .adr_box ul li {position: relative; padding: 0 0 0 58px; color: #fff; font-size: 16px; line-height: 46px; height: 46px; float: left; margin: 10px 20px 10px 0;}
#sub_location .adr_box ul li:last-child {margin-right: 0;}
#sub_location .adr_box ul li::after {position: absolute; content: ''; width: 46px; height: 46px; top: 0; left: 0; background: url(/images/kr/intro/ico_addr.png) no-repeat; background-size: contain;}
#sub_location .adr_box ul li:nth-child(2)::after {background: url(/images/kr/intro/ico_call.png) no-repeat; background-size: contain;}
#sub_location .adr_box ul li:nth-child(3)::after {background: url(/images/kr/intro/ico_fax.png) no-repeat; background-size: contain;}

#sub_location .adr_section {position: relative; padding-bottom: 5px; margin-bottom: 20px;}
#sub_location .adr_section::after {position: absolute; content: ''; width: 1080px; height: 1px; left: 0; bottom: 0; background: url(/images/kr/intro/history_line.jpg);}
#sub_location .adr_section strong {position: relative; padding-left: 40px; font-size: 20px; font-weight: 600;}
#sub_location .adr_section:last-child::after {display: none;}
#sub_location .adr_section strong::after {position: absolute; content: ''; width: 30px; height: 30px; top: 0; left: 0; background: url(/images/kr/intro/ico_loc1.jpg) no-repeat;}
#sub_location .adr_section.station strong::after,
#sub_location .adr_section.bus strong::after{position: absolute; content: ''; width: 30px; height: 30px; top: 0; left: 0; background: url(/images/kr/intro/ico_loc2.jpg) no-repeat;}

#sub_location .adr_section ul {padding-left: 45px; margin: 10px 0;}
#sub_location .adr_section ul::after {display: block; content: ''; clear: both;}
#sub_location .adr_section ul li {float: left; position: relative; font-weight: 200; margin-right: 20px;}
#sub_location .adr_section ul li:last-child {margin-right: 0;}
#sub_location .adr_section ul li span {position: relative; font-size: 14px; font-weight: 500; color: #fff; margin-right: 15px;}
#sub_location .adr_section ul li span::after {position: absolute; content: ''; top: 0; left: -5px; width: 20px; height: 20px; background: #3e9a72; border-radius: 50%; z-index: -1;}

#sub_location .subway ul li:nth-child(n+2) span::after {background:#6e8958;}
#sub_location .station ul li span {color: #333;}
#sub_location .station ul li span::after {background:#eee;}
#sub_location .bus ul li {float: none; margin-bottom: 5px;}
#sub_location .bus ul li span {font-size: 13px; margin-right: 20px;}
#sub_location .bus ul li span::after {width: 39px; height: 24px; top: -3px; left: -8px; border-radius: 5px; background:#7775c0;}
#sub_location .bus ul li:nth-child(2n) span::after {background:#6fa368;}
#sub_location .bus ul li:nth-child(3) span::after {background:#8b6954;}
#sub_location .bus ul li:last-child span::after {background:#e28080;}

#sub_location .bus ul li b {position: relative; font-weight: 100; color: #fff; margin: 0 11px;}
#sub_location .bus ul li b::after {position: absolute; content: ''; width: 1px; height: 15px; background: #b6b6b6; top: 4px; left: 50%;}

@media all and (max-width:768px){
    #sub_location .adr_box {padding: 25px 40px;}
    #sub_location .adr_box ul li {font-size: 15px;}
    #sub_location .adr_box ul li:first-child {margin: 10px 0;}
    
    #sub_location .adr_section strong {font-size: 18px;height: 30px;display: block;line-height: 30px;}
}
@media all and (max-width:688px){
    #sub_location .adr_box ul li:first-child {line-height: 22px; padding-top: 6px;}
}
@media all and (max-width:568px){
    #sub_location .adr_box {padding: 15px 25px;}
    #sub_location .adr_box ul li {font-size: 14px; padding: 6px 0 0 40px; line-height: 22px; height: 35px;}
    #sub_location .adr_box ul li::after {width: 35px; height: 35px;}
}