@charset "utf-8";

#footer:before {
    display: none;
}

#sub_default {
    font-size: 16px;
    line-height: 160%;
    color: #222;
}



.dash>li:before {
    top: 14px;
    width: 7px;
}

@media all and (max-width:1024px) {
    .dash>li:before {
        top: 12px;
    }
}

@media all and (max-width:768px) {
    #sub_default {
        font-size: 1em;
    }
}

@media all and (max-width:380px) {
    .dash>li:before {
        top: 7px;
    }
}



/* 공통박스 */
/* .box_info {
    position: relative;
    padding: 5px 0 5px 5px;
}

.box_info:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 68.57%;
    max-height: 120px;
    background: #194d8e;
}

.box_info:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: url(../../images/kr/common/bg_box_info.png) no-repeat, linear-gradient(90deg, rgba(255, 255, 255, 1) 14%, rgba(238, 238, 238, 1) 14%);
}

.box_info>.inr {
    position: relative;
    z-index: 1;
    background-color: #fff;
} */

/* 공통박스 */
.box_info{position:relative; padding:40px 35px; z-index: 1; margin-bottom: 20px;}
.box_info:before{content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:#f7f7f7; z-index: -1;}
.box_info:after{content:''; position:absolute; bottom:0; left:0; width:100%; height:5px; background:url(../../images/kr/common/bg_box_info.png) no-repeat, linear-gradient(90deg, rgba(255,255,255,1) 14%, rgba(238,238,238,1) 14%);}
.box_info>.inr{position:relative; z-index:1; background-color:#fff;}

.box_info>ul.inr>li{position:relative;}
.box_info>ul.inr>li:not(:last-child):after{content:''; position:absolute; bottom:0; left:-5px; width:calc(100% + 5px); height:5px; background:url(../../images/kr/common/bg_box_info.png) no-repeat, linear-gradient(90deg, rgba(255,255,255,1) 14%, rgba(238,238,238,1) 14%);}

.box_info.callout>.inr{padding:55px 70px 35px 100px;}
/* .box_info.callout>.inr:before{content:''; position:absolute; top:55px; left:100px; width:50px; height:50px; background:url(../../images/kr/common/bg_box_quot.png) no-repeat; background-size:contain; transform:translate(calc(-100% - 10px),-15px);} */


@media all and (max-width:768px){
	.box_info.callout>.inr{padding:40px 30px 25px 80px;}
	.box_info.callout>.inr:before{top:40px; left:80px; width:40px; height:40px;}
}
@media all and (max-width:568px){
	.box_info.callout>.inr{padding:30px 30px 20px 50px;}
	.box_info.callout>.inr:before{top:30px; left:50px; opacity:0.1; transform:translate(calc(-50% - 10px), calc(-50% + 5px));}
}

@media all and (max-width:380px){
	.box_info.callout>.inr{padding:20px 30px 15px 25px;}
	.box_info.callout>.inr:before{left:40px;}
}

/* 의장인사말 */
#sub_chairman {
    overflow: hidden;
    /* padding-top: 50px; */
    color: #222;
}
#sub_chairman .pic {padding-top: 45px;}
#sub_chairman .pic_wrap {
    float: left;
    width: 32.7%;
    position: relative;
    padding-top: 20px;
}

#sub_chairman .txt {
    float: left;
    width: 65%;
    padding-left: 40px;
    box-sizing: border-box;
}

#sub_chairman .txt .main_txt {
    padding: 30px 0 40px 0;
}

.intro .pic_wrap .image_wrap {
    z-index: 1;
    position: absolute;
    bottom: 0;
    right: 82px;
}

#sub_chairman .pic_wrap .bg {
    position: relative;
    overflow: hidden;
    background-color: #eff3f7;
    border-radius: 10px;
    border: 1.8px solid #e6e6e6;
}

#sub_chairman .pic_wrap .bg .pic img {
    display: block;
    width: 100%;
    height: auto;
}

.intro .txt {
    box-sizing: border-box;
    padding: 0 0 0 50px;
}

.intro .txt .t1 {
    position: relative;
    line-height: 1.15;
    font-size: 32px;
    font-family: "Pretendard";
    padding-top: 5px;
}

.intro .txt .t1 strong {
    font-weight: 700;
}

.intro .txt .t1:after {
    content: '';
    position: absolute;
    top: 20px;
    left: 391px;
    width: 60px;
    height: 1px;
    background: #dfdfdf;
}

.intro .txt .t1:after {
    top: -20px;
    left: -15px;
    width: 100px;
    height: 45px;
    background: url(/images/ch/sub/bg_t1.png) no-repeat;
    z-index: -1;
}

.intro .txt .main_txt .t1 .green {
    color: #5da08e;
}

.intro .txt .greeting {
    max-width: 600px;
}

.intro .txt .greeting p {
    font-family: "Pretendard";
    padding-bottom: 25px;
    font-size: 18px;
    line-height: 130%;
    font-weight: 300;
    word-break: keep-all;
    word-wrap: break-word;
}

