@charset "utf-8";
	/* 당근고양이 'ㅅ' */
	/* for styles */
	@import url("default.css");

	/* color */
	* {
		--col_iden: #b31b1b;
		--col_red3: #b31b1b;
		--col_blue: #1b52e0;
		--col_blue2: #0047ab;
	}

	.col_iden {
		color: #e70517 !important;
	}

	.col_red3 {
		color: #b31b1b !important;
	}

	.col_blue {
		color: #1b52e0 !important;
	}

	.col_blue2 {
		color: #0047ab !important;
	}

	.bg_red3 {
		background: #b31b1b !important;
	}

	[data-aos][data-aos][data-aos-duration="400"],
	body[data-aos-duration="400"] [data-aos] {
		transition-duration: 2s;
	}

	.flex-end {
		justify-content: flex-end;
	}

	.flex_between {
		justify-content: space-between;
	}

	.lh1 {
		line-height: 1 !important;
	}

	/* btn */
	.btn_more.move {
		color: #333;
		border: 1px solid #333;
	}

	.btn_more.submit {
		color: #b31b1b;
		border: 1px solid #b31b1b;
	}

	.btn_more.upde {
		color: #f5f6f8;
		border: 1px solid #333;
	}

	/* txt */
	.txtul {
		text-decoration: underline;
	}

	.infotxt {
		display: inline-block;
		color: var(--col_red3);
		padding: 4px 16px;
		font-size: 14px;
		border-radius: 15px;
		border: 1px solid var(--col_red3);
		margin-left: 5px;
	}

	.infotxt:hover {
		color: #fff;
		background-color: var(--col_red3);
	}

	.redtxt {
		color: red;
	}

	.txt_sd {
		text-align: center;
		font-size: 14px;
		color: #bbb;
		margin-top: 20px;
	}

	.g01.s01 .arrow {
		width: 0;
		height: 0;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-top: 15px solid #d7d7d7;
		/* 화살표 색상 */
		margin: 5px auto;
		animation: moveDown 2s infinite;
	}

	@keyframes moveDown {
		0% {
			transform: translateY(0);
		}

		50% {
			transform: translateY(10px);
		}

		100% {
			transform: translateY(0);
		}
	}

	.sbtxt {
		font-size: 16px;
		color: #333;
	}

	/* 게시판 목록 */
	.board_top {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-bottom: 16px;
	}

	.board_top.in_right {
		justify-content: flex-end;
	}

	.board_top .total {
		font-weight: 600;
	}

	.board_top .search_area {
		display: flex;
		gap: 10px;
	}

	.board_top .nice-select {
		width: 100px;
		height: 50px;
		line-height: 48px;
	}

	.search_box {
		width: 322px;
		height: 50px;
		border: #ddd 1px solid;
		display: flex;
		overflow: hidden;
		border-radius: 10px;
	}

	.search_box .text {
		width: calc(100% - 60px);
		height: 48px;
		border: 0;
		border: 0;
		padding: 0 20px;
		outline: 0;
		font-size: 16px;
	}

	.search_box .text::placeolhder {
		color: #999;
	}

	.search_box .btn {
		width: 60px;
		height: 48px;
		background: url("/pub/images/icon_search.svg") no-repeat 50% 50%;
		border: 0;
		outline: 0;
		font-size: 0;
	}

	.btn_write {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 8px;
		font-size: 16px;
		color: #fff;
		font-weight: 500;
		line-height: 48px;
		height: 48px;
		width: 126px;
		background: #000;
		border-radius: 12px;
		margin-left: 8px;
	}

	.btn_write:before {
		content: "";
		display: block;
		width: 16px;
		height: 16px;
		background: url("/pub/images/btn_write.svg") no-repeat 50% 50% / contain;
	}

	.board_list {
		border-top: #565e65 1px solid;
	}

	.board_list td {
		border-bottom: #ebebeb 1px solid;
		line-height: 70px;
		text-align: center;
		font-size: 16px;
	}

	.board_list .num {
		width: 130px;
	}

	.board_list .tal {
		width: auto;
	}

	.board_list .tal a {
		display: flex;
		align-items: center;
		gap: 16px;
		width: 100%;
	}

	.board_list .tal span {
		max-width: calc(100% - 31px);
		display: block;
		vertical-align: top;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.board_list .date {
		width: 160px;
		color: #666;
	}

	.board_list .notice {
		background: rgba(179, 27, 27, 0.04);
	}

	.board_list .notice .num span {
		display: block;
		font-size: 14px;
		color: #fff;
		font-weight: 600;
		line-height: 28px;
		height: 28px;
		width: 54px;
		text-align: center;
		background: #000;
		margin: 0 auto;
	}

	.board_list .notice .tal {
		padding-left: 30px;
		background: url("/pub/images/icon_notice.svg") no-repeat 0 50%;
		display: flex;
		align-items: center;
		gap: 16px;
		font-weight: 700;
	}

	.board_list .file .tal a:after {
		content: "";
		display: block;
		width: 15px;
		height: 18px;
		background: url("/pub/images/icon_file.svg");
	}

	.board_list .link {
		width: 130px;
	}

	.board_list .btn_link {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 4px;
		font-size: 14px;
		color: #fff;
		font-weight: 500;
		line-height: 32px;
		height: 32px;
		width: 130px;
		background: #b31b1b;
	}

	.board_list .btn_link:after {
		content: "";
		display: block;
		width: 24px;
		height: 24px;
		background: url("/pub/images/icon_link.svg") no-repeat 50% 50% / contain;
	}

	.board_list .new {
		display: inline-block;
		vertical-align: top;
		font-size: 12px;
		color: #b31b1b;
		font-weight: 600;
		line-height: 20px;
		height: 22px;
		width: 48px;
		text-align: center;
		background: #fff;
		border: #b31b1b 1px solid;
	}

	.board_bottom .paging {
		display: flex;
		justify-content: center;
		gap: 10px;
		margin-top: 80px;
	}

	.board_bottom .paging a {
		width: 30px;
		height: 30px;
		line-height: 30px;
		text-align: center;
		font-size: 16px;
		color: #111;
		opacity: 0.3;
		border-bottom: transparent 2px solid;
		border-radius: 50%;
	}

	.board_bottom .paging a.on {
		color: #fff;
		font-weight: 500;
		background: var(--col_red3);
		opacity: 1;
	}

	.board_bottom .paging .arrow {
		font-size: 0;
		background: no-repeat 50% 50% !important;
		margin: 0;
		opacity: 1;
		border-bottom: 0;
	}

	.board_bottom .paging .two {
		background-image: url("/pub/images/page_two.svg") !important;
		width: 20px;
	}

	.board_bottom .paging .one {
		background-image: url("/pub/images/page_one.svg") !important;
		width: 20px;
	}

	.board_bottom .paging .prev {
		margin-right: 10px;
	}

	.board_bottom .paging .next {
		margin-left: 10px;
	}

	.board_bottom .paging .next,
	.board_bottom .paging .last {
		transform: scaleX(-1);
	}

	/* 게시판 상세 */
	.board_view.mt {
		margin-top: 110px;
	}

	.board_view .tit {
		position: relative;
		font-size: 32px;
		font-weight: 700;
		line-height: 48px;
		margin-bottom: 20px;
	}

	.board_view .tit .date {
		position: absolute;
		bottom: 0;
		right: 0;
		font-size: 16px;
		color: #666;
		font-weight: 400;
	}

	.board_view .new {
		display: inline-block;
		vertical-align: top;
		font-size: 12px;
		color: #b31b1b;
		font-weight: 600;
		line-height: 20px;
		height: 22px;
		width: 48px;
		text-align: center;
		background: #fff;
		border: #b31b1b 1px solid;
		margin-top: 13px;
	}

	.board_view .date {
		display: block;
		font-size: 16px;
		color: #666;
	}

	.board_view .writer {
		display: flex;
		gap: 16px;
		/* margin-top:50px; */
	}

	.board_view .writer li {
		font-size: 16px;
		line-height: 28px;
		padding-left: 24px;
		background: no-repeat 0 50%;
	}

	.board_view .writer li.i1 {
		background-image: url("/pub/images/icon_writer01.svg");
		font-weight: 700;
		margin-right: 14px;
	}

	.board_view .writer li.i2 {
		background-image: url("/pub/images/icon_writer02.svg");
	}

	.board_view .writer li.i3 {
		background-image: url("/pub/images/icon_writer03.svg");
	}

	.board_view .writer li.i4 {
		background-image: url("/pub/images/icon_writer04.svg");
	}

	.board_view .con {
		border-top: #ddd 1px solid;
		border-bottom: #ddd 1px solid;
		margin: 30px 0 60px;
		padding: 40px 10px;
		font-size: 18px;
		min-height: 200px;
	}

	.board_view .con.npd {
		border-top: 0;
		border-bottom: 0;
		padding: 0;
		margin: 40px 0;
	}

	.board_view img {
		height: auto !important;
	}

	.board_view .infile {
		width: 100%;
		padding: 20px 20px 20px 70px;
		background: rgba(179, 27, 27, 0.04) url("/pub/images/icon_file.svg") no-repeat 40px 30px;
	}

	.board_view .infile a {
		display: block;
		font-size: 16px;
		color: #666;
		line-height: 40px;
	}

	.reply_wrap {
		margin-top: 50px;
		padding-top: 50px;
		border-top: 1px dashed #ddd;
	}

	.reply_wrap .reply {
		font-size: 24px;
		font-weight: 600;
		margin-bottom: 12px;
		margin-left: 15px;
	}

	.reply_wrap .reply strong {
		font-weight: inherit;
	}

	.reply_wrap .reply_box {
		border: #ddd 1px solid;
		border-radius: 10px;
		box-shadow: 0px 4px 20px 0px rgba(104, 146, 255, 0.1);
		padding: 35px;
	}

	.reply_wrap .box {
		border-top: #ddd 1px solid;
		padding-top: 30px;
	}

	.reply_wrap .box:first-child {
		border-top: 0;
		padding-top: 0;
	}

	.reply_wrap .tt {
		position: relative;
		font-size: 18px;
		font-weight: 600;
		line-height: 48px;
		margin-bottom: 17px;
	}

	.reply_wrap .tt .btns {
		position: absolute;
		top: 10px;
		right: 0;
		display: flex;
		gap: 10px;
	}

	.reply_wrap .tt .btns .flex {
		gap: 10px;
	}

	.reply_wrap .tt .btns .flex.fir {
		margin-right: 10px;
	}

	.reply_wrap .tt .btns .btn {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 8px;
		width: 90px;
		height: 30px;
		line-height: 46px;
		font-size: 16px;
		font-weight: 500;
		border: 1px solid;
		border-radius: 24px;
	}

	.reply_wrap .tt .btns .btn_del {
		color: var(--col_red3);
		background: #fff;
		border-color: var(--col_red3);
	}

	.reply_wrap .tt .btns .btn_reply {
		color: #333;
		background: #fff;
		border-color: #333;
	}

	.reply_wrap .cn {
		font-size: 16px;
	}

	.reply_wrap .state {
		display: flex;
		justify-content: space-between;
		margin: 30px 0;
	}

	.reply_wrap .heart {
		font-size: 16px;
		padding-left: 24px;
		background: url("/pub/images/icon_writer03.svg") no-repeat 0 50%;
	}

	.reply_wrap .heart.on {
		font-size: 16px;
		padding-left: 24px;
		background: url("/pub/images/icon_writer03_on.svg") no-repeat 0 50%;
	}

	.reply_wrap .rere_list {
		background: #f7f7f7;
		padding: 10px 35px;
		border-radius: 10px;
		margin-bottom: 14px;
	}

	.reply_wrap .rere_list .box {
		padding-top: 15px;
	}

	.reply_wrap .rere_list .state {
		margin-bottom: 10px;
	}

	.reply_wrap .write_area {
		display: flex;
		flex-wrap: wrap;
		gap: 16px;
	}

	.reply_wrap .write_area dl {
		flex: 1 1 calc(50% - 8px);
		display: flex;
		padding: 10px 24px;
		font-size: 16px;
		line-height: 38px;
		color: #565e65;
		border: #ddd 1px solid;
		border-radius: 10px;
	}

	.reply_wrap .write_area dt {
		width: 130px;
		font-weight: 600;
	}

	.reply_wrap .write_area dt label {
		display: block;
	}

	.reply_wrap .write_area dd {
		width: calc(100% - 130px);
	}

	.reply_wrap .write_area dd .text {
		border: 0;
		outline: 0;
	}

	.reply_wrap .write_area dd input.text {
		height: 38px;
		line-height: 38px;
	}

	.reply_wrap .write_area dd textarea.text {
		height: 94px;
		padding: 5px 10px;
		line-height: 28px;
	}

	.reply_wrap .write_area .counter {
		text-align: right;
		font-size: 12px;
		color: #a7a7a7;
	}

	.reply_wrap .write_area+.reply_box {
		margin-top: 60px;
	}

	.reply_wrap .btns_tac {
		margin-top: 50px;
	}

	.write_comments {
		padding: 0 15px;
		background: #333;
		color: #fff;
		font-size: 16px;
		border-radius: 10px;
	}

	.prev_next {
		border-top: #ebebeb 1px solid;
	}

	.prev_next a {
		position: relative;
		border-bottom: #ebebeb 1px solid;
		height: 70px;
		padding-left: 150px;
		font-size: 16px;
		line-height: 70px;
		display: block;
	}

	.prev_next a span {
		position: absolute;
		top: 0;
		left: 0;
		width: 150px;
		padding-left: 66px;
		font-weight: 500;
	}

	.prev_next a span:before {
		content: "";
		position: absolute;
		top: 50%;
		left: 40px;
		width: 16px;
		height: 16px;
		background: url("/pub/images/arrow_prevnext.svg") no-repeat 50% 50%;
		margin-top: -8px;
	}

	.prev_next a.next span:before {
		transform: rotate(180deg);
	}

	.prev_next a p {
		width: 100%;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	/* header */
	.header {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 90px;
		z-index: 100;
		border-bottom: rgba(255, 255, 255, 0.1) 1px solid;
		transition: 0.2s linear;
	}

	.header:before {
		content: "";
		position: absolute;
		bottom: 0;
		left: 0;
		width: 0;
		height: 1px;
		background: #ebebeb;
		z-index: 1;
		user-select: none;
		pointer-events: none;
		transition: 0.2s linear;
	}

	.header .gnb_dm {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 420px;
		background: #fff;
		opacity: 0;
		user-select: none;
		pointer-events: none;
		transition: 0.5s linear;
	}

	.header .logo {
		position: absolute;
		top: 0;
		left: 40px;
		line-height: 90px;
		width: 110px;
		font-size: 0;
		z-index: 10;
		transition: none;
		background: url("/pub/images/logo_w.svg") no-repeat 50% 50% / contain;
		/* 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 .logo h1 {
		font-size: 0;
		opacity: 0;
		width: 0;
		height: 0;
	}

	.header .logo img {
		opacity: 0;
	}

	.header .gnb {
		display: flex;
		justify-content: center;
		pointer-events: none;
	}

	.header .gnb .menu {
		position: relative;
		pointer-events: auto;
	}

	.header .gnb .menu>a {
		display: block;
		font-size: 18px;
		color: #fff;
		font-weight: 600;
		line-height: 90px;
		padding: 0 40px;
	}

	.header .gnb .menu.on>a {
		font-weight: 700;
	}

	.header .gnb .snb {
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		height: 330px;
		overflow: hidden;
		padding: 20px 0;
		opacity: 0;
		user-select: none;
		pointer-events: none;
		transition: 0.5s linear;
	}

	.header .gnb .snb:before {
		content: "";
		position: absolute;
		top: 0;
		left: 50%;
		width: 0;
		height: 5px;
		background: #e0261b;
		transition: 0.2s linear;
	}

	.header .gnb .snb a {
		display: block;
		font-size: 16px;
		color: #666;
		font-weight: 400;
		line-height: 40px;
		text-align: center;
	}

	.header .gnb .snb a.on {
		color: var(--col_iden);
		font-weight: 600;
	}

	.header .btn_menu {
		position: absolute;
		top: 0;
		right: 0;
		width: 106px;
		height: 90px;
		z-index: 10;
	}

	.header .btn_menu p {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 26px;
		height: 2px;
		background: #fff;
		margin-left: -13px;
		transition: 0.2s linear;
	}

	.header .btn_menu .t {
		margin-top: -9px;
		width: 13px;
	}

	.header .btn_menu .m {
		margin-top: -1px;
	}

	.header .btn_menu .b {
		margin-top: 7px;
		width: 13px;
		margin-left: 0;
	}

	.header .btns {
		position: absolute;
		top: 50%;
		right: 140px;
		display: flex;
		gap: 10px;
		margin-top: -16px;
		z-index: 10;
	}

	.header .btns a {
		display: block;
		font-size: 14px;
		font-weight: 700;
		line-height: 30px;
		height: 32px;
		border: #fff 1px solid;
		padding: 0 16px;
		border-radius: 16px;
	}

	.header .btns a.bd {
		color: #fff;
	}

	.header .btns a.bd:hover {
		background-color: var(--col_blue2);
		border: 1px solid var(--col_blue2);
	}

	.header .btns a.bg {
		color: #333;
		background: #fff;
	}

	.header .btns a.bg:hover {
		background-color: var(--col_red3);
		color: #fff;
		border: 1px solid var(--col_red3);
	}

	.header .btns a.bg2 {
		color: var(--col_red3);
		background: #fff;
		border-color: var(--col_red3);
	}

	.header .btns a.bg2:hover {
		color: #fff;
		background: var(--col_red3);
	}

	.header .sitemap,
	.header .sitemap .dm {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
	}

	.header .sitemap {
		display: flex;
		justify-content: center;
		align-items: center;
		opacity: 0;
		pointer-events: none;
		user-select: none;
		transition: 0.2s linear;
	}

	.header .sitemap .dm {
		background: rgba(0, 0, 0, 0.6);
		backdrop-filter: blur(5px);
	}

	.header .sitemap .inner {
		position: relative;
		display: flex;
		justify-content: space-between;
		color: #fff;
		z-index: 1;
	}

	.header .sitemap .menu>a {
		display: block;
		font-size: 32px;
		font-weight: 600;
		margin-bottom: 65px;
	}

	.header .sitemap .snb a {
		display: block;
		font-size: 20px;
		line-height: 60px;
	}

	.header .sitemap .snb a:hover {
		color: var(--col_red3);
		font-weight: 600;
	}

	.header.on .btn_menu .t {
		margin-top: -1px;
		width: 26px;
		margin-left: -13px;
		transform: rotate(-135deg);
	}

	.header.on .btn_menu .m {
		width: 0;
		margin-left: 0;
	}

	.header.on .btn_menu .b {
		margin-top: -1px;
		width: 26px;
		margin-left: -13px;
		transform: rotate(135deg);
	}

	.header.on .gnb .menu>a {
		opacity: 0;
	}

	.header.on .sitemap {
		opacity: 1;
		pointer-events: auto;
		user-select: auto;
	}

	.header.fixed {
		background: rgba(0, 0, 0, 0.5);
		backdrop-filter: blur(5px);
	}

	.header.fixed.on {
		background: none;
	}

	.header.system {
		height: 67px;
	}

	.header.system .logo,
	.header.system .gnb .menu>a {
		line-height: 66px;
	}

	.header.system .btn_menu {
		height: 66px;
	}

	.header.system.main {
		border-bottom: #ddd 1px solid;
		background: #fff;
	}

	.header.system.main .logo {
		mask: none;
		-webkit-mask: none;
		background: none;
	}

	.header.system.main .logo img {
		opacity: 1;
	}

	.header.system.main .gnb .menu>a {
		color: #565e65;
	}

	.header.system.main .btns a.bd {
		color: var(--col_blue2);
		border-color: var(--col_blue2);
	}

	.header.system.main .btns a.bd:hover {
		color: #fff;
		background: var(--col_blue2);
	}

	.header.system.main .btn_menu p {
		background: #222;
	}

	.header.system.main.fixed {
		background: rgba(255, 255, 255, 0.7);
	}

	.header.system.main .sitemap .dm {
		background: rgba(255, 255, 255, 0.9);
	}

	.header.system.main .sitemap .menu>a {
		color: #222;
		margin: 0;
	}

	.header.system.main .sitemap .menu>a:hover {
		color: var(--col_red3);
	}

	.header.system.main .sitemap .menu.on>a {
		color: #b31b1b;
	}

	.header .headre_lan {
		position: absolute;
		top: 0;
		left: 170px;
		height: 66px;
		display: flex;
		align-items: center;
	}

	.header .headre_lan .btn_molang {
		display: none;
	}

	.header .headre_lan .flex {
		align-items: center;
		gap: 2px;
		height: inherit;
	}

	/* footer */
	.footer {
		position: relative;
		background: #fff;
		border-top: #ebebeb 1px solid;
	}

	.footer .point#foot {
		top: calc(-100vh+94px);
	}

	.footer .point#foot2 {
		top: calc(-100vh+94px);
	}

	/* .footer .gotop {
		position:fixed;
		bottom:60px;
		right:60px;
		width:68px;
		height:68px;
		background:rgba(0,84,166,0.1);
		border-radius:50%;
		padding:12px;
		font-size:0;
		transition:none;
		z-index:20;
	} */
	.footer .gotop {
		position: fixed;
		bottom: 60px;
		left: 50%;
		transform: translateX(-50%);
		/*중앙 정렬 */
		width: 68px;
		height: 68px;
		background: rgba(0, 84, 166, 0.1);
		border-radius: 50%;
		padding: 12px;
		font-size: 0;
		transition: none;
		z-index: 20;
		display: none;
	}

	.footer .gotop:before {
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		background: #1b52e0 url("/pub/images/arrow_gotop.svg") no-repeat 50% 50%;
		border-radius: 50%;
	}

	.footer .inner {
		position: relative;
		padding: 0;
		max-width: 1440px;
	}

	.footer .foot_menu {
		padding: 50px 0 80px;
	}

	.footer .foot_menu .inner {
		padding-left: 320px;
		display: flex;
		max-width: 1480px;
	}

	.footer .foot_menu .inner:before {
		content: "";
		position: absolute;
		top: 0;
		left: 20px;
		width: 120px;
		height: 44px;
		background: url("/pub/images/logo.svg") no-repeat 50% 50% / contain;
	}

	.footer .foot_menu .menu {
		width: 176px;
		max-width: 20%;
		text-align: left;
	}

	/*헬프라인 푸터*/
	.footer .foot_menu.red .menu {
		text-align: center;
	}


	.footer .foot_menu .menu>a {
		display: block;
		font-size: 16px;
		color: #222;
		font-weight: 600;
		line-height: 1;
		margin-bottom: 24px;
	}

	.footer .foot_menu .snb a {
		display: block;
		font-size: 15px;
		color: #888;
		font-weight: 500;
		line-height: 1;
		margin-bottom: 16px;
	}

	.footer .foot_menu .snb a:last-child {
		margin-bottom: 0;
	}

	.footer .foot_menu .btns {
		position: absolute;
		top: 0;
		right: 20px;
	}

	.footer .foot_menu .btns a {
		position: relative;
		display: block;
		font-size: 15px;
		font-weight: 600;
		line-height: 46px;
		height: 48px;
		width: 200px;
		padding: 0 24px;
		border: 1px solid;
		border-radius: 24px;
	}

	.footer .foot_menu .btns a:after {
		content: "";
		position: absolute;
		top: 0;
		right: 24px;
		width: 12px;
		height: 100%;
		mask: url("/pub/images/icon_plus.svg") no-repeat 50% 50% / contain;
		-webkit-mask: url("/pub/images/icon_plus.svg") no-repeat 50% 50% / contain;
	}

	.footer .foot_menu .btns .c1 {
		color: var(--col_red3);
		border-color: var(--col_red3);
		margin-bottom: 10px;
	}

	.footer .foot_menu .btns .c1:after {
		background: var(--col_red3);
	}

	.footer .foot_menu .btns .c2 {
		color: var(--col_blue2);
		border-color: var(--col_blue2);
		margin-bottom: 10px;
	}

	.footer .foot_menu .btns .c2:after {
		background: var(--col_blue2);
	}

	.footer .info {
		border-top: #ebebeb 1px solid;
		padding: 33px 0;
	}

	.footer .info * {
		font-size: 15px;
		font-weight: 400;
		font-family: "Pretendard";
	}

	.footer .info ul {
		display: flex;
		gap: 24px;
		overflow: hidden;
	}

	.footer .info li {
		position: relative;
		color: #565e65;
		line-height: 1;
	}

	.footer .info li:before {
		content: "";
		position: absolute;
		top: 50%;
		left: -12px;
		width: 1px;
		height: 10px;
		background: #000;
		opacity: 0.2;
		margin-top: -5px;
	}

	.footer .info li a {
		display: block;
		color: var(--col_red3);
		font-weight: 600;
	}

	.footer .copy {
		color: #999;
		margin-top: 16px;
	}

	.footer .family {
		position: absolute;
		top: 50%;
		right: 0;
		width: 230px;
		font-size: 15px;
		color: #565e65;
		margin-top: -24px;
	}

	.footer .family dt {
		position: relative;
		width: 100%;
		line-height: 46px;
		height: 48px;
		border: #ebebeb 1px solid;
		border-radius: 24px;
		padding: 0 24px;
		cursor: pointer;
		transition: 0.2s linear;
	}

	.footer .family dt button {
		user-select: none;
	}

	.footer .family dt:after {
		content: "";
		position: absolute;
		top: 0;
		right: 24px;
		width: 16px;
		height: 100%;
		background: url("/pub/images/arrow_family.svg") no-repeat 50% 50% / contain;
		transition: 0.2s linear;
	}

	.footer .family dd {
		position: absolute;
		bottom: calc(100% - 1px);
		left: 0;
		width: 100%;
		border: #ebebeb 1px solid;
		border-radius: 24px 24px 0 0;
		padding: 5px 0;
		display: none;
		background: #fff;
	}

	.footer .family dd a {
		display: block;
		line-height: 35px;
		padding: 0 20px;
	}

	.footer .family.on dt {
		border-radius: 0 0 24px 24px;
	}

	.footer .family.on dt:after {
		transform: rotate(180deg);
	}

	.footer.rela .gotop {
		position: absolute;
		bottom: calc(100% - 34px);
	}

	.footer.system .foot_menu {
		padding: 25px 0 35px;
	}

	.footer.system .foot_menu .inner {
		height: 106px;
		align-items: center;
	}

	.footer.system .foot_menu .inner:before {
		top: 50%;
		margin-top: -22px;
	}

	.footer.system .foot_menu .menu>a {
		margin-bottom: 0;
	}

	/* main */
	.mvisual_wrap {
		position: relative;
	}

	.mvisual_wrap .inner {
		position: relative;
		max-width: 1480px;
	}

	.mvisual {
		height: calc(100vh - 64px);
		overflow: hidden;
	}

	.mvisual .slick-slide {
		position: relative;
		overflow: hidden;
	}

	.mvisual .slick-slide img {
		width: 100%;
		height: calc(100vh - 64px);
		object-fit: cover;
	}

	.mvisual .txt,
	.mvisual_wrap .mv_navi,
	.mvisual_wrap .morebox {
		position: absolute;
		top: 50%;
		left: 50%;
		margin-left: -720px;
		z-index: 1;
	}

	.mvisual .txt {
		color: #fff;
		margin-top: -240px;
	}

	.mvisual .txt .tit {
		font-size: 80px;
		font-weight: 600;
		line-height: 96px;
	}

	.mvisual .txt p {
		font-size: 20px;
		font-weight: 500;
		line-height: 1.6;
		margin-top: 30px;
	}

	.mvisual_wrap .mv_navi {
		margin-top: 30px;
		display: flex;
		align-items: center;
	}

	.mvisual_wrap .mv_navi .paging {
		position: relative;
		width: 100px;
		margin-right: 78px;
	}

	.mvisual_wrap .mv_navi .paging .slick-dots {
		display: flex;
		height: 2px;
		background: rgba(255, 255, 255, 0.5);
	}

	.mvisual_wrap .mv_navi .paging li {
		flex: 1 1 auto;
		font-size: 0;
	}

	.mvisual_wrap .mv_navi .paging li i {
		position: relative;
		display: block;
		width: 0;
		height: 100%;
		background: #f80e00;
	}

	.mvisual_wrap .mv_navi .paging span {
		position: absolute;
		top: 50%;
		left: calc(100% + 16px);
		font-size: 16px;
		color: rgba(255, 255, 255, 0.5);
		transition: 0.2s linear;
		transform: translateY(-50%);
		display: none;
	}

	.mvisual_wrap .mv_navi .paging span strong {
		color: #fff;
	}

	.mvisual_wrap .mv_navi .paging span em {
		font-style: normal;
		padding: 0 2px;
	}

	.mvisual_wrap .mv_navi .paging .slick-active i {
		animation: mv_paging 5s forwards;
	}

	@keyframes mv_paging {
		0% {
			width: 0;
		}

		100% {
			width: 100%;
		}
	}

	.mvisual_wrap .mv_navi .paging .slick-active span {
		display: flex;
	}

	.mvisual_wrap .mv_navi .arrow {
		display: block;
		width: 10px;
		height: 14px;
		background: url("/pub/images/arrow_slide.svg") no-repeat 50% 50% / contain;
		opacity: 0.5;
		font-size: 0;
	}

	.mvisual_wrap .mv_navi .arrow_prev {
		margin-right: 20px;
	}

	.mvisual_wrap .arrow_prev {
		transform: scaleX(-1);
	}

	.mvisual_wrap .morebox {
		margin-top: 190px;
		background: #fff;
		border-radius: 12px;
		padding: 30px 16px 30px 40px;
		width: 750px;
		max-width: 100%;
		display: flex;
		background: rgba(255, 255, 255, 0.9);

	}

	.mvisual_wrap .morebox .tit {
		width: 166px;
	}

	.mvisual_wrap .morebox .tit strong {
		display: block;
		font-size: 32px;
		color: #222;
		font-weight: 700;
		line-height: 38px;
		margin-bottom: 12px;
	}

	.mvisual_wrap .morebox .tit p {
		font-size: 16px;
		color: #666;
		line-height: 1.5;
	}

	/*
	.mvisual_wrap .morebox ul {
		display:flex;
		width:calc(100% - 166px);
	}
	.mvisual_wrap .morebox li {
		width:25%;
		text-align:center;
	}
	.mvisual_wrap .morebox li i {
		display:flex;
		flex-direction:column;
		justify-content:center;
		align-items:center;
		width:80px;
		height:80px;
		border-radius:24px;
		background:#f8f8f8;
		margin:0 auto 16px;
	}
	.mvisual_wrap .morebox li i:before {
		content:"";
		display:block;
		width:100%;
		height:100%;
		background:no-repeat 50% 50%;
		filter:grayscale(1);
		transition:0.2s linear;
	}
	.mvisual_wrap .morebox li p {
		font-size:18px;
		color:#222;
		font-weight:500;
		line-height:21px;
		transition:0.2s linear;
	}
	.mvisual_wrap .morebox li.i1 p {
		color: var(--col_iden) !important;
		font-weight: 700 !important;
	}
	.mvisual_wrap .morebox li.i1 i:before {
		background-image:url("/pub/images/icon_mv01.svg");
		filter: grayscale(0) !important;
	}
	.mvisual_wrap .morebox li.i2 i:before {
		background-image:url("/pub/images/icon_mv02.svg");
	}
	.mvisual_wrap .morebox li.i3 i:before {
		background-image:url("/pub/images/icon_mv03.svg");
	}
	.mvisual_wrap .morebox li.i4 i:before {
		background-image:url("/pub/images/icon_mv04.svg");
	}*/

	.mvisual_wrap .morebox ul {
		display: flex;
		width: calc(100% - 166px);
	}

	.mvisual_wrap .morebox li {
		width: 25%;
		text-align: center;
	}

	.mvisual_wrap .morebox li i {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		width: 80px;
		height: 80px;
		border-radius: 24px;
		background: #f8f8f8;
		margin: 0 auto 16px;
	}

	/* img 태그로 대체하기*/
	.mvisual_wrap .morebox li i img {
		width: 50%;
		height: 50%;
		object-fit: contain;
		filter: grayscale(1);
		transition: 0.2s linear;
	}

	.mvisual_wrap .morebox li p {
		font-size: 18px;
		color: #222;
		font-weight: 500;
		line-height: 21px;
		transition: 0.2s linear;
	}

	.mvisual_wrap .morebox li.i1 p {
		color: var(--col_iden) !important;
		font-weight: 700 !important;
	}


	.mvisual_wrap .morebox li.i1 i img {
		filter: grayscale(0) !important;
	}


	.mvisual_wrap .morebox li.i2:hover i img,
	.mvisual_wrap .morebox li.i3:hover i img,
	.mvisual_wrap .morebox li.i4:hover i img {
		filter: grayscale(0);
	}

	.mvisual_wrap .morebox li.i2:hover p,
	.mvisual_wrap .morebox li.i3:hover p,
	.mvisual_wrap .morebox li.i4:hover p {
		color: var(--col_iden);
	}

	.main_notice {
		height: 64px;
		border-bottom: #ebebeb 1px solid;
		overflow: hidden;
	}

	.main_notice .notice_slide {
		position: relative;
		height: 63px;
		background: url("/pub/images/icon_speaker.svg") no-repeat 0 50%;
		padding-left: 30px;
	}

	.main_notice .notice_slide a {
		display: flex !important;
		align-items: center;
		font-size: 17px;
		color: #222;
		line-height: 63px;
	}

	.main_notice .notice_slide a span {
		max-width: calc(100% - 102px);
	}

	.main_notice .notice_slide a p {
		opacity: 0.5;
		margin-left: 24px;
	}

	.main_notice .notice_navi {
		position: absolute;
		top: 0;
		right: 20px;
		display: flex;
	}

	.main_notice .notice_navi button {
		display: block;
		height: 63px;
	}

	.main_notice .notice_navi .arrow {
		width: 10px;
		background: #222;
		mask: url("/pub/images/arrow_slide.svg") no-repeat 50% 50% / contain;
		-webkit-mask: url("/pub/images/arrow_slide.svg") no-repeat 50% 50% / contain;
		z-index: 1;
	}

	.main_notice .notice_navi .papl {
		width: 8px;
		background: no-repeat 50% 50% / contain;
		margin: 0 15px;
		display: none;
	}

	.main_notice .notice_navi .papl.on {
		display: block;
	}

	.main_notice .notice_navi .pause {
		background-image: url("/pub/images/icon_pause.svg");
	}

	.main_notice .notice_navi .play {
		background-image: url("/pub/images/icon_play.svg");
	}

	.mcon {
		padding: 160px 0;
		font-size: 20px;
		color: #222;
		line-height: 28px;
	}

	.mcon .inner {
		max-width: 1440px;
	}

	.mcon .info {
		font-size: 16px;
		color: var(--col_red3);
		font-weight: 700;
		line-height: 1;
		margin-bottom: 16px;
		font-family: "Inter";
	}

	.mcon .tit {
		font-size: 40px;
		font-weight: 700;
		line-height: 1.5;
	}

	.mcon .titban {
		font-size: 40px;
		font-weight: 700;
		line-height: 1.5;
	}

	.mcon .titban .linesetMobile {
		display: none;
	}

	.mcon .more {
		position: relative;
		display: inline-block;
		vertical-align: top;
		font-size: 18px;
		font-weight: 600;
		line-height: 40px;
		padding-right: 20px;
	}

	.mcon .more:before {
		content: "";
		position: absolute;
		top: 50%;
		right: 0;
		width: 40px;
		height: 40px;
		margin-top: -20px;
		background: #1b52e0;
		mask: url("/pub/images/icon_more.svg") no-repeat 50% 50% / contain;
		-webkit-mask: url("/pub/images/icon_more.svg") no-repeat 50% 50% / contain;
		transition: 0.2s linear;
	}

	.mcon .arrow_prev {
		transform: scaleX(-1);
	}

	.mc01 {
		background: #f8f9ff;
		text-align: center;
	}

	.mc01 .tit {
		margin: 25px 0 84px;
	}

	.mc01 ul {
		display: flex;
		width: 1190px;
		max-width: 100%;
		margin: 0 auto 105px;
	}

	.mc01 li {
		position: relative;
		width: calc(100% / 3);
	}

	.mc01 li:before {
		content: "";
		position: absolute;
		top: 50%;
		left: 0;
		width: 1px;
		height: 150px;
		transform: translateY(-50%);
		background: #000;
		opacity: 0.1;
	}

	.mc01 li:first-child:before {
		display: none;
	}

	.mc01 li i {
		display: block;
		width: 100%;
		height: 46px;
		background: no-repeat 50% 50% / contain;
	}

	.mc01 li p {
		font-size: 24px;
		font-weight: 600;
		line-height: 32px;
		margin: 30px 0 8px;
	}

	.mc01 li .counter {
		display: flex;
		justify-content: center;
		gap: 5px;
		line-height: 1;
	}

	.mc01 li .counter .count {
		font-size: 70px;
		line-height: 62px;
		letter-spacing: -0.01em;
		background: linear-gradient(155.48deg, #6892ff -27.41%, #00368f 83.6%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		background-clip: text;
		text-fill-color: transparent;
	}

	.mc01 li .counter span {
		font-size: 26px;
		color: #00368f;
		font-weight: 600;
	}

	.mc01 li .counter.tp {
		align-items: flex-start;
	}

	.mc01 li .counter.tb {
		align-items: flex-end;
	}

	.mc01 li.i1 i {
		background-image: url("/pub/images/icon_mc01_01.svg");
	}

	.mc01 li.i2 i {
		background-image: url("/pub/images/icon_mc01_02.svg");
	}

	.mc01 li.i3 i {
		background-image: url("/pub/images/icon_mc01_03.svg");
	}

	.mc02 {
		background: #00368f url("/pub/images/ptn_bglogo.svg") no-repeat bottom -154px right -20px;
	}

	.mc02 .info,
	.mc02 .tit {
		color: #fff;
		text-align: center;
	}

	.mc02 .half {
		margin-top: 80px;
		display: flex;
		justify-content: center;
		gap: 30px;
	}

	.mc02 .box {
		position: relative;
		width: 580px;
		max-width: calc(50% - 15px);
		background: #fff;
		border-radius: 30px;
		padding: 50px;
	}

	.mc02 .box:after {
		content: "";
		position: absolute;
		right: 56px;
		background: no-repeat 50% 50% / contain;
	}

	.mc02 .tt {
		font-size: 32px;
		font-weight: 700;
		line-height: 38px;
	}

	.mc02 p {
		font-size: 20px;
		font-weight: 600;
		line-height: 1.5;
		margin-top: 20px;
	}

	.mc02 ul {
		margin: 30px 0 40px;
	}

	.mc02 li {
		position: relative;
		font-size: 16px;
		line-height: 20px;
		margin-bottom: 10px;
		padding-left: 10px;
	}

	.mc02 li:last-child {
		margin-bottom: 0;
	}

	.mc02 li:before {
		content: "";
		position: absolute;
		top: 9px;
		left: 0;
		width: 2px;
		height: 2px;
		background: #222;
		border-radius: 50%;
		margin-top: -1px;
	}

	.mc02 .c1 .tt {
		color: #e2170b;
	}

	.mc02 .c1 .more:before {
		background: #b31b1b;
	}

	.mc02 .c1 .box-icon {
		bottom: 50px;
		width: 140px;
		height: 158px;
	}
	.mc02 .box .box-icon {
		position: absolute;
		right: 56px;
		object-fit: contain;
	}

	.mc02 .box {
		position: relative;
	}
	

	.mc02 .c2 .tt {
		color: #00368f;
	}

	.mc02 .c2 .more:before {
		background: #00368f;
	}

	.mc02 .c2 .box-icon {
		bottom: 56px;
		width: 145px;
		height: 147px;
	}

	.mc03 .tit {
		margin-bottom: 80px;
	}

	.mc03_slide_wrap {
		position: relative;
		margin-bottom: 160px;
		display: flex;
		align-items: center;
	}

	.mc03_slide_wrap .tt {
		position: relative;
		width: 420px;
		height: 520px;
		background: linear-gradient(159.05deg, #3b6ef0 -5.75%, #00368f 83.16%);
		border-radius: 20px;
		padding: 70px 50px;
		font-size: 32px;
		color: #fff;
		font-weight: 700;
		line-height: 40px;
	}

	.mc03_slide_wrap .tt * {
		position: relative;
		z-index: 1;
	}

	.mc03_slide_wrap .tt:before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: url("/pub/images/ptn_bglogo.svg") no-repeat bottom -57px right -137px / 344px 419px;
	}

	.mc03_slide_wrap .mc03_navi {
		display: flex;
		margin-top: 30px;
		line-height: 1;
	}

	.mc03_slide_wrap .mc03_navi .paging {
		position: relative;
		margin-right: 14px;
	}

	.mc03_slide_wrap .mc03_navi .paging li {
		display: none;
	}

	.mc03_slide_wrap .mc03_navi .paging li.slick-active {
		display: flex;
		align-items: center;
		gap: 16px;
	}

	.mc03_slide_wrap .mc03_navi .paging li i {
		position: relative;
		display: block;
		width: 74px;
		height: 100%;
		height: 2px;
		background: rgba(255, 255, 255, 0.5);
	}

	.mc03_slide_wrap .mc03_navi .paging li i:before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 0;
		height: 100%;
		background: #fff;
	}

	.mc03_slide_wrap .mc03_navi .paging span {
		font-size: 14px;
		color: rgba(255, 255, 255, 0.4);
		display: flex;
		transition: 0.2s linear;
	}

	.mc03_slide_wrap .mc03_navi .paging span strong {
		color: #fff;
	}

	.mc03_slide_wrap .mc03_navi .paging span em {
		font-style: normal;
		padding: 0 2px;
	}

	.mc03_slide_wrap .mc03_navi .paging .slick-active i:before {
		animation: mc3_paging 5s forwards;
	}

	@keyframes mc3_paging {
		0% {
			width: 0;
		}

		100% {
			width: 100%;
		}
	}

	.mc03_slide_wrap .mc03_navi .arrow {
		display: block;
		width: 10px;
		height: 14px;
		background: url("/pub/images/arrow_slide.svg") no-repeat 50% 50% / contain;
		opacity: 0.5;
		font-size: 0;
	}

	.mc03_slide_wrap .mc03_navi .arrow_prev {
		margin-right: 14px;
	}

	.mc03_slide {
		position: relative;
		width: calc(100% - 350px);
		margin-left: -70px;
		z-index: 1;
	}

	.mc03_slide .slick-list {
		padding: 70px 0;
		width: calc(100%+((100vw - 1440px) / 2));
	}

	.mc03_slide .slick-slide {
		position: relative;
		width: 380px;
		margin-right: 30px;
		transform: translateX(100px);
	}

	.mc03_slide .slick-slide a {
		position: relative;
		display: block !important;
		width: 100%;
		height: 380px;
		padding: 60px 40px;
		background: #fff;
		box-shadow: 10px 10px 50px rgba(0, 0, 0, 0.08);
		border-radius: 20px;
		border: #fff 1px solid;
	}

	.mc03_slide .slick-slide p {
		line-height: 28px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: normal;
		word-wrap: break-word;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		/*-webkit-line-clamp:4;*/
	}

	.mc03_slide .slick-slide .name {
		position: absolute;
		bottom: 60px;
		left: 40px;
		font-size: 18px;
		color: #999;
		font-weight: 500;
		line-height: 1;
		max-width: calc(100% - 80px);
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.mc03_slide .slick-slide .name img {
		display: block;
		height: 15px;
		margin-bottom: 4px;
	}

	.mc03_slide.start .slick-slide {
		animation: mc03_slide_ani 1s forwards;
	}

	@keyframes mc03_slide_ani {
		0% {
			transform: translateX(100px);
		}

		100% {
			transform: translateX(0);
		}
	}

	.mc03_slide .slick-current+.slick-slide {
		animation-delay: 0.1s;
	}

	.mc03_slide .slick-current+.slick-slide+.slick-slide {
		animation-delay: 0.2s;
	}

	.mc03_slide .slick-current+.slick-slide+.slick-slide+.slick-slide {
		animation-delay: 0.3s;
	}

	.mc03_slide .slick-current+.slick-slide+.slick-slide+.slick-slide+.slick-slide {
		animation-delay: 0.4s;
	}

	.mc03_slide .slick-current+.slick-slide+.slick-slide+.slick-slide+.slick-slide+.slick-slide {
		animation-delay: 0.5s;
	}

	.mc03 .half {
		display: flex;
		gap: 40px;
	}

	.mc03 .half .box {
		width: calc(50% - 20px);
		padding: 56px 65px;
		border: #fff 1px solid;
		border-radius: 20px;
		transition: 0.2s linear;
	}

	.mc03 .half .more {
		margin-top: 56px;
	}

	.mc04 {
		background: #f4f7fb;
		text-align: center;
	}

	.mc04_slide {
		margin-top: 80px;
	}

	.mc04_slide .box {
		display: flex !important;
		flex-wrap: wrap;
		gap: 20px;
	}

	.mc04_slide .box .mini {
		width: 100%;
		display: flex;
		justify-content: center;
		gap: 25px;
	}

	.mc04_slide .box a {
		display: block;
		width: calc((100% - 140px) / 8);
		cursor: default;
	}

	.mc04_slide .slick-dots {
		position: relative;
		display: flex;
		justify-content: center;
		gap: 6px;
		width: 100%;
		margin-top: 60px;
	}

	.mc04_slide .slick-dots button {
		width: 14px;
		height: 14px;
		border: #f4f7fb 3px solid;
		background: #d9d9d9;
		border-radius: 50%;
		font-size: 0;
	}

	.mc04_slide .slick-dots .slick-active button {
		background: #0054a6;
		border-color: #c3d7ea;
	}

	/* sub */
	.svisual {
		position: relative;
		height: 440px;
		background: no-repeat 50% 50% / cover;
	}

	.svisual.g01 {
		background-image: url("/pub/images/svisual01.jpg");
	}

	.svisual.g02 {
		background-image: url("/pub/images/svisual02.jpg");
	}

	.svisual.g03 {
		background-image: url("/pub/images/svisual03.jpg");
	}

	.svisual.g04 {
		background-image: url("/pub/images/svisual04.jpg");
	}

	.svisual.g05 {
		background-image: url("/pub/images/svisual05.jpg");
	}

	.helplinesystem_wrap .svisual {
		background-image: url("/pub/images/svisual90.jpg");
	}

	.svisual .inner {
		display: flex;
		flex-direction: column;
		justify-content: center;
		color: #fff;
		height: 100%;
	}

	.svisual h2 {
		display: block;
		font-size: 52px;
		font-weight: 600;
		line-height: 1;
	}

	.svisual p {
		font-size: 22px;
		line-height: 28px;
		margin: 20px 0 55px;
	}

	.svisual .inner .location {
		display: flex;
		align-items: center;
	}

	.svisual .inner .location i {
		display: block;
		width: 12px;
		height: 13px;
		background: url("/pub/images/icon_home.svg") no-repeat 50% 50% / contain;
	}

	.svisual .inner .location em {
		display: block;
		width: 36px;
		height: 12px;
		background: url("/pub/images/arrow_location.svg") no-repeat 50% 50%;
	}

	.svisual .inner .location span {
		font-size: 16px;
		font-weight: 500;
		color: #fff;
	}

	.aside {
		position: relative;
		margin-top: -29px;
		z-index: 1;
	}

	.aside .inner {
		display: flex;
		gap: 20px;
	}

	.aside a {
		flex: 1 1 calc((100% - 80px) / 5);
		font-size: 18px;
		color: #222;
		font-weight: 500;
		line-height: 28px;
		height: 58px;
		background: #fff;
		border-radius: 6px;
		text-align: center;
		box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.08);
		display: flex;
		justify-content: center;
		align-items: center;
	}

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

	.aside.g03 a.on {
		background: var(--col_blue2);
	}

	.aside.g05 a {
		flex-grow: 0;
		flex-shrink: 0;
	}

	.container {
		position: relative;
		padding: 110px 0;
		min-height: calc(100vh - 470px);
		font-size: 20px;
		color: #222;
		line-height: 1.5;
	}

	.container.g09 {
		min-height: 100vh;
	}

	.container.g91 {
		padding-top: 152px;
		margin-top: 0;
	}

	.sub_section {
		position: relative;
		margin-bottom: 125px;
	}

	.container .info {
		font-size: 16px;
		color: var(--col_red3);
		font-weight: 700;
		line-height: 1;
		font-family: "Inter", "Pretandard";
		margin-bottom: 12px;
	}

	.container .info.mt {
		margin-top: 110px;
	}

	.container .info.mt2 {
		margin-top: 230px;
	}

	.container.g03 .info {
		color: var(--col_blue2);
	}

	.container .stit {
		position: relative;
		font-size: 32px;
		color: #111;
		font-weight: 700;
		line-height: 1.5;
	}

	.container .stit.mb {
		margin-bottom: 24px;
	}

	.container .stit.bdb {
		padding-bottom: 30px;
		margin-bottom: 30px;
		border-bottom: #565e65 1px solid;
	}

	.container .stit .btns {
		position: absolute;
		top: 0;
		right: 0;
		display: flex;
		gap: 10px;
	}

	.container .stit .btns .btn {
		font-size: 14px;
		color: #222;
		font-weight: 600;
		line-height: 52px;
		height: 52px;
		width: 160px;
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 8px;
		border-radius: 26px;
		border: 1px solid #ebebeb;
	}

	.container .stit .btns .btn:hover {
		color: #fff;
		background: #333;
	}

	.btn_excel:before,
	.btn_cancel:before {
		content: "";
		display: block;
		width: 16px;
		height: 16px;
		background: no-repeat 50% 50%;
	}

	.btn_excel:before {
		background-image: url("/pub/images/btn_excel.svg");
	}

	.btn_cancel:before {
		background-image: url("/pub/images/btn_cancel.svg");
	}

	.container .btxt {
		font-size: 24px;
		font-weight: 700;
		line-height: 40px;
		margin-bottom: 24px;
	}

	.container .btxt.mb1 {
		line-height: 1.4;
		margin-bottom: 20px;
	}

	.container .btxt.mt11 {
		margin-top: 110px;
	}

	.container .btxt.mt8 {
		margin-top: 80px;
	}

	.container .btxt.mt8.flex {
		justify-content: space-between;
	}

	.container .btxt.mt8.flex p.abso {
		font-size: 16px;
		font-weight: 500;
	}

	.container .btit {
		font-size: 24px;
		font-weight: 600;
		line-height: 1;
		padding-bottom: 30px;
		border-bottom: #565e65 1px solid;
		margin: 100px 0 30px;
	}

	.container .btit:first-child {
		margin-top: 0;
	}

	.container .atit {
		font-size: 28px;
		font-weight: 700;
		line-height: 34px;
		margin: 60px 0 24px;
		position: relative;
		padding-left: 15px;
	}

	.container .atit:before {
		content: "";
		position: absolute;
		top: 13px;
		left: 0;
		width: 6px;
		height: 6px;
		background: #0047ab;
		border-radius: 50%;
	}

	.container .atit.mt {
		margin-top: 110px;
	}

	.container .sdesc {
		font-size: 24px;
		color: #222;
	}

	.gbox {
		background: #f5f6f8;
		padding: 110px 0;
	}

	.gbox.mt {
		margin-top: 125px;
	}

	.gbox.pd2 {
		padding: 210px 0;
	}

	.gbox.p35 {
		padding: 35px 0;
	}

	.shadow_box {
		border-radius: 20px;
		padding: 54px 52px;
		border: #ddd 1px solid;
		box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);
	}

	.dls_area {
		display: flex;
	}

	.dls_area .tit {
		width: 300px;
	}

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

	.point#start {
		top: -119px;
	}

	.point#end {
		bottom: 455px;
	}

	.point.onchk {
		top: -190px;
	}

	.point.link {
		top: -90px;
	}

	.sub_navi {
		position: absolute;
		top: 110px;
		left: 40px;
		border-left: #ddd 1px solid;
		z-index: 11;
	}

	.start .sub_navi {
		position: fixed;
		top: 229px;
	}

	.end .sub_navi {
		position: absolute;
		top: auto;
		bottom: 110px;
	}

	.sub_navi a {
		position: relative;
		display: block;
		font-size: 18px;
		color: #999;
		font-weight: 500;
		line-height: 28px;
		margin-bottom: 16px;
		padding-left: 15px;
	}

	.sub_navi a:last-child {
		margin-bottom: 0;
	}

	.sub_navi a:before {
		content: "";
		position: absolute;
		top: 50%;
		left: -1px;
		width: 3px;
		height: 0;
		background: #b31b1b;
		transition: 0.2s linear;
	}

	.sub_navi a.on {
		color: #b31b1b;
	}

	.sub_navi a.on:before {
		top: 0;
		height: 100%;
	}

	.sideover_img {
		width: calc(100% + (100vw - 1300px) / 2);
		min-width: calc(100% + 20px);
		margin: 44px 0;
	}

	.sideover_img.mt {
		margin-top: 70px;
	}

	.sideover_img.mb {
		margin-bottom: 140px;
	}

	.tri_box_area {
		padding: 40px 0;
		display: flex;
		border-radius: 40px;
		margin-top: 24px;
	}

	.tri_box_area li {
		width: calc(100% / 3);
		border-left: #ddd 1px solid;
		text-align: center;
	}

	.tri_box_area li:first-child {
		border-left: 0;
	}

	.tri_box_area li i {
		display: block;
		width: 100%;
		height: 80px;
		background: no-repeat 50% 50% / contain;
	}

	.tri_box_area li strong {
		display: block;
		font-size: 28px;
		font-weight: 700;
		line-height: 1;
		margin: 20px 0;
	}

	.tri_box_area li p {
		font-size: 20px;
		color: #565e65;
		line-height: 1.2;
	}

	.graph_wrap {
		position: relative;
	}

	.graph_wrap .graph_lines {
		position: absolute;
		left: 10%;
		width: 80%;
		bottom: 155px;
		height: auto;
		z-index: 0;
		pointer-events: none;
		opacity: 0;
		transition: 0.5s linear;
		transition-delay: 0.5s;
		object-fit: fill;
	}

	.g01.s03.d02 .graph_wrap .graph_lines {
		left: 8%;
		width: 83%;
		bottom: 110px;
	}

	.graph_wrap.on .graph_lines {
		opacity: 1;
	}

	.graph_wrap .ani_point {
		top: -50vh;
	}

	.graph_wrap ul {
		display: flex;
	}

	.graph_wrap li {
		width: 20%;
	}

	.graph_wrap .graph {
		position: relative;
		width: 100%;
		height: 600px;
		z-index: 1;
	}

	.graph_wrap .graph ul {
		width: 100%;
		height: 100%;
		display: flex;
	}

	.graph_wrap .graph li {
		position: relative;
	}

	.graph_wrap .graph .bar {
		position: absolute;
		bottom: 0;
		left: 50%;
		width: 46px;
		height: 0;
		transform: translateX(-50%);
		transition: 0.5s linear;
		border-radius: 23px 23px 0 0;
	}

	.graph_wrap .graph i {
		position: absolute;
		top: -30px;
		left: 50%;
		transform: translateX(-50%);
		width: 15px;
		height: 15px;
		border-radius: 50%;
		opacity: 0;
		transition: 0.5s linear;
	}

	.graph_wrap.on .graph i {
		opacity: 1;
	}

	.graph_wrap .graph .c1 .bar {
		background: linear-gradient(180deg, #e2e2e4 70.94%, rgba(226, 226, 228, 0) 100%);
	}

	.graph_wrap .graph .c2 .bar {
		background: linear-gradient(180deg, #e2e2e4 74.96%, rgba(226, 226, 228, 0) 100%);
	}

	.graph_wrap .graph .c1 i,
	.graph_wrap .graph .c2 i {
		background: #67737f;
	}

	.graph_wrap .graph .c3 i,
	.graph_wrap .graph .c4 i {
		background: #df7871;
	}

	.graph_wrap .graph .c5 i {
		background: #e0261b;
	}

	.graph_wrap .graph .c3 .bar {
		background: linear-gradient(180deg, #e0261b30 57.55%, rgba(224, 38, 27, 0) 100%);
	}

	.graph_wrap .graph .c4 .bar {
		background: linear-gradient(180deg, #e0261bad 57.55%, rgba(224, 38, 27, 0) 100%);
	}

	.graph_wrap .graph .c5 .bar {
		background: linear-gradient(180deg, #bc170d 73.79%, rgba(224, 38, 27, 0) 100%);
	}

	.graph_wrap .graph .count {
		position: absolute;
		top: -100px;
		left: 50%;
		width: 118px;
		height: 54px;
		line-height: 54px;
		text-align: center;
		font-size: 30px;
		color: #fff;
		font-weight: 700;
		background: #b31b1b;
		border-radius: 27px;
		transform: translateX(-50%);
		opacity: 0;
		transition: 0.5s;
		transition-delay: 0.5s;
	}

	.graph_wrap .graph .count:before {
		content: "";
		position: absolute;
		position: absolute;
		bottom: -10px;
		left: 0;
		width: 100%;
		height: 19px;
		background: url("/pub/images/arrow.graph.svg") no-repeat 50% 50% / contain;
	}

	.graph_wrap.on .graph .count {
		opacity: 1;
	}

	.graph_wrap .years {
		padding-top: 20px;
		border-top: #565e65 1px solid;
	}

	.graph_wrap .years li {
		font-size: 20px;
		color: #222;
		font-weight: 600;
		line-height: 30px;
		text-align: center;
	}

	.graph_wrap .years li:last-child {
		font-size: 32px;
		color: #b31b1b;
		font-weight: 700;
	}

	.tabs {
		display: flex;
		justify-content: center;
		margin: 60px 0;
	}

	.tabs:first-child {
		margin-top: 0;
	}

	.tabs a {
		display: block;
		width: 220px;
		height: 64px;
		line-height: 63px;
		border-bottom: #ddd 1px solid;
		text-align: center;
		font-size: 20px;
		color: #565e65;
		font-weight: 600;
	}

	.tabs a.on {
		color: #b31b1b;
		border-bottom-color: #b31b1b;
	}

	.btns_tac {
		position: relative;
		display: flex;
		justify-content: center;
		gap: 60px;
		margin-top: 80px;
	}

	.btns_tac a {
		width: 250px;
		font-size: 20px;
	}

	.btns_tac .btn,
	/* .btn_more{display:block;font-size:24px;color:#fff;font-weight:500;line-height:60px;height:60px;text-align:center;border-radius:30px;background:#222;padding: 0 60px;}*/
	.btn_more {
		display: block;
		font-size: 24px;
		color: #222;
		font-weight: 500;
		line-height: 50px;
		height: 50px;
		text-align: center;
		border-radius: 32px;
		background: #fff;
		padding: 0 30px;
		border: 1px solid #333;
		font-size: 20px;
		width: 250px;
	}

	.btns_tac .btn {
		font-weight: 600;
	}

	.btns_tac .btn_bl {
		line-height: 50px;
		color: #333;
		background: #fff;
		border: #333 1px solid;
	}

	.btns_tac .btn_thin {
		width: 160px;
		padding: 0 20px;
	}

	.btns_tac .btn_list {
		background: #b31b1b;
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 14px;
		width: 160px;
		padding: 0 !important;
		font-size: 20px;
		width: 350px;
	}

	.btns_tac .btn_list:before {
		content: "";
		display: block;
		width: 14px;
		height: 11px;
		background: url("/pub/images/btn_list.svg") no-repeat 50% 50% / contain;
	}

	.btns_tac .btn_blk {
		color: #fff;
		background: #222;
	}

	.btns_tac .btn_wht {
		color: #333;
		background: #fff;
	}

	.btns_tac .btn_red3 {
		color: var(--col_red3);
		border-color: var(--col_red3);
	}

	.btns_tac .btn_list.btn_wht:before {
		background: #333;
		mask: url("/pub/images/btn_list.svg") no-repeat 50% 50% / contain;
		-webkit-mask: url("/pub/images/btn_list.svg") no-repeat 50% 50% / contain;
		transition: 0.2s linear;
	}

	.btns_tac .btns_abso {
		position: absolute;
		top: 0;
		right: 0;
		display: flex;
		gap: 16px;
	}

	.btns_tac .btns_abso .btn {
		font-size: 18px;
		width: 120px;
		padding: 0;
	}

	/* 인사말 */
	.g01.s01 .tri_box_area li.i1 i {
		background-image: url("/pub/images/icon_greetings_a01.svg");
	}

	.g01.s01 .tri_box_area li.i2 i {
		background-image: url("/pub/images/icon_greetings_a02.svg");
	}

	.g01.s01 .tri_box_area li.i3 i {
		background-image: url("/pub/images/icon_greetings_a03.svg");
	}

	.core_value {
		display: flex;
		flex-wrap: wrap;
		gap: 64px 40px;
	}

	.core_value .box {
		width: calc(50% - 20px);
	}

	.core_value .imgfit {
		width: 100%;
		height: 260px;
		border-radius: 16px;
	}

	.core_value .icon {
		position: relative;
		height: 0;
		z-index: 1;
	}

	.core_value i {
		position: absolute;
		top: 50%;
		right: 20px;
		width: 52px;
		height: 52px;
		border-radius: 12px;
		transform: translateY(-50%) rotate(-45deg);
		box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);
		background: #fff;
	}

	.core_value i:before {
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		background: no-repeat 50% 50%;
		transform: rotate(45deg);
	}

	.core_value .i1 i:before {
		background-image: url("/pub/images/icon_greetings_b01.svg");
	}

	.core_value .i2 i:before {
		background-image: url("/pub/images/icon_greetings_b02.svg");
	}

	.core_value .i3 i:before {
		background-image: url("/pub/images/icon_greetings_b03.svg");
	}

	.core_value .i4 i:before {
		background-image: url("/pub/images/icon_greetings_b04.svg");
	}

	.core_value .tt {
		font-size: 26px;
		font-weight: 700;
		line-height: 48px;
		margin: 24px 0 10px;
	}

	.core_value p {
		font-size: 18px;
		font-weight: 500;
		line-height: 28px;
	}

	/* 연혁 */
	.history_wrap {
		position: relative;
		margin-top: 70px;
	}

	.history_wrap #his_start {
		top: -50vh;
	}

	.history_wrap .line {
		position: absolute;
		top: 0;
		left: 450px;
		width: 1px;
		height: 100%;
		background: #ddd;
	}

	.history_wrap .bar {
		position: absolute;
		top: 0;
		left: -1px;
		width: 3px;
		background: #b31b1b;
	}

	.history_wrap .sub_section {
		position: relative;
		padding-bottom: 200px;
		margin: 0;
	}

	.history_wrap .sub_section:last-child:before,
	.history_wrap .sub_section:last-child .history dl:last-child:before {
		content: "";
		position: absolute;
		left: 449px;
		width: 3px;
		background: #ddd;
		border-left: #fff 1px solid;
		border-right: #fff 1px solid;
	}

	.history_wrap .sub_section:last-child:before {
		bottom: 0;
		height: 200px;
	}

	.history_wrap .sub_section:last-child .history dl:last-child:before {
		top: 15px;
		height: 100%;
	}

	.history_wrap .sub_section .onchk {
		top: -120px;
	}

	.history_wrap .sub_section .link {
		top: -90px;
	}

	.history_wrap .sub_section .years {
		display: flex;
		justify-content: flex-start;
		align-items: flex-end;
		background: no-repeat 50% 50% / cover;
		font-size: 96px;
		color: #fff;
		font-weight: 700;
		line-height: 1;
		padding: 20px 40px;
		height: 300px;
		border-radius: 20px;
	}

	.history_wrap .sub_section .years.i1 {
		background-image: url("/pub/images/bg_history01.jpg");
	}

	.history_wrap .sub_section .years.i2 {
		background-image: url("/pub/images/bg_history02.jpg");
	}

	.history_wrap .sub_section .years.i3 {
		background-image: url("/pub/images/bg_history03.jpg");
	}

	.history_wrap .sub_section.on .years {
		box-shadow: 0px 4px 20px 0px rgba(104, 146, 255, 0.1);
	}

	.history_wrap .history dl {
		position: relative;
		display: flex;
		align-items: flex-start;
		margin-top: 100px;
		transform: translateY(50px);
		opacity: 0;
		transition: 0.5s linear;
	}

	.history_wrap .history dl.on {
		transform: translateY(0);
		opacity: 1;
	}

	.history_wrap .history dt {
		position: relative;
		width: 450px;
		font-size: 40px;
		color: #999;
		font-weight: 700;
		line-height: 1;
		text-align: right;
		padding-right: 76px;
	}

	.history_wrap .history .on dt {
		color: #111;
	}

	.history_wrap .history dt i,
	.history_wrap .history dt i:before,
	.history_wrap .history dt i:after {
		position: absolute;
		top: 50%;
		border-radius: 50%;
		transition: 0.2s linear;
	}

	.history_wrap .history dt i {
		right: -6px;
		width: 11px;
		height: 11px;
		background: #ddd;
		transform: translateY(-50%);
	}

	.history_wrap .history dt i:before,
	.history_wrap .history dt i:after {
		content: "";
		left: 50%;
		width: 0;
		height: 0;
		background: #fff;
	}

	.history_wrap .history dt i:before {
		background: #b31b1b;
	}

	.history_wrap .history dt i:after {
		background: #fff;
	}

	.history_wrap .history .on dt i {
		right: -14px;
		width: 27px;
		height: 27px;
		background: rgba(179, 27, 27, 0.3);
	}

	.history_wrap .history .on dt i:before {
		width: 17px;
		height: 17px;
		filter: blur(0.5px);
		margin: -9px 0 0 -9px;
	}

	.history_wrap .history .on dt i:after {
		width: 7px;
		height: 7px;
		margin: -4px 0 0 -4px;
	}

	.history_wrap .history dt .point {
		top: -50vh;
	}

	.history_wrap .history dd {
		width: calc(100% - 450px);
		padding-left: 100px;
	}

	.history_wrap .history p {
		font-size: 18px;
		color: #333;
		line-height: 26px;
		margin-bottom: 25px;
	}

	.history_wrap .history p:last-child {
		margin-bottom: 0;
	}

	/* 핵심사업 및 실적 */
	.g01.s03.d01 .tri_box_area li.i1 i {
		background-image: url("/pub/images/icon_core_business_a01.svg");
	}

	.g01.s03.d01 .tri_box_area li.i2 i {
		background-image: url("/pub/images/icon_core_business_a02.svg");
	}

	.g01.s03.d01 .tri_box_area li.i3 i {
		background-image: url("/pub/images/icon_core_business_a03.svg");
	}

	.g01.s03.d02 .tri_box_area li.i1 i {
		background-image: url("/pub/images/icon_core_business_b01.svg");
	}

	.g01.s03.d02 .tri_box_area li.i2 i {
		background-image: url("/pub/images/icon_core_business_b02.svg");
	}

	.g01.s03.d02 .tri_box_area li.i3 i {
		background-image: url("/pub/images/icon_core_business_b03.svg");
	}

	.feature_box {
		display: flex;
		flex-wrap: wrap;
		gap: 20px;
		margin-top: 50px;
	}

	.feature_box a {
		width: calc((100% - 100px) / 6);
		height: 100px;
		background: #fff;
		border-radius: 8px;
		padding: 5px;
		text-align: center;
		font-size: 0;
		display: flex;
		justify-content: center;
		align-items: center;
		border: #fff 1px solid;
		cursor: default;
	}

	.feature_box a img {
		max-width: 100%;
		max-height: 100%;
	}

	.g01.s03.d01 .gbox,
	.g01.s03.d02 .gbox {
		background: none;
	}

	/* 업무별 연락처 */
	.contact_time .copy_txt,
	.contact_teams .copy_txt {
		position: relative;
		display: flex;
	}

	.contact_time .copy_txt:after,
	.contact_teams .copy_txt:after {
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		height: 100%;
		background: url("/pub/images/icon_copy.svg") no-repeat 100% 50% / contain;
		transition: 0.2s linear;
	}

	.contact_time {
		margin-bottom: 60px;
	}

	.contact_time .time_area {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.contact_time .time_area .tit {
		width: 380px;
		font-size: 32px;
		font-weight: 700;
		line-height: 1.5;
	}

	.contact_time .time_area .tit p {
		font-size: 16px;
		font-weight: 400;
		line-height: 1;
		margin-top: 24px;
	}

	.contact_time .time_area .nums {
		display: flex;
		gap: 60px;
	}

	.contact_time .time_area .nums li {
		position: relative;
		display: block;
		padding-left: 70px;
		background: no-repeat 0 50%;
	}

	.contact_time .time_area .nums .tt {
		font-size: 20px;
		color: #565e65;
		font-weight: 600;
		line-height: 1;
		margin-bottom: 8px;
	}

	.contact_time .time_area .nums .copy_txt {
		position: relative;
		font-size: 32px;
		color: #000;
		font-weight: 700;
		line-height: 1;
		padding-right: 32px;
		cursor: pointer;
	}

	.contact_time .time_area .nums .copy_txt:after {
		width: 25px;
	}

	.contact_time .time_area .nums .i1 {
		background-image: url("/pub/images/icon_contact_time01.svg");
	}

	.contact_time .time_area .nums .i2 {
		background-image: url("/pub/images/icon_contact_time02.svg");
	}

	.contact_teams {
		display: flex;
		flex-wrap: wrap;
		gap: 20px;
	}

	.contact_teams .box {
		position: relative;
		width: calc(50% - 10px);
		border: #ddd 1px solid;
		border-radius: 20px;
		height: 292px;
		padding: 50px;
	}

	.contact_teams .box i {
		position: absolute;
		bottom: 30px;
		right: 30px;
		width: 70px;
		height: 70px;
		background: #f5f6f8;
		border-radius: 16px;
		transform: rotate(45deg);
	}

	.contact_teams .box i:before {
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		transform: rotate(-45deg);
		background: no-repeat 50% 50%;
	}

	.contact_teams .tit {
		font-size: 24px;
		font-weight: 700;
		line-height: 1.6;
		margin-bottom: 36px;
	}

	.contact_teams .nums {
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		align-content: flex-start;
		gap: 16px 50px;
		height: 128px;
	}

	.contact_teams .nums>* {
		position: relative;
		display: block;
		font-size: 20px;
		line-height: 1;
		padding-left: 10px;
	}

	.contact_teams .nums>*:last-child {
		margin-bottom: 0;
	}

	.contact_teams .nums>*:before {
		content: "";
		position: absolute;
		top: 50%;
		left: 0;
		width: 3px;
		height: 3px;
		background: var(--col_red3);
		border-radius: 50%;
		margin-top: -2px;
	}

	.contact_teams .copy_txt {
		position: relative;
		padding-right: 25px;
		cursor: pointer;
	}

	.contact_teams .copy_txt:after {
		width: 16px;
	}

	.contact_teams .i1 i:before {
		background-image: url("/pub/images/icon_contact_team01.svg");
	}

	.contact_teams .i2 i:before {
		background-image: url("/pub/images/icon_contact_team02.svg");
	}

	.contact_teams .i3 i:before {
		background-image: url("/pub/images/icon_contact_team03.svg");
	}

	.contact_teams .i4 i:before {
		background-image: url("/pub/images/icon_contact_team04.svg");
	}

	/* 제안배경 */
	.helpline_proposal .th li.box {
		border: 1px solid #ddd;
		padding: 5px 0;
		margin-bottom: 15px;
		line-height: 60px;
	}

	.helpline_proposal .th li.box.red {
		border: 1px solid #b31b1b;
	}

	.helpline_proposal ul {
		display: flex;
	}

	.helpline_proposal .arrow {
		width: 100px;
	}

	.helpline_proposal .box {
		width: calc(50% - 50px);
		border-radius: 30px;
	}

	.helpline_proposal .th .box {
		line-height: 48px;
		text-align: center;
		padding: 20px 0;
	}

	.helpline_proposal .th .c1 {
		font-size: 24px;
		font-weight: 700;
	}

	.helpline_proposal .th .c2 {
		font-size: 32px;
		font-weight: 800;
		color: #b31b1b;
	}

	.helpline_proposal .td {
		margin-bottom: 24px;
	}

	.helpline_proposal .td:last-child {
		margin-bottom: 0;
	}

	.helpline_proposal .td .arrow {
		background: url("/pub/images/arrow_helpline_proposal.svg") no-repeat 50% 50%;
	}

	.helpline_proposal .td .box {
		height: 218px;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

	.helpline_proposal .td .c1 {
		background: #f5f6f8;
		padding: 35px 60px;
	}

	.helpline_proposal .td .c1 .tt {
		font-weight: 800;
		line-height: 28px;
		margin-bottom: 8px;
	}

	.helpline_proposal .td .c2 {
		border: #b31b1b 2px solid;
		background: rgba(245, 68, 57, 0.1);
		align-items: center;
		font-weight: 700;
		line-height: 40px;
		text-align: center;
	}

	.dots_list p {
		position: relative;
		font-size: 18px;
		padding-left: 13px;
	}

	.dots_list p:before {
		content: "";
		position: absolute;
		top: 12px;
		left: 0;
		width: 3px;
		height: 3px;
		background: #b31b1b;
		border-radius: 50%;
	}

	/* 개념&시스템 */
	.help_step {
		display: flex;
		gap: 60px;
	}

	.help_step li {
		position: relative;
		display: flex;
		flex-direction: column;
		justify-content: center;
		width: calc((100% - 180px) / 4);
		height: 250px;
		border: 1px solid;
		border-radius: 20px;
		padding: 0 50px;
	}

	.help_step li:before {
		content: "";
		position: absolute;
		top: 0;
		left: -60px;
		width: 60px;
		height: 100%;
		background: url("/pub/images/arrow_helpstep.svg") no-repeat 50% 50%;
	}

	.help_step li .num {
		color: #b31b1b;
	}

	.help_step li strong {
		display: block;
		font-size: 26px;
		font-weight: 600;
		line-height: 48px;
		margin: 8px 0;
	}

	.help_step li p {
		color: #565e65;
		font-weight: 500;
		line-height: 1.4;
	}

	.help_step li.c1 {
		border-color: rgba(165, 0, 33, 0.15);
	}

	.help_step li.c1:before {
		display: none;
	}

	.help_step li.c2 {
		border-color: rgba(165, 0, 33, 0.3);
	}

	.help_step li.c2:before {
		opacity: 0.3;
	}

	.help_step li.c3 {
		border-color: rgba(179, 27, 27, 0.6);
	}

	.help_step li.c3:before {
		opacity: 0.6;
	}

	.help_step li.c4 {
		border-color: #b31b1b;
		text-align: center;
	}

	.help_step li.c4 i {
		display: block;
		width: 100%;
		height: 66px;
		background: url("/pub/images/icon_help_step_end.svg") no-repeat 50% 50% / contain;
		margin-bottom: 27px;
	}

	.help_step li.c4 strong {
		font-size: 28px;
		line-height: 1;
		margin: 0;
	}

	.g92 .tri_box_area li.i1 i,
	.g02.s02 .tri_box_area li.i1 i {
		background-image: url("/pub/images/icon_concept_a01.svg");
	}

	.g92 .tri_box_area li.i2 i,
	.g02.s02 .tri_box_area li.i2 i {
		background-image: url("/pub/images/icon_concept_a02.svg");
	}

	.g92 .tri_box_area li.i3 i,
	.g02.s02 .tri_box_area li.i3 i {
		background-image: url("/pub/images/icon_concept_a03.svg");
	}

	.helpline_system {
		display: flex;
		gap: 20px 60px;
		flex-wrap: wrap;
	}
	/*모바일 헬프라인 시스템 숨기기. 별도 dom 이용*/
	.helpline_system.mobile_mode {
		display: none;
	}

	.helpline_system .tit {
		border-radius: 20px 20px 0 0;
		font-size: 24px;
		color: #fff;
		font-weight: 700;
		line-height: 32px;
		text-align: center;
		padding: 10px;
	}

	.helpline_system .con {
		padding: 45px 0;
		height: 328px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		border-radius: 0 0 20px 20px;
	}

	.helpline_system .wtxt {
		line-height: 40px;
		height: 40px;
		background: #fff;
		border-radius: 20px;
		text-align: center;
		display: flex;
		justify-content: center;
		align-items: center;
		border: 1px solid #eee;
	}

	.helpline_system .wtxt strong {
		position: relative;
		font-weight: 600;
	}

	.helpline_system .cnt {
		height: 98px;
		margin: 30px 0;
	}

	.helpline_system i {
		display: block;
		width: 98px;
		height: 98px;
		background: #fff no-repeat 50% 50%;
		border-radius: 50%;
		margin: 0 auto;
	}

	.helpline_system .i1 {
		background-image: url("/pub/images/icon_helpline_system01.svg");
	}

	.helpline_system .i2 {
		background-image: url("/pub/images/icon_helpline_system02.svg");
	}

	.helpline_system .i3 {
		background-image: url("/pub/images/icon_helpline_system03.svg");
	}

	.helpline_system .blk {
		position: relative;
		width: 350px;
	}

	.helpline_system .blk:before {
		content: "";
		position: absolute;
		top: 0;
		width: 60px;
		height: 100%;
		background: url("/pub/images/arrow_helpline_proposal.svg") no-repeat 50% 50%;
	}

	.helpline_system .blk.left:before {
		left: 100%;
	}

	.helpline_system .blk.right:before {
		right: 100%;
		transform: scaleX(-1);
	}

	.helpline_system .blk .tit {
		background: #222;
	}

	.helpline_system .blk .con {
		background: #f5f6f8;
	}

	.helpline_system .blk .wtxt {
		width: 250px;
		gap: 24px;
	}

	.helpline_system .blk .wtxt strong:after {
		content: "";
		position: absolute;
		top: 50%;
		right: -12px;
		width: 1px;
		height: 14px;
		background: #ddd;
		margin-top: -7px;
	}

	.helpline_system .red {
		width: 480px;
	}

	.helpline_system .red .tit {
		background: #b31b1b;
	}

	.helpline_system .red .con {
		background: rgba(245, 68, 57, 0.1);
		border: #b31b1b 1px solid;
	}

	.helpline_system .red .wtxt {
		width: 200px;
	}

	.helpline_system dl.cnt {
		align-items: center;
		gap: 16px;
	}

	.helpline_system dl.cnt .dots_list p {
		line-height: 20px;
	}

	.helpline_system dl.cnt .dots_list p:before {
		top: 50%;
		margin-top: -1px;
	}

	.helpline_system .abox {
		align-items: center;
		gap: 30px;
	}

	.helpline_system .abox span {
		position: relative;
		width: 100px;
		height: 38px;
		background: url("/pub/images/arrow_helpline_system.svg") no-repeat 50% 50% / contain;
	}

	.helpline_system .abox span p {
		position: absolute;
		bottom: 100%;
		left: 0;
		width: 100%;
		font-size: 16px;
		color: #b31b1b;
		font-weight: 600;
		line-height: 20px;
		text-align: center;
	}

	.helpline_system .btm {
		position: relative;
		width: 100%;
		font-size: 24px;
		font-weight: 700;
		line-height: 1;
		display: flex;
		justify-content: center;
		align-items: flex-start;
	}

	.helpline_system .btm:before,
	.helpline_system .btm:after {
		content: "";
		display: block;
		width: 384px;
		height: 31px;
		background: url("/pub/images/arrow_helpline_system_btm.svg") no-repeat 50% 50% / contain;
	}

	.helpline_system .btm:after {
		transform: scaleX(-1);
	}

	.helpline_system .btm span {
		position: relative;
		padding: 0 36px;
		background: #fff;
		z-index: 1;
		padding-top: 20px;
	}

	.gicon_wrap {
		padding: 50px 0;
	}

	.gicon_wrap .inner {
		display: flex;
		flex-wrap: wrap;
	}

	.gicon_wrap li {
		position: relative;
		width: 50%;
		padding: 46px 46px 46px 136px;
		border: #f5f6f8 1px solid;
		border-radius: 20px;
		transition: 0.2s linear;
	}

	.gicon_wrap li:before {
		content: "";
		position: absolute;
		top: 0;
		left: 46px;
		width: 60px;
		height: 100%;
		background: no-repeat 50% 50% / contain;
	}

	.gicon_wrap li strong {
		display: block;
		font-size: 26px;
		line-height: 35px;
	}

	.gicon_wrap li p {
		font-size: 18px;
		line-height: 24px;
		margin-top: 8px;
		letter-spacing: -0.5px;
	}

	.helpline_role li.i1:before {
		background-image: url("/pub/images/icon_helpline_role01.svg");
	}

	.helpline_role li.i2:before {
		background-image: url("/pub/images/icon_helpline_role02.svg");
	}

	.helpline_role li.i3:before {
		background-image: url("/pub/images/icon_helpline_role03.svg");
	}

	.helpline_role li.i4:before {
		background-image: url("/pub/images/icon_helpline_role04.svg");
	}

	/* 특장점 */
	.helpline_features li.i1:before {
		background-image: url("/pub/images/icon_features01.svg");
	}

	.helpline_features li.i2:before {
		background-image: url("/pub/images/icon_features02.svg");
	}

	.helpline_features li.i3:before {
		background-image: url("/pub/images/icon_features03.svg");
	}

	.helpline_features li.i4:before {
		background-image: url("/pub/images/icon_features04.svg");
	}

	.features_list {
		margin-top: 125px;
	}

	.features_list .box {
		margin-bottom: 20px;
		display: flex;
		padding: 30px;
		border: #ddd 1px solid;
		border-radius: 20px;
	}

	.features_list .box:last-child {
		margin-bottom: 0;
	}

	.features_list .box .txt {
		width: 545px;
		padding: 0 30px;
	}

	.features_list .box .tit {
		font-size: 24px;
		font-weight: 700;
		line-height: 2;
		margin-bottom: 10px;
	}

	.features_list .box p {
		font-size: 18px;
		color: #565e65;
		line-height: 28px;
		letter-spacing: -0.5px;
	}

	.features_list .box .img {
		width: calc(100% - 545px);
	}

	/* 부가서비스 */
	.service_boxs {
		margin-top: 24px;
	}

	.service_boxs .box {
		box-shadow: 0px 4px 4px 0px rgba(27, 82, 224, 0.15);
		border: #ddd 1px solid;
		border-radius: 10px;
		margin-bottom: 40px;
		padding: 90px 80px;
		background: #f5f6f8;
		display: flex;
		align-items: center;
		gap: 57px;
		flex-direction: row-reverse;
	}

	.service_boxs .img {
		box-shadow: 0px 4px 20px 0px rgba(104, 146, 255, 0.5);
		border: #222 1px solid;
		border-radius: 10px;
		width: 520px;
		overflow: hidden;
	}

	.service_boxs .img img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		max-height: 308px;
	}

	.service_boxs .txt {
		width: calc(100% - 577px);
	}

	.service_boxs .txt .num_area {
		position: relative;
		padding-left: 90px;
		margin-bottom: 30px;
		min-height: 76px;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

	.service_boxs .txt .num_area .num {
		position: absolute;
		top: 50%;
		left: 10px;
		width: 54px;
		height: 54px;
		margin-top: -27px;
		background: linear-gradient(339.88deg, #b31b1b 8.57%, #b31b1b 84.08%);
		border-radius: 12px;
		transform: rotate(-45deg);
	}

	.service_boxs .txt .num_area .num span {
		display: block;
		width: 100%;
		height: 100%;
		line-height: 54px;
		text-align: center;
		transform: rotate(45deg);
		font-size: 24px;
		color: #fff;
		font-weight: 700;
	}

	.service_boxs .txt .num_area .tt {
		font-size: 24px;
		font-weight: 700;
		line-height: 2;
	}

	.service_boxs .txt .chk_area li {
		position: relative;
		line-height: 22px;
		height: 70px;
		background: #fff;
		border-radius: 35px;
		padding: 10px 10px 10px 62px;
		display: flex;
		align-items: center;
		border: #ddd 1px solid;
		box-shadow: 0px 4px 4px 0px rgba(27, 82, 224, 0.05);
		margin-bottom: 16px;
	}

	.service_boxs .txt .chk_area li:last-child {
		margin-bottom: 0;
	}

	.service_boxs .txt .chk_area li:before {
		content: "";
		position: absolute;
		top: 50%;
		left: 30px;
		width: 22px;
		height: 22px;
		background: url("/pub/images/icon_chk.svg") no-repeat 50% 50% / contain;
		margin-top: -11px;
	}

	.service_boxs .over_img {
		align-items: flex-start;
	}

	.service_boxs .over_img .img {
		box-shadow: none;
		border: none;
		overflow: visible;
	}

	.service_boxs .over_img .img img {
		max-width: none;
	}

	.service_boxs .over_img .txt {
		padding-top: 36px;
	}

	/* 도입절차 */
	.bdrs_img {
		border-radius: 20px;
		overflow: hidden;
		font-size: 0;
		margin-top: 24px;
	}

	.procedure_wrap {
		margin-top: 60px;
	}

	.procedure_wrap .nbox {
		border-radius: 20px;
		display: flex;
		align-items: flex-start;
		gap: 30px;
	}

	.procedure_wrap .nbox:first-child {
		margin-bottom: 20px;
	}

	.procedure_wrap .nbox:last-child {
		margin-top: 20px;
	}

	.procedure_wrap .nbox .tt {
		width: 285px;
	}

	.procedure_wrap .nbox .tt .area {
		display: flex;
		gap: 24px;
		padding: 10px 30px;
		background: #6b757f;
		border-radius: 22px;
		font-size: 20px;
		color: #fff;
		line-height: 22px;
		font-weight: 400;
		letter-spacing: -0.5px;
	}

	.procedure_wrap .nbox .tt .area strong {
		position: relative;
	}

	.procedure_wrap .nbox .tt .area strong:after {
		content: "";
		position: absolute;
		top: 50%;
		right: -12px;
		width: 1px;
		height: 14px;
		background: #fff;
		opacity: 0.5;
		margin-top: -7px;
	}

	.procedure_wrap .nbox .tt p {
		font-size: 16px;
		color: #b31b1b;
		font-weight: 300;
		line-height: 20px;
		margin-top: 8px;
		padding-left: 30px;
	}

	.procedure_wrap .nbox ul {
		display: flex;
		align-items: center;
		gap: 5px;
		width: calc(100% - 315px);
	}

	.procedure_wrap .nbox li {
		position: relative;
		width: calc((100% - 20px) / 3);
		padding-left: 50px;
		line-height: 42px;
	}

	.procedure_wrap .nbox .wauto {
		gap: 0 75px;
	}

	.procedure_wrap .nbox .wauto li {
		width: auto;
	}

	.procedure_wrap .nbox li:before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 40px;
		height: 40px;
		background: no-repeat 50% 50% / contain;
	}

	.procedure_wrap .nbox li.ia1:before {
		background-image: url("/pub/images/icon_procedure_a01.svg");
	}

	.procedure_wrap .nbox li.ia2:before {
		background-image: url("/pub/images/icon_procedure_a02.svg");
	}

	.procedure_wrap .nbox li.ib1:before {
		background-image: url("/pub/images/icon_procedure_b01.svg");
	}

	.procedure_wrap .nbox li.ib2:before {
		background-image: url("/pub/images/icon_procedure_b02.svg");
	}

	.procedure_wrap .nbox li.ic1:before {
		background-image: url("/pub/images/icon_procedure_c01.svg");
	}

	.procedure_wrap .nbox li.ic2:before {
		background-image: url("/pub/images/icon_procedure_c02.svg");
	}

	.procedure_wrap .nbox li.ic3:before {
		background-image: url("/pub/images/icon_procedure_c03.svg");
	}

	.procedure_wrap .nbox li.id1:before {
		background-image: url("/pub/images/icon_procedure_d01.svg");
	}

	.procedure_wrap .nbox.before {
		border: #ddd 1px solid;
		padding: 48px 40px;
	}

	.procedure_wrap .nbox.after {
		background: #f5f6f8;
		padding: 50px 30px 20px;
	}

	.procedure_wrap .bgbox {
		position: relative;
		font-size: 24px;
		color: var(--col_iden);
		font-weight: 700;
		line-height: 40px;
		padding: 18px;
		background: #fff;
		border-radius: 20px;
		margin: 40px 0;
		text-align: center;
		border: 2px solid var(--col_iden);
	}

	.procedure_wrap .bgbox i {
		position: absolute;
		left: 50%;
		width: 27px;
		height: 59px;
		margin-left: -13px;
		background: url("/pub/images/icon_procedure_bgboxline.svg") no-repeat 50% 50% / contain;
	}

	.procedure_wrap .bgbox i.t {
		bottom: 87px;
	}

	.procedure_wrap .bgbox i.b {
		top: 87px;
		transform: scaleY(-1);
	}

	/* 헬프라인 시스템 */
	tr.bbsDiv {
		background: #eee;
	}

	label.check {
		position: relative;
		display: block;
		padding-left: 25px;
	}

	label.check input {
		display: none;
	}

	label.check i,
	label.check i:before {
		position: absolute;
		top: 50%;
		left: 0;
		border-radius: 50%;
		transition: 0.2s linear;
		transform: translateY(-50%);
	}

	label.check i {
		width: 18px;
		height: 18px;
		border: #000 2px solid;
	}

	label.check i:before {
		content: "";
		width: 100%;
		height: 100%;
		background: url("/pub/images/icon_chk2.svg") no-repeat 50% 50%;
		opacity: 0;
	}

	label.check input:checked+i {
		border-color: #b31b1b;
	}

	label.check input:checked+i:before {
		opacity: 1;
	}

	label.check input:checked~span {
		color: #b31b1b;
		font-weight: 700;
	}

	.system_front {
		display: flex;
		gap: 30px;
		margin: 75px 0;
	}

	.system_front .box {
		width: calc(50% - 15px);
		border-radius: 30px;
		box-shadow: 0px 4px 20px 0px rgba(104, 146, 255, 0.1);
		padding: 40px;
		color: #fff;
	}

	.system_front .tit {
		font-size: 24px;
		display: flex;
		flex-direction: column;
		gap: 16px;
	}

	.system_front .tit span {
		line-height: 25px;
	}

	.system_front .tit strong {
		line-height: 32px;
	}

	.system_front .inputs {
		display: flex;
		flex-direction: column;
		gap: 16px;
	}

	.system_front .inputs dl {
		display: flex;
		background: #fff;
		border-radius: 5px;
		height: 60px;
		line-height: 60px;
	}

	.system_front .inputs dt {
		width: 140px;
		color: #222;
		font-weight: 700;
		padding-left: 24px;
	}

	.system_front .inputs dd {
		width: calc(100% - 140px);
	}

	.system_front .inputs dd .text {
		display: block;
		border: 0;
		outline: 0;
		padding: 0 24px;
		height: 60px;
	}

	.system_front .inputs dd.checks {
		display: flex;
		gap: 45px;
		padding: 0 24px;
	}

	.system_front .inputs dd.checks label.check {
		color: #565e65;
		line-height: 60px;
	}

	.system_front .btn_submit {
		display: block;
		color: #fff;
		font-weight: 600;
		line-height: 58px;
		height: 58px;
		width: 100%;
		border-radius: 29px;
		text-align: center;
		background: #222;
	}

	.system_front p {
		line-height: 30px;
		margin-top: 16px;
	}

	.system_front .box.c1 {
		background: #2e4765;
	}

	.system_front .box.c1 .tit {
		margin-bottom: 30px;
	}

	.system_front .box.c2 {
		background: #594866;
	}

	.system_front .box.c2 .tit {
		margin-bottom: 20px;
	}

	.system_front .box.c2 .tit span {
		font-size: 20px;
	}

	.system_type {
		display: flex;
		border-radius: 40px;
		padding: 50px 0;
		margin-bottom: 110px;
	}

	.system_type li {
		width: calc(100% / 3);
		padding: 15px 50px;
		border-left: #ddd 1px solid;
	}

	.system_type li:first-child {
		border-left: 0;
	}

	.system_type .tit {
		font-size: 24px;
		font-weight: 700;
		line-height: 2;
		margin: 16px 0 10px;
	}

	.system_type .tit.red {
		color: var(--col_red3);
	}

	.system_type .tit.blue {
		color: var(--col_blue2);
	}

	.system_type .tt {
		font-size: 24px;
		font-weight: 600;
		line-height: 1.3;
		margin-bottom: 16px;
	}

	.system_type p {
		font-weight: 500;
		line-height: 1.4;
	}

	.system_mvideo {
		display: flex;
		gap: 26px;
	}

	.system_mvideo li {
		width: calc((100% - 78px) / 4);
	}

	.system_mvideo a {
		position: relative;
		display: block;
	}

	.system_mvideo a:before {
		content: "";
		position: absolute;
		top: 102px;
		left: 50%;
		width: 70px;
		height: 70px;
		background: url("/pub/images/icon_video.svg") no-repeat 50% 50% / contain;
		transform: translate(-50%, -50%);
		border-radius: 50%;
		box-shadow: 0px 2.154px 2.154px 0px rgba(0, 0, 0, 0.25);
		z-index: 1;
	}

	.system_mvideo .imgfit {
		position: relative;
		display: block;
		width: 100%;
		height: 205px;
		border-radius: 20px;
		transition: 0.2s linear;
	}

	.system_mvideo .num {
		display: block;
		font-size: 32px;
		color: #b31b1b;
		font-weight: 700;
		line-height: 40px;
		margin: 16px 0 10px;
	}

	.system_mvideo p {
		font-weight: 500;
		line-height: 1.75;
	}

	.popup,
	.popup .dm {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.popup {
		z-index: 101;
		display: none;
	}

	.popup .dm {
		background: rgba(0, 0, 0, 0.6);
	}

	.popup .inbox {
		position: absolute;
		top: 50%;
		left: 50%;
		max-width: calc(100% - 40px);
		max-height: calc(100vh - 40px);
		background: #fff;
		transform: translate(-50%, -50%);
		padding: 56px;
	}

	.popup .btn_close.xbox {
		position: absolute;
		top: 0;
		right: 0;
		width: 60px;
		height: 60px;
		background: #b31b1b url("/pub/images/btn_close.svg") no-repeat 50% 50%;
		font-size: 0;
	}

	.popup .tit {
		font-size: 28px;
		color: #222;
		font-weight: 900;
		line-height: 48px;
		margin-bottom: 24px;
		padding-right: 20px;
		text-align: center;
	}

	.popup .btn_close.bbox {
		display: block;
		font-size: 24px;
		color: #222;
		font-weight: 500;
		line-height: 60px;
		height: 60px;
		width: 160px;
		text-align: center;
		background: #fff;
		border-radius: 30px;
		margin: 40px auto 0;
		border: 1px solid #222;
		width: 350px;
	}

	.popup .scroll {
		max-height: calc(100vh - 241px);
		overflow: auto;
	}

	.popup .scroll.na {
		overflow: inherit;
	}

	.pop_video .inbox {
		width: 1100px;
	}

	.pop_video .video {
		width: 100%;
		height: 660px;
		border-radius: 20px;
		overflow: hidden;
	}

	.fancybox-close {
		top: 0;
		right: 0;
		width: 60px;
		height: 60px;
		background: #b31b1b url("/pub/images/btn_close.svg") no-repeat 50% 50%;
		font-size: 0;
	}

	.pop_fancy {
		padding: 56px;
		font-size: 18px;
		color: #222;
		line-height: 30px;
		width: 1600px;
		max-width: 100%;
	}

	.pop_fancy .scroll {
		max-height: calc(70vh - 241px);
		overflow: auto;
	}

	.pop_fancy .tit {
		font-size: 28px;
		font-weight: 900;
		line-height: 48px;
		padding-bottom: 20px;
		margin-bottom: 20px;
		border-bottom: #ddd 1px solid;
	}

	.pop_fancy .tt {
		font-size: 24px;
		font-weight: 700;
		line-height: 40px;
		margin-bottom: 20px;
	}

	.pop_fancy p {
		margin-bottom: 34px;
		color: #565e65;
	}

	.pop_fancy p strong {
		color: #222;
		font-weight: 700;
	}

	.pop_fancy table tr,
	.pop_fancy table th,
	.pop_fancy table td {
		border: 1px solid #333;
		padding: 15px;
	}

	.pop_fancy table th {
		background: #eee;
	}

	.pop_fancy table {
		width: 800px;
		font-size: 16px;
	}

	.pop_fancy a {
		color: #2c529d;
	}

	.pop_fancy a:hover {
		text-decoration: underline;
	}

	.pop_fancy .redtxt {
		color: var(--col_red3);
	}

	.pop_fancy .boldtxt {
		font-weight: 700;
	}

	/* 삭제하시겠습니까? */
	.pop_midi_del .inbox {
		width: 500px;
		text-align: center;
	}

	.pop_midi_del .inbox .sbtxt {
		margin-bottom: 24px;
	}

	.pop_midi_del .inputs {
		display: flex;
		gap: 10px;
	}

	.pop_midi_del .text,
	.pop_midi_del .btn {
		height: 45px;
	}

	.pop_midi_del .text {
		width: calc(100% - 120px);
		line-height: 43px;
		font-size: 16px;
	}

	.pop_midi_del .btn {
		width: 110px;
		line-height: 45px;
		font-size: 16px;
		color: #fff;
		background: var(--col_red3);
		border-radius: 4px;
	}

	/* FAQ */
	.faq_wrap dl {
		margin-bottom: 16px;
		font-size: 16px;
		border: #ddd 1px solid;
		border-radius: 10px;
		transition: 0.2s linear;
	}

	.faq_wrap dl:last-child {
		margin-bottom: 0;
	}

	.faq_wrap dt {
		position: relative;
		font-weight: 600;
		line-height: 28px;
		padding: 40px 58px 40px 28px;
		cursor: pointer;
	}

	.faq_wrap dt i {
		position: absolute;
		top: 50%;
		right: 28px;
		height: 20px;
		width: 20px;
		transform: translateY(-50%);
	}

	.faq_wrap dt i:before,
	.faq_wrap dt i:after {
		content: "";
		position: absolute;
		top: 50%;
		left: 50%;
		background: #222;
		border-radius: 2px;
		transition: 0.2s linear;
		transform: translate(-50%, -50%);
	}

	.faq_wrap dt i:before {
		width: 20px;
		height: 3px;
	}

	.faq_wrap dt i:after {
		width: 3px;
		height: 20px;
	}

	.faq_wrap dd {
		padding: 0 28px;
		display: none;
	}

	.faq_wrap dd p {
		padding: 30px 0 40px;
	}

	.faq_wrap .on {
		border: 2px solid var(--col_red3);
	}

	.faq_wrap .on dt {
		border-bottom: #ddd 1px solid;
	}

	.faq_wrap .on dt i:after {
		width: 20px;
		height: 3px;
	}

	/* 소식공지>FAQ */
	.tabs2 {
		display: flex;
		gap: 30px;
		margin-bottom: 40px;
		border-bottom: 1px solid #eee;
		justify-content: center;
	}

	.tabs2 .tabs-center {
		display: flex;
	}

	.tabs2 a {
		display: block;
		font-size: 20px;
		color: #565e65;
		font-weight: 500;
		line-height: 1;
		border-bottom: transparent 1px solid;
		padding: 0 20px 20px;
	}

	.tabs2 a.on {
		color: #b31b1b;
		border-bottom-color: #b31b1b;
		font-weight: 700;
	}

	.faq_wrap.type2 {
		border-top: #565e65 1px solid;
	}

	.faq_wrap.type2 dl {
		border-radius: 0;
		border-left: 0;
		border-right: 0;
		border-top: 0;
		margin: 0;
	}

	.faq_wrap.type2 dt {
		padding: 34px 64px 34px 34px;
	}

	.faq_wrap.type2 dd {
		padding: 0;
	}

	.faq_wrap.type2 dd p {
		padding: 10px;
	}

	.faq_wrap.type2 .on {
		border: 2px solid var(--col_red3);
		background: rgba(245, 246, 248, 0.5);
	}

	/* 신고 & 처리결과 */
	.results_search_wrap {
		padding: 50px 0;
		margin: 30px 0 60px;
	}

	.results_search_wrap .search_area {
		display: flex;
		font-size: 16px;
		background: #fff;
		border-radius: 10px;
	}

	.results_search_wrap .search_area .tit {
		width: 140px;
		padding-left: 24px;
		font-weight: 600;
		line-height: 60px;
	}

	.results_search_wrap .search_area .search_box {
		width: calc(100% - 140px);
		padding-left: 24px;
		color: #565e65;
		border: 0;
	}

	.results_search_wrap .search_area .text {
		line-height: 60px;
		height: 60px;
	}

	.results_search_wrap .search_area .btn {
		height: 60px;
	}

	.search_results {
		display: flex;
		flex-wrap: wrap;
		gap: 16px 20px;
	}

	.search_results a {
		display: block;
		font-size: 22px;
		color: #333;
		line-height: 38px;
		height: 40px;
		padding: 0 24px;
		border: #333 1px solid;
		border-radius: 16px;
	}

	.search_results .result_group {
		border: 1px solid #ddd;
		padding: 20px 16px;
		display: flex;
		flex-direction: column;
	}

	.search_results .result_group .affiliates_wrap {
		padding: 15px;
		display: flex;
		flex-wrap: wrap;
		gap: 10px 25px;
		color: #333;
	}



	.no_search {
		font-size: 16px;
		color: #b7b7b7;
		line-height: 1;
		text-align: center;
	}

	.no_search:before {
		content: "!";
		display: block;
		width: 60px;
		height: 60px;
		line-height: 60px;
		background: #ddd;
		font-size: 24px;
		color: #fff;
		font-weight: 700;
		text-align: center;
		border-radius: 50%;
		margin: 0 auto 16px;
	}

	.results_board a {
		position: relative;
		display: flex;
		gap: 10px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		padding: 30px 60px 30px 30px;
		font-size: 16px;
		color: #565e65;
		font-weight: 600;
		line-height: 28px;
		border: #ddd 1px solid;
		border-radius: 10px;
		margin-bottom: 10px;
	}

	.results_board a:last-child {
		margin-bottom: 0;
	}

	.results_board a span {
		display: block;
		font-size: 14px;
		color: #333;
		font-weight: 600;
		line-height: 26px;
		height: 28px;
		padding: 0 14px;
		border: #333 1px solid;
		border-radius: 16px;
	}

	.results_board a:after {
		content: "";
		position: absolute;
		top: 0;
		right: 30px;
		width: 10px;
		height: 100%;
		background: url("/pub/images/arrow_board.svg") no-repeat 50% 50% / contain;
	}

	.certification_key {
		padding-top: 40px;
	}

	.certification_key p.dot {
		font-size: 16px;
		position: relative;
		padding-left: 15px;
		margin-left: 15px;
	}

	.certification_key p.dot:before {
		content: "";
		position: absolute;
		top: 10px;
		left: 0;
		width: 4px;
		height: 4px;
		background: #333;
		border-radius: 50%;
	}

	.input_box_area {
		width: 950px;
		max-width: 100%;
		margin: 60px auto 0;
	}

	.input_box {
		display: flex;
		font-size: 16px;
		margin-bottom: 16px;
		/* background:#f5f6f8; */
	}

	.input_box .tit {
		font-weight: 600;
		width: 130px;
		height: 60px;
		line-height: 58px;
		padding-left: 24px;
		border-radius: 10px 0 0 10px;
		border: #ddd 1px solid;
		border-right: 0;
	}

	/* .input_box .tit.gray{background: #FAFAFA;}*/
	.input_box .inputbox {
		width: calc(100% - 130px);
		display: flex;
	}

	.input_box .text {
		width: calc(100% - 160px);
		height: 60px;
		border-radius: 0;
		border-left: 0;
		border-right: 0;
		outline: 0;
		background: none;
	}

	.input_box.intextarea .tit,
	.input_box textarea.text {
		height: 200px;
	}

	.input_box.mo_break .text::placeholder {
		font-size: 0;
	}

	.input_box .text.w100p {
		border-right: #ddd 1px solid;
		border-radius: 0 10px 10px 0;
	}

	.input_box .btn {
		width: 160px;
		height: 60px;
		text-align: center;
		font-size: 18px;
		color: #fff;
		font-weight: 600;
		background: #222;
		border-radius: 0 10px 10px 0;
	}

	.input_box .btn.submit {
		background: var(--col_red3);
		color: #fff;
	}

	.input_box.bd {
		border: #ddd 1px solid;
		border-radius: 10px;
	}

	.input_box.bd .inputbox {
		width: calc(100% - 130px);
		flex-direction: column;
	}

	.input_box.bd .tit,
	.input_box.bd .inputbox .text {
		border: 0;
	}

	.input_box.bd .inputbox p.col_red3 {
		padding: 0 0 20px 10px;
		margin-top: -10px;
	}

	.flex_center {
		justify-content: center;
		align-items: center;
		gap: 30px;
		padding-top: 4px;
		font-size: 16px;
	}

	.flex_end {
		justify-content: flex-end;
		align-items: center;
		gap: 30px;
		padding-top: 4px;
		font-size: 16px;
	}

	.flex_center .check i,
	.flex_end .check i {
		border-color: #d9d9d9;
	}

	.flex_center .btn_more,
	.flex_end .btn_more {
		background: #fff;
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 8px;
		width: 160px;
		height: 52px;
		line-height: 52px;
		font-size: 14px;
		color: #222;
		padding: 0;
		border: 1px solid #ddd;
	}

	.flex_center .btn_more:before,
	.flex_end .btn_more:before {
		content: "";
		display: block;
		width: 16px;
		height: 14px;
		background: url("/pub/images/btn_more.svg") no-repeat 50% 50% / contain;
	}

	.certification_key .select_area {
		display: flex;
		justify-content: center;
		gap: 24px;
		margin-top: 60px;
	}

	.certification_key .select_area a {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		gap: 25px;
		width: 260px;
		height: 220px;
		max-width: calc(50% - 12px);
		font-size: 24px;
		font-weight: 600;
		line-height: 1;
		border: #ddd 1px solid;
		border-radius: 20px;
	}

	.certification_key .select_area a:before {
		content: "";
		display: block;
		width: 100%;
		height: 62px;
		background: no-repeat 50% 50%;
	}

	.certification_key .select_area .i1:before {
		background-image: url("/pub/images/icon_select_area01.svg");
	}

	.certification_key .select_area .i2:before {
		background-image: url("/pub/images/icon_select_area02.svg");
	}

	.dltbl {
		margin-bottom: 30px;
	}

	.dltbl.bdt {
		border-top: #565e65 1px solid;
		padding-top: 30px;
		margin-top: 30px;
	}

	.dltbl dl {
		display: flex;
		background: #f5f6f8;
		font-size: 16px;
		color: #222;
		line-height: 24px;
		padding: 24px 0;
		margin-bottom: 16px;
		border-radius: 10px;
	}

	.dltbl dl:last-child {
		margin-bottom: 0;
	}

	.dltbl dl.bgwhite {
		background: #fff;
	}

	.dltbl dt {
		width: 154px;
		font-weight: 700;
		padding: 0 24px;
	}

	.dltbl dd {
		width: calc(100% - 154px);
		padding-right: 24px;
		font-size: 16px;
		color: #565e65;
		line-height: 24px;
	}

	.dltbl dd strong {
		font-size: 16px;
		color: #222;
	}

	.dltbl dd p.col_iden {
		font-size: 14px;
		font-weight: 500;
		margin-left: 10px;
		margin-top: 15px;
	}

	.dltbl .cbox {
		padding: 40px 0 60px;
		width: 950px;
		max-width: 100%;
		margin: 0 auto;
	}

	.dltbl .cbox .btxt {
		margin-bottom: 10px;
	}

	.dltbl .checkarea .check {
		padding-left: 0;
		margin-bottom: 10px;
	}

	.dltbl .checkarea .check:last-child {
		margin-bottom: 0;
	}

	.dltbl .checkarea i {
		top: 30px;
		left: 24px;
		z-index: 1;
		transform: none;
		border-color: #d9d9d9;
	}

	.dltbl .checkarea .box {
		position: relative;
		display: block;
		padding: 24px 24px 24px 52px;
		background: #f5f6f8;
		border: #f5f6f8 1px solid;
		border-radius: 10px;
		transition: 0.2s linear;
	}

	.dltbl .checkarea .tit {
		font-size: 18px;
		font-weight: 600;
		line-height: 28px;
	}

	.dltbl .checkarea p {
		font-size: 16px;
		color: #565e65;
		line-height: 24px;
		margin-top: 15px;
	}

	.dltbl .checkarea input:checked~.box {
		border-color: #000;
		background: #fff;
	}

	.dltbl textarea {
		width: 100%;
		height: 72px;
		border: 0;
		outline: 0;
		padding: 0;
		background: none;
		line-height: inherit;
	}

	.dltbl input.text {
		width: 100%;
		height: 24px;
		border: 0;
		outline: 0;
		background: none;
	}

	.dltbl dd.mail {
		flex-wrap: wrap;
	}

	.dltbl dd.mail input.text {
		width: calc(100% - 180px);
		padding: 0;
	}

	.file_wrap {
		display: flex;
		align-items: flex-start;
		gap: 10px;
	}

	.filebox {
		min-width: 115px;
		max-width: calc(100% - 125px);
		height: 30px;
		line-height: 28px;
		padding: 0 16px;
		overflow: hidden;
		border: #ddd 1px solid;
		font-size: 14px;
		color: #565e65;
		white-space: nowrap;
		background: #fff;
	}

	.filebutton {
		position: relative;
		width: 115px;
		height: 44px;
		overflow: hidden;
	}

	.filebutton span {
		display: inline-block;
		width: 100%;
		height: 100%;
		line-height: 44px;
		font-size: 16px;
		color: #fff;
		text-align: center;
		vertical-align: top;
		border-radius: 22px;
		background: #565e65;
	}

	.filebutton input {
		z-index: 9;
		position: absolute;
		top: -1px;
		left: -100%;
		margin: 0;
		padding: 0;
		font-size: 30px;
		line-height: 0;
		opacity: 0;
		filter: alpha(opacity=0);
		-ms-filter: "alpha(opacity=0)";
		cursor: pointer;
		_cursor: hand;
	}

	.file_wrap .file_input input {
		display: none;
	}

	.file_wrap .file_input span {
		display: block;
		width: 115px;
		height: 44px;
		line-height: 44px;
		font-size: 16px;
		color: #fff;
		text-align: center;
		background: #565e65;
		border-radius: 22px;
	}

	.file_wrap .input_file_list {
		width: calc(100% - 135px);
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
	}

	.file_wrap .input_file_list .infile {
		font-size: 16px;
		color: #666;
		line-height: 44px;
		height: 44px;
		border: #ddd 1px solid;
		border-radius: 17px;
		padding: 0 15px;
		background: #fff;
		display: flex;
		align-items: center;
		gap: 10px;
	}

	.file_wrap .input_file_list .infile i {
		position: relative;
		width: 10px;
		height: 10px;
	}

	.file_wrap .input_file_list .infile i:before,
	.file_wrap .input_file_list .infile i:after {
		content: "";
		position: absolute;
		top: 50%;
		left: 50%;
		width: 10px;
		height: 2px;
		background: #999;
		margin: -1px 0 0 -5px;
	}

	.file_wrap .input_file_list .infile i:before {
		transform: rotate(45deg);
	}

	.file_wrap .input_file_list .infile i:after {
		transform: rotate(-45deg);
	}

	.cautionbox {
		border: #ddd 1px solid;
		border-radius: 10px;
		padding: 30px;
		font-size: 20px;
		line-height: 28px;
		margin-bottom: 16px;
		font-weight: 700;
	}

	.cautionbox span.subtxt {
		font-size: 18px;
		color: #333;
		font-weight: 500;
	}

	.report_end {
		text-align: center;
		margin-top: 30px;
		border-top: #565e65 1px solid;
		padding-top: 60px;
	}

	.report_end strong {
		display: block;
		font-size: 24px;
		font-weight: 600;
		line-height: 1;
	}

	.report_end p {
		font-size: 16px;
		line-height: 1.2;
		margin-top: 20px;
	}

	.netit {
		position: relative;
		font-size: 16px;
		color: #b31b1b;
		line-height: 20px;
		padding-left: 24px;
		margin-top: 60px;
	}

	.netit:before {
		content: "!";
		position: absolute;
		top: 0;
		left: 0;
		width: 20px;
		height: 20px;
		line-height: 20px;
		text-align: center;
		background: #b31b1b;
		border-radius: 50%;
		font-size: 18px;
		color: #fff;
		font-weight: 700;
		border-radius: 50%;
	}

	.gpbox {
		padding: 30px;
		background: rgba(244, 247, 251, 0.7);
		font-size: 18px;
		line-height: 32px;
	}

	.gpbox.mb {
		margin-bottom: 80px;
	}

	.reception {
		display: flex;
		align-items: center;
		gap: 10px;
	}

	.reception .btn {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 8px;
		width: 160px;
		height: 52px;
		line-height: 50px;
		font-size: 14px;
		color: #222;
		font-weight: 600;
		background: #fff;
		border: #ebebeb 1px solid;
		border-radius: 26px;
	}

	.reception .btn i {
		display: block;
		width: 16px;
		height: 16px;
		background: #b31b1b;
		mask: url("/pub/images/icon_admin_read.svg") no-repeat 50% 50% / contain;
		-webkit-mask: url("/pub/images/icon_admin_read.svg") no-repeat 50% 50% / contain;
	}

	.reception .btn.on {
		color: #fff;
		background: #b31b1b;
		border-color: #b31b1b;
	}

	.reception .btn.on i {
		background: #fff;
	}

	.reception p {
		margin-left: 10px;
		font-size: 16px;
		color: #565e65;
	}

	.processing_results_list .none_list {
		font-size: 16px;
		color: #b7b7b7;
		line-height: 18px;
		text-align: center;
		padding: 60px 0;
		border-top: #565e65 1px solid;
		border-bottom: #565e65 1px solid;
	}

	.processing_results_list .none_list:before {
		content: "!";
		display: block;
		width: 60px;
		height: 60px;
		line-height: 60px;
		background: #ddd;
		border-radius: 50%;
		margin: 0 auto 16px;
		font-size: 24px;
		color: #fff;
		font-weight: 700;
		text-align: center;
	}

	.processing_results_list table {
		border-top: #0054a6 1px solid;
	}

	.processing_results_list table td {
		border-bottom: #ddd 1px solid;
		padding: 20px 0;
		font-size: 16px;
	}

	.processing_results_list table .writer {
		width: 140px;
	}

	.processing_results_list table .writer span {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 4px;
		font-size: 14px;
		font-weight: 600;
		line-height: 26px;
		height: 26px;
		width: 82px;
		margin: 0 auto;
	}

	.processing_results_list table .writer span:before {
		content: "";
		display: block;
		width: 13px;
		height: 13px;
		mask: url("/pub/images/icon_writer.svg") no-repeat 50% 50% / contain;
		-webkit-mask: url("/pub/images/icon_writer.svg") no-repeat 50% 50% / contain;
	}

	.processing_results_list table .writer .informer {
		color: #b31b1b;
	}

	.processing_results_list table .writer .informer:before {
		background: #b31b1b;
	}

	.processing_results_list table .writer .adm {
		color: #0047ab;
	}

	.processing_results_list table .writer .adm:before {
		background: #0047ab;
	}

	.processing_results_list table .tal {
		width: calc(100% - 420px);
	}

	.processing_results_list table .tal a {
		display: flex;
		align-items: center;
		gap: 16px;
		font-weight: 600;
	}

	.processing_results_list table .tal p {
		display: block;
		max-width: calc(100% - 95px);
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.processing_results_list table .tal .file {
		width: 15px;
		height: 18px;
		background: url("/pub/images/icon_file.svg") no-repeat 50% 50%;
	}

	.processing_results_list table .tal .new {
		font-size: 12px;
		color: #b31b1b;
		font-weight: 600;
		line-height: 20px;
		height: 22px;
		width: 48px;
		text-align: center;
		border: #b31b1b 1px solid;
	}

	.processing_results_list table .admin {
		width: 140px;
	}

	.processing_results_list table .admin span {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 4px;
		font-weight: 600;
		line-height: 26px;
		height: 26px;
		width: 120px;
		margin: 0 auto;
	}

	.processing_results_list table .admin span {
		justify-content: left;
	}

	.processing_results_list table .admin span:before {
		content: "";
		display: block;
		width: 16px;
		height: 16px;
		mask: url("/pub/images/icon_admin_read.svg") no-repeat 50% 50% / contain;
		-webkit-mask: url("/pub/images/icon_admin_read.svg") no-repeat 50% 50% / contain;
	}

	.processing_results_list table .admin .none_read {
		color: #222;
	}

	.processing_results_list table .admin .none_read:before {
		background: #222;
	}

	.processing_results_list table .admin .read {
		color: #b31b1b;
	}

	.processing_results_list table .admin .read:before {
		background: #b31b1b;
	}

	.processing_results_list table .date {
		width: 140px;
		color: #666;
		text-align: center;
		line-height: 26px;
	}

	/* 익명게시판 */
	.anonymity_list .box {
		position: relative;
		display: block;
		margin-bottom: 16px;
		border: #ddd 1px solid;
		background: #fff;
		padding: 48px;
		border: #ddd 1px solid;
		border-radius: 10px;
		box-shadow: 0px 4px 20px 0px rgba(104, 146, 255, 0.1);
	}

	.anonymity_list span {
		display: block;
	}

	.anonymity_list .tit {
		font-size: 24px;
		font-weight: 600;
		line-height: 28px;
		display: flex;
		align-items: center;
		gap: 10px;
		margin-bottom: 32px;
		transition: 0.2s linear;
	}

	.anonymity_list .tit span {
		max-width: calc(100% - 58px);
		overflow: auto;
	}

	.anonymity_list .tit .new {
		font-size: 12px;
		color: #b31b1b;
		font-weight: 600;
		line-height: 20px;
		height: 22px;
		width: 48px;
		text-align: center;
		border: #b31b1b 1px solid;
	}

	.anonymity_list p {
		font-size: 16px;
		line-height: 24px;
		height: 48px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: normal;
		word-wrap: break-word;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}

	.anonymity_list .writer {
		display: flex;
		gap: 16px;
		font-size: 16px;
		line-height: 28px;
		margin-top: 40px;
	}

	.anonymity_list .writer span {
		display: flex;
		align-items: center;
		gap: 8px;
		flex-wrap: wrap;
	}

	.anonymity_list .writer span:before {
		content: "";
		display: block;
		width: 16px;
		height: 16px;
		background: no-repeat 50% 50% / contain;
	}

	.anonymity_list .writer .i1 {
		font-weight: 700;
	}

	.anonymity_list .writer .i1:before {
		background-image: url("/pub/images/icon_anonymity01.svg");
	}

	.anonymity_list .writer .i2:before {
		background-image: url("/pub/images/icon_anonymity02.svg");
	}

	.anonymity_list .writer .i3:before {
		background-image: url("/pub/images/icon_anonymity03.svg");
	}

	.anonymity_list .writer .i4:before {
		background-image: url("/pub/images/icon_anonymity04.svg");
	}

	.anonymity_list .date {
		position: absolute;
		bottom: 48px;
		right: 48px;
		font-size: 16px;
		color: #666;
	}

	/* 소개 & 특장점 */
	.diagnosis_feature {
		position: relative;
		display: flex;
		gap: 100px;
	}

	.diagnosis_feature .c2 .mobile_only {
		display: none;
	}

	.diagnosis_feature:before {
		content: "";
		position: absolute;
		bottom: 0;
		left: 50%;
		width: 100px;
		height: calc(100% - 102px);
		background: url("/pub/images/arrow_feature.svg") no-repeat 50% 50%;
		transform: translateX(-50%);
	}

	.diagnosis_feature dl {
		width: calc(50% - 50px);
	}

	.diagnosis_feature dt {
		font-size: 24px;
		color: #fff;
		font-weight: 700;
		line-height: 48px;
		padding: 20px;
		text-align: center;
		border-radius: 8px;
		margin-bottom: 14px;
	}

	.diagnosis_feature .flex {
		gap: 18px;
		margin-bottom: 40px;
	}

	.diagnosis_feature .flex:last-child {
		margin-bottom: 0;
	}

	.diagnosis_feature .tt {
		font-size: 18px;
		font-weight: 600;
		line-height: 28px;
		width: 112px;
		background: #f5f6f8;
		border: #ddd 1px solid;
		border-radius: 4px;
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
	}

	.diagnosis_feature .box {
		flex: 1 1 calc(100% - 130px);
		border-top: #565e65 1px solid;
		border-bottom: #ddd 1px solid;
	}

	.diagnosis_feature .box th {
		background: #f5f6f8;
	}

	.diagnosis_feature .box th,
	.diagnosis_feature .box td {
		border-right: #ddd 1px solid;
		line-height: 20px;
		padding: 15px;
		text-align: center;
	}

	.diagnosis_feature .box th {
		font-size: 18px;
		font-weight: 600;
	}

	.diagnosis_feature .box td {
		border-top: #ddd 1px solid;
		font-size: 16px;
		color: #565e65;
	}

	.diagnosis_feature .box th:last-child,
	.diagnosis_feature .box td:last-child {
		border-right: 0;
	}

	.diagnosis_feature .box strong {
		color: #222;
	}

	.diagnosis_feature .box .large {
		font-size: 24px;
		line-height: 28px;
	}

	.diagnosis_feature .box .large .min_percent {
		font-size: 1rem;
	}

	.diagnosis_feature .box p {
		padding-left: 15px;
		color: #333;
		position: relative;
		line-height: 20px;
	}

	.diagnosis_feature .box p:before {
		content: "";
		position: absolute;
		top: 8px;
		left: 0;
		width: 4px;
		height: 4px;
		background: #0047ab;
		border-radius: 50%;
	}

	.diagnosis_feature .box col.w1 {
		width: 21%;
	}

	.diagnosis_feature .box col.w2 {
		width: 42%;
	}

	.diagnosis_feature .box col.w3 {
		width: auto;
	}

	.diagnosis_feature .box1 {
		height: 175px;
	}

	.diagnosis_feature .box2 {
		height: 260px;
	}

	.diagnosis_feature .c1 dt {
		background: #6b757f;
	}

	.diagnosis_feature .c2 dt {
		background: #0047ab;
	}

	.diagnosis_feature .c2 .box {
		display: flex;
		flex-direction: column;
		justify-content: center;
		padding: 0 48px;
	}

	.diagnosis_feature .c2 .box .large {
		display: block;
		margin: 24px 0 8px;
	}

	.diagnosis_feature .c2 .box .large:first-child {
		margin-top: 0;
	}

	.diagnosis_feature .c2 .box p {
		font-size: 18px;
		line-height: 28px;
	}

	.diagnosis_feature .c2 .box p:before {
		top: 12px;
	}

	.introduction_gtype {
		display: flex;
		flex-wrap: wrap;
	}

	.introduction_gtype .box {
		position: relative;
		width: 50%;
		padding: 46px 46px 46px 136px;
		border-radius: 20px;
		border: transparent 1px solid;
		transition: 0.2s linear;
	}

	.introduction_gtype .box:before {
		content: "";
		position: absolute;
		top: 46px;
		left: 46px;
		width: 60px;
		height: 60px;
		background: no-repeat 50% 50% / contain;
	}

	.introduction_gtype .box.vam {
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

	.introduction_gtype .box.vam:before {
		top: 50%;
		margin-top: -30px;
	}

	.introduction_gtype .tt {
		font-size: 26px;
		font-weight: 700;
	}

	.introduction_gtype p {
		font-size: 18px;
		line-height: 24px;
		margin: 8px 0 16px;
		color: #222;
	}

	.introduction_gtype .vam p {
		margin-bottom: 0;
	}

	.introduction_gtype ul {
		display: flex;
		gap: 10px;
		flex-wrap: wrap;
	}

	.introduction_gtype li {
		font-size: 14px;
		color: #1b52e0;
		font-weight: 600;
		line-height: 24px;
		height: 26px;
		padding: 0 14px;
		background: rgba(69, 133, 244, 0.05);
		border: rgba(69, 133, 244, 0.5) 1px solid;
	}

	.introduction_gtype .i1:before {
		background-image: url("/pub/images/icon_introduction_gtype01.svg");
	}

	.introduction_gtype .i2:before {
		background-image: url("/pub/images/icon_introduction_gtype02.svg");
	}

	.introduction_gtype .i3:before {
		background-image: url("/pub/images/icon_introduction_gtype03.svg");
	}

	.introduction_gtype .i4:before {
		background-image: url("/pub/images/icon_introduction_gtype04.svg");
	}

	.introduction_gtype .i5:before {
		background-image: url("/pub/images/icon_introduction_gtype05.svg");
	}

	.introduction_gtype .i6:before {
		background-image: url("/pub/images/icon_introduction_gtype06.svg");
	}

	.work_process {
		display: flex;
		gap: 60px;
	}

	.work_process li {
		position: relative;
		width: calc((100% - 180px) / 4);
		padding: 35px 20px;
		border: 1px solid;
		border-radius: 20px;
	}

	.work_process li:before {
		content: "";
		position: absolute;
		top: 0;
		left: -60px;
		width: 60px;
		height: 100%;
		background: #0047ab;
		mask: url("/pub/images/arrow_board.svg") no-repeat 50% 50%;
		-webkit-mask: url("/pub/images/arrow_board.svg") no-repeat 50% 50%;
	}

	.work_process li .num {
		color: #0047ab;
		line-height: 25px;
	}

	.work_process li .tit {
		font-size: 26px;
		font-weight: 600;
		line-height: 48px;
		margin-bottom: 10px;
	}

	.work_process li p {
		position: relative;
		color: #333;
		line-height: 28px;
		padding-left: 15px;
	}

	.work_process li p:before {
		content: "";
		position: absolute;
		top: 12px;
		left: 0;
		width: 4px;
		height: 4px;
		background: #0047ab;
		border-radius: 50%;
	}

	.work_process li.c1 {
		border-color: rgba(0, 71, 171, 0.15);
	}

	.work_process li.c1:before {
		display: none;
	}

	.work_process li.c2 {
		border-color: rgba(0, 71, 171, 0.3);
	}

	.work_process li.c2:before {
		opacity: 0.3;
	}

	.work_process li.c3 {
		border-color: #0047ab;
	}

	.work_process li.c3:before {
		opacity: 0.6;
	}

	.work_process li.c4 {
		border-color: #0047ab;
		border-width: 2px;
	}

	/* 내ㆍ외부 청렴도조사 */
	.inspection_area {
		display: flex;
		margin-top: 60px;
	}

	.inspection_area .box {
		position: relative;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.inspection_area .box p {
		font-size: 24px;
		font-weight: 600;
		line-height: 22px;
	}

	.inspection_area .box1 {
		width: 150px;
		gap: 25px;
	}

	.inspection_area .box1 li {
		position: relative;
		width: 100%;
		height: 58px;
		line-height: 58px;
		border: #ddd 1px solid;
		border-radius: 29px;
		text-align: center;
		box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);
		font-size: 16px;
	}

	.inspection_area .box1 li i {
		position: absolute;
		top: 50%;
		width: calc((1300px - 1180px) / 2);
		border-top: #000 1px dashed;
	}

	.inspection_area .box1 li i:before,
	.inspection_area .box1 li i:after {
		content: "";
		position: absolute;
		top: 50%;
		width: 11px;
		height: 11px;
		background: #fff;
		border: #000 3px solid;
		border-radius: 50%;
		z-index: 1;
		transform: translateY(-50%);
	}

	.inspection_area .box1 li i:before {
		left: -5px;
	}

	.inspection_area .box1 li i:after {
		right: -5px;
	}

	.inspection_area .box1.left li i {
		left: 100%;
	}

	.inspection_area .box1.right li i {
		right: 100%;
	}

	.inspection_area .box2,
	.inspection_area .center {
		height: 176px;
		border-radius: 88px;
	}

	.inspection_area .box2 {
		width: 240px;
		color: #222;
		box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);
	}

	.inspection_area .box2 i,
	.inspection_area .center i {
		content: "";
		display: block;
		width: 80px;
		height: 80px;
		background: no-repeat 50% 50% / contain;
	}

	.inspection_area .i1 i {
		background-image: url("/pub/images/icon_inspection_area01.svg");
	}

	.inspection_area .i2 i {
		background-image: url("/pub/images/icon_inspection_area02.svg");
	}

	.inspection_area .center {
		width: 250px;
		color: #fff;
		background: #0047ab;
		margin: 0 80px;
	}

	.inspection_area .center i {
		background-image: url("/pub/images/icon_inspection_area_center.svg");
	}

	.inspection_area .center:before,
	.inspection_area .center:after {
		content: "";
		position: absolute;
		top: 50%;
		width: 44px;
		height: 44px;
		background: url("/pub/images/arrow_inspection_area.svg") no-repeat 50% 50% / contain;
		margin-top: -22px;
		z-index: 1;
	}

	.inspection_area .center:before {
		left: -64px;
	}

	.inspection_area .center:after {
		right: -64px;
		transform: scaleX(-1);
	}

	.inspection_area .left {
		margin-right: calc((100% - 1190px) / 2);
	}

	.inspection_area .right {
		margin-left: calc((100% - 1190px) / 2);
	}

	.diagnosis_detail .box {
		border: #ddd 1px solid;
		border-radius: 20px;
		padding: 30px 40px;
		margin-top: 20px;
		display: flex;
		align-items: flex-start;
	}

	.diagnosis_detail .box:first-child {
		margin-top: 0;
	}

	.diagnosis_detail .tit {
		display: flex;
		gap: 24px;
		padding: 10px 20px 10px 30px;
		border-radius: 21px;
		background: #6b757f;
		font-size: 20px;
		color: #fff;
		line-height: 22px;
		width: 250px;
	}

	.diagnosis_detail .tit span {
		position: relative;
	}

	.diagnosis_detail .tit span:after {
		content: "";
		position: absolute;
		top: 50%;
		right: -12px;
		width: 1px;
		height: 14px;
		background: #fff;
		margin-top: -7px;
	}

	.diagnosis_detail.long .tit {
		width: 300px;
	}

	.diagnosis_detail.short .tit {
		width: 200px;
	}

	.diagnosis_detail .con {
		width: calc(100% - 250px);
		padding-left: 65px;
	}

	.diagnosis_detail.long .con {
		width: calc(100% - 300px);
	}

	.diagnosis_detail.short .con {
		width: calc(100% - 200px);
	}

	.diagnosis_detail .btxt {
		font-weight: 800;
		line-height: 31px;
		margin-bottom: 0;
	}

	.diagnosis_detail .tt {
		font-size: 20px;
		font-weight: 700;
		line-height: 1.4;
		margin: 20px 0 8px;
	}

	.diagnosis_detail .tt.bline {
		display: flex;
		border: 1px solid #6b757f;
		width: 120px;
		justify-content: center;
		font-weight: 500;
		border-radius: 20px;
		padding: 3px;
		font-size: 18px;
	}

	.diagnosis_detail p {
		position: relative;
		font-size: 18px;
		line-height: 28px;
		padding-left: 15px;
		margin-left: 13px;
	}

	.diagnosis_detail p:before {
		content: "";
		position: absolute;
		top: 12px;
		left: 0;
		width: 4px;
		height: 4px;
		background: #0047ab;
		border-radius: 50%;
	}

	.diagnosis_detail .btm {
		position: relative;
		margin-top: 40px;
		padding: 36px;
		background: #0047ab;
		border-radius: 20px;
		text-align: center;
		color: #fff;
	}

	.diagnosis_detail .btm i {
		position: absolute;
		top: -46px;
		left: 50%;
		width: 27px;
		height: 59px;
		background: url("/pub/images/ptn_diagnosis_detail.svg") no-repeat 50% 50% / contain;
		transform: translateX(-50%);
	}

	.diagnosis_detail .btm p {
		font-size: 24px;
		line-height: 28px;
		margin-bottom: 12px;
	}

	.diagnosis_detail .btm strong {
		display: block;
		font-size: 32px;
		font-weight: 700;
		line-height: 1.5;
	}

	/* 부패위험성 진단 */
	.diagnosis_step {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 30px;
		margin-top: 24px;
	}

	.diagnosis_step li {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		height: 175px;
	}

	.diagnosis_step i {
		width: 80px;
		height: 80px;
		background: no-repeat 50% 50% / contain;
	}

	.diagnosis_step p {
		font-size: 24px;
		font-weight: 600;
		line-height: 1;
	}

	.diagnosis_step .round {
		width: 175px;
		border-radius: 50%;
		box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);
	}

	.diagnosis_step .sqare {
		position: relative;
		margin-left: 62px;
		width: 290px;
		background: #0047ab;
		border-radius: 20px;
		color: #fff;
	}

	.diagnosis_step .sqare:before {
		content: "";
		position: absolute;
		top: 0;
		left: -72px;
		width: 62px;
		height: 100%;
		background: url("/pub/images/arrow_step.svg") no-repeat 50% 50%;
	}

	.diagnosis_step .i1 i {
		background-image: url("/pub/images/icon_diagnosis_step01.svg");
	}

	.diagnosis_step .i2 i {
		background-image: url("/pub/images/icon_diagnosis_step02.svg");
	}

	.diagnosis_step .i3 i {
		background-image: url("/pub/images/icon_diagnosis_step03.svg");
	}

	.diagnosis_step .i4 i {
		background-image: url("/pub/images/icon_diagnosis_step04.svg");
	}

	/* 설문조사 */
	.survey_step {
		display: flex;
		align-items: center;
	}

	.survey_step div {
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: left;
		font-weight: 600;
		padding: 0 30px;
	}

	.survey_step .before {
		width: 44%;
		height: 160px;
		font-size: 18px;
		border: #ddd 1px solid;
		border-right: 0;
		border-radius: 20px 0 0 20px;
	}

	.survey_step .after {
		position: relative;
		width: 56%;
		height: 200px;
		font-size: 20px;
		color: #0047ab;
		line-height: 35px;
		border: #0047ab 2px solid;
		border-radius: 20px;
		box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);
	}

	.survey_step .after:before {
		content: "";
		position: absolute;
		top: 50%;
		left: -33px;
		width: 67px;
		height: 67px;
		background: url("/pub/images/arrow_step2.svg") no-repeat 50% 50% / contain;
		transform: translateY(-50%);
	}

	/* 자료요청 */
	.img_request {
		margin-top: 50px;
	}

	.input_box_wrap {
		display: flex;
		flex-wrap: wrap;
		gap: 16px;
	}

	.input_box_wrap dl {
		flex: 1 1 calc(50% - 8px);
		display: flex;
		background: #f5f5f5;
		padding: 10px 24px;
		font-size: 16px;
		line-height: 40px;
		border-radius: 10px;
	}

	.input_box_wrap dl.w100p {
		flex-basis: 100%;
	}

	.input_box_wrap dl.pd20 {
		padding: 20px 24px;
	}

	.input_box_wrap dt {
		width: 130px;
		font-weight: 700;
	}

	.input_box_wrap dt label {
		display: block;
	}

	.input_box_wrap dt.line20 {
		line-height: 20px;
	}

	.input_box_wrap dd {
		width: calc(100% - 130px);
		display: flex;
		gap: 0 30px;
		flex-wrap: wrap;
		align-content: center;
	}

	.input_box_wrap .text {
		display: block;
		font-size: 16px;
		background: none;
		border: 0;
		width: 100%;
		outline: 0;
	}

	.input_box_wrap .text::placeholder {
		color: #565e65;
	}

	.input_box_wrap .check i {
		border-color: #d9d9d9;
	}

	.input_box_wrap .flex_between {
		padding-right: 24px;
		flex-wrap: wrap;
	}

	.input_box_wrap .flex_center {
		justify-content: center;
	}

	.captcha {
		display: flex;
		gap: 16px;
	}

	.captcha .img_area {
		border: #ddd 1px solid;
		border-radius: 5px;
		padding: 6px 10px 6px 2px;
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 2px;
	}

	.captcha .img_area .imgfit {
		width: 134px;
		height: 48px;
	}

	.captcha .img_area .btn_re {
		width: 40px;
		height: 40px;
		background: url("/pub/images/btn_re.svg") no-repeat 50% 50% / contain;
		border-radius: 5px;
	}

	.captcha .input_area {
		display: flex;
		align-items: center;
		font-size: 16px;
		height: 60px;
		line-height: 58px;
		border: #ddd 1px solid;
		border-radius: 5px;
		padding: 0 24px;
		width: 640px;
	}

	.captcha .input_area .tt {
		font-weight: 600;
		color: #000;
		width: 130px;
	}

	.captcha .input_area .text {
		width: calc(100% - 130px);
		padding: 0;
		line-height: inherit;
		height: 58px;
	}

	.input_box_wrap .checkbox {
		display: flex;
	}

	.input_box_wrap .checkbox {
		align-items: center;
		gap: 30px;
		padding-top: 4px;
	}

	.input_box_wrap .check {
		font-size: 16px;
	}

	.input_box_wrap .check i {
		border-color: #d9d9d9;
	}

	.input_box_wrap .btn_more {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 8px;
		width: 160px;
		height: 52px;
		line-height: 52px;
		font-size: 14px;
		color: #222;
		padding: 0;
		border: 1px solid #ddd;
	}

	.input_box_wrap .btn_more:before {
		content: "";
		display: block;
		width: 16px;
		height: 14px;
		background: url("/pub/images/btn_more.svg") no-repeat 50% 50% / contain;
	}

	p.footnote {
		margin-top: 20px;
	}

	p.footnote .bline {
		display: inline-flex;
		border: 1px solid #6b757f;
		width: 120px;
		justify-content: center;
		font-weight: 500;
		border-radius: 20px;
		padding: 3px;
		font-size: 18px;
		margin-right: 15px;
	}

	.input_box_wrap dt span.sub_info {
		font-size: 14px;
		font-weight: 500;
	}

	/* helpline system */
	.inner .location {
		display: flex;
		align-items: center;
	}

	.inner .location i {
		display: block;
		width: 12px;
		height: 13px;
		background: url("/pub/images/icon_home_bl.svg") no-repeat 50% 50% / contain;
	}

	.inner .location em {
		display: block;
		width: 36px;
		height: 12px;
		background: url("/pub/images/arrow_location_bl.svg") no-repeat 50% 50%;
	}

	.inner .location span {
		font-size: 14px;
		font-weight: 400;
		color: #666;
	}

	.mg300 {
		padding: 0;
		margin: 30px 0 !important;
	}

	.mgt30 {
		margin-top: 30px;
	}