@charset "utf-8"; #data_control .control {display:none; margin:0; padding:0; text-indent:-5000px; font-size:0; line-height:0;} #top {border-bottom:1px solid #ddd;} #leftmenu{float:left; width:240px;} #leftmenu .tit {padding-top:50px; padding-bottom:50px; background:#484a4c; font-size:30px; font-weight:400; color:#fff; letter-spacing:-0.3px; text-align:center;} #leftmenu>ul {border-bottom:1px solid #ddd; z-index:99;} #leftmenu>ul>li {position:relative; border-top:1px solid #ddd; } #leftmenu>ul>li:first-child {border-top:0px;} #leftmenu>ul>li a {display:block;} #leftmenu>ul>li>a {padding:6% 10%; font-size:17px;} #leftmenu>ul>li.select {border-top:0px;} #leftmenu>ul>li.select>a {border:1px solid #e64f32; background:#e64f32 url(/headman/images/sub/leftmenu_select.gif?ver=1) no-repeat; background-position:90% center; color:#fff;} #leftmenu>ul>li>ul {display:none; margin:0 1px; padding:5% 8%;} #leftmenu>ul>li.select>ul {display:block;} #leftmenu>ul>li>ul>li {position:relative; border-bottom:1px dashed #ddd;} #leftmenu>ul>li>ul>li:last-child {border-bottom:0;} #leftmenu>ul>li>ul>li>a {position:relative; padding-top:5px; padding-bottom:5px; padding-left:10px; font-size:14px;} #leftmenu>ul>li>ul>li>a::before {position:absolute; left:0; top:50%; width:4px; height:4px; border-radius:4px; background:#D7431C; content:"";} #leftmenu>ul>li>ul>li>a:hover, #leftmenu>ul>li>ul>li.select>a {color:#484a4c; font-weight:bold; text-decoration:underline;} /* #leftmenu>ul>li>ul>li>a:hover {transition:all .2s ease;} */ /* #leftmenu>ul>li>ul>li>a:hover:before, #leftmenu>ul>li>ul>li>a:hover::before, #leftmenu>ul>li>ul>li.select>a:before, #leftmenu>ul>li>ul>li.select>a::before {position:absolute; left:0; top:50%; width:5px; height:2px; background:#1f6bd0; content:"";} */ #contents {float:right; width:80%;} .sub_title {overflow:hidden; /* border-bottom:1px solid #ddd; */} .sub_title h3 {float:left; padding-top:50px; padding-bottom:50px; font-size:30px; font-weight:500;} .sub_title div {float:right; margin-top:45px;} .sub_title ol {overflow:hidden;} .sub_title ol li {float:left; margin-left:8px; padding-left:13px; background:url(/headman/images/sub/location_arr.gif) no-repeat left center; font-size:14px; font-weight:300;} .sub_title ol li.home {margin-left:0px; padding-left:20px; text-indent:-5000px; background:url(/headman/images/sub/location_home.gif) no-repeat left center; } .sub_title ol li.now {color:#333; text-decoration:underline;} .sub_title .sns {float:right; margin-top:12px;} .sub_title .sns li {float:left; margin-left:3px;} .sub_title .sns li a {display:block; width:25px; height:25px; text-indent:-5000px;} .sub_title .sns li.sns01 a { background:url(/headman/images/sub/ic_sns01.gif) no-repeat center;} .sub_title .sns li.sns02 a { background:url(/headman/images/sub/ic_sns02.gif) no-repeat center;} .sub_title .sns li.sns03 a { background:url(/headman/images/sub/ic_sns03.gif) no-repeat center;} .sub_title .sns li.sns04 a { background:url(/headman/images/sub/ic_sns04.gif) no-repeat center;} .sub_title .sns li.favorite a { background:url(/headman/images/sub/ic_favorite.gif) no-repeat center;} .sub_title .sns li.print a { background:url(/headman/images/sub/ic_print.gif) no-repeat center;} /* #tab ul {overflow:hidden; margin-top:15px;} #tab ul li {float:left; width:13.75%; margin:.25% .25%; text-align:center;} #tab ul li a {display:block; padding:10%; border:1px solid #ddd; background:#f8f8f8;} #tab ul li.select a {margin-top:-2px; border:2px solid #1F6BD0; background:#F5F9FC; font-weight:500; color:#1F6BD0;} */ #tab ul{overflow:hidden; margin-top:15px} #tab ul li{float:left; width:19.5%; margin:5px .25% 0px; } #tab ul li p{display:table; margin-top:4px; width:100%; text-align:center; background:#f3f3f3; border:1px solid #cbcbcb; border-top-left-radius:7px; border-top-right-radius:7px; } #tab ul li:hover p, #tab ul li.select p{background:#D7431C;/* border-top:4px solid #703a27; margin-top:0px; */ padding:1px 0px 0px; font-weight:bold; color:#fff; text-decoration:none; border-top-left-radius:10px; border-top-right-radius:10px} #tab ul li.select p a {color:#fff;} #tab ul li p a{display:table-cell; height:48px; text-align:center; vertical-align:middle; line-height:130%;} #tab ul.col12 li{width:7.8%} #tab ul.col7 li{width:13.7%} #tab ul.col9 li{width:10.6%} #tab ul.col6 li{width:16.1%} #tab ul.col4 li{width:24.5%} #tab ul.col3 li{width:32.8%} #tab ul.status2 li a {padding-top:74px; background-position:center 18px; background-repeat:no-repeat;} #tab ul.status2 li.status2_1 a {background-image:url(/headman/images/sub/ic_status2_1_off.gif);} #tab ul.status2 li.status2_2 a {background-image:url(/headman/images/sub/ic_status2_2_off.gif);} #tab ul.status2 li.status2_3 a {background-image:url(/headman/images/sub/ic_status2_3_off.gif);} #tab ul.status2 li.status2_4 a {background-image:url(/headman/images/sub/ic_status2_4_off.gif);} #tab ul.status2 li.status2_5 a {background-image:url(/headman/images/sub/ic_status2_5_off.gif);} #tab ul.status2 li.status2_6 a {background-image:url(/headman/images/sub/ic_status2_6_off.gif);} #tab ul.status2 li.status2_7 a {background-image:url(/headman/images/sub/ic_status2_7_off.gif);} #tab ul.status2 li.select.status2_1 a {background-image:url(/headman/images/sub/ic_status2_1_on.gif);} #tab ul.status2 li.select.status2_2 a {background-image:url(/headman/images/sub/ic_status2_2_on.gif);} #tab ul.status2 li.select.status2_3 a {background-image:url(/headman/images/sub/ic_status2_3_on.gif);} #tab ul.status2 li.select.status2_4 a {background-image:url(/headman/images/sub/ic_status2_4_on.gif);} #tab ul.status2 li.select.status2_5 a {background-image:url(/headman/images/sub/ic_status2_5_on.gif);} #tab ul.status2 li.select.status2_6 a {background-image:url(/headman/images/sub/ic_status2_6_on.gif);} #tab ul.status2 li.select.status2_7 a {background-image:url(/headman/images/sub/ic_status2_7_on.gif);} #stab ul{margin:25px 0px 10px; padding:3% 2%; background:#f8f8f8; border:1px solid #cbcbcb; } #stab ul li{display:inline-block; margin:3px; min-width:16%; } #stab ul li a{display:block; padding:5px 4%; background:#fdfdfd; border:1px solid #dddddd; border-radius:5px; font-size:14px; white-space:nowrap; text-align:center; color:#858585; } #stab ul li.select a, #stab ul li:hover a{color:#fff; font-weight:bold; background:#3f7fc7; border:1px solid #3f7fc8; transition:all .3s ease; } #stab ul.col2 li{min-width:49%; } #stab ul.col4 li{min-width:22%; } #tab ul.col2 li{min-width:30% !important; } #tab ul.col2 li a { padding:5% !important; } #detail_con img {max-width:100%;} /* h4 {margin-top:50px; padding-left:28px; background:url(/headman/images/sub/blet.gif) no-repeat left 8px; font-size:22px; color:#484848;} h4:first-child {margin-top:0px;} */ h4 {margin:50px 0 30px 0; padding-bottom:5px; border-bottom:1px solid #ddd;} h4 span {position:relative; padding:4px 20px 6px; font-size:20px; color:#fff; background:#484a4c; border-radius:6px 6px 0 0;} /* h4 span:before {display:block; content:''; position:absolute; right:-25px; top:10px; width:0px; height:0px; border:25px solid transparent; border-top:25px solid #484a4c; border-radius:1px; transform: rotate(45deg);} */ h4:first-child {margin-top:0px;} /* .sblet {padding-left:19px; background:url(/headman/images/sub/sblet.gif) no-repeat left 8px; font-size:18px; font-weight:500;} */ .sblet {padding-left:16px; background:url(/headman/images/sub/sblet2.gif) no-repeat left ; font-size:18px; font-weight:700;} .ssblet {margin-top:10px; padding-left:10px; background:url(/headman/images/sub/ssblet.gif) no-repeat left 9px;} .sssblet {position:relative; margin-top:5px; padding-left:8px; font-size:14px;} .sssblet:before, .sssblet::before {position:absolute; left:0; top:11px; width:5px; height:1px; background-color:#333; content:"";} .data .ssblet {margin-top:0;} .para01 {margin:30px 0px 0px 12px;} .para02 {margin:15px 0px 0px 10px;} .para02_1 {margin:15px 0px 0px 30px;} .para02_2 {margin:5px 0px 0px 10px;} .para03 {margin:5px 0px 10px 0px;} .para03_1 {margin:5px 0px 10px 10px;} .para04 {margin:25px 0px 0px 14px;} /*h4>ssblet */ .para04_1 { margin-left:7px !important; } /*h4>ssblet>sssblet */ #detail_con .btn {border:1px solid #12233b !important; background-color:#2C415E !important; color:#fff !important; font-weight:500; box-shadow:none;} #detail_con .btn2 {border:1px solid #525252 !important; background-color:#5e5e5e !important;} #detail_con .btn:hover { border:1px solid #1F6BD1 !important; background-color:#1F6BD0 !important; } #detail_con .btn .link {padding:10px 25px 10px 32px; background:url(/main/images/contents/ic_link.png) no-repeat left center, url(/main/images/contents/ic_arrR.png) no-repeat right 14px; font-size:17px; font-weight:400;} #detail_con .btn .down {padding:10px 5px 10px 25px; background:url(/main/images/contents/ic_down.png) no-repeat left center;} #detail_con .map_tit { font-size:17px; font-weight:500; } #detail_con .mapbtn { margin:30px 5px 10px; color:#fff; padding:0 13px; border:1px solid #12233b !important; background:#2C415E !important; font-weight:500; font-size:16px; line-height:34px; display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } #detail_con .mapbtn:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background:#0b5da3; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } /*#detail_con .mapbtn:hover, #detail_con .mapbtn:focus, #detail_con .mapbtn:active { color:#fffde1; }*/ #detail_con .mapbtn:hover:before, #detail_con .mapbtn:focus:before, #detail_con .mapbtn:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); background:#0b5da3 !important; } #detail_con .mapbtn .dreammap {padding:10px 5px 10px 25px; background:url(/headman/images/sub/btn_dreammap.png) no-repeat 2px center; } #detail_con .mapbtn .statusmap {padding:10px 5px 10px 25px; background:url(/headman/images/sub/btn_statusmap.png) no-repeat 2px center; } #detail_con .btn_box { width:100%; overflow:hidden; background:#3664a3; padding:15px 0; margin:20px auto; } #detail_con .btn_box a { color:#fff; display:inline-block; padding-left:120px; } #detail_con .btn_box .dreammap { padding:10px 5px 10px 25px; background:url(/headman/images/sub/btn_dreammap.png) no-repeat 2px center; } #detail_con .btn_box .statusmap { padding:10px 5px 10px 25px; background:url(/headman/images/sub/btn_statusmap.png) no-repeat 2px center; } #detail_con h4+scrollY>table.data, #detail_con .blet+scrollY>table.data { margin-top:35px;} #detail_con .para01>.sblet+table.data, #detail_con .para01>.sblet+scrollY>table.data {margin-top:25px;} .datatable {margin-top:20px;} .datatable .data {width:100%;} .datatable .data.left tbody th, .datatable .data.left tbody td {text-align:left;} .datatable .data caption {position:fixed; top:-500000px; display:block; width:0px; height:0px; margin:0px; padding:0px; border:0px; text-indent:-50000px;} .datatable .data thead th {padding:10px; border:1px solid #2c415e; border-bottom:0px; border-right:0px; background:#f5f9fc; color:#2c415e; text-align:center;} .datatable .data tbody td, .datatable .data tbody th {padding:10px; border:1px solid #ddd; border-right:0px; text-align:center; word-break:keep-all; } .datatable .data tbody th {/* background:#f8f8f8; */ background:#ededed; font-weight:500;} .datatable .data tr:first-child th, .datatable .data tr:first-child td {border-top:1px solid #2c415e;} .datatable .data tr th:first-child, .datatable .data tr td:first-child {border-left:0px;} .datatable thead th.group {border-right:1px solid #2c415e;} .datatable tbody td.group, .datatable tbody th.group {border-right:1px solid #ddd;} .datatable tbody td.bg_gray { background:#f8f8f8;} .datatable tbody td.bg_gray2 {background:#f9f9f9;} .datatable tbody .btn { padding:1px 10px 2px !important; } .datatable .data.status_small thead th {padding:5px 10px; line-height:18px;} .datatable .data tbody .point th, .datatable .data tbody .point td {background:#2C415E; color:#fff; font-weight:bold;} .datatable .data tbody .point2 th, .datatable .data tbody .point2 td {background:#f8f8f8; font-weight:bold;} .datatable .sdata tbody td, .datatable .sdata tbody th {padding:10px 2px} /* .tbox {padding:2%; border-top:2px solid #1f6bd0; border-bottom:1px solid #1f6bd0; } */ #detail_con .trophy { padding-left:20px; height:15px; background:url('/headman/images/sub/ic_trophy.gif') no-repeat left; } #detail_con .photo_box { overflow:hidden; width:100%; margin:0 auto 20px; } #detail_con .photo_box>ul>li { overflow:hidden; padding:20px 0; border-bottom:1px dashed #dedede; } #detail_con .photo_box>ul>li .photo { float:left; width:35%; margin-right:20px; } #detail_con .photo_box>ul>li .photo img { width:310px; height:188px; padding:5px; border:1px solid #c8c8c8; background:#fff; box-shadow:0 4px #eaeaea; } #detail_con .photo_box>ul>li>div { float:left; width:60%; margin-top:0; } #detail_con .photo_box>ul>li>div ul { margin-left:15px; } #detail_con .photo_box .sblet { background-position:left 10px; font-size:20px; color:#2C415E; font-weight:500; } /* 준비중 */ .ready {text-align:center; margin:100px 0px 50px} .ready p.stit {display:inline-block; padding:10px 100px; color:#fff; background:#000;} .ready p.con {position:relative; margin-top:30px; margin-bottom:200px; font-size:25px; ; line-height:140%; transform:rotate(0.032deg)} .ready p.con:after {display:block; content:""; position:absolute; left:50%; top:160%; width:1px; height:125px; background:#a8a8a8;} .ready .end {color:#4e4e4e; font-size:.9em; transform:rotate(0.032deg)} /***** 게시판 *****/ .cal_month p span {color:#1F6BD0;} .cal_month ul li a span.cal_txt {background-color:#2C415E; font-weight:500;} .cal_month ul li.prev a span.cal_btn, .cal_month ul li.next a span.cal_btn {background-color:#015998;} table.general_board tbody td.title a, .search div.word input[type=submit], .board_gallery>li span.tit, .board_gallery>li span.date {font-weight:500;} .paging a.select {background:#015998;} .search { padding:1.5% 1%; } .board_gallery>li span.tit {height:45px; white-space:normal; padding:5px 13px; } /* .board_list .general_board2 {margin-top:20px; border-top:2px solid #2d2d2d} .general_board2>li>div>ul>li {position:static; overflow:auto; padding:0 0 0 10px; border-bottom:0;} .general_board2>li>div>ul>li>ul>li {overflow:auto; padding:0 0 0 8px; border-bottom:0;} .general_board2 li div.con {float:right; width:63%;} .general_board2 li div.con .tit {overflow:hidden; padding-top:2px; margin-bottom:10px; color:#4161a3; font-size:20px; font-weight:bold; white-space:nowrap; text-overflow:ellipsis;} .general_board2 li div.con .txt li {margin-top:5px; color:#666;} */ /****** content ******/ #detail_con .tbox { background:#f5f5f5; border:1px solid #ddd; padding:0 3% 3%; margin-bottom:2%; } #detail_con .tbox_info { background:#f7f4f4; margin-top:40px; } #detail_con .tbox_info>ul { border:1px solid #ddd; padding:30px; } #detail_con .tbox_info .tit { position:relative; background:#2c415e; color:#fff; padding:15px 0 15px 85px; font-size:17px; font-weight:bold; } #detail_con .tbox_info .tit:after { position:absolute; left:15px; top:-17px; width:67px; height:56px; content:""; background:url('/headman/images/sub/ic_tbox.png') no-repeat; } #detail_con .step02>li { display:table; padding-top:30px; width:100%; background:url('/headman/images/sub/step_arrD.gif') no-repeat center 7px; } #detail_con .step02>li:first-child { padding-top:1%; background:none; } #detail_con .step02>li>div { display:table-cell; padding:2%; border:1px solid #657c9a; } #detail_con .step02>li>div.tit { width:25%; text-align:center; vertical-align:middle; font-weight:bold; background:#f5f9fc; border-right:0px; } #detail_con .step02>li>div.tit p { font-size:16px; } #detail_con .step02>li>div.con { border-left-style:dotted; background:#fbfcfd; } #detail_con .greeting {overflow:hidden; word-break:keep-all;} #detail_con .greeting .tit {margin-bottom:30px; font-size:45px; line-height:60px; margin-top:5px; } #detail_con .greeting .tit span {color:#484848; } #detail_con .greeting .tit span.point {color:#d5380e;} #detail_con .greeting .con {float:left; width:50%; margin-left:3%;} #detail_con .greeting .txt {position:relative; padding-top:10px; margin-top:10px;} #detail_con .greeting .txt:before, #detail_con .greeting .txt::before {position:absolute; left:0; top:0; width:30px; height:2px; background:#888; content:"";} #detail_con .greeting .txt p {margin-top:25px; font-size:16px; font-weight:300;} #detail_con .greeting .txt p .point {color:#1f6bd0;} #detail_con .greeting .photo {float:left; width:45%; margin-left:1%} #detail_con #profile .he_tit { margin:60px 0; } #detail_con #profile>div { padding:60px 45px; background:#fff; border:1px solid #ddd; } #detail_con #profile .top { position:relative; padding-bottom:15px; background:#fff url('/headman/images/sub/profile_bg.jpg') no-repeat right -40px bottom -15px; } #detail_con #profile .top:after { position:absolute; z-index:1; right:0; bottom:0; content:''; width:415px; height:561px; background:url('/headman/images/sub/profile_headman.png') no-repeat right bottom; } #detail_con #profile .top>div { overflow:hidden; width:100%; } #detail_con #profile .top>div>p { margin-bottom:70px; padding:20px; color:#fff; text-align:center; font-size:50px; font-weight:200; line-height:100%; background:#d5380e; } #detail_con #profile .top>div>p span { margin-bottom:10px; display:block; font-size:18px; line-height:100%; } #detail_con #profile .pro_li>div { margin-bottom:50px; width:45.9%; } #detail_con #profile .pro_li>div.pro_left { float:left; padding-right:3%; } #detail_con #profile .pro_li>div.pro_right { float:left; padding-left:3%; } #detail_con #profile .pro_li>div>p { margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #ddd; font-size:20px; font-weight:400; line-height:100%; } #detail_con #profile .pro_li>div ul li { padding:4px 0 4px 15px; background:url('/headman/images/sub/ssblet.gif') no-repeat left 10px; font-size:16.5px; line-height:140%; } #detail_con #profile .pro_li>div ul li span { display:inline-block; width:70px; } #detail_con #profile .btm { overflow:hidden; background:#fff url('/headman/images/sub/profile_shadow.jpg') repeat-x left top; } #detail_con #profile .pro_li.pro_2>div:first-child { float:left; width:68%; } #detail_con #profile .pro_li.pro_2>div:first-child ul { float:left; width:49%; padding-right:3%; } #detail_con #profile .pro_li.pro_2>div:first-child ul:last-child { float:right; padding-right:0; padding-left:1%; } #detail_con #profile .pro_li.pro_2>div:last-child { float:right; width:28%; } #detail_con #profile .pro_li.pro_2>div { margin-bottom:0; } #detail_con .newyear { border-top:4px solid #184a51; background:url('/headman/images/sub/newyear_bg.jpg') repeat left top; } #detail_con .newyear p.newyear_tit { text-align:center; padding:230px 0px 2%; font-size:33px; background:url('/headman/images/sub/newyear_tit2.png') no-repeat center top; } #detail_con .newyear .con { margin:0px 6.5%; padding:4% 10px; border-bottom:1px dashed #afaaa6; } #detail_con .newyear .con:last-child { border-bottom:0; } #detail_con .newyear .con p.tit { font-size:18px; color:#226e78; font-weight:bold; } #detail_con .newyear .con p { margin-top:20px; font-size:15px; line-height:1.6; } #detail_con .newyear p.sign { text-align:right; padding:4% 7% 15%; font-size:20px; background:url('/headman/images/sub/newyear_bottom2.png') no-repeat left bottom; background-size:contain; } #detail_con .newyear p.sign span { display:block; } #detail_con .status_chart { overflow:hidden; background:#fcfdfe; margin:3% auto; text-align:center; padding:5%; border:1px solid #dadbdb; box-shadow:0 3px #f5f5f5; } #detail_con .status_chart4 { float:left; width:45%; } #detail_con .chart_table { float:right; width:50%;} #detail_con .status2_all {width:100%; min-height:202px; background:url(/headman/images/sub/status2_bg.jpg) left center no-repeat; text-align:right;} #detail_con .status2_all .con {padding:5%;} #detail_con .status2_all p.tit {font-size:36px; font-weight:bold; color:#fff; font-family:'Nanum Myeongjo', '나눔명조', serif !important; letter-spacing:-0.7px; text-shadow:0 1px rgba(0,0,0,0.8);} #detail_con .actual .chart img {margin-bottom:20px; max-width:100%; text-align:center;} #detail_con .actual_table { overflow:hidden; } #detail_con .actual_table table { float:left; width:43%; } #detail_con .actual_table .chart img { float:right; width:auto; padding-left:15px; } #detail_con table td.actual_chart { position:relative; text-align:left; height:31px; } #detail_con table td.actual_chart p { overflow:hidden; width:auto; height:10px; background:#014268; border-radius:10px; font-size:0; text-indent:-9999px; } #detail_con table td.actual_chart .chart01 { margin-left:20px; width:80px; } /*2018년 중반 ~ 2019년*/ #detail_con table td.actual_chart .chart02 { margin-left:50px; width:110px; } /*2019년 ~ 2020년*/ #detail_con table td.actual_chart .chart03 { margin-left:50px; width:60px; } /*2019년*/ #detail_con table td.actual_chart .chart04 { margin-left:80px; width:55px; } /*2019년 중반 ~ 2020년 중반*/ #detail_con table td.actual_chart .chart05 { margin-left:50px; width:170px; } /*2019년 ~ 2021년*/ #detail_con table td.actual_chart .chart06 { margin-left:20px; width:50px; } /*2018년 중반 ~ 2019년 중반*/ #detail_con table td.actual_chart .chart07 { margin-left:20px; width:200px; } /*2018년 중반 ~ 2021년*/ #detail_con table td.actual_chart .chart08 { margin-left:20px; width:170px; } /*2018년 중반 ~ 2021년 중반*/ /* #detail_con table td.actual_chart .chart09 { margin-left:; width:; } #detail_con table td.actual_chart .chart10 { margin-left:; width:; } #detail_con table td.actual_chart .chart11 { margin-left:; width:; } */ #detail_con table td.actual_chart .chart12 { margin-left:20px; width:240px; } /*2018년 중반 ~ 2022년*/ #detail_con table td.actual_chart .chart13 { margin-left:20px; width:300px; } /*2018년 중반 ~ 2023년 이후*/ #detail_con table td.actual_chart .chart14 { margin-left:140px; width:80px; } /*2020년 중반 ~ 2021년*/ #detail_con table td.actual_chart .chart15 { margin-left:80px; width:170px; } /*2019년 중반 ~ 2021년 중반*/ #detail_con table td.actual_chart .chart16 { margin-left:20px; width:40px; } /*2018년 중반*/ /* #detail_con table td.actual_chart .chart17 { margin-left:; width:; } */ #detail_con table td.actual_chart .chart18 { margin-left:20px; width:140px; } /*2018년 중반 ~ 2020년*/ #detail_con table td.actual_chart .chart19 { margin-left:160px; width:110px; }/*2021년 ~ 2022년*/ #detail_con table td.actual_chart .chart20 { margin-left:80px; width:140px; } /*2019년 중반 ~ 2021년*/ /* #detail_con table td.actual_chart .chart { background:url(/headman/images/sub/actual_chart_img.gif) no-repeat left center; } #detail_con table td.actual_chart .chart01 { background:url(/headman/images/sub/actual_chart_img01.gif) no-repeat left center; } #detail_con table td.actual_chart .chart02 { background:url(/headman/images/sub/actual_chart_img02.gif) no-repeat left center; } #detail_con table td.actual_chart .chart03 { background:url(/headman/images/sub/actual_chart_img03.gif) no-repeat left center; } #detail_con table td.actual_chart .chart04 { background:url(/headman/images/sub/actual_chart_img04.gif) no-repeat left center; } #detail_con table td.actual_chart .chart05 { background:url(/headman/images/sub/actual_chart_img05.gif) no-repeat left center; } #detail_con table td.actual_chart .chart06 { background:url(/headman/images/sub/actual_chart_img06.gif) no-repeat left center; } #detail_con table td.actual_chart .chart07 { background:url(/headman/images/sub/actual_chart_img07.gif) no-repeat left center; } */ /* #detail_con .actual .good { color:#c42a2a; font-weight:500;} #detail_con .actual .ing { color:#608d18;} #detail_con .actual .end { color:#000;} */ #detail_con .actual .good { color:#608d18; } #detail_con .actual .ing { color:#2a52c4;} #detail_con .actual .ing2 { color:#8d7818;} #detail_con .actual .end { color:#c42a2a;} #detail_con .actual_chart {overflow:hidden; margin-top:40px; } #detail_con .actual_chart span {display:inline-block; background:#2c415e; padding:1% 3%; text-align:center; color:#fff; font-size:18px;} #detail_con .actual_chart .fl_img { text-align:center; display:inline-block; border:1px solid #ddd; padding:3%; margin:0 0.7%; } #detail_con .actual_chart1 { text-align:center; margin-top:40px; padding:35px 0; border:1px solid #ddd; } #detail_con .actual2 {overflow:hidden;} #detail_con .actual2 li {float:left; width:32.3%; margin:40px .5%; border:1px solid #ddd; background:url(/headman/images/sub/ic_actual2.gif) center 60% no-repeat; text-align:center; box-shadow:0 3px #ddd; box-sizing:border-box;} #detail_con .actual2 li .tit {position:relative; margin-top:30px; margin-bottom:150px; padding-bottom:20px; font-size:22px; font-weight:500; line-height:26px;} #detail_con .actual2 li .tit:before, #detail_con .actual2 li .tit::before {position:absolute; left:50%; bottom:0; width:35px; height:3px; margin-left:-15.3px; background:#2c415e; content:"";} #detail_con .actual2 li .tit span {font-size:16px;} #detail_con .actual2 li.last .tit {margin-top:56px; padding-bottom:52px;} #detail_con .actual2 li .actual2_btn {margin-bottom:30px;} #detail_con .actual3_top { width:100%; min-height:232px; margin:20px auto; background:url(/headman/images/sub/actual3_bg2018.jpg) left center no-repeat; text-align:right;} #detail_con .actual3_top .con {padding:7% 5%;} #detail_con .actual3_top p.tit, #detail_con .actual3_top span {font-size:27px; font-weight:bold; color:#fff; font-family:'Nanum Myeongjo', '나눔명조', serif !important; letter-spacing:-1.3px; text-shadow:0 1px rgba(0,0,0,0.7); line-height:36px; } #detail_con .many {position:relative; padding:5px; margin-bottom:40px; border:1px solid #ddd;} #detail_con .many>div {padding:30px; border:1px solid #ddd;} #detail_con .many:after, #detail_con .many::after {position:absolute; left:0; top:0; width:0; height:0; border-top:100px solid #F2F2F2; border-right:100px solid transparent; content:"";} #detail_con .many:before, #detail_con .many::before {position:absolute; right:0; bottom:0; width:0; height:0; border-bottom:100px solid #F2F2F2; border-left:100px solid transparent; content:"";} #detail_con .many .tit {position:relative; padding-bottom:15px; font-size:33px; font-weight:bold; font-family:'Nanum Myeongjo', '나눔명조', serif !important; letter-spacing:-0.7px; text-align:center;} #detail_con .many .tit:before, #detail_con .many .tit::before {position:absolute; left:50%; bottom:0; width:35px; height:3px; margin-left:-15.3px; background:#484848; content:"";} /* #detail_con .many .many_tit { overflow:hidden; padding:7px; font-size:17px; font-weight:600; color:#fff; background:#4161a3 url('/headman/images/sub/many_bg.gif') repeat; border-radius:55px; } #detail_con .many .many_tit span { padding-left:53px; background:url('/headman/images/sub/many_tit.png') no-repeat 20px center; } */ #detail_con .many .para01 {margin-top:15px;} #detail_con .many .para02_1 {margin-top:10px; margin-left:5px;} #detail_con .many .many_tit {font-weight:bold; font-size:20px; color:#4161a3;} #detail_con .opinion { overflow:hidden; height:100%; margin:30px auto; border:1px solid #e6e6e6; background:#f1f6fc url('/headman/images/sub/opinion_bg.gif') repeat-x top; text-align:center; } #detail_con .opinion .opinion_tit { overflow:hidden; text-align:center; background:url('/headman/images/sub/ic_opinion.png') no-repeat center 90px; padding-top:360px; } #detail_con .opinion .opinion_tit .tit { font-size:24px; line-height:32px; padding:0 50px 20px; margin-bottom:25px; font-weight:500; color:#444; background:url('/headman/images/sub/opinion_tit_bbg.gif') no-repeat center bottom; } #detail_con .opinion .txt { font-weight:500; color:#555; font-size:15px; line-height:22px; } #detail_con .opinion_photo { overflow:hidden; display:table; margin:25px 0; border:1px solid #ddd; background:#f7f4f4; } #detail_con .opinion_photo img { width:100%; margin-top:-5px; border:1px solid #ddd;} #detail_con .opinion_photo img.bd_n {border:0;} #detail_con .opinion_photo>p { display:table-cell; vertical-align:middle; padding:3%; margin-right:15px; width:28%; background:#fff; border-right:1px solid #ddd; } #detail_con .opinion_photo>p img { display:block; line-height:210px;} #detail_con .opinion_photo>div { display:table-cell; vertical-align:top; padding:15px; } #detail_con .opinion .sns_link { margin:15px auto; } #detail_con .opinion .sns_link li { display:inline-block; padding:0 4px; } #detail_con .opinion .sns_link a { display:block; float:left; width:56px; height:56px; border-radius:56px; } #detail_con .opinion .sns_link .ic_twitter { background:url('/headman/images/sub/ic_twitter.png') no-repeat; } #detail_con .opinion .sns_link .ic_facebook { background:url('/headman/images/sub/ic_facebook.png') no-repeat; } #detail_con .opinion .sns_link .ic_blog { background:url('/headman/images/sub/ic_blog.png') no-repeat; } #detail_con .opinion .sns_link .ic_story { background:url('/headman/images/sub/ic_story.png') no-repeat; } /*#detail_con .opinion .tit, #detail_con .opinion .tit span {font-size:36px; font-weight:bold; font-family:'Nanum Myeongjo', '나눔명조', serif !important; letter-spacing:-0.7px;} #detail_con .opinion .tit span {color:#1f6bd0;} #detail_con .opinion .txt {margin-top:10px; margin-bottom:30px; padding:20px; border:1px solid #ddd; background:#f8f8f8; font-size:18px;} #detail_con .opinion .txt .sns {margin-top:20px;} #detail_con .opinion .txt .sns a {margin-right:5px;}*/ #detail_con .history .tit {position:relative; width:100%; border:1px solid #015998; background:#F5F9FC; text-align:center;} #detail_con .history .tit:before, #detail_con .history .tit::before {position:absolute; left:0; top:0; width:0; height:0; border-top:100px solid #015998; border-right:100px solid transparent; content:"";} #detail_con .history .tit:after, #detail_con .history .tit::after {position:absolute; right:0; bottom:0; width:0; height:0; border-bottom:100px solid #015998; border-left:100px solid transparent; content:"";} #detail_con .history .tit .txt {padding:5%; font-size:60px; font-weight:600; color:#1362CB; font-family:'Nanum Myeongjo', '나눔명조', serif !important; line-height:90px; letter-spacing:-0.7px; text-shadow:0 1px rgba(0,0,0,0.5);} #detail_con .history .tit .txt span {display:block; padding-left:20px; font-size:18px; font-weight:400; color:#484848; line-height:25px; text-shadow:none;} #detail_con .history dl {margin-top:50px; padding-left:150px;} #detail_con .history .history01 {padding-bottom:20px; background:url(/headman/images/sub/ic_history01.gif) no-repeat;} #detail_con .history .history02 {background:url(/headman/images/sub/ic_history02.gif) no-repeat;} #detail_con .history .history03 {padding-bottom:20px; background:url(/headman/images/sub/ic_history03.gif) no-repeat;} #detail_con .history .history04 {background:url(/headman/images/sub/ic_history04.gif) no-repeat;} #detail_con .history .history05 {background:url(/headman/images/sub/ic_history05.gif) no-repeat;} #detail_con .history .history06 {background:url(/headman/images/sub/ic_history06.gif) no-repeat;} #detail_con .history dl dt {padding-top:5px; font-size:20px; font-weight:500;} #detail_con .history dl dd {overflow:hidden; padding-left:10px;} #detail_con .history dl dd .txt100 { width:100%; } #detail_con .general {overflow:hidden;} #detail_con .general>li {overflow:hidden; margin:0.5%; padding:3%; border:1px solid #ddd; border-top:2px solid #2c415e;} #detail_con .general img, #detail_con .general div {float:left;} #detail_con .general div {margin-left:20px;} #detail_con .general div .tit {margin-top:5px; margin-bottom:10px; font-size:30px; font-weight:600; font-family:'Nanum Myeongjo', '나눔명조', serif !important; color:#000; letter-spacing:-0.7px;} #detail_con .general div .tit span {font-size:20px; font-weight:800; font-family:'Nanum Myeongjo', '나눔명조', serif !important;} #detail_con .general>li li {margin-top:0;} #detail_con .vision_img { margin:20px auto 0; text-align:center; } #detail_con .vision_txt { overflow:hidden; margin-top:20px; } #detail_con .vision_txt li { float:left; width:23%; line-height:24px; margin-left:10px; margin-bottom:20px; padding:20px 0; text-align:center; border-top:3px solid #2c415e; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; } #detail_con .vision_txt li span { font-size:17px; color:#2864a7; font-weight:500; } #detail_con .sta_all { overflow:hidden; width:100%; margin:5px auto; border-radius:10px; background:#fff; border:1px solid #98a5b2; } #detail_con .sta_all .t_tit { text-align:center; padding:15px; background:#2c415e; color:#fff; font-size:20px; border-bottom:1px dashed #fff; } #detail_con .sta_all .sta_con { padding:20px 0; width:90%; text-align:center; margin:0 auto; } #detail_con .sta_all .sta_con>ul>li { display:inline-block; padding-bottom:20px; text-align:left; width:48%; height:71px; border-bottom:1px dotted #c3c6c9; border-right:1px dotted #c3c6c9; } .border_Rn { border-right:0 !important; } #detail_con .sta_all .sta_con>ul>li>p { padding-left:30%; line-height:30px; } #detail_con .sta_all .sta_con .tit { margin-top:15px; font-size:18px; font-weight:500; color:#000222; } #detail_con .sta_all .sta_con .tit a:hover { color:#1f6bd0; transition:all .5s ease; } #detail_con .sta_all .sta_con .ic_sta1 { background:url('/headman/images/sub/ic_sta1.gif') no-repeat 10% center; } #detail_con .sta_all .sta_con .ic_sta2 { background:url('/headman/images/sub/ic_sta2.gif') no-repeat 10% center; } #detail_con .sta_all .sta_con .ic_sta3 { background:url('/headman/images/sub/ic_sta3.gif') no-repeat 10% center; } #detail_con .sta_all .sta_con .ic_sta4 { background:url('/headman/images/sub/ic_sta4.gif') no-repeat 10% center; } #detail_con .sta_all .sta_con .ic_sta5 { background:url('/headman/images/sub/ic_sta5.gif') no-repeat 10% center; } #detail_con .sta_all .sta_con .ic_sta6 { background:url('/headman/images/sub/ic_sta6.gif') no-repeat 10% center; } #detail_con .sta_all .sta_con .ic_sta7 { background:url('/headman/images/sub/ic_sta7.gif') no-repeat 14% center; } #detail_con .sta_all .sta_con .ic_sta7.last { border-bottom:0; width:49.8%; display:block; } #detail_con .sta_all .sta_con .ic_sta7.last p { padding-left:32%; } #detail_con .sta_all .sta_con .ic_sta7.last .tit { margin-top:0; padding-top:15px; } #detail_con .sta_all .sta_con span { padding:0 10px; text-align:center; color:#fff; margin-right:7px; } #detail_con .sta_all .sta_con .w1 { border-radius:20px; background:#767d86; } #detail_con .sta_all .sta_con .w2 { margin-left:10px; border-radius:20px; background:#1f6bd0; } #detail_con .status { margin-bottom:30px; padding:4% 5%; background:#fdfdfd; text-align:center; border:1px solid #dbdbdb; border-bottom:1px solid #ccc; border-right:1px solid #ccc; box-shadow:0px 4px 0px #eee; } #detail_con .status_mapimg img { height: auto; max-width: 100% } #detail_con .status_map { margin-top:10px; } #detail_con .status_map dl { border:1px solid #dbdbdb; } #detail_con .status_map dl dt { padding:15px 3% 15px 80px; font-weight:bold; font-size:22px; border-bottom:1px solid #dbdbdb; background:url(/main/images/contents/yeonsu/district_law_ic01.gif) no-repeat 30px center; } #detail_con .status_map dl dt span { font-size:15px; color:#517bac; font-weight:normal; } #detail_con .status_map dl dd { padding:15px 3% 15px 80px; /* background:url(/main/images/contents/yeonsu/district_law_ic02.gif) no-repeat 28px 15px; */ } #detail_con .status_map dl dd ul li { margin-bottom:8px; } /*** 공약실천계획 구민의견 ***/ #detail_con .pledge {position:relative; padding:5px; margin-bottom:40px; border:1px solid #ddd;} #detail_con .pledge>div {padding:30px; border:1px solid #ddd;} #detail_con .pledge .tit {text-align:center; font-weight:bold; font-size:30px;} #detail_con .pledge .s_tit {font-size:20px; font-weight:normal;} .tab_tbox{display:none;} /*** 공약실천계획서 ***/ #detail_con .pledge_list {position:relative;} #detail_con .pledge_list ul {display: flex; justify-content: space-between; flex-wrap: nowrap;} #detail_con .pledge_list ul li {text-align:center; width:15%; border-radius:10px; background-repeat:no-repeat; background-position: 53% 15px; transition: all ease .3s; border: 3px solid rgba(0,0,0,0);} #detail_con .pledge_list ul li:hover {margin:-4px; border: 2px solid #ddd; box-shadow:0px 5px 10px rgba(156,156,156,.9);} #detail_con .pledge_list ul li a {display:block; padding:75px 0 20px; font-size:14px; line-height:22px; } #detail_con .pledge_list ul li a p {margin-top:5px;} #detail_con .pledge_list .txt {font-size:22px; font-weight:bold;} #detail_con .pledge_list ul li.list01 {background-image: url(/headman/images/sub/pledge_list01.png); background-color:#fff8f9;} #detail_con .pledge_list ul li.list01 span.tit {color:#f23857;} #detail_con .pledge_list ul li.list01:hover {border-color:#f34561;} #detail_con .pledge_list ul li.list02 {background-image:url(/headman/images/sub/pledge_list02.png); background-color:#fff6ed;} #detail_con .pledge_list ul li.list02 span.tit {color:#e96a2d;} #detail_con .pledge_list ul li.list02:hover {border-color:#ff8819;} #detail_con .pledge_list ul li.list03 {background-image:url(/headman/images/sub/pledge_list03.png); background-position:50% 15px; background-color:#fefbea;} #detail_con .pledge_list ul li.list03 span.tit {color:#cb8a2e;} #detail_con .pledge_list ul li.list03:hover {border-color:#f4c313;} #detail_con .pledge_list ul li.list04 {background-image:url(/headman/images/sub/pledge_list05.png); background-position:51% 20px; background-color:#f4ffee;} #detail_con .pledge_list ul li.list04 span.tit {color:#42a925;} #detail_con .pledge_list ul li.list04:hover {border-color:#4ab804;} #detail_con .pledge_list ul li.list05 {background-image:url(/headman/images/sub/pledge_list04.png); background-position:52% 15px; background-color:#f9f8ff;} #detail_con .pledge_list ul li.list05 span.tit {color:#825be7;} #detail_con .pledge_list ul li.list05:hover {border-color:#8c65ea;} #detail_con .pledge_list ul li.list06 {background-image:url(/headman/images/sub/pledge_list06.png);background-position:50% 15px; background-color:#f7faff;} #detail_con .pledge_list ul li.list06 span.tit {color:#3094f1;} #detail_con .pledge_list ul li.list06:hover {border-color:#499bf4;} #detail_con .pledgeList thead th {color:#585553; border-color:#bbb; border-bottom:0; background:#f9f9f9 !important; } #detail_con .pledgeList .tit, #detail_con .pledge_list .tit {text-align:center; padding:15px; color:#fff; font-size:18px; font-weight:bold;} #detail_con .pledgeList tr:first-child th {border-top-color: #c1c1c1;} #detail_con .pledgeList .pledge_list01 th {background:#e15555;} #detail_con .pledgeList .pledge_list01 td.pledge_bg {background:#ffe8eb;} #detail_con .pledgeList .pledge_list01 .btn {background-color: #e15555 !important; border-color:#c92b2b !important;} #detail_con .pledgeList .pledge_list02 th {background:#ef7940;} #detail_con .pledgeList .pledge_list02 td.pledge_bg {background:#ffd8c5;} #detail_con .pledgeList .pledge_list02 .btn {background-color: #d76634 !important; border-color:#c95f30 !important;} #detail_con .pledgeList .pledge_list03 th {background:#cb8a2e;} #detail_con .pledgeList .pledge_list03 td.pledge_bg {background:#fff2bd;} #detail_con .pledgeList .pledge_list03 .btn {background-color: #d79634 !important; border-color:#b97f29 !important;} #detail_con .pledgeList .pledge_list04 th {background:#42a925;} #detail_con .pledgeList .pledge_list04 td.pledge_bg {background:#d4f6bd;} #detail_con .pledgeList .pledge_list04 .btn {background-color: #42a925 !important; border-color:#3b8926 !important;} #detail_con .pledgeList .pledge_list05 th {background:#8468c7;} #detail_con .pledgeList .pledge_list05 td.pledge_bg {background:#e9e0ff;} #detail_con .pledgeList .pledge_list05 .btn {background-color: #8468c7 !important; border-color:#7860b3 !important;} #detail_con .pledgeList .pledge_list06 th {background:#4391e7;} #detail_con .pledgeList .pledge_list06 td.pledge_bg {background:#ddeeff;} #detail_con .pledgeList .pledge_list06 .btn {background-color: #4789d1 !important; border-color:#437ebf !important;} #detail_con .pledgeList .btn:hover {border: 1px solid #525252 !important; background-color: #5e5e5e !important;} /* 연차별분기별 추진계획 */ #detail_con .pledgeList .tab_tbox>div>.datatable {margin-top:min(50px, 8%);} #detail_con .pledgeList .pledge_list01 .bar {background:#e15555;} #detail_con .pledgeList .pledge_list02 .bar {background:#ef7940;} #detail_con .pledgeList .pledge_list03 .bar {background:#cb8a2e;} #detail_con .pledgeList .pledge_list04 .bar {background:#42a925;} #detail_con .pledgeList .pledge_list05 .bar {background:#8468c7;} #detail_con .pledgeList .pledge_list06 .bar {background:#4391e7;} #detail_con .ratebar>td {position:relative; padding:0px; height:40px; } #detail_con .ratebar>td:not(:last-child) {width:31px} #detail_con .ratebar>td:not(:nth-child(4n+1)) {border-left:1px dotted rgba(0,0,0,.1);} #detail_con .ratebar .bar {position:absolute; margin:auto; left:-1px; top:0px; bottom:0px; width:calc(100% + 1px); height:6px; background:#333; z-index:1;} #detail_con .ratebar .bar.half {height:2px;} #detail_con .ratebar .bar.dot {background:none; border-top:1px dashed #333;} /*매니페스토*/ .manifesto>li {margin-top:30px;} .manibox {display:table; width:100%; margin:10px 0 0;} .manibox dt img {max-width:100%; border:1px solid #ddd;} .manibox dd {display:table-cell; vertical-align:middle; width:80%; padding:0 2%; word-break:keep-all} .manibox dd .tit {display:block; padding-bottom:10px; font-size:18px; font-weight:400;} /* 비전 및 소명 */ .sgoal {position: relative; text-align: center; margin-top: 75px;} .sgoal dt {display:inline-block; margin-bottom:30px; padding:10px 30px; color:#fff; font-size:18px; font-weight:bold; background:#d7431c; border-radius:50px;} .sgoal dt img {max-width:100%;} .sgoal dd {font-size:16px;} .sgoal dd.txt {position:relative; margin:60px auto; width:50%; word-break: keep-all;} .sgoal dd.txt::before {position:absolute; left:50%; top:-30px; width:35px; height:3px; margin-left:-15.3px; background:#484a4c; content:"";} .sgoal dd.txt span {font-weight:bold;} /* 종합적 기대효과 */ .expect {position:relative; margin-top:75px;} .expect img {box-shadow: 2px 11px 30px -7px rgba(0,0,0,0.42);} .expect>div {display:flex; margin-bottom:100px;} .expect>div:last-child {margin-bottom:0;} .expect>div:nth-child(2n) {display:flex; flex-direction: row-reverse;} .expect>div:nth-child(2n) .con {margin-right:0; margin-left:50px;} .expect .con {width:50%; margin-right:40px;} .expect .con .tit {position:relative; margin-bottom:40px; font-size:28px;} .expect .con .tit span {margin-left:10px; font-size:30px; font-weight:bold;} .expect .con .tit::after {position:absolute; left:0; bottom:-20px; width:35px; height:3px; background:#f34561; content:"";} .expect .con dl {margin-top:20px;} .expect .con dt {position:relative; display:inline-block; font-size:18px; font-weight:bold;} .expect .con dt span {padding:0 5px; background:linear-gradient(180deg, transparent 0, transparent 50%, #ffe9ec 50%, #ffe9ec 100%);} .expect .con dd {margin:10px 0 0 10px; word-break:keep-all;} .expect .list01 .con .tit span {color:#f34561;} .expect .list02 .con .tit span {color:#f96e2b;} .expect .list03 .con .tit span {color:#c98525;} .expect .list04 .con .tit span {color:#41a923;} .expect .list05 .con .tit span {color:#8c65ea;} .expect .list06 .con .tit span {color:#3497f2;} .expect .list02 .con .tit::after {background:#f96e2b;} .expect .list03 .con .tit::after {background:#f4c313;} .expect .list04 .con .tit::after {background:#41a923;} .expect .list05 .con .tit::after {background:#8c65ea;} .expect .list06 .con .tit::after {background:#3497f2;} .expect .list02 .con dt span {background:linear-gradient(180deg, transparent 0, transparent 50%, #ffe2c8 50%, #ffe2c8 100%);} .expect .list03 .con dt span {background:linear-gradient(180deg, transparent 0, transparent 50%, #fff2bd 50%, #fff2bd 100%);} .expect .list04 .con dt span {background:linear-gradient(180deg, transparent 0, transparent 50%, #d4f6bd 50%, #d4f6bd 100%);} .expect .list05 .con dt span {background:linear-gradient(180deg, transparent 0, transparent 50%, #efe8ff 50%, #efe8ff 100%);} .expect .list06 .con dt span {background:linear-gradient(180deg, transparent 0, transparent 50%, #ddeeff 50%, #ddeeff 100%);} /* 온라인주민참여 */ #detail_con .opinion2023 {margin:20px auto; max-width:1100px;;} #detail_con .opinion2023 ul {display:flex; flex-wrap: wrap; justify-content: space-between;;} #detail_con .opinion2023 .go_page>li {width:32.5%; margin:.5% 0px;} #detail_con .opinion2023 .go_page li a {display:block; padding:max(8%, 20px) max(9%, 20px); background:#f5f5f5 url(/headman/images/sub/opinion_ic01.png) no-repeat right 10% center / 54px; border-radius:3px; border:1px solid #eee; transition:all ease .2s; text-decoration:none;; box-shadow:0px 2px 0px rgba(0,0,0,.05);} #detail_con .opinion2023 .go_page li:nth-child(2) a {background-image:url(/headman/images/sub/opinion_ic02.png);} #detail_con .opinion2023 .go_page li:nth-child(3) a {background-image:url(/headman/images/sub/opinion_ic03.png);} #detail_con .opinion2023 .go_page li:nth-child(4) a {background-image:url(/headman/images/sub/opinion_ic04.png);} #detail_con .opinion2023 .go_page li:nth-child(5) a {background-image:url(/headman/images/sub/opinion_ic05.png);} #detail_con .opinion2023 .go_page li:nth-child(6) a {background-image:url(/headman/images/sub/opinion_ic06.png);} #detail_con .opinion2023 .go_page li .tit {font-weight:bold; font-size:1.2em; color:#222;} #detail_con .opinion2023 .go_page li .tit_en {margin-top:10px; font-size:.95em; color:#aaa;} #detail_con .opinion2023 .go_page li a:hover {background-color:#fff; border-radius:5px; border:1px solid #ddd; box-shadow:0px 2px 10px rgba(0,0,0,.2);} #detail_con .opinion2023 .go_page li a:hover .tit {color:#d7431c;} #detail_con .opinion2023>div {display:flex; align-items: center; margin-top:20px; border-radius:5px; border:1px solid #d5d5d5; overflow:hidden;} #detail_con .opinion2023>div>div {flex-grow:1.5; position:relative; padding:max(3%, 20px); text-align:center; background:#f5f5f5; border-right:1px solid #ddd;;} #detail_con .opinion2023>div>div p {display:inline-block; padding:10px; padding-left:50px; background:url(/headman/images/sub/opinion_ic_sns2.png) no-repeat left top/40px;} #detail_con .opinion2023 .go_sns {flex-grow:1; justify-content: center; padding:max(2.5%, 20px);} #detail_con .opinion2023 .go_sns>li {max-width:35px; margin:0px 2px;; border-radius:50px; overflow:hidden; transition:all ease .2s;} #detail_con .opinion2023 .go_sns>li a {display:block; height:35px; white-space:nowrap; text-indent:5000px; background:url(/headman/images/sub/opinion_sns.png) no-repeat center top / 35px;} #detail_con .opinion2023 .go_sns>li:nth-child(1) {background-color:#31A836;} #detail_con .opinion2023 .go_sns>li:nth-child(2) {background-color:#1DA1F2;} #detail_con .opinion2023 .go_sns>li:nth-child(3) {background-color:#4460A0;} #detail_con .opinion2023 .go_sns>li:nth-child(4) {background-color:#FFC20F;} #detail_con .opinion2023 .go_sns>li:nth-child(5) {background:linear-gradient(219.17deg, #DC2A84 14.14%, #F04870 35.87%, #F15C68 60.19%, #F68049 81.19%), linear-gradient(0deg, #F6B049, #F6B049), linear-gradient(0deg, #F04870, #F04870), linear-gradient(0deg, #F15C68, #F15C68), #DC2A84 ;} #detail_con .opinion2023 .go_sns>li:nth-child(6) {background-color:#D83E3E;} #detail_con .opinion2023 .go_sns>li:nth-child(2) a {background-position-y:20%;} #detail_con .opinion2023 .go_sns>li:nth-child(3) a {background-position-y:40%;} #detail_con .opinion2023 .go_sns>li:nth-child(4) a {background-position-y:60%;} #detail_con .opinion2023 .go_sns>li:nth-child(5) a {background-position-y:80%;} #detail_con .opinion2023 .go_sns>li:nth-child(6) a {background-position-y:100%;} /* 공약가계부 */ #detail_con .finance2023 .summary {margin:20px 0px 0px; text-align:center; padding:max(4%, 20px); border:8px solid #eee; border-radius:5px;} #detail_con .finance2023 .summary dt {padding-top:70px; background:url(/headman/images/sub/finance_ic_won.png) no-repeat center top;} #detail_con .finance2023 .summary dt span {display:inline-block; padding:5px 20px; margin:10px 0px 5px; font-size:1.2em; background:#d7431c; color:#fff; border-radius:50px;} #detail_con .finance2023 .summary dd p.won {display:inline-block; font-size:2.5em; font-weight:bold; color:#222;} #detail_con .finance2023 .titBox {display:flex; justify-content:space-between;} #detail_con .finance2023 .titBox>.tit {width:49%; margin-top:20px;} #detail_con .finance2023 .tit {display:flex; text-align:center; margin:max(20px, 5%) 0px 20px; border-radius:5px; border:1px solid #e15555;} #detail_con .finance2023 .summary+.tit {margin-top:5%;} #detail_con .finance2023 .tit>dt {padding:15px 10px; width:30%; background:#e15555; color:#fff; font-size:1.2em;} #detail_con .finance2023 .tit>dd {padding:15px 10px; width:70%;; font-size:1.125em; color:#222;} #detail_con .finance2023 .tit>dd span {font-size:1.25em; font-weight:bold;} /** 가계부 수정 **/ #detail_con .finance2023 .summary2 {margin:20px 0px 0px; text-align:center; padding:max(3%, 20px); background-color:#F9F9F9; border-radius:5px;} #detail_con .finance2023 .summary2 dl {display: inline-block; padding-left: 150px; background:url(/headman/images/sub/summary_img01.png) no-repeat left 30px;} #detail_con .finance2023 .summary2 dt {display:inline-block; padding:2px 20px; margin:10px 0px 5px; font-size:1.2em; background:#E15555; color:#fff; border-radius:50px;} #detail_con .finance2023 .summary2 dd p.won {position:relative; padding:10px 0; color:#222; font-size:2.5em; font-weight:bold;} #detail_con .finance2023 .summary2 dd p.won:before {position:absolute; left:3%; top:14px; width:28px; height:23px; background:url('/headman/images/sub/won_img.png'); content:"";} #detail_con .finance2023 .summary2 dd p.won:after {position:absolute; right:3%; top:16px; width:28px; height:23px; background:url('/headman/images/sub/won_img.png'); content:""; transform: rotate(180deg);} #detail_con .finance2023 .summary2 dl.box02 {display: inline-block; padding-left: 180px; background:url(/headman/images/sub/summary_img02.png) no-repeat left 20px; transform: translateX(-15px);} #detail_con .finance2023 .summary2 dl.box02 p.won:before {position:absolute; left:-13%; top:14px; width:28px; height:23px; background:url('/headman/images/sub/won_img.png'); content:"";} #detail_con .finance2023 .summary2 dl.box02 p.won:after {position:absolute; right:-13%; top:16px; width:28px; height:23px; background:url('/headman/images/sub/won_img.png'); content:""; transform: rotate(180deg);} #detail_con .finance2023 .normal ul {text-align:center; overflow:hidden; font-size:0px;;} #detail_con .finance2023 .normal ul>li {display:inline-block; width:50%; padding:3% 5% 0px; max-width:530px; box-sizing:border-box;} #detail_con .finance2023 .normal .sblet{text-align:left;} #detail_con .finance2023 .special {display:flex; flex-wrap:wrap; margin:3% 0px 6%;} #detail_con .finance2023 .special>dl {text-align:center; min-width:16.6%; margin-top:30px;;} #detail_con .finance2023 .special>dl dt {letter-spacing:-.05em; height:48px;;} #detail_con .finance2023 .special>dl dd span {font-size:1.12em; font-weight:bold; font-size:1.5em; color:#222;;} #detail_con .finance2023 .special>dl:before {display:block; content:''; margin:auto; width:64px;;height:64px; margin-bottom:7px; background:url(/headman/images/sub/finance_ic_special01.png) no-repeat center center/cover;} #detail_con .finance2023 .special>dl:nth-child(2):before {background-image:url(/headman/images/sub/finance_ic_special02.png);} #detail_con .finance2023 .special>dl:nth-child(3):before {background-image:url(/headman/images/sub/finance_ic_special03.png);} #detail_con .finance2023 .special>dl:nth-child(4):before {background-image:url(/headman/images/sub/finance_ic_special04.png);} #detail_con .finance2023 .special>dl:nth-child(5):before {background-image:url(/headman/images/sub/finance_ic_special05.png);} #detail_con .finance2023 .special>dl:nth-child(6):before {background-image:url(/headman/images/sub/finance_ic_special06.png);} #detail_con .finance2023 .raise {display:flex; justify-content:space-between; padding-top:8%;} #detail_con .finance2023 .raise dl {width:50%; padding:10px 0px;} #detail_con .finance2023 .raise dl+dl {border-left:1px dashed #ddd;} #detail_con .finance2023 .raise dl:before {display:block; content:''; height:48px; margin-bottom:10px; ;background:url(/headman/images/sub/finance_ic01.png) no-repeat center center/contain;} #detail_con .finance2023 .raise dl:nth-child(2):before {background-image:url(/headman/images/sub/finance_ic02.png);} #detail_con .finance2023 .raise dl dt span {display:block; font-size:1.1em;} #detail_con .finance2023 .raise dl dd {margin-top:7%; font-size:1.25em; font-weight:bold;;} #detail_con .finance2023 .cost {padding:2% 5%;} #detail_con .finance2023 .cost dl {display:flex; justify-content:space-between; padding:7px 5px;} #detail_con .finance2023 .cost dl+dl {border-top:1px dashed #ddd;} #detail_con .finance2023 .cost dl dt {width:50%; text-align:left;;} #detail_con .finance2023 .cost dl dt span {display:block; font-size:1.05em;} #detail_con .finance2023 .cost dl dd {font-size:1.05em;;} #detail_con .finance2023 .chart {overflow:hidden;} #detail_con .finance2023 .chart+.chart {border-top:1px dotted #ddd;} #detail_con .finance2023 .chart>p.graph {float:left; margin-left:2%; padding:5%; width:46%; box-sizing:border-box;} #detail_con .finance2023 .chart .graph05 {margin-top:3%; padding-bottom:10px !important;;} #detail_con .finance2023 .chart>div.con {float:right; padding-top:5.5%; width:45%;} #detail_con .finance2023 .chart>div.con p.unit {text-align:right; margin-right:5px; font-size:.9em;} #detail_con .finance2023 .chart>div.con dl {display:flex; justify-content:space-between; align-items:center; margin:10px 0px; width:100%; background:#f5f5f5; border-radius:50px;} #detail_con .finance2023 .chart>div.con dl dt {text-align:center; padding:5px 3px 7px; min-width:100px; width:25%; font-size:1.25em; border-radius:50px;} #detail_con .finance2023 .chart>div.con dl dd {font-size:1.25em;} #detail_con .finance2023 .chart>div.con dl dd:last-child {text-align:center; width:20%;;} #detail_con .finance2023 .colr01 {background-color:#F23857; color:#fff;} #detail_con .finance2023 .colr02 {background:#FF651B; color:#fff;} #detail_con .finance2023 .colr03 {background:#FFB800;; color:#fff;} #detail_con .finance2023 .colr04 {background:#00CBA6; color:#fff;} #detail_con .finance2023 .colr05 {background:#9555E7; color:#fff;} #detail_con .finance2023 .colr06 {background:#0084FF; color:#fff;} #detail_con .finance2023 .data th~td {background:#f0f0f0;} #detail_con .finance2023 .yeardata {clear:both; padding-top:3%; margin-bottom:20px; ;} #detail_con .finance2023 .btn {position:relative;} #detail_con .finance2023 .colr01_ic, #detail_con .finance2023 .colr02_ic, #detail_con .finance2023 .colr03_ic, #detail_con .finance2023 .colr04_ic, #detail_con .finance2023 .colr05_ic, #detail_con .finance2023 .colr06_ic {background-image:url(/headman/images/sub/colr01_img.svg); background-repeat:no-repeat; background-position:center bottom 50px;} #detail_con .finance2023 .colr02_ic {background-image:url(/headman/images/sub/colr02_img.svg);} #detail_con .finance2023 .colr03_ic {background-image:url(/headman/images/sub/colr03_img.svg);} #detail_con .finance2023 .colr04_ic {background-image:url(/headman/images/sub/colr04_img.svg);} #detail_con .finance2023 .colr05_ic {background-image:url(/headman/images/sub/colr05_img.svg);} #detail_con .finance2023 .colr06_ic {background-image:url(/headman/images/sub/colr06_img.svg);} /*공약사업현황*/ .actual .c_rd{color:#E64F32; font-weight:normal;} .actual .c_bl{color:#1F6BD0; font-weight:normal;} .actual>li{position:relative; display:flex; width:100%; margin-top:40px; border: 1px solid #F7C9C0; border-radius: 4px;} .actual>li:before{content:''; position:absolute; top:-33px; left:0; right:0; margin:auto; width:27px; height:27px; background:url(../images/sub/actual_arr.png) center no-repeat;} .actual>li:nth-child(1):before{display:none;} .actual>li .date{flex: 0 0 auto; display:flex; justify-content:center; align-items:center; margin-right:24px; width:180px; color:#E64F32; font-size:18px; font-weight:500; border-radius:4px 0 0 4px; background:#FFFCFC;} .actual>li .con{display:flex; align-items:center; justify-content:space-between; width:100%;} .actual>li .con .tit{font-size:18px; font-weight:500;} .actual>li .con .tit .c_rd{font-weight:500;} .actual>li .con .tit .c_bl{font-size:14px;} .actual>li .con .txt{margin-top:25px; margin-bottom:25px; padding-left:20px; width:440px; font-size:14px;} .actual>li .con .txt li{position:relative; padding-left:10px; font-size:14px;} .actual>li .con .txt li:before{content:''; position:absolute; left:0; top:10px; width:4px; height:4px; border-radius:50%; background-color:#484848;} .actual_character .chart{display:flex; flex-wrap:wrap; justify-content:center;} .actual_character .chart>li{text-align:center; padding:3% 5% 0px; width:50%; max-width:530px; box-sizing:border-box;} .actual_character .chart>li:nth-child(even){padding-right:0;} .actual_character .chart>li:nth-child(odd){padding-left:0;} .actual_character .chart02{display:flex; align-items:center; margin-top:30px;} .actual_character .chart02>p{margin-right:2%; width:60%;} .actual_map{position:relative; margin-top:80px;} /* .actual_map::after{content:'꿈을 이루는 행복한 연수'; position:absolute; left:0; top:0; font-size:0; width:100%; height:100%; background:url(../images/sub/actual_map_bg.png) 0 0 no-repeat; z-index:-1;} */ .actual_map .map{margin:10px auto; max-width:684px;} .actual_map dt{margin-bottom:12px; color:#fff; font-size:18px; font-weight:700; border-bottom: 1px solid #000;} .actual_map dt span{display:inline-block; padding:4px 15px; border-radius: 4px 4px 0px 0px; letter-spacing: -0.07em;} .actual_map dd{position:relative; padding-left:20px; padding-right:8px; margin-top:4px; font-size:14px; letter-spacing: -0.01em;} .actual_map dd:before{content:''; position:absolute; left:8px; top:10px; width:4px; height:4px; border-radius:50%; background-color:#666;} .actual_map .map_info{position:absolute; left:0; bottom:25%; width:295px;} .actual_map .map_info dt{border-bottom-color:#E64F32;} .actual_map .map_info dt span{background:#E64F32;} .actual_map .map_con>li{display:none; position:absolute; border-radius:8px; background: rgba(255, 255, 255, 0.95); box-shadow: 0px 36px 48px rgba(0, 0, 0, 0.2);} .actual_map .map_con>li.on{display:inline-block; } .actual_map .map_con>li dl{padding:30px;} .actual_map .map_con>li#map01{right:10%; bottom:0;} .actual_map .map_con>li#map01 dt{border-bottom-color:#FF617D;} .actual_map .map_con>li#map01 dt span{background:#FF617D;} .actual_map .map_con>li#map02{right:10%; bottom:45%;} .actual_map .map_con>li#map02 dt{border-bottom-color:#8438FF;} .actual_map .map_con>li#map02 dt span{background:#8438FF;} .actual_map .map_con>li#map03{right:5%; bottom:35%;} .actual_map .map_con>li#map03 dt{border-bottom-color:#70C713;} .actual_map .map_con>li#map03 dt span{background:#70C713;} .actual_map .map_con>li#map04{right:7%; bottom:47%;} .actual_map .map_con>li#map04 dt{border-bottom-color:#00A8FF;} .actual_map .map_con>li#map04 dt span{background:#00A8FF;} .actual_map .map_con>li#map05{right:35%; bottom:33%;} .actual_map .map_con>li#map05 dt{border-bottom-color:#1CD1B0;} .actual_map .map_con>li#map05 dt span{background:#1CD1B0;} .actual_map .map_con>li#map06{right:9%; bottom:23%;} .actual_map .map_con>li#map06 dt{border-bottom-color:#FFBD00;} .actual_map .map_con>li#map06 dt span{background:#FFBD00;} .border_c {border-left-color: #2c415e !important;} /* 공약실천계획 수립과정 */ .actual02 .point_r{color:#E64F32; font-weight:normal;} .actual02 .point_b{color:#1F6BD0; font-weight:normal;} .actual02>li{position:relative; display:flex; width:100%; margin-top:50px; } .actual02 li .conL {position:relative; text-align:center; width:20%; margin-right:40px;} .actual02 li .conL:before{content:''; position:absolute; top:-40px; left:0; right:0; margin:auto; width:27px; height:27px; background:url(../images/sub/actual_arr.png) center no-repeat;} .actual02 li .conL:after {content: ''; position: absolute; top: 50%; right: -30%; width: 150px;; height: 1px; background: #F7C9C0; z-index:-1;} .actual02>li:nth-child(1) .conL:before {display:none;} .actual02 li .conL .tit {display:flex; align-items:center; justify-content: center; padding:10px 25px; min-height:110px; width:100%; color:#fff; font-size:17px; font-weight:700; border-radius:4px 4px 0 0; background:#E64F32; box-sizing:border-box; word-break:keep-all;} .actual02 li .conL .date { padding:10px 25px; border:1px solid #F7C9C0; border-radius:0 0 4px 4px;} .actual02 li .conR {position:relative; display:flex; align-items:center; width:75%; padding:10px 20px; border:1px solid #F7C9C0; border-radius:4px; background:#fff; box-sizing:border-box;} .actual02 li .conR .txt li{position:relative; padding-left:10px;} .actual02 li .conR .txt li:before{content:''; position:absolute; left:0; top:10px; width:4px; height:4px; border-radius:50%; background-color:#484848;} /*공약추진현황*/ .step{display:flex; margin-top:30px;} .step>li{position:relative; flex:1 1 auto; display:flex; flex-direction:column; align-items:center; width:25%; margin-left:50px; border: 1px solid #D7431C; border-radius: 4px;} .step>li:first-child{margin:0;} .step>li:before{content:''; position:absolute; top:calc(50% - 27px/2); left:-38px; width:27px; height:27px; background:url(../images/sub/actual_arr.png) center no-repeat; transform:rotate(-90deg)} .step>li:nth-child(1):before{display:none;} .step>li .tit{display:flex; align-items: center; justify-content: center; text-align:center; padding:10px 25px; height:90px; width:100%; color:#fff; font-size:17px; font-weight:700; border-radius:4px 4px 0 0; background:#E64F32; box-sizing:border-box; word-break:keep-all;} .step>li .con{padding:20px;} .step>li .date{padding:10px 20px; color:#E64F32; font-size:16px; font-weight:500;} /*주민소통*/ .comm{display:flex; flex-direction:row-reverse; justify-content:space-between;} .comm .img{max-width:400px; margin-left:30px;} /* 5대 핵심공약 */ .progress .c_rd{color:#E64F32; font-weight:normal;} .progress>li{position:relative; display:flex; width:100%; margin-top:30px; border: 1px solid #EF5050; border-radius: 4px;} .progress>li .num{flex: 0 0 auto; display:flex; justify-content:center; align-items:center; margin-right:40px; width:160px; color:#fff; font-size:40px; font-weight:700; border-radius:4px 0 0 4px; background:#EF5050;} .progress>li .con{display:flex; align-items:center; justify-content:space-between; width:100%;} .progress>li .con .tit {color:#EF5050; font-size:18px; font-weight:700; word-break:keep-all;} .progress>li .con .tit .c_rd{font-weight:500;} .progress>li .con .tit .c_bl{font-size:14px;} .progress>li .con .txt{margin-top:20px; margin-bottom:20px; padding-left:20px; width:55%; font-size:14px;} .progress>li .con .txt li.sssblet {margin-top:2px;} .progress>li .con .txt li {position:relative; padding-left:10px; font-size:14px;} .progress>li .con .txt>li:before{content:''; position:absolute; left:0; top:10px; width:4px; height:4px; border-radius:50%; background-color:#484848;} .progress>li.list02 {border-color:#FF8541;} .progress>li.list02 .num {background:#FF8541;} .progress>li.list02 .con .tit {color:#FF8541;} .progress>li.list03 {border-color:#00BE91;} .progress>li.list03 .num {background:#00BE91;} .progress>li.list03 .con .tit {color:#00BE91;} .progress>li.list04 {border-color:#9450EA;} .progress>li.list04 .num {background:#9450EA;} .progress>li.list04 .con .tit {color:#9450EA;} .progress>li.list05 {border-color:#0084FF;} .progress>li.list05 .num {background:#0084FF;} .progress>li.list05 .con .tit {color:#0084FF;} #detail_con #no_h ul li {border:none;} #detail_con #no_h ul li a {text-decoration:none;} #detail_con #no_h ul li:hover {margin:0; border:none; box-shadow:none;} /***** 5대핵심공약 수정 ******/ .progress2 .c_rd{color:#E64F32; font-weight:normal;} .progress2>li{position:relative;display:flex;width:100%;margin-top:10px; border-radius: 4px;} .progress2>li .num{flex: 0 0 auto;display:flex;justify-content:center;align-items:center;margin-right: 10px;width:160px;color:#fff;font-size:40px;font-weight:700;border-radius: 4px;background:#EF5050;} .progress2>li .con{display:flex;align-items:center;justify-content: flex-start;width:100%;} .progress2>li .con .tit {display:flex; align-items: center; padding:30px; width:30%; height:100%; color:#EF5050; font-size:18px; font-weight:700; word-break:keep-all; border:1px solid #EF5050; border:1px solid #ef5050; border-radius:4px; box-sizing: border-box; } .progress2>li .con .tit .c_rd{font-weight:500;} .progress2>li .con .tit .c_bl{font-size:14px;} .progress2>li .con .txt {padding: 15px 25px; margin-left: 10px; width:70%; height:100%; font-size:15px; background: #f1f1f1; border-radius: 4px; box-sizing:border-box;} .progress2>li .con .txt li.sssblet {margin-top:2px;} .progress2>li .con .txt>li {position:relative;padding-left:10px;font-size:14px; margin-top:10px; border-radius:4px;} .progress2>li .con .txt>li:before{content:''; position:absolute; left:0; top:10px; width:4px; height:4px; border-radius:50%; background-color:#484848;} .progress2>li .con .txt>li:first-child {margin-top:0;} .progress2>li.list02 .con .tit {border-color:#FF8541;} .progress2>li.list02 .num {background:#FF8541;} .progress2>li.list02 .con .tit {color:#FF8541;} .progress2>li.list03 .con .tit {border-color:#00BE91;} .progress2>li.list03 .num {background:#00BE91;} .progress2>li.list03 .con .tit {color:#00BE91;} .progress2>li.list04 .con .tit {border-color:#9450EA;} .progress2>li.list04 .num {background:#9450EA;} .progress2>li.list04 .con .tit {color:#9450EA;} .progress2>li.list05 .con .tit {border-color:#0084FF;} .progress2>li.list05 .num {background:#0084FF;} .progress2>li.list05 .con .tit {color:#0084FF;} /***** 5대핵심공약 수정2 ******/ .f_point {display:flex; justify-content: space-between; margin-top:20px;} .f_point dl {width:20%;} .f_point dl dt {text-align:center; padding-top:45%; color:#EF5050; font-size:1.2em; font-weight:700; background-image:url('/headman/images/sub/point_num01.png'); background-repeat:no-repeat; background-position:center top; line-height: 25px;} .f_point dl dd {text-align:center; padding:20px 15px 60px; word-break: keep-all; background-image:url(/headman/images/sub/f_point_01.png); background-repeat:no-repeat; background-position:center bottom;} .f_point dl.list02 dt {color:#FF8541; background-image:url('/headman/images/sub/point_num02.png');} .f_point dl.list03 dt {color:#00BE91; background-image:url('/headman/images/sub/point_num03.png');} .f_point dl.list04 dt {color:#9450EA; background-image:url('/headman/images/sub/point_num04.png');} .f_point dl.list05 dt {color:#0084FF; background-image:url('/headman/images/sub/point_num05.png');} .f_point dl.list02 dd {background-image:url('/headman/images/sub/f_point_02.png');} .f_point dl.list03 dd {background-image:url('/headman/images/sub/f_point_03.png');} .f_point dl.list04 dd {background-image:url('/headman/images/sub/f_point_04.png');} .f_point dl.list05 dd {background-image:url('/headman/images/sub/f_point_05.png');} /* 공약이행현황 */ .all .con_top {display:flex; align-items:center; justify-content: space-evenly;} .all .con_top p.tit {text-align:right; margin-top: 20px; font-size:40px; font-weight:bold; line-height:52px;} .all .con_top p span.tit_sub {padding:0 5px; color:#e15555; background:linear-gradient(180deg, transparent 0, transparent 50%, #ffe9ec 50%, #ffe9ec 100%);} .all .con_top p span.date {display: block; font-size:16px;} /*관리카드 확인해보고 지우기*/ .card .con_top {display:flex; align-items:center; justify-content: space-evenly;} .card .con_top p.tit {text-align:right; font-size:40px; font-weight:bold;} .card .con_top p span.tit_sub {color:#e15555;} .card .con_top p span.date {display: block; font-size:16px;} .rate>div {display:inline-block;vertical-align:middle;min-width:350px;height:30px;margin-right:5px;border:1px solid #ddd;} .rate>div>span {display: block;height:30px;} .rate.end>div>span {background:linear-gradient(to right, #ff4257, #ff9387);} /* .graph_all .datatable .data tr.list01 td.tit {background:url('/headman/images/sub/graph_img01.png') no-repeat left;} */ .graph_all .datatable .data tr.list01 .rate.ing>div>span {background:#ff7373;} .graph_all .datatable .data tr.list02 .rate.ing>div>span {background:#FF8541;} .graph_all .datatable .data tr.list03 .rate.ing>div>span {background:#ffb800;} .graph_all .datatable .data tr.list04 .rate.ing>div>span {background:#00cba6;} .graph_all .datatable .data tr.list05 .rate.ing>div>span {background:#9555e7;} .graph_all .datatable .data tr.list06 .rate.ing>div>span {background:#0084ff;} .graph_all .datatable .data tr td:nth-child(3) div {color:#787878;} .graph_all .datatable .data tr.list01 span.graph_point {font-size:18px; font-weight:bold; color:#EF5050;} .graph_all .datatable .data tr.list02 span.graph_point {font-size:18px; font-weight:bold; color:#FF8541;} .graph_all .datatable .data tr.list03 span.graph_point {font-size:18px; font-weight:bold; color:#cb8a2e;} .graph_all .datatable .data tr.list04 span.graph_point {font-size:18px; font-weight:bold; color:#42a925;} .graph_all .datatable .data tr.list05 span.graph_point {font-size:18px; font-weight:bold; color:#825be7;} .graph_all .datatable .data tr.list06 span.graph_point {font-size:18px; font-weight:bold; color:#3094f1;} .card_list ul {display:flex; justify-content:space-between;} .card_list ul li {width:16.2%;} .card_list ul li a {text-align:center; display:block; padding:15px 20px; background:#f5f5f5; border-radius:4px; transition: all ease .3s;} .card_list ul li.select a {position:relative; background:#f23857; color:#fff; margin-top:-8px; padding: 10px 20px 20px;} .card_list ul li.select a:after{display: block; content: ''; position: absolute; left:calc( 50% - 5px ); bottom: 5px; width: 0px; height: 0px; border: 5px solid transparent; border-top: 8px solid #fff; border-radius: 1px;} .card_list ul li.list02.select a {background:#ff651b;} .card_list ul li.list03.select a {background:#ffb800;} .card_list ul li.list04.select a {background:#42a925;} .card_list ul li.list05.select a {background:#8c65ea;} .card_list ul li.list06.select a {background:#0084ff;} .card .datatable .data tr.card_tit span.num {display: inline-block; margin-right: 8px; width: 32px; height: 30px; text-align: center; background: #f23857; letter-spacing: -2px; font: bold 18px/28px verdana; color: #fff; border-radius: 4px;} .card .datatable .data tr.card_tit td {padding:15px 20px; font-size:18px; font-weight:bold;} .card .card_list01 .datatable .data tr.card_tit td span.card_point, .card .card_list01 .datatable .data tr td:nth-child(3) {color:#f23857;} .card .card_list02 .datatable .data tr.card_tit span.num {background: #ff651b;} .card .card_list02 .datatable .data tr.card_tit td span.card_point, .card .card_list02 .datatable .data tr td:nth-child(3) {color:#ff651b;} .card .card_list03 .datatable .data tr.card_tit span.num {background: #ffb800;} .card .card_list03 .datatable .data tr.card_tit td span.card_point, .card .card_list03 .datatable .data tr td:nth-child(3) {color:#ffb800;} .card .card_list04 .datatable .data tr.card_tit span.num {background: #42a925;} .card .card_list04 .datatable .data tr.card_tit td span.card_point, .card .card_list04 .datatable .data tr td:nth-child(3) {color:#42a925;} .card .card_list05 .datatable .data tr.card_tit span.num {background: #8c65ea;} .card .card_list05 .datatable .data tr.card_tit td span.card_point, .card .card_list05 .datatable .data tr td:nth-child(3) {color:#8c65ea;} .card .card_list06 .datatable .data tr.card_tit span.num {background: #0084ff;} .card .card_list06 .datatable .data tr.card_tit td span.card_point, .card .card_list06 .datatable .data tr td:nth-child(3) {color:#0084ff;} .card .con_top>div {width:60%;} @media screen and (max-width:1200px){ #contents {width:76%;} .expect .con {width: 90%;} .expect .list01 .con .tit span {word-break: keep-all;} .f_point {flex-wrap: wrap; justify-content: center;} .f_point dl {width: 27%; margin: 30px 20px;} .step_actual>li {width:24%;} .all .con_top>div {width:40%;} } @media screen and (max-width:1020px){ #contents {width:68%;} #detail_con .sta_all .sta_con { width:99%; } #detail_con .actual_table .chart img { float:none; width:auto; padding-left:0; padding-bottom:30px; margin-left:7%; } #detail_con .actual_table table { float:none; width:100%; } #detail_con .vision_txt li { width:30%; } #detail_con .btn_box a { padding-left:30px; } #detail_con #profile .he_tit { font-size:30px; } #detail_con #profile .pro_li>div { margin-bottom:30px; } #detail_con #profile .pro_li>div.pro_left { float:none; padding-right:0; width:auto; } #detail_con #profile .pro_li>div.pro_right { float:none; padding-left:0; width:auto; } #detail_con #profile .pro_li.pro_2>div:first-child { overflow:hidden; float:none; width:auto; } #detail_con #profile .pro_li.pro_2>div:first-child ul, #detail_con #profile .pro_li.pro_2>div:first-child ul:last-child { float:none; width:auto; padding:0 !important; } #detail_con #profile .pro_li.pro_2>div:last-child { float:none; margin-top:30px; width:auto; } #detail_con .status_mapimg { overflow-x:scroll; } #detail_con .status_mapimg img { max-width:none; } .sgoal dd.txt {width:70%;} .expect .con .tit span {font-size:24px;} .expect .con .tit {font-size:20px;} .step{flex-direction:column;} .step>li{width:100%; margin-left:0; margin-top:50px;} .step>li:before{left:0; right:0; margin:auto; top:-38px; transform:rotate(0)} .actual_map .map_info{bottom:0;} .progress>li .num {margin-right:30px;} .progress>li .con .txt {70%;} /* .step_actual>li{margin-left:0; margin-top:50px; width:100%; min-height: 210px;} .step_actual>li:before{left:0; right:0; margin:auto; top:-38px; transform:rotate(0)} .step_actual>li:nth-child(1) {margin-top:50px;} .step_actual>li:nth-child(1):before{display:none;} .step_actual>li:last-child:before{display:block;} */ .actual02 li .conL {width:38%;} .f_point dl dd {padding: 20px 5px 60px;} } @media screen and (min-width:769px){ #container {background:url(/main/images/sub/leftmenu_line.gif) repeat-y left top;} #detail_con {padding:3% 0%; min-height:450px;} .datatable .actual_btn {margin-top:-20px; text-align:right;} .datatable .actual_date {margin-bottom:5px; font-size:13px; text-align:right;} .datatable .date {margin-top:-20px; margin-bottom:5px; font-size:13px; text-align:right;} /*#detail_con .opinion {overflow:hidden; background:url(/headman/images/sub/opinion.gif) right 20px no-repeat;} #detail_con .opinion .con {width:60%;}*/ #detail_con .history dl dd li {float:left; width:50%; margin-left:-10px;} #detail_con .general>li {float:left; width:42%;} #detail_con .scrollY>p {display:none !important;} .pc_block {display: block;} } @media screen and (max-width:768px){ #contents {width:100%;} #leftmenu {position:relative; width:100%} #leftmenu .tit {padding:10px 2%; font-size:20px; text-align:left;} #leftmenu .tit a {position:absolute; left:0; top:0; display:block; width:100%; height:50px; background:url(/headman/images/inc/mb_nav.gif) no-repeat 98% center / 20px; text-indent:-5000px;} #leftmenu>ul {position:absolute; width:100%; background:#fff;} #leftmenu>ul>li>a {padding:15px 2%;} #leftmenu>ul>li.select>a {background-position:98% center;} #leftmenu>ul>li>ul {padding:2%;} .sub_title .sns, .sub_title ol {display:none;} .sub_title h3 {padding:15px 10px; font-size:30px;} #tab ul li {width:32.8%;} #tab ul.col2 li{min-width:48% !important; } #detail_con {padding:3%;} #detail_con .scrollY { position:relative; display:block; overflow-x:auto; padding-top:10px; } #detail_con .scrollY p.scroll_info {position:absolute; display:block; top:3%; left:55%; text-align:center; width:190px; height:135px; padding:30px 0; margin-left:-125px; color:#fff; font-size:14px; line-height:21px; border-radius:50%; background:rgba(0,0,0,.7) url('/headman/images/sub/ic_scroll.png') center 78px no-repeat; } #detail_con .scrollY table {min-width:900px;} #detail_con .photo_box>ul>li .photo { float:none; width:100%; margin-right:0; text-align:center; } #detail_con .photo_box>ul>li .photo img { width:95%; height:auto; margin-bottom:20px; } #detail_con .photo_box>ul>li>div { float:none; width:100%; margin-top:0; } #detail_con .greeting .photo, #detail_con .greeting .con { text-align:center; width:100%; margin:0px; background-position:center; } #detail_con .greeting .photo {margin-bottom:20px; text-align:center;} #detail_con .greeting .txt:before, #detail_con .greeting .txt::before { left:47%; } #detail_con .status2_all {text-align:center;} #detail_con .status2_all .con {padding:10%;} #detail_con .status2_all p.tit {font-size:26px;} #detail_con .actual2 li {float:none; width:100%; margin:0 auto 20px auto;} #detail_con .actual3_top { min-height:200px; background:url(/headman/images/sub/actual3_bg_mb.jpg) no-repeat 50%; text-align:center;} #detail_con .actual3_top .con {padding:7%;} #detail_con .actual3_top p.tit, #detail_con .actual3_top span {font-size:24px; line-height:34px; } #detail_con .history .tit .txt {font-size:45px;} #detail_con .history .tit .txt span {font-size:15px;} #detail_con #profile .he_tit { margin:30px 0; font-size:24px; line-height:130%; } #detail_con #profile .he_tit span { display:block; } #detail_con #profile .top { background-size:330px; } #detail_con #profile .top:after { width:250px; background-size:250px; } #detail_con #profile .top>div { width:auto; } #detail_con #profile .pro_li>div>p { text-align:center; } #detail_con .general>li {width:93%; margin:2% 0.5%;} #detail_con .sta_all .sta_con .ic_sta1, #detail_con .sta_all .sta_con .ic_sta2, #detail_con .sta_all .sta_con .ic_sta3, #detail_con .sta_all .sta_con .ic_sta4, #detail_con .sta_all .sta_con .ic_sta5, #detail_con .sta_all .sta_con .ic_sta6 { background-position:5% center; } #detail_con .sta_all .sta_con .ic_sta7 { background-position:9% center; } #detail_con .opinion { background-position:70% top; } /*#detail_con .actual_table .chart img { width:90%; margin:0 5%; text-align:center; }*/ /* #detail_con table td.actual_chart { text-align:center; width:45%; } #detail_con table td.actual_chart p { background:none; font-size:15px; text-indent:0; width:100% !important; height:auto; margin-left:0 !important; text-align:left; } */ #detail_con .vision_txt li { width:88%; margin-bottom:5px; padding:20px; } #detail_con .btn_box { padding:7px 0; } #detail_con .btn_box a { padding-left:20px; line-height:34px; } #detail_con .pledge_list ul {flex-wrap: wrap;} #detail_con .pledge_list ul li {width:31%; margin-bottom:20px;} #detail_con .opinion2023 .go_page>li {width:49%;} #detail_con .opinion2023 .go_page li a {background-size:45px;} #detail_con .opinion2023>div {flex-direction: column;} #detail_con .finance2023 .summary dd p.won {font-size:2em;;} #detail_con .finance2023 .titBox {flex-direction: column;} #detail_con .finance2023 .titBox>.tit {flex-direction: column; width:100%; margin-top:20px;} #detail_con .finance2023 .titBox>.tit dt, #detail_con .finance2023 .titBox>.tit dd {width:100%; box-sizing:border-box;} #detail_con .finance2023 .tit>dd span {display:block;;} #detail_con .finance2023 .raise {padding-top:0px;;} #detail_con .finance2023 .special>dl {width:33%; transform:scale(.9); white-space:nowrap;} #detail_con .finance2023 .chart {padding:30px 0px;;} #detail_con .finance2023 .chart>p.graph {float:none; width:100%;} #detail_con .finance2023 .chart>div.con {float:none; width:100%;} #tab ul {flex-wrap: wrap; /* bottom:-60px; */} #tab ul li {width:50%;} #tab ul li:nth-child(2) a {border-right: 1px solid #ddd;} #tab ul li a {font-size:16px; padding:12px;} .sgoal {margin-top:30px;} .sgoal dt {padding:5px 20px; font-size:16px;} #detail_con .scrollY { position:relative; display:block; overflow-x:auto; padding-top:10px; } #detail_con .scrollY p.scroll_info {position:absolute; display:block; top:3%; left:55%; text-align:center; width:190px; height:135px; padding:30px 0; margin-left:-125px; color:#fff; font-size:14px; line-height:21px; border-radius:50%; background:rgba(0,0,0,.7) url('/headman/images/sub/ic_scroll.png') center 78px no-repeat; } #detail_con .scrollY table {min-width:900px;} .actual>li .con{flex-direction:column; align-items:flex-start; padding:20px;} .actual>li .con .tit br{display:none;} .actual>li .con .txt{margin-bottom:0; margin-top:10px; padding-left:0; width:100%;} .actual_character .chart{flex-direction:column;} .actual_character .chart>li{margin:auto; width:100%; padding-right:0; padding-left:0;} .actual_character .chart02{flex-direction:column; align-items:flex-start;} .actual_character .chart02>p{margin-right:0; width:100%;} .actual_character .chart02>.con{margin-top:20px;} .actual_map{margin-top:30px; padding-top:50px;} .actual_map .map_info{position:static; width:100%; margin-top:30px;} .actual_map .map_con>li{position:static; width:100%; box-shadow:none;} .actual_map .map_con>li dl{padding:0;} .comm{flex-direction:column; margin-top:30px;} .comm .img{max-width:100%; margin-left:0;} .comm>div>.para01:nth-of-type(1){margin-top:20px;} .comm>div>.para01{margin-left:0;} .progress>li .num {margin-right: 20px; width:120px; font-size: 35px;} .progress>li .con{flex-direction:column; align-items:flex-start; padding:20px;} .progress>li .con .tit br{display:none;} .progress>li .con .txt{margin-bottom:0; margin-top:10px; padding-left:0; width:100%;} /**5대 공약 수정**/ .progress2>li .con .tit {flex-direction: column;} .progress2>li .num {width:120px;} .f_point dl {width: 28%; margin: 30px 10px;} .f_point dl dt {font-size:16px;} .f_point dl dt, .f_point dl.list02 dt, .f_point dl.list03 dt , .f_point dl.list04 dt , .f_point dl.list05 dt {background-size: 100%;} /* 가계부 수정 */ #detail_con .finance2023 .summary2 dt {font-size:16px;} #detail_con .finance2023 .summary2 dd p.won {padding:5px 0; font-size:2em;} #detail_con .finance2023 .summary2 dd p.won:before {left:8%;} #detail_con .finance2023 .summary2 dd p.won:after {right:8%;} #detail_con .finance2023 .summary2 dl.box02 p.won:before {left:-16%;} #detail_con .finance2023 .summary2 dl.box02 p.won:after {right:-16%;} #detail_con .finance2023 .summary2 dl.box02 {background: url(/headman/images/sub/summary_img02.png) no-repeat left 10px;} .all .con_top p.tit, .card .con_top p.tit {font-size:30px;} .card_list ul {flex-wrap:wrap;} .card_list ul li {width: 32.5%;} .card_list ul li:nth-child(-n+3) {margin-bottom:1.2%;} .card_list ul li.select a {margin-top:0;} } @media screen and (max-width:555px){ h4 span:before {display:none;} #stab ul.col4 li{min-width:30%; } #detail_con .many:before, #detail_con .history .tit::before {border-top-width:50px; border-right-width:50px;} #detail_con .history .tit:after, #detail_con .history .tit::after {border-bottom-width:50px; border-left-width:50px;} #detail_con .history dl {padding-left:0; background:none;} #detail_con .history .history01 dt {background:url(/headman/images/sub/ic_history01.gif) left center no-repeat;} #detail_con .history .history02 dt {background:url(/headman/images/sub/ic_history02.gif) left center no-repeat;} #detail_con .history .history03 dt {background:url(/headman/images/sub/ic_history03.gif) left center no-repeat;} #detail_con .history .history04 dt {background:url(/headman/images/sub/ic_history04.gif) left center no-repeat;} #detail_con .history .history05 dt {background:url(/headman/images/sub/ic_history05.gif) left center no-repeat;} #detail_con .history .history06 dt {background:url(/headman/images/sub/ic_history06.gif) left center no-repeat;} #detail_con .history dl dt {padding-top:30px; padding-left:140px;} #detail_con .history dl dd {margin-top:20px;} #detail_con #profile>div { padding:30px; } #detail_con #profile .he_tit { font-size:20px; } #detail_con #profile .top { background-size:230px; } #detail_con #profile .top:after { width:170px; background-size:170px; } #detail_con #profile .top>div>p span { font-size:16px; } #detail_con #profile .top>div>p { margin-bottom:30px; font-size:40px; } #detail_con #profile .pro_li>div>p { font-size:18px; } #detail_con #profile .pro_li>div ul li { padding:3px 0 3px 17px; font-size:15px; background-position:left 12px; } #detail_con .sta_all .sta_con>ul>li, #detail_con .sta_all .sta_con .ic_sta7.last { display:block; width:auto; border-right:0; } #detail_con .sta_all .sta_con>ul>li>p { padding-left:105px; } #detail_con .sta_all .sta_con .ic_sta1, #detail_con .sta_all .sta_con .ic_sta2, #detail_con .sta_all .sta_con .ic_sta3, #detail_con .sta_all .sta_con .ic_sta4, #detail_con .sta_all .sta_con .ic_sta5, #detail_con .sta_all .sta_con .ic_sta6 { background-position:5% top; } #detail_con .sta_all .sta_con .ic_sta7 { background-position:5% center; } #detail_con .sta_all .sta_con .ic_sta7.last p { padding-left:105px; } #detail_con .many .many_tit { text-align:center; padding:5px 25px; } #detail_con .many .many_tit span { padding:0; background:none; } #detail_con .opinion { background:#f1f6fc url('/headman/images/sub/opinion_mb500.gif') repeat-x top; } #detail_con .opinion .txt { padding:0 30px; } #detail_con .opinion_photo>p, #detail_con .opinion_photo>div { display:block; width:100%; height:auto; border:0; margin-bottom:15px; } #detail_con .opinion_photo img { width:85%; padding:25px 15px 15px 0; border:0; } #detail_con .opinion_photo>p { text-align:center; } #detail_con .pledgeList .tit {font-size:16px;} #detail_con .pledge_list .txt {font-size:18px;} /*** 추가 ***/ .expect {margin-top:30px;} .expect>div {flex-direction: column-reverse; align-items: center; margin-bottom: 50px;} .expect>div:nth-child(2n) {flex-direction: column-reverse;} .expect .con {margin-top:20px; margin-right:0; text-align:center;} .expect>div:nth-child(2n) .con {margin-left:0;} .expect img {box-shadow:none;} .expect .con dd {margin-left:0;} .expect .con .tit::after {left:50%; margin-left:-17.5px;} .expect .con .tit span {display:block;} .expect .con dt {word-break: keep-all;} /*5대 공약*/ .f_point {flex-direction: column;} .f_point dl {width:100%;} .f_point dl dt {padding: 90px 20px 0; font-size: 18px; word-break: keep-all;} .f_point dl dt, .f_point dl.list02 dt, .f_point dl.list03 dt, .f_point dl.list04 dt, .f_point dl.list05 dt {background-size: auto;} .f_point dl dd {padding:10px 30px;} .f_point dl dd, .f_point dl.list01 dd, .f_point dl.list02 dd, .f_point dl.list03 dd, .f_point dl.list04 dd, .f_point dl.list05 dd {background-image:none;} .actual02 li .conL {width:45%;} .actual02 li .conL .tit {padding:10px 15px; font-size:16px;} } @media screen and (max-width:480px){ h4 span {font-size:16px; padding:4px 10px 6px;} #detail_con .pledge_list ul li {width: 47%; margin-bottom: 10px;} #detail_con .pledge_list ul li.list01, #detail_con .pledge_list ul li.list02, #detail_con .pledge_list ul li.list03, #detail_con .pledge_list ul li.list04, #detail_con .pledge_list ul li.list05, #detail_con .pledge_list ul li.list06 {background-image:none;} #detail_con .pledge_list ul li a {padding:15px 0;} #detail_con .pledge_list ul li.list01:hover , #detail_con .pledge_list ul li.list02:hover , #detail_con .pledge_list ul li.list03:hover , #detail_con .pledge_list ul li.list04:hover , #detail_con .pledge_list ul li.list05:hover , #detail_con .pledge_list ul li.list06:hover {box-shadow:none; margin:0; max-height: 128px;} /*** 추가 ***/ .sgoal dd.txt {width:80%;} #detail_con .pledge_list span.stxt {display:none;} #detail_con .pledge_list ul li a {padding:10px 0; line-height:12px;} .actual>li .date{width:120px; font-size:16px;} .actual>li .con{padding:20px 10px;} .progress>li .date{width:120px; font-size:16px;} .progress>li .con{padding:20px 10px;} .progress>li .num {width:120px; font-size: 35px;} /** 5대공약 수정 **/ .progress2>li {flex-direction: column;} .progress2>li .num {margin-bottom:10px; width:100%; font-size:24px;} .progress2>li .con {flex-direction: column;} .progress2>li .con .tit {padding:12px 20px; width:100%; font-size:16px;} .progress2>li .con .txt {width:100%; margin-top:10px; margin-left:0px;} /*가계부 수정 */ #detail_con .finance2023 .summary2 dl {padding-left:0; background:none;} #detail_con .finance2023 .summary2 dl.box02 {padding-left:0; background:none; transform: translateX(0px);} .actual02>li {flex-direction:column;} .actual02 li .conL, .actual02 li .conR {width:100%;} .actual02 li .conL {margin-right:0px;} .actual02 li .conR {margin-top:10px; padding:20px;} .actual02 li .conL:after {display:none;} .all .con_top p.tit {font-size:25px;} .all .con_top>div {width:50%;} } @media screen and (max-width:380px){ #detail_con .actual3_top { min-height:auto; } #detail_con .actual3_top p.tit, #detail_con .actual3_top span {font-size:20px; line-height:32px; } #detail_con .vision_txt li { width:80%; margin-right:0; } #detail_con .status_chart4, #detail_con .chart_table { float:none; width:100%;} }