@charset "utf-8";

.main_swiper_01 .swiper-slide p.t1 span{
	-webkit-transition: all 1s 0.2s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-moz-transition: all 1s 0.2s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-o-transition: all 1s 0.2s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-ms-transition: all 1s 0.2s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition: all 1s 0.2s cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
.main_swiper_01 .swiper-slide p.t2 span{
	-webkit-transition: all 1s 0.4s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-moz-transition: all 1s 0.4s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-o-transition: all 1s 0.4s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-ms-transition: all 1s 0.4s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition: all 1s 0.4s cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
.main_swiper_01 .swiper-slide p.t3 span{
	-webkit-transition: all 1s 0.6s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-moz-transition: all 1s 0.6s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-o-transition: all 1s 0.6s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-ms-transition: all 1s 0.6s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition: all 1s 0.6s cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

.main_banner_pro, .main_banner_pro h3, .main_banner_pro p, .main_banner_btn a, .main_banner_btn a p, .main_banner_btn a b, .main_notice ul li img, .link_arrow:after, .main_card .card_image img, .main_link li a:after{
	-webkit-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-moz-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-o-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-ms-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000);
}


/* 메인 */
.main_wrap{width: 100%; padding-top: 80px;}
.main_inner{width: 100%; max-width: 1400px; margin: 0 auto;}

/* 메인 공통 */
.section{margin-top: 160px;}
.section.sec_inner{width: 100%; max-width: 1824px; margin: 0 auto;}


.main_lay > ul{display: flex; width: 100%;}
.main_lay > ul > li:nth-child(1){width: 300px;}
.main_lay > ul > li:nth-child(2){width: calc(100% - 300px);}
.main_lay h3{font-size: 75px; line-height: 1.1; font-weight: 700;}
.main_lay .text_narrowly{letter-spacing: -1px;}

.sec_center_title h3{font-size: 75px; line-height: 1.1; font-weight: 700; margin-bottom: 50px;}


/* 메인 sec1 */
.section.sec1{width: 100%; max-width: 1824px; margin: 0 auto;}
.main_swiper_01 .text_area{position: absolute; left: 50%; top: 50%; transform: translate(-700px, calc(-50% - 30px)); z-index: 1;}
.main_swiper_01 .text_area p{color: #000; overflow: hidden;}
/*.main_swiper_01 .slider_03 .text_area p{color: #fff;}*/
.main_swiper_01 .text_area p span{display: block; transform: translateY(100%);}
.main_swiper_01 .text_area .t0{font-size: 57px; font-weight: 500; line-height: 1.1;}
.main_swiper_01 .text_area .t3{font-size: 19px; font-weight: 400; margin-top: 20px; line-height: 1.5;}
.main_swiper_01 .slider_03 .text_area .t1{font-size: 27px; margin-bottom: 10px;}
.main_swiper_01 img{width: 100%; height: 100%; object-fit: cover;}
.main_swiper_01 .slider_img_cover img{width: 234px; height: auto;}
/* 메인 sec1 swiper pagination */
.main_swiper_01 .swiper-slide.swiper-slide-active p span{transform: translateY(0);}
.main_swiper_01 .swiper-pagination{position: absolute; bottom: 30px; display: flex; width: auto; height: 12px; left: 50%; transform: translateX(-700px); z-index: 2;}
.main_swiper_01 .swiper-pagination span:nth-child(1){margin-left: 0;}
.main_swiper_01 .swiper-pagination .swiper-pagination-bullet{display: block; width: 12px; height: 12px; background-color: transparent; border: 1px solid #000; opacity: 1; margin: 0 5px;}
.main_swiper_01 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: #000;}
/* 메인 sec1 swiper play & stop */
.main_swiper_01 .btn_pause{position: absolute; bottom: 30px; display: inline-block; width: 12px; height: 12px; left: 50%; transform: translateX(-634px); background: url("../imgs/icon/icon_black_stop.svg") no-repeat center; background-size: cover; z-index: 2;}
.main_swiper_01 .btn_pause.on{background-image: url("../imgs/icon/icon_black_play.svg");}
/* 메인 sec1 swiper button */
.main_swiper_01 .swiper-button-next, .main_swiper_01 .swiper-button-prev{width: 14px; height: 26px; background-repeat: no-repeat; background-position: center; background-size: cover; top: inherit; bottom: 23px; margin-top: 0; left: 50%; right: inherit;}
.main_swiper_01 .swiper-button-next:after, .main_swiper_01 .swiper-button-prev:after{content: ''; display: none;}
.main_swiper_01 .swiper-button-prev{background-image: url("../imgs/icon/arrow_black_prev.svg"); transform: translateX(-602px);}
.main_swiper_01 .swiper-button-next{background-image: url("../imgs/icon/arrow_black_next.svg"); transform: translateX(-568px);}

.main_swiper_01 .autoplay-progress {position: absolute; right: 3%; bottom: 12px; z-index: 2; width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; font-weight: 300; color: #000;}
.main_swiper_01 .autoplay-progress svg {--progress: 0; position: absolute; left: 0; top: 0px; z-index: 2; width: 100%; height: 100%; stroke-width: 2px; stroke: #000; fill: none; stroke-dashoffset: calc(125.6px * (1 - var(--progress))); stroke-dasharray: 125.6; transform: rotate(-90deg);}



/* 메인 sec2 */
.section.sec2{}

.link_arrow{position: absolute; right: 0; top: -15px; width: 44px; height: 44px;}
.link_arrow:after{content: ''; position: absolute; width: 100%; height: 100%; background: url("../imgs/icon/icon_link.svg") no-repeat center #FF5A62; background-size: 13px; border-radius: 50%;}
.link_arrow:hover:after{transform: translate(10px, -10px);}

.main_story_wrap{margin: 60px 0;}
.main_story_wrap ul{display: flex; justify-content: space-between;}
.main_story_wrap li span{display: inline-block; width: 200px; height: 200px; border-radius: 50%; background-color: #F8FAFB; background-repeat: no-repeat; background-position: center; background-size: 110px;}
.main_story_wrap li:nth-child(1) span{background-image: url("../imgs/main/main_01.svg");}
.main_story_wrap li:nth-child(2) span{background-image: url("../imgs/main/main_02.svg");}
.main_story_wrap li:nth-child(3) span{background-image: url("../imgs/main/main_03.svg");}
.main_story_wrap li:nth-child(4) span{background-image: url("../imgs/main/main_04.svg");}
.main_story_wrap li p{font-size: 19px; line-height: 1.2; font-weight: 500; margin-top: 15px; text-align: center;}


/* 메인 sec3 */
.section.sec3{width: 100%; height: 100vh; background: url("../imgs/main/sec3_bg.jpg") no-repeat center; background-size: cover;}

.main_banner_flex{width: 100%; height: 100%; display: flex; align-items: center;}
.main_banner{width: 100%; display: flex; justify-content: space-between;}
.main_banner > li{width: calc(50% - 5px)}
.main_banner > li a{width: 100%; height: 100%; background: #fff; padding: 70px;}
.main_banner > li:nth-child(1) a{border-radius: 20px 0 0 20px;}
.main_banner > li:nth-child(2) a{padding: 50px 70px 50px 140px;}

.main_banner_btn li{display: block; margin-top: 10px;}
.main_banner_btn li a{position: relative; display: block;}
.main_banner_btn a:after{content: ''; position:absolute; width: 18px; height: 32px; right: 50px; top: 50%; transform: translateY(-50%); background: url("../imgs/icon/main_arrow.svg") no-repeat center; background-size: contain;}
.main_banner_btn li:nth-child(1){margin-top: 0;}
.main_banner_btn li:nth-child(1) a{border-radius: 0 20px 0 0;}
.main_banner_btn li:nth-child(4) a{border-radius: 0 0 20px 0;}
.main_banner_btn li p{font-size: 21px; margin-bottom: 10px;}
.main_banner_btn li b{font-size: 31px; font-weight: 700;}
.main_banner_btn a:hover{background-color: #16356F; border-radius: 0 0 50px 0 !important;}
.main_banner_btn a:hover:after{content: ''; background-image: url("../imgs/icon/main_arrow_w.svg");}
.main_banner_btn a:hover p, .main_banner_btn a:hover b{color: #fff;}

.main_banner_btn li a:before{content: ''; position: absolute; left: 40px; top: 50%; transform: translateY(-50%); width: 90px; height: 90px; background-repeat: no-repeat; background-position: center; background-size: cover;}
.main_banner_btn li:nth-child(1) a:before{content: ''; background-image: url("../imgs/main/icon_03_1.svg");} /*  기존 커피 아이콘*/
.main_banner_btn li:nth-child(2) a:before{content: ''; background-image: url("../imgs/main/icon_01.svg");}
.main_banner_btn li:nth-child(3) a:before{content: ''; background-image: url("../imgs/main/icon_02.svg");}
/* .main_banner_btn li:nth-child(3) a:before{content: ''; background-image: url("../imgs/main/icon_03.svg");}   기존 커피 아이콘*/
.main_banner_btn li:nth-child(4) a:before{content: ''; background-image: url("../imgs/main/icon_04.svg");}
.main_banner_btn li:nth-child(1) a:hover:before{content: ''; background-image: url("../imgs/main/icon_03_1_white.svg");} /*  기존 커피(화이트) 아이콘*/
.main_banner_btn li:nth-child(2) a:hover:before{content: ''; background-image: url("../imgs/main/icon_01_white.svg");}
.main_banner_btn li:nth-child(3) a:hover:before{content: ''; background-image: url("../imgs/main/icon_02_white.svg");}
/* .main_banner_btn li:nth-child(3) a:hover:before{content: ''; background-image: url("../imgs/main/icon_03_white.svg");}   기존 커피(화이트) 아이콘*/
.main_banner_btn li:nth-child(4) a:hover:before{content: ''; background-image: url("../imgs/main/icon_04_white.svg");}



.main_banner_pro{display: flex; flex-wrap: wrap; align-content: space-between;}
.main_banner_pro h3{width: 100%; font-size: 75px; line-height: 1; font-weight: 700;}
.main_banner_pro p{width: 100%; font-size: 23px; line-height: 1.2; word-break: keep-all;}
.main_banner_pro p span{display: block; width: 80px; height: 44px; margin-bottom: 20px; background: url("../imgs/icon/banner_logo.svg") no-repeat center; background-size: cover;}
.main_banner > li:nth-child(1):hover a{background: #DE8A8E; border-radius: 0 0 100% 0 !important; align-content: flex-start;}
.main_banner > li:nth-child(1):hover a p{margin-top: 40px; color: #fff;}
.main_banner > li:nth-child(1):hover a h3{color: #fff;}
.main_banner > li:nth-child(1):hover p span{background-image: url("../imgs/icon/banner_logo_w.svg");}


/* 메인 sec4 */
.main_notice a{display: block;}
.main_notice ul{display: flex; width: 100%; align-items: center; padding: 60px 0; border-bottom: 1px solid #ccc;}
.main_notice a:first-child ul{border-top: 1px solid #ccc;}
.main_notice ul li:nth-child(1){width: 240px; margin-right: 80px; overflow: hidden; border-radius: 15px;}
.main_notice ul li:nth-child(2){width: calc(100% - 320px);}
.main_notice ul li img{width: 100%;}
.main_notice a:hover img{transform: scale(1.2);}
.main_notice_text b{display: block; font-size: 27px; font-weight: 700; margin-bottom: 15px;}
.main_notice_text span{display: block; font-size: 19px; color: #777;}


/* 메인 sec5 */
.main_card_wrap .sliding_box{display: flex;}
.main_card_wrap .sliding_box .card{position: relative; display: block; flex: none; width: 280px;}
.main_card .main-content{overflow: hidden; position: relative;}
.main_card_wrap .sliding_box:hover .card{animation-play-state: paused;}
.main_card .card {position: relative; display: block; flex: none; margin: 0; height: 70px; transform: translateZ(1px);}
.main_card .card a{position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%;}
.main_card .card a img{max-height: 100%;}

/* 파트너사 로고 수량 변경 시 아래 수치도 함께 수정 */
.card {
    display: inline-flex;
	animation: fontSlide 100s linear infinite;   /* (8 * 카드 수) */	/* 숫자가 커질 수록 느려짐 */
}
.card.dup {
	animation: fontSlideDup 100s linear infinite;   /* (8 * 카드 수) */	/* 숫자가 커질 수록 느려짐 */
}
@keyframes fontSlide {
	0% {transform: translateX(0);}
	50% {transform: translateX(calc(-1700%));}   /* -(100% * 카드 수) */
	50.01% {transform: translateX(calc(1700%));}   /* (100% * 카드 수) */
	/* 마진값 좌우 10px일 경우*/
	/* 50% {transform: translateX(calc(-1300% - 260px));} */   /* -(100% * 카드 수) - (20 * 카드 수) */
	/* 50.01% {transform: translateX(calc(1300% + 260px));} */  /* (100% * 카드 수) + (20 * 카드 수) */
	100% {transform: translateX(0);}
}
@keyframes fontSlideDup {
	0% {transform: translateX(0);}
	100% {transform: translateX(calc(-3400%));}   /* -(100% * 카드 수 * 2) */
	/* 마진값 좌우 10px일 경우*/
	/* 100% {transform: translateX(calc(-2600% - 520px));} */   /* -(100% * 카드 수 * 2) - (20 * 카드 수 * 2) */
}


/* 메인 sec6 */
.section.sec6{margin-bottom: 200px;}
.main_link{display: flex;}
.main_link li{width: 32%; margin-left: 2%;}
.main_link li:nth-child(1){margin-left: 0;}
.main_link li a{position: relative; display: block; border: 1px solid #000; padding: 20px 30px; border-radius: 0 0 30px 0; height: 100%;}
.main_link li a b{display: block; font-size: 25px; font-weight: 700; margin-bottom: 20px;}
.main_link li a img{width: 100%; max-width: 166px;}
.main_link li a:after{content: ''; position: absolute; right: 20px; top: 20px; width: 44px; height: 44px; background: url("../imgs/icon/icon_link.svg") no-repeat center #FF5A62; background-size: 13px; border-radius: 50%;}
.main_link li a:hover:after{content: ''; transform: translate(10px, -10px);}



/* 메인 sec7 커스텀 추가*/
.section.sec7{margin-bottom: 20px;}
.main_card_wrap2 .sliding_box2{display: flex;}
.main_card_wrap2 .sliding_box2 .card2{position: relative; display: block; flex: none; width: 300px;}
.main_card2 .main-content2{overflow: hidden; position: relative;}
.main_card_wrap2 .sliding_box2:hover .card2{animation-play-state: paused;}
.main_card2 .card2 {position: relative; display: block; flex: none; margin: 0; height: 80px; transform: translateZ(1px);}
.main_card2 .card2 a{position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%;}
.main_card2 .card2 a img{max-height: 100%;}

/* 파트너사 로고 수량 변경 시 아래 수치도 함께 수정 */
.card2 {
    display: inline-flex;
	animation: fontSlide2 120s linear infinite;   /* (8 * 카드 수) */	/* 숫자가 커질 수록 느려짐 */
}
.card2.dup2 {
	animation: fontSlideDup2 120s linear infinite;   /* (8 * 카드 수) */	/* 숫자가 커질 수록 느려짐 */
}
@keyframes fontSlide2 {
	0% {transform: translateX(0);}
	50% {transform: translateX(calc(-800%));}   /* -(100% * 카드 수) */
	50.01% {transform: translateX(calc(800%));}   /* (100% * 카드 수) */
	/* 마진값 좌우 10px일 경우*/
	/* 50% {transform: translateX(calc(-1300% - 260px));} */   /* -(100% * 카드 수) - (20 * 카드 수) */
	/* 50.01% {transform: translateX(calc(1300% + 260px));} */  /* (100% * 카드 수) + (20 * 카드 수) */
	100% {transform: translateX(0);}
}
@keyframes fontSlideDup2 {
	0% {transform: translateX(0);}
	100% {transform: translateX(calc(-1600%));}   /* -(100% * 카드 수 * 2) */
	/* 마진값 좌우 10px일 경우*/
	/* 100% {transform: translateX(calc(-2600% - 520px));} */   /* -(100% * 카드 수 * 2) - (20 * 카드 수 * 2) */
}







.main_pc_only_img{display: inline-block !important;}
.main_mobile_only_img{display: none !important;}

@media (max-width:1420px){	
	/* 메인 공통 */
	.main_inner{padding: 0 3%;}
	.section.sec_inner{padding-left: 3%; padding-right: 3%;}
	
	.main_lay > ul{flex-wrap: wrap;}
	.main_lay > ul > li{width: 100% !important;}
	.main_lay h3{margin-bottom: 30px;}
	
	.sec_center_title h3{margin-bottom: 30px;}
	
	/* 메인 sec1 */
	.main_swiper_01 .text_area{left: 3%; top: 50%; transform: translateY(calc(-50% - 20px));}
	.main_swiper_01 .img_bg{height: 600px;}
	.main_swiper_01 .swiper-pagination{left: 3%; transform: translateX(0);}
	.main_swiper_01 .btn_pause{left: 3%; transform: translateX(66px);}
	.main_swiper_01 .swiper-button-next, .main_swiper_01 .swiper-button-prev{left: 3%;}
	.main_swiper_01 .swiper-button-prev{transform: translateX(98px);}
	.main_swiper_01 .swiper-button-next{transform: translateX(132px);}


	
}

@media (max-width:1023px){	
	/* 메인 */
    .main_wrap{width: 100%; padding-top: 50px;}
	
	/* 메인 sec2 */
	.main_story_wrap li span{width: 160px; height: 160px;}
	.main_story_wrap li p{font-size: 17px;}
	
	
	/* 메인 sec3 */
	.section.sec3{height: auto; padding: 80px 0;}
	.main_banner{display: flex;flex-wrap: wrap;}
	.main_banner > li{width: 100%;}
	.main_banner > li a{padding: 40px; border-radius: 0 !important;}
	.main_banner > li:nth-child(2) a{padding: 40px 40px 40px 120px; margin-top: 10px;}
	
	.main_banner_btn li a:before{content: ''; left: 30px;  width: 80px; height: 80px;}
	.main_banner_btn li:nth-child(1) a:hover:before{content: ''; background-image: url("../imgs/main/icon_03_1.svg");} /*  기존 커피 아이콘*/
	.main_banner_btn li:nth-child(2) a:hover:before{content: ''; background-image: url("../imgs/main/icon_01.svg");}
	.main_banner_btn li:nth-child(3) a:hover:before{content: ''; background-image: url("../imgs/main/icon_02.svg");}
	/* .main_banner_btn li:nth-child(3) a:hover:before{content: ''; background-image: url("../imgs/main/icon_03.svg");}   기존 커피 아이콘*/
	.main_banner_btn li:nth-child(4) a:hover:before{content: ''; background-image: url("../imgs/main/icon_04.svg");}
	
	.main_banner_pro h3{margin-bottom: 30px;}
	
	.main_banner_btn a:hover{background-color: #fff; border-radius: 0 !important;}
	.main_banner_btn a:hover:after{content: ''; background-image: url("../imgs/icon/main_arrow.svg");}
	.main_banner_btn a:hover p, .main_banner_btn a:hover b{color: #000;}
	.main_banner > li:nth-child(1):hover a{background: #fff; border-radius: 0 !important; align-content: inherit;}
	.main_banner > li:nth-child(1):hover a p{margin-top: inherit; color: #000;}
	.main_banner > li:nth-child(1):hover a h3{color: #000;}
	.main_banner > li:nth-child(1):hover p span{background-image: url("../imgs/icon/banner_logo.svg");}
	

	
	
	/* 메인 sec6 */
	.section.sec6{margin-bottom: 150px;}
	.main_link{flex-wrap: wrap;}
	.main_link li{width: 100%; margin-left: 0;}
	.main_link li:nth-child(n+2){margin-top: 20px;}
	.main_link li a{padding: 25px 30px;}
	.main_link li a b{font-size: 21px; margin-bottom: 15px;}
	.main_link li a img{max-width: 140px;}
	.main_link li a:after{content: ''; right: 30px; top: 25px; width: 40px; height: 40px; background-size: 12px;}
	.main_link li a:hover:after{content: ''; transform: translate(0);}
	
}

@media (max-width:767px){
	/* 메인 공통 */
	.section{margin-top: 100px;}
	
	.main_lay h3{font-size: 55px;}
	.main_lay .text_narrowly{letter-spacing: 0;}
	
	.sec_center_title h3{font-size: 55px;}
	
	/* 메인 sec1 */
	.main_swiper_01 .text_area .t0{font-size: 7.6vw;}
	.main_swiper_01 .text_area .t3{font-size: 3.5vw; margin-top: 2.5vw;}
	.main_swiper_01 .slider_03 .text_area .t1{font-size: 4.5vw;}
	.main_swiper_01 .slider_03 .text_area .t2{font-size: 7vw;}
	.main_swiper_01 .img_bg{height: auto;}
	.main_pc_only_img{display: none !important;}
	.main_mobile_only_img{display: inline-block !important;}
	.main_swiper_01 .slider_img_cover img{width: 150px}
	
	/* 메인 sec2 */
	.link_arrow{top: -75px; width: 40px; height: 40px;}
	.link_arrow:hover:after{transform: translate(0);}
	
	.main_story_wrap{margin: 50px 0;}
	.main_story_wrap ul{flex-wrap: wrap;}
	.main_story_wrap li{width: 50%; text-align: center;}
	.main_story_wrap li:nth-child(n+3){margin-top: 30px;}
	.main_story_wrap li span{background-size: 80px;}
	.main_story_wrap li p{font-size: 17px; line-height: 1.2; margin-top: 10px;}
	
	
	/* 메인 sec3 */
	.main_banner > li a{padding: 30px;}
	.main_banner > li:nth-child(2) a{padding: 30px 30px 30px 86px;}
	
	.main_banner_btn li:after{content: ''; left: 15px;  width: 70px; height: 70px;}
	
	.main_banner_btn li p{font-size: 17px; margin-bottom: 5px;}
	.main_banner_btn li b{font-size: 23px;}
	.main_banner_btn a:after{content: ''; width: 13px; height: 23px; right: 30px;}
	
	.main_banner_pro h3{font-size: 55px;}
	.main_banner_pro p{font-size: 19px;}
	.main_banner_pro p span{width: 40px; height: 22px; margin-bottom: 10px;}
	
	/* 메인 sec4 */
	.main_notice ul{display: flex; width: 100%; padding: 40px 0;}
	.main_notice ul li:nth-child(1){width: 160px; margin-right: 30px; border-radius: 10px;}
	.main_notice ul li:nth-child(2){width: calc(100% - 190px);}
	.main_notice a:hover img{transform: scale(1);}
	.main_notice_text b{font-size: 21px; margin-bottom: 10px;}
	.main_notice_text span{font-size: 17px;}
	
	/* 메인 sec5 */
	.main_card_wrap .sliding_box .card{width: 280px;}
/*	 .main_card .card{height: 50px;}*/
	.main_card .card a img{width: 100%;}
	.main_card .card.vertical_logo a img{width: auto; height: 30px; max-height: inherit;}


	/* 메인 sec7 */
	.main_card_wrap2 .sliding_box2 .card2{width: 180px;}
/* .main_card2 .card2{height: 50px;} */
	.main_card2 .card2 a img{width: 100%;}
	.main_card2 .card2.vertical_logo2 a img{width: auto; height: 30px; max-height: inherit;}

}


@media (max-width:480px){
	/* 메인 공통 */
	.section{margin-top: 70px;}
	
	.main_lay h3{font-size: 35px; margin-bottom: 20px;}
	
	.sec_center_title h3{font-size: 35px; margin-bottom: 30px;}
	
	/* 메인 sec2 */
	.link_arrow{top: -55px; width: 38px; height: 38px;}
	
	.main_story_wrap li span{width: 140px; height: 140px;}
	.main_story_wrap li span{background-size: 70px;}
	.main_story_wrap li p{font-size: 16px; line-height: 1.3;}
	
	
	/* 메인 sec3 */
	.section.sec3{margin-top: 100px;}
	.main_banner > li a{padding: 25px;}
	.main_banner > li:nth-child(2) a{padding: 25px 25px 25px 74px;}
	
	.main_banner_btn li a:before{content: ''; left: 15px;  width: 54px; height: 54px;}
	
	.main_banner_btn li p{font-size: 16px;}
	.main_banner_btn li b{font-size: 21px;}
	.main_banner_btn a:after{content: ''; right: 25px;}
	
	.main_banner_pro h3{font-size: 35px;}
	.main_banner_pro p{font-size: 17px;}

	
	/* 메인 sec4 */
	.main_notice ul{padding: 30px 0;}
	.main_notice ul li:nth-child(1){width: 130px; margin-right: 20px;}
	.main_notice ul li:nth-child(2){width: calc(100% - 150px);}
	.main_notice_text b{font-size: 19px;}
	.main_notice_text span{font-size: 15px;}
	
	/* 메인 sec6 */
	.section.sec6{margin-bottom: 120px;}
	.main_link li a{padding: 20px;}
	.main_link li a b{font-size: 19px; margin-bottom: 12px;}
	.main_link li a img{max-width: 110px;}
	.main_link li a:after{content: ''; right: 20px; top: 20px; width: 34px; height: 34px; background-size: 10px;}
	
}