#sub_chairman .txt .name::before {
    content: '';
    display: block;
    width: 24px;
    height: 2px;
    background: #a28c61;
}

#sub_chairman .txt .name .title {
    display: block;
    font-size: 18px;
    font-weight: 600;
    color: #a28c61;
    margin-bottom: 6px;
    font-family: "Pretendard";
    padding-top: 6px;
}

#sub_chairman .txt .name span {
    display: block;
    font-size: 25px;
    font-weight: 600;
    color: #222;
    font-family: "Pretendard";
    letter-spacing: 8px;
}

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

    .intro .pic_wrap .image_wrap,
    .intro .name:after {
        right: 0;
    }
}

@media all and (max-width:1024px) {
    .intro .txt .t1 {
        font-size: 23px;
    }

    .intro .pic_wrap .image_wrap img {
        height: 280px;
    }

    .intro .name span {
        font-size: 32px;
    }
}

@media all and (max-width:768px) {
    #sub_chairman {
        overflow: visible;
    }

    #sub_chairman .pic_wrap {
        float: none;
        width: 50%;
        margin: 0 auto 30px;
    }

    #sub_chairman .txt {
        float: none;
        width: 100%;
        padding: 0 50px;
    }

    .intro .txt {
        padding: 0;
    }

    .intro .txt .t1 {
        font-size: 21px;
    }
}

@media all and (max-width:568px) {
    #sub_chairman .pic_wrap {
        width: 70%;
        margin: 0 auto;
    }

    #sub_chairman .txt{
        padding: 0;
    }

    #sub_chairman .txt .main_txt {
        padding: 14px 0 28px 0;
    }
    
    .intro .pic_wrap {
        padding: 20px 0 0;
    }

    .intro .pic_wrap .image_wrap img {
        height: 200px;
    }

    /* .intro .txt .t1 {
        font-size: 18px;
    } */

    .intro .name span {
        font-size: 28px;
    }

    .intro .txt .greeting p{
        font-size: 16px;
    }
}

@media all and (max-width:430px) {
    .intro .name {
        height: auto;
        line-height: 110%;
    }

    .intro .name span {
        display: block;
        margin: 5px 0 0;
    }
}

/* 의회연혁 */
#sub_history .box_info{overflow: hidden; margin:0 0 15px; position: relative; background: #f5f5f5;border-radius: 0 0 12px 12px; border-top: 5px solid #44a289;padding: 40px 155px 40px 35px;}
#sub_history .box_info::after {
    content: "";
    display: block;
    position: absolute;
    left: auto;
    right: 0;
    bottom: -18px;
    width: 220px;
    height: 140px;
    background: url("../../images/ch/sub/bg_history1.png") center no-repeat;
}
#sub_history .box_info .inr {background: none; padding: 0;}

.box_info.callout>.inr:before {top: 50%; left: 45px; transform: translateY(-50%); width: 90px; height: 90px; background: #fff url(../../images/kr/intro/history_ico.png) no-repeat center; background-size: contain; background-size: 40px 39px; border-radius: 50%;
 box-shadow: 0 0 5px 2px #00000014;}
#sub_history .his_wrap{position:relative; box-sizing:border-box; padding: 0 0 0 30px;}
/* #sub_history .his_wrap:after{content:'HISTORY'; position:absolute; top:400px; right:0; font-family:'gmarket'; font-size:100px; font-weight:900; text-shadow:0 0 15px rgb(221,221,221,0.40); color:#fff; line-height:100%; text-transform:uppercase; transform:rotate(-90deg) translate(0,-100%); transform-origin:right top; } */
#sub_history .his_wrap>li:nth-child(even){color:#44a289;}
#sub_history .his_wrap>li{position:relative; z-index:1; display:flex; align-items:center; height:100px; border-bottom:1px dashed #222;}
#sub_history .his_wrap>li>strong{flex:0 0 auto; width:16%; font-size:40px; font-weight:600;}
#sub_history .his_wrap>li>div{flex:1 1 auto; display:flex;}
#sub_history .his_wrap>li>div>em{flex:0 0 auto; display:flex; align-items:center; width:20%; font-weight:500;}
#sub_history .his_wrap>li>div>em:before{content:''; width:3px; height:3px; margin:0 8px 0 0; border-radius:50%; background:#222;}

#sub_history .his_wrap>li:nth-child(even)>em:before{background:#44a289;}
#sub_history .his_wrap>li>div>span{color:#222;}
#sub_history .his_wrap>li:nth-child(even) > div > em:before{background:#44a289;}



@media all and (max-width:768px){
	#sub_history .box_info{margin:0 0 40px;}
	#sub_history .his_wrap{background-size:250px;}
	#sub_history .his_wrap>li{height:80px;}
	#sub_history .his_wrap>li>strong{width:18%; font-size:34px;}
    #sub_history .his_wrap>li>div>em {width: 25%;}
}
@media all and (max-width:680px){
    #sub_history .box_info {padding: 40px 82px 65px 35px;}
}
@media all and (max-width:660px){
	#sub_history .his_wrap{padding:0; background-image:none;}
	#sub_history .his_wrap:after{display:none;}
}
@media all and (max-width:568px){
	#sub_history .box_info{margin:0 0 30px;}
	#sub_history .his_wrap>li{height:auto; padding:15px 0;}
	#sub_history .his_wrap>li>div{flex-direction:column; justify-content:center;}
	#sub_history .his_wrap>li>strong{width:26%; padding:0 20px 0 0; box-sizing:border-box; font-size:30px; text-align:center;}
	#sub_history .his_wrap>li>div>em{width:100%;}
	#sub_history .his_wrap>li>div>span{padding:0 0 0 11px;}
}
@media all and (max-width:480px){
    #sub_history .box_info {
        padding: 40px 50px 89px 35px;
    }

}
@media all and (max-width:380px){
	#sub_history .his_wrap>li{align-items:flex-start;}
	#sub_history .his_wrap>li>strong{padding:3px 0 0 0; font-size:24px; text-align:left;}
}

