@charset "utf-8";

:root{
    --color1: #3b82f6;
    --color2: #ebf2fe;
    --color3: #00307d;
    --color4: #0bbafb;
    --color5: #1353bb;
    --color6: #4285ec;
}
html{
    font-size:62.5% !important;
}

@media all and (max-width:1280px){
    html{font-size:60% !important;}
}

@media all and (max-width:768px){
    html{font-size:57.5% !important;}
}

@media all and (max-width:480px){
    html{font-size:2vw !important;}
}


.p-Part{padding: 16rem 0;}
br.br1480{display: none;}
br.br1280{display: none;}
br.mo{display: none;}

@media (max-width: 1480px) {
    br.br1480{display: block !important;}
}
@media (max-width: 1280px) {
    .p-Part{padding: 14rem 0;}
    br.br1280{display: block !important;}
}
@media (max-width: 980px) {
    .p-Part{padding: 12rem 0;}
}
@media (max-width: 768px) {
    .p-Part{padding: 10rem 0;}
    br.mo{display: block !important;}
}
@media (max-width: 480px) {
    .p-Part{padding: 8rem 0;}
}

#mVisual{position: relative;}
#mVisual .visual{height: 100vh; min-height: 640px;}
#mVisual .visual > div{height: 100%;}
#mVisual .visual > div > div{height: 100%;}
#mVisual .visual .mv{width: 100%; height: 100%;}
#mVisual .visual .mv > .img{width: 100%; height: 100%; overflow: hidden;}
#mVisual .visual .mv > .img img{width: 100%; height: 100%; object-fit: cover; }
#mVisual .visual .mv .n-inner{ display: flex;  position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff;align-items: center;}
#mVisual .visual .mv .lt{width: 50%;}
#mVisual .visual .mv .lt h4{font-size: 3.5rem;}
#mVisual .visual .mv .lt h4 span{font-weight: normal;}
#mVisual .visual .mv .lt h3{font-size: 8rem; font-family: 'GongGothic'; line-height: 9rem; margin: 3rem 0 5rem;}
#mVisual .visual .mv .lt h3 span{display:inline-block; background: linear-gradient(to right, #4facfe, #00f2fe); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; color:transparent;}
#mVisual .visual .mv .lt .box{display: flex; align-items: center; }
#mVisual .visual .mv .lt .box p{padding: 0rem 2rem; color: #fff; background: var(--color1);border: 3px solid var(--color1); font-size: 3.5rem; font-weight: bold;}
#mVisual .visual .mv .lt .box p:nth-child(2){background: transparent;}
#mVisual .visual .mv .lt > p{font-size: 2.5rem; line-height: 3.5rem; margin: 4rem 0 6rem;}
#mVisual .visual .mv .lt .but{position: relative;width: fit-content;}
#mVisual .visual .mv .lt .but a{background: linear-gradient(to right, #0bbafb, #4285ec); display: inline-block; color: #fff; font-family: 'GongGothic';font-size: 4rem; padding: 2.5rem 7rem 2rem; border-radius: 1rem;}
#mVisual .visual .mv .lt .but img{position: absolute;right: 0rem; bottom: -2rem;    animation: cursorClick 1.2s infinite ease-in-out; }
@keyframes cursorClick{
    0%, 100%{transform: scale(1);}
    40%{transform:  scale(1);}
    55%{transform: scale(.88);}
    70%{transform: scale(1);}
}
#mVisual .visual .mv .rt{width: 50%; position: absolute; height: 100%; right: 0;top: 0;}
#mVisual .visual .mv .rt img{width: 100%; height: 100%; object-fit: cover;object-position:left center;}
#mVisual .visual .mv .rt .txt{ border:3px solid transparent; background: linear-gradient(#fff, #fff) padding-box, linear-gradient(to right, #015eea, #00c0fa) border-box; border-radius:1rem; text-align: center; width: fit-content;padding: 1rem 3rem 0.5rem; position: absolute;}
#mVisual .visual .mv .rt .txt p{color: #222;font-size: 1.6rem;font-weight: bold;}
#mVisual .visual .mv .rt .txt h3{ display:inline-block; background: linear-gradient(to right, #0dccff, #4760ff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent; font-size: 2.7rem; font-family: 'GongGothic';}
#mVisual .visual .mv .rt .txt.tc1{top: 50%; left: 20%;}
#mVisual .visual .mv .rt .txt.tc2{bottom: 15%; right: 15%;}


