/* 통합검색 */

.ui_box form{display: flex; justify-content: space-between;}
.ui_box{background: #f4f5f9; padding: 24px 78px;}
.ui_box .group{display: inline-block;}
.ui_box .datePicker{border: 1px solid #c2c2c2; width: 80px; height: 30px;}
.ui_box .data_end{padding-left: 20px; position: relative;}
.ui_box .data_end::before{content: ''; background: #939496; width: 12px; height: 2px; position: absolute; left: 2px; top: 15px;}
.ui-datepicker-trigger {margin-left: 7px;width: 15px;height: 14px; 
-webkit-background-size: cover;background-size: cover;vertical-align: middle;}
.ui-datepicker-trigger img{position: relative; top: -3px;}
.ui_box .search_bx{display: inline-block;}
.ui_box .submit{background: #333; color: #fff; padding: 6px 10px; margin-left: 3px; vertical-align: middle;}
.ui_box .head{padding-left: 35px;}
.ui_box .name{border: 1px solid #c2c2c2; width: 116px; height: 30px;}
.ui_box .search_keyword{width: 190px;}

.ui_box.v2{padding: 26px;}
.ui_box.v2 form{flex-wrap:wrap;}
.ui_box.v2 .box{display: flex; justify-content: center; align-items: center; width: 100%; padding-right: 28px;}
.ui_box.v2 .period{padding-top: 10px;}
.ui_box.v2 .period a{background: #333; color: #fff; padding: 3px 12px; margin-left: 5px;}
.ui_box.v2 .calendar{padding-top: 10px; padding-left: 30px;}
.ui_box.v2 .department{display: flex; width: 40%; align-items: center;}
.ui_box.v2 .department label{width: 26%; padding-left: 8px;}
.ui_box.v2 .search_wrap{display: flex; align-items: center; width: 100%; padding-top: 22px;}
.ui_box.v2 .integrated{width:50%;}
.ui_box.v2 .name{border: 1px solid #c2c2c2; width: 116px; height: 30px;}
.ui_box.v2 .searchpart{width: 190px;}
.ui_box.v2 .search_keyword{width: 248px;}
.ui_box.v2 .check_bx{width: 32%; padding-left: 8px;}
.ui_box.v2 .check_bx p{display: inline-block;}
.ui_box.v2 .check_bx label{padding-left: 10px;}
.ui_box.v2 .check_bx input[type="radio"]{display: inline-block; width: 15px; height: 15px; vertical-align: middle; margin: 0 3px 3px 0;}
.ui_box.v3{padding: 0;}
@media screen and (max-width:1199px) {
    .ui_box{padding: 24px 48px;}
    .ui_box.v2{padding: 16px;}
    .ui_box.v2 .check_bx{width: 40%; padding-left: 5px;}
    .ui_box.v2 .department{width: 40%;}
    .ui_box.v2 .integrated{display: inline-block;  width: 60%;}
}
@media screen and (max-width:995px) {
    .ui_box form{display: block;}
    .ui_box .head{padding:15px 0 0 7px;}
    .ui_box.v2 .box{display: block;}
    .ui_box.v2 .calendar{padding-left: 0;}
    .ui_box.v2 .search_wrap{display: block;}
    .ui_box.v2 .department{width: 50%; display: inline-block; padding-bottom: 20px;}
    .ui_box.v2 .department label{width: 100%;}
    .ui_box.v2 .integrated{width: 60%;}
    .ui_box.v2 .check_bx{width: 40%;}
} 

@media screen and (max-width:716px) {
    .ui_box.v2 .department .searchpart{width: 100%;}
}    

@media screen and (max-width:760px) {
    .ui_box{padding: 0 8px 20px 8px;}
    .ui_box .head{padding:5px 0 0 0;}
    .ui_box .group{display: block; width: 100%; margin-left: -4px;}
    .ui_box .datePicker{width: calc(100% - 30px);}
    .ui_box .data_end{padding:5px 0 0 0px;}
    .ui_box .data_end::before{display: none;}
    .ui_box .submit{display: block; width: 100%; margin-top: 5px; margin-left: 0;}
    .ui_box .search_bx{display: block;}
    .ui_box .search_bx .name{width: 100%}
    .ui_box .search_bx .search_keyword{margin-top: 5px;}
    .ui_box.v2{padding: 10px;}
    .ui_box.v2 .box{width: 100%; padding-right: 0;}
    .ui_box.v2 .period{display: flex;  align-items: center; font-size: 1.3rem;}
    .ui_box.v2 .period a{margin-left: 5px; padding: 3px 8px;}
    .ui_box.v2 .calendar{padding:0 0 0 4px; margin-top: -10px;}
    .ui_box.v2 .department{width: 100%; font-size: 14px; padding-bottom: 10px;}
    .ui_box.v2 .department .name{width: 100%;}
    .ui_box.v2 .search_wrap{padding-top: 10px;}
    .ui_box.v2 .integrated{width: 100%;}
    .ui_box.v2 .check_bx{width: 100%; font-size: 14px;}
}

/* 전자민원_이용안내 */

@media screen and (max-width:1199px) {
    .guide .tablet_mode img{max-width: 700px; margin: 0 auto;}
}   
@media screen and (max-width:716px) {
    .guide .mobile_mode img{max-width: 400px; margin: 0 auto;}
}    

/* 전자민원_사전심사청구제 */

.text_style01 {padding:5px 0px 0px 0px;}
.bk_none {background:none !important;}
.text_style01 .bk_none {background:none;}
.text_style02 {padding:10px;background:#f5f5f5;margin-bottom:20px;margin-top: 10px;}

.procedure_style_01{position:relative;}
.procedure_style_01 ul li{display:inline-block;position:relative;border:1px solid #c6c6c6;width:calc(25% - 53px);margin:0 54px 20px 0;border-radius:3px;vertical-align:top;}
.procedure_style_01 ul li:nth-child(4n){margin-right:0;}
.procedure_style_01 ul li .title{display:block;text-align:center;font-weight:500;background:#565c6d;padding:12px 0;color:#fff;letter-spacing:-1px;}
.procedure_style_01 ul li .inner{background:#f5f5f6;padding:0 15px;}
.procedure_style_01 ul li:after{content:'';width:16px;height:24px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngr.tjq.tb.xe%2Scntr%2Stjcebiva%2Svzntrf%2Spbagragf%2Sfc_pbagf.cat)no-repeat -69px 0; position:absolute;right:-36px;top:73px;}
.procedure_style_01 ul li:last-child:after{display:none;}
.procedure_style_01 ul li .inner span{display:block;text-align:center;font-weight:300;color:#333;letter-spacing:-2px;}
.procedure_style_01 ul li .inner .place{padding:17px 0;border-bottom:1px dashed #c6c6c6;}
.procedure_style_01 ul li .inner .text{padding:17px 0;}

@media screen and (max-width:991px) {
    .procedure_style_01{font-size: 15px;}
    .procedure_style_01 ul li{width:calc(33.333333% - 44px);margin:0 62px 20px 0;}
    .procedure_style_01 ul li:nth-child(3){margin-right:0;}
    .procedure_style_01 ul li:nth-child(4n){margin-right:62px;}
    .procedure_style_01 ul li:nth-child(6){margin-right:0;}
    .procedure_style_01 ul li:after{right:-42px;}
}

@media screen and (max-width:716px) {
    .procedure_style_01{font-size: 14px;}
    .procedure_style_01 ul li{display:block;width:100%;margin:0 0 57px 0 !important;}
    .procedure_style_01 ul li:last-child{margin-bottom:0 !important;}
    .procedure_style_01 ul li:after{content:'';width:25px;height:16px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngr.tjq.tb.xe%2Scntr%2Stjcebiva%2Svzntrf%2Spbagragf%2Sfc_pbagf.cat) no-repeat -95px 0;position:absolute;right:inherit;bottom:-38px;left:50%;margin-left:-13px;top:inherit}
}

/* 전자민원_민원후견인제 */

.text_style01 {padding:5px 0px 0px 0px;}
.bk_none {background:none !important;}
.text_style01 .bk_none {background:none;}
.text_style02 {padding:10px;background:#f5f5f5;margin-bottom:20px;margin-top: 10px;}
.procedure_style_02{position:relative;}
.procedure_style_02 ul li{display:inline-block;position:relative;border:1px solid #c6c6c6;width:calc(25% - 53px);margin:0 54px 20px 0;border-radius:3px;vertical-align:top;background:#fff;min-height:132px;padding-left:0 !important;line-height:1.4}
.procedure_style_02 ul li:nth-child(4n){margin-right:0;}
.procedure_style_02 ul li:after{content:'';width:16px;height:25px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngr.tjq.tb.xe%2Scntr%2Stjcebiva%2Svzntrf%2Spbagragf%2Sfc_pbagf.cat)no-repeat -69px 0; position:absolute;right:-38px;top:55px;}
.procedure_style_02 ul li .title{display:block;text-align:center;font-weight:500;background:#565c6d;padding:12px 0;color:#fff;letter-spacing:-1px;}
.procedure_style_02 ul li .text{display:block;text-align:center;padding:20px 10px 0;font-weight:300;color:#333;letter-spacing:-1px;word-break:keep-all;font-size:16px;line-height:1.4}

@media screen and (max-width:991px) {
    .procedure_style_02 ul li{width:calc(33.333333% - 45px);margin:0 62px 20px 0;}
    .procedure_style_02 ul li:nth-child(3n){margin-right:0;}
    .procedure_style_02 ul li:nth-child(4){margin-right:62px;}
    .procedure_style_02 ul li:after{right:-41px;}
    .procedure_style_02 ul li .text{font-size: 15px;}
}

@media screen and (max-width:716px) {
    .procedure_style_02 ul li{display:block;width:100%;margin:0 0 57px 0 !important;}
    .procedure_style_02 ul li:after{content:'';width:25px;height:16px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngr.tjq.tb.xe%2Scntr%2Stjcebiva%2Svzntrf%2Spbagragf%2Sfc_pbagf.cat) no-repeat -95px 0;position:absolute;right:inherit;bottom:-38px;left:50%;margin-left:-13px;top:inherit}
    .procedure_style_02 ul li .text{padding-bottom:20px; font-size: 14px;}
}

/* 전자민원_사전상담예약제 */

.text_style01 {padding:5px 0px 0px 0px;}
.bk_none {background:none !important;}
.text_style01 .bk_none {background:none;}
.text_style02 {padding:10px;background:#f5f5f5;margin-bottom:20px;margin-top: 10px;}
.procedure_style_02{position:relative;}
.procedure_style_02 ul li{display:inline-block;position:relative;border:1px solid #c6c6c6;width:calc(25% - 53px);margin:0 54px 20px 0;border-radius:3px;vertical-align:top;background:#fff;min-height:132px;padding-left:0 !important;line-height:1.4}
.procedure_style_02 ul li:nth-child(4n){margin-right:0;}
.procedure_style_02 ul li:after{content:'';width:16px;height:25px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngr.tjq.tb.xe%2Scntr%2Stjcebiva%2Svzntrf%2Spbagragf%2Sfc_pbagf.cat)no-repeat -69px 0; position:absolute;right:-38px;top:55px;}
.procedure_style_02 ul li .title{display:block;text-align:center;font-weight:500;background:#565c6d;padding:12px 0;color:#fff;letter-spacing:-1px;}
.procedure_style_02 ul li .text{display:block;text-align:center;padding:20px 10px 0;font-weight:300;color:#333;letter-spacing:-1px;word-break:keep-all;font-size:16px;line-height:1.4}

@media screen and (max-width:991px) {
    .procedure_style_02 ul li{width:calc(31.333333% - 44px);margin:0 62px 20px 0;}
    .procedure_style_02 ul li:nth-child(3n){margin-right:0;}
    .procedure_style_02 ul li:nth-child(4){margin-right:62px;}
    .procedure_style_02 ul li:after{right:-41px;}
    .procedure_style_02 ul li .text{font-size: 15px;}
}

@media screen and (max-width:716px) {
    .procedure_style_02 ul li{display:block;width:100%;margin:0 0 57px 0 !important;}
    .procedure_style_02 ul li:after{content:'';width:25px;height:16px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngr.tjq.tb.xe%2Scntr%2Stjcebiva%2Svzntrf%2Spbagragf%2Sfc_pbagf.cat) no-repeat -95px 0;position:absolute;right:inherit;bottom:-38px;left:50%;margin-left:-13px;top:inherit}
    .procedure_style_02 ul li .text{padding-bottom:20px; font-size: 14px;}
}

/* 전자민원_콜센터 */

.background_area{position:relative;padding:10px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngr.tjq.tb.xe%2Scntr%2Stjcebiva%2Svzntrf%2Spbagragf%2Sot_bhgre.cat) repeat 0 0; overflow:hidden; margin-bottom: 25px;}

/* 전자민원_복지·보조금 부정 신고 */

.text_style01 {padding:5px 0px 0px 0px;}
.text_style01 .position{padding-left: 0;}
.text_style01 .bk_none {background:none;}
.procedure_style_02{position:relative;}
.procedure_style_02 ul{overflow:hidden;}
.procedure_style_02 ul li{display:inline-block;position:relative;border:1px solid #c6c6c6;width:calc(25% - 53px);margin:0 54px 20px 0;border-radius:3px;vertical-align:top;background:#fff;min-height:132px;padding-left:0 !important;line-height:1.4}
.procedure_style_02 ul li:last-child{margin-right:0;}
.procedure_style_02 ul li.type_01{min-height:192px;}
.procedure_style_02 ul li:nth-child(4n){margin-right:0;}
.procedure_style_02 ul li:after{content:'';width:16px;height:25px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngr.tjq.tb.xe%2Scntr%2Stjcebiva%2Svzntrf%2Spbagragf%2Sfc_pbagf.cat)no-repeat -69px 0; position:absolute;right:-38px;top:55px;}
.procedure_style_02 ul li.type_01:after{top:90px;}
.procedure_style_02 ul li:last-child:after{display:none;}
.procedure_style_02 ul li .title{display:block;text-align:center;font-weight:500;background:#565c6d;padding:12px 0;color:#fff;letter-spacing:-1px;}
.procedure_style_02 ul li .text{display:block;text-align:center;padding:15px 10px 15px;font-weight:300;color:#333;letter-spacing:-1px;word-break:keep-all;font-size:16px;line-height:1.4}
.procedure_style_02 ul li .text.v2{text-align:left;}

@media screen and (max-width:991px) {
    .procedure_style_02 ul li{width:calc(33.333333% - 45px);margin:0 62px 20px 0;}
    .procedure_style_02 ul li:nth-child(3n){margin-right:0;}
    .procedure_style_02 ul li:nth-child(4){margin-right:62px;}
    .procedure_style_02 ul li.last{min-height:132px;}
    .procedure_style_02 ul li.last:after{top:55px;}
    .procedure_style_02 ul li:after{right:-41px;}
    .procedure_style_02 ul li:nth-child(8){margin-right:62px;}
    .procedure_style_02 ul li .text{font-size: 15px;}
}

@media screen and (max-width:716px) {
    .procedure_style_02 ul li{display:block;width:100%;margin:0 0 57px 0 !important;}
    .procedure_style_02 ul li:last-child{margin-bottom:0 !important;}
    .procedure_style_02 ul li:after{content:'';width:25px;height:16px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngr.tjq.tb.xe%2Scntr%2Stjcebiva%2Svzntrf%2Spbagragf%2Sfc_pbagf.cat) no-repeat -95px 0;position:absolute;right:inherit;bottom:-38px;left:50%;margin-left:-13px;top:inherit}
    .procedure_style_02 ul li.type_01{min-height:132px;}
    .procedure_style_02 ul li.type_01:after{top:inherit;}
    .procedure_style_02 ul li .text{padding-bottom:20px; font-size: 14px;}
}

/*전자민원_헌장전문 */

.charter_area{position: relative; padding:43px 15px 15px 15px; width: 100%; height: 861px; overflow: hidden; margin: 0 -15px; margin: 0 auto;}
.charter_area::before{content: ''; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngr.tjq.tb.xe%2Scntr%2Stjcebiva%2Svzntrf%2Spbagragf%2Spunegre_nern_ot.cat%3Sire%3Q20230612)no-repeat center center;
position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: -1; width: 100%; height: 100%;}
.charter_area .title{font-size:36px;font-weight:bold;color:#fff;line-height:1.3;text-align:center;padding-top:10px;letter-spacing:-1px;}
.charter_area .title br{display:none;}
.charter_area .summary{text-align:center;padding-top:140px;color:#333; font-size: 20px; font-weight:500;}
.charter_area .charter_list{position: relative; width: 100%; padding:98px 20px 0 65px;}
.charter_area .charter_list::before{content: ''; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngr.tjq.tb.xe%2Scntr%2Stjcebiva%2Svzntrf%2Spbagragf%2Scnggrea.cat)repeat center center/5px 6px; width: 890px; height: 6px;
position: absolute; left: 50%; top: 48px; margin-left: -445px;}
.charter_area .charter_list::after{content: ''; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngr.tjq.tb.xe%2Scntr%2Stjcebiva%2Svzntrf%2Spbagragf%2Scnggrea.cat)repeat center center/5px 6px; width: 890px; height: 6px;
position: absolute; left: 50%; bottom: -48px; margin-left: -445px;}
.charter_area .charter_list li{display:table;}
.charter_area .charter_list li + li{margin-top:10px;}
.charter_area .charter_list li > div{display:table-cell;}
.charter_area .charter_list li .number_box{width:40px;vertical-align:middle;}
.charter_area .charter_list li .number_box span{display:block;width:40px;height:40px;border-radius:4px;background:#1b2235;color:#fff;font-weight:500;text-align:center;padding-top:7px;}
.charter_area .charter_list li .text_box{padding-left:20px;vertical-align:middle;}
.charter_area .charter_list li .text_box span{font-weight:300;color:#333;letter-spacing:-1px;}
.charter_area .promise{display: inline-block; width: 100%; padding-top:99px; font-weight:300;text-align:center;color:#333;}

@media screen and (max-width:1399px) {
    .charter_area .charter_list{padding:98px 0 0 125px;}
    .charter_area .summary{margin-top: 15px;}
    .charter_area .promise{padding-top: 79px;}
    
}    

@media screen and (max-width:991px) {
    .charter_area .charter_list{padding:98px 0 0 15px;}
    .charter_area .title{font-size: 32px;}
    .charter_area .summary{font-size: 15px;}
    .charter_area .promise{font-size: 15px; padding-top: 95px;}
    .charter_area .charter_list li .text_box{font-size: 15px;}
}

@media screen and (max-width:716px) {
    .charter_area .title{font-size: 30px;}
    .charter_area .summary{font-size: 14px; margin-top: -15px;}
    .charter_area .charter_list{position: relative; padding:48px 0 0 0;}
    .charter_area .charter_list::before{width: 600px; margin-left: -300px; top: 20px; height: 3px; background-size: 3.5px 3px;}
    .charter_area .charter_list::after{width: 600px; margin-left: -300px; bottom: -20px; height: 3px; background-size: 3.5px 3px;}
    .charter_area .summary br{display:none;}
    .charter_area .promise{font-size: 13px; padding-top: 89px;}
    .charter_area .promise br{display:none;}
    .charter_area .charter_list li .text_box{font-size: 13px; }
    .charter_area .charter_list li .text_box br{display: none;}
}

/*전자민원_인권정보실 */

.introduction img{max-width: 100%;}

/*전자민원_민원서식 */

.menu ul li{display: inline-block; width: 24%;}
.menu ul li a:hover{color: #0044cc;}

@media screen and (max-width:1199px) {
    .menu ul li{display: inline-block; width: 30%;}
}    
@media screen and (max-width:991px) {
    .menu ul li{display: inline-block; width: 40%;}
}  

/* 전자민원_부실공사 신고센터 */

.infomation-bx strong::after{display: none;}
.infomation-bx h5{line-height: 1.5; color: #000;}
.infomation-bx ul li{display: block;}
 
/* 강원도소개_위치·기후 */

.gangwon_area .natural_pic .position{display: block; border: 1px solid #c5c9d5; border-radius: 12px; padding: 0 10px; margin-bottom: 33px; max-width: 100%;}

/* 강원도소개_행정구역 */

.district{position: relative; display: flex; justify-content: space-between;  margin-bottom:49px; width: 100%; height: 380px; border: 1px solid #c5c9d5; border-radius: 10px; background: #f4f5f9;}
.district .district_map {width: 50%;}
.district .district_map img{padding: 16px 0 0 47px;}
.district .district_text{width: 50%;}
.district ul{background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngr.tjq.tb.xe%2Scntr%2Stjcebiva%2Svzntrf%2Spbagragf%2Sqvfgevpg_ot.cat)no-repeat; width: 510px; height: 380px;
 padding:30px 0 24px 35px; margin-left: 1px; position: absolute; right: 0; bottom: 0;}
.district ul li{padding: 16px 38px 24px 38px; width: 441px; line-height: 27px; border-radius: 14px; text-align: center; 
border: 1px solid #3a69c9; background: #3a69c9; color: #fff;}
.district ul li + li{margin-top: 16px;}
.district ul li h5{font-size: 20px;}
.district ul li span em{position: relative; padding-left: 12px; white-space: nowrap;}
.district ul li span em:nth-child(1)::before{display: none;}
.district ul li span em::before{content: ''; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngr.tjq.tb.xe%2Scntr%2Stjcebiva%2Svzntrf%2Spbagragf%2Sqbg.cat)no-repeat; width: 5px; height: 15px;
position: absolute; left: 4px; top: 5px;}

@media screen and (max-width:1399px) {
    .district .district_map img{padding: 16px 0 0 17px;}
    .district ul{margin-left: 70px;}
    .district ul li h5{font-size: 18px;}
    .district ul li span{font-size: 15px;}
}   

@media screen and (max-width:991px) {
    .district .district_map img{max-width: 350px; padding: 35px 0 0 5px;}
    .district ul{width:100%; margin-left: 0; position: relative; right: auto; bottom: auto; padding:62px 20px 24px 20px; border-radius:0 10px 10px 0;}
    .district ul li{width: auto; padding: 10px 2px 8px 2px; line-height: 25px;}
    .district ul li h5{font-size: 18px;}
    .district ul li span{font-size: 15px; display: block;}
    .district ul li span em{padding-left: 0px; padding-right: 5px;}
    .district ul li span em::before{left: -4px;}
}
@media screen and (max-width:790px) {
    .district{display: block; height:100%}
    .district .district_map {width: 100%;}
    .district .district_map img{display: block; margin: 0 auto; padding: 25px 0 25px 10px; max-width: 90%;}
    .district .district_text{width: 100%;}
    .district ul{max-width: 100%; height: auto; padding:30px 15px 30px 15px; margin: 0; position: relative; width: auto;
     background-size: cover; border-radius:0 0 10px 10px;}
    .district ul li{width: 100%;}
    .district ul li h5{font-size: 16px;}
    .district ul li span{font-size: 14px;}
}    

/* 강원도소개_강원도노래 */

.symbol_box{display: flex; border:1px solid #c5c9d5; width:100%; justify-content: space-between; align-items: center; padding-left: 34px; margin-top: 30px; border-radius: 12px;}
.symbol_box .gangwon_img img{display: block;}
.symbol_box .symbol_info{background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngr.tjq.tb.xe%2Scntr%2Stjcebiva%2Svzntrf%2Spbagragf%2Szhfvp_ot.cat)no-repeat; width: 385px; height: 834px; color: #fff; padding: 68px 30px; position: relative; z-index: 1;
border-radius: 0 12px 12px 0;}
.symbol_box .symbol_info h3{display: block; font-size: 26px; line-height: 30px; text-align: center; font-weight: bold;}
.symbol_box .symbol_info p{padding: 33px 0 72px 0;}
.realmovie_contents {border:1px solid #c5c9d5;border-radius:12px;width:100%;margin-bottom:45px; margin-top: 30px; padding-top: 48px; overflow: hidden;}
.realmovie_contents .movie_section {padding:10px 20px 0 20px;}
.realmovie_contents .movie_section iframe{height:100%; width: 100%; position: absolute;}
.realmovie_contents .movie_section .show_movie {max-width:620px;height:auto;width:100%; margin: 0 auto; border:2px solid #dedede;}
.realmovie_contents .movie_section .show_info {width: 100%; text-align: center;}
.realmovie_contents .movie_section .show_info h5{font-size: 26px; color: #5b8edd; font-weight: bold; padding-top: 19px;}
.realmovie_contents .movie_section .show_info .text_cre {position: relative; font-size:16px; color:#112f58; font-weight: 500;}
.realmovie_contents .movie_section .show_info .text_cre::after{content: ''; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngr.tjq.tb.xe%2Scntr%2Stjcebiva%2Svzntrf%2Spbagragf%2Scnggrea.cat)repeat center center/5px 6px;
    position: absolute; left: 50%; bottom: -34px; width: 926px; height: 6px; margin-left: -463px;}
.realmovie_contents .movie_section .show_info p {padding: 58px 40px 35px 40px; font-size:16px; color:black; word-spacing:-1px; text-align: justify;}
.realmovie_contents .movie_section .show_info em{display: inline-block; padding-top: 27px;}
.symbol_box .btn-bx a{position: relative; background: #3b69c9; padding: 27px 33px 27px 20px; margin-top: 9px; border-radius: 5px;
display: block;  color: #fff;}
.symbol_box .btn-bx a span{padding: 0 47px 0 0; display: block; overflow: hidden; text-overflow: ellipsis; max-width: 100%; white-space: nowrap;}
.symbol_box .btn-bx a::after{content: ''; position: absolute; right: 33px; top: 28px; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngr.tjq.tb.xe%2Scntr%2Stjcebiva%2Svzntrf%2Spbagragf%2Sqbja.cat)no-repeat center center;
width: 19px; height: 16px;}
@media screen and (max-width: 1399px){
    .realmovie_contents .movie_section .show_info .text_cre::after{width: 1100px; margin-left: -550px;}
}    
@media screen and (max-width: 991px){
    .symbol_box{padding-left: 0;}
    .symbol_box .gangwon_img img{width: 100%; padding-top: 0;}
    .symbol_box .symbol_info{width: calc(100% - 300px); background-size: cover; height: auto; border-radius: 0 12px 12px 0;}
    .symbol_box .symbol_info p{font-size: 15px;}
    .realmovie_contents{padding-top: 8px;}
    .realmovie_contents .movie_section {padding:10px 20px 0 20px;}
    .realmovie_contents .movie_section .show_info p{padding: 58px 20px 25px 20px; font-size: 15px;}
    .realmovie_contents .movie_section .show_movie{max-width: 1100px;} 
}
@media screen and (max-width: 716px){
    .symbol_box{display: block;}
    .symbol_box .gangwon_img img{padding:0; border-radius: 12px;}
    .symbol_box .symbol_info{ width: 100%; height: auto; padding: 68px 20px;  border-radius: 0 0 12px 12px;}
    .symbol_box .symbol_info h3{font-size: 20px;}
    .symbol_box .symbol_info h3 br{display: none;}
    .symbol_box .symbol_info p{padding: 33px 0 42px 0; font-size: 14px;}
    .realmovie_contents .movie_section .show_info .text_cre{font-size: 14px;}
    .realmovie_contents .movie_section .show_info p {padding: 58px 1px 25px 1px; font-size:14px;}
    .realmovie_contents .movie_section .show_info .text_cre::after{height: 3px; background-size: 3.5px 3px;}
}

/* 강원도소개_강원도민의 날 */

.district_wrap{border: 1px solid #c5c9d5; padding:0 50px 21px 50px; border-radius: 9px; overflow: hidden;}
.district_img {text-align:center;padding-top:19px;}
.symbol h5{position: relative; font-size: 26px; color: #5b8edd; margin-bottom: 44px; text-align: center; font-weight: bold;}
.symbol h5::after{content: ''; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngr.tjq.tb.xe%2Scntr%2Stjcebiva%2Svzntrf%2Spbagragf%2Scnggrea.cat)repeat center center/5px 6px;
position: absolute; left: 50%; top: 66px; width: 926px; height: 6px; margin-left: -463px;}

@media screen and (max-width: 991px){
    .district_wrap{padding:0 20px 21px 20px;}
    .symbol h5::after{width: 892px; height: 6px; margin-left: -446px;}
}   

@media screen and (max-width: 716px){
    .district_wrap{padding:0 10px 21px 10px;}
    .district_img{padding-top: 0;}
    .symbol h5::after{height: 3px; background-size: 3.5px 3px;}
}

/* 강원도소개_도기 */

.gangwon_pottery{width: 100%; border: 1px solid #c5c9d5; border-radius: 12px; padding: 0 40px 40px 40px; overflow: hidden;}
.gangwon_pottery img{display: block; width: 100%;}
.gangwon_pottery p{position: relative; color: #707070; padding-top: 71px;}
.gangwon_pottery p::after{content: '';background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngr.tjq.tb.xe%2Scntr%2Stjcebiva%2Svzntrf%2Spbagragf%2Scnggrea.cat)repeat center center/5px 6px;
position: absolute; left: 50%; bottom: 70px; width: 960px; height: 6px; margin-left: -480px;}
.gangwon_mark ul{display: flex; flex-wrap: wrap; flex-direction: row; margin-top: 21px;}
.gangwon_mark ul li{border: 1px solid #c5c9d5; border-radius: 9px;  height: 242px; display: flex;  align-items: center; justify-content: center; flex: 1; padding: 0 10px;}
.gangwon_mark ul li + li{margin-left: 21px;}
.gangwon_mark img{display:block; max-width: 100%;}

@media screen and (max-width: 991px){
    .gangwon_pottery{padding: 0 20px 20px 20px;}
    .gangwon_pottery p::after{bottom: 100px;}
}    
@media screen and (max-width: 716px){
    .gangwon_pottery{padding: 0 15px 15px 15px;}
    .gangwon_pottery p::after{height: 3px; background-size: 3.5px 3px; bottom: 100px;}
    .gangwon_pottery p{font-size: 14px;  padding-top: 61px;}
}    

/* 강원도소개_인증마크 */

.mark{padding: 50px 46px; border: 1px solid #c5c9d5; border-radius: 12px; width: 100%; overflow: hidden;}
.mark img{display: block; max-width: 100%; margin: 0 auto; padding-bottom: 60px;}
.mark p{position: relative;}
.mark h4::before{content: '';background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngr.tjq.tb.xe%2Scntr%2Stjcebiva%2Svzntrf%2Spbagragf%2Scnggrea.cat)repeat center center/5px 6px;
position: absolute; left: 50%; bottom: 60px; width: 960px; height: 6px; margin-left: -480px;}
@media screen and (max-width: 1199px){
    .mark h4::before{ width: 1100px; margin-left: -550px; bottom: 70px;}
}   
@media screen and (max-width: 991px){
    .mark{padding: 20px 26px;}
    .mark img{padding-bottom: 20px;}
    .mark p{padding-bottom: 15px;}
    .mark h4::before{bottom: 50px;}
}
@media screen and (max-width: 716px){
    .mark{padding: 20px 16px;}
    .mark img{padding-bottom: 10px;}
    .mark p{font-size: 14px; padding-bottom: 15px;}
    .mark h4::before{ height: 3px; background-size: 3.5px 3px; bottom: 50px;}
}       


/* 강원도소개_캐릭터 */

.character{border: 1px solid #c5c9d5; border-radius: 12px; padding: 0 50px 31px 50px; overflow: hidden;}
.character > img{position: relative; display: block; max-width: 100%;}
.character h4::after{content: '';background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngr.tjq.tb.xe%2Scntr%2Stjcebiva%2Svzntrf%2Spbagragf%2Scnggrea.cat)repeat center center/5px 6px;
position: absolute; left: 50%; top: -20px; width: 960px; height: 6px; margin-left: -480px;}
.character .story img{display: block; padding-top: 22px; max-width: 100%;}
.img-bx{display: flex; justify-content: center; padding: 46px 0 51px 0; border: 1px solid #c5c9d5; border-radius: 12px;}
.img-bx img{display: block; max-width: 100%;}
.emoticon-bx{display: flex; justify-content: center; padding: 54px 0 49px 0; border: 1px solid #c5c9d5; border-radius: 12px;}
.emoticon-bx img{display: block; max-width: 100%;}

@media screen and (max-width: 991px){
    .basic{padding: 20px;}
}

@media screen and (max-width: 716px){
.character{padding: 0 16px 31px 16px;}
.character h4::after{height: 3px; background-size: 3.5px 3px;}
.character p{font-size: 14px;}
.emoticon-bx{padding: 10px}
.img-bx{padding: 10px;}
.basic{padding: 10px;}
}

/* 강원도소개_꽃·나무·새·동물 */

.ecosystem{display: flex; justify-content: center; flex-wrap: wrap;}
.ecosystem div{background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngr.tjq.tb.xe%2Scntr%2Stjcebiva%2Svzntrf%2Spbagragf%2Ssybjre_ot.cat)no-repeat center center /cover; min-height: 552px;
border: 1px solid #c5c9d5; border-radius: 12px; text-align: center; overflow: hidden; flex: 1 40%; padding: 50px 20px 0; margin-top: 20px; margin-right: 20px;}
.ecosystem div:nth-child(2n){margin-right:0}
.ecosystem img{display: block; max-width: 100%; margin: 0 auto;}
.ecosystem div span{display: block; font-size: 24px; font-weight: bold; color:#5b8edd; padding-top: 12px;}
.ecosystem div strong{position: relative; display: block; font-size: 20px; margin-top: -3px;}
.ecosystem div strong::after{content: ''; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngr.tjq.tb.xe%2Scntr%2Stjcebiva%2Svzntrf%2Spbagragf%2Scnggrea.cat)repeat center center/5px 6px;
position: absolute; left: 50%; bottom: -20px; width: 440px; height: 6px; margin-left: -220px;}
.ecosystem div p{padding-top: 34px; color: #707070;}

@media screen and (max-width: 991px){
    .ecosystem div span{font-size: 22px;}
    .ecosystem div strong{font-size: 18px;}
    .ecosystem div p{font-size: 15px;}
    .ecosystem div p br{display: none;}
}
@media screen and (max-width: 716px){
    .ecosystem{display: block;}
    .ecosystem div{min-height: 492px; flex-basis: 100%; margin: 20px 0 0 !important;}
    .ecosystem div span{font-size: 20px;}
    .ecosystem div strong{font-size: 16px;}
    .ecosystem div strong::after{height: 3px; background-size: 3.5px 3px;}
    .ecosystem div p{padding: 45px 15px; font-size: 14px;}
    .ecosystem div p br{display: none;}
}

/* 강원도소개_개관 */

.survey h5{margin: 40px 0 5px;}
.survey .green p{padding: 0 25px 20px 25px; color: green;}
@media screen and (max-width: 991px){
    .survey h5{font-size: 15px;}
    .survey .green p{font-size: 15px;}
}    

@media screen and (max-width: 716px){
    .survey h5{font-size: 14px;}
    .survey .green p{padding: 0 15px 20px 15px; font-size: 14px;}
}    


/* 강원도소개_강원학 */

.gangwondo h5{font-size: 20px; padding-left: 16px;  margin: 40px 0 15px 5px;}

@media screen and (max-width: 716px){
    .gangwondo h5{font-size: 18px; padding-left: 10px; margin: 20px 0 15px 5px;}
}   

/* 강원도소개_도정구호 */

.provincial .part{border: 1px solid #c5c9d5; border-radius: 12px; padding: 0 58px 30px 58px; overflow: hidden;}
.provincial .part img{display: block; max-width: 100%;}
.provincial .part h4{position: relative;}
.provincial .part h4::before{content: ''; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngr.tjq.tb.xe%2Scntr%2Stjcebiva%2Svzntrf%2Spbagragf%2Scnggrea.cat)repeat center center/5px 6px;
width: 960px; height: 6px; margin-left: -480px; position: absolute; left: 50%; top: -30px;}

@media screen and (max-width: 991px){
    .provincial .part{padding: 0 18px 15px 18px;}
}  
@media screen and (max-width: 716px){
    .provincial .part{padding: 0 15px 10px 15px;}
    .provincial .part h4::before{height: 3px; top: -15px; background-size: 3.5px 3px;}
}   

/* 강원도소개_도정방침 */

.policy{border: 1px solid #c5c9d5; border-radius: 12px; padding: 25px;}
.policy img{display: block; max-width: 100%;}

@media screen and (max-width: 716px){
    .policy{padding: 15px;}
}   

/* 강원도소개_찾아오시는길 */

.street{overflow: hidden;}
.street .skinMl-large{vertical-align: top; margin: -7px 0 0 18px;}
.street .service{display: flex; justify-content: space-between; align-items: center; border: 1px solid #c5c9d5; border-radius: 12px; width: 100%; 
padding: 8px 5px 8px 35px;}
.street .service p{display: inline-block;}
.street .service em{display: inline-block; color: #4a6cbc;}
.street .guidance{position: relative;}
.street .guidance img{margin-top: -12px; position: relative; display: block; border: 1px solid #c5c9d5; border-radius: 12px; max-width: 100%;}
.street .map_text ul{display: flex; align-items: center; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngr.tjq.tb.xe%2Scntr%2Stjcebiva%2Svzntrf%2Spbagragf%2Sznc_ot.cat)no-repeat center center; width: 100%; height: 80px;
position: absolute; left: 0; right: 0; bottom: 0; border-radius: 0 0 12px 12px;}
.street .map_text ul li{color: #fff;}
.street .map_text ul li em{position: relative; padding-left: 30px;}
.street .map_text ul li em::before{content: ''; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngr.tjq.tb.xe%2Scntr%2Stjcebiva%2Svzntrf%2Spbagragf%2Sqbg.cat)no-repeat center center; width: 5px; height: 15px; 
position: absolute; left: 12px; bottom: 2px;}
.street .map_text ul li:nth-child(1){padding-left: 36px;}
.street .map_text ul li:nth-child(2) span{padding-left: 57px;}
.street .transportation{display: flex; flex-wrap: wrap; border: 1px solid #c5c9d5; border-radius: 12px; padding: 50px;}
.street .transportation .public{position: relative; padding-right: 33px;}
.street .transportation .info{position: relative; flex-basis: 80%;}
.street .transportation .info::after{content: ''; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngr.tjq.tb.xe%2Scntr%2Stjcebiva%2Svzntrf%2Spbagragf%2Scnggrea.cat)repeat center center/5px 6px; width: 970px; height: 6px;
position: absolute; left: 45%; bottom: 47px; margin-left: -472px;}
.street .transportation .train::after{content: ''; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngr.tjq.tb.xe%2Scntr%2Stjcebiva%2Svzntrf%2Spbagragf%2Scnggrea.cat)repeat center center/5px 6px; width: 970px; height: 6px;
position: absolute; left: 45%; bottom: 47px; margin-left: -455px;}
.street .transportation ul + ul{padding-bottom: 87px;}


@media screen and (max-width: 1399px){
    .street .map_text ul li:nth-child(1){padding-left: 80px;}
    .street .transportation .info::after{width: 1200px; margin-left: -590px;}
    .street .transportation .train::after{width: 1200px; margin-left: -550px;}
}
@media screen and (max-width: 991px){
    .street .map_text ul li:nth-child(1){padding-left: 50px;}
    .street .transportation .public{padding-bottom: 18px;}
    .street .transportation .info{position: relative; flex-basis: 100%;}
}   
@media screen and (max-width: 716px){
    .street .skinMl-large{margin: 10px 0 0 1px; display: block; width: 65%;}
    .street .guidance img{margin-top: 0;}
    .street .map_text ul{font-size: 14px; display: flex; flex-wrap: wrap;}
    .street .map_text ul li{display: block;}
    .street .map_text ul li:nth-child(1){padding-left: 20px;}
    .street .map_text ul li:nth-child(2) span{padding-left: 20px;}
    .street .map_text ul li em{padding-left: 15px;}
    .street .map_text ul li em::before{left: 5px;}
    .street .transportation{padding: 20px;}
    .street .transportation .info{position: relative; flex-basis: 100%;}
    .street .transportation .info::after{bottom: 27px; background-size: 3.5px 3px; height: 3px;}
    .street .transportation ul + ul{padding-bottom: 77px;}
}    

/* 강원도소개_도청사 안내 */

.guide .model img{max-width: 100%;}
.guide-building{position:relative; overflow: hidden; margin-top: 14px;}
.guide-building .info-bx{position:relative;padding-right:95px;margin-bottom:50px; padding-bottom: 10px; border: 1px solid #c5c9d5; border-radius: 12px;}
.guide-building .info-bx .tab{position:absolute;top:0;bottom:0;right:-1px;width:116px;background:#5b8edd;z-index:10; border-radius:0 12px 12px 0;}
.guide-building .info-bx .zoom-bx{margin:20px 0 5px;display:flex;justify-content:center;}
.guide-building .info-bx .zoom-bx a{display:flex;width:34px;height:34px; text-decoration: none; background:#fff;border:1px solid #bdbdbd;font-size:0;border-radius:9px;align-items:center;justify-content:center;}
.guide-building .info-bx .zoom-bx a + a{margin-left:5px;}
.guide-building .info-bx .zoom-bx .zoom-in:after{content:'+';font-size:30px;font-weight:500;line-height:1;margin-top:0px;font-family:'arial';}
.guide-building .info-bx .zoom-bx .zoom-out:after{content:'-';font-size:38px;font-weight:500;line-height:1;margin-top:-5px;font-family:'arial';}

.guide-building .floor-bx > div{display:none;position:relative;}
.guide-building .floor-bx > div h4{line-height:1.1;color:#000;font-weight:500;font-size:38px;position:relative;z-index:10;position:absolute;left:0px;top:-15px;}
.guide-building .floor-bx > div h4 span{font-size:38px;}
.guide-building .floor-bx > div .img_bx{display:flex;justify-content:center;align-items:center;padding-top:30px;animation:opacity01 .2s 1 both ease-in-out;}
.guide-building .floor-bx > div .img_bx img{max-width:100%;}

.guide-building .floor-bx .text{position: relative; height:auto;line-height:1.3; margin:0 20px;padding:50px 0 20px 0;}
.guide-building .floor-bx .text strong{display: block;color:#5b8edd;font-weight:500;position:relative;padding-right:11px; float:left; font-size: 26px; line-height: 22px;}
.guide-building .floor-bx .text strong:after{content:'';display:block; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngr.tjq.tb.xe%2Scntr%2Stjcebiva%2Svzntrf%2Spbagragf%2Sqbg.cat)no-repeat center center;
width: 5px; height: 15px; position:absolute;top:50%;right:2px;margin-top:-6px;}
.guide-building .floor-bx .text span{font-weight:300; display: table;}
.guide-building .floor-bx .text .dot5{font-weight:300; display: block; white-space: nowrap;}
.guide-building .floor-bx .text span::before{content: ''; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngr.tjq.tb.xe%2Scntr%2Stjcebiva%2Svzntrf%2Spbagragf%2Scnggrea.cat)repeat center center/5px 6px;
width: 860px; height: 6px; position: absolute; left: 50%; bottom: 90px;  margin-left: -440px;}
.guide-building .floor-bx .text .dot::before{content: ''; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngr.tjq.tb.xe%2Scntr%2Stjcebiva%2Svzntrf%2Spbagragf%2Scnggrea.cat)repeat center center/5px 6px;
width: 860px; height: 6px; position: absolute; left: 50%; bottom: 70px;  margin-left: -440px;}
.guide-building .floor-bx .text .dot5::before{content: ''; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngr.tjq.tb.xe%2Scntr%2Stjcebiva%2Svzntrf%2Spbagragf%2Scnggrea.cat)repeat center center/5px 6px;
width: 860px; height: 6px; position: absolute; left: 50%; bottom: 70px;  margin-left: -440px;}
.guide-building .floor-bx .text .dot3::before{content: ''; position: absolute; left: 50%; bottom: 110px;}
.guide-building .floor-bx .text .dot4::before{content: ''; position: absolute; left: 50%; bottom: 70px;}
.guide-building .floor-bx .text .dot6::before{content: ''; position: absolute; left: 50%; bottom: 110px;}
.guide-building .floor-bx .text .floor_02:before{content: ''; position: absolute; left: 50%; bottom: 70px;}
.guide-building .select-bx{display:flex;flex-direction:column-reverse;justify-content:flex-start;align-items:center;position:relative;z-index:20; padding-top: 5px;}
.guide-building .select-bx a{text-decoration: none; color:#fff;font-weight:bold;font-size:18px;text-align:center;line-height:58px;font-size: 26px;margin-top:10px;}
.guide-building .select-bx a.active{width:62px; height:62px; border-radius:12px; background:#fff; color:#5b8edd;}

@media (max-width:1199px) {
    .guide-building .info-bx{padding-right:80px;margin-bottom:30px; padding-bottom: 50px;}
    .guide-building .info-bx .tab{right:-3px;width:80px;}
    .guide-building .info-bx .zoom-bx{margin:20px 0 10px;}
    .guide-building .info-bx .zoom-bx a{width:30px;height:30px;}
    .guide-building .info-bx .zoom-bx a + a{margin-left:3px;}
    .guide-building .info-bx .zoom-bx .zoom-in:after{font-size:26px;}
    .guide-building .info-bx .zoom-bx .zoom-out:after{font-size:32px;}

    .guide-building .floor-bx > div h4{font-size:40px;left:20px;top:10px;}
    .guide-building .floor-bx > div h4 span{font-size:30px;}
    .guide-building .floor-bx > div .img_bx{padding-top:10px;}
    .guide-building .floor-bx > div .img_bx img{max-width:95% !important;}

    .guide-building .floor-bx .text{font-size:15px; padding:60px 0 10px 0;}
    .guide-building .floor-bx .text::before{bottom: 80px;}
    .guide-building .floor-bx .text .dot::before,
    .guide-building .floor-bx .text .dot3::before,
    .guide-building .floor-bx .text .dot4::before,
    .guide-building .floor-bx .text .floor_01::before,
    .guide-building .floor-bx .text .floor_02::before{width: 1400px; margin-left: -600px;}
    .guide-building .floor-bx .text .floor_01::before{bottom: 70px;}
    .guide-building .floor-bx .text .dot3::before{bottom: 70px;}
    .guide-building .floor-bx .text .dot5{white-space: normal; display: table;}
    .guide-building .floor-bx .text strong{padding-right:11px;margin-right:7px; font-size: 20px; line-height: 20px;}
    .guide-building .floor-bx .text span{font-size: 14px;}
    .guide-building .floor-bx .text strong:after{width:1px;height:12px;margin-top:-6px;}

    .guide-building .select-bx a{margin-top:10px; font-size:20px;}
    .guide-building .select-bx a.active{width:50px;height:50px;line-height:50px;}
}
@media (max-width:991px) {
    .guide-building .info-bx{padding-bottom: 30px;}
    .guide-building .floor-bx .text{font-size:15px; padding:100px 0 0 0; white-space: normal; word-break: break-all;}
    .guide-building .floor-bx .text .administration::before{bottom: 90px;}
    .guide-building .floor-bx .text .dot::before,
    .guide-building .floor-bx .text .dot4::before,
    .guide-building .floor-bx .text .floor_02::before{bottom: 50px;}
    .guide-building .floor-bx .text .floor_01::before{bottom: 68px;}

}

@media (max-width:716px) {
    .guide-building .info-bx{padding-right:0px;margin-bottom:25px; padding-bottom: 0;}
    .guide-building .info-bx .tab{right:auto;width:100%;position:relative;padding:10px 15px;display:flex;align-items:center;flex-direction:row-reverse; border-radius:12px 12px 0 0;}
    .guide-building .info-bx .zoom-bx{margin:0px 0px 0 0;}
    .guide-building .info-bx .zoom-bx a{width:26px;height:26px;}
    .guide-building .info-bx .zoom-bx a + a{margin-left:3px;}
    .guide-building .info-bx .zoom-bx .zoom-in:after{font-size:24px;}
    .guide-building .info-bx .zoom-bx .zoom-out:after{font-size:30px;}

    .guide-building .floor-bx > div h4{font-size:30px;left:15px;top:8px;}
    .guide-building .floor-bx > div h4 span{font-size:20px;}
    .guide-building .floor-bx > div .img_bx{padding:30px 0;}
    .guide-building .floor-bx > div .img_bx img{max-width:97% !important;}

    .guide-building .floor-bx .text{margin:0 15px;padding:45px 0 35px 0; white-space: normal;}
    .guide-building .floor-bx .text span{font-size: 13px;}
    .guide-building .floor-bx .text span::before{bottom: 130px;}
    .guide-building .floor-bx .text .administration::before{bottom: 120px;}
    .guide-building .floor-bx .text strong{padding-right:9px;margin-right:7px;}
    .guide-building .floor-bx .text span br{display: none;}
    .guide-building .floor-bx .text .dot::before{bottom: 110px;}
    .guide-building .floor-bx .text .dot2::before{bottom: 140px;}
    .guide-building .floor-bx .text .dot3::before{bottom: 140px;}
    .guide-building .floor-bx .text .dot4::before{bottom: 126px;}
    .guide-building .floor-bx .text .dot5::before{bottom: 126px !important;}
    .guide-building .floor-bx .text .dot6::before{bottom: 92px !important;}
    .guide-building .floor-bx .text .floor_01::before{bottom: 145px;}
    .guide-building .floor-bx .text .floor_02::before{bottom: 110px;}
    .guide-building .select-bx{display:flex;flex-direction:row;justify-content:flex-start;position:relative;z-index:20;flex:1;}
    .guide-building .select-bx a{width:32px;height:32px;font-size:14px;line-height:30px;margin:0 5px 0 0;}
}
@media (max-width:375px){
    .guide-building .floor-bx .text span::before{bottom: 165px;}
}

/* 강원도소개_조직도*/

.contsArea a:hover {text-decoration: none;}
.chart_area{}
.organization-bx{position:relative;  display: flex; flex-direction: column; align-items: center;}
.organization-bx li > ul{display: flex; flex-direction: column; align-items: center;}
.organization-bx li > ul li:last-child{display: flex; flex-direction: column; align-items: center;}
.chart_area:before{content:'';width:1px;background:#ccc;position:absolute;top: 20px;bottom: 1045px;left:50%; margin-left: 0.5px;}
.organization-bx .level-01 a:after{content: ''; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngr.tjq.tb.xe%2Scntr%2Stjcebiva%2Svzntrf%2Spbagragf%2Spuneg_ot.cat)no-repeat center center; width: 74px; height: 48px; 
position: absolute; right: 0; top: 5px; opacity: 0.1;}
.organization-bx .level-02 a:before{content: ''; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngr.tjq.tb.xe%2Scntr%2Stjcebiva%2Svzntrf%2Spbagragf%2Spuneg_ot.cat)no-repeat center center; width: 74px; height: 48px; 
position: absolute; right: 0; top: 5px; opacity: 0.1;} 
.organization-bx .level-03 a:before{content: ''; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngr.tjq.tb.xe%2Scntr%2Stjcebiva%2Svzntrf%2Spbagragf%2Spuneg_ot.cat)no-repeat center center; width: 74px; height: 48px; 
position: absolute; right: 0; top: 5px; opacity: 0.1;}
.organization-bx .level-03 a::after{content:'';display:block; width: 16px; height:1px;background:#ccc; position:absolute;right: -16px;top:50%; z-index: -2;} 
.organization-bx .level-04 a::before{content: ''; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngr.tjq.tb.xe%2Scntr%2Stjcebiva%2Svzntrf%2Spbagragf%2Spuneg_ot.cat)no-repeat center center; width: 74px; height: 48px; 
position: absolute; right: 0; top: 5px; opacity: 0.1;} 

.organization-bx .level-05 a::before{content: ''; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngr.tjq.tb.xe%2Scntr%2Stjcebiva%2Svzntrf%2Spbagragf%2Spuneg_ot.cat)no-repeat center center; width: 74px; height: 48px; 
position: absolute; right: 0; top: 5px; opacity: 0.1;}
.organization-bx .level-05 a::after{content:'';display:block;width: 16px;height:1px;background:#ccc;position:absolute;right: -16px;top:50%; z-index: -10;} 
.organization-bx .level-02.v2 a::after,
.organization-bx .level-03.v2 a::after,
.organization-bx .level-05.v3 a::after{display: none !important;}
.organization-bx .level-02 a::after{content:'';display:block; width: 16px; height:1px;background:#ccc; position:absolute;right: -16px;top:50%; z-index: -2;} 
.organization-bx .level-01 a{height:60px;line-height:60px; display: block; margin: 0 auto; max-width:246px;text-align:center;margin-top: 0; position: relative; bottom: 0; z-index: 10; border-radius: 12px; background: linear-gradient(119deg , rgba(0, 168 , 134) 12% , rgba(0 , 158 ,168) );color:#fff;font-size:20px;font-weight:600;}
.organization-bx .level-02{margin:38px auto 0;position:relative;}
.organization-bx .level-02 a{display: block; height:60px;line-height:60px; width:246px;text-align:center;margin-top: 0; position: relative; bottom: 0; border-radius: 12px; background: #009ea8;
text-align:center;position: relative; margin-top: 53px; font-size: 18px; color: #fff; font-weight: 500;}
.organization-bx .level-02.v2 a{height:60px;line-height:60px; width:246px;text-align:center;margin: 20px 0 0 262px;  position: relative; top: -80px; border-radius: 12px; background: #009ea8;}
.organization-bx .level-03.v2{width: 0%; height: 0; display: block;}
.organization-bx .level-03 a{display: block; height:50px;line-height:49px; width:246px;margin-top: -55px; bottom: 0; border-radius: 12px; background: #115a9e;
text-align:center;position: relative; font-size: 18px; font-weight: 500; color: #fff;}
.organization-bx .level-03.v2 a{height:50px;line-height:49px;width:246px;text-align:center;margin: 20px 0 15px 262px;  position: relative; top: -70px; border-radius: 12px; background: #115a9e; font-size: 18px; color: #fff; font-weight: 500;} 
.organization-bx .level-04 a{height: 60px;line-height: 60px; font-size: 18px; color: #fff; font-weight: 500; background: #009ea8;width: 246px;text-align: center;position: absolute; top: 185px; left: 5px; border-radius: 12px;}
.organization-bx .level-04.v2 a{height: 60px;line-height: 60px;background: #009ea8;width: 246px;text-align: center;position: absolute;top: 185px;right: 2px; left: auto; border-radius: 12px;}
.organization-bx .level-05 a{display: block; justify-content: center; color: #fff; margin: 0 0 0 -255px;  font-size: 18px; font-weight: 500; height:60px;line-height:60px;background:#009ea8;width:246px;text-align:center;position: relative; border-radius: 12px}
.organization-bx .level-05.v2 a {margin: -60px 0 0 261px;}
.organization-bx .level-05.v3 a{margin: -60px 0 0 766px;}
.chart_area .level-06{display: block; margin: 0 auto; color: #fff; font-size: 18px; font-weight: 500; height:60px;line-height:60px; width:246px;text-align:center;margin-top: 45px; position: relative; bottom: 0; z-index: 10; border-radius: 12px; background: #009ea8;}
.chart_area .level-06::before{content: ''; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngr.tjq.tb.xe%2Scntr%2Stjcebiva%2Svzntrf%2Spbagragf%2Spuneg_ot.cat)no-repeat center center; width: 74px; height: 48px; 
position: absolute; right: 0; top: 5px; opacity: 0.1;}
.chart_area .chart_list{overflow:hidden;text-align:center;position:relative;width: 100%;z-index: 1; font-size: 0; font-family: sans-serif;}
.chart_area .chart_list:before{content:'';display:block;height:1px;background:#ccc;position:absolute;left:10px;right:10px;top: 50px;z-index: -1;}

.chart_area .chart_list.v1::before{
    left: 50%;
    width: 100px;
    margin-left: -50px;
}
.chart_area .chart_list.v1 > li,
.chart_area .chart_list.v2 > li,
.chart_area .chart_list.v3 > li,
.chart_area .chart_list.v4 > li{margin-top: 20px}
.chart_area .chart_list > li{display:inline-block;width:calc(25% - 7px);vertical-align:top;position:relative; padding-left: 5px; margin-left: 5px; margin-top: 25px;z-index: 1;
font-size: 16px;}
.chart_area .chart_list > li:first-child{
    margin-left: 0;
}
.chart_area .chart_list > li a{display:block;height:60px;line-height:60px;background:#242b45;bottom:0px;z-index:10;margin-bottom: 5px; width: 100%; border-radius: 12px; color: #fff;}
.chart_area .chart_list > li ul{text-align:left;background:#fff;border:1px solid #e0e0e0;padding:10px 0px; margin-top: 2px; width: 100%; border-radius: 12px;}
.chart_area .chart_list > li ul li{padding-left:10px;margin-left:10px;white-space:nowrap;position:relative;font-size: 15px;}
.chart_area .chart_list > li ul li a{all:initial;cursor:pointer;}
.chart_area .chart_list > li ul li:before{content:'';width:3px;height:3px;background:#000;border-radius:2px;position:absolute;top:10px;left:0px;}
.chart_area .chart_list.v1 > li ul{min-height: 285px;}
.chart_area .chart_list.v2 > li ul{min-height:285px}
.chart_area .chart_list.v3 > li ul{min-height: 255px;}
.chart_area .chart_list.v4 > li ul{min-height: 246px;}
.chart_area .chart_list.v6 > li ul{min-height: 274px;}
@media screen and (max-width:1199px) {  
    .organization-bx .level-01 a{width: 220px;}
    .organization-bx .level-01 a{font-size: 18px;}
    .organization-bx .level-02 a,
    .organization-bx .level-03 a,
    .organization-bx .level-03.v2 a,
    .organization-bx .level-04 a,
    .organization-bx .level-05 a{font-size:16px;}
    .organization-bx .level-01 a{width: 180px;}
    .organization-bx .level-02 a,
    .organization-bx .level-02.v2 a,
    .organization-bx .level-03 a,
    .organization-bx .level-03.v2 a{width: 180px;}
    .organization-bx .level-02.v2 a,
    .organization-bx .level-03.v2 a{margin-left: 194px;}
    .organization-bx .level-05 a{width: 180px; margin-left: -187px;}
    .organization-bx .level-05.v2 a{margin-left: 194px;}
    .organization-bx .level-05.v3 a{margin-left: 568px;}
    .organization-bx .level-04 a{width: 180px; left: 7px;}
    .organization-bx .level-04.v2 a{width: 180px; right: 5px;}
}

@media screen and (max-width:991px) {
    .organization-bx .level-01 a{font-size: 16px;}
    .organization-bx .level-02 a,
    .organization-bx .level-03 a,
    .organization-bx .level-03.v2 a,
    .organization-bx .level-04 a,
    .organization-bx .level-05 a{font-size:15px;}
    .organization-bx .level-04 a{width: 170px;  left: -15px;}    
    .organization-bx .level-04.v2 a{width: 170px;  right: -15px;}   
    .chart_area .chart_list > li a{margin-bottom: 12px;}
    .chart_area:before{bottom: 1059px;}

}

@media screen and (max-width:760px) {   
    .chart_area{padding-bottom: 22px;}
    .organization-bx .level-01 a{width: 200px; font-size: 16px;}
    .chart_area .level-06{width: 220px;}
    .organization-bx .level-02 a,
    .organization-bx .level-02.v2 a,
    .organization-bx .level-03 a,
    .organization-bx .level-03.v2 a{width: 170px;}
    .organization-bx .level-04 a{top: 289px; left: 4px;}
    .organization-bx .level-04.v2 a{top: 289px; right: -1px;}
    .organization-bx .level-05 a{margin: 120px 0 100px -182px; width: 170px;}
    .organization-bx .level-05 a::after{width: 24px; right: -24px;}
    .organization-bx .level-05.v2 a{width:170px; margin: -160px 0 0 193px;}
    .organization-bx .level-02 a::after,
    .organization-bx .level-03 a::after{width: 24px; right: -24px;}
    .organization-bx .level-05.v3 a{ margin: -60px 0 0 -181px;}
    .organization-bx .level-05.v2 a::after{display: none;}
    .chart_area .chart_list.v2 .environment{position: relative;}
    .chart_area .chart_list.v2 .environment::before{content:'';display:block; width: 200px; height:1px;background:#ccc;position:absolute;left:200px;right:10px;top: 28px;z-index: -1;}
    .chart_area .chart_list > li{width:calc(50% - 5px);padding-bottom: 0px;}
    .chart_area .chart_list > li:nth-child(3){margin-left:0px;}
    .chart_area .chart_list:after{display:block;height:1px;background:#ccc;position:absolute;bottom:300px;left:10px;right:10px;}
    .chart_area .chart_list.v2:after{bottom:350px;}
    .chart_area .chart_list.v4 > li.a1{ margin-left: -8px;}
    .chart_area .chart_list.v4 > li:nth-child(2n),
    .chart_area .chart_list.v3 > li:nth-child(2n),
    .chart_area .chart_list.v1 > li:nth-child(2n){margin-left: 6px;}
    .in .chart_list > li{margin-top:10px;}
    .chart_area .chart_list > li ul li{font-size:14px;}
    .chart_area .chart_list > li ul li:before{top:8px;}
    .chart_area .chart_list > li a{font-size: 15px; margin-bottom: 12px;}
    .chart_area:before{bottom: 1995px;}
    .chart_area .chart_list > li:first-child{padding-left: 0;}
}
@media screen and (max-width:414px) {   
    .organization-bx .level-04 a{left: 2px;}
    .organization-bx .level-04.v2 a{right: 0;}
    .organization-bx .level-01 a,
    .organization-bx .level-02 a,
    .organization-bx .level-02.v2 a,
    .organization-bx .level-03 a,
    .organization-bx .level-03.v2 a,
    .organization-bx .level-04 a,
    .organization-bx .level-04.v2 a,
    .organization-bx .level-05 a,
    .organization-bx .level-05.v2 a,
    .organization-bx .level-05.v3 a{width: 185px;}
    .organization-bx .level-05 a{margin: 120px 0 100px -188px;}
    .organization-bx .level-05.v3 a{margin: -60px 0 0 -188px;}   
      
}
@media screen and (max-width:390px) {   
    .organization-bx .level-04 a{left: 0;}
    .organization-bx .level-04.v2 a{right: 0;}
    .organization-bx .level-04 a{left: 0;}
    .organization-bx .level-04.v2 a{right: 0;}
    .organization-bx .level-01 a,
    .organization-bx .level-02 a,
    .organization-bx .level-02.v2 a,
    .organization-bx .level-03 a,
    .organization-bx .level-03.v2 a,
    .organization-bx .level-04 a,
    .organization-bx .level-04.v2 a,
    .organization-bx .level-05 a,
    .organization-bx .level-05.v2 a,
    .organization-bx .level-05.v3 a{width: 170px;}
    .organization-bx .level-05 a{margin: 120px 0 100px -182px;}
    .organization-bx .level-05.v3 a{margin: -60px 0 0 -181px;}

}
@media screen and (max-width:375px) {
    .organization-bx .level-01 a,
    .organization-bx .level-02 a,
    .organization-bx .level-02.v2 a,
    .organization-bx .level-03 a,
    .organization-bx .level-03.v2 a,
    .organization-bx .level-04 a,
    .organization-bx .level-04.v2 a,
    .organization-bx .level-05 a,
    .organization-bx .level-05.v2 a,
    .organization-bx .level-05.v3 a{width: 150px;}
    .organization-bx .level-04 a{left: 0;}
    .organization-bx .level-04.v2 a{right: 0;}
    .organization-bx .level-02 a::after,
    .organization-bx .level-03 a::after,
    .organization-bx .level-05 a::after{width: 45px; right: -45px;}
    .organization-bx .level-05 a{margin: 120px 0 100px -173px;}
    .organization-bx .level-05.v2 a{width:150px; margin: -160px 0 0 195px;}
    .organization-bx .level-05.v3 a{margin: -60px 0 0 -172px;}
}   

@media screen and (max-width:360px) {
    .organization-bx .level-01 a,
    .organization-bx .level-02 a,
    .organization-bx .level-02.v2 a,
    .organization-bx .level-03 a,
    .organization-bx .level-03.v2 a,
    .organization-bx .level-04 a,
    .organization-bx .level-04.v2 a,
    .organization-bx .level-05 a,
    .organization-bx .level-05.v2 a,
    .organization-bx .level-05.v3 a{width: 140px;}
    .organization-bx .level-02 a::after,
    .organization-bx .level-03 a::after,
    .organization-bx .level-05 a::after{width: 60px; right: -60px;}
    .organization-bx .level-05 a{margin: 120px 0 100px -167px;}
    .organization-bx .level-05.v3 a{margin: -60px 0 0 -167px;}
}

.chart_area .inner_02{position:relative; padding-top: 72px;}
.chart_area .inner_02 .chart_list_02{text-align:center;position:relative;}
.chart_area .inner_02 .chart_list_02:before{content:'';display:block;height:1px;background:#ccc;position:absolute;top:53px;left:20px;right:20px;}
.chart_area .inner_02 .chart_list_02 > li{display:inline-block;width:calc(25% - 20px); vertical-align:top; margin-left: 10px; position:relative;margin-top:25px;}
.chart_area .inner_02 .chart_list_02 > li:first-child{margin-left:0px;}
.chart_area .inner_02 .chart_list_02 > li strong{height:60px;line-height:60px; border-radius: 12px; display: block; background:#eaebee;color:#3f4953;font-weight:400;z-index:10;position:relative;}
.chart_area .inner_02 .chart_list_02 > li strong.a1{margin-left: 2px;}
.chart_area .inner_02 .chart_list_02 > li strong.a2{line-height:1.2;font-size:14px;padding-top:13px;}
.chart_area .inner_02 .chart_list_02 > li ul{text-align:left;background:#fff;border:1px solid #bfbfbf; border-radius: 12px; padding:10px 0px;margin-top:8px; min-height:638px;}
.chart_area .inner_02 .chart_list_02 > li ul li{padding-left:10px;margin-left:10px;position:relative;}
.chart_area .inner_02 .chart_list_02 > li ul li:before{content:'';width:3px;height:3px;background:#000;border-radius:2px;position:absolute;top:10px;left:0px;}

@media screen and (max-width:716px) {   
    .chart_area .inner_02 .chart_list_02:after{content:'';display:block;height:1px;background:#ccc;position:absolute;top:695px;left:10px;right:10px;}
    .chart_area .inner_02 .chart_list_02 > li{width:calc(50% - 8px);}
    .chart_area .inner_02 .chart_list_02 > li strong{width: 100%;}
    .chart_area .inner_02 .chart_list_02 > li:nth-child(3){margin-left:0px;}
    .chart_area .inner_02 .chart_list_02 > li ul{min-height:548px;}
    
}

@media screen and (max-width:460px) {
    .chart_area .inner_02 .chart_list_02 > li ul li{font-size:14px;}
    .chart_area .inner_02 .chart_list_02 > li ul{height:342px;}
    .chart_area .inner_02 .chart_list_02:after{top:453px; display: none;}
}



/* 강원도소개_도지사 인사말 */

.greeting_area{position:relative;overflow:hidden}
.greeting_area .img_box{position:absolute;top: 27px;right:0px;width:43%; padding: 32px; border: 1px solid #d7d7d7;}
.greeting_area .img_box img{width:100%;max-width:100% !important;}
.img_box {}
.greeting_area .img_box .mobile_mayor{display:none;} 
.greeting_area .title{background:none !important;font-size:30px !important;font-weight:300;color:#000;line-height:1.2;letter-spacing:-1px;padding-left:0px !important;}
.greeting_area .text_box{margin-top:28px;width:55%;; word-break: keep-all;}
.greeting_area .text_box .tit_txt{font-weight: 600;line-height: 1.3;color: #1c64c6;font-size: 34px;padding: 0 0 20px;display: block;}
.greeting_area .text_box p{font-weight:300;color:#000;line-height:1.6;letter-spacing:-1px;}
.greeting_area .text_box p + p{margin-top:28px;}

.sns-bx{padding-top:15px;text-align:right; padding-right: 35px;}
.sns-bx a{display:inline-block;width:35px;}
.sns-bx a img{image-rendering: -webkit-optimize-contrast;display:block;width:100%;transition:all .25s;}
.sns-bx a:hover img{filter:grayscale(1);}
.sns-bx a + a{margin-left:10px;}


@media screen and (max-width: 991px){
    .greeting_area .img_box{padding: 20px;}  
}

@media screen and (max-width: 716px){
    .greeting_area .img_box{position:relative;top:inherit;right:inherit;margin-top:25px;width:100%; padding: 15px;}
    .greeting_area .img_box .mobile_mayor{display:block;} 
    .greeting_area .img_box .pc_mayor{display:none;}
    .greeting_area .title{font-size: 25px;}
    .greeting_area .text_box{width:100%;}
    .greeting_area .text_box p{font-size: 14px;}
    .greeting_area .text_box .tit_txt{font-size: 30px;}
} 


/* 강원도소개_주민소통 */

.communication .economy{display: flex; border: 1px solid #c5c9d5; border-radius: 12px; padding: 20px 30px;  background: #f4f5f9; position: relative; z-index:10}
.communication.v2 .economy,
.communication.v3 .economy{padding: 30px 49px 30px 29px; margin-bottom: 32px;}
.communication .economy .online{padding-top: 10px; display: flex;flex-direction: column;justify-items: center;justify-content: center;align-items: center;}
.communication.v2 .economy .online,
.communication.v3 .economy .online{padding-top: 0}
.communication .economy .online img{display: block; width: 245px; height: auto; border-radius: 10px; margin-bottom: 17px;}
.communication .economy .online .contsBtn{width: 100%;margin-right: 0;}
.communication.v2 .economy .online img,
.communication.v3 .economy .online img{width: 340px; height: auto; margin-bottom: 0;}
.communication .economy .online_text{padding-left: 40px;}
.communication.v2 .economy .online_text,
.communication.v3 .economy .online_text{padding-left: 29px;}
.communication.v2 .economy .online_text p{padding-top: 37px; word-break: keep-all;}
.communication.v3 .economy .online_text p{padding-top: 10px; word-break: keep-all;}
.communication.v2 .economy .online_text p:nth-child(1),
.communication.v3 .economy .online_text p:nth-child(1){padding-top: 0;}
.communication .propel{display: flex; border: 1px solid #c5c9d5; border-radius: 12px; padding: 42px 29px; margin-bottom: 50px; background: #fff; position: relative; z-index: 10;}
.communication .propel .online img{display: block; width: 190px; height: 152px; border-radius: 10px; margin-bottom: 17px;}
.communication .propel .online_text{padding-left: 50px;}
.communication.v3 .route img{display: block; padding-top: 23px; max-width: 100%;}
@media screen and (max-width: 991px){
    .communication.v2 .economy .online img{height: auto;}
}    
@media screen and (max-width: 716px){
    .communication .economy,
    .communication .propel{display: block; padding: 20px;}
    .communication.v2 .economy,
    .communication.v3 .economy{padding: 25px;}
    .communication.v2 .economy .online img,
    .communication.v3 .economy .online img{display: block; margin: 0 auto;  width: 190px; height: 200px; margin-bottom: 20px;}
    .communication .economy .online_text,
    .communication .propel .online_text{padding-left: 0}
    .communication.v2 .economy .online_text,
    .communication.v3 .economy .online_text{padding-left: 0;}
    .communication.v2 .economy .online_text p,
    .communication.v3 .economy .online_text p{padding-top: 10px; font-size: 14px;}
}    

/* 강원도소개_강원도종합계획 */

.plan img{max-width: 100%;}
.plan h4{display: flex; justify-content: space-between;}
.plan h4 a img{vertical-align: middle;}

@media screen and (max-width: 760px){
    .plan h4{display: block;}
    .plan h4 a{display: inline-block; padding: 10px 0;}
}

/* 강원도소개_국민신청실명제 */

.procedure_style_03 ul li{display:inline-block;position:relative;border:1px solid #c6c6c6;width:calc(25% - 44px);margin:0 40px 20px 0 !important;border-radius:3px;vertical-align:top;background:#f5f5f6 !important;min-height:120px;padding-left: 0px !important;}
.procedure_style_03 ul li:after{content:'';width:16px;height:24px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngr.tjq.tb.xe%2Scntr%2Stjcebiva%2Svzntrf%2Spbagragf%2Sfc_pbagf.cat)no-repeat -69px 0; position:absolute;right:-36px;top:43px;}
.procedure_style_03 ul li:last-child:after{display:none;}
.procedure_style_03 ul li:last-child{margin-right:0 !important;}
.procedure_style_03 ul li .text{display:block;text-align:center;margin-top:20px;font-weight:300;color:#333;font-size:16px;padding-right:0px !important;}
.procedure_style_03 ul li .text02{display:block;text-align:center;font-weight:300;color:#00529b;font-size:16px;}
.procedure_style_03.v4 ul li .text{color:#00529b;}
.procedure_style_03.v4 ul li .text02{color:#333;}
.procedure_style_03.lv5 ul li{width:calc(20% - 37px)!important;}

@media screen and (max-width:991px) {
    .procedure_style_03 ul li{width:calc(33.333333% - 44px);margin:0 62px 20px 0;}
    .procedure_style_03 ul li:nth-child(3n){margin-right:0 !important;}
}

@media screen and (max-width:716px) {
    .procedure_style_03 ul li{display:block;width:100%;margin:0 0 57px 0 !important; min-height:90px;padding-bottom:19px;}
    .procedure_style_03 ul li:last-child{margin-bottom:0 !important;}
    .procedure_style_03 ul li:after{content:'';width:25px;height:16px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngr.tjq.tb.xe%2Scntr%2Stjcebiva%2Svzntrf%2Spbagragf%2Sfc_pbagf.cat) no-repeat -95px 0;position:absolute;right:inherit;bottom:-38px;left:50%;margin-left:-13px;top:inherit}
    .procedure_style_03 ul li .text{margin-top: 20px;}
    .procedure_style_03 ul li .text br{display:none;}
}

/* 강원도소개_정보공개편람 */

.information{border: 1px solid #c5c9d5; background: #fcfcfc; padding: 35px;}

@media screen and (max-width:716px) {
    .information{padding: 19px;}
}



/* 강원도소개_조직인사 */

.jozix h4{display: flex;}
.jozix h4 a{display: block; flex: 1; margin-right: 18px; width: 130px; height: 130px; text-align: center; padding-top: 20px; border: 1px solid #c5c9d5; border-radius: 10px;}
.jozix h4 a:nth-child(8){margin-right: 0;}
.jozix h4 a.active{text-decoration: underline; background: #f1f2f4;}
.jozix h4 a img{display: inline-block; max-width: 100%;}
.jozix h4 a span{display: block; text-align: center; line-height: 1.3; font-size: 14px;}
.jozix .civil .city > li{display: none;}
.jozix .civil .city > li.active{display: block;}

.jozix .standard{text-align: right;}
.jozix .graph{position: relative; border: 1px solid #c5c9d5; border-radius: 12px; overflow: hidden;}
.jozix .graph::before{content: ''; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngr.tjq.tb.xe%2Scntr%2Stjcebiva%2Svzntrf%2Spbagragf%2Scnggrea.cat)repeat center center/5px 6px; width: 960px; height: 6px;
position: absolute; left: 50%; bottom: 92px; z-index: 1; margin-left: -480px;}
.jozix .graph img{display: block; max-width: 100%; margin: 0 auto; padding: 40px 10px 35px 10px;}

@media screen and (max-width:760px) {
    .jozix h4{display: block;}
    .jozix h4 a{display: inline-block; width: calc(50% - 4px); height: 120px; padding-top: 15px; margin:0 2px 6px 0; vertical-align: top;}
    .jozix p{font-size: 14px;}
    .jozix .graph{margin-top: 10px;}
    .jozix .graph::before{bottom: 42px; background-size: 3.5px 3px; height: 3px;}
   
}    

/* 강원도소개_부서 및 직원 검색 */
.board em{color: #114ab0;}
.grSrch-selectBox{width: 50%;}
.grSrch{display: flex;}

/* 강원도소개_민속 */

    .folklore{display: flex; justify-content: space-between;}
    .folklore .top_btn{position: relative;  border: 1px solid #848484; border-radius: 5px; width: 30%; padding: 15px 0; text-align: center; transition: all 0.4s;}
    .folklore .top_btn::before{content: ''; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngr.tjq.tb.xe%2Scntr%2Stjcebiva%2Svzntrf%2Spbagragf%2Sqbg2.cat)no-repeat; width: 1px; height: 13px;
    position: absolute; right:-28px; top: 20px;}
    .folklore .top_btn:nth-child(3)::before{display: none;}
    .folklore .top_btn a{display: block; position: relative;}
    .folklore .top_btn:hover{background: #000; color: #fff;}
    .folklore .top_btn:hover a{color: #fff;}
    .folklore .top_btn:hover a::after{background-position-x: -49px;}
    .folklore .top_btn a span{padding: 0 40px 0 5px; display: block; overflow: hidden; text-overflow: ellipsis; max-width: 100%; white-space: nowrap;}
    .folklore .top_btn a::after{content: ''; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngr.tjq.tb.xe%2Scntr%2Stjcebiva%2Svzntrf%2Spbagragf%2Sqbja_fcevgrf.cat)no-repeat -10px -10px;
    position: absolute; right:28px; bottom: 7px; width: 19px; height: 16px;}
    .origin{padding: 0 47px; border: 1px solid #d9d9d9; border-radius: 9px; margin-top: 23px; overflow: hidden;}
    .origin h2{text-align: center; font-size: 26px; font-weight: 700; color: #5b8edd; padding: 40px 0 90px 0;}
    .origin_text{position: relative; margin-bottom: 105px;}
    .origin_text:nth-child(13){margin-bottom: 50px;}
    .origin_text::before{content: ''; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngr.tjq.tb.xe%2Scntr%2Stjcebiva%2Svzntrf%2Spbagragf%2Scnggrea.cat)repeat center center/5px 6px; width: 960px; height: 6px;
    position:absolute; left: 50%; top: -50px; margin-left: -480px;}


    @media screen and (max-width:991px) {
        .folklore .top_btn::before{display: none;}

    }

    @media screen and (max-width:760px) {
        .folklore .top_btn a::after{right: 8px; top: 2px;}
        .folklore .top_btn a span{padding: 0 30px 0 5px; font-size: 14px;}
        .origin{padding: 0 20px;}
        .origin h2{padding: 20px 0 70px 0; font-size: 20px;}
        .origin_text{margin-bottom: 20px;}
        .origin_text:nth-child(13){margin-bottom: 30px;}
        .origin_text::before{background-size: 2.5px 3px; height: 3px;}

    }

      @media screen and (max-width:716px) {
        .grSrch{flex-direction: column;}
      }


/* 강원도소개_역대도지사 */

.dosisa{overflow-y: auto; height: 333px;display:flex;}
.dosisa_img img{display: block; float: left; max-width: 100%;margin-right:15px;}
.dosisa dl dt{position: relative; margin: 15px 0; padding:15px 0 0 15px; overflow: hidden;}
.dosisa dl dt::before{content: ''; display: block; background: #000; width: 4px; height: 4px; border-radius: 2px;
position: absolute; left: 5px; top: 25px;}
.dosisa dl dt:nth-child(4){clear: both;}
.dosisa dl dd{padding-left: 20px;}
#sub .skinTb > tbody > tr{position: relative;}
#sub .skinTb > tbody > tr .dosisa_box{display: none; position: absolute; left: 0; top: 46px; z-index: 10; width: 100%; height: auto; padding: 10px; border: 1px solid #000; background: #f7f7f7;}
#sub .skinTb > tbody > tr .dosisa_box.active{display: block;}
#sub .skinTb > tbody > tr .dosisa_box em{display: inline-block;}
.skinTb-wrapper{overflow-x:visible;}
@media screen and (max-width:760px) {
    .dosisa dl dt{font-size: 15px;}
    .dosisa dl dd{font-size: 14px;}
}    


/* 강원도브리핑_강원TV */

.promote{border: 1px solid #c5c9d5; border-radius: 12px; width: 100%; padding: 46px; overflow: hidden;}
.promote .plan{position: relative;  display: flex; justify-content: space-between; padding-top: 35px;}
.promote .plan::after{content: ''; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngr.tjq.tb.xe%2Scntr%2Stjcebiva%2Svzntrf%2Spbagragf%2Scnggrea.cat)repeat center center/5px 6px;
width: 930px; height: 6px; position: absolute; left: 50%; bottom: -31px; margin-left: -465px;}
.promote .plan span{color: #707070;}
.promote .post ul{display: flex; justify-content: space-between; padding-top: 74px;}
.promote .post ul li{flex: 1;}
.promote .post ul li + li{padding-left: 15px;}
.promote .post ul li img{display: block;  border: 1px solid #c5c9d5; max-width: 100%; border-radius: 6px;}
.promote .post ul li span{display: block; width: 200px; line-height: 40px; color: #707070; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.info_box{padding: 11px 38px 20px; display: flex; margin-top: 20px; background: #f3f3f3; overflow: hidden;}
.info_box a{display: block; margin-top: 10px; flex: 1 50%; margin-right: 27px;text-align: center; background: #fff; height: 53px; padding-top: 10px;  border: 1px solid #eaeaea;}
.info_box a img{display: inline-block; vertical-align: middle;}
.info_box a:nth-child(4){margin-right: 0;}

@media screen and (max-width:991px) {
    .promote{padding: 23px;}
    .promote .post ul{flex-wrap: wrap; max-width: 500px; margin: 0 auto;}
    .promote .post ul li:nth-child(-n+2){padding-bottom: 30px;}
    .promote .post ul li:nth-child(3){padding-left: 0;}
    .info_box a{flex: 1 20%;}
}    


@media screen and (max-width:710px) {
    .promote .plan{display: block;}
    .promote .plan::after{background-size: 3.5px 3px; height: 3px;}
    .promote .plan span{font-size: 14px;}
    .promote .post ul{ padding-top: 44px;}
    .promote .post ul li{flex: 0; padding-top: 20px;}
    .promote .post ul li:nth-child(-n+2){padding-bottom: 0;}
    .promote .post ul li + li{padding-left: 0;}
    .promote .post ul li span{font-size: 14px; width: 180px;}
    .info_box{display: block;}
    .info_box a:nth-child(2){margin-right: 0;}
    .info_box a{flex: 1 100%; margin-right: 0;}
}    

@media screen and (max-width:414px) {
    .promote .post ul{justify-content: center;}
}    


/* 강원브리핑_웹진 행복한 강원도*/

.happy .webzine_search{display: flex; position: relative; width: 100%; padding:0px 32px 23px 32px;}
.happy .webzine_search::before{content: ''; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngr.tjq.tb.xe%2Scntr%2Stjcebiva%2Svzntrf%2Spbagragf%2Sgrkg_ot.cat)no-repeat center center;
max-width: 1024px; height: 166px; position: absolute; left: 50%; right: 0; top: 0; z-index: -1; margin-left: -512px;}
.happy .webzine_search::after{content: ''; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngr.tjq.tb.xe%2Scntr%2Stjcebiva%2Svzntrf%2Spbagragf%2Scnggrea.cat)repeat center center/5px 6px;
width: 1022px; height: 6px; position: absolute; left: 50%; bottom: 0; margin-left: -511px;}
.happy .webzine_search .title{color: #2c57ab; font-weight:600; padding:31px 0 15px 0;}
.happy .webzine_search .title.inline_block{display:inline-block;vertical-align:-3px;margin-right:6px;margin-bottom:0;}

.happy .webzine_search select{color:#666;font-weight:300;font-size:16px;padding-left:12px;border:1px solid #adadad;width:131px;height:34px;line-height:34px;}
.happy .webzine_search input[type="submit"]{height:34px;line-height:34px; font-size: 16px; background:#333;color:#fff;padding:0 10px;margin:0 0 15px 6px;text-align:center;}
.happy .webzine_search fieldset{margin-top:24px;}
.happy .webzine_search label{color:#454545;font-size:16px;font-weight:500; margin-right:6px;  vertical-align:-3px;}
.happy .webzine_search label.v2{color:#666;font-weight:300; margin-top: 11px; }
.happy .webzine_search input[type="text"]{width:84px;height:34px;line-height:34px;color:#666;font-weight:300;font-size:16px;padding-left:12px; margin-bottom: 15px; border:1px solid #adadad;}
.happy .webzine_search input[type="text"] + input[type="text"]{margin-left:6px; width: 190px;}
.happy .webzine_search input[type="checkbox"]{vertical-align:-3px;}

.happy .webzine_search .search_box_01{display: flex; align-items: baseline; white-space: nowrap;}
.happy .webzine_search .cont_data{display: flex; justify-content: center; margin-left: 10px;}
.happy .webzine_search .search_box_01.v2{width:54%;white-space:nowrap; padding-left: 14px; margin-top: -10px;}
.happy .webzine_search .v1{padding-left: 37px;}
.happy .webzine_search .search_box_02{display: flex; flex-wrap: wrap; width:100%;position:relative;}
.happy .search_box_02 .check_box .personal{display: flex; flex-direction: column; margin-top: -8px; border: 1px solid #d9d9d9; background: #fafbff; padding: 16px 13px 20px 21px;}
.happy .search_box_02 .check_box em{display: inline-block; color: #666;}
.happy .search_box_02 .check_box strong{font-weight: 600; color: #2c57ab;}
.happy .search_box_02 .check_box span{color: #e60012;font-weight: 600;}
.happy .webzine_search input::-webkit-input-placeholder{color:#666;font-weight:300;font-size:16px;}
.happy .webzine_search input::-webkit-input-placeholder{color:#666;font-weight:300;font-size:16px;}
.happy .webzine_search input::-moz-placeholder{color:#666;font-weight:300;font-size:16px;}
.happy .webzine_search input:-ms-input-placeholder{color:#666;font-weight:300;font-size:16px;}
.happy .webzine_search input:-moz-placeholder{color:#666;font-weight:300;font-size:16px;}
.happy .webzine_search input::placeholder{color:#666;font-weight:300;font-size:16px;}
.happy .webzine_list{padding:10px 0 20px;border-bottom:1px solid #ccc;}
.happy .webzine_list ul{overflow:hidden;}
.happy .webzine_list ul li{margin-top:40px;float:left;width:calc(33.3333% - 41px);}
.happy .webzine_list ul li:nth-child(4n){width:122px;}
.happy .webzine_list ul li a{display:block;border:1px solid #d9d9d9;width:122px;height:176px;}
.happy .webzine_list ul li a img{display:block;}

@media screen and (max-width:1199px) {
    .happy .webzine_search{padding:0px 55px 23px 55px;}
    .happy .webzine_search::before{max-width: 100%;}
    .happy .webzine_search .cont_data{justify-content: flex-start; margin-left: 0;}
}   

@media screen and (max-width:1024px) {
    .happy .webzine_search{padding: 0px 55px 23px 0;}
}

@media screen and (max-width:991px) {
    .happy .webzine_search{padding:0px 6px 23px 6px;}
    .happy .webzine_search::before{max-width: 1024px;}
    .happy .webzine_search input[type="text"]{min-width: 250px;}
    .happy .webzine_search .v1{padding-left: 17px;}
    .happy .webzine_search .search_box_01{flex-wrap: wrap; width: 26%; padding-bottom: 30px;}
    .happy .webzine_search .search_box_01.v2{width: 26%; padding-left: 0;}
    .happy .webzine_search .search_box_02{flex-direction: column; align-items: flex-start; width: 100%;}
    .happy .webzine_search input[type="text"] + input[type="text"]{margin-left: 0;}
    .happy .webzine_search input[type="submit"]{margin: 0;}
    .happy .search_box_02 .check_box .personal{padding: 10px; margin-top: 15px;}
}   

  
@media screen and (max-width:760px) {
    .happy .webzine_search{display: block; padding: 0 0 23px 0;}
    .happy .webzine_search label{font-size: 14px; height: 30px; vertical-align: -1px;}
    .happy .webzine_search input[type="text"]{margin-bottom: 5px; font-size: 14px; width: 100%;}
    .happy .webzine_search input[type="text"] + input[type="text"]{width: 100%;}
    .happy .webzine_search input::placeholder{font-size: 14px;} 
    .happy .webzine_search input[type="submit"]{font-size: 14px; width: 100%;} 
    .happy .webzine_search .search_box_01{flex-wrap: wrap; padding-bottom: 20px; width: 100%;}
    .happy .webzine_search .search_box_01.v2{width: 100%; padding-left: 0;}
    .happy .webzine_search .search_box_02{width: 100%;}
    .happy .webzine_search .v1{padding-left: 0;}
    .happy .search_box_02 .check_box .personal{word-break: keep-all;}
}    

.happy .webzin_wrap > ul{display: flex; justify-content: space-between; flex-wrap: wrap;}
.happy .webzin_ct{display: flex; padding-top: 38px;}
.happy .webzin_box{display: flex; padding: 40px 20px 40px 28px; border-radius: 10px; border: 1px solid #c5c9d5; background: #fafbff;}
.happy .webzin_box img{width: 120px; border: 1px solid #c5c9d5;}
.happy .webzin_ct ul{padding:10px 0 0 15px;}
.happy .webzin_ct ul li{text-align: center;}
.happy .webzin_ct ul li em{font-size: 14px; color: #e60012; font-weight: bold;}
.happy .webzin_ct ul li strong{display: block; padding-bottom: 15px; font-size: 20px; font-weight: bold; white-space: nowrap;}
.happy .webzin_ct ul li span{display: inline-block; position: relative; font-size: 18px; border: 1px solid #2c57ab; border-radius: 40px;
 white-space: nowrap; margin-top: 15px; padding: 5px 18px; color: #2c57ab;}
.happy .webzin_ct ul li span::before{content: ''; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngr.tjq.tb.xe%2Scntr%2Stjcebiva%2Svzntrf%2Spbagragf%2Scnggrea.cat)repeat center center/5px 6px;
width: 122px; height: 6px; position: absolute; left: 50%; top: -22px; margin-left: -61px;}



@media screen and (max-width:991px) {
    .happy .webzin_box{padding: 40px 15px 40px 15px;}
    .happy .webzin_ct ul{padding:10px 0 0 90px;}
    .happy .webzin_wrap > ul li{margin-right: 7px;}
    .happy .webzin_wrap > ul li:nth-child(2n){margin-right: 0;}
}


@media screen and (max-width:830px){
    .happy .webzin_ct ul{padding:10px 0 0 100px;}
}

@media screen and (max-width:716px) {
    .happy .webzin_box{padding: 40px 32px 40px 32px; width: 100%;}
    .happy .webzin_ct ul{padding:10px 0 0 50px;}
    .happy .webzin_ct ul li span::before{background-size: 3.5px 3px; height: 3px;}
    .happy .webzin_wrap > ul{justify-content: space-around;}
    .happy .webzin_wrap > ul li{margin-right: 0; display: block;}
}


/* 강원브리핑_포커스강원 */


    .focus_list{position:relative;padding:20px 0 !important; border-bottom:1px solid #e6e6e6;overflow:hidden;}
    .focus_list dd.photo {width:253px;margin-bottom:0;float:left; margin-right: 15px;}
    .focus_list dd.photo a {display:inline-block; border:1px solid #e6e6e6;}
    .focus_list dd.photo a img{display:block; width: 249px; height:144px;}
    .focus_list dt { position:relative;top:0;overflow:hidden;}
    .focus_list dt a {font-weight:500;}
    .focus_list dd.text {position:relative;margin-top:10px;font-weight:300;}


@media screen and (max-width:600px) {
    .focus_list dd.photo{float:none;margin-right:0;width:100%;overflow:hidden;display:block;}
    .focus_list dt{margin-top:10px;}
    .focus_list dd.photo a{width:100%;}
    .focus_list dd.photo a img{width:100% !important;height:auto !important;}
}



/* @media screen and (max-width:1399px) {
    .gangwondobo{height: 1400px; padding-left: 0;}
    .gangwondobo::before{width: 100%; height: 1400px; background-size: cover;}
}

@media screen and (max-width:991px) {
    .gangwondobo{height: 1300px;}
    .gangwondobo::before{height: 1300px;} 
    .gangwondobo > em{font-size: 1.5rem; margin-right: 25px;}
    .gangwondobo_tit > span{font-size: 3rem;}
    .gangwondobo_txt{padding: 25px;}
    address{padding: 20px 20px 0;}
}

@media screen and (max-width:760px) {
    .gangwondobo{height: 100%;}
    .gangwondobo::before{height: 100%;} 
    .gangwondobo_tit{padding: 15px;}
    .gangwondobo > em{margin-right: 15px;}
    .gangwondobo_tit > span{font-size: 2.5rem;}
    .gangwondobo_txt{padding: 15px;}
    .gangwondobo_txt dl > div{padding-top: 15px;}
    .gangwondobo_txt dl dt{padding-bottom: 4px;}
    .gangwondobo_txt dl dd{padding-bottom: 15px;}
    .gangwondobo_txt dl dd:last-child{padding-bottom: 15px;}
    .gangwondobo_txt dl > .public dd:last-child{padding-bottom: 0;}
    .gangwondobo_txt dl dd a::before{top: 6px;}
    address{flex-direction: column; padding: 15px 15px 0; word-break: keep-all;}
    address p br{display: none;}
    address a{margin: 15px 0 15px;} 
} */

/* 도정마당_강원도보 */
/* 도정마당_강원도보 */
.dobo_title{border: 1px solid #d9d9d9; border-radius: 10px; display: flex; align-items: center; justify-content: space-between; padding: 16px 16px 16px 28px;
margin-top: 30px;}
.dobo_title.v2{border: 1px solid #d9d9d9; border-radius: 10px; display: flex;  align-items: flex-start; justify-content: space-between; padding: 16px 22px 16px 30px;
margin-top: 30px;}
.dobo_title > span{display: inline-block; position: relative; word-break: keep-all;}
.dobo_title > span::before{content: ''; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngr.tjq.tb.xe%2Scntr%2Stjcebiva%2Svzntrf%2Spbagragf%2Sqbg.cat)no-repeat center center; width: 5px; height: 15px;
position: absolute; left: 67px; top: 5px;}
.dobo_title .dobo {display: flex;align-items: center;flex: 1;flex-direction: unset;}
.dobo_title .dobo em{color: #2c57ab; padding-right: 32px;}
.dobo_title .dobo span{display: flex;align-items: center;flex: 1;}
.dobo_title .dobo div{display: flex;justify-items: flex-end;}
.dobo_title .happy .webzine_search::before{display: none;}
.dobo_title .happy .webzine_search{padding: 0;}
.dobo_title .happy .webzine_search fieldset{margin-top:0;}
.dobo_title .happy .webzine_search .title{padding:0 0 5px;font-size:inherit;}
.dobo_title .search_box_01{display: flex; align-items: center; width:46%; white-space: nowrap;}
.dobo_title .search_box_01.v2{width:54%;white-space:nowrap; padding-left: 14px; margin-top: -10px;}
.dobo_title .happy .webzine_search .v1{padding-left: 37px;}
.dobo_title .happy .webzine_search .search_box_02{display: flex; flex-wrap: wrap; width:100%; padding-bottom: 0; position:relative; white-space: nowrap;}
.dobo_title .search_box_02 .check_box .personal{display: flex; flex-direction: column; border: 1px solid #d9d9d9; background: #fafbff; padding: 16px 13px 20px 21px;}
.dobo_title .search_box_02 .check_box em{display: inline-block; color: #666;}
.dobo_title .search_box_02 .check_box strong{font-weight: 600; color: #2c57ab;}
.dobo_title .search_box_02 .check_box span{color: #e60012;}
.dobo_title .happy .webzine_search label{margin-top: 11px;}
.dobo_title .happy .webzine_search::after{content: ''; background: none; width: 0; height: 0; position: absolute; left: 0; bottom: 0; margin-left: 0;}
.dobo_area span{display: block; padding-bottom: 10px; padding-top: 13px; border-bottom: 1px solid #c5c9d5;}


@media screen and (max-width:1399px) {
    .dobo_title .search_box_02 .check_box{flex: 1;}
}

@media screen and (max-width:1024px) {
    .dobo_title .dobo em{padding-right: 20px;}
    .dobo_title .happy .webzine_search .search_box_02{flex-direction: row;}
    .dobo_title .happy .webzine_search input[type="text"] + input[type="text"]{margin-left: 10px;}
    .dobo_title .happy .webzine_search input[type="submit"]{margin-left: 10px;}
}

@media screen and (max-width:991px) {
/*    .dobo_title .dobo{padding-bottom: 15px;}*/
    .dobo_title .dobo > span{padding-right: 20px;}
/*    .dobo_title.v2{flex-direction: column;}*/
    .dobo_title .dobo em{padding-right: 20px;}
    .dobo_title .happy .webzine_search .v1{padding-left: 0;}
    .dobo_title  .happy .webzine_search .search_box_02{width: 100%; white-space: normal;}
    .dobo_title .happy .webzine_search input[type="text"]{margin-left: 0;}
}

@media screen and (max-width:760px) {
    .dobo_title.v2{padding: 10px 6px 10px 8px;}
    .dobo_title.v2 > span{margin-right: 16px;}
    .dobo_title > span{display: inline-block; position: relative; word-break: keep-all; width: 208px; margin-right: 16px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;
    }
	.dobo_title .dobo{flex-direction: column;}
    .dobo_title .happy .webzine_search .search_box_02{flex-direction: column;}
    .dobo_title .happy .webzine_search input[type="text"] + input[type="text"]{margin-left: 0;}
    .dobo_title .happy .webzine_search input[type="submit"]{margin-left: 0;}
    .dobo_title > span::before{display: none;}
    .dobo_title .search_box_02 .check_box em{font-size: 14px; word-break: keep-all;}
    .dobo_title .search_box_02 .check_box .personal{padding: 10px;}
}


.dobo_tab {display: flex; align-items: center; justify-content: flex-start; height:33px;padding:0px 0px 0px 4px; margin: 30px 0;}
.dobo_tab div {border:1px solid #5986ba; color:#252525;padding:6px 10px 0px 10px;height:33px;line-height:14px;float:left;margin:4px 3px 0px 0px;}
.dobo_tab div a {color:#252525;}
.dobo_tab div a:hover {color:#252525;}
.dobo_tab div.on {font-weight:bold;background:#0B4F8B;padding:6px 10px 3px 10px;margin:4px 3px 0px 0px;height:33px;line-height:16px;}
.dobo_tab div.on a {color:#FFFFFF;}
.dobo_tab div.on a:hover {color:#FFFFFF;}

@media screen and (max-width:459px) {
	
	.dobo_tab div {padding: 0 10px 0px 10px;height: 32px;line-height: 26px;}
	.dobo_tab div.on {padding: 0 10px 0px 10px;height: 32px;line-height: 26px;}
	.dobo_tab div a {font-size: 13px;font-weight: 500;}	
	
}

.bbsmsgview{/*border:1px solid #d2d2d2;*/ margin-bottom:20px; line-height:18px; padding:30px 10px 30px 150px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngr.tjq.tb.xe%2Scntr%2Snhqvg_arj%2Svzntrf%2Sfho05%2Sot_vpbarj.tvs') no-repeat left 10px #fafafa; border: 5px solid #eee;}
.bbsmsgview p{padding-left:20px; border-left:1px solid #d2d2d2;line-height: 1.4;}
.bbsmsgview .point {color:#003399; background:#efefef; padding:5px;display:block;margin-top:5px;}

.policy th{background:#efefef;border-bottom:1px solid #d2d2d2 !important;}
.policy td{border-left:1px solid #d2d2d2;;border-bottom:1px solid #d2d2d2 !important;}
.policy th.line{border-left:1px solid #d2d2d2;}

/* agreemnet */
.contsBtnSmall{height: 32px; line-height: 32px;}
.agreement .skinBtnBo{background: rgb(36, 43, 69); color: #fff !important;}
.agreement{height: 35.3rem; padding: 25px; background: #f7f7f7; border: 1px solid #d8d8d8;}
.agreement .text_area{padding: 22px 50px; margin: 0; border: 1px solid #d9d9d9; height: 15.6rem; background: #fff; overflow: hidden; overflow-y: auto;}
.agreement .check_wrap{display: flex; align-items: center; justify-content: space-between;}
.agreement .check_area{position: relative;  height: 88px; line-height: 71px; margin-top: 12px;}
.agreement .check_area input[type="checkbox"]{position: relative; width: 17px; height: 17px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0);
    border: 0;}
.agreement .check_area input[type="checkbox"] + label{position: relative; display: inline-block; padding-left: 10px; color: #000; cursor: pointer;  -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.agreement .check_area input[type="checkbox"]:checked + label::before{content: ''; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngr.tjq.tb.xe%2Scntr%2Stjcebiva%2Svzntrf%2Spbagragf%2Spurpx.cat) #111 no-repeat center; border: 1px solid #111;}
.agreement .check_area input[type="checkbox"] + label span{position: absolute; left: 15px; top: -40px;}

@media screen and (max-width:1399px) {
    .privateConfirm-box{margin: 0;}
    .agreement{height: 100%;}
    .agreement .text_area{padding: 22px 25px;}
    .agreement .agree{margin-top: 10px;}
    .agreement .check_wrap{margin-top: 15px;}
    .agreement .check_area{height: 100%; line-height: 65px;}
    .agreement .check_area input[type="checkbox"] + label{display: block; top: 50%; transform: translateY(-50%);} 
    .agreement .check_area input[type="checkbox"] + label span{top: -67px;left: 30px;}
}

@media screen and (max-width:760px) {
    .agreement{padding: 20px;}
    .agreement .text_area{font-size: 1.5rem;}
    .agreement .agree{margin-top: 0;}
    .agreement .check_wrap{margin-top: 0;}
    .agreement .check_wrap{flex-direction: column; align-items: inherit;}
    .agreement .check_area{margin-bottom: 15px; height: auto; line-height: 15px;}
	.agreement .check_area input{float:left;}
    .agreement .check_area input[type="checkbox"] + label{font-size: 1.5rem;}
	.agreement .check_area input[type="checkbox"] + label span{top: 0px;margin-bottom: 15px;}
    .agreement .check_area input[type="checkbox"] + label{width: 15px; height: 15px; margin-top: 8px;}
    .agreement .check_area input[type="checkbox"] + label::before{width: 11.5px; height: 11.5px; top: 3px; background-size: contain;}
}

/* 분야별정보_예상용어집 */

.ward{position: relative; padding: 48px 32px 24px 32px; border: 1px solid #c5c9d5; border-radius: 12px 12px 0 0; overflow: hidden;}
.ward::before{content: ''; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngr.tjq.tb.xe%2Scntr%2Stjcebiva%2Svzntrf%2Spbagragf%2Sjneq_ot.cat)no-repeat center center; width: 100%; height: 100%; background-size: cover; 
position: absolute; left: 0; top: 0; z-index: -1; border-radius: 12px 12px 0 0;}
.ward_search{position: relative; display: flex; justify-content: center;}
.ward_search::before{content: ''; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngr.tjq.tb.xe%2Scntr%2Stjcebiva%2Svzntrf%2Spbagragf%2Scnggrea.cat)repeat center center/5px 6px; width: 960px; height: 6px;
position: absolute; left: 50%; bottom: -28px; margin-left: -480px;}
.ward_search input[type="text"]{border: 2px solid #242b45; width: 385px; height: 44px; font-size: 16px; border-radius: 20px; padding-left: 24px;}
.ward_search input[type="image"]{display: inline-block; vertical-align: middle; padding-left: 5px;}
.ward_click ul{padding-top: 57px; text-align: center; padding-left: 20px;}
.ward_click ul li{position: relative; display: inline-block; text-align: center; }
.ward_click ul li a{display: block; background: #fff; padding:8px 12px 8px 13px; border-radius: 10px;}
.ward_click ul li a.active{background: #242b45; color: #fff; box-shadow: 3px 3px 2px 1px #c8c9cc; position: relative; top: -7px;}
.ward_click ul li::before{content: ''; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngr.tjq.tb.xe%2Scntr%2Stjcebiva%2Svzntrf%2Spbagragf%2Sqbg.cat)no-repeat center center; width: 5px; height: 15px;
position: absolute; left: -15px; top: 20px;}
.ward_click ul li:nth-child(1)::before{display:none;}
.ward_click ul li{margin-right: 23px; padding-top: 10px;}
.ward_click ul li:nth-child(14){margin-right: 0;}
.deposit{border: 1px solid #c5c9d5; margin:1px 0 66px 0; border-radius: 0 0 12px 12px; padding: 45px 31px;}
.deposit ul li{border-bottom: 1px solid #c5c9d5; padding-bottom: 8px;}
.deposit ul li a{text-decoration: none;}
.action{border: 1px solid #c5c9d5; margin:1px 0 196px 0; border-radius: 0 0 12px 12px; padding: 45px 31px 32px 31px;}
.action h4{font-size: 20px; font-weight: bold; color: #114ab0; text-align: center;}
@media screen and (max-width:1399px) {
    .ward::before{background-size: cover; height: 100%;}
    .ward_click ul li{margin-top: 10px;}
    .ward_click ul li:nth-child(14){margin-right: 23px;}
}   
@media screen and (max-width:991px) {
    .ward_click ul{display: block; text-align: center;}
}    
@media screen and (max-width:716px) {
    .ward{padding: 48px 12px 24px 12px;}
    .ward_search::before{bottom:-40px; background-size: 3.5px 3px; height: 3px;}
    .ward_search input[type="text"]{width: 250px;}
    .ward_click ul li{font-size: 14px;}
    .deposit{padding: 25px 11px;  margin:1px 0 36px 0; }
    .action{padding: 15px 11px 12px 11px; margin:1px 0 66px 0; }
    .action h4{font-size: 18px;}
}   

@media screen and (max-width:390px) {
    .ward_click ul li:nth-child(5)::before,
    .ward_click ul li:nth-child(9)::before {display: none;}
}    

 

/* 행정정보_예산YBG 안내 */

.yellow{border:solid #d88820 1px;}
.green{border:solid #95c075 1px;}
.ybg_area{position:relative; padding:78px 39px 85px 39px; border: 1px solid #c5c9d5; border-radius: 12px; text-align:center; overflow: hidden;}
.ybg_area > .title{text-align:center;padding-top:0;}
.ybg_area .title img{vertical-align:middle;}
.ybg_area > .title br{display:none;}
.ybg_area .title .text{display:inline-block;letter-spacing:-2px;padding-left:10px;}
.ybg_area .title .text .text_blue{font-weight:500;color:#00529b;}

.ybg_area .ybg_box{position:relative;width:694px;display:inline-block;margin-top:80px;height:537px;}

.ybg_area .ybg_box .yellow{text-align:left;position:absolute;left:0;top:-30px;}
.ybg_area .ybg_box .yellow h4{text-align:center;color:#e49100;font-weight:500;padding-bottom:6px; background: none !important;}
.ybg_area .ybg_box .yellow .title{display:block;width:190px;height:36px;line-height:36px;;color:#333;font-weight:500;text-align:center;background:#fdb728;border:1px solid #eea716;}
.ybg_area .ybg_box .yellow ul{border:1px solid #a6a6a6;padding:10px 10px 10px 18px;font-weight:300;color:#333;}
.ybg_area .ybg_box .yellow:before{content:'';display:block;width:223px;height:0;border-bottom:1px dashed #000;position:absolute;top:13px;right:-180px;}
.ybg_area .ybg_box .yellow:after{content:'';display:block;width:0;height:34px;border-right:1px dashed #000;position:absolute;top:13px;right:-180px;}

.ybg_area .ybg_box .blue{text-align:left;position:absolute;left:0;top:145px;}
.ybg_area .ybg_box .blue h4{text-align:center;color:#00529b;font-weight:500;padding-bottom:6px;}
.ybg_area .ybg_box .blue .title{display:block;width:190px;height:36px;line-height:36px;;color:#fff;font-weight:500;text-align:center;background:#00529b;border:1px solid #004b8d;}
.ybg_area .ybg_box .blue ul{border:1px solid #a6a6a6;padding:10px 10px 10px 18px;letter-spacing:-1px;font-weight:300;color:#333;}
.ybg_area .ybg_box .blue:before{content:'';display:block;width:123px;height:0;border-bottom:1px dashed #000;position:absolute;top:13px;right:-75px;}
.ybg_area .ybg_box .blue:after{content:'';display:block;width:0;height:21px;border-right:1px dashed #000;position:absolute;top:-8px;right:-75px;}

.ybg_area .ybg_box .green{text-align:left;position:absolute;right:0;top:125px;}
.ybg_area .ybg_box .green h4{text-align:center;color:#00a886;font-weight:500;padding-bottom:6px;}
.ybg_area .ybg_box .green .title{display:block;width:190px;height:36px;line-height:36px;;color:#fff;font-weight:500;text-align:center;background:#00a886;border:1px solid #008a6e;}
.ybg_area .ybg_box .green ul{border:1px solid #a6a6a6;padding:10px 10px 10px 18px;letter-spacing:-1px;font-weight:300;color:#333;}
.ybg_area .ybg_box .green:before{content:'';display:block;width:116px;height:0;border-bottom:1px dashed #000;position:absolute;top:13px;left:-75px;}
.ybg_area .ybg_box .green:after{content:'';display:block;width:0;height:32px;border-right:1px dashed #000;position:absolute;top:-18px;left:-75px;}

.ybg_area .ybg_box .white{text-align:left;position:absolute;right:0;top:10px;}
.ybg_area .ybg_box .white .title{display:block;width:192px;height:53px;line-height:53px;text-align:left;border:1px solid #a6a6a6;padding-left:18px;color:#333;font-weight:300;}
.ybg_area .ybg_box .white:before{content:'';display:block;width:110px;height:0;border-bottom:1px dashed #000;position:absolute;top:26px;left:-110px;}
.ybg_area .ybg_box .white:after{content:'';display:block;width:0;height:32px;border-right:1px dashed #000;position:absolute;top:26px;left:-110px;}

.ybg_area .ybg_mean_box{position: relative; margin:0 95px;text-align:left;padding-top:45px;}
.ybg_area .ybg_mean_box::before{content: ''; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngr.tjq.tb.xe%2Scntr%2Stjcebiva%2Svzntrf%2Spbagragf%2Scnggrea.cat)repeat center center/5px 6px; width: 960px; height: 6px; 
position: absolute; top: 0; left: 50%; margin-left: -480px;}
.ybg_area .ybg_mean_box .title{display:block;font-weight:bold;color:#000;font-size:20px;padding-bottom:15px;}
.ybg_area .ybg_mean_box .title img{vertical-align:-1px;}
.ybg_area .ybg_mean_box li{padding-left:14px;position:relative;}
.ybg_area .ybg_mean_box li.yellow{border:none !important;}
.ybg_area .ybg_mean_box li.green{border:none !important;}
.ybg_area .ybg_mean_box li:after{content:'';display:block;width:6px;height:6px;border-radius:3px;background:#000;position:absolute;top:9px;left:0px;}
.ybg_area .ybg_mean_box li.yellow:after{background:#fdb728}
.ybg_area .ybg_mean_box li.blue:after{background:#00529b}
.ybg_area .ybg_mean_box li.green:after{background:#00a886}
.ybg_area .ybg_mean_box li.white:after{background:#000}
.ybg_area .ybg_mean_box li + li{margin-top:2px;}
.ybg_area .ybg_mean_box dl{overflow:hidden;font-weight:300;color:#333;}
.ybg_area .ybg_mean_box dt{float:left;}
.ybg_area .ybg_mean_box dd{overflow:hidden;padding-left:4px;}

.ybg_area .bottom_box{height:36px;line-height:36px;background:#f5f5f5;border-radius:18px;text-align:center;margin:30px 105px 0px 105px;}
.ybg_area .bottom_box img{vertical-align:-2px;}
.ybg_area .bottom_box span{font-weight:bold;color:#333;font-style:italic;}

@media screen and (max-width:991px) {
    .ybg_area .ybg_box{width:643px;}
    .ybg_area .ybg_box .yellow:before{width:190px;right:-150px;}
    .ybg_area .ybg_box .yellow:after{right:-150px;}
    .ybg_area .ybg_box .blue:before{width:100px;right:-53px;}
    .ybg_area .ybg_box .blue:after{right:-53px;}
    .ybg_area .ybg_box .green:before{width:90px;left:-45px;}
    .ybg_area .ybg_box .green:after{left:-45px;}
    .ybg_area .ybg_box .white:before{width:90px;left:-90px;}
    .ybg_area .ybg_box .white:after{left:-90px;}

    .ybg_area .ybg_mean_box{margin:0 8px;}
    .ybg_area .ybg_mean_box .title{padding-left:13px;}
    .ybg_area .ybg_mean_box ul{padding-left:13px;}
    .ybg_area .bottom_box{margin:30px 35px 0 35px;}
    
}

@media screen and (max-width:716px) {
    .ybg_area .title .text{display:block;padding-top:10px;}
    .ybg_area .title br{display:block;}

    .ybg_area .ybg_box{width:100%;height:auto;padding:0 20px 60px;}
    .ybg_area .ybg_box .yellow{position:relative;top:inherit;left:inherit;margin:30px 0px 0;width:100%;}
    .ybg_area .ybg_box .yellow:before,
    .ybg_area .ybg_box .yellow:after{display:none;}
    .ybg_area .ybg_box .yellow .title{width:100%}

    .ybg_area .ybg_box .blue{position:relative;top:inherit;left:inherit;margin-top:15px}
    .ybg_area .ybg_box .blue:before,
    .ybg_area .ybg_box .blue:after{display:none;}
    .ybg_area .ybg_box .blue .title{width:100%;}

    .ybg_area .ybg_box .green{position:relative;top:inherit;left:inherit;margin-top:15px;}
    .ybg_area .ybg_box .green:before,
    .ybg_area .ybg_box .green:after{display:none;}
    .ybg_area .ybg_box .green .title{width:100%;}

    .ybg_area .ybg_box .white{position:relative;top:inherit;left:inherit;margin-top:20px}
    .ybg_area .ybg_box .white:before,
    .ybg_area .ybg_box .white:after{display:none;}
    .ybg_area .ybg_box .white .title{width:100%;}

    .ybg_area .ybg_mean_box::before{background-size: 3.5px 3px; height: 3px;}
    .ybg_area .ybg_mean_box dt{float:none;}
    .ybg_area .ybg_mean_box dd{padding-left:0;}

    .ybg_area .bottom_box{height:64px;border-radius:32px;line-height:24px;padding-top:8px;}
    .ybg_area .bottom_box span{display:block;}
}

/* 행정정보_예산서 */

.budget h5{font-size: 18px; font-weight: 700; padding-top: 30px;}
.budget a{text-decoration: none;}
.budget a img{display: inline-block; vertical-align: middle;}

@media screen and (max-width:716px) {
    .budget h5{font-size: 16px;}
}  

/* 행정정보_결산서 */

.special h5 a{text-decoration: none;}
.special img{vertical-align: middle;}
.special ul a{text-decoration: none;}

/* 행정정보_예산개요 */

.outline a{text-decoration: none;}
.outline a img{vertical-align: middle;}

/* procedure */

.procedure ul {overflow: hidden;}
.procedure li {position: relative;float: left;width: 100%;height: auto;margin-top: 30px;padding: 10px !important;text-align: center;font-size: 16px;background-color: #c8c8c8 !important;color: #454545 !important;font-size: 16px;line-height: 1.6;}
.procedure li:first-child {margin-top: 0;}
.procedure li:after,
.procedure li:before {position: absolute;width: 10px;height: 10px;content: '';}
.procedure li:before {top: 0;left: 0;background: #a6a6a6;}
.procedure li:after {bottom: 0;right: 0;background: #a6a6a6;}
.procedure li:last-child {margin-right: 0;}
.procedure .procedure-color {background: #306cb5;}
.procedure .procedure-color:before {background: #f14d4d;}
.procedure .procedure-color:after {background: #78acea;}
.procedure .procedure-item {display: block;position: relative;width: 100%;height: 91px;padding: 10px;background: #fff;font-weight: 500;letter-spacing: -1px;}
.procedure .procedure-item:after {position: absolute;bottom: -32px;left: 50%;width: 23px;height: 15px;margin-left: -12.5px; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngr.tjq.tb.xe%2Scntr%2Stjcebiva%2Svzntrf%2Spbagragf%2Svpb-cebprqher-neebj.cat)-83px -4px no-repeat;content: '';}
.procedure .procedure-itemShort {padding-top: 22px;}
.procedure li:last-child .procedure-item:after {display: none;}
.procedure .procedure-txtSmall {display: block;font-size: 14px;font-weight: normal;}

@media screen and (min-width: 640px){
    .procedure li {width: 45%;margin: 0 5% 5% 0;}
    .procedure .procedure-item:after {bottom: auto;top: 50%;left: auto;right: -13%;width: 15px;height: 23px;margin-left: 0;margin-top: -12.5px;background-position: 0 0;}
}
@media screen and (min-width: 760px){
    .procedure .procedure-item:after {right: -12%}
}
@media screen and (min-width: 991px){
    .procedure .procedure-item:after {right: -11%}
}
@media screen and (min-width: 1399px){
    .procedure li {width: 16.8%;margin: 0 4% 0 0;}
    .procedure .procedure-item:after {right: -38px;}
}

/* 행정정보_재정공시 */

.finance img{display: block; max-width: 100%; margin: 0 auto; padding: 3px; border: 2px solid #d6d6d6; margin-bottom: 50px;}
.finance p{text-align: center; color: #096bc9;}
.finance .text a{display: inline-block; text-decoration: none;}
.finance .text img{display: inline-block; border: none; vertical-align: middle; margin-bottom: 0;}
@media screen and (min-width: 900px){
}
       

@media screen and (max-width: 760px){
    .finance p{font-size: 14px;}
}    


/* 행정정보_주민참여예산 */

.resident .infomation-bx li {display: block;}
.resident .infomation-bx h5 {line-height: 1.6;}
.resident  strong a{color: rgb(77, 115, 185); line-height: 1.5;}
    

/* 행정정보_온라인행정심판청구 */

.judge .online_judge_area{position: relative; padding: 10px; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngr.tjq.tb.xe%2Scntr%2Stjcebiva%2Svzntrf%2Spbagragf%2Sot_bhgre.cat)repeat 0 0;}
.judge .online_judge_area .area_inner{height: 380px; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngr.tjq.tb.xe%2Scntr%2Stjcebiva%2Svzntrf%2Spbagragf%2Sot_bayvar_whqtr_02.cat)repeat 0 0;}
.judge .online_judge_area .area_inner::after{content: ''; display: block; width: 478px; height: 365px; 
background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngr.tjq.tb.xe%2Scntr%2Stjcebiva%2Svzntrf%2Spbagragf%2Sot_bayvar_whqtr_03.cat) no-repeat 0 0; position: absolute; left: 35px; top: 25px; }
.judge .online_judge_area .area_inner .box{width: 366px; height: 270px; background: #fff; position: absolute; right: 63px; top: 65px; 
box-shadow: 5px 5px 10px rgb(0 0 0 / 30%); padding: 26px 37px 26px 37px;  z-index: 100;}
.judge .online_judge_area .area_inner .box a{display: block; color: #fff; font-weight: 300; width: 150px; height: 38px; line-height: 38px; text-align: center;
margin: 25px auto 0; background: #47607c; border-radius: 19px;}
.judge .online_judge_area .area_inner .box strong{display: block; font-weight: 500; font-size: 24px; color: #333; margin-bottom: 10px; letter-spacing: -1px;}
.judge .online_judge_area .area_inner .box p{font-weight: 300; color: #333; letter-spacing: -1px;}
.judge .online_judge_area .area_inner .box p .text_red{color: #d71a1a;}
.judge .online_judge_area .area_inner .box p .text_blue{color: #0948c8;;}

@media screen and (max-width:760px) {
    .judge .online_judge_area .area_inner{height:492px;}
    .judge .online_judge_area .area_inner:after{width:300px; height:230px; background-size:300px 230px; left:50%; margin-left:-150px;}
    .judge .online_judge_area .area_inner .box{bottom:10px; right:10px; left:10px; width:auto; top:inherit; box-shadow:none; padding:26px 10px 26px 10px;}
}

/* 행정정보_적극행정국민추천 */
.question.v2,
.question.v3{padding-bottom: 20px;}
.question > div{margin-bottom: 10px;}
.question > div > a{position: relative; display: block; text-decoration: none; border: 1px solid #c5c9d5; width: 100%; height: 72px; border-radius: 10px; padding-left: 90px;}
.question.v3 > div > .road{height: 100px;}
.question > div > a::before{content: ''; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngr.tjq.tb.xe%2Scntr%2Stjcebiva%2Svzntrf%2Spbagragf%2Sdhrfgvba.cat)no-repeat 0 0; width: 42px; height: 42px; 
position: absolute; left: 32px; top: 15px;}
.question a.active{border-radius: 10px 10px 0 0;}
.question a h4{display: flex; align-items: center; justify-content: space-between; width: 100%; height: 100%; word-break: keep-all;}
.question a .click{position: relative; width: 72px; height: 72px; border: 1px solid #c5c9d5; border-width: 0 0 0 1px;}
.question.v3 .road .click{width: 170px; height: 100px;}
.question a .click::after{content: ''; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngr.tjq.tb.xe%2Scntr%2Stjcebiva%2Svzntrf%2Spbagragf%2Soga_fcevgrf.cat)no-repeat -45px -10px; width: 16px; height: 7px;
position: absolute; right: 50%; top: 33px; margin-right: -8px; cursor: pointer;}
.question.v3 .road .click::after{top: 45px;}
.question.v3 .road.active .click::after{top: 45px;}
.question a.active .click::after{background-position-x:-10px; width: 15px; height: 16px; top: 28px;}
.question a.active .click{background: #009ea8; border-radius: 0 10px 0 0;}
.question div .box{display: none; position: relative; width: 100%; height: 100%; padding: 32px 32px 32px 90px; border-radius: 0 0 10px 10px; 
margin-top: 1px; color: #707070; background: #f6f7f9; border: 1px solid #c5c9d5; animation:table-move1 .8s 1 both ease-out;}
.question.v2 div .box,
.question.v3 div .box{display: none; position: relative; width: 100%; height: 100%; padding: 25px 32px 25px 90px; border-radius: 0 0 10px 10px; 
margin-top: 1px; color: #000; background: #f6f7f9; border: 1px solid #c5c9d5; animation:table-move1 .8s 1 both ease-out;}
.question div a.active + .box{display: block;}
.question .box::before{content: ''; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngr.tjq.tb.xe%2Scntr%2Stjcebiva%2Svzntrf%2Spbagragf%2Snafjre.cat)no-repeat 0 0; width: 42px; height: 42px;
position: absolute; left: 32px; top: 25px;}
.question.v2 .box::before{top: 18px;}
.question.v3 div .box .process img{display: block; margin: 20px auto; max-width: 100%;}

@keyframes table-move1{ 
    0%{opacity:0;}
    100%{opacity:1;}
  }
@media screen and (max-width:1199px) {  
    .question.v3 .road .click{width: 155px; height: 100px;}
    .question .road h4{max-width: 100%;}
}   

@media screen and (max-width:1024px) {  
    .question.v3 .road .click{width: 185px; height: 100px;}
}    

@media screen and (max-width:991px) {
    .question.v3 > div > .road{height: 140px;}
    .question.v3 .road .click{width: 250px; height: 140px;}
    .question.v3 .road .click::after{top: 65px;}
    .question.v3 .road.active .click::after{top: 65px;}
    .question a .basic{min-width: 72px;}
}

@media screen and (max-width:768px) {
     .question.v3 .road .click{width: 265px;}
}    
 
@media screen and (max-width:760px) {
    .question{padding-top: 20px;}
    .question.v2,
    .question.v3{padding-top: 0;}
    .question > div > a{padding-left: 52px; height: 70px;}
    .question.v2 > div > a,
    .question.v3 > div > a{padding-left: 52px; height: 100px;}
    .question.v3 > div > .road{padding-left: 52px; height: 200px;}
    .question > div > a::before{left: 10px; top: 19px; background-size: 32px 32px;}
    .question.v3 > div > .road::before{left: 10px; top: 20px; background-size: 32px 32px;}
    .question.v2 > div > a::before,
    .question.v3 > div > a::before{left: 10px; top: 30px; background-size: 32px 32px;}
    .question a .click::after{top: 32px;}
    .question.v2 a .click::after,
    .question.v3 a .click::after{top: 46px;}
    .question.v3 .road .click::after{top: 90px;}
    .question a.active .click::after{top: 32px;}
    .question.v2 a.active .click::after,
    .question.v3 a.active .click::after{top: 46px;}
    .question.v3 .road.active .click::after{top: 90px;}
    .question a h4{font-size: 14px; width: 90%;}
    .question.v2 a h4,
    .question.v3 a h4{font-size: 14px; width: 78%;}
    .question a .click{position: absolute; right: 0; display: block; max-width: 60px; height: 70px;}
    .question.v3 .road .click{position: absolute; right: 0; display: block; max-width: 60px; height: 200px;}
    .question.v2 a .click,
    .question.v3 a .click{position: absolute; right: 0; display: block; max-width: 60px; height: 100px;}
    .question a .basic{min-width: 30px;}
    .question a.active .click{background: #009ea8; border-radius: 0 10px 0 0;}
    .question div .box{padding: 32px 32px 32px 50px; font-size: 14px;}
    .question.v2 div .box,
    .question.v3 div .box{padding: 25px 32px 25px 52px; font-size: 13px;}
    .question.v3 div .chart{padding: 25px 32px 25px 72px; font-size: 13px;}
    .question .box::before{background-size: 32px 32px; left: 10px; top: 29px;}
    .question.v2 .box::before{top: 20px;}
}  

@media screen and (max-width:375px) {
    .question.v3 > div > .road{height: 250px;}
    .question.v3 .road .click{height: 250px;}
    .question.v3 .road .click::after{top: 115px;}
    .question.v3 .road.active .click::after{top: 115px;}
}    

/* 행정정보_법령유권해석 */

.notice{display: inline-block; width: calc(50% - 2px); padding-top: 20px;}
.notice .img_bx{padding: 35px 20px; margin-top: 10px; border: 1px solid #d7d7d7; text-align: center;}
.notice .img_bx span{display: block;}

@media screen and (max-width:760px) {
    .notice{display: block; width: 100%;}
}    

/* 행정정보_적극행정우수사례 */

.gallery_box{position:relative;margin-bottom:30px;overflow:hidden;background:#f7f7f7;border:1px solid #d6d6d6;padding:35px 35px 12px;}
.gallery_box .tag{margin-top:7px;clear:both;position:relative;}
.gallery_box .tag strong{display:block;width:38px;height:20px;overflow:hidden;text-indent:-9999px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngr.tjq.tb.xe%2Scntr%2Stjcebiva%2Spff%2Svzntrf%2Sfc_qd.cat) 0px -884px no-repeat;background-size:520px 1500px;position:absolute;top:7px;left:0px;}
.gallery_box .tag ul{display:block;padding-left:52px;}
.gallery_box .tag ul li{display:inline-block;vertical-align:top;height:22px;padding:0 12px;line-height:19px;border:1px solid #bfbfbf;border-radius:11px;box-shadow:1px 2px 0px #dedede;margin-right:2px;background:#fff;font-size:13px;font-weight:300;color:#313131;margin-top:5px;}
.gallery_box .box01{position:relative;width:615px;float:left;margin-right:52px;}
.gallery_box .box01 .slick{border:1px solid #d6d6d6}
.gallery_box .box01 .slick .slide{position:relative;background:#fff;}
.gallery_box .box01 .slick .slide img{max-width:100%;max-height:100%;display:block;}
.gallery_box .control button{width:50%;height:50%;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngr.tjq.tb.xe%2Scntr%2Stjcebiva%2Svzntrf%2Spbagragf%2Sfc_qd.cat) 0px -884px no-repeat;background-size:520px 1500px;position:absolute;top:50%;margin-top:-25px;overflow:hidden;text-indent:-9999px;width:50px;height:50px;transition:all .2s;}
.gallery_box .control button.prev{background-position:-404px -255px;left:-21px}
.gallery_box .control button.next{background-position:-457px -255px;right:-21px}
.gallery_box .control button:hover{transform:scale(1.05);}
.gallery_box .control button:active{transform:scale(.95);}

.gallery_box .box02{float:left;width:160px;}
.gallery_box .box02 .slick{margin:-6px 0;}
.gallery_box .box02 .slide{height:160px;border:1px solid #d6d6d6;display:block;background:#fff;position:relative;margin:6px 0;}
.gallery_box .box02 .slide.slick-current:after{border:3px solid #0359ae;content:'';display:block;position:absolute;top:0px;left:0px;right:0px;bottom:0px;}
.gallery_box .box02 .slick .slide img{max-width:100%;max-height:100%;display:block; height:100%}
.gallery_box .count{margin-top:14px;text-align:center;font-weight:300;color:#313131;letter-spacing:1px;}

@media (max-width:1199px) {
    .gallery_box .box01{float:none;width:100%;margin-right:0;}
    .gallery_box .box02{float:none;width:100%;margin-top:12px;}
    .gallery_box .box02 .slick{margin:0 -6px;}
    .gallery_box .box02 .slide{margin:0 6px;height:auto;}
}

@media (max-width:760px) {
    .gallery_box{padding:15px 15px 12px;}
    .gallery_box .count{display:none;}
    .control button{background-size:360px 1040px;position:absolute;top:50%;margin-top:-17px;overflow:hidden;text-indent:-9999px;width:34px;height:34px;}
    .control button.prev{background-position:-281px -177px;left:-10px}
    .control button.next{background-position:-316px -177px;right:-10px}
}

/* 분야별정보_전략산업관련사이트 */

.potal{overflow: hidden;}
.potal li{position: relative; float: left; width: calc(25% - 33px); margin-right:39px; white-space: nowrap;}
.potal li span{position: relative; display: block;}
.potal li span::after{content: ''; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngr.tjq.tb.xe%2Scntr%2Stjcebiva%2Svzntrf%2Spbagragf%2Scnggrea.cat)repeat 0 0/5px 6px; width: 1022px; height: 8px; 
position: absolute; left: 50%; bottom: 35px; margin-left: -900px;}
.potal li h5{padding-bottom: 66px;}
.potal li:nth-child(4n){margin-right: 0;}
.potal li a img{display: block; border: 1px solid #ddd; width: 100%; border-radius: 10px;}


@media (max-width:1399px) {
    .potal li span::after{width: 1500px; margin-left: -1000px;}
}   

@media (max-width:1199px) {
    .potal li{width: calc(50% - 20px); margin-right: 40px;}
    .potal li:nth-child(2n){margin-right: 0;}
    .potal li a img{height: 100%}
    .potal li span::after{width: 1500px; margin-left: -1000px;}
 
} 


@media (max-width:760px) {
    .potal{display: block;}
    .potal li{float: left; width: 100%; margin-right: 0;}
    .potal li h5{padding-bottom: 36px;}
    .potal li:nth-child(3n){margin-right: 0;}
    .potal li:nth-child(4n){margin-right: 30px;}
    .potal li span::after{display: none;}
}    


/* 소통과참여_자유게시판 */

.ui_box.v3{display: flex; flex: 1; align-items: center; margin-left: 20px;}
.txSrch{display: flex;}
.infomation-bx div h6.v2 span{color: rgb(77, 115, 185); font-weight: 500;}
.boSrchArea .boMultiSrch-iptTxt{min-width: 190px;}
.boSrch .skinIptTxt{max-width: 190px;}
.boSrch.v2 .skinIptTxt{min-width: 280px; margin: 5px 1px 1px 5px;}
.boSrch.v2 select,
.boSrch.v2 input[type="submit"]{margin: 5px 1px 1px 5px;}

@media (max-width: 1199px){
    .boSrchArea form {flex: 1 50%;}
}

@media (max-width: 991px){
    .boSrch.v2 .skinIptTxt{min-width: 300px;}
}

@media (max-width:768px) {
    .infomation-bx div .answer a{display: inline-block;}
}    

@media (max-width:716px) {
    .ui_box .group{display: inline-block; margin-left: -3px;}
    .boSrch fieldset{flex-direction: column;}
    .ui_box.v3{flex-direction: column; margin-left: 0;}
    .boSrchArea .boMultiSrch-iptTxt{min-width: 100%;}
    .boSrch .skinIptTxt{max-width: 100%;}
    .boSrch fieldset {display: block;}
    .txSrch{display: block;}
    .txSrch input[type="select"]{padding-top: 10px;}
    .boSrchArea [type="submit"]{margin: 10px 0 0 !important;}
}

/* 소통과참여_고향사랑기부제 */
.donation .titLv3{display: block !important; padding-left: 13px !important;}
.donation .titLv3::before{ left: -12px !important; top: 18px !important;}
.donation .titLv3 a{display: inline-block;}

/* 분야별정보_수출보험료 지원 */

@media (max-width:716px) {
    .support .caution{display: block;}
}


/* 분야별정보_카드신청안내 */

.img_area{overflow: hidden;}
.img_area a{display: inline-block; float: left; width: 100%; padding: 15px 0;}
.img_area a img{display: block; max-width: 100%;}

/* 분야별정보_일자리지원 */

.notice_img img{display: block; max-width: 100%;}

/* 분야별정보_메르스관련정보 */

.syndrome img{display: block; max-width: 100%;}

/* 분야별정보_숲가꾸기사업 */

.forest img{display: block; max-width: 100%; margin: 0 auto;} 

/* 분야별정보_강원숲체험장 */

.experience{display: flex; justify-content: center;}
.experience img{display: inline-block;  max-width: 100%; border-radius: 10px;}

@media (max-width:991px) {
    .experience{flex-direction: column;}
    .experience img:nth-child(1){padding-top: 0;}
    .experience img{padding-top: 30px;}
}

/* 분야별정보_강원도대표음식30선 */

.playmode a{display: block; float: left; margin-left: 35px; width: 48%;}
.playmode a:nth-child(1){margin-left: 0;}

@media (max-width:991px) {
    .playmode a{margin-left: 29px; width: 48%;}
}    
@media (max-width:780px) {
    .playmode a{margin-left: 20px; width: 47.5%;}
    .playmode a:nth-child(1){margin-left: 10px;}
}    
@media (max-width:768px) {
    .playmode a{margin-left: 20px; width: 48.5%;}
    .playmode a:nth-child(1){margin-left: 0;}
}    
@media (max-width:736px) {
    .playmode a{margin-left: 24px; width: 47%;}
    .playmode a:nth-child(1){margin-left: 7px;}
}  

@media (max-width:565px) {
    .playmode a{margin-left: 20px; width: 46%;}
    .playmode a:nth-child(1){margin-left: 7px;}
}    
@media (max-width:414px){
    .playmode a{margin-left: 17px; width: 46%;}
    .playmode a:nth-child(1){margin-left: 5px;}
}

/* 분야별정보_첨단산업중장기계획 */

.space{padding-top: 80px;}
.edge{padding: 46px 0 51px 0;}

@media (max-width:991px) {
    .edge{padding: 20px;}
}  

@media (max-width:716px) {
    .edge{padding: 10px;}
}    


/* 분야별정보_미래차산업 */

.industry{padding: 46px 0 51px 0;}

@media (max-width:991px) {
    .industry,
    .car,
    .progress{padding: 20px;}
}    

@media (max-width:716px) {
    .industry,
    .car,
    .progress{padding: 10px;}
} 

/* 분야별정보_바이오산업 */

.equipment{padding-top: 64px;}
.equipment img{display: block; max-width: 100%;}
.step{padding: 68px 0 1142px;}

@media (max-width:991px) {
    .equipment{padding-top: 20px;}
    .step{padding: 40px 0 0;}
    .step a img{padding: 0 20px;}
}

@media (max-width:716px) {
    .equipment{padding-top: 0;}
    .step{padding: 20px 0 0;}
    .step a img{padding: 0 10px;}
}    

/* 분야별정보_의료기기산업 */

.machine{padding-top: 32px;}
.machine a img{display: block; max-width: 100%;}

@media (max-width:991px) {
    .medical{padding: 20px;}
}

@media (max-width:716px) {
    .machine{padding-top: 0;}
    .medical{padding: 10px;} 
}

/* 분야별정보_수소(액화)산업 */

.hydrogen{padding-top: 74px;}
.hydrogen a img{display: block; max-width: 100%; margin: 0 auto;}
.goal{padding-bottom: 1100px;}

@media (max-width:1399px) {
    .goal{padding-top: 30px;}
}

@media (max-width:991px) {
    .hydrogen{padding-top: 0;}
    .goal{padding-bottom: 0; padding-top: 30px;}
}

@media (max-width:716px) {
    .hydrogen{padding-top: 0;}
}    

/* 분야별정보_k-cloud */
.forward{padding-top: 75px;}
.schedule{position: relative; border: 1px solid #c5c9d5; border-radius: 10px;  padding:61px 23px 71px 55px;}
.schedule::after{content: ''; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngr.tjq.tb.xe%2Scntr%2Stjcebiva%2Svzntrf%2Spbagragf%2Scyna.cat)no-repeat; position: absolute; bottom: 0; right: 0; width: 415px; height: 531px;
transition: all .5s;}
.schedule > em{display: block; font-size: 60px; padding-bottom: 54px; line-height: 1; text-align: right; color: #f2b400;}
.schedule > ul{display: flex; padding-bottom: 42px;  position: relative;}
.schedule > ul:nth-child(6){padding-bottom: 0;}
.schedule > ul::before{content: ''; background: #dcdcdc; width: 1px; height: 100%; position: absolute; left: 14px; top: 24px;}
.schedule > ul:nth-child(6)::before{display: none;}
.schedule > ul li{display:block}
.schedule > ul li em{position: relative; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngr.tjq.tb.xe%2Scntr%2Stjcebiva%2Svzntrf%2Spbagragf%2Sryyvcfr.cat) no-repeat; width: 28px; height: 28px; display: block;
margin-top: 7px;}
.schedule > ul li strong{font-size: 26px; font-weight: bold; padding: 0 66px 0 6px;}
.schedule > ul:nth-child(6) li strong{display: block; padding: 0 24px 0 6px;}
.schedule .menu{display: flex; align-items: start; flex-direction: column; padding-top: 8px;}
.schedule .menu li{position: relative;}
.schedule .menu li::before{content: ''; background: #194b9e; width: 3px; height: 3px; border-radius: 50%; position: absolute; left: -8px; top: 12px;}

@media (max-width:991px) {
    .forward{padding-top: 0;}
    .schedule::after{width: 207.5px; height: 265.5px; background-size: cover;}
}

@media (max-width:716px) {
    .schedule{padding: 30px 15px 300px 15px;}
    .schedule > em{font-size: 30px; padding-bottom: 25px;}
    .schedule > ul li em{margin-top: 3px;}
    .schedule > ul li strong{white-space: nowrap; font-size: 20px;}
    .schedule .menu{padding-top: 3px;}
    .schedule .menu li{font-size: 14px;}
}    

/* 부가서비스_개인정보처리방침 */

.summary-bx{position:relative;padding:20px 0 15px;}
.summary-bx:after{content:'';display:table;clear:both;}
.summary-bx a{display:block;float:left;width:14.3%;display:flex;align-items:center;justify-content:center;flex-direction:column;
height:140px;position:relative;border:1px solid #dcdcdc;margin:-1px -1px 0 0;transition:all .1s;}
.summary-bx a p{position:absolute; pointer-events:none;left:0;right:0;top:139px;background:#0044cc;padding:15px 20px;color:#fff;
z-index:3;word-break:keep-all;visibility:hidden;opacity:0;transition:all .1s;}
.summary-bx a span{margin-top:10px;letter-spacing: -1px;font-weight: 600;}
.summary-bx a:hover{background:#f4f4f7;}
.summary-bx a:hover p{opacity:1;visibility:visible;}
.table-bx{margin:15px 0 15px;border:1px solid #dcdcdc;padding:20px 30px;}
.table-bx:after{content:'';display:table;clear:both;}
.table-bx a{display:block;float:left;width:100%;height:36px;line-height:36px;position:relative;padding:1px 0 1px 12px;transition:all .1s;}
.table-bx a img{width: 25px; display: inline-block; vertical-align: middle; margin-right: 3px;}
.table-bx a span{display:inline-block;height:100%;transition:all .1s;border-bottom:1px solid transparent;white-space:nowrap;}
.table-bx a:hover{color:#0044cc;}
.table-bx a:hover span{border-color:#0044cc;}
.treat .titLv2{margin-right: 10px; align-items: center;}
.treat .titLv2::before{display: none;}
.treat .titLv2 img{display: inline-block; width: 32px; margin-right: 10px;}
.information_bx p{margin-bottom: 17px;}
.information_bx p a:hover{color: #306cb5;}
.information_bx a{text-decoration: none;}
.information_bx a:hover{text-decoration: underline;}
.information_bx p:nth-child(1){padding-top: 10px;}

.qna-bx01{margin-top:5px;display:flex;border-bottom:1px solid #dadada;flex-wrap:wrap;margin-left:1px;}
.qna-bx01 > div{flex:1 24%;border:1px solid #dadada;border-width:0 1px;margin-left:-1px;padding-bottom:23px;}
.qna-bx01 strong{display:block;text-align:center;border:1px solid #dadada;border-width:1px 0;background:#f0f0f0;height:40px;line-height:39px;color:#282828;font-size:16px;font-weight:600;}
.qna-bx01 img{display:block;height:70px;margin:20px auto;}
.qna-bx01 p{margin:0 10px 0 20px;padding-left:8px;line-height:1.4;color:#454545;font-size:14px;font-weight:400;position:relative;word-break:keep-all;}
.qna-bx01 p + p{margin-top:3px;}
.qna-bx01 p:after{content:'';display:block;position:absolute;top:7px;left:0px;width:3px;height:3px;border-radius:50%;background:#ff730e;}

@media (max-width:1199px) {
    .summary-bx{padding:15px 0 10px;}
    .summary-bx a{height:120px;}
    .summary-bx a img{image-rendering: -webkit-optimize-contrast;width:50px;}
    .summary-bx a p{top:119px;padding:11px 15px;font-size:14px;}
    .summary-bx a span{margin-top:7px;font-size:15px; }
    .table-bx{margin:12px 0 12px;padding:15px 20px;}
    .table-bx a{float:none; display: flex; align-items: center;  margin-bottom: 5px; width:100%;height:32px;line-height:32px;padding:1px 0 1px 10px;font-size:15px;}
    .table-bx a span{text-overflow: ellipsis; overflow: hidden;}
    .table-bx a img{margin-right: 7px;}
    .table-bx a:after{margin-top:-1px;}
    .information_bx p{font-size: 15px;}
}
@media (max-width:760px) {
    .summary-bx{padding:15px 0 0px;}
    .summary-bx a{height:100px;width:50%;}
    .summary-bx a img{width:42px;}
    .summary-bx a p{top:99px;padding:10px 15px;font-size:14px;}
    .summary-bx a span{margin-top:5px;font-size:14px;}
    .table-bx{margin:10px 0px 10px;padding:15px 15px;}
    .table-bx a{padding:1px 0 1px 7px;font-size:14px;}
 
    .table-bx a:after{margin-top:1px;width:2px;height:2px;}
    .information_bx p{font-size: 14px; margin-bottom: 5px;}
	
	.qna-bx01{margin-top:35px;}
	.qna-bx01 > div{flex:1 47%;padding-bottom:20px;}
	.qna-bx01 strong{height:40px;line-height:38px;font-size:15px;}
	.qna-bx01 img{height:70px;margin:15px auto;}
	.qna-bx01 p{margin:0 10px 0 10px;padding-left:8px;font-size:13px;}
	.qna-bx01 p + p{margin-top:2px;}
	.qna-bx01 p:after{top:7px;}
}

@media (max-width:670px) {
	.qna-bx01{margin-top:30px;margin-left:0;}
	.qna-bx01 > div{flex:1 100%;padding-bottom:20px;margin-left:0;}
	.qna-bx01 strong{height:36px;line-height:34px;font-size:14px;}
	.qna-bx01 img{height:64px;margin:13px auto;}
}

/* 부가서비스_개인정보처리방침(2011~2021) */

.individual p{padding-top: 15px;}
.individual p a:hover{color: #306cb5;}
.individual a{text-decoration: none;}
.individual a span{display: inline-block; font-weight: 500;}
.individual a:hover span{color: #306cb5;}

@media (max-width:760px) {
    .individual p{font-size: 14px;}
}


/* 연습 */

.practice{position: relative; margin-top: 40px;}
.practice::before{content: ''; display: block; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngr.tjq.tb.xe%2Scntr%2Stjcebiva%2Svzntrf%2Spbagragf%2Svasb_ot.cat)no-repeat right top/cover;  position: absolute;
left: -50px; right: -50px; top: -50px; bottom: -70px; z-index: -1;}
.practice ul{display: flex;}
.practice ul li{flex: 1;}
.practice ul li:nth-child(3){flex: 0;}
.practice ul li a{position: relative;}
.practice ul li a .boarder{display: inline-block;}
.practice ul li a img{max-width: 280px; height: 300px;}
.practice ul li a .box{position: absolute; right: 0; bottom: -30px; padding: 27px 30px 30px 30px; width: 230px; height: 194px; word-break: keep-all; background: #fff;}
.practice ul li a .box .red{color: #ea3541;}
.practice ul li a .box span{display: block; text-align: right; padding-top: 26px;}
.practice ul li a .box .flower{padding-top: 70px;}

@media (max-width:991px) {
    .practice ul li a img{width: 230px; height: 200px;}
    .practice ul li a .box{width: 200px; height: 250px; bottom: -150px; font-size: 14px;}
    .practice ul li a .box span{padding-top: 10px;}
}

@media (max-width:760px) {
    .practice ul{display: block;}
    .practice ul li{text-align: center;}
    .practice ul li a{}
    .practice ul li a img{width: auto; height: auto;}
    .practice ul li a .boarder{margin-bottom: 100px;}
    .practice ul li a .box{width: 250px; height: 150px; bottom: -50px; font-size: 13px;}
    .practice ul li a .box .flower{padding-top: 50px;}
}

/*도지사 일정*/
.calendar_area{overflow:hidden}
.calendar_area caption{font-size:0;width:0;height:0}
.calendar_area .calendar_box{position:relative;overflow:hidden;padding:10px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngr.tjq.tb.xe%2Scntr%2Stbireabe%2Svzntrf%2Sfho%2Sot_pnyraqne.cat) repeat 0 0;margin-bottom: 50px;}
.calendar_area .calendar_box .inner{background:#fff;padding:0 30px 9px;}
.calendar_area .calendar_box .day_box{height:93px;text-align:center;position:relative}
.calendar_area .calendar_box .day_box .day_month{font-size:22px;color:#000;font-weight: 700;padding-top:28px;display:inline-block;}
.calendar_area .calendar_box .day_box a{position:absolute;top:31px;display:block;width:18px;}
.calendar_area .calendar_box .day_box a.prev{left:0px;}
.calendar_area .calendar_box .day_box a.next{right:0px;}
.calendar_area .calendar_box .day_box a img{display:block;width:100%}
.calendar_area .calendar_box .days{width:100%;}
.calendar_area .calendar_box .days table{width:100%;text-align: center;}
.calendar_area .calendar_box .days table .text_red{color:#c50000;}
.calendar_area .calendar_box .days table .text_blue{color:#2e3e94;}
.calendar_area .calendar_box .days table thead tr{height:52px;background:#e0f4ff;border-top:1px solid #bfd3de;border-bottom:1px solid #d8d8d8;font-size:18px;font-weight:500;color:#000;}
.calendar_area .calendar_box .days table tbody td{font-size:18px;color:#000;height: 85px;width:calc(100% / 7);letter-spacing:-1px;}
.calendar_area .calendar_box .days table tbody td.text_red a{color:#c50000}
.calendar_area .calendar_box .days table tbody td.sch_day span:before{content:'[선택됨] ';font-size:0;}
.calendar_area .calendar_box .days table tbody td.sch_day span{display:inline-block;width:60px;height:60px;background:#e3e3e3;/*border-radius:50%;*/color:#4153b9;padding-top:17px;font-weight:600}
.calendar_area .calendar_box .days table tbody td.today span:before{content:'[오늘] ';font-size:0;}
.calendar_area .calendar_box .days table tbody td.today span{display:inline-block;width:60px;height:60px;background:#ff4242;border-radius:50%;color:#fff;padding-top:17px;font-weight:600}
.calendar_area .calendar_box .days table tbody td .schedule_list{display:none;}

.calendar_area .calendar_info{padding-top:8px;}
.calendar_area .calendar_info .date{font-weight:400;color:#333;text-align:right;padding-bottom: 7px;}
.calendar_area .calendar_info .schedule_box + .schedule_box{margin-top:40px;}
.calendar_area .calendar_info .schedule_box.day{padding-bottom:42px;}
.calendar_area .calendar_info .schedule_box + h5{margin-top:50px;}
.calendar_area .calendar_info .schedule_box .title{border-top:1px solid #000;background:#f7f7f7;padding: 15px 20px 15px;}
.calendar_area .calendar_info .schedule_box .title p{padding-left: 10px;font-weight: 700;color:#000;}
.calendar_area .calendar_info .schedule_box .title p + p{margin-top: 5px;}
.calendar_area .calendar_info .schedule_box .list{padding:17px 32px;border:1px solid #e2e2e2;border-width: 1px 0;}
.calendar_area .calendar_info .schedule_box .list li{font-weight:100;color:#010000;padding-left:11px;position:relative;line-height: 1.6;font-size: 15px;word-break:keep-all;}
.calendar_area .calendar_info .schedule_box .list li:before{content:'';display:block;width:3px;height:3px;border-radius:50%;background:#0a0a0a;position:absolute;top: 11px;left:0px;}
.calendar_area .calendar_info .schedule_box .list li + li{margin-top:3px;}


@media screen and (max-width: 1399px){
    .calendar_area .calendar_box{margin-bottom: 35px;}
    .calendar_area .calendar_box .inner{padding:0 20px 9px;}
    .calendar_area .calendar_box .day_box{height:85px;}
    .calendar_area .calendar_box .day_box .day_month{font-size:22px}
    .calendar_area .calendar_box .day_box a{width:16px;}

    .calendar_area .calendar_box .days table thead tr{font-size:16px;}
    .calendar_area .calendar_box .days table tbody td{font-size:16px;;height: 80px;}
    .calendar_area .calendar_box .days table tbody td.sch_day span:before{content:'[선택됨] ';font-size:0;}
    .calendar_area .calendar_box .days table tbody td.today span{width:50px;height:50px;padding-top:12px;}

    .calendar_area .calendar_info{padding-top:8px;}
    .calendar_area .calendar_info .schedule_box + .schedule_box{margin-top:30px;}
    .calendar_area .calendar_info .schedule_box + h5{margin-top:35px;}
    .calendar_area .calendar_info .date{padding-bottom:5px;margin-top:-5px;font-size:14px;}
}



@media screen and (max-width: 760px){
    .calendar_area .calendar_box{margin-bottom:30px;padding:3px;background-size:3px 3px;}
    #sub .calendar_area .calendar_box .inner{padding:0px;}
    .calendar_area .calendar_box .day_box{height:46px;background:#dcf3ff;}
    .calendar_area .calendar_box .day_box .day_month{font-size:18px;padding-top:12px;}
    .calendar_area .calendar_box .day_box a{top:50%;margin-top:-11px;width:14px;}
    .calendar_area .calendar_box .day_box a.prev{left:15px;}
    .calendar_area .calendar_box .day_box a.next{right:15px;}
    .calendar_area .calendar_box .days{height:280px;overflow-y:auto;border:1px solid #e3e3e3;scroll-behavior:smooth;}
    .calendar_area .calendar_box .days table,
    .calendar_area .calendar_box .days table tbody,
    .calendar_area .calendar_box .days table tbody tr,
    .calendar_area .calendar_box .days table tbody tr td{display:block;}
    .calendar_area .calendar_box .days table tbody tr td.empty{display:none;}
    .calendar_area .calendar_box .days table thead{display:none;}
    .calendar_area .calendar_box .days table tbody td{width:100%;height:auto;text-align:left;padding:7px 10px 10px 5px;border-bottom:1px solid #e3e3e3;white-space: nowrap;}
    .calendar_area .calendar_box .days table tbody td a{display:block;overflow:hidden}
    .calendar_area .calendar_box .days table tbody td a span{width:31px;text-align:center;display:block;float:left;}
    .calendar_area .calendar_box .days table tbody td.sch_day span{width:31px;height:31px;color:#4153b9;padding-top:2px;text-align:center;vertical-align:top;;}
    .calendar_area .calendar_box .days table tbody td.today span{width:31px;height:31px;color:#fff;padding-top:2px;text-align:center;}

    .calendar_area .calendar_box .days table tbody td .schedule_list{display:block;padding:3px 0 0 30px;overflow: hidden;}
    .calendar_area .calendar_box .days table tbody td .schedule_list li{color:#010000;font-weight:100;padding-left:13px;position:relative;white-space:normal;}
    .calendar_area .calendar_box .days table tbody td .schedule_list li:before{content:'';display:block;width:3px;height:3px;border-radius:50%;background:#0a0a0a;position:absolute;top:11px;left:0px;}
    .calendar_area .calendar_box .days table tbody td .schedule_list li + li{margin-top:2px;}
    .calendar_area .calendar_info .schedule_box + .schedule_box{margin-top:20px;}
    .calendar_area .calendar_info .schedule_box .title{padding: 10px 10px 10px;font-size:15px;}
    .calendar_area .calendar_info .schedule_box .list{padding:12px 15px;}
    .calendar_area .calendar_info .schedule_box .list li{font-size:14px;padding-left:9px;}
    .calendar_area .calendar_info .schedule_box .list li:before{top:9px;}
    .calendar_area .calendar_info .date{padding-bottom:5px;margin-top:-7px;font-size:13px;}
}

/* 정보목록검색 */

.ui_box.v2{padding: 26px;}
.ui_box.v2 form{flex-wrap:wrap;}
.ui_box.v2 .box{display: flex; justify-content: center; align-items: center; width: 100%; padding-right: 28px;}
.ui_box.v2 .period{padding-top: 10px;}
.ui_box.v2 .period a{background: #333; color: #fff; padding: 3px 12px; margin-left: 5px;}
.ui_box.v2 .calendar{padding-top: 10px; padding-left: 30px;}
.ui_box.v2 .department{display: flex; width: 40%; align-items: center;}
.ui_box.v2 .department label{width: 26%; padding-left: 8px;}
.ui_box.v2 .search_wrap{display: flex; align-items: center; width: 100%; padding-top: 22px;}
.ui_box.v2 .integrated{width:50%;}
.ui_box.v2 .name{border: 1px solid #c2c2c2; width: 116px; height: 30px;}
.ui_box.v2 .search_divsion{width: 190px;}
.ui_box.v2 .search_keyword{width: 248px;}
.ui_box.v2 .check_bx{width: 32%; padding-left: 8px;}
.ui_box.v2 .check_bx p{display: inline-block;}
.ui_box.v2 .check_bx label{padding-left: 10px;}
.ui_box.v2 .check_bx input[type="radio"]{display: inline-block; width: 15px; height: 15px; vertical-align: middle; margin: 0 3px 3px 0;}
/*정보목록 검색 */
.infoorg_pop{width:100%; position:absolute; top:50px; left:0; -moz-box-shadow: 2px 2px 3px #ccc;-webkit-box-shadow: 2px 2px 3px #ccc;box-shadow: 2px 2px 3px #ccc; display:none; background:#fff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;border-color:#636363;}
.infoorg_pop>strong{ text-align:center; display:block; padding:10px 0; font-size:16px; font-weight:500; background:#636363;color:#fff;}
.infoorg_pop .scbox{ margin:0;padding:10px; text-align:center; border-bottom:1px solid #ddd; background:#fafbfc;}
.infoorg_pop .scbox>span{ display:block; font-size:12px; text-indent:-10px; padding-left:10px; text-align:left; margin-left:10px; margin-top:5px;}
.infoorg_pop input[type="text"]{width:100%;padding: 5px;border: 1px solid #d1d1d1;-ms-ime-mode: active;ime-mode: active; color:#666; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.infoorg_pop input[type="submit"]{width:100%;margin:10px 0;border:1px solid #f2f2f0; background:#636363; padding:5px 20px; color:#fff; vertical-align:middle; cursor:pointer; font-weight:500; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.infoorg_pop input[type="button"]{width:100%;border:1px solid #828282; background:#828282; padding:5px 10px; color:#fff; vertical-align:middle; cursor:pointer; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.infoorg_pop{left:50%; margin-left:-180px; border:1px solid #f2f2f0; width:360px; -moz-box-shadow: 2px 2px 3px #ccc;-webkit-box-shadow: 2px 2px 3px #ccc;box-shadow: 2px 2px 3px #ccc; display:none;border-color:#636363; z-index: 100;}
.infoorg_pop input[type="text"]{width:165px;}
.infoorg_pop input[type="submit"]{width:auto;margin:0;}
.infoorg_pop input[type="button"]{width:auto;}
.info_org{ margin:20px 0 20px 20px; height:300px; overflow-y:auto;}
.info_org>div div{ position: relative;padding: 0 0 0 22px;white-space: nowrap; line-height: 20px; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.tt.tb.xe%2Svasb-yvfg%2Svzntrf%2SyvarGerr.tvs) no-repeat 9px 0;}
.info_org>div a:hover{ text-decoration:underline; font-weight:bold; color:#f2f2f0; background:#f4faff;}
.info_org>div:first-child>a{ background:none;}
.info_org>div div:last-child{background-position: 9px -1766px;}
.info_org li li{ position: relative;padding: 0 0 0 22px;white-space: nowrap; line-height: 20px; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.tt.tb.xe%2Svasb-yvfg%2Svzntrf%2SyvarGerr.tvs) no-repeat 9px 0;}
.info_org li a {color:#303233;text-decoration:none; font-size:13px;}
.info_list .btnclose{border:1px solid #636363; padding:7px 15px; color:#636363; vertical-align:middle; text-decoration:none;}
.info_list .btnask{border:1px solid #4c5262; background:#4c5262; padding:7px 15px; color:#fff !important; vertical-align:middle;}
.infolist_pop>strong{ text-align:center; display:block; padding:10px 0; font-size:16px; font-weight:500; color:#fff; background:#4c5262;}
.infolist_pop{position:absolute;background:#fff; border:1px solid #4c5262; -moz-box-shadow: 2px 2px 3px #ccc;-webkit-box-shadow: 2px 2px 3px #ccc;box-shadow: 2px 2px 3px #ccc; display:none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; z-index:100;left:150px;right:150px}
.info_list .btnbox{ margin:0; padding:20px 0; text-align:center; border-top:1px solid #ddd;}
.infolist_pop .infolist_box1{ margin:20px;border-top: 2px solid #4c5262;}
.infolist_pop .infolist_box1 .grid {width:100%;border-collapse: collapse;}
.infolist_pop .infolist_box1 table{ width:100%;}
.infolist_pop .infolist_box1 table th{padding: 12px 0 12px 0 !important;border-bottom: 1px solid #ddd; background:#fafbfc;font-weight:500;}
.infolist_pop .infolist_box1 table th + td + th{border-left: 1px solid #ddd;}
.infolist_pop .infolist_box1 table td {padding: 10px 10px; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; word-break: break-all; }
.info_list .btnclose{border:1px solid #636363; padding:7px 15px; color:#636363; vertical-align:middle; text-decoration:none;}
.info_list .btnask{border:1px solid #4c5262; background:#4c5262; padding:7px 15px; color:#fff !important; vertical-align:middle;}
.infolist_pop>strong{ text-align:center; display:block; padding:10px 0; font-size:16px; font-weight:500; color:#fff; background:#4c5262;}

.info_list .board_tip{height:115px;}
.board_tip .searchpart{width:150px;}
.board_tip .searchdates{width:67px;}

@media screen and (max-width:1199px) {
    .ui_box.v2{padding: 16px;}
    .ui_box.v2 .check_bx{width: 36%; padding-left: 5px;}
    .ui_box.v2 .department{width: 40%;}
    .ui_box.v2 .integrated{display: inline-block;  width: 60%;}
}


@media screen and (max-width:800px) {

    .infolist_pop{left:10px;right:10px}
}
@media screen and (max-width:995px) {
    .ui_box.v2 .box{display: block;}
    .ui_box.v2 .calendar{padding-left: 0;}
    .ui_box.v2 .search_wrap{display: block;}
    .ui_box.v2 .search_keyword{width: 100%;}
    .ui_box.v2 .department{width: 50%; display: inline-block; padding-bottom: 20px;}
    .ui_box.v2 .department label{width: 100%;}
    .ui_box.v2 .integrated{width: 60%;}
    .ui_box.v2 .check_bx{width: 40%;}
}

@media screen and (max-width:760px) {
    .ui_box.v2 .check_bx label{padding-left: 0;}
    .ui_box.v2 .period a{padding: 3px 10px;}
    .ui_box.v2 .search_wrap{padding-top: 7px;}
    .ui_box.v2 .department{width: 100%;}
    .ui_box.v2 .department label{padding-left: 0;}
    .ui_box.v2 .check_bx{padding-left: 0;}
    .ui_box.v2 .integrated{width: 100%;}
}

/* 강원브리핑_포커스강원 */

.focus_list{position:relative;padding:20px 0 !important; border-bottom:1px solid #e6e6e6;overflow:hidden;}
.focus_list dd.photo {width:253px;margin-bottom:0;float:left; margin-right: 15px;}
.focus_list dd.photo a {display:inline-block; border:1px solid #e6e6e6;}
.focus_list dd.photo a img{display:block; width: 249px; height:144px;}
.focus_list dt { position:relative;top:0;overflow:hidden;}
.focus_list dt a {font-weight:500;}
.focus_list dd.text {position:relative;margin-top:10px;font-weight:300;}

@media screen and (max-width:600px) {
    .focus_list dd.photo{float:none;margin-right:0;width:100%;overflow:hidden;display:block;}
    .focus_list dt{margin-top:10px;}
    .focus_list dd.photo a{width:100%;}
    .focus_list dd.photo a img{width:100% !important;height:auto !important;}
}

/* 행정정보_정책사례집 */

.boGallery {overflow: hidden;margin: 0 auto;}
.boGallery >li {display: block;float: left;}
.boGallery-sbj,
.boGallery-img {margin-bottom: 10px;}
.boGallery-sbj {font-weight: normal;/* 한 줄 자르기 */ display: inline-block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; /* 여러 줄 자르기 추가 스타일 */ white-space: normal; line-height: 1.2; height: 2.4em; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.boGallery-img {font-size: 0;text-align: center;}
.boGallery-img img {max-width: 100%;max-height: 100%;vertical-align: middle;text-align:center;width:100%;}


/* 행정정보_임기내재정계획규모 */
 
.size span{display: block; text-align: right;}

/* 행정정보_공약실천 */

.fulfill{position: relative; display: flex; align-items: center; justify-content: space-between; padding: 16px 16px 16px 89px; margin-top: 10px; 
border: 1px solid #d9d9d9; border-radius: 10px; word-break: keep-all;}
.fulfill::before{content: ''; width: 42px; height: 42px; position: absolute; left: 32px; top: 14px; 
background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngr.tjq.tb.xe%2Scntr%2Stjcebiva%2Svzntrf%2Spbagragf%2Spff_fcevgrf.cat)no-repeat -11px -11px;}
.fulfill.v2::before{background-position-x:-75px;}
.fulfill.v3::before{background-position-y:-75px;}
.fulfill.v4::before{background-position:-75px -75px;}
.fulfill.v5::before{background-position-x:-139px;}


@media screen and (max-width:760px){
    .fulfill{padding: 12px 1px 12px 30px; font-size: 12px;}
    .fulfill span{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 120px;}
    .fulfill::before{left: 5px; top: 16px; background-position: -5px -5px; background-size: 96px 64px; width: 30px; height: 30px;}
    .fulfill.v2::before{background-position:-37px -5px;}
    .fulfill.v3::before{background-position:-5px -37px;}
    .fulfill.v4::before{background-position:-37px -37px;}
    .fulfill.v5::before{background-position:-69px -5px;}
}   

@media screen and (max-width:375px){
    .fulfill{font-size: 12px;}
}   

/* boGallery */
.boGallery {width: 100%;padding-bottom: 20px;border-bottom: 1px solid #c1c1c1;list-style: none;font-size: 16px;text-align: center;}
.boGallery >li {width: 32%;margin: 0 1% 15px 0;}
.boGallery.photo > li {border: 1px solid #e3e3e3;}
.boGallery.photo > li a{display:block}
.boGallery.photo .boGallery-img {border-bottom: 1px solid #e3e3e3; margin-bottom:0;}
.boGallery.ebook .boGallery-img {border: 1px solid #e4e4e4;}
.boGallery-sbj {text-align: center;}
.boGallery-sbj br {display: none;}
.boGallery.photo .boGallery-sbj {padding: 10px 10px 10px 10px;height: 3.65em; margin-bottom:0px;text-align:left;font-size: 16px;line-height:1.4;font-weight:300;text-overflow: ellipsis;overflow: hidden;}
.boGallery.photo time {display: block;padding: 0 10px 10px;text-align:left;font-size: 16px;color:#666;font-weight:300;}
.boGallery-btnGroup {font-size: 14px;line-height: 2em;}
.boGallery-btnGroup a {display: block;padding: 0 10px;background-color: #4d5360;}
.boGallery-btnGroup a:first-child {margin-bottom: 6px;}
#dojung a:first-child {margin-bottom: 0px;}
.boGallery-btnGroup a:link,
.boGallery-btnGroup a:hover,
.boGallery-btnGroup a:visited {color: #fff;}
.boGallery-btnGroup a:hover {text-decoration: underline;}
.boGallery-btnGroup [class*=ico] {position: relative;margin-left: 5px;vertical-align: baseline;}
.boGallery-btnGroup .icoSimple-data-ebook {top: 2px;}
.boGallery-btnGroup .icoSimple-data-pdf {top: 5px;}
.boGallery .thumbnail { position: relative; overflow: hidden; }
.boGallery.ebook .boGallery-sbj {letter-spacing:-0.1em; height:1.4em}
.boGallery.ebook .thumbnail{padding-top: 144%;}
.boGallery.photo .thumbnail{}
.boGallery .thumbnail .centered {overflow:hidden;position:relative;height:150px;}
.boGallery .thumbnail #dojungimg {height:210px}
.boGallery .thumbnail .centered img {position:absolute;left:-100%;right:-100%;top:-100%;bottom:-100%;margin:auto;min-height:100%;min-width:100%;transition: all 0.5s;}
.boGallery .thumbnail .centered img:hover{transform: scale(1.2);}
.boGallery .thumbnail .centered img:hover{content:'';}

@media screen and (max-width:559px){
    .boGallery >li:nth-child(n) {width: 49%; margin: 0 0 24px 0;}
    .boGallery >li:nth-child(2n) {float:right;}
    .boGallery >li:nth-child(odd) {clear:both;}
}

@media screen and (max-width:760px){
    .boGallery >li:nth-child(2n){margin-right: 0;}

}
@media screen and (min-width:560px) and (max-width:999px){
    .boGallery >li:nth-child(n){width: 32%; margin: 0 2% 15px 0;}
    
    .boGallery >li:nth-child(3n) {float:right; margin-right: 0;}
    .boGallery >li:nth-child(4),
    .boGallery >li:nth-child(7),
    .boGallery >li:nth-child(10),
    .boGallery >li:nth-child(13),
    .boGallery >li:nth-child(16),
    .boGallery >li:nth-child(19) {clear:both;}
}
/*  .boGallery >li:nth-child(n){width:42.9%; margin: 0 6.8% 30px 0;}
    .boGallery >li:nth-child(4n) {float:right;}
    .boGallery >li:nth-child(5),
    .boGallery >li:nth-child(9),
    .boGallery >li:nth-child(13),
    .boGallery >li:nth-child(17){clear:both;}
    .boGallery-btnGroup a {float: left; width: 40%; text-align:center; padding:0;}
    #dojung a {width: 100%;}
    .boGallery-btnGroup a:nth-child(2) {width: 57%; float: right;}
    .boGallery.ebook >li:nth-child(n){margin-bottom:40px;}
 */

/*전자민원_민원서식 */

.menu ul li{display: inline-block; width: 24%;}
.menu ul li a:hover{color: #0044cc;}

@media screen and (max-width:1199px) {
    .menu ul li{display: inline-block; width: 30%;}
}
@media screen and (max-width:991px) {
    .menu ul li{display: inline-block; width: 40%;}
}

/* 식품방사능 정보 */
.radioactivity h5{font-weight: 600; font-size: 22px; color: #114ab0; position: relative; padding-left: 31px; padding-bottom: 13px;}
.radioactivity h5::before{content: ''; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngr.tjq.tb.xe%2Scntr%2Stjcebiva%2Svzntrf%2Sfho%2Sivrj.cat)no-repeat; width: 19px; height: 20px;
position: absolute; left: 0; top: 8px;}
.radioactivity .check{padding: 64px 79px 54px 78px; background: #f6faff; border: 1px solid #dcdcdc; position: relative;}
.radioactivity .check::before{content: ''; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngr.tjq.tb.xe%2Scntr%2Stjcebiva%2Svzntrf%2Sfho%2Spurpx04.cat)no-repeat;
position: absolute; top: 25px; right: 79px; z-index: 1; width: 370px; height: 260px;}
.radioactivity .check strong{font-size: 64px; line-height: 1.1; color: #5c97ff;}
.radioactivity .check em{display: block; color: #495495;}
.radioactivity .condition{position: relative; z-index: 2;}
.radioactivity .condition ul{display: flex; flex-wrap: wrap; padding-top: 68px;}
.radioactivity .condition ul li{display: flex; justify-content: space-between; position: relative; align-items: center; padding: 0 20px 0 66px; border: 2px solid #a8c8ff; width: calc((100% - 26px) / 2); height: 70px; margin-bottom: 10px; margin-right: 26px; line-height: 70px; border-radius: 13px; background: #fff;  
font-weight: 500; color: #2e2d2d;}
.radioactivity .condition ul li::before{content: ''; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngr.tjq.tb.xe%2Scntr%2Stjcebiva%2Svzntrf%2Sfho%2Spurpx01.cat)no-repeat;
width: 42px; height: 34px; position: absolute; left: 9px;}
.radioactivity .condition ul li:nth-child(2)::before{background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngr.tjq.tb.xe%2Scntr%2Stjcebiva%2Svzntrf%2Sfho%2Spurpx02.cat);
width: 35px; height: 32px;}
.radioactivity .condition ul li:nth-child(3)::before{background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngr.tjq.tb.xe%2Scntr%2Stjcebiva%2Svzntrf%2Sfho%2Spurpx03.cat);
width: 37px;}
.radioactivity .condition ul li:nth-child(2n){margin-right: 0;}
.radioactivity .condition ul li > div{display: flex; flex-direction: column;}
.radioactivity .condition ul li > div .view{background: #495495; margin-top: 2px;}
.radioactivity .condition ul li span{font-size: 20px; padding-left: 16px;}
.radioactivity .condition ul li a{width: 67px; height: 22px; line-height: 22px;  font-size: 14px; font-weight: 400; background: #5c97ff; color: #fff; display: block; text-align: center;}
.radioactivity_info{padding-top: 42px;}
.radioactivity_info h5{font-weight: 600; font-size: 22px; color: #114ab0; position: relative; padding-bottom: 18px; padding-left: 31px;}
.radioactivity_info h5::before{content: ''; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngr.tjq.tb.xe%2Scntr%2Stjcebiva%2Svzntrf%2Sfho%2Sjneavat.cat)no-repeat; width: 24px; height: 21px;
position: absolute; left: 0; top: 8px;}
.radioactivity_info .fukushima{display: flex;}
.radioactivity_info .fukushima a{display: flex; align-items: center; line-height: 1.3; word-break: keep-all; font-size: 16px; font-weight: 400; padding: 0 20px; justify-content: space-between; width: calc((100% - 50px) / 3); height: 73px; color: #fff; background: #495495; border-radius: 15px;}
.radioactivity_info .fukushima a + a{margin-left: 36px;}

@media screen and (max-width:1024px) {
    .radioactivity .check::before{right: 15px;}
}

@media screen and (max-width:991px) {
    .radioactivity .check{padding: 64px 30px 30px 30px;}
    .radioactivity .check::before{right: 10px;}
    .radioactivity .check strong{font-size: 45px;}
    .radioactivity .condition ul li{padding: 0 20px 0 46px;}
    .radioactivity .condition ul li span{font-size: 16px;}
    .radioactivity_info .fukushima a{font-size: 16px;}
}

@media screen and (max-width:716px) {
    .radioactivity .check{padding: 30px 15px 15px 15px;}
    .radioactivity .check::before{width: 185px; height: 130px; top: 5px; right: 5px; background-size: cover;}
    .radioactivity .check strong{font-size: 19px; display: inline-block; margin-top: 15px;}
    .radioactivity .condition ul{flex-direction: column;}
    .radioactivity .condition ul li{width: 100%; padding: 0 20px 0 40px;}
    .radioactivity .condition ul li span {font-size: 14px;}
    .radioactivity_info .fukushima{flex-direction: column;}
    .radioactivity_info .fukushima a{width: 100%; font-size: 14px;}
    .radioactivity .condition ul li a{font-size: 13px;}
    .radioactivity_info .fukushima a + a{margin-left: 0; margin-top: 15px;}
}

/* 조직도 */
.organization{display: flex;justify-content: center;}
.organization .organization_tit{font-size: 0; position: relative;}
.organization .organization_tit::before{content: ''; background: #ccc; width: 100%; height: 1px;
position: absolute; left: 0; top: 28px; z-index: -1;}
.organization .level-01 {color: #fff; font-weight: 400; font-size: 18px; position: relative; width: 245px; height: 59px; line-height: 59px; margin-right: 40px; text-align: center; border-radius: 10px; background: #008993; display: inline-block;}
.organization .level-01::after{content: ''; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngr.tjq.tb.xe%2Scntr%2Stjcebiva%2Svzntrf%2Spbagragf%2Svpba_01.cat)no-repeat;
position: absolute; right: 0; width: 100px; height: 63px;}
.committee{display: flex; flex-direction: column; position: relative;}
.committee::before{content: ''; background: #ccc; width: 1px; height: 100%; 
position: absolute; left: 50%; margin-left: -0.5px;}
.committee li + li{margin-top: 40px;}
.committee li .level-02 a{position: relative; font-size: 18px; width: 245px; height: 59px; display: flex; justify-content: center; align-items: center; border-radius: 10px; background: #244861; color: #fff; font-weight: 400;}
.committee .level-02 a::after{content: ''; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngr.tjq.tb.xe%2Scntr%2Stjcebiva%2Svzntrf%2Spbagragf%2Svpba_01.cat)no-repeat;
position: absolute; right: 0; width: 100px; height: 63px;}

@media screen and (max-width:991px){
    .organization .level-01,
    .committee li .level-02 a{width: 227px;}
}

@media screen and (max-width:768px){
    .organization .level-01,
    .committee li .level-02 a{width: 216px;}
}

@media screen and (max-width:716px){
    .organization{flex-direction: column;}
    .organization .organization_tit::before{width: 1px; height: 100%; left: 50%; top: 0; margin-left: -0.5px;}
    .organization .level-01 {margin-right: 0; margin-bottom: 20px;}
    .committee li + li{margin-top: 20px;}
    .organization .level-01,
    .committee li .level-02 a{width: 100%; font-size: 14px; height: 50px; line-height: 50px;}
}

/* 대표음식 */
#mask01.active{ display: block;}
#videoModal.active{display: block;}
#mask01{display: none; position:fixed;z-index:3000;top:0;left:0;right:0;bottom:0; background:rgba(0,0,0,.5);}
#mask01{display: none; position:fixed;z-index:1000;top:0;left:0;right:0;bottom:0;}
#videoModal{display: none; position:fixed; z-index: 2000; border-radius: 26px; color: #111; top:490px; left: 60%; width: 500px; height: 300px;  border: 4px solid #008af2;  background: #000; transform: translate(-50% , -50%);}
#videoModal .video_play{position: relative; height: 300px;}
#videoModal .video_play video{object-fit: cover;width: 100%; max-width: 1028px; height: 292px; border-radius: 22px;}
#videoModal .video_play img{display: block; width: 100%; max-width: 100%;  border-radius: 22px; margin: 0 auto; max-height: 554px;}
#videoModal .video_play .play_btn{display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 121px; height: 118px;
background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngr.tjq.tb.xe%2Scntr%2Sclrbatpunatzrgn%2Svzntrf%2Spbagrag%2Scynl.cat)no-repeat;}
#videoModal .close_btn{background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngr.tjq.tb.xe%2Scntr%2Stjcebiva%2Svzntrf%2Spbagragf%2Sivqrb_pybfr.cat)no-repeat center center/cover; width: 48px; height: 48px;
position: absolute; right: -66px; top: 0; cursor: pointer;}

.video{position: relative;}
.video .video_box > span{font-family: 'KoreanYNSJG5R'; padding: 28px 0; font-size: 24px; color: #11304d; font-weight: 500; display: flex; justify-content: center;}
.video .video_box > span strong{color: #1a43e1; padding-left: 5px;}
.video .food{display: flex; flex-wrap: wrap; position: relative;}
.video .food::before{content: ''; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngr.tjq.tb.xe%2Scntr%2Stjcebiva%2Svzntrf%2Spbagragf%2Syvar.cat)no-repeat center center/cover; width: 1024px; height: 6px;
position: absolute; bottom: -10px; left: 0;}
.video .video_box:last-child .food::before{display: none;}
.video .food li{position: relative; width: calc((100% - 28px) / 2); z-index: 2; height: 387px; overflow: hidden; background: #f4f5f9; color: #333; border-radius: 8px; text-align: center; border: 1px solid #c5c9d5; display: flex; flex-direction: column; padding: 22px 30px 0; align-items: center; margin: 0 28px 30px 0;}
.video .food li::before{content: ''; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngr.tjq.tb.xe%2Scntr%2Stjcebiva%2Svzntrf%2Spbagragf%2Ssbbq_ot.cat)no-repeat; width: 424px; height: 385px;
position: absolute; bottom: 42px; right: -209px; z-index: 1;}
.video .food li a{position: relative; z-index: 3; position: relative; width: 280px; height: 200px;}
.video .food li a::after{content: '';  opacity: 0;}
.video .food li a:hover::after{content: ''; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngr.tjq.tb.xe%2Scntr%2Stjcebiva%2Svzntrf%2Spbagragf%2Scynl.cat)no-repeat; width: 37px; height: 36px;
position: absolute; bottom: 10px; right: 10px;  transition: all .5s; opacity: 1;}
.video .food li span{font-weight: 600; font-size: 20px;  padding-top: 17px;}
.video .food li p{padding-top: 9px;  line-height: 1.3;word-break: keep-all;}
.video .food li:nth-child(2n){margin-right: 0;}


@media screen and (max-width:1399px){
    .video .food::before{width: 100%;}
    #videoModal{top:550px; left: 50%;}
}

@media screen and (max-width:991px){
    .video .food li{height: 360px;}
    .video .food li::before{bottom: 13px; right: -240px;}
    .video .food li span{font-size: 18px;}
    .video .food li p{word-break: keep-all; font-size: 15px;}
    .video .food li p br{display: none;}
}

@media screen and (max-width:716px){
    .video .video_box > span{padding: 15px 0; font-size: 22px;}
    .video .food li{width: 100%; margin: 0 0 20px 0; height: 380px;}
    .video .food li p{font-size: 15px;}
    #videoModal{width: 300px; height: 200px; top: 350px;}
    #videoModal .video_play{height: 200px;}
    #videoModal .video_play video{height: 192px;}
    #videoModal .close_btn{right: 0; top: -60px;}
}

/* 공약이행2 */
.simpleBtn{display: inline-block;text-align: center;vertical-align: middle;font-weight:400;color:#222;border-radius:5px;border: 1px solid #222;padding:0 15px;transition:all .1s;position:relative;overflow:hidden;height:26px;line-height:25px;z-index:5;font-size:14px;}
.simpleBtn + .simpleBtn{margin-left:10px}
.simpleBtn:hover{background:linear-gradient(to right, #c2002a 0%, #ffdedb 100%);border:1px solid #b51b33 !important; font-weight:500;}
.simpleBtn:hover:after{content:'';position:absolute;z-index:-1;;top:2px;bottom:2px;left:2px;right:2px;background:#fff;display:block;border-radius:3px;}
.fulfillment{position: relative; padding-top: 34px;}
.fulfillment p{font-family: 'GANGWONSTATE'; font-weight: 700; line-height: 1.4; padding-top: 20px;}
.fulfillment strong{display: block; font-size: 26px;}
.fulfillment p span{color: #e60a34;}
.fulfillment .fulfill_01{position: absolute; right: 0; top: 0; z-index: -1;}
.fulfillment .fulfill_tab{display: flex; flex-wrap: wrap; padding-top: 67px;}
.fulfillment .fulfill_tab a{display: flex; align-items: center; padding: 0 0 0 10px; height: 52px; background: #eaebee; color: #313131; border-radius: 10px; margin-right: 9px; margin-bottom: 9px; width: calc((100% - 36px) /5);}
.fulfillment .fulfill_tab a.active{background: #242b45; color: #fff;}
.fulfillment .fulfill_tab a.active img{filter:  brightness(0) invert(1);}
.fulfillment .fulfill_tab a:nth-child(5n){margin-right: 0;}
.fulfillment .fulfill_tab a span{padding-left: 12px; line-height: 1.2;}
.fulfillment ul{padding-top: 58px;}
.fulfillment ul li{display: none;}
.fulfillment ul li.active{display: block;}
/*.fulfillment .skinTb > tbody > tr > td:last-child{display: flex; justify-content: center; align-items: center;} */

@media screen and (max-width:991px){
    .fulfillment{padding-top: 0;}
    .fulfillment h3 img{display: block; width: 100%;}
    .fulfillment strong{font-size: 24px;}
    .fulfillment .fulfill_01{top: 80px;}
    .fulfillment .fulfill_01 img{height: 200px;}
    .fulfillment .fulfill_tab{padding-top: 100px;}
    .fulfillment .fulfill_tab a span{font-size: 14px; padding-left: 5px;}
    .fulfillment .fulfill_tab a span br{display: none;}
    .fulfillment .fulfill_tab a img{height: 28px;}
}

@media screen and (max-width:716px){
    .fulfillment strong{font-size: 15px;}
    .fulfillment .fulfill_tab{padding-top: 130px;}
    .fulfillment .fulfill_tab a{width: calc((100% - 9px) /2);}
    .fulfillment .fulfill_01 img{height: 160px;}
    .fulfillment .fulfill_tab a:nth-child(2n){margin-right: 0; margin-bottom: 10px;}
    .fulfillment .fulfill_tab a:nth-child(5n){margin-right: 9px;}
    .fulfillment .fulfill_tab a{padding: 0 5px;}
    .fulfillment .fulfill_tab a span{word-break: keep-all; padding-left: 20px;}
    .fulfillment ul{padding-top: 18px;}
    .fulfillment .fulfill_tab a img{height: 25px;}
}

.fileIco {display: inline-flex;align-items: center;margin-left: 5px;}
.fileIco img {width: 15px;vertical-align: middle;object-fit: cover;image-rendering: -moz-crisp-edges;image-rendering: -o-crisp-edges;image-rendering: -webkit-optimize-contrast;image-rendering: crisp-edges;}
.fileIco:hover img{filter: invert(100%);}


.contsArea  a.link{text-decoration:underline}
.contsArea  a.link::after{content: "";margin-left: 3px;background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngr.tjq.tb.xe%2Scntr%2Spbzzba%2Svzntrf%2Svpb-yvax.cat) no-repeat;width: 13px;height: 13px;display: inline-block;background-size: contain;position: absolute;}

/* 명예의전당 */ 
.honor{font-family: 'GANGWON STATE';}
.honor > img{display: block; margin-bottom: 18px; border-radius: 10px 10px 130px 10px;}
.honor .honor_bx{display: grid; grid-template-columns: repeat(4, 1fr); gap: 50px 24px; padding-top: 10px;}
.honor .honor_item{background: #f7f7f7; padding: 5px 10px; border-radius: 15px;}
.honor .honor_item .honor_inner{overflow: hidden; position: relative; text-align: center; z-index: 1; padding: 16px; background: #fff; width: 219px; height: 230px; border-radius: 13px; box-shadow: 1px 1px 12px rgba(0,0,0,.1); display: flex; margin: -20px auto 0; flex-direction: column; align-items: center; justify-content: center;}
.honor .honor_item .honor_inner::before{content: ''; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngr.tjq.tb.xe%2Scntr%2Stjcebiva%2Svzntrf%2Spbagragf%2Sobk.cat) no-repeat; position: absolute; left: 50%; bottom: 0; z-index: -1; width: 236px; height: 219px; margin-left: -118px;}
.honor .honor_item .honor_inner span{font-size: 18px; color: #303030;}
.honor .honor_item .honor_inner strong{font-size: 45px; color: #242b45;}
.honor .honor_item .honor_inner > div{padding-top: 28px; display: flex; flex-direction: column;}

.honor .honor_item .honor_inner > div p{font-family: 'Noto Sans KR'; overflow: hidden;  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; padding-top: 18px; line-height: 1.4; position: relative; color: #303030; font-size: 14px; word-break: keep-all;}
.honor .honor_item .honor_inner > div p::before{content: ''; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngr.tjq.tb.xe%2Scntr%2Stjcebiva%2Svzntrf%2Spbagragf%2Sqnfu.cat)no-repeat; width: 83px; height: 2px;
position: absolute; left: 50%; top: 0; transform: translate(-50%);}

.honor .honor_item em{position: relative; z-index: 1; overflow: hidden; background: #242b45; display: flex; height: 34px; align-items: center; font-size: 18px; border-radius: 20px; margin-top: 7px; justify-content: center; color: #fff;}
.honor .honor_item em::before{content: ''; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngr.tjq.tb.xe%2Scntr%2Stjcebiva%2Svzntrf%2Spbagragf%2Svpba-ot.cat)no-repeat left top; position: absolute; left: 0; top: -113px; z-index: -1; width: 478px; height: 257px;}

@media screen and (max-width:1440px){
 .honor > img{width: 100%;}
}

@media screen and (max-width:1100px){
 .honor .honor_bx{grid-template-columns: repeat(3, 1fr);}
 .honor .honor_item .honor_inner span{font-size: 16px;}
 .honor .honor_item .honor_inner strong{font-size: 40px;}
 .honor .honor_item em{font-size: 16px;}
}

@media screen and (max-width:800px){
    .honor > img{border-radius: 10px 10px 50px 10px;}
    .honor .honor_item .honor_inner{width: auto; height: 200px; justify-content: center; padding: 10px;}
    .honor .honor_item .honor_inner::before{width: 200px;height: 185.5px;margin-left: -100px;background-size: cover;}
    .honor .honor_item .honor_inner > div{padding-top: 0;}
    .honor .honor_bx{grid-template-columns: repeat(2, 1fr); gap: 30px 15px;}
    .honor .honor_item .honor_inner strong{font-size: 25px;}
     .honor .honor_item .honor_inner span{font-size: 13px; padding-top: 30px;}
    .honor .honor_item .honor_inner span br{display: none;}
    .honor .honor_item em{font-size: 14px; height: 30px;}
    .honor .honor_item em::before{left: -22px;}
    .honor .honor_item .honor_inner > div p{padding-top: 10px; font-size: 13px;}
}