/* 조직도공통 */
.box_info.org_wrap > .inr {margin:auto; padding:40px 0; box-sizing:border-box;}
.org em,.org span{position:relative; z-index:1; display:flex; justify-content:center; align-items:center; color:#fff; font-weight:600;}
.org em{margin:0 auto; font-size:20px;}
.org span{border-radius:5px; font-size:16px; background-repeat:no-repeat; background-size:cover; background-position:center;}
.org .last{position:relative; display:flex;}
.org .last span{box-sizing:border-box; border:2px solid transparent; color:#222; font-weight:500; writing-mode:vertical-rl;}

@media all and (max-width:568px){
	.org em{font-size:18px;}
	.org span{font-size:15px;}
}
@media all and (max-width:380px){
	.org em{font-size:17px;}
	.org .last span{font-size:13px;}
}

/* 의회구성도 */
#sub_org1 .org em{width: 250px; height: 150px; background:url(../../images/kr/intro/bg_org1.png) no-repeat 48px -11px;}
#sub_org1 .org em:before{content:''; position:absolute; top:0; left:50%; width:150px; height:150px; border-radius:50%; box-shadow:5px 5px 25px rgba(85,85,85,0.3); transform:translateX(-50%);}
#sub_org1 .hoz > span{width:200px; height:55px;}
#sub_org1 .vtc > span{width:55px; height:180px; writing-mode:vertical-rl; text-align:left;}
#sub_org1 .org2>span{margin:0 auto; background-image:url(../../images/kr/intro/bg_org2.png);}
#sub_org1 .org3>span{background-image:url(../../images/kr/intro/bg_org3.png);}
#sub_org1 .org4>span{background-image:url(../../images/kr/intro/bg_org4.png);}
#sub_org1 .org5>span{background-image:url(../../images/kr/intro/bg_org5.png);}
#sub_org1 .org5_1>span{background-image:url(../../images/kr/intro/bg_org6.png);}

#sub_org1 .org3 .last span{height:200px; border-color:#aed5ee;}
#sub_org1 .org5 .last span{height:200px; border-color:#f3dbd6;}

#sub_org1 .org2{position:relative; padding:40px 0 30px 0;}
#sub_org1 .org2 + li > ul{position:relative; display:flex; justify-content:center; width:59.33%; margin:0 auto; padding:30px 0 0 0;}
#sub_org1 .org3,#sub_org1 .org5{display:flex; flex-direction:column; align-items:center;}
#sub_org1 .org3{transform:translateX(calc(50% + 20px));}
#sub_org1 .org5{transform:translateX(calc(-50% + 15px));}
#sub_org1 .org4{margin:0 calc((100% - 55px) / 2); transform:translateX(75px);}
#sub_org1 .org5>ul{position:relative; display:flex; margin-top:30px; padding-top:30px;}

#sub_org1 .org5_1{display:flex; flex-direction:column; align-items:center;}
#sub_org1 .org5_2{display:flex; align-items:flex-end; margin-left:50px;}
#sub_org1 .org3_1{padding:175px 0 0 0;}
#sub_org1 .org5_1_1{margin-top:30px; padding-top:30px; background:#fff;}
#sub_org1 .last span{width:45px; margin:0 5px; padding:15px 0 0 0; background-image:url(../../images/kr/intro/bg_org_last.jpg); background-position:center bottom; justify-content:flex-start;}
#sub_org1 .last>span:first-child,#sub_org1 .last>li:first-child>span{margin-left:0;}
#sub_org1 .last>span:last-child,#sub_org1 .last>li:last-child>span{margin-right:0;}

#sub_org1 .org2:before{content:''; position:absolute; top:0; left:calc(50% - 0.5px); width:1px; height:200px; background:#ddd;}
#sub_org1 .org2 + li > ul:before{content:''; position:absolute; top:0; left:50%; width:100%; height:30px; border:1px solid #ddd; border-width:1px 1px 0 1px; transform:translateX(-50%);}
#sub_org1 .org3_1:before{content:''; position:absolute; top:0; left:calc(50% - 0.5px); width:1px; height:175px; background:#ddd;}
#sub_org1 .org3_1:after{content:''; position:absolute; top:175px; left:50%; width:calc(100% - 55px); height:30px; border:1px solid #ddd; border-width:1px 1px 0 1px; transform:translate(-50%,-100%);}
#sub_org1 .org3_1>li:nth-child(2)>span:before,
#sub_org1 .org3_1>li:nth-child(4)>span:before{content:''; position:absolute; bottom:100%; left:calc(50% - 0.5px); width:1px; height:31px; background:#ddd;}
#sub_org1 .org5>span:after{content:''; position:absolute; top:100%; left:calc(50% - 0.5px); width:1px; height:30px; background:#ddd;}
#sub_org1 .org5>ul:before{content:''; position:absolute; top:0; right:0; flex:1 1 auto; width:calc(100% - (100px + 50px)); height:150px; margin-right:27.5px; border:1px solid #ddd; border-width:1px 1px 0 1px;}
#sub_org1 .org5_1_1:before{content:''; position:absolute; top:0; left:50%; width:calc(100% - 55px); height:30px; border:1px solid #ddd; border-width:1px 1px 0 1px; transform:translateX(-50%);}
#sub_org1 .org5_1_1>li:nth-child(2)>span:before,
#sub_org1 .org5_1_1>li:nth-child(3)>span:before,
#sub_org1 .org5_1_1>li:nth-child(4)>span:before,
#sub_org1 .org5_1_1>li:nth-child(5)>span:before{content:''; position:absolute; bottom:100%; left:calc(50% - 0.5px); width:1px; height:31px; background:#ddd;}

@media all and (max-width:1400px){
    #sub_org1 .last span {width: 40px;}
}
@media all and (max-width:1350px){
    #sub_org1 .org3 {transform: translateX(calc(50% + 70px));}
    #sub_org1 .org4 {transform: translateX(70px);}
}
@media all and (max-width:1024px){
	#sub_org1 .org2 + li > ul{width:62%;}
}
@media all and (max-width:980px){
    #sub_org1 .org5 {transform: translateX(calc(-50% + 50px));}
    #sub_org1 .org2 + li > ul {width: 53%;}
}
@media all and (max-width:890px){
    #sub_org1 .last span {width: 30px;}
    #sub_org1 .hoz > span {width: 135px; height: 40px;}
    #sub_org1 .org5_1_1:before {width: calc(100% - 28px);}
    #sub_org1 .vtc > span {width: 40px; height: 140px;}
    #sub_org1 .org4 {transform: translateX(38px);}
    #sub_org1 .org5_2 {margin-left: 7px;}
    #sub_org1 .org5>ul:before {width: calc(100% - (100px + 12px)); margin-right: 17.5px;}
    #sub_org1 .org3_1:after {width: calc(100% - 28px);}
}
@media all and (max-width:830px){
    #sub_org1 .org3 {transform: translateX(calc(50% + 45px));}
    #sub_org1 .org5 {transform: translateX(calc(-50% + 65px));}
}
@media all and (max-width:768px){
	#sub_org1 .org em:before{width:130px; height:130px;}
	#sub_org1 .vtc > span{width:45px;}

	#sub_org1 .org2 + li > ul{width:54%;}
	#sub_org1 .org4{margin:0 calc((100% - 45px) / 2); transform:translateX(23px);}

	#sub_org1 .org5>ul:before{width:calc(100% - (75px + 50px)); margin-right:22.5px;}
	#sub_org1 .org5_1_1:before,#sub_org1 .org3_1:after{width:calc(100% - 45px);}

    #sub_org1 .org4 {transform: translateX(49px);}
    #sub_org1 .org5_2 {margin-left: 4px;}
    #sub_org1 .org5 {transform: translateX(calc(-50% + 20px));}

}
@media all and (max-width:650px){
    #sub_org1 .org4 {transform: translateX(39px);}

}
@media all and (max-width:620px){
	#sub_org1 .org em:before{width:85px; height:85px;}
	#sub_org1 .hoz > span{width:100px; height:45px;}
	#sub_org1 .vtc > span{width:35px; height:130px;}
    #sub_org1 .last span {width: 20px; font-size: 12px;}
	#sub_org1 .org4{margin:0 calc((100% - 35px) / 2);}
	#sub_org1 .org5>ul{margin-top:50px; margin-right:5px; padding-top:50px;}
	#sub_org1 .org5>span:after{height:50px;}
	#sub_org1 .org5>ul:before{width:calc(100% - (45px + 35px)); height:170px; margin-right:15px;}
	#sub_org1 .org em {height: 90px; background-size: cover; width: 115px; background-position: 15px -5px;}
    #sub_org1 .org4 {transform: translateX(37px);}
    #sub_org1 .org5_1_1:before, #sub_org1 .org3_1:after {
        width: calc(100% - 16px);
    }
}
@media all and (max-width:520px){
    #sub_org1 .last span {margin: 0;}
    #sub_org1 .hoz > span {width: 80px; height: 30px;}
    #sub_org1 .vtc > span {width: 30px;}
    #sub_org1 .org4 {transform: translateX(24px);}
    #sub_org1 .org3 {transform: translateX(calc(50% + 22px));}
}
@media all and (max-width:380px){
	#sub_org1 .org em{height:90px;}
	#sub_org1 .hoz > span{font-size: 14px;}
	#sub_org1 .last span{width:18px; padding:10px 0 0 0;}
	#sub_org1 .org3 .last span{height:150px;}
	#sub_org1 .org5 .last span{height:120px;}
	
	#sub_org1 .org3{transform:translateX(calc(50% + 30px));}
	#sub_org1 .org5{transform:translateX(calc(-50% - -13px));}
	#sub_org1 .org4{margin:0 calc((100% - 12.5px) / 2); transform:translateX(27px);}
	#sub_org1 .org5_2{margin-left:10px;}
    #sub_org1 .vtc > span {width: 30px;}
	#sub_org1 .org5>ul:before{width:calc(100% - (45px + 24px)); margin-right:12.5px;}
	
}



/* 찾아오시는 길 */
#sub_location #map {width: 100%; height: 400px; }
#sub_location #map2 {width: 100%; height: 400px; }
#sub_location .map_title {margin: 30px 0 0;}
#sub_location #map .map_label{
    position: relative;
    padding: 10px 18px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 30px;
    font-size: 16px;
    font-weight: 700;
    color: #333;
    box-shadow: 0 3px 10px rgba(0,0,0,.15);
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: 6px;
}
#sub_location #map .map_label:after{
    content: '';
    position: absolute;
    left: 50%;
    bottom: -10px;
    margin-left: -8px;
    border-width: 10px 8px 0;
    border-style: solid;
    border-color: #fff transparent transparent;
}
#sub_location #map2 .map_label{
    position: relative;
    padding: 10px 18px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 30px;
    font-size: 16px;
    font-weight: 700;
    color: #333;
    box-shadow: 0 3px 10px rgba(0,0,0,.15);
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: 6px;
}
#sub_location #map2 .map_label:after{
    content: '';
    position: absolute;
    left: 50%;
    bottom: -10px;
    margin-left: -8px;
    border-width: 10px 8px 0;
    border-style: solid;
    border-color: #fff transparent transparent;
}
#sub_location #map .map_label img,
#sub_location #map2 .map_label img {
    width: 22px;
    height: 22px;
    object-fit: contain;
}
#map2 .map_label:before,
#map .map_label:before {content: ''; background: url(../../images/common/ico_logo.png) no-repeat center; width: 30px; height: 30px; display: inline-block; background-size: contain; vertical-align: sub; margin-right: 5px;}
#sub_location .addr {
    position: relative;
    display: table;
    float: left;
    top: -20px;
    width: 79.43%;
    height: 100px;
    padding: 0 40px;
    color: #fff;
    background: #645244;
    border-radius: 0 10px 10px 10px;
    box-sizing: border-box;
    z-index: 2;
    margin-bottom: 50px;
}

