/* ************************************ 메인 ************************************ */

.expand_text a, .one_pick_text a, .latest_more_btn a{
	-webkit-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-moz-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-o-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-ms-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

.banner_wrap ul li a, .news_wrap span, .news_wrap img, .main_card .card_image img{
	-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_body{overflow: hidden;}
.box_wrap{position: relative; overflow: hidden; z-index: 1;}

/* box1 */
.box1{padding-bottom: 30px;}
.box1_wrap{padding-top: 190px;}
.box1_ani{position: relative; animation:main_start 1s -0.1s forwards 1 cubic-bezier(0.5, 1, 0.89, 1); opacity: 0; z-index: 2;}
@keyframes main_start{
	0%{opacity: 0; transform: scale(0.5);}
	100%{opacity: 1; transform: scale(1);}
}
.box1_po{position: relative; font-size: 150px; font-weight: 700; text-align: center; line-height: 1.2;}
.box1_po .purple_color{color: #000;}
.box1_po .orange_color{color: #FDB159;}
.box1_po .green_color{color: #77557C;}
.box1_po p{font-size: 30px; font-weight: 400; margin-top: 50px;}
.box1_po .box1_ani > ul{position: relative; display: flex; width: 100%; justify-content: center; align-items: center; z-index: 1;}
.box1_po .box1_ani > ul.box1_po_text1{margin-bottom: 30px;}
.box1_po .box1_ani > ul.box1_po_text2{font-size: 52.5px; margin-top: 52px;}
.box1_po .box1_ani > ul img{width: 100%; vertical-align: top;}
.box1_swiper{margin: 0 30px; border-radius: 150px; overflow: hidden;}
.box1_swiper1{width: 278px; height: 155px;}
.box1_swiper2{width: 265px; height: 153px;}

.box1_img_po{position: absolute; left: 50%;}
.box1_img_po_01{top: 380px; margin-left: -500px;}
.box1_img_po_01 img{width: 120px; border-radius: 0px;}
.box1_img_po_02{top: 360px; margin-left: 400px;}
.box1_img_po_02 img{width: 160px;}
.box1_img_po_03{top: 400px; margin-left: 430px;}
.box1_img_po_03 img{width: 253px;}

.box1_scroll{text-align: center; margin-top: 150px;}
.box1_scroll img{width: 112px;}



/* box2 */
.box2{overflow: hidden; height: 500vh;}
.expand_arrow{position: absolute; top: 50%; right: 3%; transform: translateY(-50%); display: block; width: 120px; height: 120px; border-radius: 50%; background: url("../imgs/main/arrow.png") no-repeat center #fff; background-size: 20px; z-index: 3; opacity: 0;}
.expand_item{position: relative; display: flex; flex-direction: column; flex-wrap: nowrap; width: 100%; height: 500vh;}
.expand_wrap{position: relative; width: 100%; height: 100vh;}
.expand_wrap1{position: relative; left: 0; top: 0;}
.expand_wrap2, .expand_wrap3, .expand_wrap4,.expand_wrap5{position: relative;}
.expand_bg1{position: relative; left: 0; top: 0; transform: none; width: 100%; height: 100vh; border-radius: 0; background: url("../imgs/main/top_slider_01.jpg") no-repeat center center; background-size: cover; overflow: hidden;}

/* box1_5 여백 */
.box1_5{padding-top: 300px; padding-bottom: 100px;}

/* box1_5 목차 */
.box1_5_toc{text-align: center; margin-bottom: 100px;}
.box1_5_toc p{font-size: 40px; font-weight: 400; color: #000; line-height: 1.2;}

/* box1_5 그리드 레이아웃 - PC: 3/2, 모바일: 2/2/1 */
.box1_5 .expand_bg_grid{display: flex; flex-wrap: wrap; justify-content: center; gap: 30px; max-width: 1200px; margin: 0 auto; padding: 0 20px;}
.box1_5 .expand_bg_item_wrap{position: relative; width: calc(33.333% - 20px);}
.box1_5 .expand_bg_item{position: relative; display: block; width: 100%; aspect-ratio: 16/9; border-radius: 30px; overflow: hidden; text-decoration: none;}
.box1_5 .expand_bg_item::before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); transition: all 0.3s ease; z-index: 1;}
.box1_5 .expand_bg_item:hover::before{background: rgba(0, 0, 0, 0.5);}
.box1_5 .expand_bg_item.expand_bg1{background: url("../imgs/main/top_slider_01.jpg") no-repeat center center; background-size: cover; height: auto;}
.box1_5 .expand_bg_item.expand_bg2{background: url("../imgs/main/top_slider_02.jpg") no-repeat center center; background-size: cover; height: auto;}
.box1_5 .expand_bg_item.expand_bg3{background: url("../imgs/main/top_slider_03.jpg") no-repeat center center; background-size: cover; height: auto;}
.box1_5 .expand_bg_item.expand_bg4{background: url("../imgs/main/top_slider_04.jpg") no-repeat center center; background-size: cover; height: auto;}
.box1_5 .expand_bg_item.expand_bg5{background: url("../imgs/main/top_slider_05.jpg") no-repeat center center; background-size: cover; height: auto;}

/* box1_5 텍스트 */
.box1_5 .expand_bg_text{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 20px; font-weight: 700; color: #fff; text-align: center; line-height: 1.3; padding: 0 10px; width: 100%; z-index: 2;}
.box1_5 .expand_bg_category{display: block; font-size: 20px; font-weight: 600; color: #77557C; text-align: center; margin-top: 15px;}

/* PC에서 2행: 4, 5번째 아이템 가운데 정렬 */
.box1_5 .expand_bg_item_wrap:nth-child(4){margin-left: calc(16.666% - 10px);}
.box1_5 .expand_bg_item_wrap:nth-child(5){margin-right: calc(16.666% - 10px);}
.expand_bg2{position: relative; width: 100%; height: 100%; background: url("../imgs/main/top_slider_02.jpg") no-repeat center center; background-size: cover;}
.expand_bg3{position: relative; width: 100%; height: 100%; background: url("../imgs/main/top_slider_03.jpg") no-repeat center center; background-size: cover;}
.expand_bg4{position: relative; width: 100%; height: 100%; background: url("../imgs/main/top_slider_04.jpg") no-repeat center center; background-size: cover;}
.expand_bg5{position: relative; width: 100%; height: 100%; background: url("../imgs/main/top_slider_05.jpg") no-repeat center center; background-size: cover;}

.expand_cover{position: absolute; background: rgba(0, 0, 0, 0.2); z-index: 1; left: 0; top: 0; transform: none; width: 100%; height: 100vh; border-radius: 0; opacity: 1;}
.expand_cover2{position: absolute; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.2); z-index: 1;}
.expand_text{position: absolute; width: 100%; top: 50%; transform: translateY(-50%); z-index: 2; text-align: center; opacity: 1;}
.expand_text h3{margin-bottom: 90px;}
.expand_text h3 span{position: relative; display: inline-block; font-size: 34px; color: #fff; padding: 0 25px 5px;}
.expand_text h3 span:after{content: ''; position: absolute; width: 100%; height: 28px; background: #77557C; left: 0; bottom: 0; z-index: -1;}
.expand_text > div{margin-bottom: 100px;}
.expand_text p{position: relative; display: inline-block; font-size: 80px; font-weight: 700; color: #fff; text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.8), 0 0 20px rgba(0, 0, 0, 0.6);}
.expand_box_wrap{background: rgba(0, 0, 0, 0.4); padding: 20px 40px;}
.expand_text a{display: inline-block; font-size: 24px; color: #fff; border: 4px solid #fff; border-radius: 100px; padding: 20px 55px;}
.expand_text a:hover{background: #77557C; border-color: #77557C;}


/* box3 */
.box3{position: relative; width: 100%; height: 100vh; overflow: hidden;}
.banner_wrap{width: 96%; margin: 150px auto 120px;}
.banner_wrap ul{display: flex; justify-content: center;}
.banner_wrap ul li{position: relative; overflow: visible; border-radius: 50px; width:49%; max-width: 660px;}
.banner_wrap ul li a{overflow: hidden; border-radius: 50px;}
.banner_wrap ul li.banner_img_01{}
.banner_wrap ul li.banner_img_02{margin-left: 2%;}
.banner_wrap ul li a{display: block; width: 100%;}
.banner_wrap ul li a:hover{transform: scale(1.1);}
.banner_wrap ul li a img{width: 100%;}
.banner_wrap ul li .banner_title{position: absolute; left: 80px; bottom: 80px; display: block;}
.banner_wrap ul li .banner_title b{position: relative; display: inline-block; font-size: 50px; font-weight: 800; color: #fff; margin-bottom: 10px; padding: 0 10px;}
.banner_wrap ul li .banner_title b.active{animation:cover_back 1s -0.1s forwards 1 ease;}
@keyframes cover_back{
	0%{background: none;}
	61%{background: none;}
	62%{background: #77557C;}
	100%{background: #77557C;}
}
.banner_wrap ul li .banner_title .banner_text{display: block; font-size: 21px; color: #fff;}
.banner_wrap ul li .banner_title b.active .cover_frames{animation:cover_start 1s -0.1s forwards 1 ease;}

.banner_text_custom{text-align: center; margin-top: 20px; padding: 0 20px; position: relative; z-index: 10;}
.banner_text_custom p{font-size: 18px; line-height: 1.6; color: #333; margin: 5px 0;}
.banner_text_custom p:first-child{font-weight: 600; color: #77557C;}

/* box4 */
.box4{position: relative; width: 100%; height: 100vh;}
.one_pick_wrap{position: relative; left: 50%; top: 0; transform: translateX(-50%); width: 300px; height: 300px; border-radius: 1000px; background: url("../imgs/main/one_pick_bg.jpg") no-repeat center center; background-size: cover; overflow: hidden;} 		/* 남부 원 픽 스케일 삭제 : width: 300%; height: 300%;  => width: 100%; height: 100%; jsc 폴더 gsap-main.js 파일에서 남부 원 픽 삭제 주석 2개 삭제 */
.one_pick_text{position: absolute; width: 100%; top: 50%; transform: translateY(-50%) scale(0.2); z-index: 2; text-align: center; opacity: 0;}
.one_pick_text h3{margin-bottom: 30px;}
.one_pick_text h3 span{position: relative; display: inline-block; font-size: 34px; color: #fff; padding: 0 25px 5px;}
.one_pick_text h3 span:after{content: ''; position: absolute; width: 100%; height: 28px; background: #77557C; left: 0; bottom: 0; z-index: -1;}
.one_pick_text > div{margin-bottom: 100px;}
.one_pick_text p{position: relative; display: inline-block; font-size: 66px; font-weight: 800; color: #fff; line-height: 1.5;}
.one_pick_text p b{position: relative; display: inline-block; font-weight: 800;}
.one_pick_text a{display: inline-block; font-size: 24px; color: #fff; border: 4px solid #fff; border-radius: 100px; padding: 20px 55px;}
.one_pick_text a:hover{background: #77557C; border-color: #77557C;}



/* box5 */
.box5{position: relative; width: 100%; height: 100vh; background: #FBFBFB; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.box5 > div{width: 100%;}
.box3 h3{font-size: 80px; font-weight: 300; text-align: center; margin-top: 100px; margin-bottom: 130px; width: 100%;}
.box3 h3 span{position: relative; display: inline-block; font-weight: 400; color: #fff; padding: 0 20px;}
.box3 h3 span:after{content: ''; position: absolute; width: 100%; height: 100%; background: #77557C; left: 0; bottom: 0; z-index: -1;}
.box5 h3{font-size: 80px; font-weight: 300; text-align: center; margin-bottom: 130px; width: 100%;}
.box5 h3 span{position: relative; display: inline-block; font-weight: 400; color: #fff; padding: 0 20px;}
.box5 h3 span:after{content: ''; position: absolute; width: 100%; height: 100%; background: #77557C; left: 0; bottom: 0; z-index: -1;}
.news_wrap{width: 100%;}
.news_wrap img{width: 100%; height: 100%; object-fit: cover; display: block;}
.news_wrap a{position: relative; display: block; border-radius: 22px; overflow: hidden; aspect-ratio: 4 / 3;}
.news_wrap span{position: absolute; display: flex; width: 100%; height: 100%; z-index: 1; background: #77557C; justify-content: center; align-items: center; text-align: center; font-size: 27px; color: #fff; line-height: 1.4; opacity: 0; padding: 0 20px;}
.news_wrap a:hover span{opacity: 1;}
.news_wrap a:hover img{transform: scale(1.1);}
.news_wrap .swiper-button-next:after, .news_wrap .swiper-button-prev:after{content: ''; display: none;}
.news_wrap .swiper-button-next, .news_wrap .swiper-button-prev{top: 50%; width: 90px; height: 90px; border-radius: 50%; background-color: #fff; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); background-repeat: no-repeat; background-position: center; background-size: 22px; margin: 0;}
.news_wrap .swiper-button-prev{background-image: url("../imgs/arrow_left.png"); left: 23%; transform: translate(50%, -50%);}
.news_wrap .swiper-button-next{background-image: url("../imgs/arrow_right.png"); right: 23%; transform: translate(-50%, -50%);}


/* box6 */
.box6{position: relative; width: 100%; height: 100vh; background: #77557C; display: table;}
.main_card_wrap{text-align: center; display: table-cell; vertical-align: middle;}
.main_card_wrap h3{font-size: 86px; line-height: 1.2; font-weight: 800; color: #fff;  margin-bottom: 90px; width: 100vw;}
.sliding_gallery{position: relative; width: 100%; overflow: hidden; display: inline-flex;}
.sliding_box .card{position: relative; display: block; -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 274px !important; height: 330px; margin: 0 8px; vertical-align: top; border-radius: 10px; overflow: hidden; -webkit-transform: ranslateZ(1px); transform: translateZ(1px); box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);}

.sliding_box_no .card{animation-play-state: paused;}


.main_card .main-content{overflow: hidden; position: relative;}
.main_card .swiper{height: 100%;}
.main_card .swiper-pagination{bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
.main_card .swiper-pagination-bullet{opacity: 1; margin: 0 4px; border-radius: 4px; background-color: #f3f4f5;}
.main_card .swiper-pagination-bullet.active{background-color: #d6d7da;}
.main_card .card{position: relative; display: block; -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 274px; height: 330px; margin: 0 8px; vertical-align: top; border-radius: 10px; overflow: hidden; -webkit-transform: translateZ(1px); transform: translateZ(1px);}
.main_card .card:after{content: ""; pointer-events: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 10px; border: 1px solid rgba(0, 0, 0, .1);}
.main_card .card a{display: block; width: 100%; height: 100%;}
.main_card .card-list{display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-transition-timing-function: linear !important; transition-timing-function: linear !important;}
.main_card .card_image, .main_card .card_image:after{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.main_card .card_image:after{content: ""; display: block; background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), to(rgba(0, 0, 0, .5))); background: linear-gradient(180deg, transparent 50%, rgba(0, 0, 0, .5)); pointer-events: none;}
.main_card .card_image img{vertical-align: top; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transform: scale(1); transform: scale(1);}
.main_card .card-text{position: relative; display: -webkit-box; height: 52px; color: #fff; font-size: 16px; font-weight: 700; line-height: 1.625; white-space: pre-line; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.main_card .card > a{position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; height: 100%; padding: 16px 12px;}
.main_card .card > a:hover img{-webkit-transform: scale(1.1); transform: scale(1.1);}
.main_card .card > a b{position: absolute; width: 100%; bottom: 30px; padding: 0 20px; font-size: 16px; color: #fff; overflow: hidden; text-overflow: ellipsis; word-break: keep-all; z-index: 1; font-weight: 350; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; line-height: 20px; max-height: 40px;}
.sliding_box{display: flex;}
.sliding_box:hover .card{animation-play-state: paused;}

.sliding_box_no{display: flex;justify-content: center;}

.latest_more_btn{margin-top: 70px; width: 100vw;}
.latest_more_btn a{display: inline-block; font-size: 24px; color: #fff; border: 4px solid #fff; border-radius: 100px; padding: 20px 55px;}
.latest_more_btn a:hover{background: #77557C; border-color: #77557C;}

.card {
    display: inline-flex;
	-webkit-animation: fontSlide 60s linear infinite;
	-moz-animation: fontSlide 60s linear infinite;
	-o-animation: fontSlide 60s linear infinite;
	animation: fontSlide 60s linear infinite;
	-ms-animation: fontSlide 60s linear infinite;
}



.card.dup {
	-webkit-animation: fontSlideDup 60s linear infinite;
	-moz-animation: fontSlideDup 60s linear infinite;
	-o-animation: fontSlideDup 60s linear infinite;
	animation: fontSlideDup 60s linear infinite;
	-ms-animation: fontSlideDup 60s linear infinite;
}

@-webkit-keyframes fontSlide {
	0% {-webkit-transform: translateX(0);}
	50% {-webkit-transform: translateX(calc(-680% - 166px));}
	50.01% {-webkit-transform: translateX(calc(680% + 166px));}
	100% {-webkit-transform: translateX(0);}
}
@-webkit-keyframes fontSlideDup {

    0% {-webkit-transform: translateX(0);}
    100% {-webkit-transform: translateX(calc(-1360% - 332px));}
}


@keyframes fontSlide {
	0% {
		transform: translateX(0);
		-ms-transform: translateX(0);
	}
	50% {
		transform: translateX(calc(-680% - 166px));
		-ms-transform: translateX(calc(-680% - 166px));
	}
	50.01% {
		transform: translateX(calc(680% + 166px));
		-ms-transform: translateX(calc(680% + 166px));
	}
	100% {
		transform: translateX(0);
		-ms-transform: translateX(0);
	}
}
@keyframes fontSlideDup {
	0% {
		transform: translateX(0);
		-ms-transform: translateX(0);
	}
	100% {
		transform: translateX(calc(-1360% - 332px));
		-ms-transform: translateX(calc(-1360% - 332px));
	}
}

/* Animation */
.cover_frames{display: block; position: absolute; width: 100%; height: 100%; background: #77557C; transform: scale(0, 1); transform-origin: left center; left: 0;}
.cover_frames.active{animation:cover_start 1s -0.1s forwards 1 ease;}
@keyframes cover_start{
	0%{transform: scale(0, 1); transform-origin: left center;}
	60%{transform: scale(1, 1); transform-origin: left center;}
	61%{transform: scale(1, 1); transform-origin: right center;}
	99%{transform: scale(0, 1); transform-origin: right center;}
	100%{transform: scale(0, 0); transform-origin: right center;}
}



/* PC Ver */
@media (max-width: 1600px){
	/* box1 */
	.box1_po{font-size: 100px;}
	.box1_po p{font-size: 27px;}
	.box1_img_po_01{top: -20px; margin-left: -750px;}
	.box1_img_po_01 img{width: 170px;}
	.box1_img_po_02{top: 0; margin-left: 440px;}
	.box1_img_po_02 img{width: 200px;}
	.box1_img_po_03{top: 380px; margin-left: 340px;}
	.box1_img_po_03 img{width: 220px;}
}


@media (max-width: 1300px){
	/* box1 */
	.box1_wrap{padding-top: 150px;}
	.box1_po{font-size: 90px;}
	.box1_po .box1_ani > ul{flex-wrap: wrap; margin-bottom: 0 !important;}
	.box1_po .box1_ani > ul li{margin-bottom: 15px;}
	.box1_po .box1_ani > ul.box1_po_text2{font-size: 31.5px; margin-top: 31.5px;}
	.box1_po_100{width: 100%;}
	.box1_swiper1{width: 224px; height: 125px;}
	.box1_swiper2{width: 213px; height: 123px;}
	.box1_img_po_01{top: 120px; margin-left: -460px;}
	.box1_img_po_01 img{width: 120px;}
	.box1_img_po_02{top: 140px; margin-left: 260px;}
	.box1_img_po_02 img{width: 160px;}
	.box1_img_po_03{top: 580px; margin-left: 340px;}
	.box1_img_po_03 img{width: 180px;}
	.box1_scroll{margin-top: 80px;}
	.box1_scroll img{width: 90px;}
	
	/* box2 */
	.expand_arrow{display: none;}	
	.expand_text h3{margin-bottom: 60px;}
	.expand_text h3 span{font-size: 29px;}
	.expand_text h3 span:after{content: ''; height: 22px;}
	.expand_text > div{margin-bottom: 80px;}
	.expand_text p{font-size: 80px; line-height: 1.3;}
	.expand_text a{font-size: 21px;}
	
	/* box4 */
	.one_pick_text h3 span{font-size: 29px;}
	.one_pick_text h3 span:after{content: ''; height: 22px;}
	.one_pick_text > div{margin-bottom: 80px;}
	.one_pick_text p{font-size: 80px; line-height: 1.3;}
	.one_pick_text a{font-size: 21px;}
	
}


@media (max-width: 1023px){
    /* box3 */
	.banner_wrap ul li .banner_title{left: 40px; bottom: 40px;}
	.banner_wrap ul li .banner_title b{font-size: 40px;}
	.banner_wrap ul li .banner_title .banner_text{font-size: 19px;}
	
	/* box3 */
	.box3 h3{font-size: 60px;}
	
	/* box5 */
	.box5{height: auto; padding: 150px 0}
	.box5 h3{font-size: 60px;}
	.news_wrap span{font-size: 21px; line-height: 1.4;}
	.news_wrap .swiper-button-prev{left: 13%;}
	.news_wrap .swiper-button-next{right: 13%;}
	
	/* box6 */
	.box6{height: auto; padding: 150px 0; display: block;}
	.main_card_wrap{display: block;}
	.main_card_wrap h3{font-size: 66px; line-height: 1.2; width: 100%;}
	.latest_more_btn{width: 100%;}
	.latest_more_btn a{font-size: 21px;}
}

/* Mobile Ver */
@media screen and (max-width: 767px) {
	/* box1 */
	.box1_wrap{padding-top: 90px;}
	.box1_po{font-size: 70px;}
	.box1_po .box1_ani > ul li{margin-bottom: 10px;}
	.box1_po .box1_ani > ul.box1_po_text2{font-size: 24.5px; margin-top: 24.5px;}
	.box1_po p{font-size: 25px; margin-top: 40px; line-height: 1.4;}
	.box1_swiper{margin: 0 20px;}
	.box1_swiper1{width: 175px; height: 98px;}
	.box1_swiper2{width: 166px; height: 96px;}
	.box1_img_po_01, .box1_img_po_02, .box1_img_po_03{display: none;}
	
	/* box1_5 여백 - 모바일 */
	.box1_5{padding-top: 100px; padding-bottom: 60px;}
	
	/* box1_5 목차 - 모바일 */
	.box1_5_toc{margin-bottom: 70px;}
	.box1_5_toc p{font-size: 20px;}
	
	/* box1_5 그리드 - 모바일: 2/2/1 */
	.box1_5 .expand_bg_grid{gap: 20px; padding: 0 15px;}
	.box1_5 .expand_bg_item_wrap{width: calc(50% - 10px);}
	.box1_5 .expand_bg_item{border-radius: 20px;}
	.box1_5 .expand_bg_item_wrap:nth-child(4){margin-left: 0;}
	.box1_5 .expand_bg_item_wrap:nth-child(5){width: calc(50% - 10px); margin-left: 25%; margin-right: 25%;}
	.box1_5 .expand_bg_category{font-size: 16px; margin-top: 10px;}
	.box1_5 .expand_bg_text{display: block; font-size: 14px; padding: 0 8px;}
	
	/* box2 */
	/*
	.expand_item{height: 80vh;}
	.expand_wrap{height: 80vh;}
	.expand_cover2{height: 80vh;}
	*/
	.expand_text h3{margin-bottom: 40px;}
	.expand_text h3 span{font-size: 27px; padding: 0 20px 5px;}
	.expand_text h3 span:after{content: ''; height: 20px;}
	.expand_text > div{margin-bottom: 50px;}
	.expand_text p{font-size: 40px;}
	.expand_text a{font-size: 19px; border: 3px solid #fff; padding: 15px 45px;}
	
	/* box3 */
	.box3{height: auto;}
	.banner_wrap{width: 94%; margin: 70px auto;}
	.banner_wrap ul{flex-wrap: wrap;}
	.banner_wrap ul li{width:100%;}
	.banner_wrap ul li.banner_img_01{transform: translate(-50%, 0);}
	.banner_wrap ul li.banner_img_02{transform: translate(50%, 0);}
	.banner_wrap ul li.banner_img_02{ margin-left: 0; margin-top: 40px;}
	.banner_wrap ul li .banner_title{left: 40px; bottom: 40px;}
	.banner_wrap ul li .banner_title b{font-size: 40px; background: #77557C;}
	.banner_wrap ul li .banner_title .banner_text{font-size: 19px;}
	
	/* box4 */
	.box4{height: 100vh;}
	.one_pick_text h3 span{font-size: 27px; padding: 0 20px 5px;}
	.one_pick_text h3 span:after{content: ''; height: 20px;}
	.one_pick_text > div{margin-bottom: 50px;}
	.one_pick_text p{font-size: 40px;}
	.one_pick_text a{font-size: 19px; border: 3px solid #fff; padding: 15px 45px;}
	
	/* box3 */
	.box3 h3{font-size: 40px; margin-bottom: 80px;}
	
	/* box5 */
	.box5{padding: 100px 0 150px}
	.box5 h3{font-size: 40px; margin-bottom: 80px;}
	.news_wrap a{border-radius: 20px;}
	.news_wrap span{font-size: 19px;}
	.news_wrap .swiper-button-prev, .news_wrap .swiper-button-next{display: none;}
	
	/* box6 */
	.box6{padding: 100px 0;}
	.main_card_wrap h3{font-size: 40px; line-height: 1.3; margin-bottom: 60px;}
	.latest_more_btn{margin-top: 50px;}
	.latest_more_btn a{font-size: 29px; border: 3px solid #fff; padding: 15px 45px;}
	
}


@media screen and (max-width: 480px) {
	/* box1 */
	.box1_po{font-size: 50px;}
	.box1_po .box1_ani > ul li{margin-bottom: 0;}
	.box1_po p{font-size: 17px; margin-top: 30px;}
	.box1_po .box1_ani > ul.box1_po_text2 li:nth-child(1){margin-bottom: 10px;}
	.box1_swiper{margin: 0 10px;}
	.box1_swiper1{width: 137px; height: 77px;}
	.box1_swiper2{width: 130px; height: 75px;}
	.box1_img_po_01{top: 60px; left: -60px;}
	.box1_img_po_01 img{width: 90px;}
	.box1_img_po_02{top: 60px; left: inherit; right: -40px;}
	.box1_img_po_02 img{width: 100px;}
	.box1_img_po_03{top: 330px; left: inherit; right: -30px;}
	.box1_img_po_03 img{width: 120px;}
	.box1_scroll{margin-top: 40px;}
	
	/* box1_5 여백 - 작은 모바일 */
	.box1_5{padding-top: 60px; padding-bottom: 40px;}
	
	/* box1_5 목차 - 작은 모바일 */
	.box1_5_toc{margin-bottom: 40px;}
	.box1_5_toc p{font-size: 20px;}
	
	/* box1_5 그리드 - 작은 모바일 */
	.box1_5 .expand_bg_grid{gap: 15px; padding: 0 10px;}
	.box1_5 .expand_bg_item_wrap{width: calc(50% - 7.5px);}
	.box1_5 .expand_bg_item{border-radius: 15px;}
	.box1_5 .expand_bg_category{font-size: 14px; margin-top: 8px;}
	.box1_5 .expand_bg_text{display: block; font-size: 12px; padding: 0 5px;}
	
	/* box2 */
	.expand_text h3 span{font-size: 23px;}
	.expand_text h3 span:after{content: ''; height: 16px;}
	.expand_text p{font-size: 35px;}
	.expand_text a{font-size: 17px; padding: 12px 40px;}

	.expand_bg1{width: 100%; height: 100vh;}
	.expand_cover{width: 100%; height: 100vh;}
	.expand_wrap .expand_bg1{background-position: -10px center;}
	.expand_wrap .expand_bg2{background-position: center center;}
	.expand_wrap .expand_bg3{background-position: center center;}
	.expand_wrap .expand_bg4{background-position: center center;}
	.expand_wrap .expand_bg5{background-position: center center;}
	
	/* box3 */
	.banner_wrap ul li{border-radius: 20px;}
	.banner_wrap ul li .banner_title{left: 30px; bottom: 30px;}
	.banner_wrap ul li .banner_title b{font-size: 30px;}
	.banner_wrap ul li .banner_title .banner_text{font-size: 17px;}
	
	.banner_text_custom p{font-size: 15px;}
	
	/* box4 */
	.one_pick_text h3 span{font-size: 20px;}
	.one_pick_text h3 span:after{content: ''; height: 16px;}
	.one_pick_text p{font-size: 24px;}
	.one_pick_text a{font-size: 17px; padding: 12px 40px;}
	
	/* box3 */
	.box3 h3{font-size: 27px; margin-bottom: 40px;}
	
	/* box5 */
	.box5{padding: 60px 0 80px}
	.box5 h3{font-size: 27px; margin-bottom: 40px;}
	.news_wrap span{font-size: 17px; line-height: 1.6;}
	
	/* box6 */
	.box6{padding: 80px 0;}
	.main_card_wrap h3{font-size: 34px; line-height: 1.3; margin-bottom: 60px;}
	.latest_more_btn a{font-size: 17px; padding: 12px 40px;}
}