@charset "utf-8"; /*sub1*/
/*greeting*/
@font-face {
    font-family: 'GangwonEdu_OTFBoldA';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/GangwonEdu_OTFBoldA.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.greeting {
    padding: 25px 5px;
    box-sizing: border-box;
    word-break: keep-all
}

p.img {
    width: 90%;
    margin: 0 auto;
}

p.img img {
    width: 100%;
}

p.img span img {
    width: 114px;
    display: inline-block;
    margin: 0 auto;
    padding: 0;
}

p.img span {
    display: block;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #000;
    padding: 15px 0;
    line-height: 42px;
    margin: 0 auto;
}

p.img span strong {
    font-family: 'GangwonEdu_OTFBoldA';
    font-size: 30px;
    display: block;
}

.greeting .title {
    display: inline-block;
    font-size: 18px;
    line-height: 30px;
    color: #0b0b55;
    font-weight: bold;
}

.greeting .con_w {
    display: inline-block;
    padding: 30px 0;
    font-size: 16px
}

.greeting .greeting_con {
    line-height: 22px;
    margin: 15px 0 0 0;
}

/*약력*/
.his_box {
    background: #fff;
    padding: 30px 10px
}

.his_box p {
    text-align: center
}

.his_box .home_p {
    display: block;
    font-size: 17px;
    color: #fff;
    background: #e8f5fb;
    color: #373da7;
    border: 2px solid #373da7;
    width: 165px;
    padding: 10px 15px;
    margin: 15px auto;
    text-align: center;
    /* float: left; */
}

.his_box .home_p strong {
    background: url("/images/council/sub/btn_new.png") no-repeat right center;
    padding: 2px 15px
}

.his_box .name {
    display: block;
    padding: 10px 2px;
    font-size: 20px;
    font-weight: bold;
    color: #000;
}

.his_box li {
    padding: 0 0 0 95px;
    margin: 10px 0 0 0;
    position: relative;
    line-height: 1.5em
}

.his_box li strong {
    color: #444789;
    position: absolute;
    top: 0;
    left: 0;
    background: url("/images/assemblyman/sub/intro_dot.gif") no-repeat 0 7px;
    padding: 0 0 0 10px;
    font-weight: bold;
}

.his_h4 {
    background: url("/images/assemblyman/sub/intro_titbg.gif") no-repeat right center #444789;
    color: #fff;
    font-size: 18px;
    padding: 15px 20px
}

.his_list {
    padding: 5px 0px;
    line-height: 1.5em;
}

.his_list li {
    margin: 10px 0 0 9px;
    padding: 0 0 0 10px;
    background: url("/images/council/sub/li02.png") no-repeat top left;
}

.his_box .title {
    display: block;
    padding: 15px 40px;
    margin-top: 15px;
    border: solid 1px #444789;
    font-size: 18px;
    font-weight: bold;
}

.his_box .n_h5 {
    display: inline-block;
    margin: 25px 0 15px 0;
}

/*sub2*/
/*member_local*/
.w_map {
    border: 1px solid #dadde6;
    margin: 10px 0 30px 0;
    border-radius: 6px;
    overflow-x: auto;
    position: relative
}

.w_map .map_img {
    background: url("/images/council/sub/sub2/mem_png.png") no-repeat center center;
    width: 600px;
    height: 560px;
    padding: 48px 30px 34px 30px;
    margin: 25px auto 0 auto;
    position: relative;
}

p.map_txt {
    text-align: right;
    position: absolute;
    top: -25px;
    right: 102px;
}

p.map_txt .fc_bg {
    display: inline-block;
    background: rgba(0,0,0,.7) url("/images/council/sub/icon_info.png") no-repeat 5px 9px;
    padding: 10px 10px 10px 32px;
    color: #fff;
}

.map_img li {
    position: absolute;
    font-size: 14px;
    width: 109px;
    text-align: center;
    font-weight: 600;
}

.map_img li span {
    display: block;
    padding: 10px 6px;
    border-radius: 15px;
    text-align: center;
    color: #000;
    font-size: 18px;
}

.map_img li:hover span {
    background: #373da7;
    color: #fff;
    text-decoration: underline;
}

.map_img li.no01 {
    top: 439px;
    left: 104px;
}

.map_img li.no02 {
    top: 401px;
    left: 140px;
}

.map_img li.no03 {
    top: 387px;
    left: 60px;
}

.map_img li.no04 {
    top: 228px;
    left: 106px;
}

.map_img li.no05 {
    top: 371px;
    left: 210px;
}

.map_img li.no06 {
    top: 200px;
    left: 227px;
}

.map_img li.no07 {
    top: 391px;
    left: 201px;
}

.map_img li.no07_1 {
    top: 432px;
    left: 215px;
}

.map_img li.no08 {
    top: 201px;
    left: 363px;
}

.map_img li.no09 {
    top: 375px;
    left: 126px;
}

.map_img li.no10 {
    top: 429px;
    left: 468px;
}

/*history*/
.history h4 {
    display: none;
    font-size: 60px;
    color: #1a205f;
    background: none;
    padding: 0;
    margin: 0 0 50px 0px;
}

.history h5 {
    font-size: 24px;
    letter-spacing: -0.05em;
    color: #fff;
    background: #52528c;
    padding: 10px;
}

.history ul {
    padding: 0px 0 10px 24px;
}

.history div:last-child ul {
    border: none
}

.history li {
    margin: 0 0 9px 0;
    line-height: 1.5em;
    color: #252525;
    background: url("/images/council/sub/li02.png") no-repeat 0 1px;
    padding-left: 14px;
}

.history li span {
    display: inline-block;
    color: #00a99d;
    font-weight: bold;
    margin: 0 15px 0 0;
}

/*step_변형*/
/* Tablet */
@media all and (min-width: 768px) {
    /*sub1*/ /*greeting*/ .greeting {
        padding: 30px 0;
        background: url("/images/council/sub/sub1/gre_bg2.png") 814px 33px no-repeat;
    }

    p.img {
        width: 300px;
        margin: 0 auto;
        display: block;
    }

    p.img img {
        width: 100%;
    }

    p.img span {
        display: block;
        font-size: 20px;
        text-align: center;
        padding: 0;
        line-height: 50px;
    }

    .greeting .title {
        display: inline-block;
        font-size: 20px
    }

    .greeting .con_wrap {
        margin: 0;
        width: 64%;
        padding-left: 15px;
    }

    .greeting .greeting_con {
        line-height: 22px;
    }

    /*약력*/
    .his_box {
        overflow: hidden;
        padding: 30px 20px;
        position: relative;
    }

    .his_box p {
        float: left;
        width: 35%;
        text-align: left
    }

    .his_box ul {
        float: right;
        width: 65%;
    }

    .his_box .name {
        display: inline-block;
        padding: 20px 30px;
        font-size: 23px;
    }

    .his_box .home_p {
        float: left;
    }

    .his_box .title {
        width: 60%;
    }

    /*연혁*/
    .history div {
        position: relative;
        background: url("/images/council/sub/sub2/history_bg.gif") 0px 0px no-repeat;
        background-color: white;
    }

    .history h5 {
        font-size: 28px;
        position: absolute;
        top: -7px;
        left: 7px;
        background: none;
        color: #3737a0;
        padding: 0 0 0 15px;
    }

    .history ul {
        padding: 10px 0 10px 0px;
        margin-left: 287px;
        border-bottom: solid 1px #f1f1f1;
    }
}

/* Desktop */
@media all and (min-width: 1023px) {
    /*sub1*/ /*greeting*/ .greeting .im {
        width: 250px;
        display: inline-block;
        padding: 24px 0 0 0;
    }

    .greeting .im span {
        line-height: 41px;
    }

    p.img span strong {
        display: inline-block;
        padding-left: 20px;
    }

    .greeting .con_w {
        width: 60%;
        margin: 0;
        padding: 0px 0 0 18px;
    }

    .greeting .greeting_con {
        margin-top: 30px;
        line-height: 25px;
    }

    .greeting .title {
        font-size: 23px;
        line-height: 38px
    }

    /*약력*/
    .his_box {
        position: relative;
        padding: 40px 10px;
    }

    .his_box p {
        width: 30%;
    }

    .his_box ul {
        width: 67%
    }

    .his_box ul:after {
        content: "";
        display: block;
        position: absolute;
        top: 40px;
        bottom: 24px;
        left: 30%;
        width: 1px;
        background: #dadae7;
    }

    .his_box .n_h5 {
        margin: 31px 0 15px 30px;
        font-size: 20px;
    }

    .his_box .name {
        font-size: 26px;
    }

    /*sub2*/
    /*mem_local*/
    .councillor_photo {
        margin-left: 20px;
    }

    .councillor_info {
        padding-left: 30px;
    }

    /*history*/
    .history {
        padding: 0px 85px 0 0;
        background: url("/images/council/sub/sub2/his_bg1.png")right 0 no-repeat;
    }

    .history h4 {
        display: block;
    }

    .history li span {
        display: inline
    }

    .history div {
        background: url("/images/council/sub/sub2/history_bg.gif") 0px 0px no-repeat;
        padding: 10px;
    }

    .history h5 {
        padding-left: 18px;
        margin: 0;
        position: absolute;
        top: 0;
        font-size: 21px;
    }

    .history ul {
        margin-left: 176px;
    }

    /*step_변형*/
    .basic_step .step1,.basic_step .step2, .basic_step .step3 {
        float: left;
    }

    .basic_step .step1 li {
        width: 24%;
    }

    .basic_step strong.h20 {
        min-height: 42px;
        line-height: 42px;
    }

    .basic_step strong.h30 {
        min-height: 65px;
    }
}

@media all and (min-width: 1400px) {
    /*sub1*/ /*greeting*/ .greeting .im {
        padding-top: 33px;
    }

    .greeting .con_w {
        width: 68%;
        padding: 20px 0 0 49px;
    }

    .greeting .greeting_con {
        padding: 0 20px 0 0;
        line-height: 30px;
    }

    .greeting .title {
        font-size: 25px;
    }

    /*약력*/
    .his_box {
        padding: 40px 60px
    }

    .his_box ul:after {
        content: "";
        display: block;
        position: absolute;
        top: 40px;
        bottom: 40px;
        left: 29%;
        width: 1px;
        background: #dadae7
    }

    /*연혁*/
    .history {
        padding: 0px 194px 0 0;
        background: url("/images/council/sub/sub2/his_bg.png")right 22px no-repeat !important;
    }

    .history h4 {
        display: block;
        margin: 0 0 42px 16px;
    }

    .history h5 {
        left: 52px;
        font-size: 28px;
    }

    .history div {
        position: relative;
        padding: 7px 0 0 270px;
        background: url("/images/council/sub/sub2/history_bg.gif") 40px 0px no-repeat;
    }

    .history ul {
        padding: 15px 0 10px 4px;
        margin-left: 27px;
        width: 380px;
    }

    .history .w_wide {
        width: 550px;
    }

    .his_box .name {
        font-size: 33px;
    }
}

/*조직도*/
.con_org01_warp {
    overflow: hidden;
    margin: 0 auto 30px auto;
    padding: 20px 0;
    position: relative;
}

.con_org01_warp h4 {
    margin: 0 auto 17px auto;
    padding: 24px 0;
    font-weight: 600;
    font-size: 24px;
    text-align: center;
    color: #ffffff;
    background: #5f1bb9 url(/images/council/sub/sub2/org_h4.png) top right no-repeat;
}

.con_org01_warp h4:after {
    content: "";
    display: block;
    width: 1px;
    height: calc(100% - 60px);
    background: #a8a8a8;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    z-index: -1;
    top: 30px;
}

.con_org01_warp h4 a {
    color: #fff;
}

.con_org01_warp h5 {
    width: 100%;
    box-sizing: border-box;
    margin: 0 auto 20px auto;
    border: 6px solid #4c429a;
    background: none;
    text-align: center;
    padding: 14px 0;
    font-weight: 600;
    font-size: 21px;
    background: #fff;
}

.con_org01_warp h5 a {
    color: #4c429a;
}

.con_org01 {
    margin: 0 0 10px 0
}

.con_org01 li span {
    background: #35508e;
    display: block;
    width: 100%;
    text-align: center;
    padding: 17px 0;
    /*height:20px;*/
    color: #fff;
    font-size: 17px;
}

.con_org01 > li > ul {
    border: 1px solid #dadada;
}

.con_org01 .s_1 {
    padding: 0;
    border: solid 2px #5395e7;
    position: relative;
}

.con_org01 .s_1 span {
    background: #5395e7;
    color: #fff;
    position: relative;
}

.con_org01 .s_1:hover span {
    background: #296ec3;
    color: #fff;
}

.con_org01 .s_1 .org_right li {
    font-size: 14px;
    padding: 10px;
}

.con_org01 .s_1 .org_right:after {
    display: block;
    content: '';
    clear: both;
}

.con_org01 li ul li {
    background: #fff;
    border-bottom: 1px solid #dcdcdc;
    text-align: center;
    font-size: 16px;
    padding: 18px 0;
    box-sizing: border-box;
}

.con_org01 li ul li:hover {
    text-decoration: underline;
    background: #d9fbff;
    color: #000;
}

.con_org01 li ul li strong {
    font-size: 18px;
}

.con_org01 li ul li:last-child {
    border-bottom: none;
}

.con_org01 li ul li a {
    color: #555;
    padding: 10px 0
}

@media all and (min-width: 768px) {
    .con_org01_warp {
        position:relative;
    }

    .con_org01 {
        width: 22%;
        float: left;
        margin: 0 .5%;
    }

    .con_org01_warp h4 {
        width: 170px;
        border-radius: 50%;
        height: 170px;
        padding: 0;
        text-align: center;
        line-height: 170px;
    }

    .con_org01_warp h4:after {
        height: 212px;
    }

    .con_org01_warp .left_tit {
        position: relative;
    }

    .con_org01_warp .left_tit:before {
        content: "";
        display: block;
        width: 70%;
        height: 1px;
        background: #a8a8a8;
        margin: 0 auto;
        position: absolute;
        left: 13%;
        top: 34px;
        z-index: -1;
    }

    .con_org01_warp h5 {
        width: 230px;
        padding: 15px 0;
        border-radius: 15px;
        margin: 0 0 20px auto;
        position: relative;
    }

    .con_org01_warp .right_tit {
        display: inline-block;
        width: 100%;
        margin: 20px 0;
    }

    .left_tit .con_org01_n {
        width: 25%;
        box-sizing: border-box;
        position: relative;
        margin-top: 40px;
    }

    .left_tit .con_org01_n:before {
        display: block;
        content: '';
        width: 1px;
        height: 92px;
        background: #a8a8a8;
        margin: 0 auto;
        position: absolute;
        left: 50%;
        top: -92px;
    }

    .left_tit .con_org01_n li {
        width: 100%;
        margin: 0 auto;
    }

    .right_tit .con_org01_n {
        width: 22.5%;
    }

    .center_al {
        width: 100%;
        display: inline-block;
        margin: 0 auto;
    }

    .center_al .con_org01 {
        margin-left: 11px;
    }

    .con_org01 .s_1:before {
        display: block;
        content: '';
        width: 100%;
        height: 1px;
        background: #a8a8a8;
        margin: 0 auto;
        position: absolute;
        right: -100px;
        top: 25px;
        z-index: -1;
    }

    .con_org01 .s_1 .org_right {
        position: absolute;
        right: -150px;
        top: -32px;
        border: solid 2px #5395e7;
    }

    .org_w {
        position: relative;
    }

    .org_w:before {
        content: "";
        display: block;
        width: 52%;
        height: 1px;
        background: #a8a8a8;
        margin: 0 auto;
        position: absolute;
        left: 13%;
        top: 0;
    }

    .org_w:after {
        display: block;
        content: '';
        clear: both;
    }
}

@media all and (min-width: 1400px) {
    .con_org01 .s_1 .org_right {
        width: 180px;
        right: -232px;
    }
}

/*sub2절차도*/
.basic_step li strong {
    border-radius: 10px 10px 0 0;
    background: #35508e;
}

.basic_step .last strong {
    border-radius: 10px 10px;
}

.basic_step li span {
    border-radius: 0 0 10px 10px;
    text-align: left;
    padding: 15px 5px;
}

.basic_step li span em {
    display: inline-block;
    background: url("/images/council/sub/li03.gif") no-repeat 0 9px;
    padding-left: 8px
}

.wrap_step {
    overflow: auto;
    border: solid 1px #dedede;
}

.step {
    width: 697px;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 20px 0 0 0;
    background: url("/images/council/sub/sub2/step_bg.png") no-repeat left 0px;
}

.step ul {
    margin: 0px 0 0px 118px;
}

.step_total1 {
    padding: 20px 0;
    position: relative;
    box-sizing: border-box;
}

.step_total1 h6 {
    display: inline-block;
    float: left;
    font-size: 17px;
    background: #13959c;
    padding: 28px 10px;
    margin: 0;
    vertical-align: top;
    width: 100px;
    text-align: center;
    color: #fff;
    border-radius: 5px;
}

.step_total1>ul {
    width: 81%;
    padding-bottom: 16px;
    margin-left: 14%;
}

.step_total1 ul li {
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
}

.step_total1 ul li.step01 {
    width: 35%;
    padding: 0px 0 36px 0;
    background: url("/images/council/sub/basic_step1.gif") no-repeat bottom;
}

.step_total1 ul li.step02 {
    width: 61%;
    line-height: 1.4rem;
    text-align: left;
    vertical-align: top;
    background: #dbe5fd;
    border: 1px dotted #c8c8da;
}

.step_total1 ul li.step03 {
    width: 44%;
}

.step_total1 ul li.step02 em {
    font-style: normal;
    display: block;
    background: url("/images/council/sub/li03.gif") no-repeat 0 9px;
    padding-left: 8px
}

.step_total1 ul li.step01 span {
    width: 76%;
    padding: 20px 10px;
    margin: 0 auto;
    background: #35508e;
    color: #fff;
    border-radius: 5px;
    position: relative;
}

.step_total1 ul li.step02 span {
    padding: 10px 15px;
}

.step_total1 ul li.step03 span {
    display: block;
    padding: 10px 0 ;
    width: 80%;
    background: #083371;
    color: #fff;
    margin: 0 auto;
}

.step_total1 ul li span {
    display: block;
}

@media all and (min-width: 768px) {
    .basic_step li span {
        min-height: 109px;
    }

    .step_total1 {
        width: 100%;
        border: solid 1px #e4e4e4;
    }

    .step {
        border: none;
        background: url("/images/council/sub/sub2/step_bg.png") no-repeat left 14px;
    }

    .step_total1 ul li.step01 {
        width: 40%;
    }

    .step_total1 ul li.step02 {
        width: 58%;
    }

    .step_total1 ul li.step02 span {
        padding: 15px
    }
}

@media all and (min-width: 1400px) {
    .basic_step .h60 {
        min-height: 68px;
    }

    .basic_step .h80 {
        min-height: 176px;
    }

    .step {
        width: 920px !important;
        border: none;
        background: url("/images/council/sub/sub2/step_bg.png") no-repeat left -9px;
    }

    .step_total1 ul li.step01 {
        width: 40%;
    }

    .step_total1 ul li.step02 {
        width: 58%;
        position: relative;
    }

    .step_total1 ul li.step02:before {
        content: "";
        display: block;
        width: 32px;
        height: 1px;
        background: #d4d5d6;
        margin: 0 auto;
        position: absolute;
        top: 25px;
        left: -33px;
    }

    .step ul {
        margin: 2px 0 0px 118px;
    }
}

/*의안처리절차도*/
.step_total1 {
    width: 697px;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 30px 0 5px 0;
    border: none;
}

.step1 ul,.step3 ul {
    margin: 0 auto;
}

.step1>ul, .step3>ul {
    width: 90%;
    padding-bottom: 11px;
}

.step3>ul {
    background: url("/images/council/sub/sub2/cen_bg.png") no-repeat -84px 12px;
    padding-bottom: 51px;
}

.step1 ul li, .step3 ul li {
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
}

.step1 ul li.step01 {
    width: 35%;
    padding: 0px 0 34px 0;
    background: url("/images/council/sub/basic_step1.gif") no-repeat bottom;
}

.step1 ul li.step02 {
    width: 58%;
    line-height: 1.4rem;
    text-align: left;
    vertical-align: top;
    background: #dbe5fd;
    border: 1px dotted #c8c8da;
}

.step1 ul li.step01 span {
    width: 76%;
    padding: 20px 10px;
    margin: 0 auto;
    background: #35508e;
    color: #fff;
    border-radius: 5px;
    font-weight: bold;
    font-size: 16px;
}

.step1 ul li.step02 span {
    padding: 15px;
}

.step1 li.step02,.step3 li.step02 {
    position: relative;
}

.step1 ul li.step02 em,.step3 ul li.step02 em,.step3 ul li.step03 em {
    font-style: normal;
    display: block;
    background: url("/images/council/sub/li03.gif") no-repeat 0 9px;
    padding-left: 8px
}

.step1 ul li.step02:before {
    content: "";
    display: block;
    width: 20px;
    height: 1px;
    background: #d4d5d6;
    margin: 0 auto;
    position: absolute;
    top: 25px;
    left: -21px;
}

.step3 .step01 span {
    font-weight: bold;
    font-size: 16px;
}

.step3 .left ul,.step3 .right ul {
    background: url("/images/council/sub/basic_step1.gif") no-repeat bottom;
    padding: 0 0 30px 0;
}

.step3 .left .step01 {
    width: 80%;
    padding: 0px 0 23px 0;
    background: none;
}

.step3 .left .step02 {
    width: 95%;
    line-height: 1.4rem;
    text-align: left;
    vertical-align: top;
    background: #dbe5fd;
    border: 1px dotted #c8c8da;
}

.step3 .left .step03 {
    width: 44%;
}

.step3 .right .step01 {
    width: 80%;
    padding: 0px 0 22px 0;
    background: none;
}

.step3 .right .step02 {
    width: 100%;
    line-height: 1.4rem;
    text-align: left;
    vertical-align: top;
    background: #e0f1f2;
    border: 1px dotted #c8c8da;
}

.step3 .right .step03 {
    width: 80%;
    padding: 0px 0 23px 0;
}

.step3 .center .step01 {
    width: 35%;
    padding: 0px 0 22px 0;
}

.step3 .center .step02 {
    width: 61%;
    line-height: 1.4rem;
    text-align: left;
    vertical-align: top;
    background: #dbe5fd;
    border: 1px dotted #c8c8da;
}

.step3 .center .step03 {
    width: 44%;
}

.step3 .left .step01 span {
    width: 76%;
    padding: 20px 10px;
    margin: 0 auto;
    background: #35508e;
    color: #fff;
    border-radius: 5px;
}

.step3 .left .step02 span {
    padding: 12px;
}

.step3 .right .step02 span {
    padding: 12px;
}

.step3 .right .step03 span {
    width: 76%;
    padding: 20px 10px;
    margin: 0 auto;
    background: #009688;
    color: #fff;
    border-radius: 5px;
    font-size: 16px;
    font-weight: bold;
}

.step3 .center .step02 span {
    padding: 15px;
}

.step3 .center .step03 span {
    width: 69%;
    padding: 20px 10px;
    margin: 0 auto;
    background: #009688;
    color: #fff;
    border-radius: 5px;
    margin-left: 23px;
    font-size: 16px;
    font-weight: bold;
}

.step3 .left {
    width: 45.5%;
    display: inline-block;
    text-align: center;
}

.step3 .left ul {
    margin: 0 auto;
    background: url("/images/council/sub/basic_step1.gif") no-repeat bottom;
    padding: 0 0 30px 0;
}

.step3 .right {
    display: inline-block;
    width: 47.5%;
    text-align: center;
}

.step3 .center {
    text-align: center;
    background: url(/images/council/sub/sub2/bott_bg.png) no-repeat top;
    padding: 22px 0 42px 0;
}

.step3 ul li span,.step3 ul li span {
    display: block;
}

.step3 li.tex {
    position: absolute;
    top: 1410px;
    left: 83px;
    width: 120px !important;
    background: url(/images/council/sub/basic_step1.gif) no-repeat bottom;
    padding: 0 0 28px 0;
}

.step3 li.tex span {
    padding: 5px 10px;
    background: #ec7914;
    color: #fff;
    border-radius: 5px;
}

.step3 .left .step02:before,.step3 .right .step02:before {
    content: "";
    display: block;
    width: 1px;
    height: 1.5rem;
    background: #d4d5d6;
    margin: 0 auto;
    position: absolute;
    top: -24px;
    left: 50%;
}

@media all and (min-width: 768px) {
    .step_total1 {
        border: none;
    }

    .step {
        border: none;
    }

    .step1 ul li.step01 {
        width: 40%;
    }

    .step1 li.step02,.step3 li.step02 {
        width: 58%;
        position: relative;
    }

    .step1 ul li.step02:before {
        content: "";
        display: block;
        width: 25px;
        height: 1px;
        background: #d4d5d6;
        margin: 0 auto;
        position: absolute;
        top: 25px;
        left: -25px;
    }

    .step3 li.tex {
        position: absolute;
        top: 1390px;
        left: 101px;
    }

    .step3>ul {
        background: url("/images/council/sub/sub2/cen_bg.png") no-repeat -62px 0px;
        padding-bottom: 51px;
    }
}

@media all and (min-width: 1400px) {
    .step_total1 {
        width: 920px !important;
    }

    .step1 ul li.step01,.step3 ul li.step01 {
        width: 40%;
    }

    .step1 ul li.step02,.step3 ul li.step02,.step3 ul li.step03 {
        width: 58%;
        position: relative;
    }

    .step1 ul li.step02:before {
        content: "";
        display: block;
        width: 34px;
        height: 1px;
        background: #d4d5d6;
        margin: 0 auto;
        position: absolute;
        top: 25px;
        left: -35px;
    }

    .step3 li.tex {
        position: absolute;
        top: 1367px;
        left: 148px;
    }

    .step3>ul {
        background: url("/images/council/sub/sub2/cen_bg.png") no-repeat 7px 0px;
        padding-bottom: 51px;
    }
}

/*방청준수사항*/
.participation {
    width: 100%;
    margin: 25px 0;
    box-sizing: border-box;
}

.participation li:first-child {
    background: none;
    padding-left: 0;
}

.participation li {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 10px;
}

.participation li span {
    display: block;
}

.participation .col4 .step01 span {
    border-top: 2px solid #3585a4;
}

.participation .col4 .step02 span {
    border-top: 2px solid #3c5a9a;
}

.participation .col4 .step03 span {
    border-top: 2px solid #294072;
}

.participation .col4 .step04 span {
    border-top: 2px solid #332972;
}

.participation .step01 .tit {
    border-top: 2px solid #3585a4;
}

.participation .step02 .tit {
    border-top: 2px solid #3c5a9a;
}

.participation .step03 .tit {
    border-top: 2px solid #294072;
}

.participation .step04 .tit {
    border-top: 2px solid #332972;
}

.participation:after {
    display: block;
    content: '';
    clear: both;
}

.participation .img {
    height: 119px;
    border-left: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
}

.participation .icon01 {
    background: url('/images/council/sub/sub2/i_1.png') no-repeat center;
}

.participation .icon02 {
    background: url('/images/council/sub/sub2/i_2.png') no-repeat center;
}

.participation .icon03 {
    background: url('/images/council/sub/sub2/i_3.png') no-repeat center;
}

.participation .icon04 {
    background: url('/images/council/sub/sub2/i_4.png') no-repeat center;
}

.participation .icon05 {
    background: url('/images/council/sub/sub2/i_5.png') no-repeat center;
}

.participation .icon06 {
    background: url('/images/council/sub/sub2/i_6.png') no-repeat center;
}

.participation .icon07 {
    background: url('/images/council/sub/sub2/i_7.png') no-repeat center;
}

.participation .icon08 {
    background: url('/images/council/sub/sub2/i_8.png') no-repeat center;
}

.participation .icon09 {
    background: url('/images/council/sub/sub2/i_9.png') no-repeat center;
}

.participation .icon10 {
    background: url('/images/council/sub/sub2/i_10.png') no-repeat center;
}

.participation .icon11 {
    background: url('/images/council/sub/sub2/i_11.png') no-repeat center;
}

.participation .icon12 {
    background: url('/images/council/sub/sub2/i_12.png') no-repeat center;
}

.participation .icon13 {
    background: url('/images/council/sub/sub2/i_13.png') no-repeat center;
}

.participation .icon14 {
    background: url('/images/council/sub/sub2/i_14.png') no-repeat center;
}

.participation .icon15 {
    background: url('/images/council/sub/sub2/i_15.png') no-repeat center;
}

.participation li .tit {
    display: block;
    font-size: 17px;
    font-weight: bold;
    background: #f7f7f7;
    padding: 15px 0;
    margin: 0;
    color: #2d2d2d;
    border-bottom: 1px solid #e1e1e1;
    border-left: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
}

.participation li .txt {
    display: block;
    font-size: 15px;
    padding: 15px 9px;
    margin: 0;
    color: #fff;
    line-height: 25px;
}

.participation li .txt em {
    font-style: normal;
}

.participation .col4 li .txt {
    padding: 10px;
}

.participation .col3 li .txt {
    font-size: 16px
}

.participation .step01 .txt {
    background: #3585a4;
}

.participation .step02 .txt {
    background: #3c5a9a;
}

.participation .step03 .txt {
    background: #444789;
}

.participation .step04 .txt {
    background: #3c3664;
}

@media all and (min-width: 768px) {
    .participation {
        width: 100%;
        margin: 35px 0 45px 0;
    }

    participation .step01 .txt, .participation .step02 .txt, .participation .step03 .txt ,.participation li .txt {
        line-height: 25px;
        min-height: 80px;
    }

    .participation .col3 li {
        width: 33.33%;
        margin-top: 0;
    }

    .participation .col4 li {
        width: 50%;
        margin-top: 0;
    }
}

@media all and (min-width: 1023px) {
    .participation .col4 li {
        width:25%;
    }

    .participation li:first-child .img,.participation li:nth-child(2) .img,.participation li:first-child .tit,.participation li:nth-child(2) .tit,.participation .col4 li:nth-child(3) .img, .participation .col4 li:nth-child(5) .img,.participation .col4 li:nth-child(6) .img,.participation .col4 li:nth-child(7) .img {
        border-right: none;
    }
}

@media all and (min-width: 1400px) {
    .participation li .txt em {
        font-style:normal;
        line-height: 50px;
    }
}

/*방청안내 절차*/
.basic_step1 li {
    background: url("/images/council/sub/basic_step1.gif") no-repeat center top !important;
    padding: 15px 0 1px 0px !important;
    margin: 18px 0 10px 0 !important;
    font-size: 15px;
    text-align: center;
    line-height: 1.5em;
}

.basic_step1 li:first-child {
    background: none !important;
    padding-top: 0 !important;
}

.basic_step1 .tit {
    background: none !important;
}

.basic_step1 li strong {
    display: block;
    background: #252b58;
    color: #fff;
    padding: 16px 15px;
    margin-top: 10px;
    font-size: 16px;
    font-weight: 300;
}

.basic_step1 .tit strong {
    display: block;
    background: #f3b447;
    color: #000108;
    padding: 16px 15px;
    margin-top: 10px;
    font-size: 16px;
    font-weight: 300;
}

.basic_step1 li strong em {
    font-style: normal;
    color: #ffc500
}

.basic_step1 li span {
    display: block;
    border: 1px dotted #c8c8da;
    padding: 15px 7px;
    background: #eff3fb;
    color: #141833;
    margin: 0;
}

.basic_step1 li span em {
    font-style: normal;
    font-size: 14px
}

@media all and (min-width: 1023px) {
    .basic_step1 ol {
        overflow:hidden
    }

    .basic_step1 li {
        float: left;
        background: url("/images/council/sub/basic_step2.gif") no-repeat 0 32px !important;
        padding: 0 0 0 23px !important;
        margin: 0 7px 20px 0 !important;
        box-sizing: border-box;
    }

    .basic_step1 li span {
        margin: 0 0 0 0px !important;
        font-size: 15px;
        min-height: 77px;
    }

    .basic_step1 li:first-child {
        padding-left: 0 !important
    }

    .basic_step1 .col2 li {
        width: 46%
    }

    .basic_step1 .col3 li {
        width: 32.6%;
    }

    .basic_step1 .col4 li {
        width: 24%;
    }

    .basic_step1 .col5 li {
        width: 19.3%;
    }
}

@media all and (min-width: 1400px) {
    .basic_step1 li {
        padding: 0 0 0 20px !important;
    }
}

/*역대의장*/
.former_chairmen>div {
    padding: 10px 0;
    margin: 10px 0;
    border-top: 1px dotted #ddd
}

.former_chairmen>div:first-child {
    border: 0;
    margin: 0 0 10px;
}

.former_chairmen b {
    font-size: 15px;
    padding: 0 0 0 10px;
    margin: 0 0 0 10px;
    vertical-align: bottom;
    border-left: 1px solid
}

.former_chairmen ul:after {
    content: "";
    display: block;
    clear: both;
}

.former_chairmen li {
    width: calc(50% - 42px);
    float: left;
    border: 1px solid #444789;
    margin: 10px;
    padding: 20px 10px;
}

.former_chairmen span {
    display: block;
    width: 80px;
    margin: 0 auto;
    border: 1px solid #ededed;
    border-radius: 10px;
    overflow: hidden;
}

.former_chairmen span img {
    max-width: 100%;
}

.former_chairmen p {
    padding: 20px 0 0;
    text-align: center;
    font-size: 18px;
}

.former_chairmen strong {
    display: block;
    padding: 0 0 5px
}

.former_chairmen li.chairman {
    background: #444789;
}

.former_chairmen li.chairman span {
    border: 0;
}

.former_chairmen li.chairman p {
    color: #fff;
}

@media all and (min-width: 420px) and (max-width:600px) {
    .former_chairmen li {
        width:150px
    }
}

@media all and (min-width: 768px) {
    /*역대의장*/ .former_chairmen>div:after {
        content:"";
        display: block;
        clear: both;
    }

    .former_chairmen>div>div {
        float: left;
        width: 50%;
    }

    .former_chairmen li {
        width: 288px;
    }
}

@media all and (min-width: 1400px) {
    /*역대의장*/ .former_chairmen .first li {
        width:calc(33.33% - 62px);
        padding: 20px
    }

    .former_chairmen strong {
        padding: 0 43px 7px 0;
        border-bottom: dotted 1px #a6a9ef;
    }

    .former_chairmen .first p {
        padding: 20px 0 0 40px
    }

    .former_chairmen li {
        width: calc(50% - 42px);
    }

    .former_chairmen li:after {
        content: "";
        display: block;
        clear: both;
    }

    .former_chairmen span {
        float: left;
        margin-left: 15px;
    }

    .former_chairmen p {
        float: left;
        text-align: left;
        padding: 20px 0 0 20px;
        font-size: 17px;
        line-height: 29px;
    }
}

/*사이트맵*/
.sitemap {
    position: relative;
    overflow: hidden;
    border-bottom: solid 1px #9aa2ac;
}

.sitemap div {
    border-top: solid 2px #9aa2ac;
    padding-bottom: 21px;
    overflow: hidden;
}

.sitemap div p.tit {
    text-align: center;
    padding: 30px 0;
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 27px;
    background: #f7f7f7;
    background: #433c8b;
}

.sitemap div p.tit a {
    color: #fff;
}

.sitemap div p.tit a span {
    display: inline-block;
    width: 40px;
    height: 40px;
    margin-bottom: 10px;
    border-radius: 50px;
}

.sitemap div li {
    float: left;
    width: 50%;
    line-height: 24px;
    font-size: 17px;
    margin: 5px 0;
}

.sitemap div li ul li {
    font-size: 16px;
}

.sitemap div li b {
    display: inline-block;
    font-weight: 600;
    background: url("/images/council/sub/li01.png") no-repeat 0 6px;
    padding: 0 0 0 18px;
}

.sitemap div li b a {
    color: #27223d;
}

.sitemap div li ul {
    display: none;
}

@media all and (min-width: 768px) {
    .sitemap div li {
        width:100%;
        padding: 6px 0;
    }

    .sitemap div li:last-child {
        padding-bottom: 20px;
    }

    .sitemap div li ul {
        overflow: hidden;
        display: block;
        padding: 10px 0 5px 0;
    }

    .sitemap div li ul li {
        float: left;
        margin-right: 40px;
        width: auto;
    }
}

@media all and (min-width: 1023px) {
    .sitemap div {
        padding:0;
    }

    .sitemap div p.tit, .sitemap div ul {
        display: table-cell;
    }

    .sitemap div p.tit {
        width: 175px !important;
        border-bottom: none;
        background: #eae7ff;
    }

    .sitemap div p.tit a {
        color: #0c0c54;
    }

    .sitemap div ul {
        width: 500px;
        padding-left: 30px;
        padding-top: 9px;
    }
}

/*개회사*/
@font-face {
    font-family: 'MapoFlowerIsland';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/MapoFlowerIslandA.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.address {
    background: url('/upload_data/board_data/BBS_0000018/161586804252732.gif');
    word-break: keep-all;
    font-family: 'MapoFlowerIsland';
    font-size: 20px;
    font-weight: bold;
    color: #333;
}

.address div {
    padding: 20px;
}

.address p.tit {
    font-size: 46px;
    margin-bottom: 20px;
}

@media all and (min-width: 1023px) {
    .address div {
        padding: 60px 100px;
        background: url('/upload_data/board_data/BBS_0000018/161586857765981.gif') no-repeat right 10px bottom 10px;
    }
}

.link a {
    display: block;
    margin-bottom: 10px;
    padding: 20px 26px;
    border: 2px #c2c8e2 solid;
    font-size: 18px;
    font-weight: 600;
}

.link a span {
    display: inline-block;
    padding-right: 20px;
    background: url("/images/council/sub/btn_new.png") no-repeat center right;
}

.link a:hover, .link a:active {
    border-color: #0b0b55 ;
    color: #464646;
}

/*정보공개*/
.info_jb {
    width: 100%;
    padding: 20px 30px;
    border: 1px solid #ddd;
    box-sizing: border-box;
    background: #fff;
}

.info_jb ul {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
}

.info_jb li {
    width: 50%;
    margin-bottom: 8px;
    font-size: 14px;
    line-height: 1.6;
    position: relative;
}

.info_jb li a {
    display: inline-block;
    padding-left: 10px;
    color: #333;
    text-decoration: none;
    font-family: 'Noto Sans KR',sans-serif;
    transition: color 0.2s ease;
}

.info_jb li a:hover {
    color: #7d72e7;
}
                                    

.introduce{ font-size:17px; line-height: 1.4em;}
.introduce li strong{margin:10px 0;}