#sub_location .dot>li {
    padding: 0 0 0 40px;
}

#sub_location .dot>li:before {
    width: 30px;
    height: 30px;
    top: 50%;
    transform: translateY(-50%);
    background: url(../../images/ch/sub/ico_addr2.png)no-repeat;
    border-radius: 0;
}

#sub_location .dot>li.list2:before {
    background-image: url(../../images/ch/sub/ico_call2.png);
}

#sub_location .dot>li.list3:before {
    background-image: url(../../images/ch/sub/ico_fax2.png);
}

#sub_location .list {
    display: table-cell;
    vertical-align: middle;
}

#sub_location .list1 {
    width: 51%;
}

#sub_location .map_btn {
    position: relative;
    float: right;
    padding: 2.5% 0 0;
    width: 17.5%;
    height: 50px;
    line-height: 50px;
    box-sizing: border-box;
    text-align: center;
}

/* #sub_location .map_btn:after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 5px;
    bottom: 0;
    left: 0;
    background: url(../../images/kr/intro/btn_line.png);
} */

#sub_location .map_btn a {
    display: block;
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 10px;
}

#sub_location .map_btn a:hover {
    text-decoration: none;
}

#sub_location .map_btn a:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin: -2px 0 0 5px;
    width: 15px;
    height: 15px;
    background: url(../../images/ch/sub/ico_link2.png)no-repeat;
}

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

    #sub_location .addr {
        float: none;
        top: 0;
        width: 100%;
        padding: 0 30px;
        margin-bottom: 15px;
    }

    #sub_location .list1 {
        width: 47%;
    }

    #sub_location .map_btn {
        float: none;
        padding: 0;
        width: 100%;
        margin-bottom: 60px;
    }
}

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

    #sub_location .addr {
        padding: 15px 20px;
        height: auto;
    }

    #sub_location .dot>li {
        display: inline-block;
        vertical-align: middle;
        padding: 8px 0 8px 40px;
        width: 100%;
    }

    #sub_location .list {
        display: block;
    }

    #sub_location .list1 {
        width: 100%;
    }

    #sub_location .map_btn {
        height: 65px;
        line-height: 65px;
    }
}

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

}


