@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.dot_s li{line-height:160%; font-size:16px; padding-bottom:3px;}
.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-family:'score'; 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,
.tabmenu3 .btn_tab{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,
.tabmenu3 .btn_tab{border-left:1px solid #fff;}
.tabmenu > ul > li.on > h4 > a,
.tabmenu3 .on .btn_tab{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;}

.tab2 > li > a{width:50%;}
.tab2 > li:nth-child(2) > a{left:50%;}

.tabmenu2 {position:relative; overflow:hidden; width:100%; margin:0 0 32px;}
.tabmenu2 > li{float:left; width:33.33%; padding:0 5px 9px 4px; 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; 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:#fff; border-color:#1b6fbd; font-weight:800; background:#1b6fbd;}
.tabmenu2 > li > a:hover:after,
.tabmenu2 > li > a.on:after{border-top:5px solid #fff; border-left:6px solid transparent; border-right:6px solid transparent; transition:0.2s ease-in;}
@media all and (max-width:1024px) {
    .tabmenu > ul{padding:70px 0 0;}
    .tabmenu > ul > li > h4 > a, .tabmenu3 .btn_tab{height:50px; line-height:50px; font-size:19px;}
}

@media all and (max-width:768px) {
    .tabmenu > ul > li > h4 > a, .tabmenu3 .btn_tab{font-size:17px;}
	.tabmenu2{margin:0 0 15px;}
}

@media all and (max-width:568px) {
    .tabmenu > ul{padding:50px 0 0;}
    .tabmenu > ul > li > h4 > a, .tabmenu3 .btn_tab{height:35px; line-height:35px; font-size:15px;}
	.tabmenu2 > li > a{height:45px; line-height:43px; padding:0; text-align:center; font-size:0.933em;}
	.tabmenu2 > li > a:after{display:none;}
}

@media all and (max-width:380px) {
	.tabmenu2 > li{width:36%;}
	.tabmenu2 > li:first-child{width:28%;}
}

/* 의장인사말 */
.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; word-break:keep-all; 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%; font-family:'score';}
.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 img{margin:0 0 0 8px; vertical-align:bottom;}
.intro .pic_wrap .pic{position:absolute; bottom:0; right:0px;}

.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; }
#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 .name img{width:90px;}
    .intro .pic_wrap .pic{width:350px;}
    
    .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 .name img{width:70px;}
    .intro .pic_wrap .pic{width:280px;}
    
    #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 img{width:60px;}
    
    #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:323px 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-family:'score'; 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:246px 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:163px 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{padding:178px 0 0;}
    #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;}
}

@media all and (max-width:350px) {
    #sub_history .tabmenu > ul{padding:200px 0 0;}
}

/* 의회기능 */
.function .line_box{box-sizing:border-box; margin-left:32px;}
.function .line_box div{padding:50px 63px 50px 50px;}

.proc{overflow:hidden; position:relative;}
.proc li{position:relative;}
.proc > li{min-height:130px; box-sizing:border-box; padding:0 0 20px; background-image:linear-gradient(to right, #ccc 60%, rgba(255,255,255,0) 0%); background-position:top 40px left; background-size:14px 1px; background-repeat:repeat-x;}
.proc > li:last-child{padding-bottom:0;}
.proc > li:after{content:''; display:block; clear:both;}
.proc li em{z-index:2; top:0; left:0; position:absolute; display:block; width:320px; height:80px; line-height:80px; box-sizing:border-box; border-radius:50px; background:url(../../images/kr/intro/img_proc1.jpg) no-repeat; background-size:cover; color:#fff; text-align:center; font-weight:400;}
.proc > li:not(:last-child) > em:after{content:''; position:absolute; bottom:-30px; left:50%; transform:translateX(-50%); width:22px; height:13px; background:url(../../images/kr/intro/img_proc2.gif) no-repeat;}
.proc li.lh em{line-height:145% !important; padding:13px 0;}
.proc li em ~ ul{float:right; width:500px; box-sizing:border-box; border-radius:10px; padding:28px 10px 24px 30px; background:#f8f8f8;}
.proc li.proc_s > ul{z-index:1; position:absolute; top:0; right:0; padding:0; background:#fff;}
.proc li.proc_s > ul > li{padding:0 0 20px;}
.proc li.proc_s > ul > li:first-child,
.proc li.proc_s > ul > li:nth-child(3){background-image:linear-gradient(to right, #ccc 60%, rgba(255,255,255,0) 0%); background-position:top 35px left; background-size:14px 1px; background-repeat:repeat-x;}
.proc li.proc_s ul em{position:static; width:140px; height:70px; line-height:70px; border-radius:10px; background:#f8f8f8; color:#333; font-size:16px;}
.proc li.proc_s ul li ul{position:absolute; top:0; right:0; width:310px;}

#sub_function2 .proc > li{background:none;}
#sub_function4 .line_box div{padding:50px 35px;}
.proc2 > li{position:relative; box-sizing:border-box; padding:0 0 0 190px;}
.proc2 > li:not(:last-child){margin:0 0 30px;}
.proc2 em{position:absolute; top:50%; transform:translateY(-50%); left:0; display:block; width:130px; height:80px; line-height:80px; border-radius:50px; text-align:center; color:#fff; background:url(../../images/kr/intro/img_proc3.png) no-repeat; background-size:cover; font-weight:400;}
.proc2 em:before{z-index:-1; content:''; position:absolute; top:50%; right:-30px; width:30px; height:1px; border-top:1px dashed #aaa;}
.proc2 > li:nth-child(2) em{top:90px; transform:none;}

.proc2 > li > ul{position:relative;}
.proc2 > li > ul:before{content:''; position:absolute; top:40px; left:-30px; width:100px; height:calc(100% - 80px); border:1px dashed #aaa; border-right:none;}
.proc2 > li:nth-child(2) > ul:before{height:calc(100% - 274px);}

.proc2 > li > ul > li{position:relative; margin:0 0 10px; font-size:16px;}
.proc2 > li > ul > li.line:before{z-index:-1;  content:''; position:absolute; top:40px; left:0; width:100%; height:1px; border-top:1px dashed #aaa;}
.proc2 > li > ul > li:after{content:''; display:block; clear:both;}
.proc2 > li > ul > li span{position:relative; float:left; display:block; width:46.3%; box-sizing:border-box; padding:26px 10px 26px 43px; border-radius:10px; background:#f8f8f8;}
.proc2 > li > ul > li span:before{content:''; position:absolute; top:39px; left:30px; width:3px; height:3px; border-radius:50%; background:#666;}
.proc2 > li > ul > li span + ul{float:right; width:45%; box-sizing:border-box; padding:28px 0 22px 29px; border:1px solid #e7e7e7; border-radius:10px; background:#fff;}
.proc2 > li:nth-child(2) > ul > li:nth-child(2) ul{margin:-25px 0 0;}

.proc2 .lh span{width:360px; line-height:145%; padding:16px 10px 16px 43px;}
.proc2 .lh span:before{top:26px;}

.proc3 ul:ater{content:''; display:block; clear:both;}
.proc3 ul:not(.dot_s) > li{float:left; width:33.33%;}
.proc3 em{position:relative; display:block; box-sizing:border-box; padding:25px 5px; margin:0 0 50px; border-radius:50px; background:url(../../images/kr/intro/img_proc1.jpg) no-repeat; background-size:cover; text-align:center; color:#fff; font-weight:400;}
.proc3 em:after{content:''; position:absolute; bottom:-30px; left:50%; transform:translateX(-50%); width:22px; height:13px; background:url(../../images/kr/intro/img_proc2.gif) no-repeat center;}
.proc3 .lh em{padding:17px 5px; line-height:145%;}

.proc3 > li:after{content:''; display:block; clear:both;}
.proc3 > li:first-child{background-image:linear-gradient(to right, #ccc 60%, rgba(255,255,255,0) 0%); background-position:top 40px left; background-size:14px 1px; background-repeat:repeat-x;}
.proc3 > li:first-child > em{float:left; width:33.33%;}
.proc3 em + ul{float:right; width:500px; box-sizing:border-box; padding:26px 10px 26px 30px; border-radius:10px; background:#f8f8f8;}

.proc3 li:not(:first-child) ul li + li em:before{content:''; position:absolute; top:35px; left:-5px; width:10px; height:10px; box-sizing:border-box; border:2px solid #1b83b1; border-radius:50%; background:#fff;}
.proc3 > li:nth-child(4) > ul{padding:0 0 0 33.33%;}
.proc3 > li:last-child > ul{padding:0 33.33% 0 0;}
.proc3 > li:nth-child(n + 4) > ul li{width:50%;}
.proc3 > li:last-child ul li em:after{display:none;}

@media all and (max-width:1300px) {
    .proc > li{padding-left:330px;}
    .proc li em ~ ul{width:100%;}
    .proc li.proc_s > ul{box-sizing:border-box; padding-left:330px;}
    .proc li.proc_s ul em{width:110px;}
    .proc li.proc_s ul li ul{width:calc(100% - 120px);}
    
    .proc3 em + ul{width:calc(67% - 50px);}
}

@media all and (max-width:1040px) {
    #sub_function2 .proc{padding-bottom:190px;}
    .proc li.proc_s > ul > li{padding:0 0 50px;}
}

@media all and (max-width:1024px) {
    .proc > li, 
    .proc li.proc_s > ul{padding-left:260px;}
    .proc li em{width:250px;}
    .proc > li.lh em{padding:17px 0;}
    .proc li.proc_s ul em,
    .proc2 > li > ul > li{font-size:1em;}
    .proc li.proc_s > ul > li{padding:0 0 20px;}
    
    #sub_function2 .proc{padding-bottom:0;}
}

@media all and (max-width:768px) {
    .function .line_box{margin-left:0;}
    
    .proc li.proc_s > ul > li{padding:0 0 5px;}
    .proc li.proc_s > ul > li:last-child{padding:0;}
    .proc li.proc_s > ul > li:first-child, .proc li.proc_s > ul > li:nth-child(3){background:none;}
    .proc li.proc_s ul em{width:100%; height:auto; line-height:110%; padding:5px 0 !important; border-radius:0; background:#eee;}
    .proc li.proc_s ul li ul{position:static; float:none; width:100%; border-radius:0;}
    
    .proc2 em{position:static; transform:none; width:100%; height:auto; line-height:110%; padding:10px 0; margin:0 0 10px; border-radius:0;}
    .proc2 > li{padding:0;}
    .proc2 em:before,
    .proc2 > li > ul:before{display:none;}
    .proc2 > li > ul > li.line:before{top:28px;}
    .proc2 > li > ul > li span{width:280px; padding:15px 20px 15px 33px !important; border-radius:0;}
    .proc2 > li > ul > li span:before{top:25px; left:20px;}
    .proc2 .lh span{width:100%;}
    .proc2 .lh span:before{top:24px;}
    .proc2 > li > ul > li span + ul{width:calc(100% - 300px); padding:15px 20px 12px; border-radius:0;}
    
    .proc3 > li:first-child{background-position:top 28px left;}
    .proc3 em{padding:15px 5px;}
    .proc3 em + ul{padding:14px 10px 14px 25px;}
    .proc3 .lh em{padding:10px 5px;}
    .proc3 li:not(:first-child) ul li + li em:before{top:22px;}
}

@media all and (max-width:650px) {
    #sub_function2 .proc{padding-bottom:100px;}
    
    .proc3 em{padding:10px 5px !important; border-radius:0; margin:0 0 25px;}
    .proc3 em:after{bottom:-20px; background-size:18px;}
    .proc3 > li:first-child > em:after,
    .proc3 li:not(:first-child) ul li + li em:before,
    .proc3 > li:last-child > ul li:last-child em:after{display:none;}
    
    .proc3 > li > ul:not(.dot_s){padding:0 !important;}
    .proc3 > li > ul,
    .proc3 ul:not(.dot_s) > li{width:100% !important; border-radius:0;}
    
    .proc3 > li:first-child{padding:0 0 25px; background:url(../../images/kr/intro/img_proc2.gif) no-repeat bottom 7px center; background-size:18px;}
    .proc3 > li:first-child > em{width:100%; margin:0;}
    .proc3 > li:last-child ul li:first-child em:after{display:block;}
}

@media all and (max-width:568px) {
    .proc > li{min-height:auto !important; padding:0 0 10px;}
    .proc li em{position:static; width:100%; height:auto; line-height:110%; padding:10px 0 !important; border-radius:0;}
    .proc > li:not(:last-child) > em:after{display:none;}
    .proc li em ~ ul{width:100%; border-radius:0; padding:15px 20px;}
    .proc li.proc_s > ul{position:static; padding:10px 0 0;}
    #sub_function2 .proc{padding-bottom:0;}
    
    .proc2 > li > ul > li span{width:100%; border:1px solid #e7e7e7; padding-left:30px !important;}
    .proc2 > li > ul > li span:before{top:23px;}
    .proc2 > li > ul > li span + ul{width:100%; margin:-1px 0 0 !important;}
}

/* 의회구성 및 조직도 */
#sub_org .info_tit{background-image:url(../../images/kr/intro/bg_org.png);}
#sub_org .org1{position:relative;height: 830px;box-sizing:border-box;font-family:'score';}
#sub_org .org1 em{z-index:1; position:absolute; top:0; left:30%; transform:translateX(-50%); width:150px; height:50px; line-height:50px; border-radius:25px; 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; 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%; 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:85%; 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{float:left;width:55px;height: 330px;line-height:135%;box-sizing:border-box;padding:16px 0 0;border-radius:15px;background:#f5f5f5;text-align:center;}
#sub_org .org1_2 .org1_2_2 ul li {height: 420px;}
#sub_org .org1_2 .org1_2_2 ul li:nth-child(4) {font-size:15px;}
#sub_org .org1_2 ul li + li{margin:0 0 0 10px;}
#sub_org ul li > a:hover{color:#3a9fa3;}
#sub_org .org1_2 .org1_2_2 ul{left:48%;}
#sub_org .org1_2 .org1_2_3 ul{width:185px; left:85%;}
#sub_org .org1_2 .org1_2_1 li{}
#sub_org .org1_2 .org1_2_3 ul li{height:175px; }
#sub_org .org1_2 .org1_2_3 ul li:last-child{}
#sub_org .org1_2 .org1_2_3 ul li:before{display:none;}
#sub_org .org1 li:before,
#sub_org .org1_2 li ul:before{z-index:-1;content:'';position:absolute;top:10px;left:30%;transform:translateX(-50%);width:1px;height: 30%;border-left:1px dashed #999;}
#sub_org .org1_1 > li:before{top:152px;left:57.5%;width:55%;height:50%;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: 50px;}
#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_2 li ul:before{top:-35px; left:50%; width:76%; height:50px; border:1px dashed #aaa; border-bottom:none;}
#sub_org .org1_2 .org1_2_3:before{top:369px; left:12%; width:7.5%; height:50px; border:1px dashed #aaa; border-top:none; border-bottom:none;}
#sub_org .org1_2 .org1_2_2 ul li:before{top: -65px;left:50%;height: 7%;}
#sub_org .org1_2 .org1_2_2 ul li:nth-child(2):before{top: -33px;left: 63%;height: 10%;}
#sub_org .org1_2 .org1_2_2 ul li:nth-child(3):before{top: -33px;left: 37%;height: 10%;}
#sub_org .org1_2 .org1_2_2 ul li:nth-child(4):before{display: none;}

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

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

#sub_org .normal_list {margin-bottom:40px;}
#sub_org .pn {padding:0 !important;}

.org2{display:flex; justify-content:space-between; flex-wrap:wrap; box-sizing:border-box;padding: 16px 0px 36px;}
.org2 > li{width:22.5%;}
.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;}

#sub_org > p:last-of-type{padding:0 0 15px 32px;}

@media all and (max-width:1230px) {

    #sub_org .org1_2 ul li + li{margin:0 0 0 10px;}
    
    #sub_org .org1_2 .org1_2_1:before{left:32%; width:32%;}
    #sub_org .org1_2 .org1_2_2:before{left:16%;}
    #sub_org .org1_2 li ul:before{width:71%;}
    
    #sub_org .org2{padding:16px 0 36px;}
	#sub_org .org1_2 .org1_2_3:before{top:369px; left:16%; width:8.5%; height:50px; border:1px dashed #aaa; border-top:none; border-bottom:none;}
}

@media all and (max-width:768px) {
    #sub_org .org1{height: 560px;}
    #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:329px !important;}
    #sub_org .org1_2 > li > ul{left:12%;}
    #sub_org .org1_2 > li > ul li{float:none; width:130px; height:45px !important; line-height:45px !important; padding: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_2 .org1_2_2 ul{left:39%;}
    #sub_org .org1_2 .org1_2_2 ul li{display: flex;flex-wrap: wrap;justify-content: center;align-items: center;height:auto !important;line-height:125% !important;padding:10px 0 !important;word-break: break-all;}
    #sub_org .org1_2 .org1_2_3 ul{width:auto;}
    
    #sub_org .org1 li:before{left:26%;}
    #sub_org .org1_1 > li:before{top:120px; left:55.5%; width:59%; height:60%;}
    #sub_org .org1_2 .org1_2_1:before{top:229px; left:25.5%; width:27.5%; height:49%;}
    #sub_org .org1_2 .org1_2_4:before{top:338px;}
    #sub_org .org1_2 .org1_2_2:before,
    #sub_org .org1_2 .org1_2_3:before,
    #sub_org .org1_2 .org1_2_2 ul li:before{display:none;}
    
    #sub_org .org2 > li{width:48%; margin:0 0 15px;}
    #sub_org > p:last-of-type{padding-left:25px;}
}

@media all and (max-width:568px) {
    #sub_org .org1{height: 800px;}
    #sub_org .org1_2 > li > em{top:230px; left:26%;}
    #sub_org .org1_2 li ul{top:290px !important;}
    #sub_org .org1_2 > li > ul li + li{margin:5px 0 0;}
    #sub_org .org1_2 li:not(.org1_2_3) ul{left:26% !important;}
    #sub_org .org1_2 .org1_2_1 ul{top:10px;}
    
    #sub_org .org1_2 .org1_2_2 em{top:520px; left:26%;}
    #sub_org .org1_2 .org1_2_2 ul{top:580px !important;}
    
    #sub_org .org1_2 .org1_2_3 em,
    #sub_org .org1_2 .org1_2_3 ul{left:80%;}
    
    #sub_org .org1 > li:before{height:95%;}
    #sub_org .org1_1 > li:before{left:53%; width:54%; height:40%;}
    
    .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%;}
    #sub_org > p:last-of-type{padding-left:20px;}
    #sub_org .org1_2 .org1_2_1:before,
	#sub_org .org1_2 .org1_2_3:before{display:none;}
}

/* 의회사무국 */
#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{position:relative; 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:343px;}

#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% - 251px);height:50px;border-top: 1px dashed #aaa;border-bottom:none;}
#sub_office .org2 > li:before {content:'';position:absolute;top: -30px;left: 50%;transform: translateX(-50%);width: 1px;height:50px;border-right: 1px dashed #aaa;box-sizing: border-box;}

@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% - 160px);}
}

@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;}
	#sub_office .org2 > li:before {display: 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_simbol .wrap {display:flex;align-items: center;}
#sub_simbol .wrap .txt {margin: 0 0 0 60px;}
#sub_simbol .wrap .txt p {font-weight: 800;}
#sub_simbol .wrap .txt ul {margin: 10px 0;}
#sub_simbol .wrap .txt ul li em {font-weight: 800;}
#sub_simbol .wrap .dl {display:block;width: 264px;height: 55px;line-height: 55px;font-size: 17px;color: #fff;text-align: center;background: #295daa;border-radius: 28px;}
#sub_simbol .wrap .dl::after {content:''; display:inline-block; margin: 0 -2px 0 14px; width: 15px; height: 15px; background:url(../../images/kr/intro/ico_download.png)no-repeat;}

#sub_simbol .logo_wrap .pic {width:60%; text-align: center;}
#sub_simbol .logo_wrap .wrap {margin: 30px 0 0 ;}
#sub_simbol .logo_wrap .wrap:last-child {margin: 80px 0 30px;}

@media all and (max-width: 768px){
	#sub_simbol .wrap {display:block;}
	#sub_simbol .wrap .pic {margin: 0 auto; width: 70%; text-align:center;}
	#sub_simbol .wrap .txt {margin: 50px 0 0;}
	#sub_simbol .wrap .dl {margin: 0 auto; height: 50px; line-height: 50px; font-size: 16px;}
}
@media all and (max-width: 568px){
	#sub_simbol .wrap .txt {margin: 30px 0 0;}
	#sub_simbol .wrap .dl {width:100%; height: 46px; line-height: 46px; font-size: 15px;}	
	#sub_simbol .wrap .dl::after {margin: 0 0 -1px 10px;}
}

/* 찾아오시는 길 */
#sub_location .roughmap_maker_label .roughmap_lebel_text{display:block; padding:5px 15px; line-height:30px; font-weight:600; font-family:'score'; border-radius:30px; background-color:#fff; font-size:20px;}
#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 .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-family:'score'; 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:1px 2px 0 0;}
    #sub_location .roughmap_maker_label .roughmap_lebel_text{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{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:300px; 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 89px; line-height:135%; box-sizing:border-box; word-break:break-all;}
.profile dd li:before{top:10px;}
.profile dd li em{position:absolute; top:0; left:15px;}
.profile dd li em.ls2{letter-spacing:30px;}
.profile dd li em.ls3{letter-spacing:7px;}

.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:after{content:''; display:block; clear:both;}
.profile .btns a{position:relative; float:left; width:50%; height:70px; line-height:69px; border-top:1px solid #c4def2; border-right:1px solid #c4def2; color:#2b425b; text-align:center; text-decoration:none; box-sizing:border-box;}

.profile .btns a:last-child{width:calc(50% + 1px); margin:0 0 0 -1px; border-right:none; border-left:1px solid #c4def2;}
.profile .btns a:last-child: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;}

.profile .sns:after{content:''; display:block; clear:both;}
.profile .sns a{float:left; width:34px; height:34px; margin:9px 10px 0 0; font-size:0; text-indent:-999px; background:url(../../images/common/ico_fb.png) no-repeat top center;}
.profile .sns .tw{background-image: url(../../images/common/ico_tw.png);}
.profile .sns .bl{background-image:url(../../images/common/ico_bl.png);}
.profile .sns .kko{background-image:url(../../images/common/ico_kko.png);}
.profile .sns .ins{background-image:url(../../images/common/ico_ins.png);}
.profile .sns .on{background-position:bottom center;}

#sub_active .tabmenu > ul > li > h4{width: 25% !important;/* left: 80%; */}
#sub_active .tabmenu > ul > li > h4 > a { font-size: large;}
#sub_active .tabmenu > ul > li:nth-child(2) > h4{left: 25%;}
#sub_active .tabmenu > ul > li:nth-child(3) > h4{left: 50%;}
#sub_active .tabmenu > ul > li:nth-child(4) > h4{left: 75%;}
/* #sub_active .tabmenu > ul > li:nth-child(5) > h4{left: 80%;} */
/* #sub_active .tabmenu > ul > li:nth-child(4) > h4 > a{ line-height:25px; } */
/* 
#sub_active .tabmenu > ul > li:last-child > h4{left:80%;}
#sub_active .tabmenu > ul > li:last-child > h4 > a{ line-height:25px; }
 */
#sub_memberlist .profile dl{height:200px;}
#sub_memberlist .profile .btns a{width:100%;}
#sub_memberlist .dot p{padding:0 0 3px;}
#sub_memberlist .dot .table_wrap{margin:0 0 20px -13px;}

#sub_memberSearch .form_sc .sel{width:300px;}

@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:220px; padding:0 10px 0 33%;}
    .profile dt{left:5%; width:23%; padding-top:30%;}
    .profile dd li{padding:0 0 5px 87px;}
    .profile dd li:before{top:7px;}
    .profile dd li em.ls2{letter-spacing:27px;}
	.profile dd li em.ls3{letter-spacing:6px;}
    .profile .btns a{height:45px; line-height:44px;}
    
    .profile .sns a{width:30px; height:30px; margin-right:5px; background-size:30px;}

	#sub_memberlist.chairmanlist .profile dl{height:150px !important;}
}

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

	#sub_memberlist.chairmanlist .profile dl{height:120px !important;}
    
    #sub_memberSearch .form_sc div{padding:0 0 0 80px;}
    #sub_memberSearch .form_sc label{left:10px;}
    #sub_memberSearch .form_sc .sel{width:220px;}
}

@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 80px;}
    .profile dd li:before{top:5px;}
    .profile dd li em{left:10px;}
    .profile dd li em.ls2{letter-spacing:23px;}
    .profile dd li em.ls3{letter-spacing:5px;}
    .profile .sns a{width:28px; height:28px; background-size:28px;}
    
    #sub_memberSearch .form_sc{padding-right:50px;}
    #sub_memberSearch .form_sc div{width:100%;}
    #sub_memberSearch .form_sc .sel{margin:0 0 5px;}
}

@media all and (max-width:380px) {
	#sub_active .tabmenu > ul > li > h4 > a{font-size:13px;} 
}

@media all and (max-width:320px) {
	#sub_active .tabmenu > ul > li > h4 > a{font-size:12px;} 
}

/* 의원의 임무와 임기 */
#sub_duty .line_box > div{padding:50px 50px 50px 35px;}
#sub_duty .line_box > div > ul > li{box-sizing:border-box; padding:0 0 30px 282px; background:url(../../images/kr/member/ico_duty1.png) no-repeat top 23px left;}
#sub_duty .line_box > div > ul > li:nth-child(2){background-image:url(../../images/kr/member/ico_duty2.png);}
#sub_duty .line_box > div > ul > li:nth-child(3){padding-bottom:0; background-image:url(../../images/kr/member/ico_duty3.png);}
#sub_duty .line_box .con{min-height:214px; box-sizing:border-box; padding:25px 20px 24px 30px; border-radius:10px; background:#f8f8f8;}
#sub_duty .line_box em{display:block; padding:0 0 6px; font-family:'score'; font-weight:600; font-size:20px;}

@media all and (max-width:1024px) {
    #sub_duty .line_box > div > ul > li{padding-left:182px; background-size:150px; background-position:top 10px left;}
    #sub_duty .line_box .con{min-height:auto;}
    #sub_duty .line_box em{font-size:18px;}
}

@media all and (max-width:768px) {
    #sub_duty .line_box > div > ul > li{padding:0 0 10px 100px; background-size:80px; background-position:top 10px left;}
    #sub_duty .line_box .con{padding:15px 20px;}
    #sub_duty .line_box em{font-size:1.063em;}
}

@media all and (max-width:380px) {
    #sub_duty .line_box > div > ul > li{padding-left:0; background:transparent !important;}
}

/* 위원회-상임위원회 */
.standing-wrap { width: 100%; float: left;	}
.standing-wrap .left-pic {
	width: 44%; float: left; position: relative;
	padding: 20px 0 0 20px; box-sizing: border-box; /*추가*/
}
.standing-wrap .left-pic:before{ /*추가*/
	z-index: -1; content: ' '; 
	display: block; position: absolute; top: 0; left: 0; 
	width: calc(100% - 20px); height: calc(100% - 20px); 
	background: linear-gradient(45deg, rgb(50, 170, 184), rgb(37, 142, 185));
}
.standing-wrap .left-pic img {
	width: 100%;
	border-radius: 0 0 20px 0;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}
.standing-wrap .right-info { width: 51%; float: right; 	}
.standing-wrap .right-info .title {
	height: 60px;
	border-top: 2px solid #295daa;
	border-bottom: 1px dashed #ccc;
}
.standing-wrap .right-info .title h5 { color: #295daa; font-size: 20px; line-height: 60px; float: left; }
.standing-wrap .right-info .title a { 
	display: block; float: right; position: relative;
	width: 120px; height: 35px; line-height: 35px;
	background: #2b425b; color: #fff; 
	font-size: 14px; text-decoration: none; text-indent: 45px;
	border-radius: 20px; margin-top: 12px;
}
.standing-wrap .right-info .title a:before {
	content: ' '; position: absolute; top: 4px; left: 18px; width: 25px; height: 25px;
	background: url(../../images/common/ico_top.png) 7px 7px no-repeat;
}
.standing-wrap .right-info .dot { width: 100%; float: left; padding: 20px 0; border-bottom: 1px solid #ddd; }
.standing-wrap .right-info .dot li { width: 100%; float: left; }
.standing-wrap .right-info .dot li em { display: block; width: 100px; float: left; 	}
.standing-wrap .right-info .dot li span { display: block; width: calc(100% - 100px); font-weight: bold; float: left;	}
.standing-wrap .explain { width: 100%; float: left; margin-top: 40px; margin-bottom: 40px; }
.standing-wrap .explain h5 { 
	font-family: 'score'; font-size: 20px; color: #222; font-weight: 300; line-height: 50px;
	height: 50px; position: relative; padding-left: 60px; margin-bottom: 15px;
}
.standing-wrap .explain h5:before {
	content: ' ';
	display: inline-block;
	width: 50px; height: 50px;
	position: absolute; top: 0; left: 0;
	background: #2b425b;
	border-radius: 25px;
}
.standing-wrap .explain h5:after {
	content: ' ';
	display: inline-block;
	width: 50px; height: 50px;
	position: absolute; top: 0; left: 0;
	background: url(../../images/kr/activity/bl_steering.png) 15px 19px no-repeat;
}
.standing-wrap .explain h5 strong:first-child { color: #2b425b; }
.standing-wrap .explain p {
	width: 100%; background: #f8f8f8; border-radius: 10px;
	padding: 30px; box-sizing: border-box; font-size: 16px; line-height: 1.2em;
}

@media (max-width: 1430px) {
	.standing-wrap.culture .explain h5 { line-height: 1.3em; padding-top: 5px; }
}
@media (max-width: 1220px) {
	.standing-wrap.economy h5 { line-height: 1.3em; padding-top: 5px; }
}
@media (max-width: 720px) {
	.standing-wrap .right-info .dot li em { width: 80px; }
	.standing-wrap .explain h5 { font-size: 18px; }
}
@media (max-width: 680px) {
	.standing-wrap .left-pic, 
	.standing-wrap .right-info { width: 80%; float: none; margin: 0 auto; }
	.standing-wrap .right-info { margin-top: 20px; }
	.standing-wrap .explain { margin-top: 30px; }
	.standing-wrap .explain h5 { font-size: 17px; line-height: 1.3em; padding-left: 45px; padding-top: 4px; }
	.standing-wrap .explain h5:before, 
	.standing-wrap .explain h5:after { width: 40px; height: 40px; }
	.standing-wrap .explain h5:after { background-position: 12px 15px; background-size: 60%; }
}
@media (max-width: 450px) {
	.standing-wrap .left-pic, 
	.standing-wrap .right-info { width: 90%; }
	.standing-wrap.culture .explain h5 { margin-bottom: 40px; }
}
@media (max-width: 400px) {
	.standing-wrap.economy h5 { margin-bottom: 40px; }
}
@media (max-width: 360px) {
	.standing-wrap .left-pic, 
	.standing-wrap .right-info { width: 98%; }
	.standing-wrap .right-info .title a { width: 100px; text-indent: 35px; }
	.standing-wrap .right-info .title a:before { left: 10px; }
	.standing-wrap .explain h5 { line-height: 1.2em; padding-top: 0; }
	.standing-wrap .explain p { padding: 15px; }
	.standing-wrap .right-info .dot li em { width: 60px; }
}

/* 위원회-특별위원회 */
#sub_standing2 .standing-wrap { margin-bottom: 40px; }
#sub_standing2 .standing-wrap:first-child { margin-bottom: 0; }
#sub_standing2 .standing-wrap:first-child .explain {margin-top: 0px;}
#sub_standing2 .standing-wrap .explain {margin-top: 40px;}
#sub_standing2 .standing-wrap .explain h5 {line-height:50px;}
#sub_standing2 .standing-wrap:nth-child(4) .explain h5 {line-height:25px;}
#sub_standing2 .standing-wrap:nth-child(5) .explain h5 {line-height:25px;}

@media (max-width: 1200px) {
	#sub_standing2 .standing-wrap .right-info .title a { width: 95px; text-indent: 32px; }
	#sub_standing2 .standing-wrap .right-info .title a:before { left: 7px; }
	#sub_standing2 .standing-wrap .explain h5 { line-height: 1.3em; margin-top: 5px; }
}
@media (max-width: 1024px) {
	#sub_standing2 .standing-wrap .explain h5 { line-height: 50px; }
}
@media (max-width: 910px) {
	#sub_standing2 .standing-wrap .right-info .title h5 { font-size: 17px; }
	#sub_standing2 .standing-wrap .right-info .title a { width: 80px; text-indent: 23px; }
	#sub_standing2 .standing-wrap .right-info .title a:before { left: 0px; }
	#sub_standing2 .standing-wrap .explain h5 { line-height: 1.3em; }	
}
@media (max-width: 400px) {
	#sub_standing2 .standing-wrap .explain h5 { margin-bottom: 40px; }
	#sub_standing2 .standing-wrap .right-info .title h5 { font-size: 15px; }
}

/* 청원안내 */
#sub_petition .line_box{margin:11px 0 0 -13px;}
#sub_petition .proc:before{content:''; position:absolute; top:0; left:160px; width:100%; height:calc(100% - 70px); background-image:linear-gradient(to bottom, #ccc 60%, rgba(255,255,255,0) 0%); background-position:top left; background-size:1px 14px; background-repeat:repeat-y;}
#sub_petition .proc > li{min-height:150px; padding-bottom:0;}
#sub_petition .proc > li:last-child{min-height:0;}
#sub_petition .proc li em ~ ul{margin:0 0 20px;}
#sub_petition .proc li:last-child em ~ ul{margin:0;}
#sub_petition .proc li em + ul + ul li:first-child{padding-left:0;}
#sub_petition .proc li em + ul + ul li:first-child:before{display:none;}

#sub_petition .proc > li:not(:first-child) > em:before{content:''; position:absolute; top:-13px; left:50%; transform:translateX(-50%); width:22px; height:13px; background:url(../../images/kr/intro/img_proc2.gif) no-repeat;}
#sub_petition .proc > li:not(:last-child) > em:after{bottom:-5px; width:10px; height:10px; box-sizing:border-box; border:2px solid #1b83b1; border-radius:50%; background:#fff;}

@media all and (max-width:1024px) {
    #sub_petition .proc:before{left:124px;}
}

@media all and (max-width:568px) {
    #sub_petition .proc li em ~ ul + ul{margin-top:-15px;}
    #sub_petition .proc:before,
    #sub_petition .proc > li:not(:first-child) > em:before,
    #sub_petition .proc > li:not(:first-child) > em:after{display:none;}
}

/* 민원안내 */
#sub_complain .con{margin:-9px 0 0; box-sizing:border-box; padding:0 0 0 45px;}
#sub_complain ul.dash em{font-weight:400;}

#sub_complain .step{padding:27px 0 0; font-size:16px; text-align:center;}
#sub_complain .step:after{content:''; display:block; clear:both;}
#sub_complain .step li{float:left;}
#sub_complain .step li + li{margin:0 0 0 -40px;}

#sub_complain .step em{position:relative; display:block; width:212px; height:230px; box-sizing:border-box; padding:132px 0 0; background:url(../../images/kr/open/bg_complain1.png) no-repeat; background-size:cover;}
#sub_complain .step em:before{content:''; position:absolute; top:78px; left:50%; transform:translateX(-50%); width:47px; height:45px; background:url(../../images/kr/open/ico_complain1.png) no-repeat center;}
#sub_complain .step li + li em:after{content:''; position:absolute; top:50%; transform:translateY(-50%) rotate(45deg); left:12px; width:12px; height:12px; border-top:2px solid #888; border-right:2px solid #888;}

#sub_complain .step li:nth-child(1) em{padding-left:20px;}
#sub_complain .step li:nth-child(1) em:before{margin:0 0 0 10px;}
#sub_complain .step li:nth-child(2) em{width:194px; background-image:url(../../images/kr/open/bg_complain2.png);}
#sub_complain .step li:nth-child(2) em:before{background-image:url(../../images/kr/open/ico_complain2.png);}
#sub_complain .step li:nth-child(3) em{padding-right:15px; background-image:url(../../images/kr/open/bg_complain3.png);}
#sub_complain .step li:nth-child(3) em:before{margin:0 0 0 -5px; background-image:url(../../images/kr/open/ico_complain3.png);}

#sub_complain .step span{display:block; line-height:130%; margin:17px 0 0; color:#555;}

#sub_complain2 .dot > li{padding-bottom:0;}

@media all and (max-width:768px) {
    #sub_complain .con{padding:0 0 0 40px;}
    #sub_complain .step li + li{margin:0 0 0 -33px;}
    #sub_complain .step em{width:175px; height:190px;}
    #sub_complain .step li:nth-child(2) em{width:160px;}
    #sub_complain .step em{padding:108px 0 0;}
    #sub_complain .step em:before{top:58px; background-size:30px;}
}

@media all and (max-width:568px) {
    #sub_complain .con{padding:0 0 0 37px;}
    #sub_complain .step{font-size:1em;}
    #sub_complain .step li + li{margin:0 0 0 -28px;}
    #sub_complain .step em{width:145px; height:157px;}
    #sub_complain .step li:nth-child(2) em{width:133px;}
    #sub_complain .step em{padding:83px 0 0;}
    #sub_complain .step em:before{top:43px; background-size:20px;}
    #sub_complain .step li:nth-child(1) em{padding-left:15px;}
    #sub_complain .step span{margin:17px 0 0 -15px;}
}

@media all and (max-width:450px) {
    #sub_complain .step li + li{margin:0 0 0 -19px;}
    #sub_complain .step li + li em:after{left:6px; width:8px; height:8px;}
    #sub_complain .step em{width:106px; height:115px; padding:63px 0 0;}
    #sub_complain .step li:nth-child(1) em{padding-left:11px;}
    #sub_complain .step li:nth-child(2) em{width:97px;}
    #sub_complain .step li:nth-child(3) em{padding-right:9px;}
    #sub_complain .step em:before{top:27px;}
    #sub_complain .step li:nth-child(1) em:before{margin:0 0 0 5px;}
    #sub_complain .step span{margin:10px 0 0 -20px;}
}

@media all and (max-width:350px) {
    #sub_complain .step{margin:0 0 0 -37px;}
}

/* 방청안내 */
#sub_tour1 .tour-contents {
	position: relative; box-sizing: border-box; padding: 4px; padding-bottom: 55px;
	width: 100%; float: left;
}
#sub_tour1 .tour-contents: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;
}
#sub_tour1 .pic-wrap { 
	position: relative; width: 100%; height: 296px; box-sizing: border-box; border-radius: 20px 20px 0 0; margin-bottom: 80px;
	background: url("/images/kr/open/bg_tour1.jpg") no-repeat; color: #fff; 
}
#sub_tour1 .pic-wrap .txt { 
	position: absolute; right: 80px; top: 116px; 
	width: 480px; height: 230px; box-sizing: border-box; border-radius: 20px; padding: 40px 0 0 30px;
	background: url("/images/kr/open/bg_tour1_txt.png") bottom right no-repeat #295daa; 
	font-family:'score'; font-size: 16px; line-height: 22px;
}
#sub_tour1 .pic-wrap .txt p {
	line-height: 24px;
	padding-bottom: 12px;
}
#sub_tour1 .orders {
	width: 88%; margin: 0 auto;  overflow: hidden;
}
#sub_tour1 .orders h3 {
	position: relative; clear: both; width: auto; line-height: 130%; letter-spacing: -1px; float: left;
	box-sizing: border-box; padding-left: 20px; font-family:'score'; font-size:30px; font-weight:800; word-break: keep-all; 
	background: none; color: #2b425b;
}
#sub_tour1 .orders h3 + span {
	float: left; margin: 10px 0 0 10px;
}
#sub_tour1 .orders ul {
	width: 100%; float: left; margin-top: 15px;
}
#sub_tour1 .orders ul li {
	position: relative;
	width: 100%; height: 60px; box-sizing: border-box; padding: 0 20px;
	line-height: 60px; border-bottom: 1px dashed #ddd;
}
#sub_tour1 .orders ul li br { display: none; }
#sub_tour1 .orders ul li .num { 
	z-index: 1; display: block; position: relative; float: left;
	width:23px; height: 60px; color: #fff; text-align:center; margin-right: 10px;
}
#sub_tour1 .orders ul li .num:after {
	z-index: -1; content: ' '; display: block; position: absolute; bottom: 18px; left: 0; 
	width: 23px; height: 23px; border-radius: 50%; background: #7c91b1;
}

@media all and (max-width: 768px) {
	#sub_tour1 .orders h3 { width: 100%; padding-left: 0; }
	#sub_tour1 .orders h3 + span { margin: 0; }
}
@media all and (max-width: 650px) {
	#sub_tour1 .pic-wrap { margin-bottom: 30px; }
	#sub_tour1 .pic-wrap .txt { width: 90%; left: 5%; padding-left: 20px; top: 35px;}
	#sub_tour1 .orders { width: 95%; }
}
@media all and (max-width: 530px) {
	#sub_tour1 .pic-wrap .txt { font-size: 1em; }
	#sub_tour1 .orders ul li { padding-left: 10px; }
	#sub_tour1 .orders ul li:not(:first-child) p { line-height: 20px; padding-top: 9px; }
	#sub_tour1 .orders ul li br { display: inline; }
}
@media all and (max-width: 480px) {
	#sub_tour1 .pic-wrap .txt { padding: 40px 30px; line-height: 200%; }
	#sub_tour1 .pic-wrap .txt br { display: none; }
}
@media all and (max-width: 440px) {
	#sub_tour1 .pic-wrap .txt { padding:  10px 30px; }
}

/* 의회용어사전 */
.sch_txt,
#sub_voca .indexArea .index_word{position:relative; box-sizing:border-box; padding:50px 0 50px 111px; background-image:linear-gradient(to right, #ddd 75%, rgba(255,255,255,0) 0%); background-position:bottom; background-size:15px 1px; background-repeat:repeat-x;}
#sub_voca .indexArea .index_word{padding-bottom:45px;}
.sch_txt .tit, #sub_voca .indexArea .tit{position:absolute; top:50%; transform:translateY(-50%); left:22px; font-size:20px; font-weight:800;}
.sch_txt input[type="text"]{height:50px; line-height:48px; border-radius:25px; padding:0 0 0 49px;}
.sch_txt button{position:absolute; top:50px; right:0; width:100px; height:50px; line-height:50px; box-sizing:border-box; padding:0 19px 0 0; border-radius:25px; font-weight:400; color:#fff; box-shadow:3px 0 5px rgba(119,119,119,0.5);
    background:rgb(47,162,171);
    background: -moz-linear-gradient(95deg, rgba(47,162,171,1) 0%, rgba(43,127,171,1) 50%, rgba(41,92,170,1) 100%);
    background: -webkit-linear-gradient(95deg, rgba(47,162,171,1) 0%, rgba(43,127,171,1) 50%, rgba(41,92,170,1) 100%);
    background: linear-gradient(95deg, rgba(47,162,171,1) 0%, rgba(43,127,171,1) 50%, rgba(41,92,170,1) 100%);} 
.sch_txt button:before,
.sch_txt button:after{content:''; top:16px; right:25px; position:absolute; width:14px; height:14px; box-sizing:border-box; border:1px solid #fff; border-radius:50%;}
.sch_txt button:after{top:33px; right:21px; width:8px; height:1px; border:none; transform:rotate(45deg); transform-origin:100% 100%; background:#fff;}

#sub_voca .line_box{margin:0 0 27px;}
#sub_voca .indexArea{padding:0 50px 46px;}
#sub_voca .indexArea form{padding-right:20px;}
#sub_voca .indexArea form button{right:20px;}
#sub_voca .index_word ul:after,
#sub_voca .search_result ul:after{content:''; display:block; clear:both;}
#sub_voca .index_word ul li{float:left; margin:0 10px 5px 0;}
#sub_voca .index_word ul li a{display:block; width:50px; height:50px; line-height:50px; border-radius:50%; background:#f5f5f5; font-size:20px; text-align:center;}
#sub_voca .index_word ul li.current_on a{background:#2b425b; font-weight:800; color:#fff;}

#sub_voca .search_result ul{box-sizing:border-box; padding:43px 22px 0;}
#sub_voca .search_result ul li{float:left; width:20%; padding:0 0 12px 15px; word-break:break-all;}

#sub_voca #pagingNav a{z-index:1; width:25px; height:25px; line-height:25px; border:none; margin:0 4px;}
#sub_voca #pagingNav a:not(.btn_num):before{opacity:0; visibility:hidden; z-index:-1; content:''; position:absolute; bottom:2px; left:0; width:100%; height:8px; border-radius:25px; background:#fef0be;}
#sub_voca #pagingNav a.num_current:before{opacity:1; visibility:visible;}
#sub_voca #pagingNav a:hover,
#sub_voca #pagingNav a:focus,
#sub_voca #pagingNav a.num_current{background-color:transparent; color:#222;}

#sub_voca #pagingNav .btn_num{opacity:0.7; background-position:center 6px;}
#sub_voca #pagingNav .btn_num.first{margin:0 -3px 0 0; background-position:center -38px;}
#sub_voca #pagingNav .btn_num.prev{background-position:center 5px;}
#sub_voca #pagingNav .btn_num.last{margin:0 0 0 -3px; background-position:center -37px;}

#sub_voca .word_defined dd{padding:0 0 0 32px;}

@media all and (max-width:1024px) {
    .sch_txt, #sub_voca .indexArea .index_word{padding:30px 0 30px 111px;}
    .sch_txt .tit, #sub_voca .indexArea .tit{font-size:18px;}
    .sch_txt button{top:30px;}
    
    #sub_voca .indexArea .index_word{padding-bottom:25px;}
    #sub_voca .search_result ul{padding-top:25px;}
    #sub_voca .index_word ul li a{width:36px; height:36px; line-height:36px; font-size:1em;}
}

@media all and (max-width:768px) {
    #sub_voca .indexArea{padding:0 35px 30px !important;}
    #sub_voca .index_word ul li a{width:30px; height:30px; line-height:30px;}
    #sub_voca .search_result ul li{width:25%;}
    #sub_voca #pagingNav .btn_num.first{background-position:center -35px;}
    #sub_voca #pagingNav .btn_num.last{background-position:center -34px;}
    #sub_voca .word_defined dd{padding:0 0 0 25px;}
}

@media all and (max-width:568px) {
    .sch_txt, #sub_voca .indexArea .index_word{padding-left:80px;}
    .sch_txt .tit, #sub_voca .indexArea .tit{left:0; font-size:1.067em;}
    .sch_txt input[type="text"]{padding:0 0 0 20px !important;}
    .sch_txt button{width:70px; padding:0;}
    .sch_txt button:before, .sch_txt button:after{display:none;}
    
    #sub_voca .indexArea form{padding-right:0;}
    #sub_voca .indexArea form button{right:0;}
    #sub_voca .search_result ul{padding:25px 0 0;}
    #sub_voca .search_result ul li{width:33.33%;}
    #sub_voca #pagingNav .btn_num.first{margin-top:-3px; background-position:center -28px;}
    #sub_voca #pagingNav .btn_num.prev{margin-top:-3px;}
    #sub_voca #pagingNav .btn_num.last{background-position:center -27px;}
    #sub_voca .word_defined dd{padding:0 0 0 20px;}
}

@media all and (max-width:380px) {
    .sch_txt .tit, #sub_voca .indexArea .tit{position:static; padding:0 0 5px; transform:none;}
    .sch_txt, #sub_voca .indexArea .index_word{padding:20px 0 10px;}
    .sch_txt button{top:47px;}
    
    #sub_voca .indexArea{padding:0 25px 15px;}
    #sub_voca .indexArea .index_word{padding-bottom:5px;}
    #sub_voca .search_result ul li{width:50%;}
}

/* 통합검색*/
#sub_search .line_box{margin:0 0 26px;}
#sub_search .line_box > div{padding:0;}
#sub_search .sch_txt{width:672px; margin:0 auto; background:none; padding-left:72px;}
#sub_search .sch_txt .tit{left:0;}
#sub_search .sch_txt input[type="text"]{padding:0 0 0 33px;}
#sub_search .result h4{padding-bottom:26px;}
#sub_search .result h4 + ul{padding:25px 0 0; background-image:linear-gradient(to right, #ddd 75%, rgba(255,255,255,0) 0%); background-position:top; background-size:15px 1px; background-repeat:repeat-x;}

@media all and (max-width:768px) {
    #sub_search .line_box > div{padding:0 70px;}
    #sub_search .sch_txt{width:100%;}
}

@media all and (max-width:568px) {
    #sub_search .line_box > div{padding:0 35px;}
    #sub_search .result h4{padding-bottom:15px;}
    #sub_search .result h4 + ul{padding:15px 0 0;}
}

@media all and (max-width:380px) {
    #sub_search .sch_txt{padding:20px 0;}
}

/* 배너모음 */
#sub_banner ul:after{content:''; display:block; clear:both;}
#sub_banner ul li{display:inline-block; width:24.5%; padding:5px; box-sizing:border-box; margin:0 0 5px; text-align:center; border:1px solid #d6d6d6;}
#sub_banner ul li img{max-width:100%;}
@media all and (max-width:768px) {
	#sub_banner ul li{width:33%; padding:5px 3px;}
}
@media all and (max-width:568px) {
	#sub_banner ul li{width:49.5%;}
}

/* 팝업존 */
#sub_banner.popup ul li{width:47.5%; margin:0 1% 20px;}
@media all and (max-width:568px) {
	#sub_banner.popup ul li{width:100%; margin:0 0 20px;}
}

/*사이트맵*/
#sub_sitemap .site{padding:20px 0 0; border-top:1px solid #d6d6d6;}
#sub_sitemap > .site:first-of-type{padding:0; border:none;}
#sub_sitemap .site:after{content:''; display:block; clear:both;}
#sub_sitemap .site h4{float:left; width:22%;}
#sub_sitemap .site > ul{float:left; width:78%;}
#sub_sitemap .site > ul > li {float:left; width:30%; padding:0 1.5% 30px;}
#sub_sitemap .site > ul > li > a{display:block; line-height:40px; border:1px solid #d6d6d6; text-align:center;}
#sub_sitemap .site > ul > li > a:hover,
#sub_sitemap .site > ul > li > a:focus{background:#f8f8f8;}
#sub_sitemap .site > ul > li > ul{padding:10px 0 0;}
#sub_sitemap .site > ul > li > ul li{padding-bottom:0;}
@media all and (max-width:1024px) {
	#sub_sitemap .site{padding:15px 0 0;}
	#sub_sitemap .site h4{width:100%;}
	#sub_sitemap .site > ul{width:100%; padding:0 0 0.4em;}
	#sub_sitemap .site > ul > li{padding-bottom:20px;}
}
@media all and (max-width:768px) {
	#sub_sitemap .site > ul{padding:0 0 1em;}
	#sub_sitemap .site > ul > li{width:48%; padding:0 1% 10px;}
}

/* 개인정보 처리방침 */
#sub_privacy h4 ~ ul{padding:0 0 30px;}
#sub_privacy h4 + p{padding:0 0 10px;}
#sub_privacy h4 ~ ul > li{padding:0 0 5px;}
#sub_privacy h4 ~ ul > li > ul{padding:5px 0 15px 23px;}
@media all and (max-width:1024px) {#sub_privacy h4 ~ ul{padding:0 0 20px;}}
@media all and (max-width:768px) {#sub_privacy h4 ~ ul > li > ul{padding-left:20px;}}
@media all and (max-width:568px) {#sub_privacy h4 ~ ul > li > ul{padding-left:18px;}}

#sub_yearplan .form_sc select{background-position: right 60px top 50%;}

/* 인터넷 방송 탭메뉴 */
.tabmenu3{position:relative; box-sizing:border-box; padding:80px 0 35px;}
.tabmenu3 .btn_tab{position:absolute; top:0; left:0;}
.tabmenu3 > ul > li > .btn_tab{width:50%;}
.tabmenu3 > ul > li:last-child > .btn_tab{left:50%;}
.tabmenu3 .tab_list{display:none;}
.tabmenu3 .on .tab_list{display:block;}
.tabmenu3 .tab_list:after{content:''; display:block; clear:both;}
.tabmenu3 .tab_list li{float:left;}
.tabmenu3 .tab_list button{position:relative; padding:0 50px 0 12px;}
.tabmenu3 .tab_list button:before{content:''; position:absolute; top:12px; left:0; width:5px; height:5px; border-radius:50%; background:#cdcdcd;}
.tabmenu3 .tab_list .active button{font-weight:800;}
.tabmenu3 .tab_list .active button:before{background:#295daa;}

@media all and (max-width:1024px) {
    .tabmenu3 .tab_list button{padding-right:20px;}
    .tabmenu3 .tab_list button:before{top:10px;}
}

@media all and (max-width:568px) {
    .tabmenu3{padding:50px 0 20px;}
}

/* 통합 후 역대의원 검색 폼 */
#sub_memberlist .form_sc{padding:28px 0 28px 60px;}

#sub_memberlist .form_sc label{left:25px;}
#sub_memberlist .form_sc div{padding:0 0 0 100px;}
#sub_memberlist .form_sc div.intxt{width:calc(100% - 600px);}

@media all and (max-width:1280px) {
	#sub_memberlist .form_sc{padding:28px 20% 28px 13%;}

	#sub_memberlist .sel2{width:50%; margin:0 0 10px;} 
	#sub_memberlist .form_sc div.intxt{width:100%;}
}

@media all and (max-width:768px) {
	#sub_memberlist .sel2{width:100%;}
	#sub_memberlist .btn.sch{height:40px; line-height:40px;}
}

@media all and (max-width:568px) {
	#sub_memberlist .btn.sch{height:30px; font-size:0; width:45px;}
}


/* 검색 탭 */
.tab_s{padding:14px 0; background:#f3f5f9; text-align:center;}
.tab_s .btn.sch{width:176px; height:46px; line-height:46px; font-size:17px; font-family:'score'; font-weight:300;}
.tab_s .btn.sch:before{top:15px; right:21px;}
.tab_s .btn.sch:after{top:29px; right:20px;}
.search_tab #form_skin{display:none; position:relative;}
.search_tab #form_skin .tab_close{position:absolute; top:18px; right:23px; width:26px; height:26px; display:inline-block; line-height:0; font-size:0; text-indent:-999px; vertical-align:top;}
.search_tab #form_skin .tab_close:before, .search_tab #form_skin .tab_close:after{content:''; display:block; width:100%; height:2px; transform:rotate(45deg); transform-origin:0 100%; background:#000;}
.search_tab #form_skin .tab_close:after{margin:-2px 0 0 -6px; transform:rotate(-45deg); transform-origin:100% 100%;}

.search_tab.on #form_skin{display:block;}
.search_tab.on .tab_s{display:none;}

@media all and (max-width:1024px) {
    .tab_s .btn.sch{width:145px; height:38px; line-height:38px; font-size:0.938em;}
    .tab_s .btn.sch:before{top:11px; right:15px;}
    .tab_s .btn.sch:after{top:25px; right:13px;}
}

@media all and (max-width:568px) {
    .tab_s .btn.sch{width:135px; height:32px; line-height:32px;}
    .tab_s .btn.sch:before{top:9px;}
    .tab_s .btn.sch:after{top:21px;}
    .search_tab #form_skin .tab_close{top:3px; right:9px;}
}

@media all and (max-width:380px) {
    .search_tab #form_skin .tab_close{top:1px; right:5px; width:20px; height:20px;}
    .search_tab #form_skin .tab_close:after{margin-left:-4px;}
}