@media (max-width: 1620px) {
    #mVisual .visual .mv .lt h4{font-size: 3rem;}
    #mVisual .visual .mv .lt h3{font-size: 6rem; line-height: 7rem;}
    #mVisual .visual .mv .lt .box p{font-size: 3rem;}
    #mVisual .visual .mv .lt > p{font-size: 2rem; line-height: 3rem;}
    #mVisual .visual .mv .rt .txt.tc2{right: 5%;}
    #mVisual .visual .mv .lt .but a{font-size: 3rem; padding: 2rem 5rem 1.5rem;}
    #mVisual .visual .mv .lt .but img{width: 4rem;}
    #mVisual .visual .mv .rt .txt{padding: 1rem 2rem 0.5rem;}
    #mVisual .visual .mv .rt .txt h3{font-size: 2.5rem;}
}
@media (max-width: 1280px) {
    #mVisual .visual{height: 95vh;}
    #mVisual .visual .mv .lt h4{font-size: 2.5rem;}
    #mVisual .visual .mv .lt h3{font-size: 5rem; line-height: 6rem;}
    #mVisual .visual .mv .lt .box p{font-size: 2.5rem;}
    #mVisual .visual .mv .lt > p{font-size: 1.8rem;}
    #mVisual .visual .mv .rt{width: 55%;}
}
@media (max-width: 1080px) {
    #mVisual .visual .mv .rt{width: 60%;}
}
@media (max-width: 980px) {
    #mVisual{text-align: center;}
    #mVisual .visual{height:auto;min-height:100vh;}
    #mVisual .visual .mv{ position:relative; min-height:100vh; overflow:hidden; padding:10rem 0 0; }
    #mVisual .visual .mv > .img{ position:absolute; inset:0; width:100%; height:100%; z-index:0; }
    #mVisual .visual .mv > .img img{ width:100%; height:100%; object-fit:cover; }
    #mVisual .visual .mv .n-inner{ position:relative; top:auto; left:auto; transform:none; z-index:2; display:block; }
    #mVisual .visual .mv .lt{ width:100%; height:auto; margin-top:0; }
    #mVisual .visual .mv .lt .box{justify-content: center;}
    #mVisual .visual .mv .lt .but{margin: 0 auto;}
    #mVisual .visual .mv .rt{ width:100%; position:relative; height:auto; right:auto; top:auto; z-index:1;  -webkit-mask-image: linear-gradient( to bottom, transparent 0%, rgba(0,0,0,.3) 10%, #000 25%); mask-image: linear-gradient( to bottom, transparent 0%, rgba(0,0,0,.3) 10%, #000 25%);}
    #mVisual .visual .mv .rt img{width: 120%; padding-left: 5%;}
    #mVisual .visual .mv .rt .txt.tc1{top: 60%; left: 5%;}
    #mVisual .visual .mv .rt .txt.tc2{bottom: 10%; }
    #mVisual .visual .mv .rt .txt{padding: 0.5rem 1rem;}
    #mVisual .visual .mv .rt .txt h3{line-height: 3rem;}
}
@media (max-width: 480px) {
    #mVisual .visual .mv{min-height: 100%;}
}