/* 의회에서 하는 일 */
#sub_work h3 {
    margin: 0 0 10px 0;
    font-size: 24px;
    font-weight: 500;
    color: #645224;
}
#sub_work p {padding: 0 0 0 15px;}
#sub_work .box_info {
    margin: 40px 0 0;
}

#sub_work li {
    position: relative;
    background: #fff;
    padding: 55px 40px 40px 100px;
    z-index: 1;
}

#sub_work li:before {
    content: '';
    position: absolute;
    top: 55px;
    left: 100px;
    width: 50px;
    height: 50px;
    background: url(../../images/ch/common/bg_box_quot.png) no-repeat;
    background-size: contain;
    transform: translate(calc(-100% - 10px), -15px);
}

#sub_work li:not(:last-child):after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: url(../../images/kr/common/bg_box_info.png) no-repeat, linear-gradient(90deg, rgba(255, 255, 255, 1) 14%, rgba(238, 238, 238, 1) 14%);
}

#sub_work li strong {
    display: block;
    margin: 0 0 5px;
    font-size: 20px;
}

@media all and (max-width:768px) {
    #sub_work h3 {
        font-size: 22px;
    }

    #sub_work li {
        padding: 40px 30px 25px 80px;
    }

    #sub_work li:before {
        top: 40px;
        left: 80px;
        width: 40px;
        height: 40px;
    }
}

