@charset "utf-8";
/* Pagenation */
.pagenation ul > .active > a,
.pagenation ul > .active > span{ border-color:#0d5c9c; background-color:#0d5c9c}
/* Tab + List */
.tab.list li a		{ color:#202020}
.tab.list li a span	{ font-weight:500; border:0; background:transparent}
.tab.list li:first-child a span{ border-left:0}
.tab.list li li a:hover,.tab.list li li a:active,.tab.list li li a:focus{ color:#0d5c9c; text-decoration:none}
.tab.list li li span{ color:#505050}
.tab.list li.active a{ color:#0d5c9c}
.tab.list li.active a span{ font-weight:700; border-bottom:3px solid #0d5c9c; background:transparent}
.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}
/* TOP버튼 */
.to-top-btn			{
	background-color:#fff;
	background-image:url(/images/T-B/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; background:0 0 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-B/common/insta.png)}
.kcva-sign .sns-link li.naver{ background-image:url(/images/T-B/common/naver.png)}
.kcva-sign .sns-link li.facebook{ background-image:url(/images/T-B/common/facebook.png)}
.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-B/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}
.header.main		{ position:static; top:auto; left:auto}
.logo span			{ display:inline-block; vertical-align:middle; color:#222; font-weight:700}
.footer				{ background-color:#626169}
.footer .kcva-menu	{ border:0; background:transparent}
.footer .kcva-menu ul{ border-bottom:1px solid #7f7e87}
.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/T-B/common/select-center.png)}
.footer .center-list a:hover{ color:#0d5c9c}
/* main */
.title-group		{ position:relative; text-align:center}
.title-group h1.head-title{ color:#202020; font-weight:500}
.promotion-box		{ overflow:hidden; position:relative; line-height:0}
.promotion-box .back-move{ position:relative; z-index:-1; padding-bottom:41%; width:100%}
.promotion-box .back-move video{ position:absolute; left:50%; top:50%; min-width:100%; min-height:100%; transform:translate(-50%, -50%)}
.promotion-box .back-move .visual-key{ position:absolute; z-index:10}
.promotion-box .back-move .visual-key h2{ color:#202020; font-weight:500}
.promotion-box .back-move .visual-key p{ font-weight:400}
.save-tel			{ background:#40a9df}
.save-tel .save		{ float:left}
.save-tel .save h2 mark,.save-tel .save h2 span{ display:inline-block; vertical-align:baseline; color:#fff}
.save-tel .save h2 mark{ background:transparent; font-weight:500}
.save-tel .save h2 span{ font-weight:500}
.save-tel .save p	{ color:#fff; font-weight:400}
.save-tel .tel		{ float:right; text-align:right}
.save-tel .tel h2,.save-tel .tel h2 span,.save-tel .tel em{ display:inline-block; vertical-align:middle}
.save-tel .tel h2 span{ color:#fff; font-weight:400}
.save-tel .tel em	{ color:#fff; font-weight:700; font-style:normal}
.business-info		{ background:#f0f5fc}
.business-info .tag	{ display:flex; flex-wrap:nowrap; justify-content:space-evenly}
.business-info .tag span{ overflow:hidden; display:flex; justify-content:center; align-items:center; width:fit-content; background:#fff; border:1px solid #d7d7d7; border-radius:10px; color:#505050; font-weight:400}
.business-info .support-process,.business-info .support-business{ display:flex; flex-wrap:nowrap; justify-content:space-between}
.business-info .step-box{ overflow:hidden; display:flex; justify-content:center; align-items:flex-start; background:#fff; border:1px solid #d7d7d7; border-radius:10px}
.business-info .step-box h4{ color:#202020; font-weight:500}
.business-info .step-box h4 span{ display:block; width:1px}
.business-info .step-box span,.business-info .step-box strong{ display:inline-block; vertical-align:baseline; color:#505050}
.business-info .step-box span{ text-transform:uppercase; font-weight:400}
.business-info .step-box strong{ font-weight:500}
.business-info .step-box:hover,.business-info .step-box:active,
.business-info .step-box:focus{ margin-top:-20px; border:2px solid #0d5c9c; box-shadow:6px 12px 17px 0px rgba(0,0,0,0.19); -webkit-box-shadow:6px 12px 17px 0px rgba(0,0,0,0.19); -moz-box-shadow:6px 12px 17px 0px rgba(0,0,0,0.19); -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s}
.business-info .step-box:hover h4,.business-info .step-box:active h4,.business-info .step-box:focus h4,
.business-info .step-box:hover span,.business-info .step-box:active span,.business-info .step-box:focus span,
.business-info .step-box:hover strong,.business-info .step-box:active strong,.business-info .step-box:focus strong{ color:#0d5c9c}
.business-info p	{ color:#202020; font-weight:400; text-align:center}
.support-business .step-box>div{ text-align:center}
.support-business .step-box span{ font-weight:700}
.support-status .chart-hide{ display:block; position:absolute; z-index:1000; left:0; bottom:0; width:60px; height:25px; background:#f0f5fc}/* 그래프 로고 숨김 */
.support-status .flex-box{ color:#202020; text-align:center}
.support-status .flex-box>div{ width:100%}
.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 div: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}
.center-board .title-group{ text-align:left}
.center-board .center-news .more,.center-board .center-notice .more,
.center-board .title-group .more{ position:absolute; z-index:10; border:1px solid #bfc0c1; background:#fff url(/images/T-B/main/more.png) 50% 45% no-repeat}
.center-board .center-news .more a,.center-board .center-notice .more a,
.center-board .title-group .more a{ display:block; width:100%; height:100%; text-indent:-9999px}
.center-board .board-list li:first-child{ margin-top:0}
.board-list	.list	{ background:#fafafa}
.board-list .list a	{ display:block}
.board-list .list .date,.board-list .list .con{ overflow:hidden; display:flex; justify-content:center; align-items:center}
.board-list .list .date,.board-list .list .con{ float:left}
.board-list .list .date{ background:#fff; border-radius:5px; text-align:center}
.board-list .list .date strong,.board-list .list .date span{ display:block; font-family:'Nanum Gothic'; font-weight:700}
.board-list .list .date strong{ color:#0d5c9c}
.board-list .list .date span{ color:#505050}
.board-list .list .con{ justify-content:start}
.board-list .list .con a strong{ display:block; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:2; width:100%; color:#505050; font-weight:400}
.center-news,.center-notice{ position:relative; float:left}
.album-list			{ position:relative; float:right}
.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:#505050; font-weight:400; text-align:left}
.album-box .album-title{ position:absolute; left:0; bottom:0; background:#fff}
.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:#505050; font-weight:700}
ul.campaign-banner li{ float:left; border:1px solid #d7d7d7}
ul.campaign-banner li>a{ display:block; overflow:hidden; display:flex; justify-content:center; align-items:center; width:100%; height:100%}
ul.campaign-banner li span,ul.campaign-banner li strong{ display:block; text-align:center}
ul.campaign-banner li span{ overflow:hidden; display:flex; justify-content:center; align-items:center; background:#ceecf9; border-radius:100%}
ul.campaign-banner li img{ display:inline-block; max-width:100%}
ul.campaign-banner li strong{ color:#333; font-weight:400}
.find-center article{ background:#0d5c9c}
.find-center label,.find-center select,
.find-center input[type="text"],.find-center input[type="submit"]{ display:inline-block; vertical-align:top}
.find-center label	{ color:#fff; font-weight:400}
.find-center select	{ background-image:url(/images/T-B/main/select.png)}
.find-center input[type="submit"]{ padding:0; color:#fff; text-align:center; border:0; background:#40a9df; cursor:pointer}
.find-center .find-area{ float:left}
.find-center .find-name{ float:right; text-align:right}
.support-info,.compliment{ overflow:hidden; display:flex; justify-content:center; align-items:center; background:100% 100% no-repeat}
.support-info		{ float:left; background-color:#4fa95d; background-image:url(/images/T-B/main/back-support.png)}
.support-info .center-support,.compliment .center-compliment{ 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:baseline; color:#fff; font-weight:400}
.support-info .center-support a,.compliment .center-compliment a{ position:absolute; left:50%; margin:0 auto; color:#202020; font-weight:400; text-align:center; background:#fff}
.compliment			{ float:right; background-color:#6888d2; background-image:url(/images/T-B/main/back-compliment.png)}
.compliment .center-compliment span,.compliment .center-compliment strong{ display:block; color:#fff}
.compliment .center-compliment span{ font-weight:300}
.compliment .center-compliment strong{ font-weight:400}
.compliment .center-compliment a{ }
.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-B/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-B/common/pause.png)}
.kcva-related .slide-pause button.r-play{ display:none; background-image:url(/images/T-B/common/play.png)}

/* PC */
/* Tab + List */
.tab.list			{ height:470px !important}
.tab.list li		{ width:auto}
.tab.list li a		{ font-size:32px}
.tab.list li a span	{ padding:0 35px 20px; height:50px; line-height:28px}
.tab.list li ul		{ top:100px}
@media only screen and (max-width:1350px) {
	.tab.list{ height:460px !important}
}
@media only screen and (max-width:1200px) {
	.tab.list{ height:440px !important}
	.tab.list li a{ font-size:28px}
	.tab.list li a span	{ padding:0 30px 20px}
}
@media only screen and (max-width:1024px) {
	.tab.list{ height:370px !important}
	.tab.list.adjustment{ height:760px !important}
	.tab.list li a{ font-size:24px}
	.tab.list li a span{ padding:0 20px 15px; height:40px; line-height:20px}
	.tab.list li ul{ top:90px}
}
@media only screen and (max-width:768px) {
	.tab.list{ height:340px !important}
	.tab.list.adjustment{ height:735px !important}
	.tab.list li a{ font-size:20px}
	.tab.list li a span{ height:35px; line-height:18px}
	.tab.list li ul{ top:65px}
}
@media only screen and (max-width:550px) {
	.tab.list.adjustment{ height:725px !important}
}
@media only screen and (max-width:400px) {
	.tab.list{ height:305px !important}
	.tab.list.adjustment{ height:900px !important}
	.tab.list li a{ font-size:18px}
	.tab.list li ul{ top:60px}
}
@media only screen and (max-width:360px) {
	.tab.list.adjustment{ height:890px !important}
}
/* 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:34px; height:34px}
@media only screen and (max-width:970px) {
	.kcva-sign a{ margin:0 6px}
	.kcva-sign .sns-link{ margin-top:2px}
	.kcva-sign .sns-link li{ width:28px; height:28px; background-size:28px}
}
@media only screen and (max-width:768px) {
	.kcva-sign a,.kcva-sign .sns-link{ display:none}
	.kcva-sign .sns-link li{ width:25px; height:25px; background-size:25px}
}
/* 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/T-B/common/prev-next.png) !important; border:0}
.swiper-button-prev2{ left:-40px !important; background-position:-20px 45% !important}
.swiper-button-next2{ right:-40px !important; background-position:-52px 45% !important}
.swiper-container-horizontal>.swiper-pagination-bullets{ bottom:auto}
.swiper-button-prev2,.swiper-button-next2{ margin-top:-25px}
@media only screen and (max-width:1420px) {
	.swiper-button-prev2{ left:0 !important}
	.swiper-button-next2{ right:0 !important}
}
@media only screen and (max-width:1350px) {
	.swiper-button-prev2{ left:30px !important}
	.swiper-button-next2{ right:30px !important}
}
@media only screen and (max-width:1024px) {
	.swiper-button-prev2{ left:20px !important}
	.swiper-button-next2{ right:20px !important}
}
@media only screen and (max-width:550px) {
	.swiper-button-prev2{ left:10px !important}
	.swiper-button-next2{ right:10px !important}
}
/* 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:25px 0 28px}
.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:17px 0 22px; width:auto}
	.footer .kcva-menu li:nth-child(odd),.footer .kcva-menu li:nth-child(even){ padding:17px 0 22px; 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:-150px}
}
@media only screen and (max-width:380px) {
	.footer .kcva-menu li a{ font-size:13px}
	.footer .fl-right{ margin-top:-175px}
	.footer .address span:nth-child(2){ display:block; width:1px}
}
/* main */
.body.main section	{ padding:90px 0}
.title-group		{ margin-bottom:40px}
.title-group h1.head-title{ font-size:32px; line-height:30px}
.body.main section.promotion-box{ padding:0}
.promotion-box		{ height:545px}
.promotion-box .back-move .visual-key{ top:85px; left:0}
.promotion-box .back-move .visual-key h2{ font-size:3.15rem; line-height:1.3}
.promotion-box .back-move .visual-key p{ margin-top:30px; font-size:1.35rem; line-height:1.5}
.body.main section.save-tel{ padding:40px 0}
.save-tel .save		{ margin-top:-10px; width:55%}
.save-tel .save h2 mark{ font-size:36px}
.save-tel .save h2 span{ font-size:28px}
.save-tel .save p	{ font-size:22px}
.save-tel .tel		{ margin-top:7px; width:42%}
.save-tel .tel h2	{ margin-right:15px}
.save-tel .tel h2 span{ font-size:24px}
.save-tel .tel h2 span:first-child{ margin-right:10px}
.save-tel .tel em	{ font-size:40px}
.business-info .tag	{ padding:0 90px}
.business-info .tag span{ padding:0 20px; height:50px; font-size:18px}
.business-info .support-process{ margin-top:80px}
.business-info .step-box{ padding:55px 10px; width:calc(20% - 25px); height:240px}
.business-info .step-box h3{ margin-top:-10px}
.business-info .step-box h4{ margin:20px 0 5px; font-size:22px; line-height:32px}
.business-info .step-box span{ margin-right:5px; font-size:18px}
.business-info .step-box strong{ font-size:34px}
.business-info p	{ margin-bottom:80px; font-size:20px; line-height:30px}
.support-business .step-box{ background-color:transparent; border:0; padding:30px 0 0; width:calc(20% - 20px); height:240px}
.support-business .step-box h3{ margin:0 0 20px}
.support-business .step-box span{ font-size:22px; line-height:22px}
.support-business .step-box p{ margin:10px 0 0; font-size:15px; line-height:24px; color:#505050; font-weight:300}
.business-info .support-business .step-box:hover,.business-info .support-business .step-box:active,
.business-info .support-business .step-box:focus{ border:0; box-shadow:6px 12px 17px 0px rgba(0,0,0,0); -webkit-box-shadow:6px 12px 17px 0px rgba(0,0,0,0); -moz-box-shadow:6px 12px 17px 0px rgba(0,0,0,0)}
.business-info .support-process .step-box{ padding:42px 10px}
.business-info .support-process a{ height:30px; background:url(/images/T-B/main/arrow-go.png) 50% 7px no-repeat; text-indent:-9999px}
.business-info .support-process a.mail{ background-image:url(/images/T-B/main/mail.png)}
.business-info .support-process a.down{ background-image:url(/images/T-B/main/download.png)}
.support-status .flex-box>div{ padding:0 60px}
.support-status .graph-box.bar>div,.support-status .graph-box.pie>div{ height:330px}
.support-status .status{ top:90px; 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 div{ 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}
.center-news,.center-notice,.album-list{ width:31%}
.center-notice		{ margin-left:3.5%}
.center-board .center-news .more,.center-board .center-notice .more,
.center-board .more,.center-board .title-group .more{ top:-3px; right:0; width:35px; height:35px}
.center-board .board-list li{ margin-top:1px}
.board-list	.list	{ padding:35px 30px}
.board-list .list .date,.board-list .list .con{ height:85px}
.board-list .list .date{ width:25%}
.board-list .list .date span{ font-size:16px}
.board-list .list .date strong{ margin-bottom:5px; font-size:24px}
.board-list .list .con{ padding-left:30px; width:75%}
.board-list .list .con a strong{ font-size:18px; line-height:1.6em; height:3.2em}
.album-box			{ height:311px}
.album-box strong	{ margin:0 0 0 20px; width:65%; height:100%; font-size:18px; line-height:57px}
.album-box .album-title{ padding:0; width:100%; height:60px}
.album-box .date-numeral{ right:20px; bottom:35%; font-size:16px}
.body.main section.kcva-campaign{ padding:0 0 45px}
ul.campaign-banner li{ margin:0 0 0 3%; width:22.75%}
ul.campaign-banner li:nth-child(1){ margin-left:0}
ul.campaign-banner li>a{ padding:15px 0}
ul.campaign-banner li span{ margin-right:25px; width:70px; height:70px}
ul.campaign-banner li strong{ font-size:20px}
.body.main section.find-center{ padding:0}
.find-center article{ padding:30px}
.find-center label,.find-center select,
.find-center input[type="text"],.find-center input[type="submit"]{ height:40px}
.find-center label{ margin-right:25px; font-size:24px}
.find-center select{ margin-right:5px; width:27.5%}
.find-center input[type="text"]{ margin-right:5px; width:51%}
.find-center input[type="submit"]{ width:80px}
.find-center .find-area{ width:54.5%}
.find-center .find-name{ width:34.5%}
.body.main section.center-banner{ padding-top:45px}
.support-info,.compliment{ width:49%; height:165px}
.support-info .center-support,.compliment .center-compliment{ padding:0 40px}
.support-info .center-support p,.compliment .center-compliment p{ margin-top:-5px}
.support-info .center-support p span,.compliment .center-compliment p span{ font-size:20px}
.support-info .center-support span{ font-size:26px}
.support-info .center-support strong,.compliment .center-compliment p strong{ font-size:30px}
.support-info .center-support a,.compliment .center-compliment a{ bottom:0; margin-left:10px; width:105px; 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}
.compliment .center-compliment a{ bottom:-7px; margin-left:15px}
.body.main section.kcva-related{ padding:0 0 45px}
.kcva-related article{ padding: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:1420px) {
	.body.main .kcva-related article{ padding:0 40px}
}
@media only screen and (max-width:1350px) {
	.promotion-box{ height:495px}
	.promotion-box .back-move video{ height:495px}
	.promotion-box .back-move .visual-key{ top:65px}
	.promotion-box .back-move .visual-key h2{ font-size:2.85rem}
	.promotion-box .back-move .visual-key p{ font-size:1.15rem; line-height:1.4}
	.business-info .tag{ padding:0 40px}
	.business-info .support-process{ margin-top:60px}
	.business-info p{ margin-bottom:60px}
	.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.bar>div,.support-status .graph-box.pie>div{ height:320px}
	.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}
	.body.main section.find-center{ padding:0 30px}
	.body.main section.find-center article{ padding:30px}
	.find-center .find-area{ width:59%}
	.find-center .find-name{ width:40%}
	.support-info .center-support,.compliment .center-compliment{ padding:0 25px}
	.support-info .center-support .support-tel{ margin-top:-5px}
	.support-info .center-support a,.compliment .center-compliment a{ display:block; position:static; bottom:auto; margin:0; margin-top:10px}
	.body.main .kcva-related article{ padding:0 70px}
	/*.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) {
	.body.main section{ padding:60px 0}
	.title-group{ margin-bottom:30px}
	.title-group h1.head-title{ font-size:28px; line-height:26px}
	.promotion-box{ height:435px}
	.promotion-box .back-move video{ height:435px}
	.save-tel .save{ margin-top:-3px}
	.save-tel .save h2 mark{ font-size:32px}
	.save-tel .save h2 span{ font-size:24px}
	.save-tel .save p{ margin-top:5px; font-size:20px}
	.save-tel .tel{ margin-top:0}
	.save-tel .tel h2,.save-tel .tel em{ display:block}
	.save-tel .tel h2{ margin-right:0}
	.save-tel .tel h2 span{ font-size:22px}
	.save-tel .tel em{ font-size:36px}
	.business-info .tag	{ padding:0 10px}
	.business-info .tag span{ font-size:16px}
	.business-info .support-process{ margin-top:50px}
	.business-info .step-box{ padding:45px 10px; height:230px}
	.business-info .step-box h4{ margin-top:20px; font-size:20px; line-height:28px}
	.business-info .step-box span{ font-size:17px}
	.business-info .step-box strong{ font-size:30px}
	.business-info p{ margin-bottom:50px; font-size:18px}
	.support-business .step-box{ height:240px}
	.support-business .step-box span{ font-size:20px; line-height:20px}
	.support-status .flex-box>div{ padding:0 30px}
	.support-status .graph-box.bar>div,.support-status .graph-box.pie>div{ height:300px}
	.center-news,.center-notice{ width:30%}
	.board-list	.list{ padding:30px 25px}
	.board-list .list .date{ width:30%}
	.board-list .list .date span{ font-size:15px}
	.board-list .list .date strong{ font-size:22px}
	.board-list .list .con{ padding-left:25px; width:70%}
	.board-list .list .con a strong{ font-size:17px}
	.album-list{ width:33%}
	.album-box{ height:291px}
	.center-board .center-news .more,.center-board .center-notice .more,
	.center-board .more,.center-board .title-group .more{ top:-5px}
	.album-box strong{ font-size:16px}
	.album-box .date-numeral{ bottom:38%; font-size:14px}
	.body.main section.kcva-campaign{ padding:0 0 30px}
	ul.campaign-banner li span{ margin-right:15px; padding:10px; width:60px; height:60px}
	ul.campaign-banner li strong{ font-size:18px}
	.body.main section.find-center article{ padding:30px 25px}
	.find-center label{ font-size:20px; line-height:38px}
	.find-center select{ width:25%}
	.find-center input[type="text"]{ width:48.5%}
	.find-center input[type="submit"]{ width:70px}
	.body.main section.center-banner{ padding-top:30px}
	.support-info,.compliment{ background-size:45%}
	.support-info .center-support p span,.compliment .center-compliment p span{ font-size:18px}
	.support-info .center-support span{ font-size:24px}
	.support-info .center-support strong,.compliment .center-compliment p strong{ font-size:26px}
	.body.main section.kcva-related{ padding:0 0 30px}
}
@media only screen and (max-width:1024px) {
	.body.main section{ padding:45px 0}
	.title-group h1.head-title{ font-size:24px; line-height:22px}
	.promotion-box{ height:420px}
	.promotion-box .back-move{ padding-bottom:43%}
	.promotion-box .back-move video{ height:420px}
	.promotion-box .back-move .visual-key h2{ font-size:2.35rem}
	.body.main section.save-tel{ padding:35px 0}
	.business-info .tag span{ margin:0 5px; padding:10px 15px; height:auto}
	.business-info .step-box{ padding:32px 5px; width:calc(20% - 20px); height:180px}
	.business-info .step-box h4{ margin-top:15px; font-size:18px; line-height:26px}
	.business-info .step-box span{ font-size:16px}
	.business-info .step-box strong{ font-size:26px}
	.business-info .support-process .step-box{ padding:28px 5px}
	.support-business{ margin-top:-20px}
	.support-business .step-box{ width:calc(20% - 10px); height:240px}
	.support-business .step-box h3{ margin-bottom:5px}
	.support-status .flex-box>div{ padding:0 50px}
	.support-status .graph-box.bar>div{ height:260px}
	.support-status .graph-box.pie>div{ height:300px}
	.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 .status{ position:static; float:right; margin-left:0; width:auto; top:auto}
	.support-status .status span em{ font-size:18px}
	.support-status .status span strong{ font-size:24px}
	.center-news,.center-notice{ width:48%}
	.center-notice{ margin-left:4%}
	.center-board .center-news .more,.center-board .center-notice .more,
	.center-board .more,.center-board .title-group .more{ top:-6px}
	.board-list	.list{ padding:25px 25px}
	.board-list .list .date{ width:25%}
	.board-list .list .con{ width:75%}
	.board-list .list .con a strong{ font-size:16px; line-height:1.4em; height:2.8em}
	.album-list{ margin-top:30px; width:100%}
	.album-box{ height:380px}
	.album-box .album-title{ height:50px}
	.album-box strong{ width:75%; line-height:47px}
	ul.campaign-banner li strong{ font-size:16px}
	.body.main section.find-center{ padding:0 20px}
	.body.main section.find-center article{ padding:25px 25px}
	.find-center label{ font-size:18px; line-height:40px}
	.find-center select,.find-center input[type="text"]{ font-size:15px}
	.body.main section.center-banner{ padding-top:23px}
	.support-info .center-support span{ font-size:22px}
	.support-info .center-support p strong{ display:block}
	.support-info .center-support strong,.compliment .center-compliment p strong{ font-size:24px}
	.support-info .center-support a,.compliment .center-compliment a{ width:100px; height:35px; font-size:14px; line-height:35px; border-radius:17px}
	.body.main .kcva-related article{ padding:0 50px}
	/*.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) {
	.promotion-box{ height:400px}
	.promotion-box .back-move{ padding-bottom:45%}
	.promotion-box .back-move video{ height:400px}
	.save-tel .save{ width:65%}
	.save-tel .save h2 mark{ font-size:28px}
	.save-tel .save h2 span{ font-size:20px}
	.save-tel .save p{ font-size:18px}
	.save-tel .tel{ width:32%}
	.save-tel .tel h2 span{ font-size:20px}
	.save-tel .tel em{ font-size:32px}
	.business-info .step-box{ width:calc(20% - 10px)}
	.business-info .step-box h4{ font-size:17px}
	ul.campaign-banner li>a{ padding:10px 20px}
	ul.campaign-banner li span{ margin-right:10px; padding:5px; width:40px; height:40px}
	ul.campaign-banner li strong{ font-size:15px}
	.body.main section.find-center article{ padding:25px 20px}
	.find-center .find-area{ width:58%}
	.find-center .find-name{ width:41%}
	.find-center label{ margin-right:10px; font-size:16px}
	.find-center input[type="submit"]{ width:60px}
}
@media only screen and (max-width:768px) {
	.body.main section{ padding:25px 0}
	.title-group{ margin-bottom:20px}
	.title-group h1.head-title{ font-size:20px; line-height:20px}
	.promotion-box{ height:300px}
	.promotion-box .back-move video{ height:300px}
	.promotion-box .back-move .visual-key h2{ font-size:1.85rem}
	.promotion-box .back-move .visual-key p{ margin-top:20px; font-size:1rem; line-height:1.6}
	.body.main section.save-tel{ padding:25px 0}
	.save-tel .save{ margin-top:-5px; width:65%}
	.save-tel .save h2 mark{ display:block; margin-top:-5px; font-size:24px}
	.save-tel .save h2 span{ font-size:18px}
	.save-tel .save p{ font-size:16px}
	.save-tel .tel{ margin-top:0; width:30%}
	.save-tel .tel h2 span{ font-size:20px}
	.save-tel .tel h2 span:first-child{ display:block; margin-right:0; margin-bottom:-10px}
	.save-tel .tel em{ font-size:28px}
	.business-info .tag span{ font-size:14px}
	.business-info .support-process{ margin-top:30px}
	.business-info p{ font-size:16px; line-height:20px}
	.business-info .step-box h4{ font-size:16px; line-height:24px}
	.business-info .step-box strong{ font-size:24px}
	.support-business{ margin-top:0}
	.support-business .step-box{ padding:0 5px; height:100px}
	.support-business .step-box p{ display:none}
	.support-business .step-box img{ width:54px}
	.support-status .flex-box>div{ padding:0 30px}
	.support-status .graph-box.bar{ width:60%}
	.support-status .graph-box.pie{ text-align:center}
	.center-board .center-news .more,.center-board .center-notice .more,
	.center-board .more,.center-board .title-group .more{ top:-5px; width:30px; height:30px}
	.board-list .list .date,.board-list .list .con{ height:75px}
	.board-list .list .date{ width:33%}
	.board-list .list .con{ padding-left:20px; width:67%}
	.album-box{ height:350px}
	.body.main section.kcva-campaign{ padding:0 0 25px}
	ul.campaign-banner li{ margin-left:2%; width:23.5%}
	ul.campaign-banner li:nth-child(1){ margin-left:0}
	ul.campaign-banner li>a{ padding:10px 5px}
	ul.campaign-banner li span{ margin-right:5px}
	ul.campaign-banner li strong{ font-size:14px}
	.body.main section.find-center{ padding:0 10px}
	.find-center label,.find-center select,
	.find-center input[type="text"],.find-center input[type="submit"]{ float:left}
	.find-center .find-area,.find-center .find-name{ width:100%; text-align:left}
	.find-center .find-name{ margin-top:5px}
	.find-center label{ width:120px; margin-right:0}
	.find-center select{ width:30%; margin-right:1%}
	.find-center input[type="text"]{ margin-right:1%; width:61%}
	.body.main section.center-banner{ padding-top:17px}
	.support-info,.compliment{ height:140px}
	.support-info .center-support,.compliment .center-compliment{ padding:0 20px}
	.support-info .center-support span{ font-size:17px}
	.support-info .center-support p strong{ margin-top:-3px}
	.support-info .center-support strong,.compliment .center-compliment p strong{ font-size:20px}
	.support-info .center-support p span,.compliment .center-compliment p span{ font-size:16px}
	.body.main section.kcva-related{ padding:0 0 25px}
	/*.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:15px}
	.promotion-box{ height:220px}
	.promotion-box .back-move video{ height:220px}
	.promotion-box .back-move .visual-key{ top:35px}
	.promotion-box .back-move .visual-key h2{ font-size:1.30rem}
	.promotion-box .back-move .visual-key p{ font-size:0.9rem}
	.save-tel .save,.save-tel .tel{ margin-top:0; width:100%}
	.save-tel .tel{ margin-top:5px; text-align:left}
	.save-tel .save h2 mark{ display:inline-block; font-size:20px}
	.save-tel .save h2 span{ font-size:16px}
	.save-tel .save p{ font-size:14px}
	.save-tel .tel h2,.save-tel .tel em{ display:inline-block}
	.save-tel .tel h2 span{ font-size:17px}
	.save-tel .tel h2 span:first-child{ display:inline-block; margin:0 5px 0 0}
	.save-tel .tel em{ margin-left:10px; font-size:24px}
	.business-info .tag span{ padding:7px 7px}
	.business-info .step-box h4{ font-size:15px; line-height:20px}
	.business-info .step-box{ width:calc(20% - 5px)}
	.business-info .step-box strong{ font-size:22px}
	.business-info .support-business{ flex-direction:row; flex-wrap:wrap; align-items:stretch; align-content:stretch; margin-top:-10px}
	.support-business .step-box{ width:calc(33% - 20px); height:120px}
	.business-info .support-process .step-box{ padding:35px 5px}
	.support-status .graph-box h3{ margin-top:10px}
	.support-status .graph-box h3,.support-status .status strong{ font-size:16px}
	.support-status .status div{ margin-top:20px}
	.support-status .status span em{ font-size:16px}
	.support-status .status span strong{ font-size:20px}
	.center-news,.center-notice{ width:100%}
	.center-notice,.album-list{ margin-left:0; margin-top:25px}
	.board-list	.list{ padding:20px 20px}
	.board-list .list .date{ width:28%}
	.board-list .list .date span{ font-size:14px}
	.board-list .list .date strong{ font-size:20px}
	.board-list .list .con{ width:72%}
	.album-box{ height:320px}
	.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%}
	ul.campaign-banner li{ margin-top:2%; width:22.75%}
	ul.campaign-banner li{ width:49%}
	ul.campaign-banner li:nth-child(1),ul.campaign-banner li:nth-child(2){ margin-top:0}
	ul.campaign-banner li:nth-child(3){ margin-left:0}
	ul.campaign-banner li span{ margin-right:10px}
	ul.campaign-banner li strong{ font-size:15px}
	.find-center select{ width:28%}
	.find-center input[type="text"]{ width:57%}
	.find-center select,.find-center input[type="text"],.find-center input[type="submit"]{ font-size:15px}
	.support-info,.compliment{ width:100%; height:130px; background-size:41%}
	.support-info .center-support,.compliment .center-compliment{ padding:0 15px}
	.compliment{ margin-top:10px}
	.support-info .center-support .support-tel{ margin-top:0}
	.support-info .center-support p strong{ display:inline-block; margin-top:0}
	.support-info .center-support strong,.compliment .center-compliment p strong{ font-size:18px}
	.support-info .center-support p span,.compliment .center-compliment p span{ font-size:15px}
	.body.main .kcva-related article{ padding:0 40px}
	/*.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) {
	.promotion-box .back-move{ padding-bottom:65%}
	.title-group h1.head-title{ font-size:18px}
	.business-info .tag{ padding:0 5px}
	.business-info .tag span{ margin:0 2px; font-size:13px; line-height:17px}
	.business-info .support-process{ margin-top:25px}
	.business-info .step-box{ padding:15px 5px; height:150px}
	.business-info .step-box h4{ font-size:14px; line-height:20px}
	.business-info .step-box span{ font-size:14px}
	.business-info .step-box strong{ font-size:20px}
	.business-info .support-business{ margin-top:-30px}
	.support-business .step-box{ height:100px}
	.support-business .step-box img{ width:34px}
	.business-info .support-process .step-box{ padding:25px 5px}
	.support-status .flex-box>div{ padding:0 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 .graph-box.pie h3{ margin-top:10px}
	.support-status .status{ margin-top:30px; width:300px}
	.board-list .list .date,.board-list .list .con{ height:65px}
	.board-list	.list{ padding:15px 20px}
	.album-box{ height:250px}
	.album-box strong{ width:60%}
	ul.campaign-banner li>a{ padding:10px 0}
	.body.main section.find-center article{ padding:20px 15px}
	.find-center .find-name{ margin-top:15px}
	.find-center label{ margin-bottom:10px; width:100%; height:auto; line-height:16px}
	.find-center select,.find-center input[type="text"]{ margin-right:2%}
	.find-center select{ width:40%}
	.find-center input[type="text"]{ width:82%}
	.find-center input[type="submit"]{ width:16%}
	/*.body.main .kcva-related article{ padding-right:160px}*/
}
@media only screen and (max-width:360px) {
	.find-center select,.find-center input[type="text"]{ padding-left:10px; padding-right:10px}
	.find-center select,.find-center input[type="text"],.find-center input[type="submit"]{ font-size:14px}
	.find-center label{ line-height:15px}
	.support-info .center-support strong,.compliment .center-compliment p strong{ font-size:16px}
	.support-info .center-support p span,.compliment .center-compliment p span{ font-size:14px}
}