#sec_case{overflow: hidden; }
#sec_case .top{background: url('/images/main/sec_case_bg.jpg') center center / cover no-repeat; text-align: center; padding-bottom: 30rem; position: relative;}
.m_txt p{font-size: 4rem;}
.m_txt h3{font-size: 6rem; font-family: 'GongGothic';line-height: 1.2; margin-top: 2rem;}
.m_txt h3 span{color: var(--color1);}
.m_txt h3 span.grd{display:inline-block; background: linear-gradient(to right, #0bbafb, #4285ec); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; color:transparent; font-weight: bold;}
#sec_case .talk{margin-top: 12rem; display: flex;gap: 6rem; justify-content: center;}
#sec_case .talk p{font-size: 3rem; font-style: italic;position:relative; background:#fff; border-radius:10rem;width: 400px; height: 130px; text-align:center; box-shadow:0 10px 30px rgba(0,0,0,.08); font-size:3rem; display:flex; flex-direction:column; justify-content:center;}
#sec_case .talk p b{display: flex; align-items: center;gap: 1rem; align-items: center; line-height: 2rem; justify-content: center;}

#sec_case .talk li p::after{ content:''; position:absolute; bottom:-4rem; width:0; height:0; border-left:2rem solid transparent; border-right:2rem solid transparent; border-top:4.5rem solid #fff; transform:translateX(-50%); }
#sec_case .talk li:nth-child(1) p::after{border-left:4rem solid transparent; border-right:0rem solid transparent; left:70%; }
#sec_case .talk li:nth-child(2) p::after{left:50%;}
#sec_case .talk li:nth-child(3) p::after{border-left:0rem solid transparent; border-right:4rem solid transparent;left:30%;}

#sec_case .bot{position:relative; background:#fff; padding-top:16rem; }
#sec_case .bot::before{ content:''; position:absolute; left:50%; top:-13rem; transform:translateX(-50%); width:135.4%; height:80rem; background:#fff; border-radius:100% 100% 0 0; z-index:0; }
#sec_case .bot .s-inner{ position:relative; z-index:2; text-align: center;}
#sec_case .bot .cont > h3{margin: 10rem auto 16rem; font-family: 'GongGothic';font-size: 6rem;font-weight: 500; line-height: 1.1; position: relative;}
#sec_case .bot .cont > h3:before{content: ''; background: url('/images/main/lt_q.png') center center / cover no-repeat;width: 11.8rem; height: 7.8rem; position: absolute; top: -65%; left: 4%;}
#sec_case .bot .cont > h3:after {content: ''; background: url('/images/main/rt_q.png') center center / cover no-repeat;width: 11.8rem; height: 7.8rem; position: absolute; bottom: -65%; right: 4%;}
#sec_case .bot .cont > h3 span{color: var(--color1); position: relative; display: inline-block;}
#sec_case .bot .cont > h3 span::before{content: '';width: 102%; background: var(--color2); height: 2.5rem; bottom: 0; left: 50%; transform: translateX(-50%); position: absolute;z-index: -1;}
#sec_case .bot .cont ul{display: flex; gap: 4rem;}
#sec_case .bot .cont ul li{border-radius: 2rem; background: var(--color2);display: flex; align-items: center; justify-content: center; height: 20rem; width: calc(100%/2 - 2rem); position: relative;}
#sec_case .bot .cont ul li h4{font-family: 'GongGothic'; color: var(--color3); opacity: 0.2; font-size: 6rem; position: absolute;left: 5%; top: -3rem; line-height: 6rem;}
#sec_case .bot .cont ul li h3{font-family: 'GongGothic'; font-size: 4.5rem;}
#sec_case .bot .cont ul li h3 span{ position:relative; color:var(--color1); display:inline-block; padding-top:0.5rem; }
#sec_case .bot .cont ul li h3 span::before{ content:''; position:absolute; top:0; left:50%; transform:translateX(-50%); width:0.5rem; height:0.5rem; border-radius:50%; background:var(--color1); }
#sec_case .bot .cont p{margin-top: 10rem; font-size: 3rem;}

@media (max-width: 1480px){
    #sec_case .talk{gap: 3rem;}
    #sec_case .talk li{width: calc(100%/3 - 6rem/3);}
    #sec_case .talk li p{width: 100%;}
    #sec_case .bot .logo img{width: 65rem;}
    #sec_case .bot .cont > h3{font-size: 5rem; line-height: 1.4;}
    #sec_case .bot .cont > h3:before { width: 8.8rem; height: 5.8rem; left: 10%;}
    #sec_case .bot .cont > h3:after { width: 8.8rem; height: 5.8rem; right: 10%;}
    #sec_case .bot .cont > h3 span::before{bottom: 0.5rem;}
    #sec_case .bot .cont ul li h4{font-size: 4rem; line-height: 4rem; top: -2rem;}
    #sec_case .bot .cont ul li h3{font-size: 4rem;}
}
@media (max-width: 1280px){
    .m_txt p{font-size: 3.2rem;}
    .m_txt h3{font-size: 4.5rem; line-height: 5.5rem; margin-top: 2rem;}
    #sec_case .talk li p{font-size: 2.5rem; height: 11rem;}
    #sec_case .talk li p img{width: 2.5rem;}
    #sec_case .bot .logo img{width: 55rem;}
    #sec_case .bot .cont > h3{display: inline-block;font-size: 4.5rem;}
    #sec_case .bot .cont > h3:before {left: -5%;}
    #sec_case .bot .cont > h3:after {right: -5%;}
    #sec_case .bot .cont p{font-size: 2.5rem;}
}
@media (max-width: 980px){
    #sec_case .bot::before{height: 40rem;}
    #sec_case .bot .cont > h3{font-size: 4rem;}
    #sec_case .bot .cont ul li h3{font-size: 3rem;}
}
@media (max-width: 768px){
    #sec_case .top{padding-bottom: 25rem;}
    #sec_case .talk{flex-wrap: wrap;gap: 6rem; margin-top: 7rem;}
    #sec_case .talk li{width: 100%;}
    #sec_case .talk li p{border-radius: 1rem; line-height: 3rem;}
    #sec_case .talk li p b{ line-height: 3rem;}
    #sec_case .talk li p::after{bottom: -3rem;}
    #sec_case .talk li:nth-child(1) p::after{border-left:3rem solid transparent; border-right:0rem solid transparent; left:10%; }
    #sec_case .talk li:nth-child(2) p::after{border-left:0rem solid transparent; border-right:3rem solid transparent; right:10%; left: auto;}
    #sec_case .talk li:nth-child(3) p::after{border-left:3rem solid transparent; border-right:0rem solid transparent; left:10%;}
    #sec_case .bot .logo img{width: 45rem;}
    #sec_case .bot .cont > h3{margin: 15rem auto 8rem;}
    #sec_case .bot .cont > h3:before { left: -16%; top: -20%;}
    #sec_case .bot .cont > h3:after {bottom: auto; right: -16%; top: -20%;}
    #sec_case .bot .cont ul{gap: 4rem; flex-wrap: wrap;}
    #sec_case .bot .cont ul li{width: 100%; height: 14rem;}
    #sec_case .bot .cont p{font-size: 2rem; margin-top: 7rem;}
    #sec_case .bot .cont > h3:before { width: 7.2rem; height: 4.8rem;left: -10%;}
    #sec_case .bot .cont > h3:after { width: 7.2rem; height: 4.8rem; right: -10%;}
}
@media (max-width: 480px){
    .m_txt p{font-size: 2.7rem;}
    .m_txt h3{font-size: 4rem; line-height: 5rem;}
    #sec_case .bot::before{height: 15rem;}
    #sec_case .bot .logo img{width: 80%;}
    #sec_case .bot .cont > h3{font-size: 3.5rem; margin: 12rem auto 10rem;}
    #sec_case .bot .cont ul li{height: 12rem;}
    #sec_case .bot .cont ul li h4{font-size: 3rem;}
}


#sec_dfr{background: url('/images/main/sec_dfr_bg.jpg') center right / cover no-repeat;text-align: center;}
#sec_dfr .m_txt h3{font-weight: normal;}
#sec_dfr ul{display: flex; gap: 2.5rem; margin-top: 22rem;}
#sec_dfr ul li{width: calc(100%/4 - 7.5rem/4); position: relative; border-radius: 19rem 19rem 2rem 2rem; background: var(--color1);}
#sec_dfr ul li .img{position: absolute;top: -7rem; left: 50%; transform: translatex(-50%);}
#sec_dfr ul li .txt{padding: 11rem 0 6rem; color: #fff;}
#sec_dfr ul li .txt h3{font-family: 'GongGothic';font-size: 3.5rem; margin-bottom: 2rem;}
#sec_dfr ul li .txt p{font-size: 2.5rem; line-height: 3.5rem;}

@media (max-width: 1480px){
    #sec_dfr ul li .txt h3{font-size: 3rem;}
    #sec_dfr ul li .txt p{font-size: 2.2rem;}
}
@media (max-width: 1280px){
    #sec_dfr ul{margin-top: 12rem;}
    #sec_dfr ul li .img{top: -5rem;width: 10rem;}
    #sec_dfr ul li .img img{width: 100%;}
    #sec_dfr ul li .txt{padding: 10rem 0 4rem;}
    #sec_dfr ul li .txt h3{font-size: 2.7rem;}
    #sec_dfr ul li .txt p{font-size: 2rem; line-height: 3rem;}
}
@media (max-width: 980px){
    #sec_dfr ul{flex-wrap: wrap; gap: 10rem 3rem;}
    #sec_dfr ul li{width: calc(100%/2 - 1.5rem); border-radius: 23rem 23rem 2rem 2rem;}
    #sec_dfr ul li .txt h3{font-size: 2.5rem;}
    #sec_dfr ul li .txt p{font-size: 1.8rem;}
}
@media (max-width: 480px){
    #sec_dfr ul{gap: 8rem 1rem;}
    #sec_dfr ul li{width: calc(100%/2 - 0.5rem);}
    #sec_dfr ul li .img{top: -4rem;width: 8rem;}
    #sec_dfr ul li .txt{padding: 8rem 0 3rem;}
    #sec_dfr ul li .txt h3{font-size: 2.5rem; margin-bottom: 1rem;}
    #sec_dfr ul li .txt p{font-size: 1.6rem; line-height: 2.5rem;}
}


#sec_crc .m_txt{text-align: center;}
#sec_crc .m_txt{ position:relative; text-align:center;}
#sec_crc .m_txt::before{ content:''; position:absolute; left:0; right:0; bottom: 10%; height:2.2rem; transform:translateY(-50%); z-index:0; background: linear-gradient(rgba(0,0,0,.2), rgba(0,0,0,.2)) left top / 100% 1px no-repeat, linear-gradient(rgba(0,0,0,.2), rgba(0,0,0,.2)) left center / 100% 1px no-repeat, linear-gradient(rgba(0,0,0,.2), rgba(0,0,0,.2)) left bottom / 100% 1px no-repeat;}
#sec_crc .m_txt h3{ position:relative; display:inline-block; z-index:1; font-weight:normal; background:#fff; padding:0 4rem;}
#sec_crc ul{margin-top: 8rem; display: flex;gap: 5rem;}
#sec_crc ul li{width: calc(100%/3 - 10rem/3); border-radius: 1rem; box-shadow: 1px 1px 20px 5px rgba(0,0,0,0.05);text-align: center;}
#sec_crc ul li h4{font-family: 'GongGothic'; color: #fff; font-size: 4rem;display: inline-block; text-align: center; border-radius: 0 0 3rem 3rem; width: 70%; height: 9rem; line-height: 9rem;}
#sec_crc ul li .top{margin: 4rem 0;}
#sec_crc ul li .top p{font-family: 'InkLipquid';font-size: 4rem; position: relative; display: inline-block; line-height: 4rem; letter-spacing: -0.07em;}
#sec_crc ul li .top p::before{content: ''; width: 107%; height: 40%; background: var(--color2); position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);z-index: -1;}
#sec_crc ul li .top h3{margin-top: 3rem; font-size: 4.5rem; line-height: 5.5rem;}
#sec_crc ul li:nth-child(1){border: 1px solid var(--color4);}
#sec_crc ul li:nth-child(2){border: 1px solid var(--color5);}
#sec_crc ul li:nth-child(3){border: 1px solid var(--color6);}
#sec_crc ul li:nth-child(1) h4{background: var(--color4);}
#sec_crc ul li:nth-child(2) h4{background: var(--color5);}
#sec_crc ul li:nth-child(3) h4{background: var(--color6);}
#sec_crc .list{padding-bottom: 6rem; width: 70%;text-align: left; margin: 0 auto;}
#sec_crc .list p{font-size: 2.3rem;position: relative; padding-left: 4rem; line-height: 2.3rem;}
#sec_crc .list p + p{margin-top: 2rem;}
#sec_crc .list p:before{content: '';width: 2.4rem; height: 2.4rem; background: url('/images/main/icon_star.png') center center /cover no-repeat; position: absolute; left: 0;top: 0;}

@media (max-width: 1620px){
    #sec_crc ul li h4{width: 80%;}
    #sec_crc .list{width: 80%;}
}
@media (max-width: 1480px){
    #sec_crc ul li .top p{font-size: 3.5rem;}
    #sec_crc .list p{font-size: 2rem; padding-left: 3rem;}
    #sec_crc .list p:before{width: 2rem; height: 2rem;}
}
@media (max-width: 1280px){
    #sec_crc .m_txt::before {bottom: 8%;}
    #sec_crc ul{margin-top: 6rem; gap: 2rem; }
    #sec_crc ul li{width: calc(100%/3 - 4rem/3);}
    #sec_crc ul li h4{font-size: 3rem;height: 7rem; line-height: 7rem; border-radius: 0 0 2rem 2rem;}
    #sec_crc ul li .top p{font-size: 3rem;}
    #sec_crc ul li .top h3{font-size: 3.5rem; line-height: 4.5rem;}
    #sec_crc .list{width: 85%; padding-bottom: 4rem;}
    #sec_crc .list p{font-size: 1.8rem;}
    #sec_crc .list p + p{margin-top: 1.5rem;}
}
@media (max-width: 980px){
    #sec_crc ul{flex-wrap: wrap;gap: 3rem;}
    #sec_crc ul li{width: 100%;}
    #sec_crc ul li .top h3 br{display: none;}
    #sec_crc .list{width: 35rem;}
}


#sec_info{background: url('/images/main/sec_info_bg.jpg') center center / cover no-repeat;text-align: center;}
#sec_info .m_txt h3{font-weight: normal; margin-top: 0;}
#sec_info ul{margin-top: 10rem; display: flex; flex-wrap: wrap; gap: 8rem 5rem;}
#sec_info ul li{width: calc(100%/3 - 10rem/3); background: #fff; border-radius: 2rem; box-shadow: 1px 1px 20px 5px rgba(0,0,0,.08);position: relative; z-index: 1;}
#sec_info ul li .top{border-radius: 2rem; color: #fff; display: flex; align-items: center; justify-content: center; height: 11rem;}
#sec_info ul li.bg1 .top{background: var(--color4);}
#sec_info ul li.bg2 .top{background: var(--color5);}
#sec_info ul li.bg3 .top{background: var(--color6);}
#sec_info ul li .top h3{font-size: 5rem; font-family: 'GongGothic';}
#sec_info ul li .cont{padding:4rem 1rem; display:flex; flex-direction:column; height:25rem; position: relative;z-index: 2;}
#sec_info ul li .cont:after{content: ''; position: absolute; top: 50%; transform: translateY(-50%); width: 91px;height: 68px; background: url('/images/main/sec_info_arrow.png') center center / cover no-repeat; right: -65px;z-index: 10;}
#sec_info ul li:nth-child(3) .cont:after{display: none;}
#sec_info ul li:last-child .cont:after{display: none;}
#sec_info ul li .cont h3{font-family: 'GongGothic'; margin-bottom: 2rem;font-size: 3.5rem; line-height: 4.5rem;}
#sec_info ul li.bg1 .cont h3{color: var(--color4);}
#sec_info ul li.bg2 .cont h3{color: var(--color5);}
#sec_info ul li.bg3 .cont h3{color: var(--color6);}
#sec_info ul li .cont p{font-size:2.3rem;line-height:3rem;flex:1;display:flex;align-items:center;justify-content:center;}
#sec_info ul li:nth-child(1){z-index:6;}
#sec_info ul li:nth-child(2){z-index:5;}
#sec_info ul li:nth-child(3){z-index:4;}
#sec_info ul li:nth-child(4){z-index:3;}
#sec_info ul li:nth-child(5){z-index:2;}
#sec_info ul li:nth-child(6){z-index:1;}

@media (max-width: 1480px){
    #sec_info ul li .top{height: 9rem;}
    #sec_info ul li .top h3{font-size: 4rem;}
    #sec_info ul li .cont{height:28rem;}
    #sec_info ul li .cont h3{font-size: 3rem; line-height: 4rem;}
    #sec_info ul li .cont p{font-size:2rem;}
}
@media (max-width: 1280px){
    #sec_info ul{margin-top: 7rem; gap: 5rem 2rem;}
    #sec_info ul li{width: calc(100%/3 - 4rem/3);}
    #sec_info ul li .top h3{font-size: 3.5rem;}
    #sec_info ul li .cont{padding: 3rem 1rem; height: 25rem;}
    #sec_info ul li .cont:after {width: 60px; height: 45px; right: -37px;}
    #sec_info ul li .cont p{font-size:1.8rem;}
}
@media (max-width: 980px){
    #sec_info ul li{width: calc(100%/2 - 1rem);}
    #sec_info ul li:nth-child(even) .cont:after{display: none;}
    #sec_info ul li:nth-child(3) .cont:after{display: block;}
    #sec_info ul li .cont h3{flex:1;display:flex;align-items:center;justify-content:center;}
}
@media (max-width: 680px){
    #sec_info ul{margin-top: 6rem;}
    #sec_info ul li{width: 100%; border-radius: 1rem;}
    #sec_info ul li .top{border-radius: 1rem; height: 7rem;}
    #sec_info ul li .top h3{font-size: 3rem;}
    #sec_info ul li .cont{height: auto;}
    #sec_info ul li .cont:after{top: auto; bottom: -3rem; right: auto; left: 50%; transform: translate(-50%, 0) rotate(90deg); width: 5rem; height: 3.8rem;}
    #sec_info ul li:nth-child(even) .cont:after{display: block;}
    #sec_info ul li:last-child .cont:after{display: none;}
    #sec_info ul li .cont h3{font-size: 2.7rem; line-height: 3rem;}
    #sec_info ul li .cont h3 br{display: none !important;}
}


#sec_tc{background: url('/images/main/sec_tc_bg.jpg') center center / cover no-repeat; color: #fff;}
#sec_tc .m_txt{text-align: center;}
#sec_tc .m_txt h3{font-weight: normal;}
#sec_tc ul{display: flex; justify-content: space-between; gap: 10rem; margin-top: 10rem;}
#sec_tc ul li{width: calc(100% - 5rem);}
#sec_tc ul li .top{border-radius: 2rem; background: #f8f8f8; display: flex; padding: 7rem 5rem; color: #222; position: relative;}
#sec_tc ul li .top .txt{z-index: 2;}
#sec_tc ul li .top h4{font-family: 'GongGothic'; color: var(--color1);font-size: 2.5rem; font-weight: normal;}
#sec_tc ul li .top h3{font-family: 'GongGothic'; font-size: 5rem;margin-bottom: 3rem;}
#sec_tc ul li .top p{font-size: 2.3rem; font-weight: 500; text-shadow:-1px -1px 0 #f8f8f8, 1px -1px 0 #f8f8f8,-1px  1px 0 #f8f8f8, 1px  1px 0 #f8f8f8, 0   -1px 0 #f8f8f8, 0 1px 0 #f8f8f8,-1px  0   0 #f8f8f8, 1px  0   0 #f8f8f8;}
#sec_tc ul li .top .img{position: absolute; right: 2rem; bottom: 0;z-index: 1;}
#sec_tc ul li .bot{padding: 5rem; font-size: 2.3rem; line-height: 4rem;}
#sec_tc .recruit{background: linear-gradient(60deg, #3c68ad, #19386c); border-radius: 2rem; margin-top: 4rem; text-align: center; color: #fff; padding: 8rem 2rem 6rem ; box-shadow: 1px 1px 20px 5px rgba(0,0,0,.08);}
#sec_tc .recruit .top{position: relative; display: flex; justify-content: center; flex-direction: column; width: fit-content; margin: 0 auto;}
#sec_tc .recruit .top::before{content: ''; position: absolute;width: 6.6rem; height: 15.6rem; background: url('/images/main/recruit_lt.png') center center / cover no-repeat; top: 50%; transform: translatey(-50%); left: -10%;}
#sec_tc .recruit .top::after{content: ''; position: absolute;width: 6.6rem; height: 15.6rem; background: url('/images/main/recruit_rt.png') center center / cover no-repeat; top: 50%; transform: translatey(-50%); right: -10%;}
#sec_tc .recruit .top h3{font-family: 'GongGothic'; font-size: 5rem; font-weight: normal;}
#sec_tc .recruit .top h3 span{font-weight: bold;}
#sec_tc .recruit .top p{font-size: 2.5rem; margin-top: 1rem;}
#sec_tc .recruit .btn{background: #fff; width: 35rem; height: 8rem; text-align: center; border-radius: 100px; margin:7rem auto 0;}
#sec_tc .recruit a{background-color:#fff; border-radius: 100px; display:flex; gap: 3rem; background-image:linear-gradient(to right, #3c68ad, #19386c); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; color:transparent; align-items: center; width: 100%; height: 100%; justify-content: center; font-family: 'GongGothic'; font-size: 2.5rem; line-height: 2.5rem;}
#sec_tc .recruit a span{font-family: 'pretendard';}

@media (max-width: 1620px){
    #sec_tc ul li .bot br{display: none;}
    #sec_tc ul li .top .img img{width: 30rem;}
    #sec_tc ul{gap: 5rem;}
    #sec_tc ul li{width: calc(100% - 2.5rem);}
}
@media (max-width: 1480px){
    #sec_tc ul li .top{padding: 7rem 5rem 15rem;}
    #sec_tc .recruit .top h3{font-size: 4.5rem; line-height: 5.5rem;}
    #sec_tc .recruit .top p{font-size: 2.2rem; margin-top: 3rem;}
}
@media (max-width: 1280px){
    #sec_tc ul li .bot{padding: 4rem 3rem; font-size: 2rem; line-height: 3.5rem;}
    #sec_tc ul li .top {padding: 5rem 5rem 32rem;}
    #sec_tc ul li .top h4{font-size: 2rem;}
    #sec_tc ul li .top h3{font-size: 4rem; margin-bottom: 2rem;}
    #sec_tc ul li .top p{font-size: 2rem;}
    #sec_tc .recruit .top::before{left: -20%;}
    #sec_tc .recruit .top::after{right: -20%;}
}
@media (max-width: 980px){
    #sec_tc ul{flex-wrap: wrap;}
    #sec_tc ul li{width:100%;}
    #sec_tc ul li .top{padding: 5rem;}
    #sec_tc ul li .bot br{display: block;}
    #sec_tc .recruit .top h3{font-size: 4rem; line-height: 5rem;}
}
@media (max-width: 768px){
    #sec_tc .recruit .top::before { width: 4.9rem; height: 11.6rem; left: -15%;}
    #sec_tc .recruit .top::after { width: 4.9rem; height: 11.6rem; right: -15%;}
    #sec_tc .recruit .top h3{font-size: 3.5rem; line-height: 4.5rem;}
    #sec_tc .recruit .top p{font-size: 1.8rem; margin-top: 1.5rem;}
    #sec_tc .recruit .btn{width: 30rem; height: 7rem;}
    #sec_tc ul li .bot br{display: none;}
}
@media (max-width: 580px){
    #sec_tc ul{margin-top: 7rem;}
    #sec_tc ul li .top{overflow: hidden;}
    #sec_tc ul li .top .img{right: -2rem;}
    #sec_tc ul li .top .img img{width: 25rem;}
    #sec_tc .recruit .top h3{font-size: 3rem; line-height: 4rem;}
    #sec_tc .recruit .top p{font-size: 1.6rem;}
}
@media (max-width: 480px){
    #sec_tc ul{margin-top: 6rem;}
    #sec_tc ul li .top{padding: 4rem 3rem;}
    #sec_tc ul li .top h4{font-size: 1.8rem;}
    #sec_tc ul li .top h3{font-size: 3.5rem;}
    #sec_tc ul li .top p{font-size: 1.8rem;}
    #sec_tc ul li .bot{font-size: 1.8rem; padding: 3rem 2rem; line-height: 3rem;}
    #sec_tc .recruit{padding: 5rem 2rem 4rem;}
    #sec_tc .recruit .btn{margin-top: 5rem; width: 25rem; height: 6rem;}
    #sec_tc .recruit a{font-size: 2rem; line-height: 2rem;}
}


#sec_con{background: url('/images/main/sec_con_bg.jpg') center center / cover no-repeat; color: #fff; position: relative;}
#sec_con::before{content: ''; position: absolute; width: 50.2rem; height: 24rem; background: url('/images/main/sec_con_bgimg.png') center center / cover no-repeat; right: 6rem; top: 8rem;}
#sec_con .m_txt h3{margin-top: 0;}
#sec_con .m_txt p{margin-top: 4rem; font-size: 2rem; line-height: 3rem;}
#sec_con ul{margin-top: 7rem; display: flex; gap: 4rem; color: #222;}
#sec_con ul li{background: #fff; border-radius: 2rem; width: calc(100%/2 - 2rem); padding: 5rem; display: flex; justify-content: space-between; align-items: end; position: relative;}
#sec_con ul li h4{font-family: 'GongGothic'; font-size: 3rem; font-weight: normal;}
#sec_con ul li h3{font-family: 'GongGothic'; font-size: 3.5rem;}
#sec_con ul li h3.call{font-size: 5rem;}
#sec_con ul li .time{margin: 2rem 0 3rem; padding-bottom: 2rem; border-bottom: 1px solid rgba(0,0,0,.2);}
#sec_con ul li .time dl{display: flex; align-items: center; font-size: 2.5rem;}
#sec_con ul li .time dl dt{font-weight: bold; width: 8rem;}
#sec_con ul li .time dl dd{width: calc(100% - 8rem);}
#sec_con ul li p{font-size: 2rem;}
#sec_con ul li .cont{display: flex; flex-direction: column; justify-content: space-between;height: 100%;}
#sec_con ul li .link{display: flex; flex-direction: column; gap: 1rem;}
#sec_con ul li .link a{ text-align: center; display: flex; align-items: center; justify-content: center; font-size: 2.5rem; font-weight: bold; line-height: 7rem; border-radius: 1rem;gap: 2rem;}
#sec_con ul li .link a span{width: 17rem; text-align: center;}
#sec_con ul li .link a:nth-child(1){background: #06bd34; color: #fff;}
#sec_con ul li .link a:nth-child(2){background: #fae100; color: #222;}


@media (max-width: 1600px){
    #sec_con ul li .cont{z-index: 2;}
    #sec_con ul li .img{position: absolute; right: 4rem; bottom: 4rem;z-index: 1; opacity: 0.7;}
}
@media (max-width: 1280px){
    #sec_con ul li{padding: 4rem;}
    #sec_con ul li h4{font-size: 2.5rem;}
    #sec_con ul li h3{font-size: 3rem;}
    #sec_con ul li h3.call{font-size: 4rem;}
    #sec_con ul li .time dl{font-size: 2rem;}
    #sec_con ul li p{font-size: 1.8rem;}
    #sec_con ul li .img img{width: 10rem;}
    #sec_con ul li .link a{font-size: 2rem;}
    #sec_con ul li .link a img{width: 2.5rem;}
}
@media (max-width: 980px){
    #sec_con::before{ width: 33.2rem; height: 16rem; right: 3rem; top: 5rem;}
    #sec_con ul{flex-wrap: wrap;}
    #sec_con ul li{width: 100%;}
    #sec_con ul li .link{margin-top: 5rem;}
}
@media (max-width: 480px){
    #sec_con{overflow: hidden;}
    #sec_con::before{right: -5rem;}
}

#footer_new{background: #333;padding: 6rem 0; color: #fff;}
#footer_new .info h3{font-size: 1.5rem;}
#footer_new .info ul{display: flex; gap: 0rem 4rem; flex-wrap: wrap; font-size: 1.5rem;}
#footer_new .copy{opacity: 0.5; text-align: right; margin-top: 2rem;}

@media (max-width: 980px){
    #footer_new .info ul{gap: 0rem 2rem;}
}
@media (max-width: 480px){
    #footer_new{padding: 4rem 0;}
}


#q_menu{position: fixed; right: 4rem; top: 50%; transform: translateY(-50%);z-index: 100; background: #fff;border-radius: 100px; text-align: center;padding: 3rem 1rem; box-shadow: 1px 1px 20px 5px rgba(0,0,0,0.05);}
#q_menu ul{display: flex; flex-direction: column;justify-content: center;gap: 2rem;}
#q_menu ul p{font-size: 1.6rem; margin-top: 1rem; letter-spacing: -0.07em;}

@media (max-width: 980px){
    #q_menu{right: auto; left: 50%; transform: translate(-50%, 0); top: auto; bottom: 2rem;padding: 1rem 3rem;}
    #q_menu ul{flex-direction: row;}
    #q_menu ul img{width: 3.5rem;}
    #q_menu ul li{width: 8rem; text-align: center;}
    #q_menu ul p{font-size: 1.5rem; margin-top: 0.5rem;}
}