@media all and (max-width:568px) {
    #sub_work h3 {
        font-size: 20px;
    }

    #sub_work .box_info {
        margin: 25px 0 0;
    }

    #sub_work li {
        padding: 30px 30px 20px 40px;
    }

    #sub_work li:before {
        top: 30px;
        left: 50px;
        opacity: 0.1;
        transform: translate(calc(-50% - 10px), calc(-50% + 5px));
    }

    #sub_work li strong {
        font-size: 18px;
    }
}

@media all and (max-width:480px) {
    .box_info {padding: 20px;}
}
@media all and (max-width:380px) {
    #sub_work h3 {
        font-size: 18px;
    }

    #sub_work li {
        padding: 20px 30px 15px 25px;
    }

    #sub_work li:before {
        top: 20px;
        left: 35px;
        width: 30px;
        height: 30px;
    }

    #sub_work li strong {
        font-size: 16px;
    }
}

/* 숙제도우미 회의원칙 */
#sub_rule li {padding: 25px 10px;}
#sub_rule .dot > li:before {top: 35px;}



/* 회의진행과정 */
#sub_proc .dot > li {padding: 20px 10px;}
#sub_proc .dot > li:before {top: 29px;}
#sub_proc .tabmenu > li .con {
    display: none;
}
#sub_proc .tabmenu > li.on .con {
    display: block;
    padding: 50px 0 0 0;
}
#sub_proc .tabmenu > li #tab2 {position: absolute; top: 30px; left: 130px;}
#sub_proc .tabmenu #tab1,
#sub_proc .tabmenu #tab2 {text-decoration: none; border: 3px solid #a28c61; padding: 27px 0 0 0; border-radius: 50%; box-sizing: border-box;display: block;width: 110px; height: 110px;text-align: center;}
#sub_proc .tabmenu > li.on #tab1,
#sub_proc .tabmenu > li.on #tab2 {color: #fff; background-color: #a28c61; border: 3px solid #a28c61;}

@media all and (max-width:1430px) {
    #sub_proc .tabmenu > li #tab2 {top: 0;}
}
@media all and (max-width:1080px) {
    #sub_proc .tabmenu > li #tab2 {top: 16px;}
}
@media all and (max-width:380px) {
    #sub_proc .tabmenu #tab1, #sub_proc .tabmenu #tab2 {padding: 25px 0 0 0; width: 100px; height: 100px;}
}

/* 의회의생성 */
#sub_creat > ul > li {padding: 25px 0;}

