@charset "UTF-8";

/* basic */
html,
body { font-family: "NanumSquare", "Malgun Gothic", "맑은 고딕", helvetica, "Apple SD Gothic Neo", sans-serif; }
.inner { padding: 0 16rem; transition: padding 0.3s; }

/* header */
.header { position: relative; width: 100%; height: 120px; border-bottom: 3px solid #000; background: #fff; }
.header .inner { display: flex; align-items: center; justify-content: space-between; height: 100%; }
.header .logo { flex-shrink: 0; margin-top: -1rem; }
.header .gnb_area { width: 100%; padding: 0 10rem; }
.header .gnb_area .gnb_depth1_wrap .gnb_depth1 { display: flex; }
.header .gnb_area .gnb_depth1_wrap .gnb_depth1 > li { padding: 0 8rem; }
.header .gnb_area .gnb_depth1_wrap .gnb_depth1 > li > a { font-weight: 800; font-size: 2rem; transition: color 0.3s; }
.header .gnb_area .gnb_depth1_wrap .gnb_depth1 > li > a.btn_target { display: flex; position: relative; align-items: center; }
.header .gnb_area .gnb_depth1_wrap .gnb_depth1 > li > a.btn_target:after { display: block; width: 1.8rem; height: 1.8rem; margin-left: 1rem; background: url(../../images/common/icon_link01.svg) no-repeat center/contain; content: ""; transition: background-image 0.3s; }
.header .gnb_area .gnb_depth1_wrap .gnb_depth1 > li > a:hover,
.header .gnb_area .gnb_depth1_wrap .gnb_depth1 > li.active > a { color: var(--cm_color1); }
.header .gnb_area .gnb_depth1_wrap .gnb_depth1 > li > a.btn_target:hover:after,
.header .gnb_area .gnb_depth1_wrap .gnb_depth1 > li.active > a.btn_target:after { background: url(../../images/common/icon_link02.svg) no-repeat center/contain; }
.header .gnb_area .gnb_depth1_wrap .gnb_depth1 > li.btn_utill { display: none; align-items: center; justify-content: center; width: auto; height: 4.4rem; padding: 0.5rem 2.3rem; border: 3px solid #000; background: #FFC20E; font-weight: 700; }
.header .utill_area { display: flex; flex-shrink: 0; align-items: center; gap: 3rem; }
.header .utill_area .btn_utill { display: flex; align-items: center; justify-content: center; width: auto; height: 4.4rem; padding: 0.5rem 2.3rem; border: 3px solid #000; background: #FFC20E; font-weight: 700; }
.header .utill_area .btn_utill:hover { background: #FEE480; transition: background-color 0.3s; }
.header .utill_area .btn_gnb { display: none; position: relative; width: 3rem; height: 3rem; font-size: 0; cursor: pointer; }
.header .utill_area .btn_gnb:before,
.header .utill_area .btn_gnb:after { position: absolute; right: 0; height: 3px; background: #000; content: ""; transition: all 0.3s ease; }
.header .utill_area .btn_gnb:before { top: 5px; width: 100%; }
.header .utill_area .btn_gnb:after { bottom: 5px; width: 70%; }
.header .utill_area .btn_gnb.active:before { top: 50%; width: 100%; transform: translateY(-50%) rotate(45deg); }
.header .utill_area .btn_gnb.active:after { bottom: 50%; width: 100%; transform: translateY(50%) rotate(-45deg); }

/* footer */
.footer { position: relative; width: 100%; border-top: 3px solid #000; background-color: #fff; }
.footer .footer_top { padding: 5rem 0; background: #fff; }
.footer .footer_top .inner { display: flex; }
.footer .footer_top .logo_area { flex-shrink: 0; }
.footer .footer_top .logo_area > img { width: 18.5rem; }
.footer .footer_top .info_area { width: 100%; padding-left: 10%; }
.footer .footer_top .info_area .info_item { color: #666; }
.footer .footer_top .info_area .info_item + .info_item { margin-top: 0.5rem; }
.footer .footer_btm { height: 8rem; background: #000; color: #fff; }
.footer .footer_btm .inner { display: flex; align-items: center; justify-content: space-between; height: 100%; }
.footer .footer_btm .menu_area { display: flex; flex-wrap: wrap; align-items: center; height: 100%; gap: 5rem; }
.footer .footer_btm .menu_area .btn_menu { color: #C1C1C1; font-weight: 700; font-size: 1.5rem; }
.footer .footer_btm .menu_area .btn_menu.highlight { color: #E84C93; }
.footer .footer_btm .copy_area { font-size: 1.5rem; }
.footer .btn_top { display: none; z-index: 10; position: fixed; right: 160px; bottom: 12rem; }
.footer .btn_top > span { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 6rem; height: 6rem; border: 1px solid #000; border-radius: 10px; background: rgba(255, 255, 255, 0.8); font-weight: 700; font-size: 1.5rem; }
.footer .btn_top > span:before { display: block; width: 2.4rem; height: 2.4rem; background: url(../../images/common/icon_top.svg) no-repeat center/contain; content: ""; }

/* main */
@keyframes gentleFloat {
	0% { transform: translateX(0px) translateY(0px) rotate(0deg); }
	25% { transform: translateX(3px) translateY(-8px) rotate(1deg); }
	50% { transform: translateX(-2px) translateY(5px) rotate(-1.5deg); }
	75% { transform: translateX(4px) translateY(-3px) rotate(2deg); }
	100% { transform: translateX(0px) translateY(0px) rotate(0deg); }
}
@keyframes lineSlide {
	0% { clip-path: inset(0 100% 0 0); }
	7%,
	7.1% { clip-path: inset(0 80.69% 0 0); }
	15%,
	15.1% { clip-path: inset(0 57.39% 0 0); }
	23%,
	23.1% { clip-path: inset(0 36.37% 0 0); }
	31%,
	31.1% { clip-path: inset(0 16.29% 0 0); }
	39%,
	39.1% { clip-path: inset(0 0 0 0); }
	47%,
	47.1% { clip-path: inset(0 0 0 19.31%); }
	55%,
	55.1% { clip-path: inset(0 0 0 42.61%); }
	63%,
	63.1% { clip-path: inset(0 0 0 63.63%); }
	71%,
	71.1% { clip-path: inset(0 0 0 83.71%); }
	79%,
	100% { clip-path: inset(0 0 0 100%); }
}
@keyframes buttonSlide {
	0%,
	100% { transform: translateX(0); }
	50% { transform: translateX(50%); }
}
@keyframes buttonSlide2 {
	0%,
	100% { transform: translateX(0); }
	50% { transform: translateX(30%); }
}
@keyframes buttonCircle {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}
.main_page { word-break: keep-all; }
.main_page .main_cont .main_title_area { border-bottom: 3px solid #000; }
.main_page .main_cont .main_title { display: flex; align-items: center; width: 100%; height: 8rem; padding: 0 2rem; border-right: 3px solid #000; border-left: 3px solid #000; font-weight: 800; font-size: 4rem; }
.main_page .main_cont .main_title:before { display: block; background-position: center; background-size: contain; background-repeat: no-repeat; content: ""; }
.main_page .main_cont .main_cont_area { display: block; background-position: center; background-size: contain; background-repeat: no-repeat; content: ""; }
.main_page .main_cont .main_line { width: 100%; border-right: 3px solid #000; border-left: 3px solid #000; }

/* main - visual */
.main_page .main_visual { display: flex; position: relative; align-items: center; justify-content: center; min-height: calc(100vh - 120px); padding: 5rem 0; overflow: hidden; border-bottom: 3px solid #000; background: url(../../images/temporary/cont1_bg.png) no-repeat center/cover; text-align: center; }
.main_page .main_visual .inner { display: flex; flex-direction: column; align-items: center; justify-content: center; }
.main_page .main_visual .visual_title { position: relative; padding-top: 3.9rem; font-weight: 800; font-size: 8rem; line-height: 1.25; }
.main_page .main_visual .visual_title:after { position: absolute; top: 0; left: 0; width: 52.8rem; height: 3.9rem; background: url(../../images/temporary/cont1_img05.svg) no-repeat center/contain; content: ""; animation: lineSlide 6s cubic-bezier(0.4, 0, 0.6, 1) infinite; }
.main_page .main_visual .visual_text1 { margin-top: 9rem; color: #555; font-size: 1.8rem; line-height: 1.45; }
.main_page .main_visual .visual_text2 { margin-top: 3rem; font-weight: 800; font-size: 3rem; line-height: 1.5; }
.main_page .main_visual .visual_obj .item_obj { position: absolute; }
.main_page .main_visual .visual_obj .item_obj > img { transform: translateY(-5px) rotate(2deg); animation: gentleFloat 10s ease-in-out infinite alternate; }
.main_page .main_visual .visual_obj .item_obj1 { top: 12.02%; right: 77.6%; width: 16.7rem; }
.main_page .main_visual .visual_obj .item_obj1 > img { animation-delay: 0s; }
.main_page .main_visual .visual_obj .item_obj2 { top: 9.52%; left: 79.58%; width: 6rem; }
.main_page .main_visual .visual_obj .item_obj2 > img { animation-delay: -0.8s; }
.main_page .main_visual .visual_obj .item_obj3 { right: 74.53%; bottom: 11.45%; width: 31.5rem; }
.main_page .main_visual .visual_obj .item_obj3 > img { animation-delay: -1.6s; }
.main_page .main_visual .visual_obj .item_obj4 { bottom: 12.27%; left: 75.46%; width: 28.474rem; }
.main_page .main_visual .visual_obj .item_obj4 > img { animation-delay: -2.4s; }
.main_page .main_visual .visual_obj .item_obj5,
.main_page .main_visual .visual_obj .item_obj6,
.main_page .main_visual .visual_obj .item_obj7 { display: none; }

/* main - business */
.main_page .main_business { border-bottom: 3px solid #000; }
.main_page .main_business .main_title { padding-left: 5.2rem; }
.main_page .main_business .main_title:before { width: 4.4rem; height: 4.4rem; margin-right: 2rem; background: url(../../images/temporary/cont2_img01.svg) no-repeat center/contain; }
.main_page .main_business .main_line { display: flex; flex-wrap: wrap; }
.main_page .main_business .main_line .box_item { position: relative; width: 33.3333333333%; min-height: 49rem; padding: 8rem 5rem; overflow: hidden; border-top: 3px solid #000; border-right: 3px solid #000; }
.main_page .main_business .main_line .box_item .item_obj { z-index: -1; position: absolute; right: 4rem; overflow: hidden; background-position: center; background-size: contain; background-repeat: no-repeat; }
.main_page .main_business .main_line .box_item .item_obj > img { position: absolute; top: 0; left: 0; }
.main_page .main_business .main_line .box_item1 .item_obj { bottom: 5.6rem; width: 13rem; height: 9.6rem; }
.main_page .main_business .main_line .box_item1 .item_obj .img_parts1 { animation: buttonSlide 4s linear infinite; }
.main_page .main_business .main_line .box_item2 .item_obj { bottom: 6rem; width: 13rem; height: 9.1rem; }
.main_page .main_business .main_line .box_item2 .item_obj .img_parts1 { transform-origin: 19% 69%; animation: buttonCircle 3s linear infinite; }
.main_page .main_business .main_line .box_item3 .item_obj { bottom: 3rem; width: 13rem; height: 15.2rem; }
.main_page .main_business .main_line .box_item4 .item_obj { bottom: 6rem; width: 13rem; height: 6.9rem; }
.main_page .main_business .main_line .box_item:nth-child(3n+3) { border-right: 0; }
.main_page .main_business .main_line .box_item:nth-child(-n+3) { border-top: 0; }
.main_page .main_business .main_line .box_item .item_title { margin-bottom: 3rem; font-weight: 800; font-size: 3rem; }
.main_page .main_business .main_line .box_item .item_desc > li { position: relative; padding-left: 2.5rem; font-weight: 700; font-size: 2rem; }
.main_page .main_business .main_line .box_item .item_desc > li:before { position: absolute; top: 0.8rem; left: 0; width: 1rem; height: 1rem; border-radius: 100%; background-color: #4EB857; content: ""; }
.main_page .main_business .main_line .box_item .item_desc > li + li { margin-top: 1.5rem; }
.main_page .main_business .main_line .box_item5 { padding: 0; opacity: 1 !important; }
.main_page .main_business .main_line .box_item5 .item_obj { position: absolute; border: 3px solid #000; }
.main_page .main_business .main_line .box_item5 .item_obj1 { z-index: 3; bottom: 0; left: 0; width: 100%; height: 18.1rem; border-right: 0; border-bottom: 0; border-left: 0; background-color: #FFC80B; }
.main_page .main_business .main_line .box_item5 .item_obj2 { z-index: 2; top: 0; left: -32.7rem; width: 64.2rem; height: 64.4rem; transform: translateX(-100%); border-radius: 100%; background-color: #EF5BA1; transition: transform 0.5s; }
.main_page .main_business .main_line .box_item5 .item_obj3 { z-index: 1; right: 0; bottom: 18.1rem; width: 23.1rem; height: 23.1rem; transform: translateX(-150%) rotate(-90deg); border-radius: 100%; background-color: #3AB54A; opacity: 0; transition: opacity 0.7s 0.2s, transform 0.7s 0.5s; }
.main_page .main_business .main_line .box_item5.aos-animate .item_obj2 { transform: translateX(0); }
.main_page .main_business .main_line .box_item5.aos-animate .item_obj3 { transform: translateX(0) rotate(0); opacity: 1; }
.main_page .main_business .main_line .box_item6 { position: relative; padding: 0; }
.main_page .main_business .main_line .box_item6 .item_obj { position: absolute; text-align: center; }
.main_page .main_business .main_line .box_item6 .item_obj > img { position: static; }
.main_page .main_business .main_line .box_item6 .item_obj1 { display: flex; top: 0; left: 0; align-items: center; justify-content: center; width: 100%; height: calc(100% - 18.1rem); }
.main_page .main_business .main_line .box_item6 .item_obj1 > img { width: 36.9rem; }
.main_page .main_business .main_line .box_item6 .item_obj2 { bottom: 0; left: 0; width: 100%; height: 18.1rem; border-top: 3px solid #000; background-image: repeating-linear-gradient(-60deg, transparent, transparent 6px, rgb(255, 255, 255) 6px, rgb(255, 255, 255) 33px); background-color: #000; }

/* main - space */
.main_page .main_space { border-bottom: 3px solid #000; }
.main_page .main_space .main_title { padding-left: 5.2rem; }
.main_page .main_space .main_title:before { width: 4.4rem; height: 4.4rem; margin-right: 2rem; background: url(../../images/temporary/cont3_img01.svg) no-repeat center/contain; }
.main_page .main_space .main_line { position: relative; padding: 11.8rem 14rem; }
.main_page .main_space .main_line .cm_tab { position: absolute; right: 14rem; bottom: 14rem; left: 80.7rem; }
.main_page .main_space .main_line .cm_tab .tab_list { display: flex; flex-wrap: wrap; gap: 2rem 1rem; }
.main_page .main_space .main_line .cm_tab .tab_list .btn_tab > a { display: flex; align-items: center; justify-content: center; min-height: 4rem; padding: 0.5rem 1.7rem; border: 2px solid #000; border-radius: 50px; background: #fff; font-weight: 700; line-height: 1.3; }
.main_page .main_space .main_line .cm_tab .tab_list .btn_tab > a:hover,
.main_page .main_space .main_line .cm_tab .tab_list .btn_tab.active > a { background: var(--cm_color4); }
.main_page .main_space .main_line .tab_cont.active { display: flex; align-items: flex-start; }
.main_page .main_space .main_line .space_swiper { position: relative; flex-shrink: 0; width: 62.6rem; }
.main_page .main_space .main_line .space_swiper .thumb_area { position: relative; width: 100%; border: 3px solid #000; background-color: #000; }
.main_page .main_space .main_line .space_swiper .thumb_area:after { display: block; width: 100%; padding-top: 59.678%; content: ""; }
.main_page .main_space .main_line .space_swiper .thumb_area > img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; }
.main_page .main_space .main_line .space_swiper .swiper-btn { z-index: 2; position: absolute; top: 50%; width: 5rem; height: 5rem; margin-top: -2.5rem; border-radius: 100%; background-position: center; background-size: contain; background-repeat: no-repeat; background-color: #fff; font-size: 0; }
.main_page .main_space .main_line .space_swiper .swiper-btn.swiper-prev { left: -2.5rem; background-image: url(../../images/common/icon_arr03_left.svg); }
.main_page .main_space .main_line .space_swiper .swiper-btn.swiper-next { right: -2.5rem; background-image: url(../../images/common/icon_arr03_right.svg); }
.main_page .main_space .main_line .space_desc { width: 100%; padding-top: 2.3rem; padding-left: 6rem; }
.main_page .main_space .main_line .space_desc .item_title { margin-bottom: 3rem; font-weight: 800; font-size: 3rem; }
.main_page .main_space .main_line .space_desc .item_text { font-weight: 700; line-height: 1.8; }

/* main - info */
.main_page .main_info .main_line { display: flex; }
.main_page .main_info .main_line .box_item { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 14rem; padding: 3rem; border-right: 3px solid #000; }
.main_page .main_info .main_line .box_item:last-child { border-right: 0; }
.main_page .main_info .main_line .box_item .item_title { display: flex; align-items: center; font-weight: 800; font-size: 3rem; }
.main_page .main_info .main_line .box_item .item_title:after { display: block; margin-left: 0.5rem; background-position: center; background-size: contain; background-repeat: no-repeat; content: ""; }
.main_page .main_info .main_line .box_item1 .item_title:after { width: 4rem; height: 3.4rem; background-image: url(../../images/temporary/cont4_img01.svg); }
.main_page .main_info .main_line .box_item2 .item_title:after { width: 3.4rem; height: 3rem; background-image: url(../../images/temporary/cont4_img02.svg); }
.main_page .main_info .main_line .box_item .item_desc { padding-left: 8rem; font-weight: 700; font-size: 2rem; line-height: 1.7; }

/* sub */
.sub_page { padding-bottom: 21rem; }
.sub_page .inner { width: 100%; max-width: 1600px; margin: 0 auto; padding: 0; }
.sub_page .sub_page_head { padding: 8rem 0; }
.sub_page .sub_page_head .sub_page_breadcrumb .breadcrumb_list { display: flex; gap: 2.4rem; }
.sub_page .sub_page_head .sub_page_breadcrumb .breadcrumb_list > li { position: relative; }
.sub_page .sub_page_head .sub_page_breadcrumb .breadcrumb_list > li:after { position: absolute; top: 0; left: 100%; width: 2.4rem; height: 100%; background: url(../../images/common/icon_arr04_right.svg) no-repeat center/1.2rem; content: ""; }
.sub_page .sub_page_head .sub_page_breadcrumb .breadcrumb_list > li:last-child:after { display: none; }
.sub_page .sub_page_head .sub_page_breadcrumb .breadcrumb_list > li > span,
.sub_page .sub_page_head .sub_page_breadcrumb .breadcrumb_list > li > a { display: flex; align-items: center; font-weight: 400; font-size: 1.5rem; text-decoration: underline; }
.sub_page .sub_page_head .sub_page_breadcrumb .breadcrumb_list > li.home > span:before,
.sub_page .sub_page_head .sub_page_breadcrumb .breadcrumb_list > li.home > a:before { display: block; width: 1.2rem; height: 1.2rem; margin-right: 0.6rem; background: url(../../images/common/icon_home.svg) no-repeat center/contain; content: ""; }
.sub_page .sub_page_head .sub_page_head_title { margin-top: 3.2rem; }
.sub_page .sub_page_head .sub_page_head_title h2 { font-weight: 800; font-size: 4.8rem; }
@media screen and (max-width:1679px) {

	/* basic */
	.inner { padding: 0 10rem; }

	/* footer */
	.footer .btn_top { right: 10rem; }

	/* main */
	.main_page .main_cont .main_title { font-size: 3.6rem; }

	/* main - visual */
	.main_page .main_visual .visual_title { padding-top: 3.12rem; font-size: 6.4rem; }
	.main_page .main_visual .visual_title:after { width: 42.24rem; height: 3.12rem; }
	.main_page .main_visual .visual_text1 { margin-top: 5rem; }
	.main_page .main_visual .visual_obj .item_obj1 { top: 13.02%; right: 80.6%; width: 11.69rem; }
	.main_page .main_visual .visual_obj .item_obj2 { top: 10.52%; left: 82.58%; width: 4.2rem; }
	.main_page .main_visual .visual_obj .item_obj3 { right: 77.53%; bottom: 10.45%; width: 22.05rem; }
	.main_page .main_visual .visual_obj .item_obj4 { bottom: 7.27%; left: 78.46%; width: 19.9318rem; }

	/* main - business */
	.main_page .main_business .main_line .box_item { min-height: 45rem; padding: 6rem 5rem; }
	.main_page .main_business .main_line .box_item .item_obj { right: 3rem; }
	.main_page .main_business .main_line .box_item1 .item_obj { bottom: 5rem; width: 10.4rem; height: 7.68rem; }
	.main_page .main_business .main_line .box_item2 .item_obj { bottom: 5rem; width: 10.4rem; height: 7.28rem; }
	.main_page .main_business .main_line .box_item3 .item_obj { bottom: 3rem; width: 10.4rem; height: 12.16rem; }
	.main_page .main_business .main_line .box_item4 .item_obj { bottom: 5rem; width: 10.4rem; height: 5.52rem; }
	.main_page .main_business .main_line .box_item .item_title { font-size: 2.6rem; }
	.main_page .main_business .main_line .box_item .item_desc > li { padding-left: 2.3rem; font-size: 1.8rem; }
	.main_page .main_business .main_line .box_item .item_desc > li:before { top: 0.6rem; }
	.main_page .main_business .main_line .box_item5 .item_obj2 { left: -15vw; width: 30vw; height: 30vw; }
	.main_page .main_business .main_line .box_item5 .item_obj3 { right: 0; bottom: 18.1rem; width: 15vw; height: 15vw; }
	.main_page .main_business .main_line .box_item6 .item_obj1 > img { width: 29.52rem; }

	/* main - space */
	.main_page .main_space .main_line { padding: 10rem 6rem; }
	.main_page .main_space .main_line .cm_tab { right: 6rem; bottom: 10rem; left: 72.7rem; }
	.main_page .main_space .main_line .cm_tab .tab_list { gap: 1rem; }
	.main_page .main_space .main_line .space_desc { padding-top: 1rem; }
	.main_page .main_space .main_line .space_desc .item_title { margin-bottom: 2rem; font-size: 2.6rem; }

	/* main - info */
	.main_page .main_info .main_line .box_item .item_title { font-size: 2.6rem; }
	.main_page .main_info .main_line .box_item1 .item_title:after { width: 3.2rem; height: 2.72rem; }
	.main_page .main_info .main_line .box_item2 .item_title:after { width: 2.72rem; height: 2.4rem; }
	.main_page .main_info .main_line .box_item .item_desc { padding-left: 4rem; }

	/* sub */
	.sub_page .inner { padding-right: 10rem; padding-left: 10rem; }
	.sub_page .sub_page_head .sub_page_head_title h2 { font-size: 4.2rem; }
}
@media screen and (max-width:1439px) {

	/* basic */
	.inner { padding: 0 6rem; }

	/* header */
	.header .gnb_area .gnb_depth1_wrap .gnb_depth1 > li { padding: 0 4rem; }

	/* footer */
	.footer .btn_top { right: 6rem; }
	.footer .footer_btm .menu_area { gap: 4rem; }

	/* main - visual */
	.main_page .main_visual .visual_obj .item_obj1 { top: 13.02%; right: 83.6%; width: 10.02rem; }
	.main_page .main_visual .visual_obj .item_obj2 { top: 10.52%; left: 84.58%; width: 3.6rem; }
	.main_page .main_visual .visual_obj .item_obj3 { right: 80.53%; bottom: 10.45%; width: 18.9rem; }
	.main_page .main_visual .visual_obj .item_obj4 { bottom: 7.27%; left: 80.46%; width: 17.0844rem; }

	/* main - business */
	.main_page .main_business .main_line .box_item { min-height: 40rem; padding: 4rem; }
	.main_page .main_business .main_line .box_item1 .item_obj { bottom: 3rem; width: 7.8rem; height: 5.76rem; }
	.main_page .main_business .main_line .box_item2 .item_obj { bottom: 3rem; width: 7.8rem; height: 5.46rem; }
	.main_page .main_business .main_line .box_item3 .item_obj { bottom: 2rem; width: 7.8rem; height: 9.12rem; }
	.main_page .main_business .main_line .box_item4 .item_obj { bottom: 3rem; width: 7.8rem; height: 4.14rem; }
	.main_page .main_business .main_line .box_item5 .item_obj1 { height: 15rem; }
	.main_page .main_business .main_line .box_item5 .item_obj2 { left: -16vw; width: 32vw; height: 32vw; }
	.main_page .main_business .main_line .box_item5 .item_obj3 { bottom: 15rem; }
	.main_page .main_business .main_line .box_item6 .item_obj1 { height: calc(100% - 15rem); }
	.main_page .main_business .main_line .box_item6 .item_obj1 > img { width: 25.83rem; }
	.main_page .main_business .main_line .box_item6 .item_obj2 { height: 15rem; }

	/* main - space */
	.main_page .main_space .main_line { padding: 8rem 5.5rem; }
	.main_page .main_space .main_line .cm_tab { position: static; margin-bottom: 4rem; }
	.main_page .main_space .main_line .space_swiper { width: 50rem; }
	.main_page .main_space .main_line .space_desc { padding-top: 3rem; }

	/* sub */
	.sub_page .inner { padding-right: 6rem; padding-left: 6rem; }
}
@media screen and (max-width:1279px) {

	/* basic */
	.inner { padding: 0 40px; }

	/* header */
	.header { height: 100px; }
	.header .gnb_area { padding: 0 4rem; }

	/* footer */
	.footer .btn_top { right: 40px; }
	.footer .footer_btm { height: auto; padding: 2.5rem 0; }
	.footer .footer_btm .inner { display: block; }
	.footer .footer_btm .menu_area { margin-bottom: 2rem; gap: 1rem 3rem; }

	/* main */
	.main_page .main_cont .main_title { font-size: 3.2rem; }

	/* main - business */
	.main_page .main_business .main_title:before { width: 3.52rem; height: 3.52rem; margin-right: 1.6rem; }

	/* main - space */
	.main_page .main_space .main_title:before { width: 3.52rem; height: 3.52rem; margin-right: 1.6rem; }
	.main_page .main_space .main_line { padding: 5.5rem; }
	.main_page .main_space .main_line .cm_tab { position: static; margin-bottom: 4rem; }
	.main_page .main_space .main_line .space_swiper { width: 45rem; }
	.main_page .main_space .main_line .space_desc { padding-top: 3rem; }

	/* main - info */
	.main_page .main_info .main_line .box_item { flex-direction: column; text-align: center; }
	.main_page .main_info .main_line .box_item .item_title { justify-content: center; }
	.main_page .main_info .main_line .box_item .item_desc { margin-top: 1.5rem; padding-left: 0; }

	/* sub */
	.sub_page .inner { padding-right: 40px; padding-left: 40px; }
	.sub_page .sub_page_head { padding: 5rem 0; }
	.sub_page .sub_page_head .sub_page_head_title { margin-top: 3rem; }
}
@media screen and (max-width:1023px) {

	/* basic */
	.container { padding-top: 80px; }

	/* header */
	.header { z-index: 1000; position: fixed; top: 0; right: 0; left: 0; height: 80px; }
	.header .logo { width: 16.65rem; }
	.header .gnb_area { display: none; position: absolute; top: 100%; right: 0; left: 0; padding: 3rem; overflow: hidden; border-top: 1px solid #ddd; border-bottom: 3px solid #000; background: #fff; }
	.header .gnb_area.active { display: block; box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1); }
	.header .gnb_area .gnb_depth1_wrap .gnb_depth1 { flex-wrap: wrap; align-items: center; gap: 5rem; }
	.header .gnb_area .gnb_depth1_wrap .gnb_depth1 > li { padding: 0; }
	.header .gnb_area .gnb_depth1_wrap .gnb_depth1 > li.btn_utill { display: flex; padding-top: 0.6rem; }
	.header .gnb_area .gnb_depth1_wrap .gnb_depth1 > li.btn_utill > a { font-weight: 700; font-size: 1.7rem; }
	.header .utill_area .btn_utill { display: none; position: absolute; top: calc(100% + 2.5rem); right: 3rem; }
	.header .utill_area.active .btn_utill { display: flex; }
	.header .utill_area .btn_gnb { display: block; }

	/* main */
	.main_page .main_cont .main_title { height: 6.5rem; padding-top: 0.5rem; font-size: 2.4rem; }
	.main_page .main_cont .main_title:before { margin-top: -0.3rem; }

	/* main - visual */
	.main_page .main_visual { z-index: 1; min-height: 0; padding: 12rem 0; background: #fff; }
	.main_page .main_visual .visual_title { padding-top: 2.34rem; font-size: 4.8rem; }
	.main_page .main_visual .visual_title:after { width: 31.68rem; height: 2.34rem; }
	.main_page .main_visual .visual_text2 { font-size: 2.6rem; }
	.main_page .main_visual .visual_obj .item_obj { display: none; }
	.main_page .main_visual .visual_obj .item_obj5,
	.main_page .main_visual .visual_obj .item_obj6,
	.main_page .main_visual .visual_obj .item_obj7 { display: block; z-index: -1; opacity: 0.3; }
	.main_page .main_visual .visual_obj .item_obj5 > img,
	.main_page .main_visual .visual_obj .item_obj6 > img,
	.main_page .main_visual .visual_obj .item_obj7 > img { transform: none; animation: none; }
	.main_page .main_visual .visual_obj .item_obj5 { top: 0; left: 5%; width: 44.37rem; }
	.main_page .main_visual .visual_obj .item_obj6 { right: 0; bottom: 0; width: 22.2rem; }
	.main_page .main_visual .visual_obj .item_obj7 { bottom: 0; left: 2%; width: 25.2rem; }

	/* main - business */
	.main_page .main_business .main_title:before { width: 2.64rem; height: 2.64rem; }
	.main_page .main_business .main_line .box_item { width: 50%; min-height: 40rem; padding: 4rem; }
	.main_page .main_business .main_line .box_item:nth-child(3n+3) { border-right: 3px solid #000; }
	.main_page .main_business .main_line .box_item:nth-child(-n+3) { border-top: 3px solid #000; }
	.main_page .main_business .main_line .box_item:nth-child(2n+2) { border-right: 0; }
	.main_page .main_business .main_line .box_item:nth-child(-n+2) { border-top: 0; }
	.main_page .main_business .main_line .box_item .item_title { font-size: 2.2rem; }
	.main_page .main_business .main_line .box_item5 .item_obj2 { left: -25vw; width: 50vw; height: 50vw; }
	.main_page .main_business .main_line .box_item5 .item_obj3 { width: 20vw; height: 20vw; }
	.main_page .main_business .main_line .box_item6 .item_obj2 { background-image: repeating-linear-gradient(-60deg, transparent, transparent 6px, rgb(255, 255, 255) 6px, rgb(255, 255, 255) 25px); }

	/* main - space */
	.main_page .main_space .main_line { padding: 4.5rem 5.5rem; }
	.main_page .main_space .main_title:before { width: 2.64rem; height: 2.64rem; }
	.main_page .main_space .main_line .space_desc { width: 100%; padding: 0; padding-top: 4rem; }
	.main_page .main_space .main_line .space_desc .item_title { font-size: 2.2rem; }
	.main_page .main_space .main_line .tab_cont.active { display: block; }
	.main_page .main_space .main_line .space_swiper { width: 100%; }

	/* main - info */
	.main_page .main_info .main_line .box_item .item_title { font-size: 2.2rem; }
	.main_page .main_info .main_line .box_item1 .item_title:after { width: 2.4rem; height: 2.04rem; }
	.main_page .main_info .main_line .box_item2 .item_title:after { width: 2.04rem; height: 1.8rem; }

	/* sub */
	.sub_page .sub_page_head .sub_page_head_title h2 { font-size: 3.8rem; }
}
@media screen and (max-width:768px) {

	/* basic */
	.inner { padding: 0 20px; }
	.container { padding-top: 70px; }

	/* header */
	.header { height: 70px; }
	.header .gnb_area { padding-bottom: 10rem; }
	.header .gnb_area .gnb_depth1_wrap .gnb_depth1 { justify-content: center; }
	.header .utill_area .btn_utill { top: calc(100% + 8.5rem); right: 50%; transform: translateX(50%); }

	/* footer */
	.footer .footer_top { padding: 3rem 0; }
	.footer .footer_top .inner { flex-direction: column; }
	.footer .footer_top .info_area { margin-top: 2rem; padding: 0; }
	.footer .btn_top { right: 20px; bottom: 10rem; }

	/* main */
	.main_page .main_visual { padding: 7rem 0; }
	.main_page .main_visual .visual_title { padding-top: 1.56rem; font-size: 3.2rem; }
	.main_page .main_visual .visual_title:after { width: 21.12rem; height: 1.56rem; }
	.main_page .main_visual .visual_text2 { font-size: 2.2rem; }
	.main_page .main_visual .visual_obj .item_obj5,
	.main_page .main_visual .visual_obj .item_obj6,
	.main_page .main_visual .visual_obj .item_obj7 { opacity: 0.2; }
	.main_page .main_visual .visual_obj .item_obj5 { width: 29.58rem; }
	.main_page .main_visual .visual_obj .item_obj6 { width: 14.8rem; }
	.main_page .main_visual .visual_obj .item_obj7 { width: 16.8rem; }

	/* main - business */
	.main_page .main_business .main_line .box_item { width: 100%; min-height: 0; padding: 3rem 4rem; border-top: 3px solid #000 !important; border-right: 0 !important; }
	.main_page .main_business .main_line .box_item:first-child { border-top: 0 !important; }
	.main_page .main_business .main_line .box_item5 { display: none; height: 35rem; }
	.main_page .main_business .main_line .box_item5 .item_obj1 { height: 12rem; }
	.main_page .main_business .main_line .box_item5 .item_obj2 { left: -54vw; width: 108vw; height: 108vw; }
	.main_page .main_business .main_line .box_item5 .item_obj3 { bottom: 12rem; width: 39vw; height: 39vw; }
	.main_page .main_business .main_line .box_item6 { height: 35rem; }
	.main_page .main_business .main_line .box_item .item_title { margin-bottom: 2rem; }
	.main_page .main_business .main_line .box_item6 .item_obj1 { height: calc(100% - 12rem); }
	.main_page .main_business .main_line .box_item6 .item_obj2 { height: 12rem; }

	/* main - business */
	.main_page .main_business .main_title { padding-left: 4rem; }

	/* main - space */
	.main_page .main_space .main_title { padding-left: 4rem; }
	.main_page .main_space .main_line { padding: 3.5rem; }
	.main_page .main_space .main_line .cm_tab { margin-bottom: 3rem; }
	.main_page .main_space .main_line .space_swiper .swiper-btn { width: 4rem; height: 4rem; margin-top: -2rem; }
	.main_page .main_space .main_line .space_swiper .swiper-btn.swiper-prev { left: -2rem; }
	.main_page .main_space .main_line .space_swiper .swiper-btn.swiper-next { right: -2rem; }
	.main_page .main_space .main_line .space_desc { padding-top: 2rem; }
	.main_page .main_space .main_line .space_desc .item_title { margin-bottom: 1.5rem; }

	/* main - info */
	.main_page .main_info .main_line { display: block; }
	.main_page .main_info .main_line .box_item { border-right: 0; border-bottom: 3px solid #000; }
	.main_page .main_info .main_line .box_item:last-child { border-bottom: 0; }

	/* sub */
	.sub_page { padding-bottom: 15rem; }
	.sub_page .inner { padding-right: 20px; padding-left: 20px; }
	.sub_page .sub_page_head { padding: 5rem 0; }
	.sub_page .sub_page_head .sub_page_head_title { margin-top: 2rem; }
	.sub_page .sub_page_head .sub_page_head_title h2 { font-size: 3.4rem; }

	/* main */
	.main_page .main_visual .visual_text1 { display: none; }
}