@charset "utf-8";
#sub_default {line-height:180%;}
#sub_default h4{line-height:180%; padding:0; font-size:16px; font-weight:500; color:#5c73c6;}
#sub_default h4:before{display:none;}
#sub_default strong{font-weight:500;}
.dot > li{padding-left:11px;}
.dot > li:before{top:10px; width:4px; height:4px; border-radius:50%; background-color:#26a2ab;}
.board_sch{width:100%; border-radius:5px; border:1px solid #cbeeee; background:#f0f6f5;}
.board_sch:before{display:none;}

.box_info{z-index:1;position:relative;width:100%;padding: 45px 20px 45px 246px;margin:0 0 47px;font-size:15px;word-break:keep-all;border:1px solid #cbeeee;border-radius:5px;box-sizing:border-box;background:#f0f6f5;}
.box_info:before{content:'';display:block;position:absolute;left:5%;bottom:0;width: 139px;height:140px;background:url(../../images/ch/sub/ico_work.png) no-repeat 0 100%;background-size:contain;}

@media all and (max-width:1024px) {
	.box_info{margin:0 0 40px;padding-top:33px;padding-bottom:30px;padding-left: 200px;}
	.box_info:before{left:4.5%;}
}
@media all and (max-width:568px) {
	.box_info{margin:0 0 35px;padding-top:28px;padding-bottom:25px;padding-left: 20px;}
	.box_info:before{display: none;}
}

#sub_need .box_info:before{background-image: url(../../images/ch/sub/ico_need.png);}
#sub_creat .box_info:before{background-image: url(../../images/ch/sub/ico_creat.png);}
#sub_grow .box_info:before{background-image: url(../../images/ch/sub/ico_grow.png);}
#sub_rule .box_info:before{background-image: url(../../images/ch/sub/ico_rule.png);}

.box_gray{padding:25px 10px 25px 40px; background:#f6f6f6;}
.box_gray dt{padding:0 0 4px; color: #40a2a8; font-weight:500;}
.box_gray dt ~ dt{padding-top:25px;}

.tabmenu{position:relative; overflow:hidden; width:100%; box-sizing:border-box;}
.tabmenu:after{z-index:1; content:''; display:block; position:absolute; top:49px; left:0; height:2px; width:100%; background:#3d4ca2;}
.tabmenu > li > a{z-index:1; display:block; position:absolute; top:0; left:0; width: 20%; height:51px; line-height:50px; color:#333; border:2px solid #eee; border-left-color:#fff; border-bottom:none; background:#eee; text-align:center; box-sizing:border-box; text-decoration:none;}
.tabmenu > li:nth-child(2) > a{left: 20%;}
.tabmenu > li:nth-child(3) > a{left: 40%;}
.tabmenu > li:nth-child(4) > a{left:60%;}
.tabmenu > li:nth-child(5) > a{left:80%;}
.tabmenu > li.on > a{z-index:2; color:#3d4ca2; font-weight:500; border-color:#3d4ca2; background:#fff; transition:font-size 0.2s ease-in-out;}
.tabmenu > li > .con{display:none; padding:76px 0 0 0;}
.tabmenu > li.on > .con{display:block;}

@media all and (max-width:768px) {
	.tabmenu:after{top:53px;}
	.tabmenu > li > a{height:55px; line-height:54px; font-size:15px;}
}
@media all and (max-width:568px) {
	.tabmenu:after{display:none;}
	.tabmenu > li > a{width:33.33%; height:47px; line-height:46px; font-size:14px; border-bottom:2px solid #fff;}
	.tabmenu > li.on > a{font-size:15px;}
	.tabmenu > li:nth-child(2) > a{left:33.33%;}
	.tabmenu > li:nth-child(3) > a{left:66.66%;}
	.tabmenu > li:nth-child(4) > a{top:47px; left:0;}
	.tabmenu > li:nth-child(5) > a{top:47px; left:33.33%;}

	.tab5 > li > .con,
	.tab6 > li > .con{padding:120px 0 0 0;}
}

/* 의장실 */
#sub_chairman .chairman_wrap {position: relative; margin: 0 0 55px; height: 312px; background: url(../../images/ch/sub/bg_chair1.png) no-repeat;}
#sub_chairman .chairman_wrap::before, .chairman_wrap::after {content: ''; position: absolute; top: 0; right: 0; width:184px; height:306px; background: url(../../images/ch/sub/bg_chair2.png) no-repeat;}
#sub_chairman .chairman_wrap::after {top:auto; bottom: 0; width: 150px; height: 1px; background: #ccc;}
#sub_chairman .chairman_wrap .txt {padding: 60px 460px 0 4.6%;box-sizing: border-box;  text-shadow:0 0 5px rgba(51,51,51,0.3);}
#sub_chairman .chairman_wrap .txt > strong {font-family: 'gmarket'; font-size: 33px; font-weight: 800; color: #fff; line-height: 1.4; word-break: keep-all; letter-spacing:-1px;}
#sub_chairman .chairman_wrap .txt > strong span {font-weight: 900;}
#sub_chairman .chairman_wrap .txt .yellow strong{font-weight: 900;}
#sub_chairman .chairman_wrap .txt .yellow {font-weight: 800; color: #fff9d0;}
#sub_chairman .chairman_wrap .txt p {position: relative; margin: 40px 0 0; font-size: 15px; color: rgba(255,255,255,.7); line-height: 1.6;  text-shadow:0 0 5px rgba(51,51,51,0.8);}
#sub_chairman .chairman_wrap .txt p::after {content: ''; position: absolute; top: -24px; left: 0; width: 46px; height: 1px; background: rgba(255,255,255,.3);}
#sub_chairman .chairman_wrap .name {position: absolute; right: 470px; bottom:95px; font-size: 14px; color: #fff; text-align: right; font-weight:300; letter-spacing:0; text-shadow:0 0 5px rgba(51,51,51,0.6);}
#sub_chairman .chairman_wrap .name strong{font-family:"JSArirangPPURI"; font-size:30px;}
#sub_chairman .chairman_wrap .pic {position: absolute; bottom: 0; right:115px;}

#sub_chairman .greeting .name {margin: 20px 0 0; text-align: right;}
#sub_chairman .greeting .name img {margin: 0 0 0 12px; vertical-align: bottom;}

@media all and (max-width:1380px){
    #sub_chairman .chairman_wrap .txt {padding-top: 50px;}
	#sub_chairman .chairman_wrap .txt strong {font-size: 30px;}
}
@media all and (max-width:1260px){
	#sub_chairman .chairman_wrap .name {right: 390px;}
	#sub_chairman .chairman_wrap .pic {right: 10px;}
}
@media all and (max-width:1180px){
	#sub_chairman .chairman_wrap .txt {padding-right: 420px;}
	#sub_chairman .chairman_wrap .txt strong {font-size: 28px;}
	#sub_chairman .chairman_wrap .name {right: 320px;}
	#sub_chairman .chairman_wrap .pic {right: 0;}
	#sub_chairman .chairman_wrap .pic img {width: 340px;}
}
@media all and (max-width:768px){
	#sub_chairman .chairman_wrap {margin: 0 0 35px; height: auto; background-size: cover; border-radius: 10px;}
	#sub_chairman .chairman_wrap::before, .chairman_wrap::after {display: none;}
	#sub_chairman .chairman_wrap .txt {padding: 40px 20px 0 35px;}
	#sub_chairman .chairman_wrap .name {right: auto; left: 14%;}
	#sub_chairman .chairman_wrap .pic {position: static; margin: 15px 0 0; text-align: center;}
	#sub_chairman .chairman_wrap .pic img {width: 300px;}
}
@media all and (max-width:568px){
	#sub_chairman .chairman_wrap .txt strong {font-size:18px;}
	#sub_chairman .chairman_wrap .txt p {margin: 25px 0 0; font-size: 14px;}
	#sub_chairman .chairman_wrap .txt p::after {top: -17px;}
	#sub_chairman .chairman_wrap .name {left: 35px;} 
	#sub_chairman .chairman_wrap .pic img {width: 260px;}
}
@media all and (max-width:420px){
	#sub_chairman .chairman_wrap .txt {padding: 30px 10px 0 25px;}
	#sub_chairman .chairman_wrap .name {left: 20px;}
	#sub_chairman .chairman_wrap .pic img {width: 220px;}
}

/* 의회연혁 */
#sub_history .info{z-index:1; position:relative; height:212px; padding:45px 10px 0 10px; text-align: center; border-radius:0 0 0 50px; line-height:170%; box-sizing:border-box; background:url(../../images/ch/sub/bg_history.png) no-repeat 0 100% / cover;}
#sub_history .info:before{z-index:-1; content:''; display:inline-block; position: absolute; bottom:0; left:91px; width:190px; height:167px; background:url(../../images/ch/sub/ico_history.png) no-repeat 0 100%;}
#sub_history .en{line-height:110%; font-size:20px; color:#6873b5; letter-spacing:3px;}
#sub_history .tit{position:relative; display:inline-block; padding:20px 44px 17px; line-height:110%; font-size:30px; color:#193084; font-weight:600;}
#sub_history .tit:before{content:''; display:block; position: absolute; top:5px; left:0; width:26px; height:26px; background:url(../../images/kr/intro/ico_circle.png) no-repeat;} 
#sub_history .txt{line-height:120%;}

#sub_history .his_wrap{position:relative; overflow:hidden;}
#sub_history .his_bar{position:absolute; left:270px; top:0; width:1px; height:100%; background:#dedede;}
#sub_history .bar_active{position:absolute; transition:all .15s; left:-1px; top:0; width:3px; height:0; background:#1c394d;}

#sub_history .history > li{display:flex; align-items:center; position: relative; padding: 40px 0 40px 70px; box-sizing: border-box; background: url(../../images/kr/intro/brimg.png) repeat-x 0 100%;}
#sub_history .history strong{flex:0 0 auto; position:relative; width:200px; box-sizing:border-box; font-size:21px; color:#142e58; font-weight:600;}
#sub_history .history strong:after{content:""; transition:all .8s; position:absolute; width:22px; height:22px; border:6px solid #bbb; border-radius:50%; background:#fff; right:-11.5px; top:50%; transform:translateY(-50%);}
#sub_history .history strong.active:after{border:6px solid #1c394d;}
#sub_history .history > li > ul{padding:0 0 0 80px; box-sizing:border-box; width:100%;}

#sub_history .dot{display:table-cell; vertical-align:middle;}
#sub_history .dot li *{display:inline-block; vertical-align:top;}
#sub_history .dot li{position:relative; display:block; box-sizing:border-box; font-size:15px; line-height:130%;}
#sub_history .dot li:before{top:5px; border-radius:50%; background:#4a5caa;}
#sub_history .dot li + li{margin:7px 0 0 0;}
#sub_history .date{position:absolute; top:0; left:16px; display:block; font-size:20px; color:#333; font-style:italic;}

@media all and (max-width:1230px){
	#sub_history .info:before{left:5%;  width:170px; background-size:contain;}
	#sub_history .his_bar{left:220px;}
	#sub_history .history > li{padding: 40px 0 40px 20px;}
	#sub_history .history > li > ul{padding:0 0 0 50px;}
}
@media all and (max-width:768px){
	#sub_history .info{height:auto; padding:25px 10px 40px 10px; font-size:14px;}
	#sub_history .info:before{width:120px; height:100px;}
	#sub_history .tit{padding: 10px 30px 17px; font-size:25px;}
	#sub_history .en{font-size:16px;}

	#sub_history .his_bar{left:10px;}
	#sub_history .history > li{flex-wrap:wrap; padding:30px 0 30px 30px;}
	#sub_history .history strong{display:block; width:100%; margin:0 0 10px 0; padding:0 0 0 5px;}
	#sub_history .history strong:after{right:auto; left:-30px}
	#sub_history .history > li > ul{padding:0;}
	#sub_history .dot li{line-height:150%;}
}
@media all and (max-width:568px){
	#sub_history .info{padding:25px 5px 35px 5px; font-size:13px; word-break:keep-all;}
	#sub_history .info:before{display:none;}
	#sub_history .tit{font-size:20px;}
	#sub_history .en{font-size:13px;}
}

/* 의회구성 */
/* 의회구성 */
.org {
    z-index: 1;
    position: relative;
    height: 765px;
    margin: 0 0 50px;
    padding: 60px 86px 35px;
    text-align: center;
    background: #f3f4ed;
    box-sizing: border-box;
}

.org :before {
    display: block;
    position: absolute;
    content: '';
    border-bottom: 1px dotted #bebebe;
}

.org .one {
    position: relative;
    z-index: 10;
    width: 309px;
    height: 136px;
    margin: 0 auto;
    padding-top: 55px;
    border-radius: 50%;
    background: url(../../images/ch/sub/bg_org_chair.png) no-repeat 50% 50%;
    font-size: 25px;
    font-weight: 500;
    box-sizing: border-box;
}

.org .two {
    position: relative;
    width: 213px;
    height: 48px;
    line-height: 48px;
    margin: 27px auto 30px;
    border-radius: 5px;
    background-color: #5f7028;
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    letter-spacing: 0;
}

.org .two:before,
.org .two:after {
    left: 50%;
    width: 1px;
    height: 29px;
    border-left: 1px dotted #bebebe;
}

.org .two:before {
    bottom: 100%;
}

.org .two:after {
    content: '';
    display: block;
    position: absolute;
    top: 100%;
}

.org .three_area {
    position: relative;
}

.org .three_area:before {
    top: 0;
    left: 29%;
    width: calc(71% - 86px);
    height: 1px;
}

.org .three {
    float: left;
    position: relative;
    width: 57.75%;
    padding-top: 67px;
}

.org .three:before {
    top: 35px;
    left: 16.66%;
    width: 66.66%;
    height: 1px;
}

.org .three .n1 {
    margin-bottom: 29px;
}

.org .three .n1 li {
    float: left;
    position: relative;
    width: calc(33.33% - 7px);
    margin-right: 10px;
    padding: 19px 0;
    border-radius: 5px;
    background-color: #958037;
    font-size: 17px;
    color: #fff;
    letter-spacing: -0.01em;
    line-height: 25px;
}

.org .three .n1 li:last-child {
    margin: 0;
}

.org .three .n1 li:before {
    top: -32px;
    left: 50%;
    width: 1px;
    height: 32px;
    border-left: 1px dotted #bebebe;
}

.org .three .n1 li:nth-child(2):before {
    top: -67px;
    height: 67px;
}

.org .three .n1 li a {
    display: block;
    color: #fff;
}


.org .three .n2clearfix {
    display: flex;
    width: 100%;
}

.org .three .n2clearfix ul {
    width: 100%;
    display: flex;
}


.org .three .n2 {
    position: relative;
    width: calc(33.33% - 7px);
    margin: 0 auto;
    border: 1px solid #d3ddb2;
    padding: 9px 0;
    border-radius: 5px;
    background-color: #fff;
    font-size: 17px;
    color: #333;
    letter-spacing: -0.01em;
}

.org .three .n2:before {
    top: -30px;
    left: 50%;
    width: 1px;
    height: 29px;
    border-left: 1px dotted #bebebe;
}

.org .three .n2:after {
    display: block;
    position: absolute;
    top: 50%;
    left: 100%;
    width: 490px;
    height: 1px;
    background-image: url('');
}

.org .four {
    float: right;
    position: relative;
    padding-top: 48px;
}

.org .four li {
    position: relative;
    width: 172px;
    margin: 0 auto;
    border: 1px solid #d3ddb2;
    padding: 9px 0;
    border-radius: 5px;
    background-color: #fff;
    font-size: 17px;
    color: #839c30;
    letter-spacing: -0.01em;
    margin-top: 20px;
}

.org .four li:before {
    left: 50%;
    width: 1px;
    border-left: 1px dotted #bebebe;
}

.org .four .n1 {
    margin-bottom: 96px;
    background: #839c2f;
    border-color: #839c2f;
    color: #fff;
}

.org .four .n1:before {
    top: -68px;
    height: 67px;
}

.org .four .n1:after {
    display: block;
    position: absolute;
    top: 100%;
    left: 50%;
    width: 121px;
    height: 96px;
    margin-top: 1px;
    background-color: #f8f9fb;
}

.org .four .n2 {
    margin-bottom: 26px;
}

.org .four .n2:before {
    top: -96px;
    height: 95px;
}

.org .four .n2:after {
    display: block;
    position: absolute;
    top: -10px;
    left: 50%;
    width: 17px;
    height: 17px;
    margin-left: -8px;
    border: 3px solid #fff;
    border-radius: 50%;
    box-shadow: 0 0 15px 0 rgba(79, 143, 231, 0.15);
    box-sizing: border-box;
    background-color: #6d7996;
}

.org .four .n3 {
    margin-bottom: 26px;
}

.org .four .n3:before {
    top: -26px;
    height: 25px;
}

.org .four .n3:after {
    display: block;
    position: absolute;
    top: -10px;
    left: 50%;
    width: 17px;
    height: 17px;
    margin-left: -8px;
    border: 3px solid #fff;
    border-radius: 50%;
    box-shadow: 0 0 15px 0 rgba(79, 143, 231, 0.15);
    box-sizing: border-box;
    background-color: #6d7996;
}

.org .four .n4 {
    margin-bottom: 26px;
}

.org .four .n4:before {
    top: -25px;
    height: 25px;
}

.org .four .n4:after {
    display: block;
    position: absolute;
    top: -10px;
    left: 50%;
    width: 17px;
    height: 17px;
    margin-left: -8px;
    border: 3px solid #fff;
    border-radius: 50%;
    box-shadow: 0 0 15px 0 rgba(79, 143, 231, 0.15);
    box-sizing: border-box;
    background-color: #6d7996;
}

@media all and (max-width:1430px) {
    .org .three .n2:after {
        width: 340px;
    }
}

@media all and (max-width:1200px) {
    .org {
        padding-right: 35px;
        padding-left: 35px;
    }

    .org .three_area:before {
        left: calc((100% - 185px) / 2);
        width: calc((100% - 185px) / 2 + 100px);
    }

    .org .three {
        width: calc(100% - 185px);
    }

    .org .three .n2:after {
        width: 240px;
    }
}

@media all and (max-width:1000px) {
    .org {
        padding-right: 25px;
        padding-left: 25px;
    }

    .org .three .n2:after {
        width: 350px;
    }
}

@media all and (max-width:640px) {
    .org {
        padding: 20px;
        height: 600px;
    }

    .org .one {
        width: 250px;
        font-size: 20px;
        background-size: cover;
    }

    .org .two {
        font-size: 16px;
    }

    .org .three_area:before {
        left: 23.5%;
        width: 53%;
    }

    .org .three {
        width: 47%;
        padding-top: 10px;
    }

    .org .three:before {
        display: none;
    }

    .org .three .n1 li {
        float: none;
        width: auto;
        margin-right: 0;
        margin-bottom: 10px;
        padding: 6px 0;
        font-size: 14px;
    }

    .org .three .n1 li:before {
        top: -10px;
        height: 10px;
    }

    .org .three .n1 li:nth-child(2):before {
        top: -10px;
        height: 10px;
    }

    .org .three .n2 {
        width: 100%;
        padding: 6px 0;
        font-size: 14px;
    }

    .org .three .n2:nth-child(2) {
        display: none;
    }

    .org .three .n2:nth-child(3) {
        display: none;
    }

    .org .three .n2:after {
        display: none;
    }

    .org .four {
        width: 47%;
        padding-top: 0;
    }

    .org .four li {
        width: auto;
        padding: 6px 0;
        font-size: 14px;
    }

    .org .four .n1 {
        margin-bottom: 10px;
    }

    .org .four .n1:before,
    .org .four .n2:before {
        top: -21px;
        height: 20px;
    }

    .org .four .n1:after,
    .org .four .n2:after {
        display: none;
    }
}
/* 찾아오시는길 */
#sub_location .map_wrap{position:relative;}
#sub_location .root_daum_roughmap{position:relative; overflow:hidden; width:100%;}
#sub_location .roughmap_maker_label{border-radius:30px;}
#sub_location .roughmap_maker_label .roughmap_lebel_text{padding:8px 15px 8px; line-height:32px; font-size:20px; font-weight:600; font-family:"score"; letter-spacing:-1px; border-radius:30px; background-color:#fff;}
#sub_location .roughmap_maker_label .roughmap_lebel_text:before{content:''; display:inline-block; width:30px; height:30px; margin:0 5px 0 0; vertical-align:top; background-image:url(../../images/common/ico_logo.png); background-repeat:no-repeat; background-size:contain;}
#sub_location .roughmap_maker_label:after{height:auto; border-top:10px solid #fff; border-left:10px solid transparent; border-right:10px solid transparent; background:none;}

#sub_location .map_info{box-sizing:border-box; padding:20px 28px 20px 50px; width:100%; height:128px; background:#90a93e; border-radius:0 0 0 50px;}
#sub_location .map_info ul{display:flex; justify-content:space-between; align-items:center; height:100%;}
#sub_location .map_info li{position:relative; display:flex; align-items:center; box-sizing:border-box; padding:0 0 0 48px; height:100%; word-break:keep-all; color:#fff;}
#sub_location .map_info li + li{margin:0 0 0 40px;}
#sub_location .map_info li:nth-child(2),
#sub_location .map_info li:nth-child(3){flex:1 0 auto;}
#sub_location .map_info li a{color:#fff;}
#sub_location .map_info li:before{content:""; position:absolute; left:0; top:50%; width:37px; height:37px; background:url("../../images/ch/sub/ico_loc1.png") no-repeat 50% 50% / cover; transform:translateY(-50%);}
#sub_location .map_info li:nth-child(2):before{background-image:url("../../images/ch/sub/ico_loc2.png");}
#sub_location .map_info li:nth-child(3):before{background-image:url("../../images/ch/sub/ico_loc3.png");}
#sub_location .map_info li:last-child{padding:0; margin:0 0 0 20px;}
#sub_location .map_info li:last-child a{position:relative; display:flex; align-items:center; flex-direction:column; justify-content:center; width:81px; height:81px; box-sizing:border-box; color:#fff; border:1px dashed #c8d49f; text-decoration: none;}
#sub_location .map_info li:last-child:before{display:none;}
#sub_location .map_info li:last-child a:before{display:block; content:''; width:16px; height:16px; margin:0 auto 3px; background:url(../../images/kr/intro/ico_new.png) no-repeat;}
#sub_location .map_info li:last-child a:hover{background-color: rgba(157,171,217,0.2); border-style:solid;}
@media all and (max-width:1230px){
	#sub_location .map_info{position:relative; height:auto;}
	#sub_location .map_info ul{flex-wrap:wrap;}
	#sub_location .map_info li{width:100%; height:37px; padding:0 0 0 40px;}
	#sub_location .map_info li:before{width: 32px; height:32px;}
	#sub_location .map_info li + li{margin:5px 0 0 0;} 
	#sub_location .map_info li:last-child{display:block; position: absolute; right:20px; top:35px; width:auto; margin:0;}
}
@media all and (max-width:1024px){
	#sub_location .root_daum_roughmap .wrap_map{height:400px !important;}
}
@media all and (max-width:768px){
	#sub_location .root_daum_roughmap .wrap_map{height:350px !important;}
}
@media all and (max-width:568px){
	#sub_location .map_info{padding:20px 5px 20px 15px;}
	#sub_location .map_info li:last-child{top:75px; right:15px;}
	#sub_location .map_info li:last-child a{width:55px; height:60px;}
	#sub_location .root_daum_roughmap .wrap_map{height:300px !important;}
	#sub_location .roughmap_maker_label .roughmap_lebel_text{font-size:19px;}
	#sub_location .roughmap_maker_label .roughmap_lebel_text:before{height:25px; margin:0 2px 0 0;}
}
@media all and (max-width:380px){
	#sub_location .root_daum_roughmap .wrap_map{height:250px !important;}
	#sub_location .roughmap_maker_label .roughmap_lebel_text{font-size:18px;}
}

/* 유용한사이트 */
#sub_site .tit_wrap {text-align: center; color: #111;}
#sub_site .tit_wrap p {margin: 0 0 7px;font-size: 23px; font-weight: 500;}
#sub_site .txt_box {position: relative;padding: 55px 9.8% 51px;background: #f0f6f5; border:1px solid #cbeeee; box-sizing: border-box;border-radius: 5px;overflow: hidden;z-index: 1;}  
#sub_site .txt_box ul {margin: 40px 0 0 ;display: flex; flex-wrap: wrap; justify-content: space-between;}
#sub_site .txt_box li {display: table;width: 27.7%;height: 51px;margin: 0 0 15px;box-sizing: border-box;border-radius: 25px;border: 1px solid #dde5ed;background: #fff;overflow: hidden;} 
#sub_site .txt_box li:hover {border-color: #9bc8c1; outline:2px solid #9bc8c1;}
#sub_site .txt_box li a {align-items: center;position: relative;display: flex;height: 100%;padding: 0 40px 0 30px;line-height: 1.2;text-decoration: none;}
#sub_site .txt_box li a:after {content: '';display: block;position: absolute;top: 50%;right: 10%;transform: translateY(-50%);width: 10px;height: 10px;background: url(../../images/common/ico_open.png)no-repeat 0 100%;}

@media all and (max-width: 1024px) {
	#sub_site .tit_wrap span {font-size:15px;}
	#sub_site .txt_box {padding: 55px 5% 51px;}
	#sub_site .txt_box li {width:30%;}
}
@media all and (max-width: 768px) {
	#sub_site .tit_wrap p {font-size:21px;}
	#sub_site .txt_box li {width:44%;}
}
@media all and (max-width: 568px) {
	#sub_site .tit_wrap p {font-size:19px;}
	
	#sub_site .txt_box li {width:49%;}
	#sub_site .txt_box li a {padding: 0 25px 0 10%;font-size: 14px;}
	#sub_site .txt_box li a:after {right: 7%;}
}

/* 의회용어사전 */
#sub_voca a{color:#222;}
#sub_voca .indexArea{z-index:1; position:relative; float:left; width:100%; margin:0 0 40px; padding:40px 60px 35px; border-radius:5px; background: #f0f6f5; border:1px solid #cbeeee;  box-sizing:border-box;}

#sub_voca .index_word,
#sub_voca .indexArea form{overflow:hidden; position:relative; width:100%; margin:0 0 1em 0; padding:0 0 1em 110px; border-bottom:1px dashed #aaa; box-sizing:border-box;}
#sub_voca .search_result{padding-left:0 !important;}
#sub_voca .indexArea form *{float:left;}
#sub_voca .indexArea fieldset{width:100%;}
#sub_voca .indexArea #word {width:100%; padding:0 150px 0 20px; box-sizing:border-box;}
#sub_voca .indexArea button[type="submit"]{position:absolute; top:0; right:0; width:120px; height:42px; padding:0 0 0 20px; font-weight:600; color:#fff; border-radius:0 3px 3px 0; box-sizing:border-box; background:#292e44;}
#sub_voca .indexArea button:before,
#sub_voca .indexArea button:after{content:''; display:block; position:absolute; top:10px; left:25px; width:17px; height:17px; border:2px solid #fff; border-radius:50%; box-sizing:border-box;}
#sub_voca .indexArea button:after{left:37px; top:26px; width:8px; height:2px; border:none; border-radius:2px; transform:rotate(45deg); background:#fff;}
#sub_voca .indexArea form label,
#sub_voca .index_word .titTxt{position:absolute; top:7px; left:0; font-weight:600; color:#222; font-size:19px;}
#sub_voca .index_word ul {width:100%;}
#sub_voca .index_word li {display:inline-block; margin:0 1px 5px 0; text-align:center;}
#sub_voca .index_word li a{display:block; width:42px; height:42px; line-height:40px; font-size:24px; font-weight:600; text-decoration:none; border:1px solid #d1d1d1; border-radius:50%; box-sizing:border-box; background:#fff;}
#sub_voca .index_word li.current_on a,
#sub_voca .index_word li a:focus,
#sub_voca .index_word li a:hover{color:#fff; border-color:#ff476a; background:#ff476a;}
#sub_voca .search_result ul{overflow:hidden; width:100%;}
#sub_voca .search_result li {float:left; width:20%; padding:0 0 10px 10px; letter-spacing:-1px; box-sizing:border-box; word-break:break-all;}
#sub_voca .none,#sub_voca .word_defined{width:100%;}
#sub_voca #pagingNav{margin:40px 0 0 0;}
@media all and (max-width:1000px) {
	#sub_voca .indexArea{padding:35px 50px 30px; margin:0 0 30px;}
	#sub_voca .index_word li a{width:45px; height:45px; line-height:43px;}
	#sub_voca .search_result ul{padding:0 0 0 2%; box-sizing:border-box;}
}
@media all and (max-width:768px) {
	#sub_voca .indexArea{padding:30px; margin:0 0 25px;}
	#sub_voca .indexArea #word{padding-right:110px;}
	#sub_voca .indexArea form label, #sub_voca .index_word .titTxt{font-size:18px;}
	#sub_voca .indexArea button[type="submit"]{height:42px; width:100px;}
	#sub_voca .indexArea button:before{left:20px;}
	#sub_voca .indexArea button:after{left:32px;}
	#sub_voca .index_word, #sub_voca .indexArea form{padding:0 0 12px 100px; margin-bottom:12px;}
	#sub_voca .index_word li{margin:0 1px 3px 0;}
	#sub_voca .index_word li a{height:40px; width:40px; line-height:38px; font-size:21px;}
}
@media all and (max-width:660px) {
	#sub_voca .search_result li{width:25%;}
}
@media all and (max-width:568px) {
	#sub_voca .indexArea{padding:23px; margin:0 0 20px;}
	#sub_voca .index_word, #sub_voca .indexArea form{padding-left:0;}
	#sub_voca .indexArea form label, #sub_voca .index_word .titTxt{position:static; width:100%; margin:0 0 10px; text-align:center;}
	#sub_voca .indexArea button[type="submit"]{top:auto; bottom:12px; height:38px; width:85px;}
	#sub_voca .indexArea button:before{left:15px;  width:15px; height:15px; }
	#sub_voca .indexArea button:after{left:26px; top:24px;}
	#sub_voca .index_word li a{height:35px; width:35px; line-height:33px; font-size:20px;}
	#sub_voca .search_result li{width:33.33%;}
	#sub_voca .indexArea #word {height:37px; line-height:37px; padding-right:95px;}
	#sub_voca #pagingNav{margin:25px 0 0 0;}
}
@media all and (max-width:380px) {
	#sub_voca .indexArea{padding:20px; margin:0 0 17px;}
	#sub_voca .indexArea form label, #sub_voca .index_word .titTxt{font-size:17px;}
	#sub_voca .index_word li a{height:32px; width:32px; line-height:30px; font-size:19px;}
	#sub_voca .search_result li{width:50%;}
	#sub_voca #pagingNav{margin:20px 0 0 0;}
}

.homework > ul > li{margin-bottom:35px;}

/* 회의진행과정 */
#sub_proc .tabmenu:after{display:none;}
#sub_proc .tabmenu > li > a{display:flex; align-items:center; justify-content:center; width:120px; height:120px; line-height:150%; font-weight:500; border:1px solid #c6e5e7; background:#f6f6f6; border-radius:20px 0;}
#sub_proc .tabmenu > li:nth-child(2) > a{left: 135px;}
#sub_proc .tabmenu > li > .con{padding:152px 0 0 0;}
#sub_proc .tabmenu > li.on > a{border:none; color: #fff; background:url(../../images/ch/sub/bg_tab.jpg) no-repeat 100% 100%;}
#sub_proc em{display:block; font-weight:500; color:#5c73c6;}
#sub_proc .dot{padding:10px 0 0 0;}
#sub_proc .dot > li{margin:20px 0 0 0;}
#sub_proc .dot span{color:#26a2ab;}