@charset "utf-8";
/* Pagenation */
.pagenation ul > .active > a,
.pagenation ul > .active > span{ border-color:#0d5c9c; background-color:#0d5c9c}
/* Tab + List */
.tab.list ul		{ text-align:left}
.tab.list li a		{ color:#505050}
.tab.list li a span	{ font-weight:400; border:0; border-left:1px solid #d7d7d7; background:#fff}
.tab.list li:first-child a span{ padding-left:0; border-left:0}
.tab.list li li a:hover,.tab.list li li a:active,.tab.list li li a:focus{ color:#202020; text-decoration:none}
.tab.list li li span{ color:#505050}
.tab.list li.active a{ color:#202020}
.tab.list li.active a span{ font-weight:500; border-color:#d7d7d7; background:#fff}
.tab.list li.active li a{ color:#202020}
.tab.list li li a strong,.tab.list li li a span{ display:block; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; width:100%}
.tab.list li li a strong{ -webkit-line-clamp:1; font-weight:500}
.tab.list li li a span{ -webkit-line-clamp:2; font-weight:400}
.tab.list li.active li a span{ font-weight:400}
.tab.list li li.more a{ padding-left:0; width:35px; height:35px; line-height:35px; background-image:url(/images/T-A/main/more-grey.png); border:1px solid #bfc0c1; text-indent:-9999px}
/* TOP버튼 */
.to-top-btn			{
	background-color:#fff;
	background-image:url(/images/T-A/common/topofpage.png);
}
/* Global Navigation Bar */
#gnb.active			{ border-bottom-color:#0d5c9c}
#gnb > ul > li > a.on{ color:#0d5c9c}
#gnb > ul > li:hover > a,#gnb > ul > li:active > a,#gnb > ul > li:focus > a{ color:#0d5c9c}
#gnb .gnb-2dep > li mark{ color:#0d5c9c}
#gnb .gnb-2dep > li a:hover{ color:#0d5c9c}
#gnb .gnb-2dep > li a:hover,#gnb .gnb-2dep > li a:active,#gnb .gnb-2dep > li a:focus{ background-color:#0d5c9c}
/* 모바일 GNB */
/* gnbBox */
#m-gnb #gnbBox		{ background-color:#0d5c9c}
#m-gnb #navigation > li.has-2dep.active > a{ background-color:#0d5c9c}
#m-gnb #navigation li .gnb-3dep{ border-color:#0d5c9c}
/* 탑메뉴-햄버거버튼 */
.kcva-sign			{ }
.kcva-sign a		{ color:#666; background-image:url()}
.kcva-sign .sns-link{ display:inline-block; vertical-align:middle}
.kcva-sign .sns-link li{ position:relative; float:left; border:1px solid #a9a9a9; background:50% -4px no-repeat}
.kcva-sign .sns-link li:first-child{ margin-left:0}
.kcva-sign .sns-link li a{ display:block; margin:0; padding:0; width:100%; height:100%}
.kcva-sign .sns-link li a span{ position:absolute; width:1px; height:1px; margin:-1px; overflow:hidden; clip-path:polygon(0 0, 0 0, 0 0)}
.kcva-sign .sns-link li.insta{ background-image:url(/images/T-A/common/insta.png?v=20220617)}
.kcva-sign .sns-link li.naver{ background-image:url(/images/T-A/common/naver.png?v=20220617)}
.kcva-sign .sns-link li.facebook{ background-image:url(/images/T-A/common/facebook.png?v=20220617)}
.kcva-sign .sns-link li:hover,.kcva-sign .sns-link li:active,.kcva-sign .sns-link li:focus{ border-color:#1e96d7; -webkit-transition:background-image .3s; -moz-transition:background-image .3s; -o-transition:background-image .3s; transition:background-image .3s}
.all-menu button	{ color:#666; background:#fff}
.all-menu .sitemap-line-btn,.all-menu .m-menu-line-btn{
	padding:5px 0 5px 5px;
	border-color:#fff;
	background-color:#fff;
}
.all-menu .sitemap-line-btn .line,.all-menu .m-menu-line-btn .line{
	margin:0 0 6px 0;
	height:4px;
	background-color:#666;
}
.all-menu .sitemap-line-btn .line1,.all-menu .m-menu-line-btn .line2{ margin-left:20%; width:80%}
.all-menu .m-menu-line-btn.nav-open-btn.on .line{ height:4px}
/* Swiper */
.swiper-button-next,.swiper-button-prev{ background-image:url(/images/T-A/main/gall-prev-next.png) !important}
.swiper-pagination-bullet{ width:15px; height:15px; border:2px solid #909090}
.swiper-pagination-bullet-active{ width:15px; height:15px; border:2px solid #0d5c9c}
.swiper-pagination-custom>.swiper-pagination-bullet{ border-color:#909090}
.swiper-pagination-custom>.swiper-pagination-bullet-active{ border-color:#0d5c9c}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 3px}
/* Layout */
.header				{ background-color:#fff; border-bottom-color:#e3e3e3}
.logo span			{ display:inline-block; vertical-align:middle; color:#222; font-weight:700}
.footer				{ background-color:#626169}
.footer .kcva-menu	{ border:0; background:#77757e}
.footer .kcva-menu li a{ color:#fff}
.footer .kcva-menu li strong{ color:#ffe100}
.footer a,.footer-content{ color:#fff}
.footer .footer-content h1,.footer .address{ display:block}
.footer .footer-content h1 strong{ display:block; color:#fff}
.footer .center-box > button span{ background-image:url(/images/common/select-center.png)}
.footer .center-list a:hover{ color:#0d5c9c}
/* main */
.body.main section	{ border-bottom:1px solid #e4e5e9}
.title-group		{ position:relative; text-align:center}
.title-group h1.head-title{ color:#202020; font-weight:500}
.board-business .flex-box .title-group h1.head-title{ color:#fff}
.board-business .board,.board-business .support-business{ float:left}
.board-business .support-process{ float:right}
.board-business .flex-box{ color:#fff; border-radius:15px}
.support-business .flex-box{ background:#0d5c9c; text-align:center}
.support-process .flex-box{ background:#1e96d7}
.support-business .flex-box ul li{ display:inline-block; vertical-align:middle}
.support-business .flex-box ul li a{ display:block; width:100%; height:100%; font-weight:400; color:#202020; background:#fff}
.support-process .flex-box>div{ width:100%}
.support-process .flex-box ul li{ position:relative; cursor:pointer}
.support-process .flex-box ul li.active{ background:#f7fafd}
.support-process .flex-box ul li.active span,.support-process .flex-box ul li.active strong{ color:#202020}
.support-process .flex-box ul li a{ position:absolute}
.support-process .flex-box ul li em{ position:absolute; display:block; left:50%; font-size:0; line-height:0}
.support-process .flex-box ul li span,.support-process .flex-box ul li strong{ display:inline-block; vertical-align:middle; font-weight:400}
.support-process .flex-box ul li span{ position:relative; text-transform:uppercase}
.support-process .flex-box ul li span span{ display:none; margin:0; width:100%}
.support-status		{ float:left}
.support-status .chart-hide{ display:block; position:absolute; z-index:1000; left:0; bottom:0; width:60px; height:25px; background:#f7fafd}/* 그래프 로고 숨김 */
.support-status .flex-box{ color:#202020; background:#f7fafd; border:1px solid #e1e2e3; text-align:center}
.support-status .flex-box>div{ width:100%}
.support-status .flex-box .title-group h1.head-title{ color:#202020}
.support-status .support-item{ position:relative}
.support-status .graph-box.bar{ float:left}
.support-status .graph-box.pie{ float:right}
.support-status .graph-box h3,.support-status .status strong{ display:block; color:#202020; font-weight:400}
.support-status .graph-box.bar>div,.support-status .graph-box.pie>div{ position:relative}
.support-status .status{ position:absolute; left:50%; margin:0 auto}
.support-status .status li:first-child{ margin-top:0}
.support-status .status span{ display:block}
.support-status .status span em{ font-weight:400; font-style:normal}
.support-status .status span em,.support-status .status span strong{ display:inline-block; vertical-align:baseline}
.support-status .status span strong{ font-weight:500}
.find-save .save-tel .save{ float:left}
.find-save .save-tel .save h2 mark,.find-save .save-tel .save h2 span{ display:inline-block; vertical-align:baseline; color:#0d5c9c}
.find-save .save-tel .save h2 mark{ background:transparent; font-weight:700}
.find-save .save-tel .save h2 span{ font-weight:500}
.find-save .save-tel .save p{ color:#505050; font-weight:400}
.find-save .save-tel .tel{ position:relative; float:right}
.find-save .save-tel .tel h2 img,.find-save .save-tel .tel h2 span{ display:inline-block; vertical-align:middle}
.find-save .save-tel .tel h2 span span,.find-save .save-tel .tel h2 span strong{ display:block}
.find-save .save-tel .tel h2 span span{ color:#202020; font-weight:500}
.find-save .save-tel .tel span strong{ color:#505050; font-weight:400}
.find-save .save-tel .tel em{ display:inline-block; position:absolute; color:#0d5c9c; font-weight:700; font-style:normal}
.find-save .find-center label,.find-save .find-center select,
.find-save .find-center input[type="text"],.find-save .find-center input[type="submit"]{ display:inline-block; vertical-align:top}
.find-save .find-center label{ color:#202020; font-weight:400}
.find-save .find-center select{ background-image:url(/images/T-A/main/select.png)}
.find-save .find-center input[type="submit"]{ padding:0; color:#fff; text-align:center; border:0; background:#1e96d7; cursor:pointer}
.find-save .find-area{ float:left}
.find-save .find-name{ float:right; text-align:right}
.body.main section.kcva-album{ border-bottom:0}
.album-list			{ position:relative; float:left}
.album-box			{ position:relative; border:1px solid #d7d7d7; text-align:left}
.album-box strong	{ display:block; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; width:100%; line-height:1.4em; height:1.4em; color:#fff; font-weight:300; text-align:left}
.album-box .album-title{ position:absolute; left:0; bottom:0; background:transparent url(/images/T-A/main/transparent-black.png) 0 0 repeat}
.album-box .image-caption{ overflow:hidden; display:flex; justify-content:center; align-items:center; height:100%; border-bottom:1px solid #d7d7d7}
.album-box .image-caption img{ display:block; width:100%; height:100%; object-fit:cover}
.album-box .date-numeral{ display:block; position:absolute; font-family:'Nanum Gothic'; color:#fff; font-weight:400}
.swiper-container.album .more-album{ position:absolute; z-index:10; background:transparent url(/images/T-A/main/more-white.png) 10px 45% no-repeat}
.swiper-container.album .more-album a{ display:block; width:100%; height:100%; text-indent:-9999px}
.kcva-campaign		{ float:right}
ul.campaign-banner li{ float:left; overflow:hidden; display:flex; justify-content:center; align-items:center; border:1px solid #d7d7d7; border-left:0}
ul.campaign-banner li:first-child{ border-left:1px solid #d7d7d7}
ul.campaign-banner li>a{ display:block; width:100%; height:100%; text-align:center}
ul.campaign-banner li strong{ display:block}
ul.campaign-banner li span{ overflow:hidden; display:flex; justify-content:center; align-items:center; margin:0 auto}
ul.campaign-banner li img{ display:inline-block; max-width:100%}
ul.campaign-banner li strong{ color:#333; font-weight:400}
.support-info		{ float:right; overflow:hidden; display:flex; justify-content:center; align-items:center; background:#6a7179 url(/images/T-A/main/back-support.png) 100% 55px no-repeat}
.support-info .center-support{ position:relative; width:100%; text-align:left}
.support-info .center-support p span{ color:#fff; font-weight:300}
.support-info .center-support span,
.support-info .center-support strong{ display:inline-block; vertical-align:middle; color:#f0f1a8; font-weight:400}
.support-info .center-support a{ position:absolute; left:50%; margin:0 auto; color:#202020; font-weight:400; text-align:center; background:#f0f1a8}
.kcva-related .related-logo a{ overflow:hidden; display:flex; justify-content:center; align-items:center; border:1px solid #e3e3e3}
.kcva-related .related-logo img{ display:block; width:100%; height:100%; object-fit:cover}
.kcva-related .more-related{ position:absolute; z-index:10; background:#fff url(/images/T-A/main/more-grey.png) 50% 50% no-repeat; border:1px solid #d7d7d7}
.kcva-related .more-related a{ display:block; width:100%; height:100%; text-indent:-9999px}
.kcva-related .slide-pause{ position:absolute; text-align:left; padding:0; margin:0}
.kcva-related .slide-pause button{ display:block; padding:0; background:#fff 50% 45% no-repeat; border:0; cursor:pointer; text-indent:-9999px}
.kcva-related .slide-pause button:active,.kcva-related .slide-pause button:focus{ outline:1px solid #000}
.kcva-related .slide-pause button.r-pause{ background-image:url(/images/T-A/common/pause.png)}
.kcva-related .slide-pause button.r-play{ display:none; background-image:url(/images/T-A/common/play.png)}

/* PC */
/* Tab + List */
.tab.list			{ height:270px !important}
.tab.list li		{ width:auto}
.tab.list li a		{ font-size:24px}
.tab.list li a span	{ padding:0 25px; height:30px; line-height:28px}
.tab.list li ul		{ top:80px}
.tab.list li li a strong{ margin-bottom:30px; font-size:22px; line-height:1.4em; height:1.4em}
.tab.list li li a span{ padding:0; height:auto; font-size:18px; line-height:1.4em; height:2.8em}
.tab.list li li.more{ right:0; top:-80px}
.tab.list .list-box	{ height:155px; border:0}
.tab.list .list-box a{ margin:0; padding:0 25px 0 0}
.tab.list li.active a{ font-size:28px}
.tab.list li.active .list-box .date-numeral{ width:100%; padding-left:0; height:20px; font-size:16px; line-height:20px; text-align:left; border-top:0}
@media only screen and (max-width:1200px) {
	.tab.list li a{ font-size:20px}
	.tab.list li a span{ padding:0 20px}
	.tab.list li li a strong{ font-size:19px}
	.tab.list li li a span{ font-size:17px}
	.tab.list .list-box a{ padding:0 20px 0 0}
	.tab.list li.active a{ font-size:24px}
}
@media only screen and (max-width:970px) {
	.tab.list li{ padding-top:7px}
	.tab.list li a{ font-size:18px}
	.tab.list li a span{ padding:0 15px; height:20px; line-height:20px}
	.tab.list li li{ padding-top:0}
	.tab.list li li a strong{ font-size:18px}
	.tab.list li li a span{ font-size:16px}
	.tab.list li.active a{ font-size:22px}
}
@media only screen and (max-width:768px) {
	.tab.list{ height:215px !important}
	.tab.list li{ padding-top:0}
	.tab.list li ul{ top:50px}
	.tab.list li li a strong{ margin-bottom:20px}
	.tab.list li li.more{ top:-60px}
	.tab.list .list-box{ height:130px}
	.tab.list .list-box a{ padding:0}
	.tab.list li.active .list-box .date-numeral{ font-size:14px}
}
@media only screen and (max-width:400px) {
	.tab.list li a,.tab.list li li a strong{ font-size:17px}
	.tab.list li li a span{ font-size:15px}
	.tab.list li.active a{ font-size:20px}
}
/* TOP버튼 */
.to-top-btn			{ right:30px; width:45px; height:45px; border:1px solid #d7d7d7; border-radius:0}
.to-top-btn.fixed	{ bottom:40px}
@media only screen and (max-width:1024px) {
	.to-top-btn{ right:20px}
}
@media only screen and (max-width:970px) {
	.to-top-btn.fixed{ bottom:20px}
}
@media only screen and (max-width:550px) {
	.to-top-btn{ right:10px}
}
/* 탑메뉴-햄버거버튼 */
.kcva-sign .sns-link li{ margin-left:5px; width:35px; height:35px; border-radius:15px}
.kcva-sign .sns-link li.facebook{ margin-left:5px}
.kcva-sign .sns-link li.insta:hover,.kcva-sign .sns-link li.insta:active,.kcva-sign .sns-link li.insta:focus,
.kcva-sign .sns-link li.naver:hover,.kcva-sign .sns-link li.naver:active,.kcva-sign .sns-link li.naver:focus,
.kcva-sign .sns-link li.facebook:hover,.kcva-sign .sns-link li.facebook:active,.kcva-sign .sns-link li.facebook:focus{ background-position:50% -44px}
@media only screen and (max-width:970px) {
	.kcva-sign a{ margin:0 10px}
	.kcva-sign .sns-link{ margin-top:1px}
}
@media only screen and (max-width:700px) {
	.kcva-sign a{ display:none}
	.kcva-sign .sns-link li{ width:30px; height:30px; border-radius:12px; background-size:14px}
	.kcva-sign .sns-link li.insta:hover,.kcva-sign .sns-link li.insta:active,.kcva-sign .sns-link li.insta:focus,
.kcva-sign .sns-link li.naver:hover,.kcva-sign .sns-link li.naver:active,.kcva-sign .sns-link li.naver:focus,
.kcva-sign .sns-link li.facebook:hover,.kcva-sign .sns-link li.facebook:active,.kcva-sign .sns-link li.facebook:focus{ background-position:50% -39px}
}
@media only screen and (max-width:550px) {
	.kcva-sign{ display:block}
}
/* Swiper */
.swiper-button-prev1,.swiper-button-next1{ background-color:#626169; border:0}
.swiper-button-prev1{ right:48px !important}
.swiper-button-next1{ right:0 !important}
.swiper-button-prev2,.swiper-button-next2{ width:30px !important; background-image:url(/images/common/prev-next.png) !important; border:0}
.swiper-button-prev2{ left:0 !important; background-position:7px 45% !important}
.swiper-button-next2{ right:0 !important; background-position:-30px 45% !important}
.swiper-container-horizontal>.swiper-pagination-bullets{ bottom:auto}
.swiper-button-prev2,.swiper-button-next2{ margin-top:-25px}
/* Layout */
.logo span			{ font-size:22px; line-height:22px}
.logo img			{ margin-right:10px}
.logo mark			{ margin-top:5px; font-size:14px; line-height:14px}
.footer .kcva-menu li{ margin-left:40px; padding:15px 0 18px}
.footer .footer-content h1{ margin-right:0}
.footer .footer-content h1 strong{ font-size:20px; line-height:18px}
.footer .address	{ margin-top:20px}
@media only screen and (max-width:1550px) {
	.footer .address{ margin-top:20px}
}
@media only screen and (max-width:1350px) {
}
@media only screen and (max-width:1200px) {
	.logo img{ width:30px}
	.logo span{ font-size:20px; line-height:18px}
}
@media only screen and (max-width:1024px) {
	.logo span{ font-size:18px; line-height:16px}
	.logo mark{ font-size:13px; line-height:13px}
}
@media only screen and (max-width:970px) {
	.footer .kcva-menu li{ margin-left:40px; padding:12px 0 15px; width:auto}
	.footer .kcva-menu li:nth-child(odd),.footer .kcva-menu li:nth-child(even){ padding:12px 0 15px; width:auto}
}
@media only screen and (max-width:768px) {
	.logo{ margin-top:7px}
	.logo img{ margin-right:5px; width:22px}
	.logo span{ font-size:15px; line-height:15px}
	.logo mark{ display:inline-block; vertical-align:middle; margin:0 2px 0; font-size:12px; line-height:12px}
	.footer .address{ margin-top:75px}
}
@media only screen and (max-width:550px) {
	.footer .kcva-menu{ padding-left:0; padding-right:0}
	.footer .kcva-menu ul{ text-align:center}
	.footer .kcva-menu li{ margin-left:15px}
}
@media only screen and (max-width:440px) {
	.logo mark{ display:block; margin:3px 0 0}
	.footer .kcva-menu li{ margin-left:8px}
	.footer .fl-right{ margin-top:-170px}
}
@media only screen and (max-width:380px) {
	.footer .kcva-menu li a{ font-size:13px}
	.footer .fl-right{ margin-top:-200px}
	.footer .address span:nth-child(2){ display:block; width:1px}
}
/* main */
.body.main section	{ padding:60px 0}
.title-group		{ margin-bottom:40px}
.title-group h1.head-title{ font-size:28px; line-height:24px}
.board-business .board{ margin-top:27px; width:35%}
.board-business .board .swiper-pagination-custom2,
.board-business .board .swiper-pagination-custom3{ margin-top:10px}
.board-business .flex-box{ height:450px}
.board-business .support-business{ margin-left:3%; width:28%}
.board-business .support-process{ width:31%}
.support-business .flex-box{ padding:0 40px}
.support-business .flex-box p{ margin-bottom:30px; font-size:18px; line-height:24px}
.support-business .flex-box ul li{ margin:5px 3px; width:130px}
.support-business .flex-box ul li a{ font-size:18px; line-height:45px; border-radius:22px}
.support-process .flex-box ul li{ padding:0 40px; height:35px}
.support-process .flex-box ul li.active{ height:45px}
.support-process .flex-box ul li a{ display:none; top:18%; right:40px; width:22px; height:30px; background:url(/images/T-A/main/arrow-go.png) 0 7px no-repeat; text-indent:-9999px}
.support-process .flex-box ul li em{ margin-left:-6px; width:12px; height:6px; bottom:-8px}
.support-process .flex-box ul li span,.support-process .flex-box ul li strong{ font-size:18px; line-height:32px}
.support-process .flex-box ul li span{ margin-right:30px; width:50px; font-size:16px}
.support-process .flex-box ul li.active span,.support-process .flex-box ul li.active strong{ line-height:43px}
.support-process .flex-box ul li.active span span{ display:block}
.support-process .flex-box ul li.active a{ display:block}
.support-status		{ margin-top:40px; width:100%}
.support-status .flex-box{ border-radius:15px}
.support-status .flex-box>div{ padding:0 40px; height:370px}
.support-status .graph-box.bar,.support-status .graph-box.pie{ margin-top:-50px}
.support-status .graph-box.bar>div,.support-status .graph-box.pie>div{ height:320px}
.support-status .status{ top:60px; margin-left:-150px; width:300px}
.support-status .graph-box.bar{ width:35%}
.support-status .graph-box.pie{ width:35%}
.support-status .graph-box h3{ margin-top:15px}
.support-status .graph-box h3,.support-status .status strong{ font-size:20px}
.support-status .status li{ margin-top:30px}
.support-status .status strong{ margin-bottom:7px}
.support-status .status span em{ margin-left:7px; font-size:20px}
.support-status .status span strong{ margin:0; font-size:26px}
.find-save .save-tel{ margin-top:-10px}
.find-save .save-tel .save,.find-save .save-tel .tel{ width:43%}
.find-save .save-tel .save h2 mark{ font-size:37px}
.find-save .save-tel .save h2 span{ font-size:26px}
.find-save .save-tel .save p{ font-size:20px}
.find-save .save-tel .tel h2 img{ margin-right:5px}
.find-save .save-tel .tel h2 span span{ font-size:24px}
.find-save .save-tel .tel h2 span strong{ font-size:16px}
.find-save .save-tel .tel em{ top:-3px; right:0; font-size:45px}
.find-save .find-center{ margin-top:45px}
.find-save .find-center label,.find-save .find-center select,
.find-save .find-center input[type="text"],.find-save .find-center input[type="submit"]{ height:40px}
.find-save .find-center select{ width:27.5%}
.find-save .find-center label{ margin-right:25px; font-size:24px}
.find-save .find-center select{ margin-right:5px}
.find-save .find-center input[type="text"]{ margin-right:5px; width:51%}
.find-save .find-center input[type="submit"]{ width:80px}
.find-save .find-area{ width:54.5%}
.find-save .find-name{ width:34.5%}
.album-list			{ width:31%}
.album-box			{ height:325px}
.album-box strong	{ margin:0 0 0 20px; width:60%; height:100%; font-size:18px; line-height:57px}
.album-box .album-title{ padding:0; width:100%; height:60px}
.album-box .date-numeral{ right:50px; bottom:35%; font-size:16px}
.swiper-container.album .more-album{ bottom:0; right:0; width:45px; height:60px}
.kcva-campaign		{ width:64%}
ul.campaign-banner li{ width:25%}
ul.campaign-banner li>a{ padding:20px 0}
ul.campaign-banner li span{ width:70px; height:70px}
ul.campaign-banner li strong{ margin-top:15px; font-size:18px}
.support-info		{ margin-top:23px; width:64%; height:150px}
.support-info .center-support{ padding:0 60px}
.support-info .center-support p{ margin-top:-5px}
.support-info .center-support p span{ font-size:20px}
.support-info .center-support span,.support-info .center-support strong{ font-size:26px}
.support-info .center-support a{ bottom:0; margin-left:-65px; width:155px; height:40px; font-size:15px; line-height:40px; border-radius:20px}
.support-info .center-support .support-tel{ margin-top:10px}
.support-info .center-support .support-tel span{ margin-right:10px}
.body.main section.kcva-related{ padding-top:0}
.kcva-related article{ padding-right:200px}
.kcva-related .related-logo a{ padding:5px; height:50px}
.kcva-related .more-related{ top:6px; right:0; width:50px; height:50px}
.kcva-related .slide-pause{ top:6px; right:60px; width:110px; height:50px}
.kcva-related .slide-pause button{ margin-left:35px; width:40px; height:50px}
@media only screen and (max-width:1350px) {
	.support-business .flex-box{ padding:0 20px}
	.support-business .flex-box ul li{ width:120px}
	.support-process .flex-box ul li{ padding:0 20px}
	.support-process .flex-box ul li a{ right:20px}
	.support-process .flex-box ul li span{ margin-right:20px}
	.support-status .flex-box>div{ padding:0 50px}
	.support-status .status{ margin-left:-125px; width:250px}
	.support-status .graph-box.bar,.support-status .graph-box.pie{ width:38%}
	.support-status .graph-box h3,.support-status .status strong{ font-size:18px}
	.support-status .status span em{ font-size:18px}
	.support-status .status span strong{ font-size:24px}
	.find-save .save-tel .save{ width:50%}
	.find-save .save-tel .tel{ width:48%}
	.find-save .find-area{ width:56.5%}
	.find-save .find-name{ width:40.5%}
	.support-info .center-support a{ margin-left:-40px}
	.body.main .kcva-related article{ padding:0 220px 0 30px}
	.kcva-related .more-related{ right:30px}
	.kcva-related .slide-pause{ right:90px}
}
@media only screen and (max-width:1200px) {
	.title-group h1.head-title{ font-size:26px; line-height:22px}
	.board-business .support-business{ margin-left:2%; width:26%}
	.board-business .support-process{ width:35%}
	.support-business .flex-box{ padding:0 10px}
	.support-business .flex-box p{ margin-bottom:20px; padding:0 10px; font-size:16px; line-height:22px}
	.support-business .flex-box ul li{ width:100px}
	.support-business .flex-box ul li a{ font-size:16px; line-height:40px; border-radius:20px}
	.support-process .flex-box ul li span,.support-process .flex-box ul li strong{ font-size:16px}
	.support-process .flex-box ul li span{ margin-right:10px; width:45px; font-size:14px}
	.support-status .flex-box>div{ padding:0 30px}
	.find-save .save-tel .tel{ width:48%}
	.find-save .save-tel .save h2 mark{ font-size:30px}
	.find-save .save-tel .save h2 span{ font-size:22px}
	.find-save .save-tel .save p{ font-size:18px}
	.find-save .save-tel .tel h2 span span{ font-size:20px}
	.find-save .save-tel .tel h2 span strong{ font-size:16px}
	.find-save .save-tel .tel em{ font-size:36px}
	.find-save .find-center{ margin-top:35px}
	.find-save .find-center label{ font-size:20px; line-height:38px}
	.find-save .find-center select{ width:25%}
	.find-save .find-center input[type="text"]{ width:48.5%}
	.album-box strong{ width:57%; font-size:16px}
	.album-box .date-numeral{ bottom:38%; font-size:14px}
	.support-info{ background-size:45%; background-position:100% 60px}
	.support-info .center-support a{ margin-left:-5px}
}
@media only screen and (max-width:1024px) {
	.support-business .flex-box p{ font-size:14px; line-height:18px}
	.support-business .flex-box ul li{ margin:2px; padding:0 40px; width:100%}
	.support-business .flex-box ul li a{ font-size:15px; line-height:30px}
	.support-process .flex-box ul li{ padding:0 10px}
	.support-process .flex-box ul li strong{ font-size:15px}
	.board-business .support-status .flex-box{ height:auto}
	.support-status .flex-box>div{ padding:30px 50px; height:auto}
	.support-status .graph-box.bar,.support-status .graph-box.pie{ margin-top:0}
	.support-status .graph-box.bar{ width:70%}
	.support-status .graph-box.pie{ margin-top:25px; width:100%}
	.support-status .graph-box h3,.support-status .status strong{ font-size:18px}
	.support-status .graph-box.bar>div{ height:260px}
	.support-status .status{ position:static; top:auto; float:right; margin-left:0; width:auto}
	.support-status .status span em{ font-size:18px}
	.support-status .status span strong{ font-size:24px}
	.find-save .save-tel .save h2 mark{ font-size:26px}
	.find-save .save-tel .save h2 span{ font-size:20px}
	.find-save .save-tel .save p{ font-size:16px}
	.find-save .save-tel .tel h2 span span{ font-size:18px}
	.find-save .save-tel .tel h2 span strong{ font-size:15px}
	.find-save .save-tel .tel em{ font-size:30px}
	.find-save .find-center{ margin-top:35px}
	.find-save .find-center label{ font-size:18px; line-height:40px}
	.find-save .find-center select,.find-save .find-center input[type="text"]{ font-size:15px}
	.body.main section{ padding:35px 0}
	.album-list{ width:36%}
	.album-box{ height:303px}
	.album-box .album-title{ height:50px}
	.album-box strong{ line-height:47px}
	.swiper-container.album .more-album{ height:50px}
	.kcva-campaign,.support-info{ width:60%}
	ul.campaign-banner li span{ width:50px; height:50px}
	ul.campaign-banner li strong{ font-size:16px}
	.support-info .center-support{ padding:0 40px}
	.support-info .center-support p span{ font-size:18px}
	.support-info .center-support span,.support-info .center-support strong{ font-size:22px}
	.support-info .center-support a{ margin-left:-5px; width:130px; height:35px; font-size:14px; line-height:35px; border-radius:17px}
	.body.main .kcva-related article{ padding-left:20px}
	.kcva-related .more-related{ right:20px}
	.kcva-related .slide-pause{ right:80px}
}
@media only screen and (max-width:970px) {
	.support-business .flex-box ul li{ padding:0 20px}
	.support-process .flex-box ul li{ padding-right:0}
	.support-process .flex-box ul li strong{ font-size:14px}
	.find-save .save-tel .save{ width:45%}
	.find-save .save-tel .tel{ width:40%}
	.find-save .save-tel .save h2 mark{ display:block}
	.find-save .save-tel .tel em{ position:static; top:auto; right:auto; margin-left:60px}
	.find-save .find-area{ width:58%}
	.find-save .find-name{ width:41%}
	.find-save .find-center label{ margin-right:15px; font-size:15px}
	.find-save .find-center input[type="submit"]{ width:65px}
	.album-list{ width:38%}
	.kcva-campaign,.support-info{ width:58%}
	.support-info .center-support .support-tel{ margin-top:-5px}
	.support-info .center-support p span{ font-size:16px}
	.support-info .center-support span,.support-info .center-support strong{ font-size:20px}
	.support-info .center-support a{ display:block; position:static; bottom:auto; margin-left:0; margin-top:10px}
}
@media only screen and (max-width:768px) {
	.board-business .board{ margin-top:0; width:100%}
	.board-business .support-business,.board-business .support-process{ margin-top:25px; width:49%}
	.board-business .support-business{ margin-left:0}
	.support-business .flex-box ul li{ padding:0 50px}
	.support-business .flex-box ul li a{ font-size:14px}
	.support-process .flex-box ul li{ padding:0 0 0 10px}
	.support-process .flex-box ul li span{ margin-right:5px; font-size:13px}
	.title-group h1.head-title{ font-size:22px; line-height:22px}
	.support-status .flex-box>div{ padding:30px 30px}
	.support-status .status strong{ text-align:right}
	.support-status .graph-box.bar{ width:60%}
	.support-status .graph-box.pie{ text-align:center}
	.find-save .save-tel .save h2 mark{ font-size:24px}
	.find-save .save-tel .save h2 span{ font-size:18px}
	.find-save .save-tel .save p{ font-size:15px}
	.find-save .save-tel .tel{ width:45%}
	.find-save .save-tel .tel h2 img{ display:block; margin-right:0; width:40px}
	.find-save .save-tel .tel h2 span span{ font-size:17px}
	.find-save .save-tel .tel em{ margin-left:0; font-size:24px}
	.find-save .find-center{ margin-top:25px}
	.find-save .find-center label,.find-save .find-center select,
	.find-save .find-center input[type="text"],.find-save .find-center input[type="submit"]{ float:left}
	.find-save .find-area,.find-save .find-name{ width:100%; text-align:left}
	.find-save .find-center label{ width:120px; margin-right:0}
	.find-save .find-center select{ width:30%; margin-right:1%}
	.find-save .find-center input[type="text"]{ margin-right:1%; width:61%}
	.find-save .find-name{ margin-top:5px}
	.body.main section{ padding:25px 0}
	.album-list{ width:100%}
	.album-box{ height:350px}
	.album-box strong{ width:75%}
	.kcva-campaign,.support-info{ margin-top:25px; width:100%}
	.support-info{ height:130px; background-position:100% 70%}
	.body.main .kcva-related article{ padding-right:180px}
	.kcva-related .related-logo a{ height:40px}
	.kcva-related .more-related{ top:8px; width:40px; height:40px}
	.kcva-related .slide-pause{ top:8px; right:70px; width:90px; height:40px}
	.kcva-related .slide-pause button{ margin-left:25px; width:40px; height:40px}
}
@media only screen and (max-width:550px) {
	.title-group{ margin-bottom:25px}
	.board-business .support-business,.board-business .support-process{ margin-top:15px; width:100%}
	.board-business .support-business .flex-box,.board-business .support-process .flex-box{ padding:25px 0; height:auto}
	.support-business .flex-box ul li{ margin:5px; padding:0 150px}
	.support-business .flex-box ul li a{ font-size:15px; line-height:40px}
	.support-process .flex-box ul li{ padding:0 20px}
	.support-process .flex-box ul li span{ margin-right:10px; font-size:14px}
	.support-process .flex-box ul li strong{ font-size:15px}
	.support-status .graph-box h3{ margin-top:10px}
	.support-status .graph-box h3,.support-status .status strong{ font-size:16px}
	.support-status .status li{ margin-top:20px}
	.support-status .status span em{ font-size:16px}
	.support-status .status span strong{ font-size:20px}
	.find-save .save-tel .save,.find-save .save-tel .tel{ width:100%; text-align:center}
	.find-save .save-tel .tel{ margin-top:20px}
	.find-save .save-tel .tel h2 img{ display:inline-block; margin-bottom:10px}
	.find-save .save-tel .tel h2 span{ display:block}
	.find-save .find-center select{ width:28%}
	.find-save .find-center input[type="text"]{ width:57%}
	.find-save .find-center select,.find-save .find-center input[type="text"],.find-save .find-center input[type="submit"]{ font-size:15px}
	.album-box .album-title{ height:40px}
	.album-box strong{ margin-left:15px; width:70%; font-size:15px; line-height:37px}
	.album-box .date-numeral{ bottom:33%}
	.swiper-container.album .more-album{ height:40px}
	ul.campaign-banner li>a{ padding:15px 0}
	ul.campaign-banner li strong{ font-size:15px}
	.support-info .center-support{ padding:0 20px}
	.support-info .center-support p{ margin-top:-10px}
	.support-info .center-support p span{ font-size:15px}
	.support-info .center-support span,.support-info .center-support strong{ font-size:18px}
	.body.main .kcva-related article{ padding-left:10px}
	.kcva-related .more-related{ right:10px}
	.kcva-related .slide-pause{ right:60px}
}
@media only screen and (max-width:400px) {
	.support-business .flex-box ul li{ padding:0 100px}
	.support-status .flex-box>div{ padding:30px 20px}
	.support-status .graph-box.bar,.support-status .graph-box.pie,.support-status .status{ display:block; float:none; margin:0 auto}
	.support-status .graph-box.bar{ width:100%}
	.support-status .graph-box.pie{ margin-top:30px}
	.support-status .status{ margin-top:30px; width:300px}
	.support-status .status strong{ text-align:center}
	.find-save .save-tel .save h2 mark{ font-size:22px}
	.find-save .find-name{ margin-top:15px}
	.find-save .find-center label{ margin-bottom:10px; width:100%; height:auto; line-height:16px}
	.find-save .find-center select,.find-save .find-center input[type="text"]{ margin-right:2%}
	.find-save .find-center select{ width:40%}
	.find-save .find-center input[type="text"]{ width:82%}
	.find-save .find-center input[type="submit"]{ width:16%}
	.album-box{ height:300px}
	.album-box strong{ width:60%}
	ul.campaign-banner li>a{ padding:15px 0}
	ul.campaign-banner li strong{ font-size:14px}
	.support-info .center-support span,.support-info .center-support strong{ font-size:17px}
	.body.main .kcva-related article{ padding-right:160px}
}
@media only screen and (max-width:360px) {
	.support-info .center-support p span{ font-size:14px}
	.support-info .center-support span,.support-info .center-support strong{ font-size:15px}
}