/* 방청창관*/
#sub_tour {background:url(../../images/ch/sub/pic_tour3.png)no-repeat top right; margin-top: 30px;}
#sub_tour ul:not(:last-child){margin: 0 0 40px;}
#sub_tour .dash > li {padding-left:10px;}
#sub_tour .dash > li:before {top: 12px;width:5px;}
#sub_tour .dot > li {padding-left:10px;}
#sub_tour .dot > li:before {width:5px; height:5px; background:#816b16; border-radius:1.5px;}
#sub_tour strong {font-weight:500;}
#sub_tour .red {font-size:14px; color:#cb3131;}
#sub_tour .btn_wrap {text-align:center;}
#sub_tour .btn_wrap .btn {width:230px; background:#645244; border-radius:8px;}
#sub_tour .btn_wrap .btn.blue {margin:0 20px 0 0; background:#194d8e; border-color:#194d8e;}
#sub_tour .btn_wrap .btn:hover,
#sub_tour .btn_wrap .btn:active,
#sub_tour .btn_wrap .btn:focus{background:#fff; color: #645244; border: 1px solid #645244;}
#sub_tour .btn_wrap .btn.blue:hover,
#sub_tour .btn_wrap .btn.blue:active,
#sub_tour .btn_wrap .btn.blue:focus{color:#194d8e;}

@media all and (max-width:1320px){
	#sub_tour {background-position: top 200px right;}
}
@media all and (max-width:1024px){
	#sub_tour {background-size:auto 500px; background-position: top 250px right;}
}
@media all and (max-width:768px){
	#sub_tour {background:none;}
}
@media all and (max-width:568px){
	#sub_tour .btn_wrap .btn {display:block; margin:0 auto; font-size:16px;}
	#sub_tour .btn_wrap .btn.blue {margin:0 auto 10px;}
}


/* 유용한 사이트 */
#sub_site .txt_box {
    margin: 0 0 30px 0;
    padding: 50px 50px 45px 50px;
    background: #a28c6121;
    box-sizing: border-box;
    box-shadow: 2px 2px 15px 0px #a28c6121;
}

#sub_site .txt_box:after {
    content: "";
    display: block;
    clear: both;
}
#sub_site .txt_box h4 {padding: 0 0 10px 0}
#sub_site .txt_box li {
    display: table;
    float: left;
    margin: 0 1% 50px 0;
    padding: 0 5px;
    width: 23.6%;
    height: 50px;
    text-align: center;
    box-sizing: border-box;
    border-radius: 25px;
    border: 1px dashed #fff;
    background: linear-gradient(#fff 0 0) padding-box, linear-gradient(to left, #ffc800, #645244) border-box;
    overflow: hidden;
}
#sub_site .txt_box ul:last-child li {margin: 0 1% 0 0;}
#sub_site .txt_box li a {
    display: table-cell;
    vertical-align: middle;
    word-break: keep-all;
}

#sub_site .txt_box li:hover {
    background: rgb(25, 77, 142);
    background: -moz-linear-gradient(90deg, #ffc800, #645244 100%);
    background: -webkit-linear-gradient(90deg,#ffc800, #645244 100%);
    background: linear-gradient(90deg, #ffc800, #645244 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#194d8e", endColorstr="#4ac0a6", GradientType=1);
    border: 1px solid #f2f6f9;
}

#sub_site .txt_box li a:hover {
    color: #fff;
    text-decoration: none;
}

@media all and (max-width:1240px) {
    #sub_site .txt_box li {
        height: 55px;
    }
}

@media all and (max-width: 1024px) {
    #sub_site .txt_box {
        padding: 40px 40px 15px 40px;
    }
}

@media all and (max-width: 768px) {
    #sub_site h4 {padding: 0 0 10px 0;}
    #sub_site .txt_box {
        padding: 45px 30px 25px;
    }

    #sub_site .txt_box li {
        width: 32.3%;
        font-size: 14px;
    }
}

@media all and (max-width: 568px) {
   
    #sub_site .txt_box ul:last-child li {margin: 0 3.2% 10px 0;}
    #sub_site .txt_box ul li {
        width: 48%;
        margin: 0 3.2% 10px 0;
    }
    #sub_site .txt_box li:nth-child(2n),#sub_site .txt_box ul:last-child li:nth-child(2n) {
        margin-right: 0;
    }
    #sub_site .txt_box ul li:last-child,#sub_site .txt_box ul:last-child li:last-child {margin-bottom: 50px;}
}



/* 의회용어사전 */
#sub_voca .indexArea{position: relative; padding:40px 50px; background: #fff;}
#sub_voca .index_word,
#sub_voca .search_wrap{overflow:hidden; position:relative; width:100%; box-sizing:border-box; padding:0 22px 30px 112px; border-bottom:1px dashed #ddd; margin:0 0 30px;}
#sub_voca .indexArea .titTxt{position:absolute; top:12px; left:30px; font-weight:500; font-size:18px;}

