body > * {width: 100%;overflow: hidden;position: relative;word-break: keep-all;letter-spacing: -0.04em;}
body .contents {max-width:1050px;width:100%;}
h1 {font-size: 40px;line-height:1.4;}
p {font-size:1.875vw;}
span.po-c {color:#FCD66D !important;}
header .contents {display: flex;flex-wrap: nowrap;justify-content: space-between;height:75px;align-items: center;margin:0 auto;width:1055px;}
header .contents h1 {line-height: 26px;font-size: 0;}
header .contents h1 {width: 113px;;}
header .contents h1 img {max-width:113px;width: 100%;}
a.tel_btn {font-family: 'Gmarket Sans';font-weight:900;font-size:22px;line-height:1;margin-bottom:-0.5%;letter-spacing: 0;}
.main_visual {height:597px;background-image: url('images/visual_bg.jpg');background-repeat: no-repeat;background-position: center;background-size: cover;position: relative;}
.main_visual:after {content:'';background-image: linear-gradient(to right, rgba(0, 0, 0, 0.51) 51%, transparent 100%);position: absolute;left:-50px;top:0;width:1475px;height:100%;}
.main_visual .contents {margin:0 auto;}
.main_visual p {color:#fff;background-color: #1e4175;display: inline-block;line-height: 1;padding:0 16px;margin-top:37px;font-size:36.25px;font-weight: 700;height:63px;line-height: 63px;text-align: center;}
.main_visual .text_wrap {color:#fff;position: relative;z-index: 1;padding-top:102px;}
.main_visual .text_wrap h1 {font-size: 42.07px;font-weight: 700;}
.main_visual .text_wrap a {font-size:82.52px;display: block;line-height: 1;display: flex;flex-wrap: nowrap;align-items: center;margin-top:82px;}
.main_visual .text_wrap a img {width: 58.85px;margin-right:15.69px;}
.sec01 ul {display: flex;flex-wrap: wrap;}
.sec01 li {margin-right:15px;margin-bottom:15px;height:137px;background-repeat: no-repeat;background-size: cover;background-position: center;border-radius: 6px;overflow: hidden;display: flex;flex-wrap: nowrap;align-items: center;justify-content: center;}
.sec01 li * {line-height: 1;font-size:28.3px;}
.sec01 li:nth-child(1) {background-image: url('images/sec_01_1_bg.jpg');}
.sec01 li:nth-child(2) {background-image: url('images/sec_01_4_bg.jpg');}
.sec01 li:nth-child(3) {background-image: url('images/sec_01_5_bg.jpg');}
.sec01 li:nth-child(4) {background-image: url('images/sec_01_2_bg.jpg');}
.sec01 li:nth-child(5) {background-image: url('images/sec_01_3_bg.jpg');}
.sec01 li:nth-child(6) {background-image: url('images/sec_01_6_bg.jpg');margin-bottom: 0;height:179px;}
.sec01 li:nth-child(6) * {font-size: 35px;}
section li p {font-size:1.479vw;color:#fff;line-height:1;display: flex;flex-wrap: nowrap;align-items: center;}
section li span.num {display: inline-block;color: #FCD66D;margin-right: 7px;text-align: center;}
.sec01 h1 {margin-bottom: 44px !important;line-height:123%;}
.sec01 li.row3 {width:calc(33.33% - 10px);}
.sec01 li.row2 {width:calc(50% - 7.5px)}
.sec01 li.row1 {width: 100%;}
.sec01 li:nth-child(3), .sec01 li:nth-child(5),.sec01 li:nth-child(6) {margin-right:0;}
.sec01 {margin: 0 auto;}
section {margin:0 auto 76px auto;}
section.contents {text-align: center;}
section.contents h1 {margin-bottom: 65px;text-align: center;letter-spacing: -0.08em;line-height:50px;}
section.contents h1 p {font-size: inherit;display: inline-block;}
.sec02 {margin-bottom: 98px;}
.sec02 h1 {font-size: 35px;letter-spacing: -0.08em;margin-top:94px;margin-bottom: 78px !important;}
.sec02 h1 p {color:#fff;background-color: #1e4175;padding:0 8px;line-height: 50px;}
.sec02 .txt p {background-color: #214984;width:fit-content;border-radius:6px;height:63px;line-height:63px;padding:0 23px;display:flex;flex-wrap: nowrap;align-items: center;font-size:25px;margin-bottom: 37px;justify-content: center;}
.sec02 li:last-child .txt p span {color:#000 !important}
.sec02 h2 {font-size: 30px;}
.sec02 li > div.txt h3{line-height: 1.53;}
section h2 {font-size:1.567vw;}
section h3 {font-size:23px;font-weight:500;color:#444;}
.sec02 li {display: flex;flex-wrap: nowrap;background-color: #F3F3F3;border-radius: 10px;padding: 50px 55px;gap:79px;justify-content: space-between;height:392px;overflow: hidden;line-height: 1.23;margin-bottom: 32px;}
.sec02 li:nth-child(odd) {flex-direction: row-reverse;}
.sec02 li > div {width:calc(50% - (79px/2));}
.sec02 li > div.txt {padding-top:16px;}
.sec02 li > div.img {border-radius: 10px;overflow: hidden;width:467px;height:292px;position: relative;}
.sec02 li:nth-child(5) > div.img:before {content:'';display: block;position: absolute;width: 100%;height: 100%;background-color: rgba(0,0,0,0.12);left:0;top:0;z-index: 1;}
.sec02 li > div.txt h2, .sec02 li > div.txt h3 {text-align: left;}
.sec02 li > div.txt h2 {margin-bottom:14px;word-break: keep-all;}
.sec02 li:last-child {background-color: #16335F;}
.sec02 li:last-child .txt {padding-top: 0;}
.sec02 li:last-child .txt * {color:#fff;}
.sec02 li:last-child .txt p {color:#000;background-color: #FCD66D;}
.sec02 li:last-child .txt h3 {opacity: 0.8;}
.sec03 {margin-bottom: 130px;}
.sec03 h1 {margin-bottom: 47px;}
.sec04 h2 {font-size:34.08px;line-height: 1.47;}
.sec04 ul {display: flex;flex-wrap: nowrap;gap:23px;}
.sec04 li {width:calc(50% - 11.5px);background-repeat: no-repeat;background-position: center;background-size: cover;padding:48px;border-radius: 6px;}
.sec04 li:nth-child(1) {background-image: url('images/sec04_1_bg.jpg');}
.sec04 li:nth-child(2) {background-image: url('images/sec04_2_bg.jpg');}
.sec04 a.btn {border-radius: 8px;background-color: #265394;color:#fff;display: inline-block;width:231px;height:77px;display: flex;flex-wrap: nowrap;align-items: center;justify-content:center;padding:0 30px;margin-top: 150px;font-size: 1.3vw;white-space: nowrap;}
.sec04 a.btn i {font-size: 1vw;margin-left:5px;font-weight: bold;}
footer .contents {margin:0 auto;padding:66px 0 92.2px 0;}
footer .contents * {font-weight: 600;line-height: 1;font-size: 0;}
footer .contents > h1 {margin-bottom: 45px;}
footer .contents > h1 + h2 {font-size: 19.83px;margin-bottom: 23.13px;}
footer .contents > h1 a{width: 105.55px;}
footer .contents > h1 a img {width: 100%;}
footer .contents h2 + span {display: block;margin-bottom: 10.69px;}
footer .contents h2 + span, footer .contents p span {opacity: 0.65;}
footer .contents h2 + span, footer .contents p *, footer .contents p {font-size: 14.7px;font-weight: 600;}
footer .contents .copy {font-size: 11.93px;opacity: 0.4;display: inline-block;}
footer .contact {background-color: #0D274E;display: flex;flex-wrap: nowrap;align-items: center;color:#fff;bottom: 0;left:0;width: 100%;filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.6));position: fixed;z-index: 9;}
footer .contact.fix {position: relative;filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0));}
footer .contact .contents {display: flex;flex-wrap: nowrap;justify-content: space-between;align-items: center;height:80px;padding: 0 0 ;}
footer .contact .contents >* {font-weight: 700;}
footer .contact a.submit {width:490px;height:55px;border-radius: 6px;background-color: #FCD66D;color:#000;text-align: center;line-height: 55px;font-size:26px;}
footer .contact h2 {font-size:32.27px;}
footer .contact .submit_tel {font-size:38.32px;display: flex;flex-wrap: nowrap;align-items: center;}
footer .contact .submit_tel img {width:27.33px;margin-right:5px;}
footer .contents p {color:#000;display: inline-block;}
footer .contents p span {margin-left: 4px;margin-right: 15px;display: inline-block;}
footer .contents > div {display: flex;flex-wrap: nowrap;justify-content: space-between;margin-top:21.96px}
footer .contents > div li {opacity: 0.65;font-size:11.98px;font-weight: 600;cursor: pointer;}
footer .contents > div ul {display: flex;flex-wrap: nowrap;gap:20px;}
.popup_header {width:30px;height:30px;position: absolute;right:-30px;}
.popup_header button {width: 100%;height:100%;background-color: #000;color:#fff;border:0;line-height: 30px;text-align: center;}
@media screen and (max-width:1440px) {
    .main_visual {height:480px;}
    .sec01 li {height:120px;}
    .sec01 li:nth-child(6) {height:155px;}
    .sec02 .txt p {height:55px;line-height: 55px;}
    .sec04 a.btn {height:65px;width: 200px;margin-top:135px;}
    footer .contact .submit_tel img {width:25px}
.main_visual .text_wrap h1 {font-size: 2.234vw;}
.main_visual p {font-size: 1.975vw;}
    a.tel_btn {font-size: 1.4vw;}
    .main_visual .text_wrap a {font-size: 4.37vw;}
    .main_visual .text_wrap a img {width:3.4vw;}
    section li p{font-size:1.579vw;}
    .sec02 h1 {font-size: 2.4vw;}
    .sec02 .txt p {font-size: 1.4vw;}
    section h2 {font-size: 1.667vw;}
    section h3 {font-size:1.3vw;}
    .pic_lt li .lt_img + span {font-size: 0.891vw;}
    .sec04 h2 {font-size:1.865vw;}
    footer .contact h2 {font-size: 1.77vw;}
    .sec04 a.btn {font-size: 1.4vw;}
    footer .contact a.submit {font-size:1.462vw;}
    footer .contact .submit_tel {font-size: 2.07vw;}
    footer .contents h2 + span, footer .contents p *, footer .contents p {font-size: 0.9vw;}
    footer .contents > h1 + h2 {font-size:1.1vw}
    footer .contents .copy {font-size: 0.9vw;}
    footer .contents > div li {font-size:0.9vw;}
    .sec04 a.btn i {font-size: 1.1vw;}
    .sec01 li * {font-size: 1.67vw;}
    .sec01 li:nth-child(6) * {font-size:2vw;}
}
@media screen and (max-width:1024px) {
    body .contents {padding: 0 70px;}
    .sec01 li {height:100px;}
    .sec01 li:nth-child(6) {height:125px;}
    .sec02 .txt p {height:45px;line-height: 45px;}
    .sec02 .txt p {margin-bottom: 20px;}
    .sec02 li {height:330px;gap: 50px;}
    .sec02 li > div.txt h2 {margin-bottom: 10px;}
    .sec04 a.btn {margin-top: 100px;height:55px;width:170px;}
    footer .contact {padding:0 70px;}
    footer .contents {padding:50px 70px 70px 70px;}
    footer .contents > h1 {margin-bottom: 30px;}
.main_visual .text_wrap h1 {font-size: 2.434vw;}
.main_visual p {font-size: 2.175vw;height:45px;line-height: 45px;margin-top:28px;}
    a.tel_btn {font-size: 1.8vw;}
    .main_visual .text_wrap a {font-size: 4.57vw;margin-top: 77px;}
    .main_visual .text_wrap a img {width:3.6vw;}
    .sec01 li * {font-size: 2vw;}
    .sec01 li:nth-child(6) * {font-size: 2.3vw;}
    section li p{font-size:1.779vw;}
    .sec02 h1 {font-size: 3.127vw;}
    .sec02 .txt p {font-size: 1.9vw;}
    section h2 {font-size: 1.867vw;}
    section h3 {font-size:1.8vw;}
    .sec02 li > div.img {width: 50%;height: 0;padding-bottom: 30%;}
    .sec02 h2, .sec04 h2 {font-size: 2.3vw;}
    .pic_lt li .lt_img + span {font-size: 1.091vw;}
    footer .contact h2 {font-size: 1.97vw;}
    .sec04 a.btn {font-size: 1.6vw;}
    footer .contact a.submit {font-size:1.8vw;}
    footer .contact .submit_tel {font-size: 2.27vw;}
    footer .contents h2 + span, footer .contents p *, footer > .contents h2 {font-size: 1vw;}
    footer .contents > h1 + h2 {font-size:1.5vw;margin-bottom: 15px;}
    footer .contents h2 + span {margin-bottom: 5px;}
    footer .contents > div {margin-top:15px;}
    footer .contents .copy {font-size: 0.72vw;}
    footer .contents > div li {font-size:0.752vw;}
    .sec04 a.btn i {font-size:1.3vw;}
    .sec02 h1 p {line-height: 45px;}
    
}
@media screen and (max-width:800px){
    header .contents {width: 100%;}
    body .contents {padding:0 50px;}
    .main_visual {height:45vh;}
    .sec02 li {padding: 30px 35px;gap: 30px;height:fit-content}
    .sec02 li > div {width: calc(50% - 15px);}
    .sec02 li > div.img img {width:100%;height: auto;position: absolute;bottom:0;}
    .sec04 li {padding:30px;}
    .sec04 a.btn {padding:0 20px;}
    footer .contact {padding: 0 50px;}
    footer .contents {padding: 30px 50px 50px 50px;}
.main_visual .text_wrap h1 {font-size: 3.434vw;}
.main_visual p {font-size: 3.175vw;}
    a.tel_btn {font-size: 2.7vw;}
    .main_visual .text_wrap a {font-size: 5.57vw;}
    .main_visual .text_wrap a img {width:4.6vw;}
    section li p{font-size:2.779vw;}
    .sec01 li:nth-child(6) * {font-size: 2.8vw;}
    .sec02 h1 {font-size: 3.4vw;}
    section h2 {font-size: 2.867vw;}
    section h3, .sec02 .txt p {font-size:2.1vw;}
    .sec02 h2, .sec04 h2 {font-size: 2.5vw;}
    .pic_lt li .lt_img + span {font-size: 2.091vw;}
    .sec04 h2 {font-size:3.065vw;}
    footer .contact h2 {font-size: 2.97vw;}
    .sec04 a.btn {font-size: 2.6vw;}
    footer .contact a.submit {font-size:2.662vw;width: 40%;}
    footer .contact .submit_tel {font-size: 3.27vw;}
    footer .contents h2 + span, footer .contents p *, footer .contents p {font-size: 1.825vw;}
    footer .contents > h1 + h2 {font-size:1.9vw}
    footer .contents .copy {font-size: 1.32vw;}
    footer .contents > div li {font-size:1.352vw;}
    .sec04 a.btn i {font-size:2.3vw;}
    .sec01 li * {font-size: 2.5vw;}
}
@media screen and (max-width:550px) {    
    header .contents {height: 55px;width: 100%;}
    body .contents {padding:0 20px;}
    .main_visual {height:300px;background-position: left;}
    .main_visual .contents {padding:0 28px;}
    .main_visual p {margin-top:25px;height:37.39px;line-height: 37.39px;padding:0 9.5px}
    .main_visual .text_wrap a {margin-top:48px;}
    section {margin: 0 auto 30px auto;}
    .sec01 h1 {margin-bottom: 30px !important;}
    .sec01 li.row3 {width: calc(33.33% - (14px / 3));}
    .sec01 li {flex-wrap: wrap;justify-content: center;flex-direction: column;width: 100%;}
    .sec01 li {margin-right:7px;margin-bottom:9px;height:72px}
    .sec01 li:nth-child(6){height:80px;}
    section.sec01 li span.num{margin-right:0;margin-bottom:5px;}
    .sec02 li {padding: 0 0;gap: 30px;height:auto;}
    .sec02 li > div.txt{padding:23px 26px 30px 26px;}
    .sec01 li.row2 {width: calc(50% - 3.5px);}
    section.contents h1 {margin-bottom: 40px;}
    .sec02, .sec03 {margin-bottom: 54px;}
    .sec02 li > div {width: calc(50% - 15px);}
    .sec02 li > div.img {border-radius: 0;height:180px;position:relative}
    .sec02 .txt p {height:auto;line-height: 1;padding:10px 15px;margin-bottom: 17px;}
    .sec02 li {flex-direction: column-reverse !important;gap: 0;}
    footer .contents h2 + span {margin-bottom: 3px;}
    section li span.num {margin-right:5px;}
    footer .contents p{margin-bottom: 2px;}
    footer .contents > h2 + span {display: block;width: 100%;}
    .sec02 li > div.txt h2 {margin-bottom: 9px;}
    .sec02 li > div {width: 100% !important;}
    .sec04 li {padding:24px;display: flex;flex-wrap: wrap;flex-direction: column;justify-content: space-between;}
    .sec04 ul {width:100%;flex-wrap: wrap;gap:15px;flex-direction: column;}
    .sec04 ul li {width: 100%;height:178px;}
    .sec02 li > div.txt h3 br {display: none;}
    .sec02 li:nth-child(2) > div.txt h3 br {display: block;}
    footer .contact .contents {position:relative;flex-wrap: wrap;flex-direction: column;align-items: start;justify-content: space-between;padding:13px 0;height: 55px;box-sizing: content-box;}
    footer .contact .submit_tel img{width:18px}
    footer .contact a.submit {position: absolute;right:0;}
    .sec03 h1 {padding:0 30px;}
    .sec04 a.btn {padding:0 20px;margin-top:0}
    footer .contact {padding: 0 20px;}
    footer > .contents {padding: 30px 20px 50px 20px;display: flex;flex-wrap: wrap;}
    .sec02 li:last-child .txt {padding: 23px 26px 30px 26px;}
.main_visual .text_wrap h1 {font-size: 5.77vw;padding-top:33px;}
.main_visual p {font-size: 5.075vw;}
    a.tel_btn {font-size: 4.5vw;}
    .main_visual .text_wrap a {font-size: 11.5vw;}
    .main_visual .text_wrap a img {width:8.5vw;margin-right:10px;}
    .sec01 li:nth-child(6) *, .sec01 li *, .sec01 li:nth-child(6) p{font-size:3.82vw;}
    section.contents h1, .sec02 h1 {font-size: 5.5vw;}
    .sec02 .txt p {font-size: 3.9vw;}
    .sec02 h2 {font-size: 4.767vw;}
    .sec02 h3 {font-size:3.7vw;}
    .pic_lt li .lt_img + span {font-size: 3.2vw;}
    .sec04 h2 {font-size:4.965vw;}
    footer .contact h2 {font-size: 3.75vw;margin-top: 5px;}
    .sec04 a.btn {font-size: 3.5vw;height:45px;width: 134px;}
    footer .contact a.submit {font-size:4.562vw;width: 220px;}
    footer .contact .submit_tel {font-size: 5.17vw;margin-bottom: 5px;}
    footer .contents h2 + span, footer .contents p *, footer .contents p {font-size: 2.725vw;}
    footer .contents > h1 + h2 {font-size:3.2vw;width: 100%;}
    footer .contents .copy {font-size: 2.5vw;}
    footer .contents > div {flex-wrap: wrap;flex-direction: column-reverse;}
    footer .contents > div li {font-size:2.252vw;}
    .sec04 a.btn i {font-size:4.2vw;}
    footer .contents > div ul {margin-bottom: 10px;}
    .sec02 h1 p{line-height: 31.7px;}
    .sec02 h1{margin-top:30px;margin-bottom: 41px !important;line-height: 1.24;}
    section.contents h1 {line-height: 1.4;}
}
@media screen and (max-width:412px) {
    body > * {letter-spacing: -0.02em;}
    .main_visual .contents {padding:0 25px;}
    .main_visual p {margin-top: 22px;}
    section.sec01 li span.num {margin-bottom: 7px;}
    .sec03 h1 {margin-bottom: 29px;}
    .sec02 .txt p {margin-bottom: 24px;}
    footer .contact {padding:0 16px;}
    section.contents h1 {font-size:23.63px;}
    .main_visual .text_wrap h1 {font-size:24.97px;white-space: nowrap;}
    .main_visual p {font-size:21.51px;}
    .main_visual .text_wrap a {font-size: 48.98px;}
    .sec01 li:nth-child(6) *, .sec01 li *, .sec01 li:nth-child(6) p {font-size: 16px;}
    .sec02 > h1 {font-size: 21.35px !important;}
    .sec02 h1 p {font-size: 22.19px;}
    .sec02 .txt p {font-size: 16.47px;height:41.08px}
    .sec02 h2 {font-size: 19.76px;}
    .sec02 li > div.txt h3 {font-size: 15.15px;}
    .sec03 h1 {font-size: 21.35px;}
    .pic_lt li .lt_img + span {font-size: 10.56px;}
    .sec04 h2 {font-size: 19.82px;}
    .sec04 a.btn {font-size: 14.5px;}
    .sec04 a.btn i {font-weight: 500;font-size: 9.2px;}
    footer .contact h2 {font-size: 16.63px;}
    footer .contact a.submit {font-size: 19.27px;}
    footer .contact .submit_tel {font-size:24.46px;}
    footer .contents > h1 + h2 {font-size:17px;}
    footer .contents h2 + span, footer .contents p *, footer .contents p {font-size: 10.56px;}

}
@media screen and (max-width:400px) {
    .main_visual {height: 270px;}
    .main_visual .text_wrap a {margin-top: 30px;}
    body .contents {padding:0 15px;}
    .main_visual .contents {padding:0 17px;}
    a.tel_btn {font-size: 5.2vw;}
    .main_visual .text_wrap h1 {font-size: 6vw;}
    .main_visual p {font-size: 5.5vw;}
    .main_visual .text_wrap a {font-size: 11vw;}
    footer > .contents {padding: 30px 15px 50px 15px;}
    footer .contact {padding: 0 10px;}
    footer .contact a.submit{width: 190px;}
    .sec02 li > div.txt {padding: 20px 20px 25px 20px;}
    .sec02 .txt p {margin-bottom: 20px;}
}
@media screen and (max-width:375px) {
    footer .contact h2 {font-size:4.2vw;}
    footer .contact .submit_tel {font-size: 6.2vw;}
}
@media screen and (max-width:320px) {
    h1 {font-size: 5.6vw;}
.main_visual p {font-size:5.2vw;}
    .main_visual .text_wrap a {margin-top: 30px;}
    section li p, .sec01 li:nth-child(6) p {font-size: 4.2vw;;}
    .sec02 li > div.txt {padding: 15px 15px 20px 15px;}
    .sec02 .txt p {margin-bottom: 15px;}
    footer .contact a.submit {width: 160px;}
}