@charset "utf-8";

/* 서브공통 */
#sub_default{line-height:160%; font-size:18px;}
#sub_default h4 + ul.dot {box-sizing:border-box; padding:0 0 18px 32px;}
#sub_default h4 + .line_box{margin-top:2px;}
#sub_default h4 + .table_wrap{margin:2px 0 36px;}
.dot > li{word-break:break-all;}
.dot.dot_s li{line-height:160%; font-size:16px; padding-bottom:3px; word-break:break-all;}
.dot.dot_s li:before{top:10px; width:3px; height:3px; background:#666;}

.line_box{position:relative; margin:0 0 40px;}
.line_box:before{content:''; position:absolute; top:0; left:0; width:100%; height:100%; box-sizing:border-box; border-radius:20px; border:30px solid transparent; 
    border-image:url(../../images/common/bg_info1.gif) 30; -webkit-border-image:url(../../images/common/bg_info1.gif) 30; border-image-repeat:repeat; -webkit-border-image-repeat:repeat;}
.line_box:after{content:''; position:absolute; top:0; right:0; width:23.4%; height:40%; border-radius:0 20px 0 0; border-top:3px solid #2b425b; border-right:3px solid #2b425b;}
.line_box > div{z-index:1; position:relative; box-sizing:border-box; padding:50px; word-break:keep-all;}
.line_box > div:before,
.line_box > div:after{z-index:-1; content:''; position:absolute; bottom:-1px; right:0; width:calc(70% + 17px); height:5px; background:#fff url(../../images/common/bg_info2.gif) no-repeat bottom left;}
.line_box > div:after{bottom:0; width:70%; height:60%; border-radius:0 0 20px 0; border-bottom:3px solid #295daa; border-right:3px solid #295daa; background:none;}
.line_box > div img{max-width:100%;}

.info_tit{position:relative; padding:0 0 104px; margin:0 0 46px; font-size:14px; color:#666; border-bottom:4px solid #2b425b; text-align:center; background:url(../../images/kr/member/bg_it1.png) no-repeat bottom center; background-size:contain;}
.info_tit:before,
.info_tit:after,
.info_tit div:before,
.info_tit div:after{content:''; position:absolute; top:5px; left:152px; width:25px; height:25px; background:url(../../images/kr/member/img_light1.png) no-repeat center; animation:light 1.5s both infinite alternate;}
.info_tit:after{top:9px; left:auto; right:203px; background-image:url(../../images/kr/member/img_light2.png); animation-delay:0.2s;}
.info_tit div:before{top:49px; left:35px; width:50px; height:50px; background-image:url(../../images/kr/member/img_light3.png); animation-delay:0.7s;}
.info_tit div:after{top:17px; left:auto; right:53px; width:50px; height:50px; background-image:url(../../images/kr/member/img_light4.png); animation-delay:0.7s;}
.info_tit .tit{padding:0 0 13px; font-size:28px;}
.info_tit .tit:before{content:''; display:block; width:28px; height:22px; margin:0 auto 25px; background:url(../../images/kr/member/bg_it2.gif) no-repeat bottom center;}
.info_tit .tit span{position:relative; font-weight:600; color:#295daa;}
.info_tit .tit span:before{z-index:-1; content:''; position:absolute; bottom:-2px; left:0; width:100%; height:15px; border-radius:15px; background:linear-gradient(95deg, rgba(232,246,249,1) 0%, rgba(233,242,249,1) 50%, rgba(235,238,249,1) 100%);}
.info_tit p:not(.tit){line-height:160%; word-break:keep-all;}

@keyframes light{
	0%{transform:scale(0); opacity:0; visibility:hidden;}
	100%{transform:scale(1); opacity:1; visibility:visible;}
}

@media all and (max-width:1024px) {
    #sub_default, .dot.dot_s li{font-size:1em;}
    .line_box > div{padding:35px;}
    .info_tit{padding:0 0 60px;}
    .info_tit .tit{font-size:20px;}
    .info_tit .tit:before{background-size:20px;}
}

@media all and (max-width:768px) {
    #sub_default h4 + ul.dot{padding-left:25px;}
    .line_box > div{padding:25px !important;}
    .info_tit .tit{font-size:18px;}
    .info_tit:before{left:70px; background-size:15px;}
    .info_tit:after{right:70px; background-size:15px;}
    .info_tit div:before{left:0; background-size:25px;}
    .info_tit div:after{right:0; background-size:25px;}
}

@media all and (max-width:568px) {
    #sub_default h4 + ul.dot{padding-left:20px;}
    .dot.dot_s li{padding-left:10px;}
    .info_tit{padding:0 0 15px; margin:0 0 25px; font-size:13px; background:none !important;}
    .info_tit .tit{font-size:17px;}
    .info_tit .tit:before{margin:0 auto 15px; background-size:15px;}
}

@media all and (max-width:380px) {
    .dot.dot_s li:before{top:8px;}
    .line_box > div{padding:20px;}
    .info_tit:before{left:50px; background-size:10px;}
    .info_tit:after{right:50px; background-size:10px;}
    .info_tit div:before{left:-15px; background-size:20px;}
    .info_tit div:after{right:-15px; background-size:20px;}
}

/* 탭 메뉴 */
.tabmenu > ul{position:relative; width:100%; padding:90px 0 0;}
.tabmenu ul:after{content:''; display:block; clear:both;}
.tabmenu > ul > li > h4{position:absolute !important; top:0; left:0; width:33.33% !important; padding:0 !important;}
.tabmenu > ul > li:nth-child(2) > h4{left:33.33%;}
.tabmenu > ul > li:last-child > h4{left:66.66%;}
.tabmenu > ul > li > h4 > a{display:block; height:55px; line-height:55px; box-sizing:border-box; text-align:center; background:#f5f5f5; font-size:20px; font-weight:200; color:#999; transition:.3s; text-decoration:none;}
.tabmenu > ul > li:not(:first-child) > h4 > a {border-left:1px solid #fff;}
.tabmenu > ul > li.on > h4 > a{border:1px solid #3259a6; border-bottom:none; font-weight:800; color:#1f438c; background:#fff;}
.tabmenu .con{position:relative; display:none;}
.tabmenu .on .con{display:block;}

@media all and (max-width:1024px) {
    .tabmenu > ul{padding:70px 0 0;}
    .tabmenu > ul > li > h4 > a{height:50px; line-height:50px; font-size:19px;}
}

@media all and (max-width:768px) {
    .tabmenu > ul > li > h4 > a{font-size:17px;}
}

@media all and (max-width:568px) {
    .tabmenu > ul{padding:50px 0 0;}
    .tabmenu > ul > li > h4 > a{height:35px; line-height:35px; font-size:15px;}
}

/* 의장인사말 */
.intro .pic_wrap{position:relative; height:420px; box-sizing:border-box; padding:67px 0 0 100px; border-radius:35px 35px 0 0; background:url(../../images/kr/chairman/bg_greeting.jpg) no-repeat; color:#fff; background-size:cover;}
.intro .pic_wrap:before{z-index:1; content:'gyeongju city council'; position:absolute; bottom:0; left:0; width:800px; padding:45px 0 0; border-radius:0 50px 0 0; letter-spacing:9px; font-family:'jalnan'; font-size:42px; color:#eee; background:#fff; text-transform:uppercase;}
.intro .pic_wrap .txt{position:relative;}
.intro .pic_wrap .txt:after{content:''; position:absolute; top:-10px; left:-24px; width:35px; height:28px; background:url(../../images/kr/chairman/bg_txt.png) no-repeat top center;}
.intro .pic_wrap p:not(.name){line-height:135%;}
.intro .pic_wrap .t1{font-size:34px;}
.intro .pic_wrap .t1 strong{display:block; font-weight:600; color:#fbfbe1;}
.intro .pic_wrap .t2{opacity:0.6; padding:11px 0 50px;}
.intro .pic_wrap .name strong{margin:0 0 0 8px; vertical-align:bottom; font-size:40px;}
.intro .pic_wrap .pic{position:absolute; bottom:0; right:88px;}

.intro .pic_wrap + div{margin:51px 0 0; padding:45px 0 0; background-image:linear-gradient(to right, #ddd 60%, rgba(255,255,255,0) 0%); background-position:top; background-size:10px 1px; background-repeat:repeat-x;}
.intro .pic_wrap + div p{padding:0 0 20px;}

#sub_profile .pic_wrap + div > ul:after{content:''; display:block; clear:both;}
#sub_profile .pic_wrap + div > ul > li{position:relative; float:left; width:50%; box-sizing:border-box; padding:0 0 20px 176px;}
#sub_profile .pic_wrap + div > ul > li:nth-child(even){float:right; width:48%;}
#sub_profile .pic_wrap + div > ul > li em{position:absolute; top:0; left:0; padding:0 0 0 32px; background:url(../../images/common/img_a_menu1.png) no-repeat top 8px left; letter-spacing:10px;}
#sub_profile .pic_wrap + div > ul > li em.ls2{letter-spacing:37px;}
#sub_profile .pic_wrap + div > ul > li span{font-weight:800;}
#sub_profile .pic_wrap + div .career{width:100%; padding:0;}
#sub_profile .pic_wrap + div .career .line_box{margin:15px 0 0;}
#sub_profile .pic_wrap + div .career .line_box div{padding:32px 35px 20px 33px;}
#sub_profile .pic_wrap + div .career em{position:static; background-position:top 6px left; letter-spacing:-1px;}
#sub_profile .pic_wrap + div .career ul li{padding:0 0 12px 15px;}
#sub_profile .pic_wrap + div .career ul li:before{background:#cdcdcd;}

@media all and (max-width:1280px) {
    .intro .pic_wrap .pic{right:0;}
}

@media all and (max-width:1024px) {
    .intro .pic_wrap{height:auto; padding:35px 0 100px 50px;}
    .intro .pic_wrap:before{width:auto; padding:25px 25px 0 0; border-radius:0 35px 0 0; letter-spacing:5px; font-size:30px;}
    .intro .pic_wrap .t1{font-size:28px;}
    .intro .pic_wrap .pic{width:350px;}
    .intro .pic_wrap .name strong{font-size:28px;}
    
    .intro .pic_wrap + div{margin:25px 0 0; padding:25px 0 0;}
    #sub_profile .pic_wrap + div > ul > li{padding:0 0 15px 110px;}
    #sub_profile .pic_wrap + div > ul > li em{padding:0 0 0 25px; background-size:15px;}
    #sub_profile .pic_wrap + div > ul > li em.ls2{letter-spacing:36px;}
    #sub_profile .pic_wrap + div .career ul li{padding:0 0 5px 13px;}
    #sub_profile .pic_wrap + div .career .line_box div{padding:25px 35px 20px 30px;}
}

@media all and (max-width:768px) {
    .intro .pic_wrap{padding:25px 0 70px 35px; border-radius:20px 20px 0 0;}
    .intro .pic_wrap:before{padding:15px 15px 0 0; border-radius:0 20px 0 0; font-size:1em;}
    .intro .pic_wrap .txt:after{background-size:25px;}
    .intro .pic_wrap .t1{font-size:23px;}
    .intro .pic_wrap .t2{box-sizing:border-box; padding-right:180px;}
    .intro .pic_wrap .pic{width:280px;}
    .intro .pic_wrap .name strong{font-size:23px;}
    
    #sub_profile .pic_wrap + div > ul > li{padding-left:100px;}
    #sub_profile .pic_wrap + div > ul > li em{letter-spacing:5px;}
    #sub_profile .pic_wrap + div > ul > li em.ls2{letter-spacing:26px;}
}

@media all and (max-width:568px) {
    .intro .pic_wrap .txt:after{background-size:20px;}
    .intro .pic_wrap .t1{font-size:20px;}
    .intro .pic_wrap .t2{padding:11px 130px 30px 0;}
    .intro .pic_wrap .pic{width:230px;}
    .intro .pic_wrap .name strong{font-size:19px;}
    
    #sub_profile .pic_wrap + div > ul > li{width:100% !important; padding:0 0 10px 90px;}
    #sub_profile .pic_wrap + div > ul > li em{padding:0 0 0 20px; background-size:10px; background-position:top 7px left;}
    #sub_profile .pic_wrap + div > ul > li em.ls2{letter-spacing:23px;}
    #sub_profile .pic_wrap + div .career em{background-position:top 4px left;}
    #sub_profile .pic_wrap + div .career .line_box{margin:5px 0 0;}
}

@media all and (max-width:380px) {
    .intro .pic_wrap{padding:20px 0 50px 25px; border-radius:15px 15px 0 0;}
    .intro .pic_wrap:before{padding:10px 10px 0 0; border-radius:0 10px 0 0; font-size:10px;}
    .intro .pic_wrap .t1{font-size:18px;}
    .intro .pic_wrap .pic{width:200px;}
}

/* 의회연혁 */
#sub_history{position:relative;}
#sub_history .tabmenu > ul > li > h4 > a{position:relative; padding-left:40px; text-align:left;}
#sub_history .tabmenu > ul > li > h4 > a:before{content:''; position:absolute; top:50%; right:40px; transform:translateY(-50%); width:21px; height:21px; box-sizing:border-box; border:2px solid #dfdfdf; border-radius:50%;}
#sub_history .tabmenu > ul > li.on > h4 > a:before{border:none; background:url(../../images/kr/intro/img_history_tab.png) no-repeat; background-size:cover;}
#sub_history .info_tit{position:absolute; top:105px; left:0; width:100%; background-image:url(../../images/kr/intro/bg_history.png);}
#sub_history .tabmenu > ul{padding:302px 0 0;}
#sub_history .tabmenu > ul > li > h4{width:50% !important;}
#sub_history .tabmenu > ul > li:last-child > h4{left:50%;}

#sub_history .con > ol{position:relative;}
#sub_history .con > ol:before{content:''; position:absolute; top:0; right:0; width:calc(100% - 368px); height:100%; background-image:linear-gradient(to bottom, #ccc 60%, rgba(255,255,255,0) 0%); background-position:top left; background-size:2px 14px; background-repeat:repeat-y;}
#sub_history .con > ol > li{position:relative; padding:52px 0; border-bottom:1px dashed #e1e1e1;}
#sub_history .con > ol > li:after{content:''; display:block; clear:both;}
#sub_history .con > ol > li *{display:block;}
#sub_history .con .pic{float:left;}
#sub_history .con .pic > span{overflow:hidden; position:relative; width:310px; padding-top:58.1%; border-radius:15px; box-shadow:5px 0 15px rgba(101,101,101,0.5);}
#sub_history .con .pic > span + span{margin:30px 0 0;}
#sub_history .con .pic > span img{position:absolute; top:0; left:0; width:100%; height:100%;}
#sub_history .con .pic > span .tit{position:absolute; bottom:0; left:0; width:100%; height:35px; line-height:35px; background:rgba(0,0,0,0.6); color:#fff; text-align:center; font-size:14px;}
#sub_history .con .txt{float:right; width:calc(100% - 368px); box-sizing:border-box; padding:0 0 0 59px;}
#sub_history .con .txt .year{position:relative; padding:4px 0 27px; font-size:40px; font-weight:600; color:#2b425b;}
#sub_history .con .txt .year:before,
#sub_history .con .txt .year:after{z-index:1; content:''; position:absolute; top:14px; left:-66px; width:16px; height:16px; box-sizing:border-box; border:3px solid #2b425b; border-radius:50%; background:#fff;}
#sub_history .con .txt .year:after{z-index:0; top:21px; width:45px; height:1px; border-radius:0; border:none; background:#2b425b;}
#sub_history .con .txt .year span:after{content:'History'; display:inline-block; width:148px; letter-spacing:0; margin:0 0 -3px -6px; border-bottom:1px solid #ddd; font-family:'score'; font-weight:600; font-size:16px; color:#ccc; text-align:right; vertical-align:bottom;}
#sub_history .con .txt ol:after{content:''; display:block; clear:both;}
#sub_history .con .txt ol li{position:relative; box-sizing:border-box; padding:0 0 17px 137px;}
#sub_history .con .txt ol li:last-child{padding-bottom:0;}
#sub_history .con .txt .date{position:absolute; top:0; left:0; font-weight:400; color:#295daa;}

#sub_history .con .line{z-index:1; position:absolute; top:0; left:368px; width:2px; height:100px; padding:0 0 362px; background:#2b425b;}
@media all and (max-width:1024px) {
    #sub_history .info_tit{top:75px;}
    #sub_history .tabmenu > ul{padding:225px 0 0;}
    #sub_history .con .pic > span{width:235px;}
    #sub_history .con > ol:before,
    #sub_history .con .txt{width:calc(100% - 285px);}
    #sub_history .con .txt:before{top:-35px; height:calc(100% + 35px);}
    #sub_history .con > ol > li{padding:35px 0;}
    #sub_history .con .txt .year{font-size:25px;}
    #sub_history .con .txt .year span:after{width:100px; margin:0 0 1px -6px; font-size:14px; font-weight:400;}
    
    #sub_history .con .line{left:285px;}
}

@media all and (max-width:768px) {
    #sub_history .con .pic > span{width:200px;}
    #sub_history .con .pic > span .tit{height:30px; line-height:30px; font-size:12px;}
    #sub_history .con > ol:before{width:calc(100% - 230px);}
    #sub_history .con .txt{width:calc(100% - 230px); padding:0 0 0 30px;}
    #sub_history .con .txt .year{padding-bottom:15px; font-size:20px;}
    #sub_history .con .txt .year:before{top:10px; left:-35px; width:12px; height:12px;}
    #sub_history .con .txt .year:after{top:16px; left:-34px; width:25px;}
    #sub_history .con .txt .year span:after{display:none;}
    #sub_history .con .txt ol li{padding:0 0 5px 110px;}
    
    #sub_history .con .line{left:230px;}
}

@media all and (max-width:568px) {
    #sub_history .tabmenu > ul > li > h4 > a{padding-left:20px;}
    #sub_history .tabmenu > ul > li > h4 > a:before{right:15px; width:15px; height:15px;}
    #sub_history .info_tit{top:45px;}
    #sub_history .tabmenu > ul{padding:139px 0 0;}
    #sub_history .con > ol > li{padding:20px 0;}
    #sub_history .con > ol:before,
    #sub_history .con .pic,
    #sub_history .con .txt:before,
    #sub_history .con .txt .year:before,
    #sub_history .con .txt .year:after{display:none;}
    #sub_history .con .txt{width:100%; padding:0 0 0 15px;}
    #sub_history .con .txt .year{padding:0 0 10px; font-size:1.133em;}
    #sub_history .con .txt ol li{padding:0 0 3px 100px;}
    
    #sub_history .con .line{display:none;}
}

@media all and (max-width:380px) {
    #sub_history .tabmenu > ul > li > h4 > a{padding-left:10px;}
    #sub_history .tabmenu > ul > li > h4 > a:before{right:10px; width:12px; height:12px;}
    #sub_history .con .txt{padding:0 0 0 10px;}
}

/* 의회구성 및 조직도 */
#sub_org .info_tit{background-image:url(../../images/kr/intro/bg_org.png);}
#sub_org .org1{position:relative;height: 410px; box-sizing:border-box; font-family:'score'; font-size:16px;}
#sub_org .org1 em{z-index:1; position:absolute; top:0; left:30%; transform:translateX(-50%); width:150px; height:55px; line-height:120%; box-sizing:border-box; padding:17px 0 0; border-radius:30px; background:url(../../images/kr/intro/img_org2.png) no-repeat; background-size:cover; text-align:center; color:#fff; font-weight:600;}
#sub_org .org1 em:before{content:''; position:absolute; width:10px; height:10px; top:-5px; left:50%; transform:translateX(-50%); box-sizing:border-box; border:2px solid #295daa; border-radius:50%; background:#fff;}
#sub_org .org1 > li > em{width:166px; height:131px; line-height:131px; padding:0; background-image:url(../../images/kr/intro/img_org1.png);}
#sub_org .org1_1 > li > em{top:174px;}
#sub_org .org1_2 > li > em{top:289px; left:12%; padding:8px 0 0; background-image:url(../../images/kr/intro/img_org3.png);}
#sub_org .org1_2 > li > em:before{border-color:#258eba;}
#sub_org .org1_2 .org1_2_2 em{left:48%;}
#sub_org .org1_2 .org1_2_3 em{left:69%; background-image:url(../../images/kr/intro/img_org4.png);}
#sub_org .org1_2 .org1_2_3 em:before{border-color:#2fa4ab;}
#sub_org .org1_2 .org1_2_4 em{top:341px; left:90%; background-image:url(../../images/kr/intro/img_org5.png);}
#sub_org .org1_2 .org1_2_4 em:before{top:22px; left:0; border-color:#33a68a;}

#sub_org .org1_2 > li > ul{z-index:1; position:absolute; top:404px; left:12%; transform:translateX(-50%);}
#sub_org .org1_2 > li > ul:after{content:''; display:block; clear:both;}
#sub_org .org1_2 > li > ul li{width:220px; height:55px; line-height:135%; box-sizing:border-box; padding:16px 0 0; border-radius:15px; background:#f5f5f5; text-align:center;}
#sub_org .org1_2 ul li + li{margin:16px 0 0;}
#sub_org .org1_2 > li > ul li.ln2{padding:6px 0 0;}

#sub_org .org1_2 .org1_2_3 ul{left:69%;}

#sub_org .org1 li:before{z-index:-1; content:''; position:absolute; top:10px; left:30%; transform:translateX(-50%); width:1px; height:45%; border-left:1px dashed #999;}
#sub_org .org1_1 > li:before{top:152px; left:49.5%; width:39%;height: 218px; border:1px dashed #aaa; border-bottom:none; border-left:none;}
#sub_org .org1_2 .org1_2_1:before{top:259px; left:30%; width:36.3%; height:60px; border:1px dashed #aaa; border-bottom:none; background:#fff;}
#sub_org .org1_2 .org1_2_2:before{top:320px; left:12%; width:1px;height: 5px;}
#sub_org .org1_2 .org1_2_4:before{top:368px; left:79%; width:20%; height:1px; border:none; border-top:1px dashed #aaa;}

#sub_org .org1 > li > em:before,
#sub_org .org1_2 .org1_2_3:before,
#sub_org .org1_2 .org1_2_1 ul li:before,
#sub_org .org1_2 .org1_2_3 ul li:before,
#sub_org .org1_2 li ul:before{display:none;}

#sub_org .line_box + ul.dot{margin:-16px 0 22px;}
#sub_org h4 + p{padding:0 0 33px;}

.org2{display:flex; justify-content:space-between; box-sizing:border-box; padding:16px 95px 36px;}
.org2 > li{width:240px;}
.org2 li > em{position:relative; display:block; height:60px; line-height:60px; border-radius:50px; margin-bottom:50px !important; background:url(../../images/kr/intro/img_office3.jpg) no-repeat; background-size:cover; color:#fff; text-align:center;}
.org2 li > em:after{content:''; position:absolute; bottom:-31px; left:50%; transform:translateX(-50%); width:22px; height:13px;  background:url(../../images/kr/intro/img_proc2.gif) no-repeat;}
.org2 ul{margin:0 auto; box-sizing:border-box; padding:25px 10px 17px 30px; border-radius:10px; background:#f8f8f8;}

@media all and (max-width:1230px) {
    #sub_org .org1_2 > li > em{left:16%;}
    #sub_org .org1_2 .org1_2_2 em{left:44%;}
    #sub_org .org1_2 > li > ul{left:16%;}
    
    #sub_org .org1_2 .org1_2_1:before{width:28.3%;}
    #sub_org .org1_2 .org1_2_2:before{left:16%;}
    #sub_org .org1_2 li ul:before{width:71%;}
    
    #sub_org .org2{width:740px; padding:16px 0 36px; margin:0 auto;}
}

@media all and (max-width:768px) {
    #sub_org .org1{height: 400px; font-size:1em;}
    #sub_org .org1 em{width:130px; left:26%;}
    #sub_org .org1 > li > em{width:126px; height:101px; line-height:101px;}
    #sub_org .org1_1 > li > em{top:144px;}
    #sub_org .org1_2 > li > em{top:259px; left:12%;}
    #sub_org .org1_2 .org1_2_2 em{left:39%;}
    #sub_org .org1_2 .org1_2_4 em{top:311px;}
    
    #sub_org .org1_2 li ul{top:365px !important; font-size:0.875em;}
    #sub_org .org1_2 > li > ul{left:12%;}
    #sub_org .org1_2 > li > ul li{float:none; width:130px; height:auto; padding:10px 0 !important;}
    #sub_org .org1_2 > li > ul li + li{margin:10px 0 0;}
    #sub_org .org1_2 > li > ul li br, #sub_org .org1_2 li ul:before{display:none;}
    
    #sub_org .org1 li:before{left:26%;}
    #sub_org .org1_1 > li:before{top:120px; left:47.5%; width:43%; height:55%;}
    #sub_org .org1_2 .org1_2_1:before{top:229px; left:25.5%; width:27.5%;}
    #sub_org .org1_2 .org1_2_2:before{top:300px; left:11.5%;}
    #sub_org .org1_2 .org1_2_4:before{top:338px;}
    
    #sub_org .org2{width:100%;}
    #sub_org .org2 > li{width:32%;}
}

@media all and (max-width:568px) {
    #sub_org .org1 em{width:90px;}
    #sub_org .org1_1 > li > em,
    #sub_org .org1_2 > li > em{padding:10px 0 0;}
    #sub_org h4 + p{padding:0 0 20px;}
    
    .org2{display:block;}
    .org2 > li{width:100% !important;}
    .org2 > li + li{margin:15px 0 0;}
    .org2 li > em{height:40px !important; line-height:40px !important; margin:0 !important; border-radius:0 !important;}
    .org2 li > em:after{display:none;}
    .org2 ul{padding:15px 20px; border-radius:0;}
    .org2 ul:after{content:''; display:block; clear:both;}
    .org2 li ul li{float:left; width:50%;}
}

@media all and (max-width:380px) {
    #sub_org .org1 em{width:80px;}
    #sub_org .org1_2 > li > ul li{width:110px;}
}

/* 의회사무국 */
#sub_office .line_box > div{padding:50px 80px;}

#sub_office .org em{position:relative; display:block; width:250px; height:70px; line-height:70px; box-sizing:border-box; border-radius:50px; margin:0 auto 30px; background-image:url(../../images/kr/intro/img_office1.jpg); color:#fff; text-align:center; font-weight:400;}
#sub_office .org em:before{content:''; position:absolute; width:10px; height:10px; bottom:-5px; left:50%; transform:translateX(-50%); box-sizing:border-box; border:2px solid #203d56; border-radius:50%; background:#fff;}

#sub_office .org1 > li:first-child{text-align:right;}
#sub_office .org1 > li > em{display:inline-block; line-height:135%; padding:9px 0 0; margin-bottom:53px; background-image:url(../../images/kr/intro/img_office2.jpg);}
#sub_office .org1 > li > em:before{bottom:0; top:50%; left:-5px; transform:translateY(-50%); border-color:#295daa;}

#sub_office .org2{padding:0;}
#sub_office .org2 > li{width:250px;}
#sub_office .org2 li > em{width:100%; background-image:url(../../images/kr/intro/img_office3.jpg);}
#sub_office .org2 li > em:before{bottom:auto; top:-5px; border-color:#258eba;}
#sub_office .org2 ul{min-height:398px;}

#sub_office .org, #sub_office .org ul{position:relative;}
#sub_office .org:before{content:''; position:absolute; top:0; left:50%; transform:translateX(-50%); width:1px; height:230px; border-left:1px dashed #555;}
#sub_office .org1:before{content:''; position:absolute; top:35px; right:0; width:50%; height:1px; border-top:1px dashed #aaa;}
#sub_office .org2:before{content:''; position:absolute; top:-30px; left:50%; transform:translateX(-50%); width:calc(100% - 250px); height:50px; border:1px dashed #aaa; border-bottom:none;}

@media all and (max-width:1230px) {
    #sub_office .line_box > div{padding:50px;}
    #sub_office .org em{width:200px;}
    #sub_office .org2 > li{width:200px;}
    #sub_office .org2 ul{padding-left:20px;}
    #sub_office .org2:before{width:calc(100% - 200px);}
}

@media all and (max-width:1024px) {
    #sub_office .org1 > li > em{padding:14px 0 0;}
}

@media all and (max-width:768px) {
    #sub_office .org em{height:50px; line-height:50px;}
    #sub_office .org1 > li > em{padding:4px 0 0;}
    #sub_office .org2 > li{width:160px;}
    #sub_office .org1:before{top:25px;}
}

@media all and (max-width:568px) {
    #sub_office .org em{width:180px; margin:0 0 30px;}
    #sub_office .org1 > li > em{padding:6px 0 0; margin-bottom:30px;}
    #sub_office .org2 ul{min-height:0;}
    #sub_office .org2 li ul li{width:100%;}
    #sub_office .org:before{left:90px; height:800px; transform:none; border-color:#ccc;}
    #sub_office .org1:before{right:auto; left:90px;}
    #sub_office .org2:before{display:none;}
    #sub_office .org2 li > em:before{left:85px; transform:none;}
}

@media all and (max-width:380px) {
    #sub_office .org em{width:150px;}
    #sub_office .org:before, #sub_office .org1:before{left:75px;}
    #sub_office .org2 li > em:before{left:70px;}
}

/* 찾아오시는 길 */
#sub_location .roughmap_maker_label .roughmap_lebel_text{display:block; padding:8px 15px 3px; line-height:29px; font-weight:600; border-radius:30px; background-color:#fff; font-size:0;}
#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_council.png); background-repeat:no-repeat; background-size:contain;}
#sub_location .roughmap_maker_label .roughmap_lebel_text:after{content:'慶州市議会'; display:inline-block; font-family:'Noto Sans KR'; font-size:20px; text-transform:uppercase;}
#sub_location .roughmap_maker_label:after{height:auto; border-top:10px solid #fff; border-left:10px solid transparent; border-right:10px solid transparent; background:none;}

#sub_location .info_wrap{overflow:hidden; position:relative; border-radius:15px; margin:0 0 46px;}
#sub_location .info_wrap .info{z-index:1; position:absolute; bottom:0; left:0; right:0; box-sizing:border-box; padding:0 80px 0 70px; background:#295daa; color:#fff; font-size:16px;}
#sub_location .info_wrap .info ul:after,
#sub_location .traffic:after{content:''; display:block; clear:both;}
#sub_location .info_wrap .info ul li{position:relative; float:left; box-sizing:border-box; padding:27px 50px 25px 80px;}
#sub_location .info_wrap .info ul li em{position:absolute; top:26px; left:0;}
#sub_location .info_wrap .info ul li em:before{content:''; display:inline-block; width:22px; height:20px; margin:-4px 10px 0 0; background:url(../../images/kr/intro/ico_info1.png) no-repeat center right; vertical-align:middle;}
#sub_location .info_wrap .info ul li:nth-child(2) em:before{background-image:url(../../images/kr/intro/ico_info2.png)}
#sub_location .info_wrap .info ul li:nth-child(3) em:before{background-image:url(../../images/kr/intro/ico_info3.png)}
#sub_location .info_wrap .info ul li span{font-weight:500;}
#sub_location .info_wrap .info > a{position:absolute; top:0; right:0; width:80px; height:100%; background:#2b425b; color:#fff; font-size:14px; text-align:center;}
#sub_location .info_wrap .info > a:before{content:''; display:block; width:20px; height:17px; margin:20px auto 2px; background:url(../../images/kr/intro/ico_info4.png) no-repeat center;}

#sub_location .traffic{overflow:hidden; position:relative; margin:7px 0 0; background-image:linear-gradient(to right, #ddd 60%, rgba(255,255,255,0) 0%); background-position:top; background-size:10px 1px; background-repeat:repeat-x;}
#sub_location .traffic:before{z-index:-1; content:''; position:absolute; bottom:0; left:0; width:100%; height:100%; background-image:linear-gradient(to right, #ddd 60%, rgba(255,255,255,0) 0%); background-position:bottom; background-size:10px 1px; background-repeat:repeat-x;}

#sub_location .traffic > li{float:left;}
#sub_location .traffic > li:nth-child(2){float:right; width:454px;}
#sub_location .traffic > li > em{float:left; padding:51px 0 51px 111px; background:url(../../images/kr/intro/ico_traffic1.png) no-repeat top 16px left -4px; font-weight:400;}
#sub_location .traffic > li:nth-child(2) em{background-image:url(../../images/kr/intro/ico_traffic2.png);}
#sub_location .traffic > li:last-child em{background-image:url(../../images/kr/intro/ico_traffic3.png);}
#sub_location .traffic > li > ul{position:relative; float:left; margin:51px 0 0 30px;}
#sub_location .traffic > li:not(:last-child) > ul:before{content:''; position:absolute; top:10px; left:8px; width:100%; height:calc(100% - 20px); background-image:linear-gradient(to bottom, #ddd 60%, rgba(255,255,255,0) 0%); background-position:top left; background-size:1px 10px; background-repeat:repeat-y;}

#sub_location .traffic > li > ul li{position:relative; padding:0 0 36px 35px; font-size:16px; color:#555;}
#sub_location .traffic > li > ul li:last-child{padding-bottom:0;}
#sub_location .traffic > li:not(:last-child) > ul li:before{content:''; position:absolute; top:7px; left:0; width:15px; height:15px; box-sizing:border-box; border:2px solid #fff; border-radius:50%; background:#f3c122; box-shadow:3px 0 5px rgba(153,153,153,0.5);}

#sub_location .traffic > li:last-child > em{background-position:top 12px left -4px;}
#sub_location .traffic > li:last-child{width:100%; margin:13px 0 0; background-image:linear-gradient(to right, #ddd 60%, rgba(255,255,255,0) 0%); background-position:top; background-size:10px 1px; background-repeat:repeat-x;}
#sub_location .traffic > li:last-child > ul{margin:35px 0 0 50px;}
#sub_location .traffic > li:last-child > ul li{padding:0;}
#sub_location .traffic > li:last-child > ul li span{padding:0 0 0 50px; font-weight:400;}
#sub_location .traffic > li:last-child > ul li + li{padding:8px 0 0;}

@media all and (max-width:1400px) {
    #sub_location .info_wrap .info{padding-left:50px;}
    #sub_location .info_wrap .info ul li{padding:15px 50px 15px 80px;}
    #sub_location .info_wrap .info ul li:first-child{width:100%; padding-bottom:0;}
    #sub_location .info_wrap .info ul li em{top:15px;}
    #sub_location .info_wrap .info > a:before{margin-top:30px;}
    
    #sub_location .traffic > li > em{padding:51px 0 51px 85px; background-size:80px; background-position:top 28px left -4px !important;}
}

@media all and (max-width:1280px) {
    #sub_location .traffic > li{width:50%;}
    #sub_location .traffic > li:nth-child(2){width:50%;}
    #sub_location .traffic > li:not(:last-child) > ul{width:100%; margin:-20px 0 0 84px;}
    #sub_location .traffic > li > ul li{padding-bottom:15px;}
}

@media all and (max-width:1024px) {
    #sub_location .info_wrap .info{font-size:1em;}
    #sub_location .traffic > li > em{padding:30px 0 30px 55px; background-size:50px; background-position:top 19px left !important;}
    #sub_location .traffic > li:last-child{margin:25px 0 0;}
    #sub_location .traffic > li:not(:last-child) > ul{margin:-10px 0 0 55px;}
    #sub_location .traffic > li:last-child > ul{margin-top:15px;}
    #sub_location .traffic > li > ul li{font-size:1em;}
    #sub_location .traffic > li:not(:last-child) > ul li:before{top:5px;}
}

@media all and (max-width:768px) {
    #sub_location .info_wrap .root_daum_roughmap .wrap_map{height:380px !important;}
    #sub_location .info_wrap .info{padding-left:15px;}
    #sub_location .info_wrap .info ul li{padding-right:35px;}
}

@media all and (max-width:568px) {
	#sub_location .roughmap_maker_label .roughmap_lebel_text:before{height:25px; margin:3px 2px 0 0;}
    #sub_location .roughmap_maker_label .roughmap_lebel_text:after{font-size:19px;}
    
    #sub_location .info_wrap{margin:0 0 30px;}
    #sub_location .info_wrap .root_daum_roughmap .wrap_map{height:300px !important;}
    #sub_location .info_wrap .info{padding-left:10px;}
    #sub_location .info_wrap .info ul{padding:5px 0;}
    #sub_location .info_wrap .info ul li{width:100%; padding:3px 10px 3px 80px !important;}    
    #sub_location .info_wrap .info ul li em{top:3px;}
    #sub_location .info_wrap .info ul li em:before{background-size:15px;}
    
    #sub_location .traffic > li > em{padding-left:40px; background-size:30px; background-position:top 28px left !important;}
    #sub_location .traffic > li:not(:last-child) > ul{margin:-22px 0 0 39px;}
    #sub_location .traffic > li:not(:last-child) > ul:before{left:5px;}
    #sub_location .traffic > li > ul li{padding:0 0 5px 20px;}
    #sub_location .traffic > li:not(:last-child) > ul li:before{width:10px; height:10px; border-width:1px;}
    #sub_location .traffic > li:last-child > ul li span{padding:0 0 0 10px;}
}

@media all and (max-width:480px) {
    #sub_location .roughmap_maker_label .roughmap_lebel_text:after{font-size:18px;}
    
    #sub_location .info_wrap .info > a:before{margin-top:40px;}
    #sub_location .traffic > li{width:100% !important; padding:0 0 15px;}
    #sub_location .traffic > li:nth-child(2){background-image:linear-gradient(to right, #ddd 60%, rgba(255,255,255,0) 0%); background-position:top; background-size:10px 1px; background-repeat:repeat-x;}
    #sub_location .traffic > li > em{padding:20px 0 30px 35px; background-position:top 16px left !important;}
    #sub_location .traffic > li:not(:last-child) > ul{margin-left:36px;}
    #sub_location .traffic > li:last-child{margin:0;}
    #sub_location .traffic > li:last-child > ul{margin:20px 0 0 30px;}
}

@media all and (max-width:380px) {
    #sub_location .traffic > li:last-child > ul{width:100%; margin:-22px 0 0 34px;}
    #sub_location .traffic > li:last-child > ul li + li{padding:0;}
}

/* 의원소개 */
#sub_active:after{content:''; display:block; clear:both;}
.profile{overflow:hidden; position:relative; float:left; width:48.1%; margin:0 0 35px; box-sizing:border-box; padding:39px 0 0; border-radius:25px; box-shadow:5px 0 20px rgba(204,204,204,0.3);}
.profile:before{opacity:0; visibility:hidden; content:''; position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid #c4def2; border-radius:25px; transition:.3s;}
.profile:hover:before{opacity:1; visibility:visible;}
.profile.none{float:right;}
.profile dl{position:relative; height:200px; box-sizing:border-box; padding:0 0 0 37.1%;}
.profile dt{position:absolute; top:0; left:5.9%; width:26.4%; padding-top:35.1%;}
.profile dt img{position:absolute; top:0; left:0; width:100%; height:100%;}
.profile .name{display:block; padding:0 0 8px; font-size:24px; font-weight:400;}
.profile dd li{position:relative; padding:0 0 10px 13px; line-height:135%; box-sizing:border-box; word-break:break-all;}
.profile dd li:before{top:10px;}

.profile .btns{background:rgb(232,247,249);
background: -moz-linear-gradient(90deg, rgba(232,247,249,1) 0%, rgba(233,242,249,1) 50%, rgba(234,238,249,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(232,247,249,1) 0%, rgba(233,242,249,1) 50%, rgba(234,238,249,1) 100%);
background: linear-gradient(90deg, rgba(232,247,249,1) 0%, rgba(233,242,249,1) 50%, rgba(234,238,249,1) 100%);}
.profile .btns a{position:relative; display:block; height:70px; line-height:69px; color:#2b425b; text-align:center; text-decoration:none; box-sizing:border-box;}
.profile .btns a:after{content:''; display:inline-block; vertical-align:middle; width:12px; height:12px; margin:-3px 0 0 8px; background:url(../../images/kr/member/ico_open.png) no-repeat;}

@media all and (max-width:1024px) {
    .profile{width:49%; padding:25px 0 0; margin:0 0 20px; box-shadow:5px 0 5px rgba(204,204,204,0.3);}
    .profile .name{font-size:20px;}
    .profile dl{height:160px; padding:0 10px 0 33%;}
    .profile dt{left:5%; width:23%; padding-top:30%;}
    .profile dd li{padding-bottom:5px;}
    .profile dd li:before{top:7px;}
    .profile .btns a{height:45px; line-height:44px;}
    
    .profile .sns a{width:30px; height:30px; margin-right:5px; background-size:30px;}
}

@media all and (max-width:768px) {
    .profile{padding:15px 0 0;}
    .profile .name{font-size:1.063em;}
}

@media all and (max-width:568px) {
    .profile{width:100%; margin:0 0 10px; border-radius:10px;}
    .profile:before{opacity:1; visibility:visible; border-radius:10px;}
    .profile dl{height:auto !important; padding:0 10px 15px 110px;}
    .profile dt{left:15px; width:80px; padding-top:100px;}
    .profile dd li{padding:0 0 3px 13px;}
    .profile dd li:before{top:5px;}    
}