@charset "utf-8";
/* Main */
#mainPromotion		{ position:relative; overflow:hidden; margin:0 auto; width:100%}
#mainPromotion .mask{ overflow:hidden; height:100%}
#mainPromotion .mask div.swiper-slide{ height:100%}
#mainPromotion .mask div.swiper-slide .img{ 
	height:100%;
	background-position:50%;
	background-repeat:no-repeat;
	background-size:cover;
	transition:transform 5s ease-in-out 1s;
	transition:-webkit-transform 5s ease-in-out 1s;
	-webkit-transition:-webkit-transform 5s ease-in-out 1s;
	transform:scale(1);
	-webkit-transform:scale(1)}
#mainPromotion .mask div.swiper-slide.swiper-slide-active .img{ -webkit-transform:scale(1) rotate(0.0003deg); transform:scale(1) rotate(0.0003deg)}
#mainPromotion .mainSlogan{ position:absolute; z-index:2; left:50%}
#mainPromotion .mainSlogan span{ color:#333; font-weight:400}
#mainPromotion .mainSlogan strong{ color:#1d99d6; font-weight:700}
/*#mainPromotion .mainSlogan span,#mainPromotion .mainSlogan strong{ color:#fff}*/
#mainPromotion .mainSlogan .btnMore{ display:inline-block; background-color:transparent; color:#fff; font-weight:400; border:1px solid #fff; text-align:center}
#mainPromotion .mainSlogan .btnMore:hover,#mainPromotion .mainSlogan .btnMore:active,#mainPromotion .mainSlogan .btnMore:focus{ background-color:#1d99d6; color:#fff; border-color:#1d99d6; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s}
.title-group		{ position:relative; text-align:center}
.title-group h1.head-title{ color:#333; font-weight:700}
.title-group p		{ color:#666; font-weight:400}
.title-group img	{ position:absolute}
.kcva-save-business h2{ overflow:hidden; display:flex; justify-content:center; align-items:center}
.kcva-save-business h2 span{ display:block; color:#1d99d6; font-weight:400; text-align:center}
.kcva-save-business h2 span span{ display:block}
.kcva-save-business .find-center,
.kcva-save-business .save-tel,
.kcva-save-business .support-business,
.kcva-save-business .support-process{ float:left}
.kcva-save-business .support-business a,
.kcva-save-business .support-process a{ color:#505050}
.kcva-save-business .find-center select{ float:left; color:#666; background-image:url(/images/main/select.png)}
.kcva-save-business .find-center select:nth-child(1){ margin-right:1%}
.kcva-save-business .find-center select:nth-child(2){ margin-left:1%}
.kcva-save-business .find-center input[type="submit"]{ float:right; padding:0; color:#fff; text-align:center; background:linear-gradient(to right, #1d99d6, #1d99d6); border:0; cursor:pointer}
.kcva-save-business .find-center em{ display:block; float:left; width:100%}
.kcva-save-business .save-tel p,.kcva-save-business .save-tel strong{ display:block; text-align:center}
.kcva-save-business .save-tel strong{ color:#1d99d6; font-family:'Nanum Gothic'; font-weight:800}
.board-box .list-box{ position:relative; border:1px solid #d7d7d7; background:#f6f6f6}
.board-box .list-box h3 strong{ display:inline-block; color:#fff; font-weight:400; text-align:center; background:#707070}
.board-box .list-box>a strong,.board-box .list-box>a span{ display:block; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; width:100%}
.board-box .list-box>a strong{ color:#333; font-weight:400}
.board-box .list-box>a span{ color:#666}
.board-box .list-box .date-numeral,.board-box .list-box .detail-view{ position:absolute; bottom:0}
.board-box .list-box .date-numeral{ color:#666; font-family:'Nanum Gothic'; font-weight:400}
.board-box .list-box .detail-view a{ display:block; background:url(/images/main/arrow-go.png) 0 0 no-repeat; text-indent:-9999px}
.board-box .list-box:hover,.board-box .list-box:active,.board-box .list-box:focus{ background-color:#1d99d6; color:#fff; border-color:#1d99d6; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s}
.board-box .list-box:hover div,.board-box .list-box:active div,.board-box .list-box:focus div,
.board-box .list-box:hover span,.board-box .list-box:active span,.board-box .list-box:focus span,
.board-box .list-box:hover .year,.board-box .list-box:active .year,.board-box .list-box:focus .year,
.board-box .list-box:hover strong,.board-box .list-box:active strong,.board-box .list-box:focus strong{ color:#fff}
.board-box .list-box:hover h3 strong,.board-box .list-box:active h3 strong,.board-box .list-box:focus h3 strong{ background-color:#fff; color:#1d99d6}
.board-box .list-box:hover a,.board-box .list-box:active a,.board-box .list-box:focus a,
.board-box .list-box:hover span,.board-box .list-box:active span,.board-box .list-box:focus span{ background-position:0 -8px}
.list-box .schedule-month{ position:absolute}
.list-box .schedule-month strong,.board-box .schedule-month span.year{ display:inline-block; vertical-align:baseline; color:#333; font-family:'Nanum Gothic'}
.list-box .schedule-month strong{ font-weight:800}
.list-box .schedule-month span{ font-weight:400}
.list-box .schedule-month span.year{ color:#666; font-weight:700}
.list-box .schedule-list{ position:relative}
.list-box .schedule-list li:first-child{ padding-top:0; border-top:0}
.list-box .schedule-list li{ border-top:1px dotted #b7b7b7}
.list-box .schedule-list li em{ font-style:normal; color:#fff; border-radius:15px}
.list-box .schedule-list li em,.list-box .schedule-list li span{ display:inline-block; vertical-align:top}
.list-box .schedule-list li span,.list-box .schedule-list li strong{ color:#666; font-weight:400}
.list-box .schedule-list li span{ word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.list-box .schedule-list li strong{ display:block}
.list-box .schedule-list li em.icon-event{ background:#8f7adc}
.list-box .schedule-list li em.icon-education{ background:#ff3c6a}
.list-box .schedule-list li em.icon-conference{ background:#1d99d6}
.list-box .schedule-list li em.icon-support{ background:#a3a3a3}
.list-box .schedule-list li em.icon-etc{ background:#aebdc8}
.list-box .more-schedule{ position:absolute; background:url(/images/main/arrow-go.png) 0 0 no-repeat}
.list-box .more-schedule a{ display:block; width:100%; height:100%; text-indent:-9999px}
section.album-webzine .main-article{ position:absolute; z-index:-1; top:0; left:0; width:100%; height:100%}
section.album-webzine .main-article div{ position:absolute; z-index:1; font-size:0; line-height:0}
section.album-webzine .main-article div.people1{ z-index:10; top:-250px; left:80px}
section.album-webzine .main-article div.people2{ z-index:10; bottom:-155px; right:50px}
section.album-webzine .main-article div.article-left{ top:-250px; left:0}
section.album-webzine .main-article div.article-right{ bottom:-200px; right:0}
@keyframes box-ani-1 {
	0% { transform:translate(0px, 0px)}
	100% { transform:translate(2px, -15px)}
}
@keyframes box-ani-2 {
	0% { transform:translate(0px, 0px)}
	50% { transform:translate(-8px, -5px)}
	100% { transform:translate(-15px, 0px)}
}
#people1 {
	display:flex;
	align-items:center;
	justify-content:center;
	animation:box-ani-1 1.5s infinite linear alternate forwards; /* 애니메이션 적용 */
}
#people2 {
	display:flex;
	align-items:center;
	justify-content:center;
	animation:box-ani-2 2s infinite ease-in-out alternate forwards; /* 애니메이션 적용 */
}
.album-list .title-group{ text-align:left}
.album-list .title-group img{ top:0; right: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:#333; font-weight:400; text-align:left}
.album-box .album-title{ position:absolute; right:-1px; bottom:-1px; 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:#333; font-weight:700}
.swiper-container.album .more-album{ position:absolute; z-index:10; background:#fff url(/images/main/gall-more.png) 50% 50% no-repeat; border:1px solid #d7d7d7}
.swiper-container.album .more-album a{ display:block; width:100%; height:100%; text-indent:-9999px}
.webzine			{ position:relative; float:right}
.webzine .title-group{ text-align:left}
.webzine>a,.webzine>button{ position:absolute; color:#fff; line-height:normal; background:#1d99d6; border:0; cursor:pointer}
.webzine .webzine-list{ background:url(/images/main/back-webzine.png) 10px 100% no-repeat}
.webzine .webzine-list .image-caption{ margin:0 auto; overflow:hidden; display:flex; justify-content:center; align-items:center}
.webzine .webzine-list .image-caption img{ display:inline-block; max-width:100%}
.media .title-group	{ text-align:left}
.media .youtube		{ float:left}
.media .youtube .youtube-image a{ overflow:hidden; position:relative; display:flex; justify-content:center; align-items:center}
.media .youtube .youtube-image img{ display:inline-block; width:100%; height:100%; object-fit:cover}
.media .youtube .youtube-image a span{ position:absolute; top:0; left:0; overflow:hidden; display:block; width:100%; background:url(/images/main/image-mask.png) 50% 50% no-repeat}
.media .youtube .youtube-image p{ color:#333; font-weight:400; text-align:center}
.media .kcva-campaign{ float:right}
ul.campaign-banner li{ float:left; border:1px solid #d7d7d7; background:#fff}
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}
ul.campaign-banner li:hover,ul.campaign-banner li:active,ul.campaign-banner li:focus{ border-color:#1d99d6; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s}
ul.campaign-banner li:hover span,ul.campaign-banner li:active span,ul.campaign-banner li:focus span{ background-color:#fff; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s}
ul.campaign-banner li:hover strong,ul.campaign-banner li:active strong,ul.campaign-banner li:focus strong{ color:#1d99d6}
.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/common/more.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/common/pause.png)}
.kcva-related .slide-pause button.r-play{ display:none; background-image:url(/images/common/play.png)}

/* PC */
/* Main */
.body.main section	{ padding:50px 0}
.body.main section.mainPromotion{ padding:0}
.body.main section.mainPromotion article{ padding:0; width:100%}
section.mainPromotion.pc{ display:block}
section.mainPromotion.mobile{ display:none}
#mainPromotion		{ height:690px}
#mainPromotion .mainSlogan{ top:35%; margin-left:-650px; width:1300px}
#mainPromotion .mainSlogan strong{ font-size:3.15rem; line-height:1.3}
#mainPromotion .mainSlogan span{ font-size:1.25rem; line-height:1.5}
#mainPromotion .mainSlogan .desc{ margin-top:20px}
#mainPromotion .mainSlogan .btnMore{ margin-top:40px; padding:0 20px; height:55px; line-height:55px; font-size:18px}
/* 이벤트 슬라이더 버튼 위치 */
#mainPromotion .swiper-slide.main_2 .mainSlogan{ text-align:center}
#mainPromotion .swiper-slide.main_2 .mainSlogan .btnMore{ margin-top:180px}
#mainPromotion .swiper-slide.main_1 .mainSlogan .btnMore{ margin-top:250px; color:#1d99d6; border-color:#1d99d6}
#mainPromotion .swiper-slide.main_1 .mainSlogan .btnMore:hover,#mainPromotion .swiper-slide.main_1 .mainSlogan .btnMore:active,#mainPromotion .swiper-slide.main_1 .mainSlogan .btnMore:focus{ color:#fff}
.title-group		{ margin-bottom:60px}
.title-group h1.head-title{ font-size:40px; line-height:36px}
.title-group p		{ margin-top:35px; font-size:20px; line-height:20px}
.kcva-save-business .save-tel,.kcva-save-business .support-business,.kcva-save-business .support-process{ padding:0 20px; width:23%; height:180px; border-left:1px solid #e1e1e1}
.body.main section.kcva-save-business{ padding-top:70px}
.kcva-save-business h2{ margin-bottom:30px; height:60px}
.kcva-save-business h2 span{ font-size:24px; line-height:32px}
.kcva-save-business .find-center{ padding:0 20px 0 0; width:31%; height:180px}
.kcva-save-business .find-center select{ width:42%; font-size:15px}
.kcva-save-business .find-center input[type="submit"]{ width:14%; height:40px; font-size:15px}
.kcva-save-business .find-center input[type="text"]{ width:86%; font-size:15px}
.kcva-save-business .find-center em{ height:8px}
.kcva-save-business .save-tel{}
.kcva-save-business .save-tel p{ margin:-8px 0 13px; padding:0 38px; font-size:17px; line-height:28px}
.kcva-save-business .save-tel strong{ font-size:32px; line-height:28px}
.kcva-save-business .support-business .flex-box,.kcva-save-business .support-process .flex-box{ height:88px}
.kcva-save-business .support-business .flex-box span,.kcva-save-business .support-process .flex-box span{ font-size:17px; line-height:28px}
.kcva-save-business .support-business img,.kcva-save-business .support-process img{ margin-right:15px}
.kcva-board .swiper-pagination-custom2{ display:none; text-align:center}
.board-box .list-box{ padding:40px 30px; height:260px; border-radius:30px}
.board-box .list-box h3{ margin-bottom:25px}
.board-box .list-box h3 strong{ width:120px; height:45px; line-height:43px; font-size:18px; border-radius:23px}
.board-box .list-box>a{ display:block}
.board-box .list-box>a strong,.board-box .list-box>a span{ line-height:1.6em; height:3.2em}
.board-box .list-box>a strong{ font-size:20px}
.board-box .list-box>a span{ margin-top:20px; font-size:17px}
.board-box .list-box .date-numeral,.board-box .list-box .detail-view{ bottom:40px}
.board-box .list-box .date-numeral{ font-size:15px}
.board-box .list-box .detail-view{ right:30px}
.board-box .list-box .detail-view a{ width:22px; height:8px}
.list-box .schedule-month{ top:40px; right:30px}
.list-box .schedule-month strong{ font-size:40px}
.list-box .schedule-month span{ font-size:20px}
.list-box .schedule-month span.year{ font-size:16px}
.list-box .schedule-list li{ padding:25px 0}
.list-box .schedule-list li em{ font-size:13px; margin-right:5px; padding:5px 10px}
.list-box .schedule-list li span{ margin-top:5px; font-size:17px; line-height:16px}
.list-box .schedule-list li strong{ margin-top:15px; font-size:15px}
.list-box .schedule-list li span{ width:78%}
.list-box .more-schedule{ bottom:40px; right:30px; width:22px; height:8px}
.album-list			{ width:49%}
.album-box			{ height:430px}
.album-box strong	{ margin:0; width:80%; font-size:19px}
.album-box .album-title{ padding:30px 30px 0; width:60%}
.album-box .date-numeral{ right:0; bottom:2px; font-size:16px}
.swiper-container.album .more-album{ top:0; right:0; width:50px; height:50px}
.webzine			{ width:39%}
.webzine>a,.webzine>button{ top:125px; right:85px; padding:0 18px; height:45px; font-size:16px; line-height:42px; border-radius:22px}
.webzine .webzine-list{ margin-top:-30px; padding:0 0 40px}
.webzine .webzine-list .image-caption{ width:335px; height:472px}
.media				{ margin-top:-40px}
.media .youtube		{ width:49%}
.media .kcva-campaign{ width:48.6%}
.media .youtube .youtube-image a{ height:255px}
.media .youtube .youtube-image a span{ height:100%}
.media .youtube .youtube-image p{ margin-top:25px; font-size:19px; line-height:24px}
.media .swiper-pagination-custom3{ display:none; text-align:center}
.media .kcva-campaign{ margin-top:151px}
ul.campaign-banner li{ margin:2.4%; width:47.6%}
ul.campaign-banner li:nth-child(1),ul.campaign-banner li:nth-child(3){ margin-left:0}
ul.campaign-banner li:nth-child(2),ul.campaign-banner li:nth-child(4){ margin-right:0}
ul.campaign-banner li:nth-child(1),ul.campaign-banner li:nth-child(2){ margin-top:0}
ul.campaign-banner li:nth-child(3),ul.campaign-banner li:nth-child(4){ margin-bottom:0}
ul.campaign-banner li>a{ padding:20px 0}
ul.campaign-banner li span{ margin-right:25px; width:70px; height:70px}
ul.campaign-banner li strong{ font-size:20px}
ul.campaign-banner li:nth-child(3) span{ margin-left:-43px}
.kcva-related article{ padding-right:200px}
.kcva-related .related-logo a{ padding:5px; height:60px}
.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) {
	#mainPromotion .mainSlogan{ top:45%; margin-left:0; width:100%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%)}
	#mainPromotion .mainSlogan .main,#mainPromotion .mainSlogan .desc{ padding-left:30px}
	#mainPromotion .mainSlogan .btnMore{ margin-left:30px}
	/* 이벤트 슬라이더 버튼 위치 */
	#mainPromotion .swiper-slide.main_2 .mainSlogan .btnMore{ margin-top:270px}
	#mainPromotion .swiper-slide.main_1 .mainSlogan .btnMore{ margin-top:390px}
	.kcva-save-business .find-center select{ width:41%}
	.kcva-save-business .find-center input[type="submit"]{ width:16%}
	.kcva-save-business .find-center input[type="text"]{ width:84%}
	.kcva-save-business .save-tel p{ padding:0 25px; font-size:16px}
	.kcva-save-business .support-business .flex-box span,
	.kcva-save-business .support-process .flex-box span{ font-size:16px; line-height:22px}
	.album-list .title-group img{ width:80px}
	.board-box .list-box h3 strong{ width:100px; font-size:16px}
	.list-box .schedule-month strong{ font-size:32px}
	.list-box .schedule-list li span{ width:73%}
	.webzine .webzine-list{ background-position:0 100%; background-size:100%}
	.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) {
	#mainPromotion .mainSlogan{ top:50%}
	#mainPromotion .mainSlogan strong{ font-size:2.45rem}
	#mainPromotion .mainSlogan span{ font-size:1.15rem}
	.title-group{ margin-bottom:50px}
	.title-group h1.head-title{ font-size:36px; line-height:32px}
	.title-group p{ margin-top:25px; font-size:18px; line-height:18px}
	.kcva-save-business .save-tel p{ padding:0 5px}
	.kcva-save-business .support-business .flex-box img,
	.kcva-save-business .support-process .flex-box img{ width:55px}
	.board-box .list-box{ padding:40px 20px; height:230px}
	.board-box .list-box .detail-view,.list-box .more-schedule{ right:20px}
	.board-box .list-box h3{ margin-bottom:20px}
	.board-box .list-box>a strong,.board-box .list-box>a span{ line-height:1.4em; height:2.8em}
	.board-box .list-box>a strong{ font-size:18px}
	.board-box .list-box>a span{ margin-top:15px; font-size:16px}
	.board-box .list-box .date-numeral{ font-size:14px}
	.list-box .schedule-month{ right:20px}
	.album-list .title-group img{ width:65px}
	.album-box strong{ width:78%; font-size:18px}
	.album-box .album-title{ padding:20px 20px 0}
	.webzine>a,.webzine>button{ right:15%}
	.media .youtube{ width:52.6%}
	.media .kcva-campaign{ margin-top:125px; width:45%}
	.media .youtube .youtube-image a{ height:200px}
	.media .youtube .youtube-image p{ margin-top:20px; font-size:18px; line-height:22px}
	ul.campaign-banner li{ margin:2%; width:48%}
	ul.campaign-banner li>a{ padding:15px 0}
	ul.campaign-banner li span{ margin-right:15px; padding:10px; width:60px; height:60px}
	ul.campaign-banner li strong{ font-size:18px}
}
@media only screen and (max-width:1024px) {
	.body.main section{ padding:35px 0}
	.body.main section.kcva-save-business{ padding-top:50px}
	.kcva-save-business h2{ height:50px}
	.kcva-save-business h2 span{ font-size:20px; line-height:28px}
	.kcva-save-business .find-center{ height:170px}
	.kcva-save-business .save-tel p,
	.kcva-save-business .support-business .flex-box span,
	.kcva-save-business .support-process .flex-box span{ font-size:15px; line-height:20px}
	.kcva-save-business .support-business .flex-box,.kcva-save-business .support-process .flex-box{ height:95px}
	.kcva-save-business .save-tel strong{ font-size:26px; line-height:20px}
	.board-box .list-box{ padding:30px 20px}
	.board-box .list-box h3 strong{ width:100px; height:40px; line-height:38px; font-size:16px; border-radius:20px}
	.board-box .list-box .date-numeral,.board-box .list-box .detail-view,.list-box .more-schedule{ bottom:30px}
	.list-box .schedule-month{ top:35px; right:10px}
	.list-box .schedule-month strong{ font-size:28px}
	.list-box .schedule-month span{ font-size:16px}
	.list-box .schedule-month span.year{ font-size:14px}
	.album-list .title-group img{ display:none}
	.album-box .album-title{ width:70%}
	.album-box strong{ font-size:16px}
	.album-box .date-numeral{ font-size:14px}
	.webzine>a,.webzine>button{ top:120px; right:10%; height:40px; font-size:15px; line-height:38px; border-radius:20px}
	.media{ margin-top:-30px}
	ul.campaign-banner li strong{ font-size:16px}
	.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) {
	section.mainPromotion.pc{ display:none}
	section.mainPromotion.mobile{ display:block}
	/* 이벤트 슬라이더 버튼 위치 */
	#mainPromotion .swiper-slide.main_2 .mainSlogan{ text-align:center}
	#mainPromotion .swiper-slide.main_2 .mainSlogan .btnMore{ margin-top:270px}
	#mainPromotion .swiper-slide.main_1 .mainSlogan .btnMore{ margin-top:350px; color:#1d99d6; border-color:#1d99d6}
	#mainPromotion .swiper-slide.main_1 .mainSlogan .btnMore:hover,#mainPromotion .swiper-slide.main_1 .mainSlogan .btnMore:active,#mainPromotion .swiper-slide.main_1 .mainSlogan .btnMore:focus{ color:#fff}
	#mainPromotion .mask div.swiper-slide .img{ background-position:50% 0}
	.title-group{ margin-bottom:30px}
	.title-group h1.head-title{ font-size:30px; line-height:26px}
	.title-group p{ margin-top:20px; font-size:17px; line-height:17px}
	.kcva-save-business .find-center,
	.kcva-save-business .save-tel,
	.kcva-save-business .support-business,
	.kcva-save-business .support-process{ padding:0 20px; width:50%; height:175px}
	.kcva-save-business .support-business{ border-left:0}
	.kcva-save-business .support-business,.kcva-save-business .support-process{ padding-top:20px; height:auto; border-top:1px solid #e1e1e1}
	.kcva-save-business h2{ margin-bottom:20px}
	.kcva-save-business .support-business h2,.kcva-save-business .support-process h2{ margin-bottom:10px; height:auto}
	.kcva-save-business .support-business .flex-box,.kcva-save-business .support-process .flex-box{ height:70px}
	.kcva-save-business .save-tel p{ margin-bottom:30px}
	.kcva-save-business .save-tel strong{ font-size:32px}
	.kcva-board .swiper-pagination-custom2{ display:block; margin-top:20px}
	.album-list,.webzine{ width:48%}
	.album-box .album-title{ width:75%}
	.webzine>a,.webzine>button{ top:90px; right:15%}
	section.album-webzine .main-article{ display:none}
	.media .youtube{ width:75%}
	.media .youtube .youtube-image p{ font-size:16px}
	.media .kcva-campaign{ margin-top:114px; width:23%}
	ul.campaign-banner li{ width:100%; border-top:0}
	ul.campaign-banner li>a{ justify-content:flex-start; padding:10px 20px}
	ul.campaign-banner li:nth-child(odd),ul.campaign-banner li:nth-child(even){ margin:0}
	ul.campaign-banner li:nth-child(1){ border:1px solid #d7d7d7}
	ul.campaign-banner li:nth-child(3) span{ margin-left:0}
	ul.campaign-banner li span{ margin-right:10px; padding:5px; width:40px; height:40px}
	ul.campaign-banner li strong{ font-size:15px}
}
@media only screen and (max-width:768px) {
	.body.main section{ padding:25px 0}
	.body.main section.kcva-save-business{ padding-top:40px}
	#mainPromotion{ height:475px}
	#mainPromotion .mainSlogan{ top:50%}
	#mainPromotion .mainSlogan .main,#mainPromotion .mainSlogan .desc{ padding-left:20px}
	#mainPromotion .mainSlogan .desc{ margin-top:20px}
	#mainPromotion .mainSlogan .btnMore{ margin-left:20px; height:40px; line-height:40px; font-size:16px}
	#mainPromotion .mainSlogan strong{ font-size:2.15rem; line-height:1.4}
	#mainPromotion .mainSlogan span{ font-size:1rem}
	/* 이벤트 슬라이더 버튼 위치 */
	#mainPromotion .swiper-slide.main_2 .mainSlogan .btnMore{ margin-top:0px}
	#mainPromotion .swiper-slide.main_1 .mainSlogan .btnMore{ margin-top:320px}
	.title-group h1.head-title{ font-size:28px; line-height:24px}
	.title-group p{ font-size:16px; line-height:16px}
	.album-list,.webzine{ width:100%}
	.album-box .album-title{ width:60%}
	.webzine{ margin-top:50px}
	.album-list .title-group,.webzine .title-group,.media .title-group{ text-align:center}
	.webzine .webzine-list{ background-position:50% 100%; background-size:contain}
	.media{ margin-top:0}
	.media .youtube,.media .kcva-campaign{ width:100%}
	.media .kcva-campaign{ margin-top:50px}
	ul.campaign-banner li{ width:25%; border-top:1px solid #d7d7d7; border-left:0}
	ul.campaign-banner li:nth-child(1){ border-left:1px solid #d7d7d7}
	ul.campaign-banner li>a{ justify-content:center; padding:10px 10px}
	ul.campaign-banner li span{ margin-right:5px}
	ul.campaign-banner li strong{ font-size:14px}
	.body.main .kcva-related article{ padding-right:180px}
	.kcva-related .related-logo a{ height:50px}
	.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:690px) {
	.kcva-save-business .find-center select,
	.kcva-save-business .find-center input[type="submit"],
	.kcva-save-business .find-center input[type="text"]{ font-size:14px}
}
@media only screen and (max-width:550px) {
	#mainPromotion{ height:380px}
	#mainPromotion .mainSlogan .main,#mainPromotion .mainSlogan .desc{ padding-left:15px}
	#mainPromotion .mainSlogan .btnMore{ margin-left:15px; margin-top:20px}
	/* 이벤트 슬라이더 버튼 위치 */
	#mainPromotion .swiper-slide.main_2 .mainSlogan .btnMore{ margin-top:0px}
	#mainPromotion .swiper-slide.main_1 .mainSlogan .btnMore{ margin-top:220px}
	.title-group h1.head-title{ font-size:24px; line-height:21px}
	.title-group p{ margin-top:15px; line-height:22px}
	.kcva-save-business .find-center,
	.kcva-save-business .save-tel,
	.kcva-save-business .support-business,
	.kcva-save-business .support-process{ padding:20px; width:100%; height:auto; border:1px solid #e1e1e1}
	.kcva-save-business .save-tel,.kcva-save-business .support-business,.kcva-save-business .support-process{ border-top:0}
	.kcva-save-business h2{ margin-bottom:20px; height:auto}
	.kcva-save-business h2 span span{ display:inline-block; width:5px}
	.kcva-save-business .support-business h2,.kcva-save-business .support-process h2{ margin-bottom:5px}
	.kcva-save-business .support-business .flex-box,.kcva-save-business .support-process .flex-box{ height:auto}
	.kcva-save-business .save-tel p{ margin-bottom:30px}
	.kcva-save-business .save-tel strong{ font-size:32px}
	.album-box{ height:350px}
	.album-box .album-title{ padding:15px 15px 0; width:75%}
	.album-box strong{ width:75%; font-size:15px}
	.media .swiper-pagination-custom3{ display:block; margin-top:20px}
	ul.campaign-banner li{ width:50%}
	ul.campaign-banner li span{ margin-right:10px}
	ul.campaign-banner li:nth-child(3){ border-left:1px solid #d7d7d7}
	ul.campaign-banner li:nth-child(3),ul.campaign-banner li:nth-child(4){ border-top:0}
	ul.campaign-banner li:nth-child(3) span{ margin-left:-30px}
	.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) {
	#mainPromotion .mainSlogan{ top:40%}
	#mainPromotion .mainSlogan strong{ font-size:1.75rem}
	/* 이벤트 슬라이더 버튼 위치 */
	#mainPromotion .swiper-slide.main_2 .mainSlogan .btnMore{ margin-top:200px}
	#mainPromotion .swiper-slide.main_1 .mainSlogan .btnMore{ margin-top:160px}
	.album-box{ height:300px}
	.album-box strong{ width:70%}
	.webzine>a,.webzine>button{ right:8%}
	.body.main .kcva-related article{ padding-right:160px}
}