@charset "utf-8";

.photo_preview { display:none !important; }

/* 게시글 상세보기 */
.file span { width:100% !important; }

/* sub0101_인사말 */
.sub0101 .top_box {position:relative;height:326px;padding:73px 0 0 0;margin-bottom:36px;background:url(./../img/content/sub01/sub0101_bg.jpg) no-repeat left top;color:#fff;}
.sub0101 .top_box:after {content:"";display:block;clear:both;}
.sub0101 .top_box em {position:relative;display:inline-block;padding:0 45px 114px 40px;margin-left:50px;text-align:center;font-size:30px;line-height:40px;}
.sub0101 .top_box em .da1 {position:absolute;left:0;top:-8px;}
.sub0101 .top_box em .t1 {font-size:35px;font-weight:700;}
.sub0101 .top_box em .t2 {font-size:35px;}
.sub0101 .top_box em .t3 {display:block;font-size:24px;}
.sub0101 .top_box em .da2 {position:absolute;right:0;top:-8px;}
.sub0101 .top_box .sign {float:right;margin-right:460px;font-size:14px;}
.sub0101 .top_box .simg {position:absolute;right:0;top:21px;padding-left:18px;background:url(./../img/content/sub01/sub0101_icon01.gif) no-repeat left bottom;}
.sub0101 .text_box {padding:40px 30px;line-height:30px;background:#f8f8f8;color:#000;font-size:16px;}
/* pc */
@media only screen and (max-width:1410px){
    .sub0101 .top_box {height:284px;}
    .sub0101 .top_box em {padding:0 45px 80px 40px;margin-left:0;}
    .sub0101 .top_box em .t1 {font-size:25px;font-weight:700;}
    .sub0101 .top_box em .t2 {font-size:25px;}
    .sub0101 .top_box em .t3 {display:block;font-size:20px;font-weight:600;}
    .sub0101 .top_box .sign {margin-right:430px;}
    .sub0101 .top_box .simg {width:400px;}
    .sub0101 .top_box .simg img {width:100%;}
}
/* 태블릿 */
@media only screen and (max-width:1023px){
    .sub0101 .top_box {height:255px;}
    .sub0101 .top_box em {padding:0 25px 50px 20px;margin-left:15px;}
    .sub0101 .top_box .simg {width:360px;}
}
/* 모바일 */
@media only screen and (max-width:767px){
    .sub0101 .top_box {height:auto;padding:43px 0 0 0;margin-bottom:10px;text-align:center;}
    .sub0101 .top_box em {padding:0 0 30px 0;margin-left:10px;line-height:34px;}
    .sub0101 .top_box em .t1 {font-size:20px;}
    .sub0101 .top_box em .t2 {font-size:20px;}
    .sub0101 .top_box em .t3 {font-size:20px;font-weight:600;}
    .sub0101 .top_box .sign {float:none;margin-right:0;padding-bottom:15px;}
    .sub0101 .top_box .simg {position:static;width:100%;padding-left:0;background:none;}
    .sub0101 .top_box .simg img {width:100%;}
    .sub0101 .text_box {font-size:14px;}
}

/* sub0102_걸어온길 */
.sub0102 > strong {display:block;line-height:44px;padding-bottom:20px;margin-bottom:40px;/*background:url(./../img/content/sub01/sub0102_icon01.gif) no-repeat center bottom;*/text-align:center;font-weight:400;font-size:28px;color:#79551d;}
.sub0102 > strong mark {background:#fff;font-size:34px;color:#295fe9;}
.sub0102 .text_box:after {content:"";display:block;clear:both;}
.sub0102 .img {float:left;width:45%;}
.sub0102 .img img {width:100%;}
.sub0102 .text {float:left;width:55%;line-height:30px;padding:0 0 0 5%;}
/* 모바일 */
@media only screen and (max-width:767px){
    .sub0102 > strong {line-height:30px;padding-bottom:10px;margin-bottom:10px;background:none;font-size:20px;}
    .sub0102 > strong mark {font-size:24px;}
    .sub0102 .img {float:none;width:100%;}
    .sub0102 .text {float:none;width:100%;padding:20px 0 0 0;}
    .sub0102 .text br {display:none;}
}

/* sub0103_학력·경력￿￿￿￿￿ */
.sub0103 .history {position:relative;height:415px;padding:175px 0 0 0;background:url(./../img/content/sub01/sub0103_bg.gif) repeat-x left top;}
.sub0103 .history:after {content:"";display:block;clear:both;}
.sub0103 .history .text {float:left;padding:40px 0 0 100px;text-align:left;color:#fff;}
.sub0103 .history .text .tit {}
.sub0103 .history .text .tit em {font-size:18px;}
.sub0103 .history .text .tit strong {margin-left:10px;font-size:34px;line-height:50px;}
.sub0103 .history .text ul {line-height:34px;margin-top:15px;}
.sub0103 .history .text ul li strong {display:inline-block;width:90px;padding-left:15px;background:url(./../img/content/sub01/sub0103_ch.gif) no-repeat left center;}
.sub0103 .history .img {float:right;position:absolute;right:0;bottom:0;}
/* pc */
@media only screen and (max-width:1199px){
    .sub0103 .history .text {padding:40px 0 0 60px;}
}
/* 모바일 */
@media only screen and (max-width:767px){
    .sub0103 .history {height:240px;padding:30px 0 0 0;background:url(./../img/content/sub01/sub0101_dot.jpg) repeat left top;}
    .sub0103 .history .text {padding:0 0 0 20px;}
    .sub0103 .history .text .tit em {font-size:16px;}
    .sub0103 .history .text .tit strong {font-size:20px;line-height:24px;}
    .sub0103 .history .text ul {line-height:28px;}
    .sub0103 .history .img {width:280px;}
    .sub0103 .history .img img {width:100%;}
}
/* 모바일 */
@media only screen and (max-width:480px){
    .sub0103 .history {height:370px;}
}


/* 포토게시판 리스트 */
.photo_preview {position:relative;width:100%;margin:15px 0;background:#2f2f2f;overflow:hidden;}
.photo_preview:after {content:"";display:block;clear:both;}
/* 텍스트 */
.photo_preview .photo_cnt {padding:20px;background:#000;}
.photo_preview .photo_cnt a {color:#fff;line-height:18px;}
.photo_preview .photo_cnt a span {display:block;}
.photo_preview .photo_cnt .prev_ti{margin:0 0 7px 0;font-size:16px;line-height:18px;}
.photo_preview .photo_cnt .prev_txt {line-height:20px;}
.photo_preview .photo_cnt .prev_date{margin-top:10px;color:#c8e1fa;}
/* 좌우컨트롤 */
.preview_b_ctrl {position:absolute;left:0;top:45%;width:100%;}
.preview_b_ctrl button {display:inline-block;margin:0;padding:0;width:64px;height:64px;background:none;border:none;}
.preview_b_ctrl button.prev {float:left;}
.preview_b_ctrl button.next {float:right;}
/* 이미지 */
.photo_preview_wrap {}
.photo_preview .preview_img {width:100%;}
.photo_preview .preview_img li {display:none;width:100%;text-align:center;}
.photo_preview .preview_img li.active {display:block;}
.photo_preview .preview_img img {width:100%;}
/* 이미지_썸네일 */
.photo_preview .preview_thum_box {position:relative;}
.photo_preview .preview_thum {padding:10px 15px;background:#000;text-align:center;}
.photo_preview .preview_thum:after {content:"";display:block;clear:both;}
.photo_preview .preview_thum li {display:inline-block;width:69px;height:44px;margin:5px 2px;}
.photo_preview .preview_thum li button {display:block;width:69px;height:44px;margin:0;padding:0;}
.photo_preview .preview_thum li.on button,.photo_preview .photo_prev li:hover button {border:2px solid #fff000;}
.photo_preview .preview_thum li.on button img,.photo_preview .photo_prev li:hover button img {display:inline-block;margin:-2px 0 0 -2px;}
.photo_preview .preview_thum li button img {width:69px;height:44px;}
/* 이미지_썸네일 컨트롤 */
.preview_ctrl button {display:block;margin:0;padding:0;width:30px;height:74px;background:#000;border:none;}
.preview_ctrl button.prev_btn {position:absolute;left:0;bottom:0;}
.preview_ctrl button.next_btn {position:absolute;right:0;bottom:0;}
/* 이미지_리스트 */
#photo_list {padding:0 0 15px 0;/*border-top:2px solid #000;*/border-bottom:1px solid #999;}
#photo_list ul:after {content:"";display:block;clear:both;}
#photo_list ul li {float:left;width:32%;margin:10px 0;text-align:center;}
#photo_list ul li a {position:relative;display:inline-block;text-align:center;width:100%;height:100%;padding-bottom:10px;height:207px;}
#photo_list ul li span {display:inline-block;text-align:left;text-align:center;}
#photo_list ul li .photo img {width:100%;vertical-align:bottom;}
#photo_list ul li {display:inline-block;height:100%;width:23.5%;float:left;margin-right:2%;margin-top:0.5%;margin-bottom:0.5%;border:1px solid #ccc;}
#photo_list ul li + li {margin-right:2%;}
#photo_list ul li + li + li {margin-right:2%;}
#photo_list ul li + li + li + li {margin-right:0%;}
#photo_list ul li + li + li + li + li {margin-right:2%;}
#photo_list ul li + li + li + li + li + li {margin-right:2%}
#photo_list ul li + li + li + li + li + li + li {margin-right:2%;}
#photo_list ul li + li + li + li + li + li + li + li {margin-right:0;}

/* 모바일 */
@media only screen and (max-width:1023px){
    /* 이미지_리스트 */
    #photo_list ul li {width:32%;}
    #photo_list ul li + li {margin-right:2%;}
    #photo_list ul li + li + li {margin-right:0;}
    #photo_list ul li + li + li + li {margin-right:2%;}
    #photo_list ul li + li + li + li + li {margin-right:2%;}
    #photo_list ul li + li + li + li + li + li {margin-right:0%}
    #photo_list ul li + li + li + li + li + li + li {margin-right:2%;}
    #photo_list ul li + li + li + li + li + li + li + li {margin-right:2%;}
}
/* 모바일 */
@media only screen and (max-width:680px){
    /* 이미지_리스트 */
    #photo_list ul li {width:49%;margin-right:0;}
    #photo_list ul li + li {margin-right:0;margin-left:1%;}
    #photo_list ul li + li + li {margin-right:0;margin-left:0;}
    #photo_list ul li + li + li + li {margin-right:0;margin-left:1%;}
    #photo_list ul li + li + li + li + li {margin-right:0;margin-left:0;}
    #photo_list ul li + li + li + li + li + li {margin-right:0;margin-left:1%;}
}
/* 모바일 */
@media only screen and (max-width:480px){
    /* 이미지_리스트 */
    #photo_list ul li {width:100%;height: 310px;}
    #photo_list ul li + li {margin-left:0;}
    #photo_list ul li + li + li + li {margin-left:0;}
    #photo_list ul li + li + li + li + li + li {margin-left:0;}
    #photo_list ul li .photo img {height:250px;}
}

/* sub0203_언론에서 본 도지사 */
#board {}
#board .box {padding:25px 10px;margin-bottom:15px;background:#eee;font-size:16px;text-align:center;color:#3d4454;}
#board .box span {font-size:14px;}

.normal_list {border-top:2px solid #545454;}
.normal_list > li {position:relative;min-height:72px;padding:21px;border-bottom:1px solid #ddd;}
.normal_list li li {position:relative;display:inline-block;margin:0 13px 0 0;padding:0 0 0 7px;color:#777;font-size:12px;line-height:14px;}
.normal_list li li:after {content:"";position:absolute;left:0;top:6px;width:2px;height:2px;background:#000;}
.normal_list li li span {color:#999;}
.normal_list li li img {vertical-align:middle;}
.normal_list li .ti {display:block;margin:0 0 8px 0;width:90%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:#444;font-size:18px;}
.normal_list li a span{display:block;width:90%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.normal_list .cnt_no {padding:30px;font-size:16px;font-weight:500;line-height:18px;text-align:center;}
.brd_left > li {padding-left:135px;}/* 카테고리, 게시물 이미지가 존재하는 게시판에 클래스 추가 */
.brd_left .category1 {font-weight:600;color:#1b6398;}
.brd_left .category2 {font-weight:600;color:#15939e;}
.brd_left .category3 {font-weight:600;color:#a84e0e;}
.brd_left .category4 {font-weight:600;color:#1f6da6;}
.brd_left .brd_img {position:absolute;left:0;top:16px;width:118px;height:88px;border:1px solid #979998;}

/* pc */
@media only screen and (max-width:1199px){

}
/* 모바일 */
@media only screen and (max-width:767px){
}
/* 모바일 */
@media only screen and (max-width:480px){
    /* sub0203_언론에서 본 도지사 */
    .normal_list > li {padding:20px 0;}
    .normal_list li li {width:100%;}
    .brd_left > li {padding-left:0;}
    .brd_left .brd_img {position:static;width:100%;height:auto;margin-bottom:10px;border:1px solid #979998;}
    .normal_list li .ti {margin:0;}
}

/* sub0205_오늘의 일정 */
.schedule {}
/* 달력 */
.schedule {overflow:hidden;min-height:319px;background:#f6f6f6;border:1px solid #ccc;}
.schedule .sch_calendar {float:left;width:50%;padding:30px;background:#fff;border-right:1px solid #ccc;text-align:center;}
.schedule .sch_calendar h3{margin-top:0;}
.schedule .sch_calendar h3:before{display:none;}
.schedule .sch_calendar h4 {font-size:25px;font-weight:400;color:#000;}
/* 컨트롤 */
.schedule .sch_calendar .cal_btn:after {content:"";display:block;clear:both;}
.schedule .sch_calendar .cal_btn a {position:relative;z-index:10;display:inline-block;width: 80px;height: 34px;margin-top:-22px;}
.schedule .sch_calendar .cal_btn a img {display:inline-block;margin: 0 7px;vertical-align:middle;}
.schedule .sch_calendar .cal_btn a.prev {float:left;}
.schedule .sch_calendar .cal_btn a.next {float:right;}
/* 일정 */
.schedule .sch_calendar table.calendar_table {width:100%;margin-top:18px;}
.schedule .sch_calendar table.calendar_table th {padding:3px 0 2px 0;background: #e3ebf4;border-left:1px solid #fff;border-bottom:1px solid #fff;color: #768ba4;font-weight: 400;}
.schedule .sch_calendar table.calendar_table th.saturday {background: #0095eb;color: #fff;}/* 토 */
.schedule .sch_calendar table.calendar_table th.sunday {background: #f45267;color: #fff;}/* 일 */
.schedule .sch_calendar table.calendar_table td.saturday a {color:#00246d;}/* 토 */
.schedule .sch_calendar table.calendar_table td.sunday a {color:#d8071c;}/* 일 */
.schedule .sch_calendar table.calendar_table tr td a.holi {font-weight:bold;color:#d8071c;}/* 공휴일 */
.schedule .sch_calendar table.calendar_table td {background:#f8f8f8;border-left:1px solid #fff;border-bottom:1px solid #fff;}
.schedule .sch_calendar table.calendar_table td a {display:block;padding:3px 0 2px 0;text-align:center;}
.schedule .sch_calendar table.calendar_table td a.today {/* background:#3397ff; *//* color:#fff; */}/* 오늘 */
.schedule .sch_calendar table.calendar_table td a.plan {background:url(./../img/content/sub02/plan_bg.png) no-repeat right bottom;}
.schedule .sch_calendar table.calendar_table td a.after,
.schedule .sch_calendar table.calendar_table td a:hover {padding:1px 0 0 0;background:#fff;border:2px solid #00246d;color:#383838;}

/* 내용 */
.schedule .plan_list {float:right;width:50%;padding-top:20px;color:#fff;}
.schedule .plan_list h3 {margin-top:0; padding-left:30px;line-height:50px;background:#06895F;font-size:20px;font-weight:400;color:#fff;}
.schedule .plan_list h3:before{display:none;}
.schedule .plan_list ul {height:185px;margin:30px;overflow-y:auto;}
.schedule .plan_list ul li {display:block;position:relative;margin-bottom:18px;padding-left:74px;color:#000;background:url(./../img/content/sub02/icon_ch.png) no-repeat left 9px;}
.schedule .plan_list ul li.schd_none {padding-left:20px;}
.schedule .plan_list ul li .time {display:inline-block;position:absolute;left:20px;top:0;}
/* 내용설명 */
.schedule .sch_calendar ul {margin-top:10px;background: #e3ebf4;}
.schedule .sch_calendar ul:after {content:"";display:block;clear:both;}
.schedule .sch_calendar ul li {float:left;width:33.3%;line-height:30px;vertical-align:middle;font-size: 16px;}
.schedule .sch_calendar ul li.after_day {}
.schedule .sch_calendar ul li.today span {display:inline-block;width:30px;height:15px;background: #00a282;vertical-align:middle;margin-top: -3px;}
.schedule .sch_calendar ul li.after_day span {display:inline-block;width:30px;height:15px;border: 2px solid #33d1c0;vertical-align:middle;margin-top: -3px;}
.schedule .sch_calendar ul li.p_plan span {display:inline-block;width: 10px;height: 10px;/* background:url(./../img/content/sub02/plan_bg.png) no-repeat right bottom; */vertical-align:middle;background-color: #8077f8;border-radius: 50%;margin-top: -3px;}

/* 주간 주요일정 */
.sub0203 .comm_btn button {position:relative;z-index:10;display:block;float:right;margin-top:-26px;padding:5px 15px;background:#e85f5f;color:#fff;}
.sub0203 .comm_btn a {background:#666;}

/* 모바일 */
@media only screen and (max-width:767px){

    /* sub0205_오늘의 일정 */
    /* 달력 */
    .schedule {overflow:hidden;min-height:319px;}
    .schedule .sch_calendar h4 {font-size:17px;}
    .schedule .sch_calendar {float:none;width:100%;padding:20px 20px 20px 20px;}
    /* 내용 */
    .schedule .plan_list {float:none;width:100%;padding-top:20px;}

    /* 내용 */
    .schedule .plan_list ul {margin:10px;}
    .schedule .plan_list h4 {padding-left:10px;font-size:17px;}
    /* 내용설명 */
    .schedule .sch_calendar ul {text-align:left;padding-left:20px;}
    .schedule .sch_calendar ul li {float:none;width:100%;}

    /* 주간 주요일정 */
    .sub0203 .comm_btn {text-align:center;}
    .sub0203 .comm_btn button {display:inline-block;float:none;margin-top:10px;}
}

/* sub0301_도지사에게(공통) */
.conbox {padding:235px 20px 50px 20px;border:2px solid #c7d4e1;color:#444;}
.conbox2 {padding:20px;background:#f9fcff;border:2px solid #c7d4e1;color:#444;}
.conbox strong {line-height:30px;font-size:18px;color:#e85f5f;}
/* .conbox p {line-height:30px;font-size:15px;} */
.conbox p {font-size:17px;line-height:1.6;}
.conbox.icon01 {background:url(./../img/content/sub03/icon01.png) no-repeat center 50px #f9fcff;}
.conbox.icon02 {background:url(./../img/content/sub03/icon02.png) no-repeat center 40px #f9fcff;}
.conbox.icon03 {background:url(./../img/content/sub03/icon03.png) no-repeat center 50px #f9fcff;}
.conbox.icon04 {background:url(./../img/content/sub03/icon04.png) no-repeat center 50px #f9fcff;}
.conbox.icon05 {/*background:url(./../img/content/sub03/icon05.png) no-repeat center 50px #f9fcff;*/}
.conbox.icon06 {background:/* url(./../img/content/sub03/icon06.png) no-repeat center 50px */ #f9fcff;padding:20px 25px;}
.conbox.icon07 {background:url(./../img/content/sub03/icon04.png) no-repeat center 50px #f9fcff;}

.conbox3 {position:relative;display:table;overflow:hidden;width:100%;border:1px solid #ddd;color:#444;}
.conbox3:after {content:"";position:absolute;right:0;top:0;display:block;width:23px;height:24px;background:url(./../img/content/cbbox/cb_top.png) no-repeat;}
.conbox3:before {content:"";position:absolute;right:0;bottom:0;display:block;width:23px;height:24px;background:url(./../img/content/cbbox/cb_bottom.png) no-repeat;}
.conbox3 .img {display:table-cell;width:20%;height:145px;background:#386ea5;text-align:center;vertical-align:middle;}
.conbox3 .img img {vertical-align:middle;}
.conbox3 .text {display:table-cell;width:auto;padding:5px 5px 5px 0;height:145px;background:url(./../img/content/cbbox/cb_dot.gif) repeat;font-size:24px;font-weight:700;line-height:34px;vertical-align:middle;}
.conbox3 .text p {height:145px;padding:40px 0 0 40px;background:url(./../img/content/cbbox/cb_tit.gif) no-repeat left center #fff;}
.conbox3 .text em {display:block;}

.sub0301 .s3title {position:relative;line-height:30px;padding-left:20px;font-size:24px;color:#000;}
.sub0301 .s3title:after {content:"";display:block;position:absolute;left:0;top:3px;width:4px;height:55px;background:#284590;vertical-align:middle;}
.sub0301 .s3cont {font-size:16px;color:#000;}

/* 모바일 */
@media only screen and (max-width:767px){
    .conbox3:after {display:none;}
    .conbox3:before {display:none;}
    .conbox3 .img {display:block;width:100%;height:auto;padding:20px 0;}
    .conbox3 .text {display:block;width:100%;padding:5px;height:auto;background:url(./../img/content/cbbox/cb_dot.gif) repeat;font-size:16px;line-height:24px;}
    .conbox3 .text p {height:auto;padding:20px 0;background:none #fff;text-align:center;}
    .conbox3 .text em {display:block;}
    .conbox {padding:190px 20px 50px 20px;}
    .conbox.icon01 {background:url(./../img/content/sub03/icon01_1.png) no-repeat center 50px #f9fcff;}
    .conbox.icon02 {padding-top:335px;background:url(./../img/content/sub03/icon02_2.png) no-repeat center 40px #f9fcff;}
    /* .conbox.icon06 {padding:220px 20px 50px 20px;} */
}





/* sub0401_공약비전 */
.sub0401 .top {position:relative;line-height:34px;height:224px;padding:70px 20px;background:url(./../img/content/sub04/bg_left.png) no-repeat left center;text-align:center;color:#fff;}
.sub0401 .top:after {content:"";display:block;clear:both;}
.sub0401 .top:before {content:"";display:block;position:absolute;right:0;top:0;bottom:0;width:100%;height:224px;margin:auto 0;background:url(./../img/content/sub04/bg_right.png) no-repeat right center;}
.sub0401 .top .left {display:inline-block;}
.sub0401 .top .left > strong {display:block;font-size:24px;color:#222;}
.sub0401 .top .left > strong span {color:#f08200;}
.sub0401 .top .left > span {font-size:16px;color:#666;}
.sub0401 .top .right {display:inline-block;}
.sub0401 .top .right img {margin-left:20px;vertical-align:middle;}
.sub0401 .bottom {margin:20px 0;}
.sub0401 .bottom:after {content:"";display:block;clear:both;}
.sub0401 .bottom > li {float:left;width:100%;font-size:16px;color:#000;height:100%;display:inline-block;}
.sub0401 .bottom li.bg1 {background:url(./../img/content/sub04/icon01.png) no-repeat 30px 50% #fbfbfb;}
.sub0401 .bottom li.bg2 {background:url(./../img/content/sub04/icon02.png) no-repeat 30px 50% #efefef;}
.sub0401 .bottom li.bg3 {background:url(./../img/content/sub04/icon03.png) no-repeat 30px 50% #fbfbfb;}
.sub0401 .bottom li.bg4 {background:url(./../img/content/sub04/icon04.png) no-repeat 30px 50% #efefef;}
.sub0401 .bottom li.bg5 {background:url(./../img/content/sub04/icon05.png) no-repeat 30px 50% #fbfbfb;}
.sub0401 .bottom li em {display:block;margin-bottom:8px;font-size:23px;font-weight:700;}
.sub0401 .bottom li span {font-size:14px;background:#154f79;color:#fff;padding:3px 10px;border-radius:30px;}
.sub0401 .bottom li p {width:25%;float:left;padding:20px 0 20px 120px;}
.sub0401 .bottom li ul {width:75%;float:left;padding:20px 20px 20px 50px;}
.sub0401 .bottom li ul li {line-height:28px;}
/* pc */
@media only screen and (max-width:1360px){
    /* sub0401_공약비전 */
    .sub0401 .top {height:auto;padding:34px 20px;}
    .sub0401 .top .right {display:block;text-align:center;}
    .sub0401 .top .right img.dot {display:none;}
    .sub0401 .top .right img {display:inline-block;}
}
/* 태블릿 */
@media only screen and (max-width:1023px){
    .sub0401 .bottom li p {width:30%;}
    .sub0401 .bottom li ul {width:70%;}
}
/* 모바일 */
@media only screen and (max-width:767px){
    /* sub0401_공약비전 */
    .sub0401 .top {height:auto;background:none;border:1px solid #efefef;}
    .sub0401 .top:before {display:none;}
    .sub0401 .top .right img {max-width:502px;width:100%;margin-left:0;}
    .sub0401 .bottom > li {float:none;width:100%;padding:20px 0 20px 0;text-align:center;font-size:16px;color:#000;}
    .sub0401 .bottom li em {display:inline-block;margin-bottom:8px;font-size:23px;font-weight:700;}
    .sub0401 .bottom li p {width:100%;padding:20px 20px 0 120px;text-align:left;}
    .sub0401 .bottom li ul {width:100%;padding:30px 5% 10px 5%;font-size:14px;text-align:left;}
    .sub0401 .bottom li.bg1 {background:url(./../img/content/sub04/icon01.png) no-repeat 20px 20px #fbfbfb;}
    .sub0401 .bottom li.bg2 {background:url(./../img/content/sub04/icon02.png) no-repeat 20px 20px #efefef;}
    .sub0401 .bottom li.bg3 {background:url(./../img/content/sub04/icon03.png) no-repeat 20px 20px #fbfbfb;}
    .sub0401 .bottom li.bg4 {background:url(./../img/content/sub04/icon04.png) no-repeat 20px 20px #efefef;}
    .sub0401 .bottom li.bg5 {background:url(./../img/content/sub04/icon05.png) no-repeat 20px 20px #fbfbfb;}
}

@media only screen and (max-width:392px){
    .sub0401 .bottom li p {padding:10px 20px 0 110px;}
}

/* sub0402_텝메뉴(공통) */
.sub040202 .tab_menu {position:relative;}
.sub040202 .tab_menu:after {content:"";display:block;clear:both;}
.sub040202 .tab_menu:before {content:"";display:block;position:absolute;right:0;bottom:0;z-index:-1;width:100%;height:1px;background:#ccc;}
.sub040202 .tab_menu li {float:left;width:20%;}
.sub040202 .tab_menu li a {display:block;margin:0 2px;line-height:50px;background:#fff;border:1px solid #ccc;border-radius:10px 10px 0 0;/* font-size:16px; */font-size:17px;text-align:center;color:#999;}




.sub040202 .tab_menu li.on a,
.sub040202 .tab_menu li a:focus,
.sub040202 .tab_menu li a:hover,
.sub040202 .tab_menu li a:active {background:#5b9bd5;border:1px solid #5b9bd5;color:#fff;}
.sub040202 .tab_menu li + li.on a,
.sub040202 .tab_menu li + li a:focus,
.sub040202 .tab_menu li + li a:hover,
.sub040202 .tab_menu li + li a:active {background:#ed7d31;border:1px solid #ed7d31;color:#fff;}
.sub040202 .tab_menu li + li + li.on a,
.sub040202 .tab_menu li + li + li a:focus,
.sub040202 .tab_menu li + li + li a:hover,
.sub040202 .tab_menu li + li + li a:active {background:#a5a5a5;border:1px solid #a5a5a5;color:#fff;}
.sub040202 .tab_menu li + li + li + li.on a,
.sub040202 .tab_menu li + li + li + li a:focus,
.sub040202 .tab_menu li + li + li + li a:hover,
.sub040202 .tab_menu li + li + li + li a:active {background:#ffc000;border:1px solid #ffc000;color:#fff;}
.sub040202 .tab_menu li + li + li + li + li.on a,
.sub040202 .tab_menu li + li + li + li + li a:focus,
.sub040202 .tab_menu li + li + li + li + li a:hover,
.sub040202 .tab_menu li + li + li + li + li a:active {background:#4472c4;border:1px solid #4472c4;color:#fff;}

.sub040202 .tab_menu li.on a,
.sub040202 .tab_menu li a:focus,
.sub040202 .tab_menu li a:hover,
.sub040202 .tab_menu li a:active {background-color:#34a6ba;border:1px solid #34a6ba;}
.sub040202 .tab_menu li + li.on a,
.sub040202 .tab_menu li + li a:focus,
.sub040202 .tab_menu li + li a:hover,
.sub040202 .tab_menu li + li a:active {background-color:#306e54;border:1px solid #306e54;}
.sub040202 .tab_menu li + li + li.on a,
.sub040202 .tab_menu li + li + li a:focus,
.sub040202 .tab_menu li + li + li a:hover,
.sub040202 .tab_menu li + li + li a:active{background-color:#77ad61;border:1px solid #77ad61;}
.sub040202 .tab_menu li + li + li + li.on a,
.sub040202 .tab_menu li + li + li + li a:focus,
.sub040202 .tab_menu li + li + li + li a:hover,
.sub040202 .tab_menu li + li + li + li a:active{background-color:#805d38;border:1px solid #805d38;}
.sub040202 .tab_menu li + li + li + li + li.on a,
.sub040202 .tab_menu li + li + li + li + li a:focus,
.sub040202 .tab_menu li + li + li + li + li a:hover,
.sub040202 .tab_menu li + li + li + li + li a:active{background-color:#2d6cc4;border:1px solid #2d6cc4;}


#tb1 .down_list_area li > strong {background:#f7fbff;}
#tb2 .down_list_area li > strong {background:#fffaf7;}
#tb3 .down_list_area li > strong {background:#f7f7f7;}
#tb4 .down_list_area li > strong {background:#fffdf8;}
#tb5 .down_list_area li > strong {background:#f0f3f7;}
/* 모바일 */
@media only screen and (max-width:767px){
    /* 텝메뉴 */
    .sub040202 .tab_menu:before {display:none;}
    .sub040202 .tab_menu li {width:33.3%;margin-bottom:5px;}
    .sub040202 .tab_menu li a {border-radius:6px;line-height:40px;}
    .sub040202 .tab_menu li.on a,.tab_menu li a:focus,.tab_menu li a:hover,.tab_menu li a:active {background:#5b9bd5;border:1px solid #5b9bd5;color:#fff;}
}
@media only screen and (max-width:480px){
    .sub040202 .tab_menu li {width:50%;}
}



/* 도민소통 */
.sub040502 .down_list_area li {position:relative;border-bottom:1px solid #d5d5d5;}
.sub040502 .down_list_area li > div a {height:50px;line-height:50px;background:url(./../img/common/icon_file.gif) no-repeat 10px 15px #fff;}
/* 모바일 */
@media only screen and (max-width:767px){
    .sub040502 .down_list_area li {padding-bottom:10px;line-height:50px;}
}
@media only screen and (max-width:550px){
    .sub040502 .down_list_area li > div {width:100%;}
}

/* 공약비전 이미지 */
.sub040202_img {width:100%;text-align:center;padding:10px;/* border:1px solid #ddd; margin:20px 0;*/}
.sub040202_img2 {height:320px;display:inline-block;}
/* 태블릿 */
@media only screen and (max-width:1023px){
    .sub040202_img img {width:100%;margin:0 auto;}
    .sub040202_img2 img {width:286px;}
}
/* 모바일 */
@media only screen and (max-width:767px){
    .sub040202_img2 {padding:10px 0;}
}

/* sub0402_공약실천계획 - pdf 파일 리스트 */
.down_list_area:after {content:"";display:block;clear:both;}
.down_list_area li > div {float:left;}
/* 태블릿 */
@media only screen and (max-width:1023px){
    /* 텝메뉴 */
    .down_list_area li {width:100%;line-height:24px;}
    .down_list_area li:nth-child(even) {border-left:0;}
}

/* sub0402_공약실천계획 - pdf 파일 리스트 */
.down_list_area li {margin-bottom:10px;line-height:65px;/* color:#000; */text-align:left;}
.down_list_area li:last-child{margin-bottom:0;}
.down_list_area li:after {content:"";display:block;clear:both;}

.down_list_area li > strong {display:block;float:left;width:80%;padding:0 25px;/* font-size:16px; */font-size:17px;border:1px solid #d5d5d5;box-sizing:border-box;}
.down_list_area li > div {display:table;float:left;width:calc(20% - 8px);margin-left:8px;box-sizing:border-box;}
.down_list_area li > div a {display:table-cell;min-width:auto;height:67px;padding:0 3px;border:1px solid #d5d5d5;border-radius:0;box-sizing:border-box;text-align:center;vertical-align:middle;}


/* .down_list_area .btn{margin:0;padding:0;} */
.down_list_area .extensions{margin-bottom:3px;}
.sub040202  .ta-c>a{background: rgb(0, 36, 109); padding:6px 20px; border-radius:30px; color:#fff; display:inline-block;margin-top:0; font-size:17px;}
.sub040202  .ta-c>a:nth-child(n+2){margin-left:3px;}
.sub040202  .ta-c>a em{font-weight:400;}

.sub040202 #tb1 .ta-c>a{background:#298494;}
.sub040202 #tb2 .ta-c>a{background:#1f4737;}
.sub040202 #tb3 .ta-c>a{background:#5d874c;}
.sub040202 #tb4 .ta-c>a{background:#594127;}
.sub040202 #tb5 .ta-c>a{background:#24579e;}

.cts4335 .ta-c>a, .cts4336 .ta-c>a, .cts4337 .ta-c>a, .cts4338 .ta-c>a, .cts4339 .ta-c>a{background: rgb(0, 36, 109); padding:5px 20px; border-radius:30px; color:#fff; display:inline-block;margin-top:5px;}

@media only screen and (max-width:1000px){
    .promise .promise_box .ta-c{right:4%;}
    .sub040202  .ta-c>a{padding:6px 18px;line-height:20px;font-size:15px;}
}

/* 모바일 */
@media only screen and (max-width:767px){
    /* sub0402_공약실천계획 - pdf 파일 리스트 */
    .down_list_area li {line-height:18px;}
    .down_list_area li > strong {width:69%;/* height:67px; */padding:15px 10px;font-size:14px;}
    .down_list_area li > div {width:29%;margin-left:1%;}
    .down_list_area li > div a{height:50px;}
}



/* 세부추진상황test */
.cts4419 .down_list_area li > strong{width:70%;}
.cts4419 .down_list_area li > div{width:calc(15% - 8px);}
.cts4419 .down_list_area .progress{display:table;box-sizing:border-box;border:1px solid #d5d5d5; text-align:center;}
.cts4419 .down_list_area .progress>span{display:table-cell;vertical-align:middle;color:#272f3c;font-weight:400;}

@media only screen and (max-width:1000px){
    .cts4419 .down_list_area li > strong{width:60%;}
    .cts4419 .down_list_area li > div{margin-left:5px;width:calc(20% - 8px);}
}
@media only screen and (max-width:767px){
    .cts4419 .down_list_area .progress>span{height:48px;}
}
@media only screen and (max-width:600px){
    .cts4419 .down_list_area li > strong{width:100%;}
    .cts4419 .down_list_area li > div{float:right;width:calc(40% - 4px);margin-top:5px;margin-left:0;}
    .cts4419 .down_list_area .progress{float:left;width:calc(60%);}
    .cts4419 .down_list_area .progress>span{height:38px;}
    .cts4419 .down_list_area li > div a{height:40px;}
}


/* sub040401_평가자문위원회 - 공약평가위원회 */
.org_box {position:relative;margin-top:50px;}
.org_box:before {content:"";position:absolute;z-index:-1;left:0;top:0;right:0;width:1px;height:200px;margin:0 auto;background:#d4d4d4}/* 라인-세로 */
.org_box:after {content:"";position:absolute;z-index:-1;left:0;top:104px;right:0;width:73.5%;height:1px;margin:0 auto;background:#d4d4d4}/* 라인-가로 */
.org_box .org_tit {display:block;width:30%;margin:0 auto 50px auto;padding:15px 0;background:#00246d;font-weight:400;font-size:20px;color:#fff;}
.org_box .org_con1 {display:inline-block;position:relative;width:18%;margin:0;padding-top:50px;}
.org_box .org_con1:after {content:"";position:absolute;z-index:-1;left:0;top:0;right:0;width:1px;height:100%;margin:0 auto;background:#d4d4d4}/* 라인-세로 */
.org_box .org_con1 dt {padding:10px 0;background:#f6faff;border:2px solid #00246d;color:#00246d;}
.org_box .org_con1 dd {margin-top:10px;padding:10px 0;background:#ccc;color:#000;}
/* 모바일 */
@media only screen and (max-width:639px){
    /* sub040401_평가자문위원회 - 공약평가위원회 */
    .org_box {margin-top:30px;}
    .org_box:after {width:0;}/* 라인-가로 */
    .org_box .org_tit {width:100%;margin:0 auto 10px auto;}
    .org_box .org_con1 {width:100%;padding-top:40px;}
}

/* 매니페스토 */
.sub0406 .conbox {padding:380px 20px 50px 20px;}

.mal_box {padding:40px 0;}
.mal_box:after {content:"";display:block;clear:both;}
.mal_box .img {float:left;width:25%;text-align:center;}
.mal_box .img img {margin-top:25px;width:190px;}
.mal_box .mal {float:left;position:relative;display:block;width:75%;padding:20px 30px;border:2px solid #ddd;}
.mal_box .mal strong {font-size:18px;color:#ff4b4b;}
.mal_box .mal:before {content:"";position:absolute;left:-31px;top:50%;display:inline-block;width:0;height:0;margin-top:-15px;border-style:solid;border-width:15px;border-color:transparent #ddd transparent transparent;}
/* 모바일 */
@media only screen and (max-width:1023px){
    .mal_box .img {float:none;width:100%;padding-bottom:20px;}
    .mal_box .mal {float:none;width:100%;padding:20px 15px;}
    .mal_box .mal:before {content:"";position:absolute;left:50%;top:-15px;display:inline-block;width:0;height:0;margin-left:-15px;border-style:solid;border-width:15px;border-color:transparent transparent #ddd transparent;}
    .mal_box .mal a.btn_bace {height:auto;line-height:24px;padding:5px 15px;}
}

/* 명예도지사 */
.sub0502 .conbox {padding:25px 10px;margin-bottom:30px;background:#eee;font-size:16px;text-align:center;color:#3d4454;border:0;}


/* sub0401_공약수립과정 */
.step_st2 {display:inline-block;width:100%;margin-top:10px;}
.step_st2 > li {position:relative;float:left;width:25%;padding:15px;}
.step_st2 > li:after {content:"";position:absolute;left:-4px;top:165px;width:9px;height:5px;background:url(./../img/content/sub04/step_arrow.png) no-repeat;transform:rotate(-90deg);}
.step_st2 > li:first-child:after {display:none;}
.step_st2 > li div {min-height:300px;padding:15px;border:1px solid #aaa;background:#fff;}
.step_st2 > li div span {display:block;text-align:center;}
.step_st2 > li div span.num {width:25px;height:25px;margin:10px auto 10px auto;border-radius:100%;color:#fff;background:#3871ab;}
.step_st2 > li div span.stit2 {font-weight:700;font-size:16px;}
.step_st2 > li div span.scon2 {margin:5px 0 10px 0;padding-bottom:10px;font-size:16px;border-bottom:dashed 1px #ccc;}

/* PC */
@media only screen and (max-width:1200px){
    .step_st2 > li {width:50%;}
}
/* 모바일 */
@media only screen and (max-width:767px){
    .step_st2 > li {width:100%;padding:15px 0;}
    .step_st2 > li:after {left:0;right:0;top:0;bottom:0;margin:0 auto;background:url(./../img/content/sub04/step_arrow.png) no-repeat;transform:rotate(0);}
    .step_st2 > li div {min-height:auto;}
    .step_st2 > li div span.scon2 br {display:none;}
}


/* 사이트맵 */
#sitemap .site_map_col .sitemap_box:after {content:"";display:block;clear:both;}
#sitemap .site_map_col .sitemap_box  {float:left;width:33%;min-height:330px;}
#sitemap .site_map_col .sitemap_box h2 {display:block;position:relative;margin:0 10px 0 10px;padding:13px 0 13px 34px;background:#444;font-weight:600;font-size:16px;color:#fff;}
#sitemap .site_map_col .sitemap_box h2 a:hover {color:#afd4ff;}
#sitemap .site_map_col .sitemap_box h2:after {content:"";position:absolute;left:22px;top:19px;width:3px;height:13px;background:#fff;}
#sitemap .site_map_col .sitemap_box ul {/*min-height:307px;*/margin:0 10px 20px 10px;border:1px solid #dcdee0;}
#sitemap .site_map_col .sitemap_box ul > li:first-child a {border-top:0}
#sitemap .site_map_col .sitemap_box ul > li a {display:block;width:auto;padding:13px 0 13px 15px;margin:0 20px;border-top:1px solid #dcdee0;}
#sitemap .site_map_col .sitemap_box ul > li > ul {margin:0 20px 10px 20px;border-top:1px solid #dcdee0;background:#f6f6f6;}
#sitemap .site_map_col .sitemap_box ul > li > ul li a {padding:10px 0 10px 15px;border-top:0;}
#sitemap .site_map_col .sitemap_box ul > li {position:relative;}
#sitemap .site_map_col .sitemap_box ul > li:before {content:"-";display:block;position:absolute;left:23px;top:13px;}
#sitemap .site_map_col .sitemap_box ul > li > ul > li:before {content:"";display:block;position:absolute;left:23px;top:21px;width:2px;height:2px;background:#000;}
/* pc */
@media only screen and (max-width:1199px){
}
/* 태블릿 */
@media only screen and (max-width:1023px){
    /* 사이트맵 */
    #sitemap .site_map_col .sitemap_box {width:100%;min-height:0;}
}
/* 모바일 */
@media only screen and (max-width:767px){
    /* 사이트맵 */
    #sitemap .site_map_col .sitemap_box {}
}

/* sub0305_공약지도 */
.map_box {position:relative;height:auto;border:1px solid #dfdfdf;/* border-radius:10px; */}
.map_box .ml_box {width:50%;height:950px;background:#fafafa;}
.status_map{/* position:relative;height:750px;border:1px solid #dfdfdf;border-radius:10px; */width:348px;margin:0 auto;background:url(../img/content/sub03/map00.gif) left 140px no-repeat #fafafa;overflow:hidden;}
.status_map1{background:url(../img/content/sub03/map01.gif) left 140px no-repeat #fafafa;}
.status_map2{background:url(../img/content/sub03/map02.gif) left 140px no-repeat #fafafa;}
.status_map3{background:url(../img/content/sub03/map03.gif) left 140px no-repeat #fafafa;}
.status_map4{background:url(../img/content/sub03/map04.gif) left 140px no-repeat #fafafa;}
.status_map .cont_box{height:850px;}
.status_map .cont_box li{}
.status_map .cont_box li a.tit {position:absolute;display:inline-block;padding:5px 10px;font-size:13px;line-height:16px;color:#fff;font-weight:600;background:#737373;letter-spacing:-1px;border-radius:100px;}
.status_map .cont_box li a.on{color:#fff;}
.status_map .cont_box li.n01 a.tit{margin:200px 0 0 182px;}
/* .status_map .cont_box li.n02 a.tit{margin:280px 0 0 70px;} */
.status_map .cont_box li.n02 a.tit{margin:260px 0 0 78px;}
.status_map .cont_box li.n03 a.tit{margin:324px 0 0 32px;}
.status_map .cont_box li.n04 a.tit{margin:415px 0 0 85px;}
.status_map .cont_box li .cont {display:none;position:absolute;right:0;top:0;width:50%;height:950px;border-left:1px dotted #d2d2d2;background-color:#fff;}
.status_map .cont_box li .cont .title{height:178px;text-align:center;background:url(../img/content/sub03/status_title_bg011.gif) center top no-repeat;}
.status_map .cont_box li .cont .title strong{display:inline-block;padding:45px 0 45px 70px;font-size:35px;line-height:40px;color:#83b6ff;font-weight:600;background:url(./../img/content/sub03/status_title_bg02.png) left 28px no-repeat;}
.status_map .cont_box li .cont .con{padding:15px 20px;}
.status_map .cont_box li .cont .con ol {padding:20px;background:#f7f7f7;border-radius:5px;list-style:none;}
.status_map .cont_box li .cont .con ol li{position:relative;padding-left:14px;}
.status_map .cont_box li .cont .con ol li:nth-child(n+2){margin-top:6px;}
.status_map .cont_box li .cont .con ol li:before{display:block;content:'';position:absolute;top:11px;left:0;width:7px;height:7px;background:url(/common/common2021/images/template/template_icon.png) -80px top no-repeat;}
@media only screen and (max-width:1200px){
    .map_box .ml_box{width:45%;}
    .status_map .cont_box li .cont {width:55%;}
    .status_map .cont_box li .cont .con{padding:10px 3%;}
    .status_map .cont_box li .cont .con ol{padding:15px 3%;}
}
@media only screen and (max-width:640px){
    .status_map .cont_box li .cont .con ol li:before{top:9px;}
    .status_map .cont_box li .cont .con ol li:nth-child(n+2){margin-top:3px;}
}


/* 모바일 */
@media only screen and (max-width:767px){
    /* sub0209_시군현황 */
    .map_box .ml_box {width:100%;height:1150px;background:#fafafa;}
    .status_map{width:250px;background:url(../img/content/sub03/map00.gif) left 40px no-repeat #fafafa;background-size:250px;}
    .status_map1{background:url(../img/content/sub03/map01.gif) left 40px no-repeat #fafafa;background-size:250px;}
    .status_map2{background:url(../img/content/sub03/map02.gif) left 40px no-repeat #fafafa;background-size:250px;}
    .status_map3{background:url(../img/content/sub03/map03.gif) left 40px no-repeat #fafafa;background-size:250px;}
    .status_map4{background:url(../img/content/sub03/map04.gif) left 40px no-repeat #fafafa;background-size:250px;}
    .status_map .cont_box {height:820px;}
    .status_map .cont_box li.n01 a.tit{margin:80px 0 0 125px;}
    /* .status_map .cont_box li.n02 a.tit{margin:135px 0 0 40px;} */
    .status_map .cont_box li.n02 a.tit{margin:118px 0 0 40px;}
    .status_map .cont_box li.n03 a.tit{margin:167px 0 0 13px;}
    .status_map .cont_box li.n04 a.tit{margin:235px 0 0 55px;}
    .status_map .cont_box li .cont{width:100%;height:790px;margin-top:360px;border-left:0;}
    .status_map .cont_box li .cont .title {height:100px;}
    .status_map .cont_box li .cont .title strong{padding:30px 0 30px 50px;font-size:25px;background:url(../img/content/sub03/status_title_bg02.png) left 28px no-repeat;background-size:36px}
    .status_map .cont_box li .cont .con{padding:15px 3%;}
    .status_map .cont_box li .cont .con ol {padding:15px 3%;}
}
@media only screen and (max-width:420px){
    .map_box .ml_box {height:1180px;}
    .status_map .cont_box li .cont{height:820px;margin-top:360px;}
}


/* sub0501_역대도지사 20210308*/
.successive:after {content:"";display:block;clear:both;}
.successive li {display:inline-block; width:calc(48% - 2px);height:auto;margin:10px 1%;padding:30px 40px;border:1px solid #cecece; vertical-align:top;}
.successive li:after {content:"";display:block;clear:both;}
.successive li .img {float:left; transform:scale(1.5);}
.successive li .tit {float:left;display:inline-block;margin:5px 20px 0 29px;background:#818fa6;border-radius:30px;text-align:center;color:#fff;padding:0 10px;}
.successive li .blt {float:left;}
.successive li .blt strong {display:block;margin:5px 0 3px 0;font-size:20px;color:#000;}
.successive li .txt {display:inline-block;margin:10px 0 0 29px;width:65%;}
.successive li .txt strong {font-weight:600;color:#000;padding-right:30px;}

.successive li.long{height:210px;}
.successive li.long .text_box{display:block; margin-top:20px; }
.successive li.long .text_box .blt{position:relative; float:none; padding-left:17px;}
.successive li.long .text_box .blt:before{display:block;position:absolute;top:10px;left:0;width:5px;height:5px;background-color:#666;border-radius:1px;transform:rotate(45deg);content:'';}
.successive li.long .text_box .blt.type2{margin-top:2px; margin-left:12px; padding-left:12px; font-size:14px; line-height:20px;}
.successive li.long .text_box .blt.type2:before{display:block;position:absolute;top:9px;left:0;width:5px;height:2px;background-color:#666;transform:rotate(0deg);}
.successive li.long .text_box .blt .em_sub{margin-left:10px; font-size:12px;}
.successive li.long .text_box .blt .em_red{color:#df5353;}


/* pc */
@media only screen and (max-width:1199px){
    .successive li .tit {margin:5px 10px 0 10px;}
    .successive li .txt {width:72%;margin:10px 10px 0 10px;}
    .successive li .txt strong {padding-right:10px;}
    .successive li .blt strong {font-size:18px;}
    .successive li .img {margin-right:20px;}
}
/* 태블릿 */
@media only screen and (max-width:1023px){
    /* sub0501_역대도지사 */
    .successive li {padding:20px;}
    .successive li .tit {margin:5px 10px 0 10px;}
    .successive li .txt {width:70%;margin:10px 10px 0 10px;}
    .successive li .txt strong {padding-right:10px;}
    .successive li .img {transform:scale(1); margin-right:10px;}
}
/* 모바일 */
@media only screen and (max-width:767px){
    /* sub0501_역대도지사 */
    .successive li {width:100%;height:auto;margin:5px 0;padding:15px;}
    .successive li .tit {margin:10px 10px 10px 10px;}
    .successive li .blt strong {margin:10px 0 3px 0;font-size:16px;}
    .successive li .txt {margin:0 10px 0 10px;width:80%;}
    .successive li.long{height:auto;}
    .successive li.long .text_box{margin-top:15px;}
}
@media only screen and (max-width:436px){
    .successive li .txt {width:70%;}
}

/* 역대도지사 2025.04.08 */
.successive .step_open{display:none; position:fixed; z-index:999; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.6);}
.successive .modal_content{background-color:#fff; margin:10% auto; width:500px; position:relative;}
.successive .top_profile{background-color:#724598; font-size:18px; line-height:40px; font-weight:500; color:#fff; text-align:center;}
.successive .bottom_profile{padding:0 15px 15px; background-color:#fff; font-size:14px; line-height:20px; font-weight:400; height:500px; overflow-y:scroll;}
.successive .step_open .close_box{height:35px; padding-right:14px; background-color:#9b9b9b; text-align:right;}
.successive .step_open .close_btn{font-size:18px; line-height:33px; color:#fff;}
.successive .li_box{padding:10px 0; border-bottom:1px solid #d6d6d6;}
.successive .li_box.type2{padding:10px 0 0; border-bottom:0;}
.successive .li_box span{color:#171b26;}
.successive .li_box .name_box{position:relative; width:85px; padding-left:15px; color:#5e5e5e; font-weight:500;}
.successive .li_box .name_box:before{display:block; position:absolute; top:0; left:2px; bottom:0; width:4px; height:4px; margin:auto 0; background-color:#00aebb;}
.successive .li_box .inner_box{margin-top:10px; border:1px solid #d8d4d4; background-color:#e9e9e9;}
.successive .li_box .inner_box ul{padding:10px 18px;}
.successive .li_box .inner_box li{display:block; position:relative; width:100%; margin:0; padding:0 0 0 7px; border:none; color:#4f5158;}
.successive .li_box .inner_box li:before{display:block; position:absolute; top:10px; left:0; /* bottom:0; */ width:4px; height:1px; margin:auto 0; background-color:#4f5158;}

@media all and (max-width:640px){
    .successive .modal_content{width:400px;}
    .successive .bottom_profile{height:400px;}
}

@media all and (max-width:480px){
    .successive .modal_content{width:90%; margin:10% 5%;}
}