@charset "utf-8";
#container * {font-family:"S-CoreDream-4Regular";}
#detail_con img {max-width:100%;}
#detail_con * {font-family:"Noto Sans KR",sans-serif;}

.point {color:#2d74B5 !important; font-weight:600;}
.point2 {color:#386ad0 !important; font-weight:600; font-size:18px !important;}
.point3 {color:#000 !important; font-weight:600;}
.point4 {color:#D33112 !important; font-weight:600;}
.f18 {font-size:18px;}
.bg_n {background:none !important; border:0 !important;}
.nobl {padding-left:0 !important;}
.nobl:after {display:none !important;}

#container {overflow:hidden;}
.sub_visual {height:297px; padding-top:160px; background-color:#c7c4c8; background-repeat:no-repeat; background-position:center top;  image-rendering: pixelated;}
.sub_visual.visual01 {background-image:url('/open_content/headman/img2020/sub/sub01_2026.jpg');}
.sub_visual.visual02 {background-image:url('/open_content/headman/img2020/sub/sub02_2026.jpg');}
.sub_visual.visual03 {background-image:url('/open_content/headman/img2020/sub/sub03_2026.jpg');}
.sub_visual.visual04 {background-image:url('/open_content/headman/img2020/sub/sub04_2026.jpg');}
/* .sub_visual.visual05 {background-image:url('/open_content/headman/img2020/sub/sub05_v.jpg');} */

/*아이콘탭*/
.tab_depth2 {text-align:center; border-bottom:1px solid #e9e9e9; box-shadow:0 0 3px rgba(0,0,0,.05);}
.tab_depth2 ul {font-size:0;}
.tab_depth2 li {position:relative; display:inline-block; vertical-align:top; width:200px; max-width:20%; border-left:1px solid #e9e9e9;}
.tab_depth2 li:last-child {border-right:1px solid #e9e9e9;}
.tab_depth2 a {position:relative; display:block; padding:95px 0 30px; font-size:17px; z-index:5;}
.tab_depth2 a:before {display:block; content:""; position:absolute; left:50%; top:35px; margin-left:-30px; width:60px; height:60px; background:url('/open_content/headman/img2020/sub/tab_depth2_ic2.png') no-repeat; transition:.5s;}
.tab_depth2 a:hover:before {transform:translateY(-5px)}
.tab_depth2 .select:after {display:block; content:""; position:absolute; left:0; top:-10px; right:0; bottom:-10px; background:#0766ff; z-index:0;}
.tab_depth2 .select a {color:#fff;}
.tab_depth2.promise li {width:155px; max-width:11.1%;}
.tab_depth2.promise a {font-size:15px;}

.tab_depth2 a.t1_1:before {background-position:0 0;}
.tab_depth2 a.t1_2:before {background-position:-60px 0;}
.tab_depth2 a.t1_3:before {background-position:-120px 0;}
.tab_depth2 a.t1_4:before {background-position:-180px 0;}
.tab_depth2 .select a.t1_1:before {background-position:0 -60px;}
.tab_depth2 .select a.t1_2:before {background-position:-60px -60px;}
.tab_depth2 .select a.t1_3:before {background-position:-120px -60px;}
.tab_depth2 .select a.t1_4:before {background-position:-180px -60px;}
.tab_depth2 a.t2_1:before {background-position:0 -120px;}
.tab_depth2 a.t2_2:before {background-position:-60px -120px;}
.tab_depth2 .select a.t2_1:before {background-position:0 -180px;}
.tab_depth2 .select a.t2_2:before {background-position:-60px -180px;}
.tab_depth2 a.t3_1:before {background-position:0 -240px;}
.tab_depth2 a.t3_2:before {background-position:-60px -240px;}
.tab_depth2 a.t3_3:before {background-position:-120px -240px;}
.tab_depth2 .select a.t3_1:before {background-position:0 -300px;}
.tab_depth2 .select a.t3_2:before {background-position:-60px -300px;}
.tab_depth2 .select a.t3_3:before {background-position:-120px -300px;}
.tab_depth2 a.t4_1:before {background-position:0 -360px;}
.tab_depth2 a.t4_2:before {background-position:-60px -360px;}
.tab_depth2 a.t4_3:before {background-position:-120px -360px;}
.tab_depth2 a.t4_4:before {background-position:-180px -360px;}
.tab_depth2 a.t4_5:before {background-position:-240px -360px;}
.tab_depth2 a.t4_6:before {background-position: -300px -360px;}
.tab_depth2 a.t4_7:before {background-position:-360px -360px;}
.tab_depth2 a.t4_8:before {background-position:-420px -360px;}
.tab_depth2 a.t4_9:before {background-position:-480px -360px;}
.tab_depth2 .select a.t4_1:before {background-position:0 -420px;}
.tab_depth2 .select a.t4_2:before {background-position:-60px -420px;}
.tab_depth2 .select a.t4_3:before {background-position:-120px -420px;}
.tab_depth2 .select a.t4_4:before {background-position:-180px -420px;}
.tab_depth2 .select a.t4_5:before {background-position:-240px -420px;}
.tab_depth2 .select a.t4_6:before {background-position: -300px -420px;}
.tab_depth2 .select a.t4_7:before {background-position:-360px -420px;}
.tab_depth2 .select a.t4_8:before {background-position:-420px -420px;}
.tab_depth2 .select a.t4_9:before {background-position:-480px -420px;}
.tab_depth2 a.t5_1:before {background-position:0 -480px;}
.tab_depth2 a.t5_2:before {background-position:-60px -480px;}
.tab_depth2 a.t5_3:before {background-position:-120px -480px;}
.tab_depth2 a.t5_4:before {background-position:-180px -480px;}
.tab_depth2 .select a.t5_1:before {background-position:0 -540px;}
.tab_depth2 .select a.t5_2:before {background-position:-60px -540px;}
.tab_depth2 .select a.t5_3:before {background-position:-120px -540px;}
.tab_depth2 .select a.t5_4:before {background-position:-180px -540px;}


#contents {margin-top:3%;}
.sub_title {position:relative; text-align:center;}
.sub_title h3 {font-size:30px;}
.sub_title .location {margin-top:1.5%;}
.sub_title .location li {position:relative; display:inline-block; margin:0 20px; color:#666;}
.sub_title .location li:before {content:""; position:absolute; left:-20px; top:7px; width:2px; height:10px; background:#cbcbcb; transform:rotate(45deg);}
.sub_title .location li:first-child {vertical-align:middle; width:26px; height:24px; text-indent:-100%; font-size:0; overflow:hidden; background:url('/open_content/headman/img2020/sub/location_home.gif') no-repeat;}
.sub_title .location li:last-child {color:#333;}

.sub_title .sns {position:absolute; top:20px; right:0; font-size:0; z-index:5;}
.sub_title .sns li {display:inline-block; margin-left:2px;}
.sub_title .sns li a {display:block; width:33px; height:33px; text-indent:-9999px;}
.sub_title .sns .sns01 {background:url('/open_content/share/images/inc/ic_sns01.gif') no-repeat;}
.sub_title .sns .sns02 {background:url('/open_content/share/images/inc/ic_sns02.gif') no-repeat;}
.sub_title .sns .sns03 {background:url('/open_content/share/images/inc/ic_sns04.gif') no-repeat;}
.sub_title .sns .sns04 {background:url('/open_content/share/images/inc/ic_sns03.gif') no-repeat;}
.sub_title .sns .print {background:url('/open_content/share/images/inc/ic_print.gif') no-repeat;}
.sub_title .sns .con {background:url('/open_content/share/images/inc/ic_print.gif') no-repeat;}

#detail_con {width:1200px; max-width:100%; margin:60px auto;/*  padding-top:30px;  */padding-bottom:50px; }
#data_control {max-width:1200px; margin:60px auto;}

/*****  para
#detail_con .para01 {margin-top:25px;}
#detail_con .para02 {margin-left:8px; margin-top:8px;} *****/
.para01{margin-top:50px; margin-left:15px}
.para02{margin-top:15px; margin-left:10px}
#detail_con h4+.para02 {margin-top:20px;}
#detail_con .para03 {margin:7px 0px 15px;}

/*  blet */
h4{position:relative; margin-top:80px; font-size:1.8rem; color:#000;}
#detail_con>h4:nth-of-type(1){margin-top:0}
.sblet{position:relative; font-size:1.4rem; margin-top:80px; font-weight:700; color:#000;}/*h5*/
#detail_con .ssblet {position:relative; padding-left:20px; color:#1d51b8; font-size:1.3rem; font-weight:600}
#detail_con .ssblet:after{display:block; content:''; position:absolute; left:0; top:7px; width:8px; height:8px; border:4px solid #1d51b8; border-radius:50%}
#detail_con .sssblet {position:relative; padding-left:8px;}
#detail_con .sssblet:after{display:block; content:''; position:absolute; left:0; top:9px; width:3px; height:3px; background:#1d51b8}
.num_list {counter-reset:li; padding-left:0; margin-top:10px;}
.num_list li {position:relative; list-style:none;}
.num_list>li {margin-left:32px; margin-bottom:10px;}
.num_list>li:before {
	content:counter(li); counter-increment:li; /*숫자 증가*/
	position:absolute; top:0; left:-32px; /* 위치 잡고~ */
	width:24px; height:24px;
	font-size:13px; padding:0 6px; color:#0148bc; border:1px solid #85a5da; text-align:center; /* 리스트 스타일 */
}
.snum_list {counter-reset:li; padding-left:0; margin-top:10px; margin-bottom:20px;}
.snum_list li {position:relative; list-style:none;}
.snum_list>li {margin-left:25px; margin-bottom:5px;}
.snum_list>li:before {
	content:counter(li); counter-increment:li; /*숫자 증가*/
	position:absolute; top:1px; left:-25px; /* 위치 잡고~ */
	width:20px; height:20px;
	font-size:12px; line-height:20px; border-radius:50%; background:#d7d7d7; text-align:center; /* 리스트 스타일 */
}
.snum_list>li li {font-size:14px; color:#777;}

/* table-blet */
#detail_con .table-bl {position:relative; padding-left:10px;}
#detail_con .table-bl:after{display:block; content:''; position:absolute; left:0; top:7px; width:4px; height:4px; background:#1d51b8; border-radius:50%}
#detail_con .table-sbl {margin:5px 0 0 10px;}
#detail_con .table-sbl li {position:relative; padding-left:10px; font-size:13px;}
#detail_con .table-sbl li:after{display:block; content:''; position:absolute; left:0; top:7px; width:5px; height:1px; background:#1d51b8;}
#detail_con .table-line li {padding:5px 0; border-top:1px dashed #ccc;}
#detail_con .table-line li:first-child {border:none;}

/*****  버튼 *****/
#detail_con .conbtnBox {text-align:center; margin-top:40px;}
#detail_con .conbtn {display:inline-block; padding:15px 30px; background-color:#333; color:#fff; font-size:16px; font-weight:bold; border:0px; transition:all .2s ease;}
#detail_con .consbtn {display:inline-block; padding:3px 20px; background:#757575; border-radius:50px; color:#fff; font-size:14px; font-weight:bold; border:0px; transition:all .5s ease;}
#detail_con .btn_link {padding-left:45px; background:url(/open_content/main/images/sub/ic_link.gif) no-repeat 25px center}
/* #detail_con .btn_down {padding-left:45px; background-image:url(/open_content/main/images/sub/ic_down.gif); background-repeat:no-repeat; background-position:25px center;} */
.btn_down{position:relative; padding:8px 30px 8px 0; border-radius:3px; font-size:14px; background:url(/open_content/headman/img2020/sub/godownB.png) no-repeat; background-position:right 50%; }
#detail_con .btn_map{padding-left:45px; background:url(/open_content/main/images/sub/ic_map.png) no-repeat 25px center}
#detail_con .consbtn.btn_link {padding-left:45px; background-position:22px center}
#detail_con .consbtn.btn_down {padding-left:45px; background-position:22px center}
#detail_con .consbtn.btn_map{padding-left:40px; background-position:22px center}
#detail_con .bg1 {background-color:#3b77c3}
#detail_con .bg2 {background-color:#db5036}
#detail_con .conbtn:hover, #detail_con .consbtn:hover {background-color:#353535;}

/*****  테이블 *****/
table.data{margin-top:20px; width:100%; background:#fff;}
table.data caption {position:absolute; width:0; height:0; font-size:0; text-indent:-100%; overflow:hidden;}
table.data thead th{padding:10px 10px; background:#0766ff; border:1px solid #005aea; color:#fff; font-weight:normal}
table.data tbody{border-top:3px solid #005aea}
table.data tbody.left td {text-align:left;}
table.data tbody.left tr td:first-child {text-align:center;}
table.data thead+tbody{border-top:0px}
table.data tbody th,
table.data td,
table.data tfoot th {text-align:center; padding:10px 10px; border:1px solid #ddd}
table.data tbody th, table.data tfoot th{background:#f5f5f5; font-weight:normal}
li table.data{margin-top:5px !important}
#detail_con .dataScroll {display:none;}


/***** 링크 *****/
#detail_con .gourl {display:inline-block; padding-left:24px; font-weight:bold; font-size:14px; text-decoration:underline; background:url(/open_content/main/images/sub/ic_url.gif) no-repeat 5px center;}
#detail_con .downlink {display:inline-block; padding-left:24px; font-weight:bold; font-size:14px; text-decoration:underline; background:url(/open_content/main/images/sub/ic_downBk.png) no-repeat 5px center;}
#detail_con .outlink {margin-top:5%; margin-bottom:4%; background:url(/open_content/main/images/contents/outlink_bg.gif) no-repeat center -50px;}
#detail_con .outlink p {text-align:center;}
#detail_con .outlink p img {border:1px solid #ddd; border-top:1px solid #eee; border-bottom:1px solid #dcdcdc; box-shadow:0px 1px 0px rgba(0,0,0,.2)}
#detail_con table .outlink {margin-top:1%;}
#detail_con table .outlink p img {border:1px solid #ddd; border-top:1px solid #eee; border-bottom:1px solid #dcdcdc; box-shadow:0px 1px 0px rgba(0,0,0,.2)}

/****** tbox ********/
.tbox {overflow:hidden; background:#fff; padding:15px 20px; border-top:2px solid #333; border-left:1px solid #dbdbdb; border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb;}
.tbox h4 {position:relative; color:#333; background:none;}
.tbox h4:after {position:absolute; left:0; bottom:0; width:38px; height:3px; background-color:#333; content:'';}
.tbox .icon01 {background:url('/open_content/headman/images/sub/tbox_ic_info.gif') no-repeat 40px 55%; margin-top:5px;}
.tbox .icon02 {background:url('/open_content/headman/images/sub/tbox_ic_con.gif') no-repeat 40px 55%; margin-top:7%;}
.tbox .sicon {background:url('/open_content/headman/images/sub/tbox_sicon.gif') no-repeat 20px top; margin-top:3%;}
.tbox p {font-size:16px; line-height:28px; color:#858585;}
.tbox .center {display:block; clear:both; text-align:center; margin-top:25px; margin-bottom:10px; width:100%;}
.stbox {margin:5px 0; padding:8px 15px; background:#f4f4f4;}


/****** calendar ******/
.calendar div.day>ul.td>li.today {border:2px dotted #025aaa; background:#e0edf9; font-weight:600; color:#000;}
.calendar div.day>ul.td>li:not(.dp_pc):hover {background:#fcfdfd;}
#weektab li p {border:3px solid #f5ebea;}
#weektab li.select p {background-color:#003e77; border:3px solid #002648;}
/*.calendar div.day>ul.td li a:hover {background:#fcfdfd;}*/
.calendar div.day>ul.td>li>a:hover span, .calendar div.day>ul.td>li>a>span.sch {background:#025aaa; color:#fff; text-decoration:underline; font-weight:600;}
.detailLayer>div {background-color:#fcfcfc;}

body .card_news {position:fixed; left:3%; top:80% !important;}



/*****  스텝 *****/
#detail_con ol.step {margin-top:10px; display:table; width:100%;}
#detail_con ol.step>li {position:relative; box-sizing:border-box; vertical-align:top; background:url('/open_content/headman/images/sub/step_arrR.gif') no-repeat right center;}
#detail_con ol.step>li:last-child {background:none}
#detail_con ol.step li div {display:table; width:100%; border-radius: 0 0 20px 20px;}
#detail_con ol.step li div:first-child p {display:table-cell; text-align:center; padding:0px 2%; width:100%; height:85px; vertical-align:middle; color: #fff; font-size: 17px; border:1px solid #ccd8eb; border-radius: 20px 20px 0 0; background:#0764FA; font-weight:600;}
#detail_con ol.step.h90 li div:first-child p {height:90px;}
#detail_con ol.step li div:first-child p>span{font-size: 14px; font-weight: normal;}
#detail_con ol.step li .step_con {position:relative; top:-1px; padding:5%; background:#f8f8f8; box-sizing:border-box; border:1px solid #ccd8eb; border-top:1px dashed #dcdcdc;}
#detail_con ol.step li .step_con:nth-of-type(n+3) {border-top:0;}
#detail_con ol.step li .step_con .cell {font-size: 17px; display:table-cell; vertical-align:middle; width:800px; text-align:center;}
#detail_con ol.step.col1 li .step_con {padding:3%; min-height:40px;}
#detail_con ol.step.col1>li:last-child {background:none;}
#detail_con ol.step.easy_document p {display:table-cell; vertical-align:middle; padding:0px 20px; background-repeat:no-repeat;}
#detail_con ol.step.easy_document p.ic01 {background-image:url(/open_content/main/images/contents/civil/easy_document_ic01.gif);}
#detail_con ol.step.easy_document p.ic02 {background-image:url(/open_content/main/images/contents/civil/easy_document_ic02.gif);}

#detail_con ol.step02 {margin-top:10px;}
#detail_con ol.step02>li:not(.gap) {position:relative; display:table; margin-top:25px; width:100%; border:1px solid #ccd8eb; background:#fafbfd;}
#detail_con ol.step02>li:first-child {margin-top:10px;}
#detail_con ol.step02 .tit {font-weight:400; text-align:center;}
#detail_con ol.step02 .con {padding:10px 3%; background:#f8f8f8;}
#detail_con ol.step02 .con .arrow {position:relative; padding-top:30px;}
#detail_con ol.step02 .con .arrow:before,
#detail_con ol.step02 .con .arrow:after {content:''; display:block; position:absolute; left:50%;}
#detail_con ol.step02 .con .arrow:before {top:9px; width:6px; height:9px; margin-left:-3px; background:#aaa;}
#detail_con ol.step02 .con .arrow:after {top:17px; margin-left:-7px; border:7px solid transparent; border-top:8px solid #aaa;}
#detail_con ol.step02 li.gap {position:relative;}
#detail_con ol.step02 li.gap p {width:100%; top:-20px; text-align:center; font-size:13px; color:#757575;}
#detail_con ol.step02>li:after {display:block; content:''; position:absolute; top:-25px; left:50%; margin-left:-10px; width:21px; height:21px; background:url(/open_content/main/images/contents/step_arrD.gif) no-repeat bottom center;}
#detail_con ol.step02>li:first-child:after {display:none;}
#detail_con ol.step02 li.gap:after,
#detail_con ol.step02 li.gap:before {display:none;}
#detail_con ol.step02 li.tit.process_pd {padding:15px 0;}


/******************************************************** contents ********************************************************/

.greeting_intro {padding-top:60px;}
.greeting .greeting_intro {position:relative;}
.greeting .greeting_intro * {font-family:'S-CoreDream-4Regular' !important;}
.greeting .greeting_intro>div {position:absolute; left:55%; top:200px;}
.greeting_ttl {font-size:38px;}
.greeting_ttl span.name {color:#0054dc;}
.greeting_txt {margin-top:20px; font-size:26px;}
.greeting_con {padding:40px;}
.greeting_con>p {margin-bottom:40px; font-size:20px; line-height:170%;}
.greeting_strong {margin-bottom:40px;}
.greeting_strong>p {font-size:23px; line-height:160%;}
/* .greeting_strong strong {font-family:'S-CoreDream-6Bold' !important;} */
.greeting_sign {text-align:right; font-size:30px;}

/* .word_con {overflow:hidden;} */
.word_con:first-child {margin-top:0;}
.word_intro {min-height:245px; padding:6.5%; background:#0d1d38 url('/open_content/headman/img2020/contents/word_tbg.jpg') no-repeat right center; background-size:contain;}
.word_intro_ttl {margin-top:10px; font-size:33px; color:#fff; font-family:'S-CoreDream-6Bold' !important;}
.word_intro_txt {font-size:18px; color:#fff;}
.word_contents p {margin-top:20px; font-size:17px; line-height:170%;}
.word_contents p:first-child {margin-top:40px;}
.word_strong {font-weight:500; color:#000;}
.word_strong2 {color:#0766ff;}

.word_contents .top_point {color:#000; font-size:22px; font-weight:600; padding-top:40px;}
.word_contents .top_ypoint {display:inline-block; color:#000; font-size:22px; line-height:33px; margin-top:30px; padding:5px 10px 0; font-weight:500; background:#fff835;}
.word_con .sblet {color:#858585 !important; font-weight:300 !important;}
.word_con .tbox .sicon {width:14% !important; height:100%;}
.word_con .tbox .txt2 {width:100% !important; padding-bottom:20px;}
.word_con .tbox {margin-top:20px; padding-bottom:40px !important;}
.word_con .tbox p {width:95%; margin-left:auto; margin-right:auto;}

.word_slogan {position:relative; margin-top:70px; padding:10px; border:2px solid #000;}
.word_slogan:before, .word_slogan:after {display:block; content:""; position:absolute; width:10px; height:10px; background:#000;}
.word_slogan:before {left:0; top:0;}
.word_slogan:after {right:0; bottom:0;}
.word_slogan>div {padding:4.5%; background:#f9f9f9;}
.word_slogan .tit {font-size:22px; font-weight:600; color:#000;}
.word_slogan .tit span {display:inline-block; line-height:35px;}
.word_slogan_con {margin-top:25px; font-size:0;}
.word_slogan_con>div {display:inline-block; vertical-align:top; width:48%;}
.word_slogan_con>div:first-child {margin-right:4%;}
.word_slogan_con p {margin-bottom:15px; font-size:17px; line-height:155%;}
.btm_sign {margin-top:100px;}
.btm_sign span {text-align:center; display:block; font-size:27px; line-height:50px;}
.btm_sign .headman {font-size:30px; line-height:50px; color:#000; font-weight:600;}

.career {position:relative; padding-top:120px; padding-bottom:30px;}
.career:before {position:absolute; right:0; top:70px; width:375px; height:676px; background:url('/open_content/headman/img2020/contents/career_bg2026.jpg') no-repeat right bottom; border-radius:80px 0 30px 0; content:''; z-index:99;}
.career .sign {position:absolute; right:40px; bottom:125px; color:#fff; font-size:14px; z-index:99;}
.career .sign img {vertical-align:bottom; margin-left:10px;}

.career>dl {position:relative; margin-bottom:60px; padding-bottom:60px; padding-left:420px;}
.career_edu {position:relative; border-bottom:1px dotted #ddd;}
.career_edu:after {position:absolute; display:block; content:''; bottom:-2px; right:0; width:10%; height:2px; background:#fff;}
.career>dl>dt {position:absolute; left:0; top:0; bottom:60px; width:365px; box-sizing:border-box;}
.career>dl>dt span {display:inline-block; position:absolute; right:0; bottom:60px; padding-right:30px; color:#fff; font-size:32px; font-family:'S-CoreDream-6Bold' !important;}
.career>dl>dt span:after {content:""; position:absolute; right:0; bottom:-20px; width:100%; height:1px; background:#fff;}
.career_edu>dt {background:#3f7fe0;}
.career_history>dt {background:#663fe8;}
.career>dl>dd {padding:2px 0;}
.career>dl>dd li {margin:10px 0; font-size:17px;}

/* .career_con {position:relative; overflow:hidden; padding:130px 50px;}
.career_con>div {width:48%;}
.career_con ol {border-left:1px dashed #2d74B5;}
.career_con ol li {margin-left:-3px; padding-left:15px; background:url('/open_content/headman/images/sub/career_history.gif') no-repeat left 8px; line-height:30px;}
.career_con ol li span {padding-right:8px; color:#2d74B5; font-weight:600;}
.career_con .sblet {margin-top:4px !important; line-height:24px !important;} */
.headmanSns {display:flex; flex-wrap:wrap; justify-content:space-between; gap:36px;}
.headmanSns a {position:relative; flex-basis:calc(50% - 18px); padding:3.3% 3.7% 3.7%; color:#fff; font-size:1.6rem;}
.headmanSns a:before, .headmanSns a:after {content:''; display:block; position:absolute;}
.headmanSns a:before {top:22px; right:7%; padding:11%; border-radius:100%; background:#fff;}
.headmanSns a:after {top:29%; right:11.5%; width:77px; height:70px; background:no-repeat center;}
.headmanSns a.s01 {background:#00bf04;}
.headmanSns a.s01:after {background-image:url('/open_content/headman/images/sub/snsBox_sns02.png');}
.headmanSns a.s02 {background:linear-gradient(to right,#be0099,#f61a02,#feb200);}
.headmanSns a.s02:after {background-image:url('/open_content/headman/images/sub/snsBox_sns03.png');}
.headmanSns a.s03 {background:#006ef7;}
.headmanSns a.s03:after {background-image:url('/open_content/headman/images/sub/snsBox_sns01.png');}
.headmanSns a.s04 {background:#f80000;}
.headmanSns a.s04:after {background-image:url('/open_content/headman/images/sub/snsBox_sns04.png');}
.headmanSns a span {display:block; padding-bottom:7%; font-size:1.3rem; font-weight:800;}

.goal {text-align:center;}
.goal .slogan {position:relative; margin:50px auto 110px auto; max-width:775px; border-radius:5px; background-color:#f8f8f8;}
.goal .slogan:before {position:absolute; left:50%; bottom:-90px; margin-left:-160px; width:321px; height:122px; background:url(/open_content/main/images/contents/seogu/goal_arr.png) 0 0 no-repeat; content:'';}
.goal .slogan .tit {position:absolute; top:-14px; left:50%; margin-left:-57px; padding-top:3px; padding-bottom:3px; width:115px; color:#fff; font-size:15px; font-weight:800; border-radius:30px; background-color:#0d6aca;}
.goal .slogan .txt {padding-top:50px; padding-bottom:40px; font-size:27px;}
.goal .slogan .txt>span {font-weight:600;}
.goal .slogan .txt .green {color:#15875d;}
.goal .slogan .txt .pink {color:#ce405e;}
.goal .slogan .txt .purple {color:#67419b;}
.goal .slogan .txt .slash {margin-left:15px; margin-right:15px; font-size:20px; font-weight:normal;}
.goal .con .tit {position:relative;}
.goal .con .tit span {display:block; padding-top:8px; padding-bottom:8px; margin:0 auto; width:157px; color:#fff; font-size:18px; font-weight:600; border-radius:30px; background-color:#3a589b;}
.goal .con .tit:after {position:absolute; left:0; top:50%; width:100%; height:1px; background-color:#3a589b; content:'';  z-index:-1;}
.goal .con ul {overflow:hidden; margin:50px 10px;}
.goal .con ul li {display:inline-block; width:26%; max-width:300px; padding-top:120px; font-size:18px; border-left:1px dashed #dcdcdc; background-position:center 25px; background-repeat:no-repeat; box-sizing:border-box;}
.goal .con ul li.ic01,
.goal .con ul li.ic02,
.goal .con ul li.ic04,
.goal .con ul li.ic03 {padding-bottom:25px; border-bottom:1px dashed #dcdcdc;}
.goal .con ul li.ic05,
.goal .con ul li.ic06,
.goal .con ul li.ic07 {padding-bottom:15px;}
.goal .con ul li.ic01 {margin-left:1%; border-left:none; background-image:url(/open_content/main/images/contents/seogu/goal_ic01.gif);}
.goal .con ul li.ic02 {background-image:url(/open_content/main/images/contents/seogu/goal_ic02.gif);}
.goal .con ul li.ic03 {background-image:url(/open_content/main/images/contents/seogu/goal_ic03.gif);}
.goal .con ul li.ic04 {background-image:url(/open_content/main/images/contents/seogu/goal_ic04.gif);}
.goal .con ul li.ic05 {background-image:url(/open_content/main/images/contents/seogu/goal_ic05.gif);}
.goal .con ul li.ic06 {border-left:none; background-image:url(/open_content/main/images/contents/seogu/goal_ic06.gif);}
.goal .con ul li.ic07 {background-image:url(/open_content/main/images/contents/seogu/goal_ic07.gif);}
.goal .con ul span {display:block; font-weight:600;}

/*추진현황 추진율신호등
.result_light {position:relative; width:100px; height:30px; margin:0 auto; border-radius:4px; background:#1f1f1f;}
.result_light:after {display:block; content:""; position:absolute; left:50%; margin-left:-10px; top:5px; width:20px; height:20px; border-radius:50%; background:yellow; box-shadow:-30px 0 0px green, 30px 0 0px red; opacity:.2; z-index:0;}
.result_light span {position:absolute; left:50%; top:5px; width:20px; height:20px; border-radius:50%; border:1px solid rgba(255,255,255,.5); box-sizing:border-box; z-index:5;}
.result_light .yellow {margin-left:-10px;background:yellow;}
.result_light .green {margin-left:-40px; background:#00e700;}
.result_light .red {margin-left:20px; background:red;}*/

.con_manage {position:relative; padding-left:39%; padding-top:10px;}
.con_manage+.con_manage {margin-top: 60px;}
.con_manage img {position:absolute; left:0; top:0; max-width:41% !important; }
.con_manage h4 {margin-left:80px; margin-top: 30px;}
.con_manage ul {padding:30px 30px 30px 80px; margin-top:15px; background:#f4f4f4;}
.con_manage ul li {margin:10px 0; font-weight:bold;}
.con_manage ul>li>ul {padding:0 5px 5px 10px; margin-top:10px;}
.con_manage ul>li>ul>li {margin:5px 0;}
.manage_btn {padding-left:45px !important; background-image:url(/open_content/main/images/sub/ic_down.gif); background-repeat:no-repeat; background-position:25px center;}
.con_manage2 ul {padding:30px 50px; margin-top:15px; background:#f4f4f4;}
.con_manage2 ul li {margin:10px 0; font-weight:bold;}

.con_manage.dp_f {display: flex; padding-left: 0px }
.con_manage .img{max-width: 41%;}
.con_manage .img img{position: relative; max-width: 100% !important;}
.con_manage .conin{display: flex; flex-direction: column; flex-grow:1; margin-left: -25px;}
.con_manage .conin>ul{flex-grow: 1}

/*한눈에 보는 서구*/
.photoDash li {margin-top:30px; padding-top:30px; border-top:1px dashed #dcdcdc;}
.photoDash li:first-child {margin-top:0; padding-top:0; border:0;}




/*공약총괄도표*/
.Gchart{overflow:hidden; margin-top:20px; padding:100px 40px 0; background:#f5f5f5}
.Gchart2{margin-top:20px; padding:30px 40px; background:#f5f5f5}
.Gchart2.v2{background:none; margin-bottom:10px;}
.Gchart2 #PieChart{max-height:350px;}
#chartdiv{float:left; width:50%; height:520px;}
#piechartdiv{float:left; width:50%; height:400px;}
#xchartdiv{width:100%; height:300px;}


/*이행및실적*/
.graph_box {overflow:hidden; margin-bottom:80px;}
.graph_box .chart {float: left; width:40%; height:100%; margin:0 auto; text-align:center;}
.graph_box .chart span.title{position:relative; top:175px; display:block; width:100%; text-align:center; font-size:19px; font-weight:bold;}
.graph_box .HtableBox{float:right; width:60%}

.graph_circle{overflow:hidden; margin:60px 0 30px}
.circle{position:relative; float:left; width:20%; text-align:center}
.circle p.tag{position:absolute; left:0; top:31%; width:100%; text-align:center; margin-left:0; line-height:26px; font-weight:bold; font-size:20px;}

.circle p.tit{width:80%; margin:10px auto; text-align:center; font-size:15px; line-height:20px;}
.circle p.tit span{display:block; margin-top:10px; font-size:25px; font-weight:bold;}

.circle strong{color:#333}
.performP{display:flex; flex-direction:row; justify-content:center; flex-wrap: wrap; width:100%; margin-top:30px; padding:40px 0; background:#f5f5f5}
.performP li{margin:0 10px}

.rate>span{display:inline-block; width:50px;}
.rate>div {display:inline-block; vertical-align:middle; min-width:190px; height:20px; margin-right:5px; background:#ddd; border-radius:20px;}
.rate>div>span {display:block; height:20px; border-radius:20px;}
.rate.end>div>span {background:linear-gradient(to right, #005aea, #0766ff);}
.rate.ing>div>span {background:linear-gradient(to right, #ffba00, #ffba00);}
.rate.rate-ready>div>span {background:linear-gradient(to right, red, red);}

.rate.green>div>span {background:linear-gradient(to right, #14bfa9, #00aa8d);}
.rate.red>div>span {background:linear-gradient(to right, #ff5f68, #ff2b36);}
.rate.blue>div>span {background:linear-gradient(to right, #0766ff, #005aea);}
.rate.violet>div>span {background:linear-gradient(to right, #874af8, #600ff6);}
.rate.yellow>div>span {background:linear-gradient(to right, #ffba00, #ffa300);}

/*추진현황 추진율신호등*/
.result_light {position:relative; width:100px; height:30px; margin:0 auto; border-radius:4px; background:#1f1f1f;}
.result_light:after {display:block; content:""; position:absolute; left:50%; margin-left:-10px; top:5px; width:20px; height:20px; border-radius:50%; background:yellow; box-shadow:-30px 0 0px green, 30px 0 0px red; opacity:.2; z-index:0;}
.result_light span {position:absolute; left:50%; top:5px; width:20px; height:20px; border-radius:50%; border:1px solid rgba(255,255,255,.5); box-sizing:border-box; z-index:5;}
.result_light .yellow {margin-left:-10px;background:yellow;}
.result_light .green {margin-left:-40px; background:#00e700;}
.result_light .red {margin-left:20px; background:red;}


.svalue_header .tit {font-family:"S-CoreDream-6Bold" !important;}
.svalue_header .txt {font-family:"S-CoreDream-4Regular" !important;}

/*주민의견*/
.suggest {overflow:hidden;}
.suggest li {position:relative; float:right; width:49%; margin-top:2%; padding:7% 5%; height:400px; background:#f5f5f5;}
.suggest li:before {display:block; content:""; position:absolute; right:8%; bottom:10%; width:187px; height:187px; background:#fff; border-radius:50%;}
.suggest li:after {display:block; content:""; position:absolute; right:14%; bottom:18%; width:116px; height:115px; background-repeat:no-repeat; background-position:0 0;}
.suggest li:nth-child(odd) {float:left;}
.suggest li.suggest01:after {background-image:url('/open_content/headman/images/sub/suggest01.png');}
.suggest li.suggest02:after {background-image:url('/open_content/headman/images/sub/suggest02.png');}
.suggest li.suggest03:after {background-image:url('/open_content/headman/images/sub/suggest03.png');}
.suggest li.suggest04:after {background-image:url('/open_content/headman/images/sub/suggest04.png');}
.suggest li p.tit {font-family:"S-CoreDream-6Bold" !important; margin-top:10px; font-size:37px; color:#0766ff;}
.suggest li p.tit span{display:block; margin-top:-10px; color:#484848; font-size:19px;}
.suggest li p.txt {font-size:19px;}
.suggest li a {position:relative; display:block; margin-top:120px; font-size:17px; font-weight:500;}
.suggest li a:after {display:block; content:""; position:absolute; left:80px; top:5px; width:63px; height:13px; background:url('/open_content/headman/images/sub/suggest_arrow.gif') no-repeat left top;}
.snsBox {margin-top:2%; padding:5%; background:#f5f5f5; overflow:hidden;}
.snsBox p.tit {float:left; font-family:"S-CoreDream-6Bold" !important; font-size:37px; color:#0766ff;}
.snsBox ul {float:right; text-align:right; width:75%; font-size:0;}
.snsBox ul li {display:inline-block; margin-left:6%;}
.snsBox ul li a {position:relative; display:block; width:130px; height:130px; border-radius:100%; background:#fff; font-size:0; text-indent:-5000px;}
.snsBox ul li a:after {position:absolute; content:''; display:block; right:50%; top:50%; width:77px; height:70px; margin:-35px -37.5px 0 0;}
.snsBox ul li.sns01 a:after {background:url('/open_content/headman/images/sub/snsBox_sns01.png') no-repeat center;}
.snsBox ul li.sns02 a:after {background:url('/open_content/headman/images/sub/snsBox_sns02.png') no-repeat center;}
.snsBox ul li.sns03 a:after {background:url('/open_content/headman/images/sub/snsBox_sns03.png') no-repeat center;}
.snsBox ul li.sns04 a:after {background:url('/open_content/headman/images/sub/snsBox_sns04.png') no-repeat center;}

/*공약지도*/
.promise-map {height:684px; background:url('/open_content/headman/img2020/contents/promise_map.jpg') no-repeat center top;}
.promise-map p {font-size:18px; font-weight:600; line-height:40px; color:#0148bc;}
/* .promise-map p a {padding-right:26px; color:#0148bc; background:url('/open_content/headman/img2020/contents/ic_link.png') no-repeat right -1px;} */
.promise-map>ul {position:relative; margin:4px 0 0 4px;}
.promise-map>ul li {position:relative; padding-left:10px; font-size:14px; letter-spacing:-.5px;}
.promise-map ul.list li:after{display:block; content:''; position:absolute; left:0; top:7px; width:4px; height:4px; background:#1d51b8; border-radius:50%}
.promise-map>ul>li {position:absolute; }
.promise-map>ul li.wg {left:40px; top:20px;}
.promise-map>ul li.cl {left:40px; top:209px;}
.promise-map>ul li.sn {left:40px; top:421px;}
.promise-map>ul li.gd {left:880px; top:15px;}
.promise-map>ul li.ga {left:880px; top:180px;}
.promise-map>ul li.yh {left:880px; top:335px;}
.promise-map>ul li.gj {left:880px; top:480px;}
.promise-map>ul li.gi {left:510px; top:570px;}
.mapBox{padding:30px; background:#f5f5f5;}
.mapBox>.Lcon {width:45%; margin-right:3%;}
.mapBox>.Rcon>p {text-align:right; margin-bottom:30px; font-size:16px;}
.mapBox>.Rcon>div .tit {padding-left:15px; margin-bottom:3.5%; font-size:25px; font-weight:bold; font-family:"S-CoreDream-4Regular" !important; border-left:6px solid #0766ff;}
.mapBox>.Rcon .conbox {padding:5%; background:#fff; border-radius:20px;}
.mapBox>.Rcon .conbox ul li {position:relative; line-height:1.4; margin-bottom:14px; padding-left:7px;}
.mapBox>.Rcon .conbox ul li:before {content:''; position:absolute; top:9px; left:0; display:block; width:3px; height:3px; background:#484848; border-radius:50%;}

/*선거 공약*/
.pledge {overflow:hidden; margin-top:30px;}
.pledge>li {float:left; width:48%; margin-right:2%; border:1px solid #ddd;}
.pledge>li .img {float:left; width:38%;}
.pledge>li .img img {display:block; min-width:218px; max-height:290px;}
.pledge>li .con {position:relative; margin-left:220px; height:290px;; padding:5%;}
.pledge>li .con .tit {font-size:30px; line-height:1.5;}
.pledge>li .con .tit span {display:block; color:#0148bc; font-size:23px;}
.pledge>li .con ul.pledge_btn {position:absolute; bottom:8%; left:8%; width:84%;}
.pledge>li .con ul.pledge_btn li a {position:relative; display:block; margin-bottom:3%; padding:8px 15px; border:1px solid #484848; border-radius:0; font-size:16px;}
.pledge>li .con ul.pledge_btn li a:before {content:''; display:block; position:absolute; top:10px; right:5%; width:17px; height:17px; background:url('/open_content/headman/img2020/sub/btn_ic.png') no-repeat;}
.pledge>li .con ul.pledge_btn li a:hover {color:#fff; background-color:#0148bc;}
.pledge>li .con ul.pledge_btn li a.view:before {background-position:0 -18px;}
.pledge>li .con ul.pledge_btn li a.down:before {background-position:-18px -18px;}
.pledge>li .con ul.pledge_btn li a.view:hover:before {background-position:0 0;}
.pledge>li .con ul.pledge_btn li a.down:hover:before {background-position:-18px 0;}


/*매니페스토*/
.manifesto .tbox p{padding:2%;}
.manifesto ul>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; width:80%; vertical-align:middle; padding:0 2%; word-break:keep-all}
.manibox dd .tit {display:block; padding-bottom:10px; font-size:18px; font-weight:400;}

/*퀵추가*/
.quick{position:absolute; right:0; top:-20px;}
.quick li {display:inline-block; text-align:center; width:125px; height:125px; margin-left:5px; border-radius:100%; background-color:rgba(12,29,56,0.8);}
.quick li a{display:block; padding-top:75px; width:100%; height:100%; color:#fff; font-family:'S-CoreDream-6Bold' !important; font-size:16px; background-repeat:no-repeat; background-position:center 25px;}
.quick li.quick01 a{background-image:url('/open_content/headman/img2020/sub/quick01.png');}
.quick li.quick02 a{background-image:url('/open_content/headman/img2020/sub/quick02.png');}
.quick li.quick03 a{background-image:url('/open_content/headman/img2020/sub/quick03.png');}

/*공약추진계획*/
.pro_tit {text-align:center; font-size:40px; font-weight:bold;}
.word_slogan .con_pro p {text-align: center;}
.word_slogan .con_pro p:nth-child(1) { font-size:35px; margin-bottom:30px}
.promise05 {position:relative; display: inline-block; margin-top:10px; padding:0px 5px; border:1px solid #dcdcdc;}
.promise05:before,
.promise05:after{display:block; content:''; position:absolute; height:100%; width:1px; top:0px; background:#dcdcdc;;}
.promise05:before {right: 5px;}
.promise05:after {right:2px;}

/*******************************************************************************************************************************/


@media all and (min-width:1200px) {
	.mapBox{display:flex; justify-content:space-between;}
	.mapBox>.Rcon {width:52%;}
	.mapBox>.Rcon>div {display:none;}
	.mapBox>.Rcon>div.on {display:block;}
	.mapBox>.Rcon .conbox {min-height:550px;}
	.mapBox>.Rcon .conbox.long ul {display:flex; justify-content:space-between; flex-wrap:wrap;}
	.mapBox>.Rcon .conbox.long ul li {width:48%; word-break: keep-all;}
	.mapBox>.Rcon .conbox.long ul li:nth-last-of-type(3)~li {margin-bottom:0;}

}

@media all and (min-width:801px) {
	.sub_visual .t_tit {display:inline-block; text-align:right; height:87px; margin-left:-200px; padding:0 30px 0 160px; font-size:34px; line-height:85px; font-weight:600; color:#fff; background:linear-gradient(to right, rgba(11,28,55,0),rgba(11,28,55,1));}
	.tbox .icon01, .tbox .icon02 {display:inline-block; float:left; width:20%; height:170px;}
	.tbox .txt {float:right; width:75%; padding:15px 30px 15px 0;}
	.sub_wrap {position:relative; max-width:1107px; margin:0 auto;}

	#tab ul {position:relative; margin-bottom:50px; border-left:1px solid #013b9a; border-top:1px solid #013b9a; background:#0148bc; z-index:1;}
	#tab ul li {position:relative; float:left; /*margin-bottom:-1px; */ width:20%;  text-align:center; border-right:1px solid #013b9a; border-bottom:1px solid #013b9a; box-sizing:border-box;}
	#tab ul li.select {position:relative; border-bottom-color:#fff; background:#fff;}
	#tab ul li.select:after {display:block; content:''; position:absolute; bottom:8px; left:50%; margin-left:-2px; width:5px; height:5px; border-bottom:2px solid #003b99; border-right:2px solid #003b99; transform:rotate(45deg);}
	#tab ul li a p {vertical-align:middle; text-align:center; height:52px; line-height:52px; color:#fff; font-family:'NanumSquare';}
	#tab ul li.select a p {color:#0148bc; font-weight:800; transform:skew(-0.03deg);}
	#tab ul.col6 li {width:16.666666%;}
	#tab ul.col4 li {width:25%;}
	#tab ul.col3 li {width:33.3%;}
	#tab ul.col2 li {width:50%;}

	#detail_con ol.step>li{display: table-cell; padding-right: 30px;}
	#detail_con ol.step>li:nth-child(4),
	#detail_con ol.step>li:last-child{background: none;}

	#detail_con ol.step>li:after,
	#detail_con ol.step>li:before {bottom:47%; right:1%;}
	#detail_con ol.step>li:after {margin-bottom:-8px;}
	#detail_con ol.step.col5>li {float:left; width:20%; margin:2px 0px;}
	#detail_con ol.step.col4>li {float: left; width: 24%; margin: 2px 4px;}
	#detail_con ol.step.col3>li {float:left; width:33.3%; margin:2px 0px;}
	#detail_con ol.step.col2>li:after, 	#detail_con ol.step.col2>li:before{right:3.2%}
	#detail_con ol.step.col2>li {float:left; width:50%; margin:2px 0px; padding-right:50px; background-position:97% center}
	#detail_con ol.step.col2>li:after, ol.step.col2 li:before {right:14px;}
	#detail_con ol.step.col5>li:last-child,
	#detail_con ol.step.col4>li:last-child,
	#detail_con ol.step.col3>li:last-child {padding-right:22px;}
	#detail_con ol.step.col2>li:last-child {padding-right:50px;}
	#detail_con ol.step>li .step_con .cell {height:45px;}
	#detail_con ol.step.col1>li {display:block; width:100%; padding-bottom:22px; padding-right:0px; background:url(/open_content/headman/images/sub/step_arrD.gif) no-repeat center bottom;}
	#detail_con ol.step.col1>li:after {margin-right:-8px;}
	#detail_con ol.step.col1>li:after,
	#detail_con ol.step.col1>li:before {margin-bottom:0px; bottom:9px; right:48%;}
	#detail_con ol.step.col1>li:last-child:after,
	#detail_con ol.step.col1>li:last-child:before {display:none;}

}

@media all and (max-width:1400px) {
	.sub_visual .t_tit {margin-left:-110px;}
	.circle{width:33.3%}
}

@media all and (max-width:1119px) {
	.headmanSns a:after {width:13%; height:45%; background-size:contain;}
	.promise-map {height:auto; background:none;}
	.promise-map>ul>li {position:static; left:auto; top:auto; margin-bottom:10px; padding:3% 5%; border:2px solid #000; border-radius:5px;}
	.mapBox>.Rcon>div {margin-bottom:40px;}
	.mapBox>.Rcon>div:nth-last-of-type(2) ~ div {margin-bottom:0px;}
	.mapBox>.Rcon .conbox ul li {margin-bottom:8px; font-size:14px;}
	.mapBox>.Lcon, .mapBox>.Rcon>p {display:none;}
}

@media all and (max-width:1000px) {
	.card_news {display:none;}
	.career>dl {padding-left:0;}
	.career>dl>dt {position:relative; height:150px;}
	.career_edu {border-bottom:0;}
}


@media screen and (max-width:800px) {
	.tab_depth2  {display:none;}
	.sub_title .sns {position:static; margin-top:3%;}
	.sub_visual  {padding-top:0;}
	.sub_visual>.wrap {height:100%;}
	.sub_visual .t_tit {position:absolute; left:10%; bottom:0; text-align:center; width:80%; height:67px; margin:0 auto; font-size:4vw; color:#fff; line-height:67px; background:rgba(11,28,55,.6);}
	.sub_visual.visual01 {background-position:65%}
	#detail_con {padding:0 5%;}
	.tbox>div {float:none; width:auto; padding:20px;}
	#detail_con .bg1 {background-color:#3b77c3}
	#detail_con .bg2 {background-color:#db5036}
	.Gchart2 canvas {min-height:200px;}
	.graph_box .chart {float:none; width:100%; text-align:center;}
	#detail_con .HtableBox {float:none; width:100%;}

	#detail_con ol.step>li {padding-bottom:22px; background:url(/open_content/headman/images/sub/step_arrD.gif) no-repeat center bottom;}
	#detail_con ol.step>li:last-child{padding-right:0px; padding-bottom:0px; background:none}

	.greeting_ttl {font-size:30px;}
	.greeting_txt {font-size:22px;}
	.greeting_con {padding:20px;}
	.greeting_con>p {font-size:18px;}
	.greeting_strong>p {font-size:20px;}
	.greeting_sign {font-size:20px;}
	.career {padding-top:0;}
	.career:before {width:300px; height:574px; -webkit-background-size:300px 574px; background-size:300px 574px;}
	.headmanSns {gap:10px}
	.headmanSns a {flex-basis:calc(50% - 5px)}
	.headmanSns a:before, .headmanSns a:after {display:none;}

	.goal  .con ul li {padding-bottom:25px !important; width:48%; max-width:100%; border-top:1px dashed #dcdcdc;}
	.goal  .con ul li.ic01 {margin-left:0;}
	.goal  .con ul li.ic01,
	.goal  .con ul li.ic02,
	.goal  .con ul li.ic04,
	.goal  .con ul li.ic03 {border-bottom:none;}
	.goal  .con ul li:nth-child(odd) {border-left:none;}
	.goal  .con ul li:nth-child(even) {border-left:1px dashed #dcdcdc;}
	.goal  .con ul li.ic07 {width:100%;}

	.con_manage {padding-left:0;}
	.con_manage img {position:static; max-width:100% !important;}
	.con_manage h4 {margin-left:0; margin-top:20px !Important;}
	.con_manage ul {padding:30px;}
	.con_manage.dp_f {flex-direction: column;}
	.con_manage .img{max-width: 100%;}
	.con_manage .conin{margin-left: 0px;}


	/*주민의견*/
	.suggest li {width:100%; height:auto; margin-bottom:20px; padding:7% 8%;}
	.suggest li:before {display:none;}
	.suggest li:after {right:10%; bottom:30%; width:80px; height:80px; background-size:100%;}
	.suggest li:first-child:after {background-size:100%;}
	.suggest li p.tit {padding-right:85px; font-size:30px;}
	.suggest li p.txt {font-size:15px;}
	.suggest li a {margin-top:40px; font-size:16px;}

	/*선거 공약*/
	.pledge>li {width:100%; margin-bottom:2%;}
	.pledge>li .con {margin-left:220px;}

	#tab>p {position:relative; margin:10px auto 0; background:#0148bc; border:1px solid #0148bc; color:#fff;}
	#tab>p a {display:block; padding:10px 15px; color:#fff; font-weight:600; text-decoration:none;}
	#tab>p a:after, #tab>p a:before {display:block; content:''; position:absolute; top:14px; right:20px; width:3px; height:14px; border-radius:1px; background:#fff;}
	#tab>p a:after {transform:rotate(45deg);}
	#tab>p a:before {transform:rotate(-45deg); margin-right:8px;;}
	#tab ul {margin:0 auto; border:1px solid #ccc; border-top:0px;;}
	#tab ul li {border-top:1px dotted #dcdcdc;}
	#tab ul li:first-child {border-top:0px;}
	#tab ul li a {height:40px; line-height:40px;}
	#tab ul li a p {padding:6px 15px;}
	#tab ul li.select a p {color:#0148bc; font-weight:600; text-decoration:underline;}
	#stab ul {width:90%; margin:5px auto;}
	#stab ul.mb_col2 li, .stab ul.mb_col2 li {min-width:49%;}
	#stab ul li a, .stab ul li a {font-size:14px;}
	.quick,
	.mb_hidden, .customMenu_exposure {display: none;}
}


@media screen and (max-width:640px) {
	.sub_title .location {display:none;}
	#contents {margin-top:6%;}
	table.data thead th {padding-top:5px; padding-bottom:5px;}

	.greeting_intro {padding-top:40px;}
	.greeting .greeting_intro>div {top:0;}
	.greeting_ttl {font-size:18px;}
	.greeting_txt {font-size:16px;}
 	.career_con>div {width:auto;}
	.career {padding-top:574px;}
	.career:before {/* bottom:auto; */ top:0;}
	.career .sign {bottom:auto; top:520px;}
	.career>dl {margin-top:20px; margin-bottom:0;}
	.career>dl>dt  {width:100%;}
	.career>dl>dd {text-align:right;}
	.headmanSns a {flex-basis:100%; padding:20px}

	.word_intro {padding:12%; background-size:auto 100%;}
	.word_intro_ttl {font-size:28px; line-height:130%;}
	.word_slogan {margin-top:40px;}
	.word_slogan .tit span {line-height:135%;}
	.word_slogan_con>div {width:100%; margin:0 !important;}

	.respond_table table {min-width:1107px;}
	#detail_con .HtableBox{position:relative; overflow-x:scroll}
	#detail_con .HtableBox .data{min-width:600px}
	#detail_con .dataScroll{display:block; content:''; position:Absolute; left:40%; top:15%; text-align:center; width:120px; height:120px; line-height:180px; font-size:13px; background:rgba(0,0,0,.8) url(/open_content/main/images/sub/ic_scroll.png) no-repeat 37px 26px; color:#fff; border-radius:100px; box-shadow:0px 1px 1px rgba(0,0,0,.2); transition:all ease .2s}
	table.data{font-size:14px}
	.Gchart2 {padding:10px;}
	.graph_box .chart {margin:0 auto 20px;}
	.graph_box .chart canvas {width:250px !important; height:250px !important;}
	.graph_box .chart span.title {top:150px;}
	.circle{width:50%; margin-bottom:15px;}
	.circle canvas {width:140px !important; height:140px !important;}
	.circle p.tag {top:58px;}

	.snsBox ul {width:100%;}
	.snsBox ul li {width:24%; margin:1% 0 0 1%;}
	.snsBox ul li a {width:65px; height:65px;}
	.snsBox ul li a:after {width:44px; height:44px; margin:-22px -22px 0 0; background-size:100% !important;}

	.manifesto ul>li {margin-top:25px;}
	.manibox {display:block;}
	.manibox dt {text-align:center;}
	.manibox dd {display:block; width:100%; padding:8%; text-align:center;}

}


@media screen and (max-width:480px) {
	h4 {margin-top:35px; font-size:5vw;}

	.greeting_intro {padding-top:0;}
	.greeting .greeting_intro>div {position:static; left:0%; top:0; padding:20px;}

	.career_top .tsign {margin-top:-7px; position:static; width:100%; color:#fff; text-shadow:none; background:#600d2b; text-align:center; padding:10px 0;}
	.career_con ol {border-left:0;}
	.goal .con ul li {width:100%; border-left:none !important; border-top:1px dashed #dcdcdc;}
	.goal .con ul li.ic02 {border-top:1px dashed #dcdcdc;}

	.pledge>li .con {margin-left:140px; height:185px;}
	.pledge>li .con .tit {font-size:25px;}
	.pledge>li .con .tit span {font-size:17px;}
	.pledge>li .img img {width:140px; min-width:140px;}
	.pledge>li .con ul.pledge_btn li a {padding:3px 10px; font-size:14px;}
	.pledge>li .con ul.pledge_btn li a:before {top:5px;}
}


@media print {
	.sub_visual,
	.tab_depth2 {display:none !important;}
	#detail_con {margin-top:0;}
	/*@page {size:landscape;} 프린트시 가로로 뽑이게 고정 (세로고정:portrait)*/
}