/* ------------------------------ PC Guide ------------------------------ */
@media screen and (max-width:1780px){
.header .headre_lan .btn_molang {display:block;}
.header .headre_lan .flex {position:absolute; top:100%; left:0; width:276px; height:auto; background:#fff; border:#Ddd 1px solid; border-radius:10px; padding:10px; display:none; font-size:0;}
.header .headre_lan .flex a {margin-right:2px;}
.header .headre_lan .flex a:last-child {margin-right:0;}
}

/* ------------------------------ PC Guide ------------------------------ */
@media screen and (max-width:1780px){
	.sub_navi {left:5px;}
	.sub_navi a {font-size:13px; padding-left:5px;}
}

/* ------------------------------ PC Guide ------------------------------ */
@media screen and (max-width:1580px){
	.sub_navi {display:none;}
}

/* ------------------------------ PC Guide ------------------------------ */
@media screen and (max-width:1480px){
/* header */
	.header .logo {left:20px;}
	.header .btn_menu {width:66px;}
	.header .gnb {padding:0 280px 0 130px;}
	.header .gnb .menu > a {padding:0 25px;}
	.header .btns {right:80px;}
	.header.system .gnb .menu > a {padding:0 20px;}
	.header .headre_lan {left:150px;}
/* footer */
	.footer .foot_menu {padding:40px 0 60px;}
	.footer .foot_menu .inner {padding:0 180px;}
	.footer .foot_menu .btns a {width:160px;}
/* main */
	.mvisual .txt,
	.mvisual_wrap .mv_navi,
	.mvisual_wrap .morebox {left:20px; margin-left:0;}
	.mvisual .txt {margin-top:-180px;}
	.mvisual .txt .tit {font-size:70px; line-height:88px;}
	.mvisual .txt p {font-size:18px; margin-top:25px;}
	.mvisual_wrap .mv_navi {margin-top:20px;}
	.mvisual_wrap .morebox {margin-top:120px;}
	.mcon {padding:140px 0;}
	.mc03_slide .slick-list {width:calc(100% + 20px);}
}

/* ------------------------------ PC Guide ------------------------------ */
@media screen and (max-width:1300px){
	
/* header */
	.header.system .gnb {display:none;}
/* footer */	
	.footer .gotop {right:20px;}
/* sub */
	.container {font-size:17px;}
	.container .btxt {font-size:24px; line-height:34px;}
	.tabs {margin:50px 0;}
	.btns_tac .btn,
	.btn_more {font-size:18px; height:40px; line-height:40px;}
	.shadow_box {padding:40px;}

	.graph_wrap .graph_lines {width:calc(100vw - 20px); height:420px;}
/* 연혁 */
	.history_wrap .line {left:300px;}
	.history_wrap .sub_section:last-child:before,
	.history_wrap .sub_section:last-child .history dl:last-child:before {left:299px;}
	.history_wrap .history dt {width:300px;}
	.history_wrap .history dd {width:calc(100% - 300px); padding-left:50px;}
/* 업무별 연락처 */
	.contact_time .time_area .tit {font-size:26px; width:35%;}
	.contact_time .time_area .nums {width:65%; gap:30px;}
	.contact_time .time_area .nums li {padding-left:50px;}
	.contact_time .time_area .nums .tt {font-size:18px;}
	.contact_time .time_area .nums .copy_txt {font-size:28px;}
	.contact_teams .box i {bottom:20px; right:20px; width:60px; height:60px;}
/* 개념&시스템 */
	.help_step li {padding:0 20px;}
	.help_step li.c4 strong {font-size:24px;}
	.helpline_system {gap:20px 40px;}
	.helpline_system .blk {width:calc((63% - 80px)/2);}
	.helpline_system .blk:before {width:40px;}
	.helpline_system .red {width:37%;}
	.helpline_system .btm:before,
	.helpline_system .btm:after {width:30%;}
	.gicon_wrap li {padding:40px 30px 40px 110px;}
	.gicon_wrap li:before {left:20px;}
	.gicon_wrap li strong {font-size:22px; line-height:32px;}
/* 부가서비스 */
	.service_boxs .box {padding:60px 40px; gap:40px;}
	.service_boxs .img {width:55%;}
	.service_boxs .txt {width:calc(45% - 40px);}
/* 소개 & 특장점 */
	.diagnosis_feature {gap:80px;}
	.diagnosis_feature:before {width:80px;}
	.diagnosis_feature dl {width:calc(50% - 40px);}
	.diagnosis_feature .box th,
	.diagnosis_feature .box td {padding:15px 10px;}
	.diagnosis_feature .box td {font-size:15px;}
	.diagnosis_feature .tt {width:82px;}
	.diagnosis_feature .box {flex-basis:calc(100% - 98px);}
	.introduction_gtype .tt {font-size:22px; margin-top:25px;}
	.work_process li {padding:35px 20px;} 
	.work_process li .tit {font-size:20px; line-height:38px;}
/* 내ㆍ외부 청렴도조사 */
	.inspection_area .box1 {width:120px;}
	.inspection_area .box2 {width:220px;}
	.inspection_area .center {width:240px;}
	.inspection_area .left {margin-right:calc((100% - 940px)/2);}
	.inspection_area .right {margin-left:calc((100% - 940px)/2);}
	.inspection_area .box1 li i {width:calc((100vw - 960px)/2);}
	.diagnosis_detail .btm strong {font-size:28px;}
/* 부패위험성 진단 */
	.diagnosis_step p {font-size:20px;}
/* 설문조사 */
	.survey_step div br.pc_vw {display:none;}
	.survey_step .before {font-size:17px;}
	.survey_step .after {font-size:20px;}
/* 자료요청 */
	.input_box_wrap .flex_between {gap:10px 0; padding-right:0;}
	.captcha {width:100%;}
	.captcha .input_area {width:calc(100% - 206px);}
	.input_box_wrap .checkbox {width:100%; justify-content:flex-end;}
}

/* ------------------------------ Hover ------------------------------ */
@media screen and (min-width:1024px){
	.btn_wrap .write_comments { font-size: 16px; height: 40px; width: 150px;  line-height: 40px;}
	.dltbl.bdt dl dd img {max-height:fit-content;}
	.board_bottom .paging a:hover {color:#fff; font-weight:500; background:var(--col_red3); opacity:1;}
	.header.hover .gnb_dm,
	.header.hover .gnb .menu .snb {opacity:1; user-select:auto; pointer-events:auto;}
	.header.hover:before {width: 100%;}
	.header.hover .gnb .menu > a {font-weight:700;}
	.header.hover .logo {mask:none; -webkit-mask:none; background:none;}
	.header.hover .logo img {opacity:1;}
	.header.hover .gnb .menu > a {color: #222;}
	.header.hover .btns a.bg {color: #222; background: #F2F2F5;}
	.header.hover .btns a.bd {color: #222; border-color: #ddd;}
	.header.hover .btn_menu p {background: #222;}
	.header .gnb .menu:hover .snb {background: #F7F7F7;}
	.header .gnb .menu:hover .snb:before {left:0; width: 100%;}
	.header .gnb .snb a:hover {color:var(--col_iden); font-weight:600;}

	.footer .foot_menu .snb a:hover{color:var(--col_iden); font-weight:bold;}
	.footer .foot_menu .btns .c1:hover{color:#fff; background:var(--col_red3);}
	.footer .foot_menu .btns .c1:hover:after {background-color:#fff;}
	.footer .foot_menu .btns .c2:hover{color:#fff; background-color:var(--col_blue2);}
	.footer .foot_menu .btns .c2:hover:after {background-color:#fff;}

	.mvisual_wrap .mv_navi .arrow:hover {opacity:1;}
	.mvisual_wrap .morebox li a:hover i:before {filter:grayscale(0);}
	.mvisual_wrap .morebox li a:hover p {color:var(--col_iden); font-weight:700;}
	.main_notice .notice_slide:hover a span {font-weight:600; text-decoration:underline;}
	.mcon .more:hover:before {animation:more_hover .5s forwards;}
	@keyframes more_hover {
		0% {transform:translateY(0);}
		20% {transform:translateY(-20px);}
		60% {transform:translateY(1px);}
		80% {transform:translateY(-5px);}
		100% {transform:translateY(0);}
	}
	.mc03_slide_wrap .notice_navi .arrow:hover {opacity:1;}
	.mc03_slide .slick-slide a:hover {transform:translateY(-20px); border-color:#1B52E0;}
	.mc03 .half .box:hover {border-color:#1B52E0; box-shadow:0px 4px 30px rgba(0, 0, 0, 0.1);}

	.aside a:hover {color:#fff; background:var(--col_red3);}
	.aside.g03 a:hover {background:var(--col_blue2);}

	.tabs a:hover {color:#B31B1B; border-bottom-color:#B31B1B;}
	.tabs2 a:hover {color:var(--col_iden); border-bottom-color:#B31B1B; font-weight:700;}

	.btns_tac .btn_bl:hover {background:#333; color:#fff;}
	.btns_tac .btn_wht:hover {color:#fff; background:#222;}
	.btns_tac .btn_wht:hover:before {background:#fff;}
	
	.btn_more.move:hover {color:#fff; border:1px solid #333; background-color:#333;}
	.btn_more.submit:hover {color:#fff; border:1px solid #B31B1B; background-color:#B31B1B;}
	.btn_more.upde:hover {color:#fff; border:1px solid #333; background-color:#F5F6F8;}

	.board_list tr:hover .tal {color:#000; font-weight:700; text-decoration:underline;}
	.board_list tr:hover {background:rgba(179,27,27,.04);}
	.prev_next a:hover {background:rgba(179,27,27,.04);}
	.prev_next a:hover p {font-weight:700; text-decoration:underline;}

	.contact_time li:hover .copy_txt:after,
	.contact_teams li:hover .copy_txt:after {background-image:url('/pub/images/icon_copy_on.svg');}
	.system_front .btn_submit:hover {color:#fff; background:var(--col_red3);}
	.system_mvideo a:hover .imgfit {border:#fff 2px solid; box-shadow:0px 3px 10px 3px rgba(0,0,0,.25); transform:scale(1.1);}
	.certification_key .select_area a:hover {background:#fff; border-color:#E0261B;}
	.anonymity_list .box:hover .tit {color:#B31B1B;}
	.introduction_gtype .box:hover,
	.gicon_wrap li:hover {background:#fff; border-color:#ddd;}
	.feature_box a:hover {border:#ddd 1px solid; box-shadow:0px 3px 10px 3px rgba(0,0,0,.1);}
	.search_results .result_group:hover{background:#333; color:#fff;}
	.search_results .result_group:hover .affiliates_wrap span {color:#fff;}
	.popup .btn_close.bbox:hover {color:#fff; background:#222;}
	.faq_wrap.type2 dl:hover {background:rgba(179,27,27,.04);}
	.results_board .result_item:hover {color:#fff; background:#333;}
	.results_board .result_item:hover span {color:#fff; background:#333; border:1px solid #fff;}
	.processing_results_list table .tal:hover a p {text-decoration:underline;}
	
	

	.anonymity_list .box:hover {border-color:#E0261B; background:rgba(179,27,27,.04);}
	.reply_wrap .tt .btns .btn_del:hover {color:#fff; background:var(--col_red3);}
	.reply_wrap .tt .btns .btn_reply:hover {color:#fff; background:#333;}
}

/* ------------------------------ Tablet PC ------------------------------ */
@media screen and (max-width:1023px){
	.mo_only {display:inline-block;}
	.pc_only {display:none;}
	
	
	label.check {width:100%;}
	.flex_center {gap:10px;}
	br.pc_vw {display:none;}

	.dltbl textarea {height:150px;}

	.cautionbox {font-size:18px; padding:25px 15px;}
	.cautionbox span.subtxt {font-size:16px;}

	.input_box_area {margin:30px auto 0;}
/* txt */
.container .sdesc {font-size:1.5rem;}
/* header */
	.header .gnb {display:none;}
	.header .sitemap {align-items:flex-start; padding-left:30%;}
	.header .sitemap .inner {width:100%; height:100%; padding:90px 0 0; flex-direction:column; justify-content:flex-start; background:#fff;}
	.header .sitemap .menu {border-bottom:#ddd 1px solid;}
	.header .sitemap .menu:first-child {border-top:#ddd 1px solid;}
	.header .sitemap .menu > a {position:relative; font-size:20px; color:#222; line-height:20px; padding:30px 20px; margin:0;}
	.header .sitemap .menu > a.pc_vw {display:none !important;}
	.header .sitemap .menu > a.mo_vw {display:block !important;}
	.header .sitemap .menu > a.mo_vw i {position:absolute; top:0; right:20px; width:13px; height:100%;}
	.header .sitemap .menu > a.mo_vw i:before,
	.header .sitemap .menu > a.mo_vw i:after {content:""; position:absolute; top:50%; left:50%; background:#222; transform:translate(-50%,-50%); transition:.2s linear;}
	.header .sitemap .menu > a.mo_vw i:before {width:13px; height:1px;}
	.header .sitemap .menu > a.mo_vw i:after {width:1px; height:13px;}
	.header .sitemap .menu.open > a.mo_vw i:after,
	.header .sitemap .menu.on > a.mo_vw i:after {width:13px; height:1px;}
	.header .sitemap .menu.on.open > a.mo_vw i:after {width:1px; height:13px;}
	.header .sitemap .snb {border-top:#ddd 1px solid; background:#F5F6F8; padding:20px 0; display:none;}
	.header .sitemap .on .snb {display:block;}
	.header .sitemap .snb a {font-size:17px; color:#565E65; line-height:50px; padding:0 20px;}
	.header .sitemap .snb a.on {color:#E0261B; font-weight:500;}
	.header.on .btns a.bd {color:#fff; background:var(--col_blue2); border:1px solid var(--col_blue2);}
	.header.on .btns a.bg {color:#fff; background:var(--col_red3); border:1px solid var(--col_red3);}

	.header.on .btn_menu p {background:#222;}
	.header.system .sitemap .inner {flex-direction:column; align-items:center; gap:0; padding-top:67px;}
	.header.system .sitemap .menu,
	.header.system .sitemap .menu > a {width:100%;}
	.header.system.main .sitemap .dm {background:rgba(0,0,0,.6);}
	.header.system.main.on .logo {background:#fff; mask:url('/pub/images/logo.svg') no-repeat 50% 50% / contain; -webkit-mask:url('/pub/images/logo.svg') no-repeat 50% 50% / contain;}
	.header.system.main.on .logo img {opacity:0;}
/* footer */
	.footer .point#foot {top:calc(-100vh + 84px);}
	.footer .gotop {width:64px; height:64px; padding:10px;}
	.footer .foot_menu {padding:35px 0;}
	.footer .foot_menu .inner {padding:0; height:48px;}
	.footer .foot_menu .menu {display:none;}
	.footer .foot_menu .btns {display:flex; gap:10px;}
	.footer .foot_menu .btns a {width:160px;}
	.footer .foot_menu .btns .c1 {margin:0;}
/* main */
	.mvisual .txt {margin-top:-160px;}
	.mvisual .txt .tit {font-size:50px; line-height:68px;}
	.mvisual .txt p {font-size:16px; margin-top:20px;}
	.mvisual_wrap .morebox {margin-top:100px; padding:20px 20px 20px 40px; max-width:calc(100% - 40px);}
	.mvisual_wrap .morebox .tit {width:140px;}
	.mvisual_wrap .morebox .tit strong {font-size:26px; line-height:34px; margin-bottom:10px;}
	.mvisual_wrap .morebox .tit p {font-size:14px;}
	.mvisual_wrap .morebox ul {width:calc(100% - 140px);}
	.mvisual_wrap .morebox li i:before {filter:grayscale(0);}
	.mvisual_wrap .morebox li p {font-size:16px;}
	.mcon {padding:100px 0;}
	.mcon .tit {font-size:30px;}
	.mc01 ul {margin-bottom:80px;}
	.mc01 li .counter .count {font-size:50px; line-height:40px;}
	.mc02 {background-size:50%;}
	.mc02 .half {gap:20px; margin-top:50px;}
	.mc02 .box {width:calc(50% - 10px); padding:30px; border-radius:20px;}
	.mc02 .tt {font-size:26px; line-height:34px;}
	.mc02 p {font-size:18px;}
	.mc02 ul {margin:20px 0 30px;}
	.mc02 li {font-size:15px;}
	.mc02 .box:after {right:30px;}
	.mc02 .c1:after {bottom:30px; width:100px; height:120px;}
	.mc02 .c2:after {bottom:30px; width:100px; height:100px;}
	.mc03_slide_wrap .tt {width:40vw; height:420px; padding:50px 30px; font-size:26px;}
	.mc03_slide {width:calc(100% - 40vw + 70px);}
	.mc03_slide .slick-list {padding:40px 0;}
	.mc03_slide .slick-slide a {padding:40px 20px; height:340px;}
	.mc03 .half {gap:20px;}
	.mc03 .half .box {width:calc(50% - 10px); padding:40px; border-color:#1B52E0; box-shadow:0px 4px 30px rgba(0, 0, 0, 0.1);}
	.mc03 .tit {margin-bottom:50px;}
	.mc04_slide .box {gap:10px;}
	.mc04_slide .box a {width:calc((100% - 30px)/4);}
/* sub */
	.svisual {height:360px;}
	.svisual h2 {font-size:44px;}
	.svisual p {font-size:18px; line-height:24px; margin:15px 0 40px;}
	.svisual .location i {width:10px; height:12px;}
	.svisual .location em {width:28px; height:12px;}
	.svisual .location span {font-size:14px;}
	.aside .inner {gap:10px;}
	.aside a {flex-basis:calc((100% - 40px)/5);}
	.aside.g05 a {flex-grow:1; flex-shrink:1;}

	.container {padding:90px 0; min-height:calc(100vh - 390px); font-size:15px;}
	.container.g91 {margin-top:142px; padding-top:0;}
	.sub_section {margin-bottom:100px;}
	.container .info {font-size:14px; margin-bottom:10px;}
	.container .info.mt {margin-top:90px;}
	.container .info.mt2 {margin-top:180px;}
	.container .stit {font-size:24px;}
	.container .stit.mb {margin-bottom:15px;}
	.container .stit.bdb {padding-bottom:20px; margin-bottom:20px;}
	.container .stit .btns {position:static; margin-top:15px;}
	.container .stit .btns .btn {line-height:48px; height:48px; width:140px;}
	.btn_excel:before,
	.btn_cancel:before {width:14px; height:14px;}
	.container .btxt {font-size:24px; line-height:30px; margin-bottom:20px;}
	.container .btxt.mb1 {margin-bottom:15px;}
	.container .btxt.mt11 {margin-top:90px;}
	.container .btxt.mt8 {margin-top:60px;}
	.container .btit {font-size:20px; margin:80px 0 20px;}
	.container .atit {font-size:22px; line-height:30px; margin:40px 0 15px;}
	.container .atit.mt {margin-top:90px;}

	.gbox {padding:90px 0;}
	.gbox.mt {margin-top:100px;}
	.gbox.pd2 {padding:160px 0;}
	.gbox.p35 {padding:25px 0;}
	.shadow_box {border-radius:15px; padding:30px;}

	.dls_area .tit {width:180px;}
	.dls_area .con {width:calc(100% - 180px);}

	.sideover_img {width:calc(100% + 20px); margin:30px 0;}
	.sideover_img.mt {margin-top:50px;}
	.sideover_img.mb {margin-bottom:100px;}
	.tri_box_area {padding:30px 0; border-radius:30px; margin-top:20px;}
	.tri_box_area li i {height:60px;}
	.tri_box_area li strong {font-size:22px; margin:15px 0;}
	.tri_box_area li p {font-size:16px;}

	.tabs {margin:40px 0;}
	.tabs a {width:200px; height:58px; line-height:57px; font-size:18px;}

	.btns_tac {margin-top:60px;}
	.btns_tac .btn,
	.btn_more {font-size:18px; padding:0 40px;}
	.btns_tac .btn_thin {width:140px; padding:0 15px;}
	.btns_tac .btn_list {gap:12px; width:140px; font-size:16px;}
	.btns_tac .btn_list:before {width:12px;}
	.btns_tac .btns_abso {gap:12px;}
	.btns_tac .btns_abso .btn {font-size:16px; width:120px;}

	.over_tbl {position:relative;}
	.over_tbl:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url('/pub/images/icon_hand.svg') no-repeat rgba(0,0,0,.5) 50% 50%/ auto 81px; z-index:3; pointer-events:none; transition:.5s linear;}
	.over_tbl.on:before {opacity:0;}
	.over_tbl .scroll {overflow:auto hidden;}
	.over_tbl .scroll > div {width:1024px;}
	.over_tbl.w100vw {width:100vw; margin:60px -20px 0;}
	.over_tbl.w100vw .scroll {width:100vw; padding:0 20px;}
	.over_tbl.w100vw .scroll > div {margin-top:0;}


/* 게시판 목록 */
	.board_top {margin-bottom:12px;}
	.search_box .text {padding:0 15px; font-size:15px;}
	.btn_write {font-size:15px;}

	.board_list td {line-height:55px;}
	.board_list .num {width:80px;}
	.board_list .tal a {gap:12px;}
	.board_list .date {width:120px;}
	.board_list .notice .num span {font-size:13px; line-height:26px; height:26px; width:50px;}
	.board_list .notice .tal {padding-left:25px; gap:12px;}
	.board_list .file .tal a:after {width:14px;}
	.board_list .link {width:110px;}
	.board_list .new {font-size:11px;}

	.board_bottom .paging {margin-top:60px;}

/* 게시판 상세 */
	.board_view.mt {margin-top:90px;}
	.board_view .tit {font-size:26px; line-height:34px; margin-bottom:0px; margin-top:10px;}
	.board_view .tit .date {font-size:14px;}
	.board_view .new {margin-top:6px;}
	.board_view .date {font-size:12px;}
	.board_view .writer {gap:24px; margin-top:10px;}
	.board_view .writer li {font-size:15px; line-height:26px; padding-left:20px;}
	.board_view .con {margin:20px 0 40px; padding:30px 0; font-size:16px;}
	.board_view .con.npd {margin:30px 0;}
	.board_view .infile {padding:15px 15px 15px 50px; background-position:20px;}
	.board_view .infile a {font-size:15px; line-height:30px;}

	.reply_wrap .reply {font-size:20px; margin-bottom:20px;}
	.reply_wrap .reply_box {padding:20px 20px 10px 20px;}
	.reply_wrap .box {padding-top:40px;}
	.reply_wrap .tt {font-size:16px; line-height:34px; margin-bottom:12px;}
	.reply_wrap .tt .btns {top:-10px;}
	.reply_wrap .tt .btns .btn {width:100px; height:40px; line-height:38px; font-size:14px;}
	.reply_wrap .state {margin:20px 0 10px;}
	.reply_wrap .heart {padding-left:22px;}
	.reply_wrap .rere_list {padding:10px 20px; margin-bottom:30px;}
	.reply_wrap .rere_list .box {padding-top:20px;}
	.reply_wrap .rere_list .state {margin-bottom:20px;}
	.reply_wrap .write_area {gap:12px; justify-content:flex-end;}
	.reply_wrap .write_area dl {flex-basis:calc(50% - 6px); padding:5px 5px 5px 20px;}
	.reply_wrap .write_area dt {width:100px;}
	.reply_wrap .write_area dd {width:calc(100% - 100px);}
	.reply_wrap .write_area dd input.text {height:34px; line-height:34px;}
	.reply_wrap .write_area dd textarea.text {height:90px; line-height:24px;}
	.reply_wrap .write_area .counter {margin:0;}
	.reply_wrap .rere_list {margin-left:20px;}
	.reply_wrap .mgt24 {margin-top:10px;}
	.write_comments {padding:5px 15px;}
	.commentWrtDiv .write_area.sub {border:none; margin:0; padding:0; margin-bottom:20px;}

	.btn_wrap .write_comments {font-size:16px; width:150px; height:40px; line-height:40xp;}
	.reply_btn_wrap {flex-direction:row;}
	.reply_btn_wrap .write_comments {background:#333; color:#fff; padding: 10px 15px; border-radius:10px; font-size:14px;}
	.reply_btn_wrap .write_comments.del {background-color:var(--col_red3); color:#fff;}

	.prev_next a {height:60px; padding-left:120px; line-height:60px;}
	.prev_next a span {width:120px; padding-left:50px;}
	.prev_next a span:before {left:20px;}

	.btns_tac a {font-size:16px;}
/* 인사말 */
	.core_value {gap:40px 20px;}
	.core_value .box {width:calc(50% - 10px);}
	.core_value .imgfit {height:20vw;}
	.core_value i {right:15px; width:48px; height:48px;}
	.core_value .tt {font-size:22px; line-height:30px; margin:20px 0 10px;}
	.core_value p {font-size:16px; line-height:24px;}
/* 연혁 */
	.history_wrap {margin-top:50px;}
	.history_wrap .line {left:200px;}
	.history_wrap .sub_section {padding-bottom:150px;}
	.history_wrap .sub_section:last-child:before,
	.history_wrap .sub_section:last-child .history dl:last-child:before {left:199px;}
	.history_wrap .sub_section .years {font-size:60px; padding:20px 30px; height:220px; border-radius:15px;}
	.history_wrap .history dl {margin-top:80px;}
	.history_wrap .history dt {width:200px; font-size:30px; padding-right:50px;}
	.history_wrap .history dd {width:calc(100% - 200px); padding-left:30px;}
	.history_wrap .history p {font-size:16px; line-height:24px; margin-bottom:15px;}
/* 핵심사업 및 실적 */
	.feature_box {gap:10px; margin-top:30px;}
	.feature_box a {width:calc((100% - 40px)/5); height:11vw;}
/* 업무별 연락처 */
	.contact_time {margin-bottom:40px;}
	.contact_time .time_area .tit {font-size:22px; width:35%;}
	.contact_time .time_area .tit p {font-size:14px; margin-top:20px;}
	.contact_time .time_area .nums {width:65%; gap:20px;}
	.contact_time .time_area .nums li {padding-left:40px;}
	.contact_time .time_area .nums .i1 {background-size:30px;}
	.contact_time .time_area .nums .i2 {background-size:35px;}
	.contact_time .time_area .nums .tt {font-size:16px;}
	.contact_time .time_area .nums .copy_txt {font-size:20px;}
	.contact_time .time_area .nums .copy_txt:after {width:18px;}
	.contact_teams {gap:16px;}
	.contact_teams .box {width:calc(50% - 8px); border-radius:15px; height:auto; padding:20px 20px 40px;}
	.contact_teams .box i {bottom:15px; right:15px; width:40px; height:40px;}
	.contact_teams .box i:before {background-size:50%;}
	.contact_teams .tit {font-size:20px; margin-bottom:20px;}
	.contact_teams .nums {gap:10px 20px; height:95px;}
	.contact_teams li {font-size:16px; padding-left:8px;}
	.contact_teams .copy_txt {padding-right:18px;}
	.contact_teams .copy_txt:after {width:14px;}
/* 제안배경 */
	.helpline_proposal .arrow {width:50px;}
	.helpline_proposal .box {width:calc(50% - 25px); border-radius:20px;}
	.helpline_proposal .th .box {line-height:40px; padding:15px 0;}
	.helpline_proposal .th .c1 {font-size:20px;}
	.helpline_proposal .th .c2 {font-size:28px;}
	.helpline_proposal .td {margin-bottom:20px;}
	.helpline_proposal .td .box {height:180px;}
	.helpline_proposal .td .c1 {padding:30px;}
	.helpline_proposal .td .c1 .tt {line-height:24px; margin-bottom:5px;}
	.helpline_proposal .td .c2 {line-height:30px;}
	.dots_list p {font-size:14px; padding-left:10px;}
	.dots_list p:before {top:8px;}
	.dots_list.file_info p {font-size:16px;}
	.dots_list.file p {font-size:14px; margin:10px 0; line-height:18px;}
	
/* 개념&시스템 */
	.help_step {gap:30px;}
	.help_step li {width:calc((100% - 90px)/4); height:250px; border-radius:15px; padding:0 15px;}
	.help_step li:before {left:-30px; width:30px;}
	.help_step li strong {font-size:20px; line-height:30px; margin:5px 0;}
	.help_step li.c4 i {height:50px; margin-bottom:20px;}
	.help_step li.c4 strong {font-size:22px;}
	.gicon_wrap {padding:30px 0;}
	.gicon_wrap li {padding:30px 30px 30px 100px;}
	.gicon_wrap li:before {left:30px; width:50px;}
	.gicon_wrap li strong {font-size:20px; line-height:30px;}
	.gicon_wrap li p {font-size:16px; line-height:22px; margin-top:5px;}
	.helpline_system i {width:80px; height:80px;}
	.helpline_system .blk .wtxt {width:160px;}
	.helpline_system .abox {gap:10px;}
	.helpline_system .abox span {width:70px;}
/* 특장점 */
	.features_list {margin-top:100px;}
	.features_list .box {margin-bottom:15px; padding:20px; flex-direction:column; gap:20px;}
	.features_list .box .txt {width:100%; padding:0;}
	.features_list .box .tit {font-size:20px;}
	.features_list .box p {font-size:16px; line-height:24px;}
	.features_list .box .img {width:100%;}
/* 부가서비스 */
	.service_boxs {margin-top:40px;}
	.service_boxs .box {margin-bottom:30px; padding:50px 40px; gap:40px;}
	.service_boxs .img {width:50%;}
	.service_boxs .txt {width:calc(50% - 40px);}
	.service_boxs .txt .num_area {padding-left:70px; margin-bottom:20px; min-height:68px;}
	.service_boxs .txt .num_area .num {left:10px; width:48px; height:48px; margin-top:-24px;}
	.service_boxs .txt .num_area .num span {line-height:48px; font-size:20px;}
	.service_boxs .txt .num_area .tt {font-size:20px;}
	.service_boxs .txt .chk_area li {line-height:20px; min-height:60px; height:auto; padding:10px 10px 10px 56px; margin-bottom:12px;}
	.service_boxs .txt .chk_area li:before {left:20px; width:20px; height:20px; margin-top:-10px;}
	.service_boxs .over_img .txt {padding-top:28px;}
	.service_boxs .over_img .img img {max-width:120%;}
/* 도입절차 */
	.bdrs_img {margin-top:20px;}
	.procedure_wrap {margin-top:40px;}
	.procedure_wrap .nbox {border-radius:15px; gap:20px;}
	.procedure_wrap .nbox:first-child {margin-bottom:15px;}
	.procedure_wrap .nbox:last-child {margin-top:15px;}
	.procedure_wrap .nbox .tt {width:180px;}
	.procedure_wrap .nbox .tt .area {gap:20px; padding:10px 20px;}
	.procedure_wrap .nbox .tt p {font-size:14px; margin-top:6px; padding-left:20px;}
	.procedure_wrap .nbox ul {gap:6px; width:calc(100% - 180px);}
	.procedure_wrap .nbox li {padding-left:40px;}
	.procedure_wrap .nbox li:before {width:30px; height:30px;}
	.procedure_wrap .nbox.before {padding:20px;}
	.procedure_wrap .nbox.after {padding:20px;}
	.procedure_wrap .bgbox {font-size:20px; line-height:30px; padding:20px; margin:40px 0;}
	.procedure_wrap .bgbox i.t {bottom:57px;}
	.procedure_wrap .bgbox i.b {top:57px;}
/* 헬프라인 시스템 */
	.system_front {gap:20px; margin:50px 0;}
	.system_front .box {width:calc(50% - 10px); border-radius:20px; padding:30px;}
	.system_front .tit {font-size:20px; gap:10px;}
	.system_front .tit span {line-height:30px;}
	.system_front .tit strong {line-height:28px;}
	.system_front .inputs {gap:10px;}
	.system_front .inputs dt {width:100px; padding-left:20px;}
	.system_front .inputs dd {width:calc(100% - 100px);}
	.system_front .inputs dd .text {padding:0 18px;}
	.system_front .inputs dd.checks {gap:15px; padding:0 20px;}
	.system_front p {line-height:22px; margin-top:12px;}
	.system_front .box.c1 .tit {margin-bottom:25px;}
	.system_front .box.c2 .tit {margin-bottom:15px;}
	.system_front .box.c2 .tit span {font-size:16px;}
	.system_type {border-radius:30px; padding:30px 0; margin-bottom:90px;}
	.system_type li {padding:15px 20px;}
	.system_type .tit {font-size:20px; margin:12px 0 10px;}
	.system_type .tt {font-size:20px; margin-bottom:12px;}
	.system_mvideo {gap:20px; flex-wrap:wrap;}
	.system_mvideo li {width:calc(50% - 10px);}
	.system_mvideo a:before {top:15.5vw; width:60px; height:60px;}
	.system_mvideo .imgfit {height:31vw; border-radius:15px;}
	.system_mvideo .num {font-size:26px; line-height:30px; margin:12px 0 10px;}

	.popup .inbox {padding:30px;}
	.popup .btn_close.xbox {width:50px; height:50px;}
	.popup .tit {font-size:24px; line-height:44px; margin-bottom:20px;}
	.popup .btn_close.bbox {font-size:20px; line-height:50px; height:50px; width:140px; margin-top:30px;}

	.pop_video .video {height:58vw; border-radius:15px;}

	.fancybox-close {width:50px; height:50px;}
	.pop_fancy {padding:30px; font-size:16px; line-height:26px;}
	.pop_fancy .scroll {max-height:calc(50vh - 167px);}
	.pop_fancy .tit {font-size:24px; line-height:36px; padding-bottom:15px; margin-bottom:15px;}
	.pop_fancy .tt {font-size:20px; line-height:30px; margin-bottom:15px;}
	.pop_fancy p {margin-bottom:25px;}
/* FAQ */
	.faq_wrap dl {margin-bottom:12px; font-size:15px;}
	.faq_wrap dt {line-height:24px; padding:30px 48px 30px 20px;}
	.faq_wrap dt i {right:20px;}
	.faq_wrap dt i:before {width:18px;}
	.faq_wrap dt i:after {height:18px;}
	.faq_wrap dd {padding:0 20px;}
	.faq_wrap dd p {padding:20px 0 30px;}
	.faq_wrap .on dt i:after {width:18px;}
/* 소식공지>FAQ */
	.tabs2 {gap:20px; margin-bottom:30px; border-bottom:0;}
	.tabs2 a {font-size:16px; padding:0 15px 15px; margin-top:10px;}
	.faq_wrap.type2 dt {padding:25px 50px 25px 20px;}
	.faq_wrap.type2 dd p {padding:25px;}
/* 신고 & 처리결과 */
	.results_search_wrap {padding:30px 0 !important; margin:20px 0 50px;}
	.results_search_wrap .search_area .tit {width:120px; padding-left:20px;}
	.results_search_wrap .search_area .search_box {width:calc(100% - 120px); padding-left:20px;}

	.no_search {font-size:14px;}
	.no_search:before {width:40px; height:40px; line-height:40px; font-size:20px; margin-bottom:12px;}
	.results_board a {padding:20px 50px 20px 20px; font-size:15px; line-height:26px;}
	.results_board a span {font-size:13px; line-height:24px; height:26px; padding:0 10px;}
	.results_board a:after {right:20px;}
	
	.certification_key {padding-top:30px;}
	.input_box .tit {width:120px; padding-left:20px;}
	.input_box .inputbox {width:calc(100% - 120px);}
	.input_box .text {width:calc(100% - 120px);}
	.input_box .text::placeholder {font-size:16px;}
	.input_box .btn {width:120px; font-size:16px;}
	.flex_end {gap:20px; font-size:15px;}
	
	.certification_key .select_area {gap:20px; margin-top:40px;}
	.certification_key .select_area a {gap:20px; width:240px; height:200px; font-size:20px;}
	.certification_key .select_area a:before {height:44px; background-size:contain;}

	.dltbl dt {width:140px; padding:0 20px;}
	.dltbl dd {width:calc(100% - 140px); padding-right:20px;}
	.dltbl .cbox {padding:30px 0 40px;}
	.dltbl .cbox .btxt,
	.dltbl .checkarea .check {margin-bottom:8px;}
	.dltbl .selectwidth {width:100%;}

	.report_end {margin-top:20px; padding-top:40px;}
	.report_end strong {line-height:32px;}
	.gpbox {padding:20px; font-size:16px; line-height:22px; max-height:150px; overflow:auto; -webkit-overflow-scrolling: touch; transform: translateZ(0);}
	.gpbox.mb {margin-bottom:40px;}
	.gpbox.mo_all {max-height:max-content;}
	.gpbox.mo_all p {margin-bottom:10px;}

	.reception .btn {width:140px;}
	.reception p {margin-left:5px;}

	.processing_results_list .none_list {padding:40px 0;}
	.processing_results_list .none_list:before {width:50px; height:50px; line-height:50px; font-size:20px; margin-bottom:12px;}
	.processing_results_list table .writer {width:120px;}
	.processing_results_list table .tal {width:calc(100% - 360px);}
	.processing_results_list table .admin {width:120px;}
	.processing_results_list table .date {width:120px;}

	.anonymity_list .box {margin-bottom:12px; padding:30px;}
	.anonymity_list .tit {font-size:20px; line-height:24px; margin-bottom:26px;}
	.anonymity_list p {line-height:22px; height:44px;}
	.anonymity_list .writer {gap:24px; line-height:24px; margin-top:30px;}
	.anonymity_list .writer span {gap:6px;}
	.anonymity_list .writer span:before {width:14px; height:14px;}
	.anonymity_list .date {bottom:30px; right:30px;}
	.anonymity_list .tit span {max-width:calc(100% - 10px); font-weight:700;}
/* 소개 & 특장점 */
	.diagnosis_feature {gap:50px;}
	.diagnosis_feature:before {width:50px; background-size:80%;}
	.diagnosis_feature dl {width:calc(50% - 25px);}
	.diagnosis_feature dt {font-size:20px; line-height:36px; padding:15px 10px; margin-bottom:10px;}
	.diagnosis_feature .flex {gap:12px; margin-bottom:30px;}
	.diagnosis_feature .tt {font-size:16px; width:80px;}
	.diagnosis_feature .box {flex:1 1 calc(100% - 80px);}
	.diagnosis_feature .box th,
	.diagnosis_feature .box td {line-height:24px; padding:10px;}
	.diagnosis_feature .box th {font-size:16px;}
	.diagnosis_feature .box td {font-size:14px;}
	.diagnosis_feature .box .large {font-size:18px; line-height:24px;}
	.diagnosis_feature .box p {padding-left:12px;}
	.diagnosis_feature .box1 {height:235px;}
	.diagnosis_feature .box2 {height:256px;}
	.diagnosis_feature .c2 .box {padding:0 20px;}
	.diagnosis_feature .c2 .box .large {margin:20px 0 5px;}
	.diagnosis_feature .c2 .box p {font-size:16px; line-height:24px; margin-left:5px;}
	.diagnosis_feature .c2 .box p:before {top:9px;}
	.introduction_gtype .box {padding:30px 30px 30px 80px;}
	.introduction_gtype .box:before {left:10px;}
	.introduction_gtype .tt {font-size:22px;}
	.work_process {gap:30px;}
	.work_process li {width:calc((100% - 90px)/4); padding:30px 20px;}
	.work_process li:before {left:-30px; width:30px;}
	.work_process li .num {line-height:24px;}
	.work_process li .tit {font-size:22px; line-height:36px; margin:5px 0;}
	.work_process li p {line-height:24px; padding-left:12px;}
	.work_process li p:before {top:10px;}
/* 내ㆍ외부 청렴도조사 */
	.over_tbl .scroll > .inspection_area {width:1280px; padding:10px 0;}
	.inspection_area .box p {font-size:18px;}
	.inspection_area .box1 {width:110px;}
	.inspection_area .box1 li i {width:calc(50vw - 360px);}
	.inspection_area .box2 {width:120px;}
	.inspection_area .center {margin:0 30px;}
	.inspection_area .box2 i,
	.inspection_area .center i {width:60px; height:60px;}
	.inspection_area .center {width:160px;}
	.inspection_area .center:before,
	.inspection_area .center:after {width:30px; height:30px; margin-top:-15px;}
	.inspection_area .center:before {left:-30px;}
	.inspection_area .center:after {right:-30px;}
	.inspection_area .left {margin-right:calc(50% - 340px);}
	.inspection_area .right {margin-left:calc(50% - 340px);}
	.diagnosis_detail .box {flex-direction:column; gap:20px; border-radius:15px; padding:20px; margin-top:15px;}
	.diagnosis_detail .tit {gap:20px; padding:10px 20px 10px 30px; width:230px;}
	.diagnosis_detail .tit span:after {right:-10px;}
	.diagnosis_detail .con {width:100%; padding-left:0;}
	.diagnosis_detail.long .con,
	.diagnosis_detail.short .con {width:100%;}
	.diagnosis_detail .btxt {line-height:28px; margin-bottom:10px;}
	.diagnosis_detail .btm {padding:20px;}
	.diagnosis_detail .btm p {font-size:24px; line-height:24px; margin-bottom:10px;}
	.diagnosis_detail .btm strong {font-size:26px;}
/* 부패위험성 진단 */
	.diagnosis_step {gap:20px; margin-top:20px;}
	.diagnosis_step li {height:140px;}
	.diagnosis_step i {width:50px; height:50px;}
	.diagnosis_step p {font-size:16px;}
	.diagnosis_step .round {width:140px;}
	.diagnosis_step .sqare {margin-left:50px; width:200px; border-radius:15px;}
	.diagnosis_step .sqare:before {left:-60px; width:50px;}
/* 설문조사 */
	.survey_step div {padding:0 25px;}
	.survey_step .before {font-size:16px; border-radius:15px 0 0 15px;}
	.survey_step .after {font-size:20px; line-height:30px; border-radius:15px;}
	.survey_step .after:before {left:-30px; width:60px; height:60px;}
/* 자료요청 */
	.img_request {margin-top:30px;}
	.input_box_wrap {gap:12px;}
	.input_box_wrap dl {flex-basis:calc(50% - 6px); padding:10px 20px;}
	.input_box_wrap dt {width:100px;}
	.input_box_wrap dd {width:calc(100% - 100px); gap:0 15px;}
	.input_box_wrap .flex_between {padding-right:0;}
	.captcha {gap:12px;}
	.captcha .input_area {padding:0 20px; width:calc(100% - 202px);}
	.captcha .input_area .tt {width:110px;}
	.captcha .input_area .text {width:calc(100% - 110px);}
	.input_box_wrap .checkbox {gap:20px;}
	.container .btxt.mt8.flex p.abso {font-size:1rem;}
	.input_box_wrap dl.pd20 {padding:10px 20px;}
	.input_box_wrap .check {width:130px; margin-left:10px;}
	
	/*기타 추가*/
	.file_wrap .file_input span{width:100px; height:30px; line-height:30px; margin-top:10px;}
	.file_wrap .input_file_list .infile {height:30px; line-height:30px;}
	.container.g91 .inner dl.files{flex-direction:column; padding:18px 24px;}
	.container.g91 .inner dl.files dt {width:100%; padding:0;}
	.container.g91 .inner dl.files dd {width:100%;}
	
}

/* ------------------------------ Mobile ------------------------------ */
@media screen and (max-width:767px){
	.pc_vw {display:none !important;}
	.mo_vw {display:block !important;}
/* header */
	.header {height:70px;}
	.header .logo {line-height:70px; width:90px; z-index:0;}
	.header .btn_menu {height:70px;}
	.header .sitemap .inner {padding:70px 0 0;}
	.header .sitemap .menu > a {font-size:18px; padding:20px;}
	.header .sitemap .snb a {font-size:16px; line-height:40px;}
	.header .btns {display:none;}
	.header.system .sitemap .inner {padding-top:70px;}
/* footer */
	.footer .point#foot {top:calc(-100vh + 54px);}
	.footer .gotop {width:68px; height:68px; padding:12px; bottom:20px;}
	.footer .foot_menu,
	.footer.system .foot_menu {padding:40px 0;}
	.footer .foot_menu .inner {height:auto; padding:0 20px; flex-direction:column;}
	.footer .foot_menu .inner:before {position:relative; display:block; left:0; width:123px; height:45px;}
	.footer .foot_menu .btns {position:relative; right:0; width:100%; padding:30px 0 60px;}
	.footer .foot_menu .btns a {font-size:15px;}
	.footer .foot_menu .btns .c1 {width:calc(55% - 5px);}
	.footer .foot_menu .btns .c2 {width:calc(45% - 5px);}
	.footer .info {padding:40px 0;}
	.footer .info ul {flex-wrap:wrap; justify-content:center; gap:12px 23px; width:340px; margin:0 auto;}
	.footer .info li:nth-child(1):before,
	.footer .info li:nth-child(3):before {display:none;}
	.footer .copy {margin-top:26px; text-align:center;}
	.footer .family {top:-101px; left:20px; width:calc(100% - 40px);}
	.footer.system .foot_menu .inner {height:auto; align-items:flex-start;}
	.footer.system .foot_menu .inner:before {top:0; left:0; margin:0;}
/* main */
	.mvisual {height:calc(100vh - 84px);}
	.mvisual .txt {top:120px; margin-top:0;}
	.mvisual .txt .tit {font-size:30px; line-height:1;}
	.mvisual .txt p {font-size:16px; margin-top:10px;}
	.mvisual_wrap .mv_navi {top:240px; margin:0;}
	.mvisual_wrap .morebox {top:auto; bottom:124px; margin-top:0; padding:30px; flex-direction:column; gap:20px;}
	.mvisual_wrap .morebox .tit {width:100%;}
	.mvisual_wrap .morebox .tit strong {font-size:22px; line-height:26px; margin-bottom:8px;}
	.mvisual_wrap .morebox ul {width:100%; flex-wrap:wrap; gap:20px 0;}
	.mvisual_wrap .morebox li {width:50%;}
	.mvisual_wrap .morebox li a {display:flex; gap:10px;}
	.mvisual_wrap .morebox li i {width:40px; height:40px; border-radius:12px; margin:0;}
	.mvisual_wrap .morebox li i:before {background-size:50%;}
	.mvisual_wrap .morebox li p {font-size:14px; display:flex; justify-content:flex-start; align-items:center; text-align:left;}
	.main_notice {height:84px;}
	.main_notice .notice_slide {height:84px;}
	.main_notice .notice_slide a {font-size:16px; line-height:20px; height:84px; flex-direction:column; align-items:flex-start; justify-content:center;}
	.main_notice .notice_slide a span {width:calc(100% - 70px); max-width:calc(100% - 70px);}
	.main_notice .notice_slide a p {margin:10px 0 0;}
	.main_notice .notice_navi button {height:84px;}
	.mcon {padding:60px 0;}
	.mcon .info {margin-bottom:16px;}
	.mcon .tit {font-size:20px;}
	.mcon .more {font-size:16px; line-height:35px; padding-right:28px;}
	.mcon .more:before {width:36px; height:36px; margin-top:-18px;}
	.mc01 .tit {margin-top:0;}
	.mc01 ul {margin-bottom:40px;}
	.mc01 li i {height:34px;}
	.mc01 li p {font-size:13px; line-height:1; margin:15px 0 10px;}
	.mc01 li .counter .count {font-size:32px; line-height:28px;}
	.mc01 li .counter span {font-size:20px;}
	.mc02 {background-size:90%; background-position:right -142px bottom -20px;}
	.mc02 .half {flex-direction:column; gap:16px; margin-top:40px; padding:0 10px;}
	.mc02 .box {width:100%; max-width:100%; padding:50px 40px;}
	.mc02 .tt {font-size:24px; line-height:1;}
	.mc02 p {font-size:16px;}
	.mc02 li {font-size:14px;}
	.mc02 .box:after {right:40px;}
	.mc02 .c1:after {bottom:30px; width:80px; height:90px;}
	.mc02 .c2:after {bottom:30px; width:80px; height:81px;}
	.mc03_slide_wrap {margin-bottom:90px; padding-top:160px;}
	.mc03_slide_wrap .tt {position:absolute; top:0; left:0; width:100%; height:353px; padding:50px 40px; font-size:32px;}
	.mc03_slide {position:relative; width:calc(100% - 40px); margin:0 auto; z-index:1;}
	.mc03_slide .slick-list {padding:20px 0;}
	.mc03_slide .slick-slide {width:calc(100vw - 80px); box-shadow:5px 5px 20px rgba(0, 0, 0, 0.08)}
	.mc03_slide .slick-slide a {padding:30px; height:245px;}
	.mc03_slide .slick-slide p {font-size:18px; line-height:31px; height:124px;}
	.mc03_slide .slick-slide .name {bottom:30px; left:30px; max-width:calc(100% - 40px);}
	.mc03 .half {flex-direction:column; gap:30px;}
	.mc03 .half .box {width:100%; padding:50px 40px; box-shadow:0px 4px 20px rgba(0, 0, 0, 0.1);}
	.mc03 .tit {margin-bottom:20px;}
	.mc03 p {font-size:16px; line-height:24px;}
	.mc04_slide .box {gap:10px;}
	.mc04_slide .box a {width:calc(50% - 5px);}
	.mc04_slide .slick-dots {margin-top:32px;}
/* sub */
	.svisual {height:370px; background-size:auto 101%;}
	.svisual h2 {font-size:40px;}
	.svisual p {font-size:18px; line-height:22px; margin:14px 0 66px;}
	.svisual .location em {width:32px;}
	.aside {margin:0;}
	.aside .btn_aside {position:relative; display:block; width:100%; height:70px; line-height:70px; padding:0 30px; font-size:16px; color:#fff; font-weight:700; background:#B31B1B; text-align:left;}
	.aside .btn_aside i {position:absolute; top:0; right:30px; width:16px; height:100%; background:url('/pub/images/arrow_aside.svg') no-repeat 50% 50% / contain; transition:.2s linear;}
	.aside.on .btn_aside i {transform:rotate(180deg);}
	.aside .inner {position:absolute; top:100%; left:0; width:100%; gap:0; flex-wrap:wrap; box-shadow:0px 6px 20px 0px rgba(0,0,0,.08); padding:20px 0; background:#fff; display:none;}
	.aside a {width:100%; flex-basis:100%; box-shadow:none; border-radius:0; justify-content:flex-start; padding:0 30px; font-size:16px; line-height:24px; height:48px;}
	.aside a.on {color:var(--col_red3); font-weight:600; background:none;}
	.aside.g03 .btn_aside {background:var(--col_blue2);}
	.aside.g03 a.on {color:var(--col_blue2); background:none;}

	.container {padding:100px 0 120px; min-height:calc(100vh - 440px); font-size:16px;}
	.container.g91 {margin-top:142px; padding-top:0;}
	.sub_section {margin-bottom:80px;}
	.container .info {font-size:16px; margin-bottom:11px;}
	.container .stit {font-size:28px;}
	.container .stit .btns .btn {line-height:48px; height:48px; width:140px;}
	.container .stit .btns .btn:before {width:14px; height:14px;}
	.container .btit {font-size:20px; line-height:26px; padding-bottom:20px; margin:50px 0 10px;}

	.gbox {padding:90px 0;}
	.gbox.mt {margin-top:90px;}
	.gbox.pd2 {padding:140px 0;}
	.gbox.p35 {padding:30px 0;}
	.shadow_box {padding:20px;}

	.dls_area {flex-direction:column; gap:20px;}
	.dls_area .tit,
	.dls_area .con {width:100%;}

	.sideover_img {margin:24px 0; height:40vw;}
	.tri_box_area {padding:10px 28px; border-radius:40px; margin-top:24px; flex-direction:column;}
	.tri_box_area li {width:100%; padding:20px 0 30px; border-left:0; border-top:#ddd 1px solid;}
	.tri_box_area li:first-child {border-top:0;}
	.tri_box_area li i {height:80px;}
	.tri_box_area li strong {font-size:20px; line-height:32px; margin:10px 0 6px;}
	.tri_box_area li p {font-size:18px;}

	.tabs {margin:40px 0;}
	.tabs a {width:50%;}

	.btns_tac .btn_list {width:calc(100% - 180px);}
	.btns_tac .btns_abso {position:relative; gap:10px;}
	.btns_tac .btns_abso .btn {font-size:16px; width:80px;}

	.graph_wrap {margin-top:60px;}
	.graph_wrap .graph_lines {top:60px; left:calc(14.3% + 50px); width:69%; height:480px;}
	.graph_wrap ul {display:flex !important; flex-direction:column;}
	.graph_wrap ul.pc_vw {display:none !important;}
	.graph_wrap .graph {padding-left:32px;}
	.graph_wrap .graph li {width:100%; height:120px;}
	.graph_wrap .graph .bar {top:50%; left:0; bottom:auto; width:0; height:46px; border-radius:0 23px 23px 0; transform:translateY(-50%);}
	.graph_wrap .graph i {top:50%; right:-30px; left:auto; transform:translateY(-50%);}
	.graph_wrap .graph .c1 .bar {background:linear-gradient(-90deg, #E2E2E4 70.94%, rgba(226, 226, 228, 0.00) 100%);}
	.graph_wrap .graph .c2 .bar {background:linear-gradient(-90deg, #E2E2E4 74.96%, rgba(226, 226, 228, 0.00) 100%);}
	.graph_wrap .graph .c3 .bar {background:linear-gradient(-90deg, #E0261B30 57.55%, rgba(224, 38, 27, 0) 100%);}
	.graph_wrap .graph .c4 .bar {background:linear-gradient(-90deg, #E0261B30 57.55%, rgba(224, 38, 27, 0) 100%);}
	.graph_wrap .graph .c5 .bar {background:linear-gradient(-90deg, #BC170D 73.79%, rgba(224, 38, 27, 0.00) 100%);}
	.graph_wrap .graph .count {top:calc(100% + 26px); left:auto; right:-30px; transform:none;}
	.graph_wrap .graph .count:before {top:-10px; bottom:auto; transform:rotate(180deg);}
	.graph_wrap .years {position:absolute; top:0; left:0; width:32px; height:100%; padding:0; border-right:#565E65 1px solid; border-top:0;}
	.graph_wrap .years li {position:relative; font-size:18px; transform:rotate(90deg); width:120px; height:120px; transform-origin:top left; margin-right:-20px; left:20px;}
	.graph_wrap .years li:last-child {font-size:20px;}

/* 게시판 목록 */
	.board_top {margin-bottom:20px;}
	.search_box {width:100%;}
	.search_box .text {font-size:16px;}
	.btn_write {font-size:16px;}

	.board_list table,
	.board_list tbody,
	.board_list td {display:block;}
	.board_list tr {display:flex; flex-wrap:wrap; gap:10px 0; border-bottom:#EBEBEB 1px solid; padding:22px 20px; width:100%;}
	.board_list td {line-height:1; border-bottom:0;}
	.board_list .num {order:1; width:54px; display:none;}
	.board_list .tal {order:3; width:100%;}
	.board_list .tal a {gap:6px;}
	.board_list .tal span {max-width:calc(100% - 54px);}
	.board_list .date {order:2; width:calc(100% - 54px); line-height:26px; text-align:right; display:none;}
	.board_list .link {order:1; width:110px;}

	.board_bottom .paging {gap:2px;}

/* 게시판 상세 */
	.board_view .tit .date {position:relative; top:0; /* text-align:center; */}

	.reply_wrap .tt {z-index:1; font-weight:800;}
	.reply_wrap .tt .btns {top:0; justify-content:center;}
	.reply_wrap .tt .btns .btn.btn_mo_opdl {position:relative; width:30px; height:30px; border:0; font-size:0;}
	.reply_wrap .tt .btns .btn_mo_opdl i {position:absolute; top:50%; left:50%; width:3px; height:3px; background:#666; border-radius:50%; transform:translate(-50%,-50%);}
	.reply_wrap .tt .btns .btn_mo_opdl i:before,
	.reply_wrap .tt .btns .btn_mo_opdl i:after {content:""; position:absolute; top:0; width:100%; height:100%; background:inherit; border-radius:50%;}
	.reply_wrap .tt .btns .btn_mo_opdl i:before {left:-6px;}
	.reply_wrap .tt .btns .btn_mo_opdl i:after {right:-6px;}
	.reply_wrap .tt .btns .flex {position:absolute; top:100%; left:50%; width:60px; margin-left:-30px; background:#fff; border-radius:10px; flex-direction:column; gap:0; border:#ddd 1px solid; padding:5px 0; display:none;}
	.reply_wrap .tt .btns .btn {width:100%; line-height:30px; height:30px; border:0;}
	.reply_wrap .tt span.new {margin-left:10px;}
	.reply_wrap .write_area dl {flex-basis:100%;}
	.reply_wrap .write_area dt {width:70px;}
	.reply_wrap .write_area dd {width:calc(100% - 70px);}
	.reply_wrap .write_area + .reply_box {margin-top:30px;}

	.prev_next a {padding-left:100px;}
	.prev_next a span {width:100px; padding-left:40px;}
	.prev_next a span:before {left:10px;}
/* 인사말 */
	.core_value {gap:30px;}
	.core_value .box {width:100%;}
	.core_value .imgfit {height:48vw;}
	.core_value .tt {font-size:24px;}
	.core_value p {font-size:18px;}
/* 연혁 */
	.history_wrap {margin-top:60px;}
	.history_wrap .line {left:90px;}
	.history_wrap .sub_section {padding-bottom:100px;}
	.history_wrap .sub_section:last-child:before,
	.history_wrap .sub_section:last-child .history dl:last-child:before {left:89px;}
	.history_wrap .sub_section .years {font-size:40px; padding:20px; height:160px;}
	.history_wrap .history dl {margin-top:60px;}
	.history_wrap .history dt {width:90px; font-size:24px; padding-right:30px; text-align:left;}
	.history_wrap .history dd {width:calc(100% - 90px); padding-left:20px;}
.history_wrap .history p {font-size:18px; margin-bottom:15px; padding-left:20px; text-indent:-20px;}
	.input_box .text.w100p {padding:20px 10px;}
/* 핵심사업 및 실적 */
	.feature_box {gap:14px; margin-top:24px; max-height:calc(100vw + 56px); overflow:auto;}
	.feature_box a {width:calc(50% - 7px); height:20vw;}
/* 업무별 연락처 */
	.contact_time {margin-bottom:60px;}
	.contact_time .time_area {flex-direction:column; gap:40px;}
	.contact_time .time_area .tit {font-size:24px; width:100%;}
	.contact_time .time_area .tit p {font-size:16px; margin-top:10px;}
	.contact_time .time_area .nums {width:100%; flex-direction:column; gap:20px;}
	.contact_time .time_area .nums li {width:100%; padding-left:50px;}
	.contact_time .time_area .nums .i1 {background-size:40px;}
	.contact_time .time_area .nums .i2 {background-size:45px;}
	.contact_time .time_area .nums .tt {font-size:18px;}
	.contact_time .time_area .nums .copy_txt {font-size:24px;}
	.contact_time .time_area .nums .copy_txt:after {width:20px;}
	.contact_teams {gap:14px;}
	.contact_teams .box {width:100%;}
	.contact_teams .box i {bottom:20px; right:20px; width:60px; height:60px;}
	.contact_teams .tit {font-size:24px;}
	.contact_teams .nums {gap:10px 20px; height:auto;}
	.contact_teams li {font-size:18px; padding-left:10px;}
	.contact_teams .copy_txt {padding-right:20px;}
	.contact_teams .copy_txt:after {width:16px;}
/* 제안배경 */
	.helpline_proposal .arrow {width:56px; height:56px; transform:rotate(90deg); margin:0 auto;}
	.helpline_proposal .box {width:100%;}
	.helpline_proposal .th {display:none;}
	.helpline_proposal .td {flex-direction:column; margin-bottom:60px;}
	.helpline_proposal .td .box {position:relative; height:auto;}
	.helpline_proposal .td .c1,
	.helpline_proposal .td .c2 {padding:55px 30px 24px;}
	.helpline_proposal .td .c1 {border:#ddd 1px solid;}
	.helpline_proposal .td .c2 {font-size:20px;}
	.helpline_proposal .td .box:before {position:absolute; top:0; left:50%; width:180px; height:38px; line-height:38px; text-align:center; border-radius:0 0 20px 20px; transform:translateX(-50%);}
	.helpline_proposal .td .c1:before {content:"RISK"; color:#222; background:#fff;}
	.helpline_proposal .td .c2:before {content:"SOLUTION"; color:#fff; background:#B31B1B;}
	.helpline_proposal .td .c1 .tt {font-size:20px; line-height:28px; margin-bottom:8px;}
	.dots_list p {font-size:16px; line-height:22px; padding-left:10px;}
	.dots_list p:before {top:8px;}
/* 개념&시스템 */
	.help_step {flex-direction:column; gap:40px;}
	.help_step li {width:100%; height:auto; border-radius:20px; padding:40px 30px;}
	.help_step li:before {left:50%; top:-40px; width:40px; height:40px; transform:rotate(90deg); margin-left:-20px;}
	.help_step li .num {font-size:20px;}
	.help_step li strong {font-size:18px; line-height:22px; margin:8px 0;}
	.help_step li.c4 i {height:60px; margin-bottom:20px; background-image:url('/pub/images/icon_help_step_end_m.svg');}
	.help_step li.c4 strong {font-size:22px;}
	.gicon_wrap {padding:50px 0;}
	.gicon_wrap li {width:100%; padding:20px 20px 20px 70px;}
	.gicon_wrap li:before {left:0; width:48px;}
	.gicon_wrap li strong {font-size:22px; line-height:26px;}
	.gicon_wrap li p {font-size:18px; line-height:24px; margin-top:8px;}
	.helpline_system {position:relative; flex-direction:column; gap:50px; padding-right:50px;}
	.helpline_system .tit {font-size:20px; line-height:30px; padding:10px;}
	.helpline_system .con {padding:20px 20px 30px; height:auto;}
	.helpline_system .wtxt {font-size:18px; line-height:28px; height:28px;}
	.helpline_system i {width:70px; height:70px; background-size:60%;}
	.helpline_system .blk,
	.helpline_system .red {width:100%;}
	.helpline_system .blk:before {width:50px; height:50px; margin-left:-25px;}
	.helpline_system .blk.left:before {top:100%; left:50%; transform:rotate(90deg);}
	.helpline_system .blk.right:before {top:auto; bottom:100%; left:50%; transform:rotate(-90deg);}
	.helpline_system .blk .wtxt {width:180px;}
	.helpline_system .cnt {height:80px; margin:20px 0;}
	.helpline_system .btm {position:absolute; top:50%; right:0; width:200vw; transform:translateX(calc(50% - 20px)) rotate(-90deg); transform-origin:50% 50%;}
	.helpline_system .btm span {transform:rotate(180deg); padding:0 36px 10px;}
/* 특장점 */
	.features_list {margin-top:90px;}
	.features_list .box {margin-bottom:30px; padding:30px;}
	.features_list .box .tit {font-size:22px;}
	.features_list .box p {font-size:18px; line-height:24px;}
/* 부가서비스 */
	.service_boxs {margin-top:50px;}
	.service_boxs .box {margin-bottom:50px; padding:40px 30px; flex-direction:column-reverse; gap:40px;}
	.service_boxs .img,
	.service_boxs .txt {width:100%;}
	.service_boxs .over_img .img img {max-width:calc(100% + 40px); margin-left:-20px;}
/* 도입절차 */
	.bdrs_img {margin-top:40px; height:40vw;}
	.bdrs_img img {width:100%; height:100%; object-fit:cover;}
	.procedure_wrap {margin-top:60px;}
	.procedure_wrap .nbox {flex-direction:column; gap:20px;}
	.procedure_wrap .nbox:first-child {margin-bottom:20px;}
	.procedure_wrap .nbox:last-child {margin-top:20px;}
	.procedure_wrap .nbox .tt {width:100%;}
	.procedure_wrap .nbox .tt p {font-size:16px;}
	.procedure_wrap .nbox ul {width:100%; flex-wrap:wrap; gap:20px;}
	.procedure_wrap .nbox li {width:100%; padding-left:40px;}
/* 헬프라인 시스템 */
	.system_front {flex-direction:column; gap:40px;}
	.system_front .box {width:100%;}
	.system_front .inputs dt {width:80px; padding-left:15px;}
	.system_front .inputs dd {width:calc(100% - 80px);}
	.system_front .inputs dd .text {padding:0 15px;}
	.system_front .inputs dd.checks {gap:20px; padding:0 15px;}
	.system_type {flex-direction:column; padding:10px 30px;}
	.system_type li {width:100%; padding:30px 0; border-left:0; border-top:#ddd 1px solid;}
	.system_type li:first-child {border-top:0;}
	.system_type .tit {font-size:22px;}
	.system_type .tt {font-size:22px;}
	.system_mvideo {gap:40px;}
	.system_mvideo li {width:100%;}
	.system_mvideo a:before {top:30vw;}
	.system_mvideo .imgfit {height:60vw; border-radius:20px;}
	.system_mvideo .num {font-size:22px;}

	.pop_fancy {padding:30px 20px; font-size:14px;}
	.pop_fancy .tit {font-size:20px; line-height:30px; padding-bottom:10px; margin-bottom:10px;}
	.pop_fancy .tt {font-size:16px; line-height:24px;}
	.pop_fancy p {margin-bottom:20px;}
	.pop_fancy table {font-size:14px; width:100%;}
	.pop_fancy table tr,
	.pop_fancy table th,
	.pop_fancy table td {padding:10px;}
/* FAQ */
	.faq_wrap dl {margin-bottom:20px; font-size:16px;}
	.faq_wrap dt {padding:20px 48px 20px 20px;}
/* 소식공지>FAQ */
	.tabs2 {gap:10px; flex-wrap:wrap; margin-bottom:30px;}
	.tabs2 a {flex:1 1 auto; padding:0 10px 15px; text-align:center;}
	.faq_wrap.type2 dt {padding:20px 50px 20px 20px;}
	.faq_wrap.type2 dd p {padding:20px;}
/* 신고 & 처리결과 */
	.results_search_wrap .search_area .tit {width:80px; padding-left:15px;}
	.results_search_wrap .search_area .search_box {width:calc(100% - 80px); padding-left:0;}

	.search_results a {font-size:18px;}
	.search_results .result_group .affiliates_wrap {font-size:16px;}
	.no_search {font-size:16px; margin:30px 0 100px;}
	.no_search:before {width:40px; height:40px; line-height:40px; font-size:24px; margin-bottom:16px;}
	.results_board a {font-size:16px; line-height:26px; flex-direction:column; align-items:flex-start;}
	.results_board a span {font-size:14px; line-height:26px; height:28px; padding:0 14px;}
	.results_board a:after {right:16px;}
	.results_board.annoymous .result_item {padding:20px 40px 20px 10px;} 

	.input_box .tit {width:90px; padding-left:16px;}
	.input_box .inputbox {width:calc(100% - 90px);}
	.input_box .text {width:calc(100% - 80px); font-size:16px;}
	.input_box .btn {width:80px; font-size:16px;}
	.input_box.mo_break .tit {display:none;}
	.input_box.mo_break .inputbox {gap:5px; width:100%;}
	.input_box.mo_break .text {width:70%; border:#ddd 1px solid; border-radius:10px; font-size:16px;}
	.input_box.mo_break .text::placeholder {font-size:inherit;}
	.input_box.mo_break .btn {width:calc(30% - 5px); border-radius:10px;}
	.flex_end {flex-direction:column; align-items:flex-start; gap:15px; font-size:15px;}
	
	.processing_results_list table .tal a {margin:0 0 10px 5px;}
	.processing_results_list table .admin {font-size:12px; margin-left:10px;}
	.processing_results_list table .date {font-size:12px;}
	.processing_results_list table .tal p {font-size:20px; font-weight:700;}
	.processing_results_list table .tal .new {display:none;}
	.processing_results_list table .tal p {max-width:calc(100% - 20px);}

	.certification_key .select_area a {width:calc(50% - 10px); height:150px;}
	.certification_key p.dot {font-size:14px; line-height:20px;}

	.dltbl dl {flex-direction:column; padding:18px 24px;}
	.dltbl dt {width:100%; padding:0;}
	.dltbl dd {width:100%; padding:10px 0 0;}
	.dltbl dd.files {flex-direction:column;}
	.dltbl.bdt dl {padding:10px 24px;}
	.dltbl.bdt dd {padding-top:5px;}
	.dltbl dd.mail {gap:10px;}
	.dltbl dd.mail input.text,
	.dltbl dd.mail label.check {width:100%;}
	.dltbl dd.mail input.text {padding-left:0;}
	.dltbl dd input.text.mo_place_hide::placeholder {font-size:0;}
	input[type="text"].mo_place_hide {padding:0;}
	.dltbl dd p.s {font-size:14px;}
	.dltbl dd p.col_iden {margin-left:0; line-height:18px;}
	
	/* .mo_term {flex-direction:column; } */
	.mo_term label.check {width:auto;}

	.reception {flex-wrap:wrap; gap:10px;}
	.reception .btn {width:calc(50% - 5px);}
	.reception p {margin:0;}

	.mo_break_tbl table,
	.mo_break_tbl tbody,
	.mo_break_tbl td {display:block;}
	.mo_break_tbl tr {display:flex; flex-wrap:wrap; gap:10px 0; border-bottom:#ddd 1px solid; padding:20px 0;}
	.mo_break_tbl table td {border:0; padding:0;}
	.processing_results_list table .writer {order:1; width:auto;}
	.processing_results_list table .tal {order:2; width:100%;}
	.processing_results_list table .admin {order:3; width:auto;}
	.processing_results_list table .date {order:4; width:auto;}
	.processing_results_list table .admin span {justify-content:flex-start;}

	.anonymity_list .date {position:relative; bottom:0; right:0; margin-top:10px; font-size:14px;}
	
	
/* 소개 & 특장점 */
	.diagnosis_feature {flex-direction:column; gap:70px;}
	.diagnosis_feature:before {display:none;}
	.diagnosis_feature dl {position:relative; width:100%;}
	.diagnosis_feature .c1:before {content:""; position:absolute; top:calc(100% + 10px); left:50%; width:50px; height:50px; background:url('/pub/images/arrow_feature.svg') no-repeat 50% 50% / contain; transform:rotate(90deg); margin-left:-25px;}
	.diagnosis_feature .tt {width:70px;}
	.diagnosis_feature .box {flex:1 1 calc(100% - 70px);}
	.diagnosis_feature .box1,
	.diagnosis_feature .box2 {height:auto;}
	.diagnosis_feature .c2 .box {padding:40px 20px;}
	.introduction_gtype .box {width:100%; padding:20px 0 20px 80px;}
	.introduction_gtype .box:before {left:10px; top:30px;}
	.introduction_gtype ul {/* flex-direction:column;  */align-items:flex-start;}
	.work_process {flex-direction:column; gap:40px;}
	.work_process li {width:100%; padding:40px 30px;}
	.work_process li:before {top:-40px; left:50%; width:40px; height:40px; transform:rotate(90deg); margin-left:-15px;}
	.work_process li .num {font-size:20px;}
	.work_process li p {font-size:20px;}
/* 내ㆍ외부 청렴도조사 */
	.diagnosis_detail .tit {width:100%;}
	.diagnosis_detail .btxt {font-size:24px; line-height:31px; margin-bottom:30px;}
	.inspection_area {flex-direction:column;}
	.inspection_area .box1 {width:100%; flex-direction:row; gap:10px;}
	.inspection_area .box1 li {width:calc(50% - 5px);}
	.inspection_area .box1.left li i,
	.inspection_area .box1.right li i {left:50%; width:1px; height:60px; border-top:0; border-left:#000 1px dashed;}
	.inspection_area .box1 li i:before {left:50%; top:-5px; transform:translateX(-50%);}
	.inspection_area .box1 li i:after {left:50%; bottom:-5px; transform:translateX(-50%); top:auto; right:auto;}
	.inspection_area .left {margin:0 0 60px;}
	.inspection_area .right {margin:60px 0 0;}
	.inspection_area .box1.left li i {top:100%;}
	.inspection_area .box1.right li i {bottom:100%; top:auto;}
	.inspection_area .box2,
	.inspection_area .center {height:140px;}
	.inspection_area .box2 {width:100%;}
	.inspection_area .center {width:100%; margin:76px 0;}
	.inspection_area .center:before,
	.inspection_area .center:after {width:76px; height:76px; margin:0 0 0 -38px; background-size:30px;}
	.inspection_area .center:before {top:-66px; left:50%; transform:rotate(90deg);}
	.inspection_area .center:after {bottom:-76px; left:50%; transform:rotate(-90deg); top:auto; right:auto;}
/* 부패위험성 진단 */
	.diagnosis_step {flex-wrap:wrap; gap:10px;}
	.diagnosis_step .round {width:calc((100% - 20px)/3); height:calc((100vw - 60px)/3);}
	.diagnosis_step .sqare {margin:50px 0 0; width:100%; height:120px;}
	.diagnosis_step .sqare:before {top:-50px; left:50%; width:50px; height:50px; margin-left:-25px; transform:rotate(90deg);}
/* 설문조사 */
	.survey_step {flex-direction:column;}
	.survey_step div {padding:40px 20px;}
	.survey_step .before {font-size:18px; width:90%; border-radius:20px 20px 0 0; border-right:#ddd 1px solid; border-bottom:0; height:auto;}
	.survey_step .after {font-size:22px; line-height:30px; width:100%; border-radius:20px;}
	.survey_step .after:before {left:50%; top:-30px; width:60px; height:60px; transform:translateX(-50%) rotate(90deg);}
/* 자료요청 */
	.input_box_wrap dl {flex-basis:100%;}
	.input_box_wrap input.text {padding-right:0;}
	.input_box_wrap textarea.text {height:160px;}
	.captcha {gap:12px; flex-direction:column; align-items:flex-start;}
	.captcha .input_area {width:100%;}
	.captcha .input_area .tt {width:100px;}
	.captcha .input_area .text {width:calc(100% - 100px);}
	.input_box_wrap dt.line20 {margin-top:10px;}
	.input_box_wrap .checkbox {/* flex-direction:column; */ align-items:flex-start; gap:15px; font-size:15px; align-items:center;}
	.flex.w100p.flex_center.mt20 .check {width:100%;}
}