.more a{display: flex;display: flex;;justify-content: space-between;width: 192px;height: 60px;background-color: #004BB9;border-radius: 50px;overflow: hidden;align-items: center;padding-right: 5px;padding-left: 23px;border: 1px solid #004BB9;} .more a span{display: block;font-size: 16px;color: #FFFFFF;font-weight: 600;position: relative;z-index: 2;transition: 0.5s;} .more a i{display: flex;width: 50px;height: 50px;align-items: center;justify-content: center;border-radius: 50%;background-color: #FFFFFF;position: relative;z-index: 1;;} .more a i:before{content: '';display: block;width: 100%;height: 100%;background-color: #fff;border-radius: 50%;position: absolute;top: 0;left: 0;transition: 0.5s;} .more a:hover i:before{transform: scale(10);;} .more a i svg{position: relative;z-index: 5;;} .more a i{transition: 0.5s;} .more a:hover i{transform: translateX(-15px);} .more a:hover span{padding-left: 10px;color:#004BB9;} .more a:hover path{stroke: #004BB9} .more a path{transition-duration: 0.5s;} .inner{padding: 0 50px;} #main .m_title{margin-bottom: 60px;} #main .m_title span{display: block;font-size: 22px;color: #142743;margin-bottom: 20px;} #main .m_title strong{font-size: 80px;color: #000000;font-weight: 700;display: block;;margin-bottom: 20px;text-transform: uppercase;} #main .m_title p{font-size: 22px;color: #142743;font-weight: 500;font-weight: 500;} #main .m_title.m_title_w span{color: #FFFFFF;} #main .m_title.m_title_w strong{color: #FFFFFF;} #main .m_title.m_title_w p{color: #FFFFFF;} #main .main_visual{position: relative;height: 100vh;display: flex;align-items: center;overflow: hidden;} #main .main_visual .content{position: relative;z-index: 5;} #main .main_visual .content .txt_w .txt{margin-bottom: 20px;} #main .main_visual .content .txt_w span{display: block;font-size: 20px;color: #FFFFFF;} #main .main_visual .content .txt_w > div{overflow: hidden;} #main .main_visual .content .txt_w strong{display: block;font-size: 80px;color: #FFFFFF;font-weight: 700;text-transform: uppercase;} #main .main_visual .bg{right: 0;top: 50%;transform: translateY(-50%);position: absolute;} #main .main_visual .info_txt{right: 50px;bottom: 55px;position: absolute;} #main .main_visual .info_txt p{font-size: 15px;color: #FFFFFF;} #main .main_visual .more{display: flex;gap: 20px;margin-top: 70px;} #main .main_con04 {padding-bottom: 150px;} #main .main_con04 .m_title{text-align: center;} #main .main_con04 .sw{margin-bottom: 70px;} #main .main_con04 .more{display: flex;;justify-content: center;} #main .main_con04 .swiper-slide {width: 400px;} #main .main_con04 .swiper-slide img{width: 100%;} #main .main_con04 .swiper-slide .wrap{position: relative;} #main .main_con04 .swiper-slide .wrap .img {position: relative;border-radius: 10px;overflow: hidden;background-color: #113365;} #main .main_con04 .swiper-slide .wrap .img img{display: block;transition: 0.5s;} #main .main_con04 .swiper-slide:hover .wrap .img img{filter: blur(30px);opacity: 0.4;} #main .main_con04 .swiper-slide .wrap .img i{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);opacity: 0;transition: 0.5s;} #main .main_con04 .swiper-slide .wrap:hover .img i{opacity: 1;} #main .main_con04 .swiper-slide .wrap .txt{margin-top: 20px;} #main .main_con04 .swiper-slide .wrap .txt span{display: block;font-size: 15px;color: #004BB9;font-weight: 500;margin-bottom: 8px;} #main .main_con04 .swiper-slide .wrap .txt strong{font-size: 18px;color: #000000;font-weight: 700;display: block;;margin-bottom: 15px;} #main .main_con04 .swiper-slide .wrap .txt p{font-size: 14px;color: #999999;;} #main .main_con05{height: 615px;overflow: hidden;position: relative;display: flex;align-items: center;justify-content: center;} #main .main_con05 .bg{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);} #main .main_con05 .bg img{display: block;transform: scale(2);transition: 3s;} #main .main_con05.on .bg img{display: block;transform: scale(1);;} #main .main_con05 .txt_wrap{text-align: center;position: relative;z-index: 5;;} #main .main_wrap{position: relative;overflow: hidden;} #main .main_wrap .bg{position: absolute;left: 50%;transform: translateX(-50%);top: 0;} #main .main_con01{padding-top: 130px;padding-bottom: 105px;border-bottom: 1px solid rgba(255,255,255,0.1);position: relative;} #main .main_con01 .box_wrap{display: flex;gap: 20px;} #main .main_con01 .box_wrap .img{position: absolute;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;opacity: 0;pointer-events: none;} #main .main_con01 .box_wrap a{display: flex;height: 460px;width: 100%;overflow: hidden;position: relative;border-radius: 10px;background-color: #081B34;} #main .main_con01 .box_wrap a .dots{position: absolute;z-index: 15;top: 40px;left: 40px;display: flex;gap: 4px} #main .main_con01 .box_wrap a .dots i{display: block;width: 6px;height: 6px;border-radius: 50%;background-color: #6095E2;} #main .main_con01 .box_wrap a .dots i.act{background: #FFFFFF;} #main .main_con01 .box_wrap a .dots i.on{background: #FFFFFF;} #main .main_con01 .box_wrap a .arr{right: 40px;top: 40px;width: 60px;height: 60px;display: flex;;align-items: center;justify-content: center;border-radius: 4px;background-color: #113365;position: absolute;z-index: 5;transition: 0.5s;padding-bottom: 5px;padding-left: 5px;} #main .main_con01 .box_wrap a .arr path{transition: 0.5s;} #main .main_con01 .box_wrap a:hover .arr path{stroke : #004BB9;} #main .main_con01 .box_wrap a:hover .arr{background-color: #fff;} #main .main_con01 .box_wrap a .arr svg{display: block;transition: 0.5s;} #main .main_con01 .box_wrap a:hover .arr svg{transform: translate(100%, -100%);} #main .main_con01 .box_wrap a .arr i{display: block;} #main .main_con01 .box_wrap a .arr div{position: relative;overflow: hidden;} #main .main_con01 .box_wrap a .arr div i:nth-child(2){position: absolute;left: -100%;top: 100%;;} #main .main_con01 .box_wrap .box{width: calc(33.33% - 13.33333333333333px);} #main .main_con01 .box_wrap .box .txt{position: absolute;bottom: 0;left: 0;padding: 40px;width: 100%;background: linear-gradient(to top, #004BB900,#004BB900);} #main .main_con01 .box_wrap .box:hover .txt{background: linear-gradient(to top, #004BB9,#004BB900);} #main .main_con01 .box_wrap .box .txt span{display: block;font-size: 16px;color: #AECFFF;font-weight: 600;margin-bottom: 10px;} #main .main_con01 .box_wrap .box .txt strong{font-size: 40px;color: #FFFFFF;font-weight: 700;text-transform: uppercase;} #main .main_con01 .box_wrap .box .txt p{font-size: 18px;color: #D1DAE5;font-weight: 500;line-height: 28px;margin-top: 25px;} #main .main_con05 ul{display: flex;justify-content: center;gap: 20px} #main .main_con02_title{position: relative;z-index: 5;display: flex;justify-content: space-between;align-items: flex-end;padding: 45px 0;} #main .main_con02_title .m_title{margin-bottom: 0;} #main .main_con02_title .m_title strong{font-size: 120px;margin-bottom: 0;} #main .main_con02{height: 100vh;overflow: hidden;display: flex;;align-items: center;justify-content: center;position: relative;} #main .main_con02 .bg{position: absolute;width: 100%;height: 100%;display: flex;;align-items: center;justify-content: center;top: 0;left: 0;} #main .main_con02 .bg img{display: block;} #main .main_con02 .bg02 img{transform: translateY(20%);} #main .main_con02 .bg02{clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);} #main .main_con02 .txt_wrap{position: relative;z-index: 2;transform: translateY(70px);opacity: 0;transition: 1.2s;} #main .main_con02.on .txt_wrap{opacity: 1;transform: translateY(0);;} #main .main_con02 .txt_wrap span{display: block;text-align: center;font-size: 16px;color: #2F4E78;font-weight: 500;margin-bottom: 25px;;} #main .main_con02 .txt_wrap .title{overflow: hidden;position: relative;} #main .main_con02 .txt_wrap .title svg{display: block;} #main .main_con02 .txt_wrap .txt{position: relative;overflow: hidden;text-align: center;margin-top: 30px;} #main .main_con02 .txt_wrap .txt p{font-size: 22px;color: #000F26;font-weight: 500;} #main .main_con02 .info_w{position: absolute;z-index: 2;bottom: 0;width: 100%;text-align: center;border-top: 1px solid #11336510;height: 160px;display: flex;;align-items: center;justify-content: center;} #main .main_con02 .info_w .wrap{position: relative;overflow: hidden; width: 100%; } #main .main_con02 .info_w .wrap p{font-size: 16px;color: #000F26;line-height: 24px;} #main .main_con02 .mot2{position: absolute;top: 100%;width: 100%;text-align: center;} #main .main_con03 {padding-top: 200px;margin-bottom: 250px;;} #main .main_con03 .title_wrap .m_title{margin-bottom: 0;} #main .main_con03 .title_wrap{display: flex;;justify-content: space-between;align-items: flex-end;margin-bottom: 55px;} #main .main_con03 .list_w{position: relative;} #main .main_con03 .list_w:before{content: '';display: block;width: 100%;height: 1px;background-color: #E6EAEF;position: absolute;top: 0;left: 0;;} #main .main_con03 .list_w:after{content: '';display: block;width: 100%;height: 1px;background-color: #E6EAEF;position: absolute;bottom: 0;right: 0;;} #main .main_con03 .list_w > div > ul{display: flex;} #main .main_con03 .list_w > div > ul > li{flex: 1;} #main .main_con03 .list_w > div > ul > li ul li{font-size: 120px;color: #000000;font-weight: 300;line-height: 100px;transition: 0.5s;} #main .main_con03 .list_w > div > ul > li:hover ul li{color: #fff;} #main .main_con03 .list_w > div > ul > li i{font-size: 120px;color: #000000;font-weight: 300;line-height: 100px;transition: 0.5s;} #main .main_con03 .list_w > div > ul > li:hover i{color: #fff;} #main .main_con03 .list_w > div > ul > li .num_w{display: flex;justify-content: center;gap: -10px;text-align: center;margin-bottom: 70px;} #main .main_con03 .list_w > div > ul > li .num_w{display: flex;justify-content: center;gap: -10px;text-align: center;height: 100px;overflow: hidden;;} #main .main_con03 .list_w > div > ul > li .num_w{display: flex;justify-content: center;gap: -10px;text-align: center;height: 100px;overflow: hidden;;} #main .main_con03 .list_w > div > ul > li .num {width: 64px;display: flex;justify-content: center;} #main .main_con03 .list_w > div > ul > li .num2 ul{transform: translateY(-1000%);} #main .main_con03 .list_w > div > ul > li{padding-bottom: 70px;padding-top: 85px;} #main .main_con03 .list_w > div > ul > li span{display: block;;color: #000000;text-align: center;margin-bottom: 20px;transition: 0.5s;} #main .main_con03 .list_w > div > ul > li:hover span{color: #fff;} #main .main_con03 .list_w > div > ul > li .txt_w > p{font-size: 15px;color: #606D81;line-height: 24px;font-weight: 500;text-align: center;transition: 0.5s;} #main .main_con03 .list_w > div > ul > li:hover .txt_w > p{color: #FFFFFF;} #main .main_con03 .m_title strong{margin-bottom: 0;} #main .main_con03 .icon{display: flex;justify-content: center;height: 67px;align-items: center;margin-bottom: 50px;} #main .main_con01 .box_wrap .box{transition: 0.5s;} #main .main_con01 .box_wrap .box.on{width: calc(44% - 13.3333px)} #main .main_con01 .box_wrap .box.else{width: calc(28% - 13.3333px)} #main .main_con01 .box_wrap .box .txt{transform: translateY(76px);transition: 0.5s;} #main .main_con01 .box_wrap .box .txt p{opacity: 0;transition: 0.5s;} #main .main_con01 .box_wrap .img{transition: 0.5s;} #main .main_con01 .box_wrap .box:hover .img{opacity: 1;} #main .main_con01 .box_wrap .box:hover .txt p{opacity: 1;} #main .main_con01 .box_wrap .box:hover .txt{transform: translateY(0);} #main .main_con03 li:hover .icon01 #타원_12{transform: translate(228px, 3486px);} #main .main_con03 li:hover .icon01 #타원_7{transform: translate(222px, 3494px);} #main .main_con03 li:hover .icon01 #타원_6{transform: translate(234px, 3479px);} #main .main_con03 li:hover .icon01 #타원_5{transform: translate(248px, 3462px);fill: #fff} #main .main_con03 li .icon03 #타원_5{transition: 0.5s;} #main .main_con03 li:hover .icon03 #타원_5{fill: #fff;} #main .main_con03 .icon01 #타원_12{transition: 0.5s;} #main .main_con03 .icon01 #타원_7{transition: 0.5s} #main .main_con03 .icon01 #타원_6{transition: 0.5s} #main .main_con03 .icon01 #타원_5{transition: 0.5s} #main .main_con03 .icon03 #타원_10{transition: 0.5s;opacity: 0;} #main .main_con03 li {transition: 0.5s;} #main .main_con03 li svg{display: block;} #main .main_con03 li .icon04{transition: 0.5s;} #main .main_con03 li .icon04 #타원_5{transition: 0.5s;} #main .main_con03 li:hover .icon04 #타원_5{fill: #fff} #main .main_con03 li:hover .icon04{transform: rotate(90deg);;} #main .main_con03 li .icon03{transition: 0.5s;} #main .main_con03 li:hover .icon03{transform: rotate(90deg);} #main .main_con03 li:hover .icon03 #타원_10{transition: 0.5s;opacity: 1} #main .main_con03 li:hover{background-color: #001A41;} /* 공통 transition */ /* #main .main_con03 .icon02 line, #main .main_con03 .icon02 #타원_9 { transition: 0.5s; transform-box: fill-box; transform-origin: center; } */ /* #main .main_con03 li:hover .icon02 #선_20 { transform: translate(224.5px, 3462.795px);y2: 38.705px; } #main .main_con03 li:hover .icon02 #선_25 { transform: translateY(6px); } #main .main_con03 li:hover .icon02 #선_28 { transform: none; } #main .main_con03 li:hover .icon02 #선_21 { transform: translateY(-6.351px) ; } #main .main_con03 li:hover .icon02 #선_24 { transform: translateY(11.5px); } #main .main_con03 li:hover .icon02 #선_27 { transform: translateY(-6.351px) ; } #main .main_con03 li:hover .icon02 #선_22 { transform: none; } #main .main_con03 li:hover .icon02 #선_29 { transform: translateY(6px) scaleY(0.641); } #main .main_con03 li:hover .icon02 #선_23 { transform: translateY(11.5px); } #main .main_con03 li:hover .icon02 #선_26 { transform: translateY(-13.705px) ; } #main .main_con03 li:hover .icon02 #타원_9 { transform: translateX(25px); fill: #fff; } */ #main .main_con01 .box_wrap a{transform: translateY(70px);opacity: 0;transition: 1.2s;} #main .main_con01.on .box_wrap a{transform: translateY(0px);opacity: 1;} #main .main_con01.on .box_wrap .box:nth-child(2) a{transition-delay: 0.3s;} #main .main_con01.on .box_wrap .box:nth-child(3) a{transition-delay: 0.6s;} #main .m_title span{transform: translateY(70px);opacity: 0;transition: 1.2s;} #main .on .m_title span{transform: translateY(0px);opacity: 1;} #main .m_title strong{transform: translateY(70px);opacity: 0;transition: 1.2s;} #main .on .m_title strong{transform: translateY(0px);opacity: 1;transition-delay: 0.3s;} #main .m_title p{transform: translateY(70px);opacity: 0;transition: 1.2s;} #main .on .m_title p{transform: translateY(0px);opacity: 1;transition-delay: 0.6s;} #main .main_con02_title .more{transform: translateY(70px);opacity: 0;transition: 1.2s;} #main .main_con02_title.on .more{transform: translateY(0px);opacity: 1;transition-delay: 0.6s;} #main .main_con03 .more{transform: translateY(70px);opacity: 0;transition: 1.2s;} #main .main_con03.on .more{transform: translateY(0px);opacity: 1;transition-delay: 0.6s;} #main .main_con04 .sw{transform: translateY(70px);opacity: 0;transition: 1.2s;} #main .main_con04.on .sw{transform: translateY(0px);opacity: 1;transition-delay: 1.2s;} #main .main_con04 .more{transform: translateY(70px);opacity: 0;transition: 1.2s;} #main .main_con04.on .more{transform: translateY(0px);opacity: 1;transition-delay: 1.5s;} #main .main_con05 .more{transform: translateY(70px);opacity: 0;transition: 1.2s;} #main .main_con05.on .more{transform: translateY(0px);opacity: 1;transition-delay: 1.2s;} #main .main_con03 .list_w > div > ul > li .num2 ul{transition: 2s;transition-delay: 0.5s;} #main .main_con03 .list_w > div > ul > li .num1 ul{transition: 2s;transition-delay: 0.5s;} #main .main_con03.on .list_w > div > ul > li .num2 ul{transform: translateY(0);;} #main .main_con03.on .list_w > div > ul > li .num1 ul{transform: translateY(-1000%);;} #main .main_con03 .list_w:before, #main .main_con03 .list_w:after{width: 0;transition: 4s;} #main .main_con03.on .list_w:before, #main .main_con03.on .list_w:after{width: 100%;} #main .main_visual{background-color: #000;} #main .main_visual .content .txt_w > div > *{transform: translateY(100%);transition: 1.5s;} #main .main_visual.on .content .txt_w > div > *{transform: translateY(0%);} #main .main_visual.on .content .txt_w > div:nth-child(2) > *{transition-delay: 0.3s;} #main .main_visual.on .content .txt_w > div:nth-child(3) > *{transition-delay: 0.6s;} #main .main_visual .more{overflow: hidden;} #main .main_visual .more a{display: flex;transform: translateY(100%);transition: 1.5s;} #main .main_visual.on .more a{display: flex;transform: translateY(0%);transition-delay: 0.9s;} #main .main_visual .bg img{display: block;transform: scale(1.2);opacity: 0.2;transition: 3s;} #main .main_visual.on .bg img{display: block;transform: scale(1);opacity: 1;} @media (max-width: 1490px) { #main .main_con03{padding-top: 180px;margin-bottom: 180px;;} #main .main_con01 .box_wrap .box .txt span{font-size: 13px;} #main .main_con01 .box_wrap .box .txt p{font-size: 15px;line-height: 1.5;margin-top: 10px;;} #main .main_con01 .box_wrap .box .txt strong{font-size: 30px;} #main .main_visual .info_txt p{font-size: 14px;} #main .main_visual .content .txt_w span{font-size: 16px;} #main .main_visual .content .txt_w strong{font-size: 60px;} #main .main_con01 .box_wrap .box .txt{padding: 20px;padding-bottom: 40px;} #main .main_con01 .box_wrap a .dots{left: 20px;top: 20px;} #main .main_con01 .box_wrap a .arr{right: 20px;top: 20px;width: 50px;height: 50px;;} #main .main_con01 .box_wrap a{height: 360px;} #main .main_con01 .box_wrap a .dots i{width: 4px;height: 4px;;} #main .main_con01{padding-bottom: 60px;} #main .main_con02_title .m_title strong{font-size: 90px;} #main .m_title span{font-size: 17px;margin-bottom: 10px;;} #main .main_con02 .txt_wrap .txt p{font-size: 17px;} #main .main_con02 .info_w .wrap p{font-size: 14px;} #main .main_con02 .txt_wrap .title img{height: 110px;} #main .m_title strong{font-size: 60px;} #main .m_title span{font-size: 14px;} #main .main_con03 .list_w > div > ul > li ul li, #main .main_con03 .list_w > div > ul > li i{font-size: 90px;} #main .main_con03 .list_w > div > ul > li .num{width: 45px;} #main .main_con03 .list_w > div > ul > li span{font-size: 15px;margin-bottom: 10px;;} #main .main_con03 .list_w > div > ul > li .num_w{margin-bottom: 20px;} #main .m_title p{font-size: 18px;} .inner{padding: 0 20px;} #footer .ft02{padding-left: 20px;padding-right: 20px;;} } @media (max-width: 1100px) { #footer .ft02{padding-top: 20px;padding-bottom: 40px;;} #footer .ft01 ul {gap: 15px} #footer .ft01 ul li a{font-size: 13px;} #footer .ft01{padding: 20px;padding-top: 40px;;} #footer .ft01 img{width: 40px;height: auto;;} #footer .ft02 address{font-size: 11px;} #footer .ft02 ul{gap: 20px;width: 435px;} #footer .ft02 ul li p{font-size: 12px;margin-top: 5px;} #footer .ft02 ul li span{font-size: 12px;} #main .main_con01 .box_wrap .box .txt p{font-size: 13px;} #main .main_con01 .box_wrap .box .txt strong{font-size: 24px;} #main .main_con02_title .m_title strong{font-size: 60px;} #main .main_con02 .txt_wrap .title img{height: 80px;} #main .main_con02 .txt_wrap .txt p{font-size: 14px;} #main .main_con02 .txt_wrap span{font-size: 13px;} #main .main_con02 .info_w .wrap p{font-size: 13px;line-height: 1.5;;} #main .m_title strong{font-size: 45px;} #main .main_con03{padding-top: 60px;margin-bottom: 60px;;} #main .main_con03 .list_w > div > ul > li ul li, #main .main_con03 .list_w > div > ul > li i{font-size: 60px;line-height: 60px;} #main .main_con03 .list_w > div > ul > li .num{width: 33px;} #main .main_con03 .list_w > div > ul > li span{font-size: 12px;} #main .main_con03 .list_w > div > ul > li .num_w{height: 60px;margin-bottom: 10px;} #main .main_con03 .list_w > div > ul > li .txt_w > p{font-size: 13px;line-height: 1.5;;} #main .main_con03 .list_w > div > ul > li{padding: 50px 0;} #main .m_title strong{margin-bottom: 10px;} #main .m_title p{font-size: 14px;} #main .m_title{margin-bottom: 30px;} #main .main_con01 .box_wrap .box .txt p{display: none;} #main .main_con04 .swiper-slide{width: 300px;} #main .main_con04 .swiper-slide .wrap .txt strong{font-size: 14px;line-height: 1.5;margin-bottom: 7px;} #main .main_con04 .swiper-slide .wrap .txt p, #main .main_con04 .swiper-slide .wrap .txt span{font-size: 12px;} .more a span{font-size: 14px;} .more a i{width: 30px;height: 30px;;} .more a{height: 40px;width: 152px} #main .main_con04 .sw{margin-bottom: 40px;} #main .main_con04{padding-bottom: 60px;} #header #gnb {display: none;} .more a i svg{display: block;width: 4px;height: auto;} #header .hd_inner{height: 65px;padding: 0 20px;} #header #logo a img{width: 40px;} #main .main_con01 .box_wrap .box .txt{transform: translateY(0);} #main .main_con03 .icon{margin-bottom: 10px;} #main .main_con03 .icon svg{display: block;transform: scale(0.7);} #main .main_con03 .list_w > div > ul > li{padding-top: 10px;} #header .right .lang button {width: 52px;height: 30px;font-size: 12px;} #header .right .lang button svg{width: 7px;height: auto;} #header .right .menu_btn{display: block;} #header .right{gap: 15px} #header .right .lang a{height: 30px;font-size: 13px;} } @media (max-width: 860px) { .more a{padding-left: 20px;} #main .main_con02 .info_w{height: 120px;} #footer .ft01 ul li a{font-size: 12px;} #footer .ft02{flex-direction: column;justify-content: flex-start;gap: 20px;align-items: start;} #main .main_con01 .box_wrap .box.on{width: calc(100%)} #main .main_con01 .box_wrap .box.else{width: calc(100%)} #main .main_visual .bg{transform: translateY(-50%) translateX(30%);right: 50%;} #main .main_visual .bg img{height: 100vh;} #main .main_visual .content .txt_w span{font-size: 14px;} #main .main_visual .content .txt_w strong{font-size: 45px;} #main .main_visual .more{margin-top: 30px;} #main .main_visual .info_txt p{font-size: 12px;} #main .main_visual .info_txt{bottom: 20px;right: 20px;} #main .main_con01 .box_wrap{flex-direction: column;} #main .main_con01 .box_wrap .box{width: 100%;} #main .main_wrap .bg{height: 100%;} #main .main_wrap .bg img{height: 100%;} #main .main_con02_title .m_title strong{font-size: 45px;} #main .m_title strong{font-size: 36px;} #main .main_con05{height: 400px;} #main .main_con01 .box_wrap a{height: 180px;padding-bottom: 20px;;} #main .main_con01 .box_wrap .box .txt{padding-bottom: 20px;} #main .main_con01 .box_wrap a .arr{width: 36px;height: 36px;;} #main .main_con01 .box_wrap a .arr svg{width: 14px;height: auto;} #main .main_con03 .list_w > div > ul{flex-wrap: wrap;} #main .main_con03 .list_w > div > ul > li{width: 50%;flex: none;} #main .main_con01{padding-top: 60px;} #main .main_con03 .title_wrap{margin-bottom: 25px;} #btn_top button{width: 40px;height: 40px} #btn_top{right: 20px;bottom: 20px} } @media (max-width: 660px) { #footer .ft02 ul{max-width: 100%;} #main .main_con02 .info_w .wrap p i{display: block;} #main .main_con02_title, #main .main_con03 .title_wrap{flex-direction: column;gap: 15px;justify-content: flex-start;align-items: flex-start;} #main .m_title strong{font-size: 32px;} #main .main_visual .content .txt_w strong{font-size: 30px;} #main .main_visual .more{gap: 10px;margin-top: 15px;} #main .main_con02_title .m_title strong{font-size: 34px;} #main .m_title span i{display: block;} #main .m_title span{line-height: 1.5;} #main .main_con02 .txt_wrap .title img{height: 65px;} #main .main_con04 .swiper-slide{width: 240px;} #main .main_con05 ul{gap: 10px} #main .main_con03 .list_w > div > ul > li ul li, #main .main_con03 .list_w > div > ul > li i{font-size: 40px;line-height: 40px;} #main .main_con03 .list_w > div > ul > li .num_w{height: 40px;} #main .main_con03 .list_w > div > ul > li .num{width: 23px;} #main .main_con03 .list_w > div > ul > li{padding: 25px 0;} .more a span{font-size: 13px;} #main .main_con02 .bg01 img{width: 100%;height: 100vh;} #main .main_con02 .bg02 img{height: 100vh;} #footer .ft02 ul{width: 100%;} #main .main_con01 .box_wrap .img{height: 100%;} #main .main_con01 .box_wrap .img img{height: 100%;} #footer .ft01{flex-direction: column;;gap:10px;align-items: flex-start;} #main .main_con05 .bg{height: 100%;} #main .main_con05 .bg img{height: 100%;} #main .main_con05 .bg div img{height: 100%;} #main .main_con01 .box_wrap{gap: 10px} #main .main_con01 .box_wrap a{height: 160px;} #main .main_con01 .box_wrap .box .txt span{font-size: 11px;} #header .hd_inner{height: 55px;} #main .main_con03 .list_w > div > ul > li:nth-child(3), #main .main_con03 .list_w > div > ul > li:nth-child(4){padding-top: 0px;} }