#sub_voca .search_wrap form{overflow:hidden; position:relative; height:50px; box-sizing:border-box; padding:0 50px 0 0; border:1px solid transparent; border-radius:15px; box-shadow:5px 1px 20px rgb(170 170 170 / 30%); background-image:linear-gradient(#fff, #fff),  linear-gradient(to right, #645244, #a28c61); background-origin:border-box; background-clip:content-box, border-box; transition:0.3s ease-in-out;}
#sub_voca input[type="text"]{width:100%; height:48px; line-height:48px; padding:0 75px 0 30px; border:none; background-image:url(../../images/kr/common/bg_search_input.png); background-repeat:no-repeat; background-position:center right 30px;}
#sub_voca ::-webkit-input-placeholder,
#sub_voca :-ms-input-placeholder,
#sub_voca ::placeholder{font-size:14px; color:rgba(0,0,0,0.3);}
#sub_voca button{position:absolute; top:0; right:0; width:50px; height:48px; font-size:0; text-indent:-999px; background:#a28c61  url(../../images/kr/common/ico_btn_search.png) no-repeat center; background-size:16px;}

#sub_voca .index_word li{display:inline-block; vertical-align:top; margin:0 6px 5px 0; text-align:center;}
#sub_voca .index_word li a{display:block; width:50px; height:50px; line-height:50px; font-size:20px; text-decoration:none; border-radius:50%; box-sizing:border-box; background:#f5f5f5; color:#777;}
#sub_voca .index_word li.current_on a,
#sub_voca .index_word li a:focus,
#sub_voca .index_word li a:hover{background:#a28c61; font-weight:800; color:#fff;}

#sub_voca .search_result{padding:0 30px;}
#sub_voca .search_result ul{display:flex; flex-wrap:wrap; justify-content:flex-start;}
#sub_voca .search_result li{width:20%; margin:0 0 10px; box-sizing:border-box; padding-right:10px; word-break:break-all;}
#sub_voca .search_result li:before{background:#a28c61;}

#sub_voca #pagingNav{margin:35px 0 0;}
#sub_voca #pagingNav a{width:35px; height:35px; line-height:35px; margin:0 2px 5px; border:none; border-radius:10px; box-shadow:5px 0 10px rgba(221,221,221,0.3); color:#777;}
#sub_voca #pagingNav a.num_current,
#sub_voca #pagingNav a.num_current:hover,
#sub_voca #pagingNav a.num_current:focus{background:#a28c61; color:#fff;}

#sub_voca #pagingNav .num_first,
#sub_voca #pagingNav .num_prev,
#sub_voca #pagingNav .num_right,
#sub_voca #pagingNav .num_last{background:#fff url(../../images/kr/common/ico_pagingNav.gif) no-repeat 16px -43px; text-indent: -9999px;}
#sub_voca #pagingNav .num_first{background-position:11px -69px;}
#sub_voca #pagingNav .num_prev{background-position:6px -17px;}
#sub_voca #pagingNav .num_last{background-position:13px -69px;}

#sub_voca .word_defined{margin:40px 0 0;}
#sub_voca .word_defined dd{font-family:'Noto Sans KR';}

@media all and (max-width:1024px) {
    #sub_voca .index_word li a{width:40px; height:40px; line-height:40px; font-size:18px;}
    #sub_voca .index_word .titTxt{top:8px;}
}
@media all and (max-width:768px) {
    #sub_voca .index_word,
    #sub_voca .search_wrap{padding:0 20px 20px 100px; margin:0 0 20px;}
    #sub_voca .indexArea .titTxt{left:15px; font-size:1.063em;}
    
    #sub_voca .index_word li a{font-size:0.938em;}
    #sub_voca input[type="text"] {padding: 0 25px 0 30px;}
    #sub_voca .search_result{padding:0 20px;}
    #sub_voca .search_result li{width:33.33%;}
}
@media all and (max-width:568px) {
    #sub_voca .index_word,
    #sub_voca .search_wrap{padding:0 10px 20px 10px;}
    #sub_voca .indexArea .titTxt{position:static; padding:0 0 10px;}
    #sub_voca input[type="text"]{padding:0 55px 0 15px; background-position:center right 15px;}
    
    #sub_voca .search_result li{width:50%; margin:0 0 3px;}
    
    #sub_voca .index_word li a{width:35px; height:35px; line-height:35px;}
    
    #sub_voca #pagingNav a{width:30px; height:30px; line-height:30px;}
    
    #sub_voca #pagingNav .num_first,
    #sub_voca #pagingNav .num_prev,
    #sub_voca #pagingNav .num_right,
    #sub_voca #pagingNav .num_last{background-size:13px; background-position:14px -34px;}
    #sub_voca #pagingNav .num_first{background-position:8px 9px;}
    #sub_voca #pagingNav .num_prev{background-position:7px -13px;}
    #sub_voca #pagingNav .num_last{background-position:11px -55px;}
}
@media all and (max-width:480px){
    #sub_voca .indexArea {padding: 40px 0;}
    #sub_voca input[type="text"] {padding: 0 20px 0 15px;}
}