/** 헤더 **/
.header {display: flex; justify-content: space-between; align-items: center; padding: 35px 60px;}
.header .logo a img:nth-last-of-type(1) {display: none;}
.header .nav {display: flex;}
.header .nav a {color: #222; display: flex; align-items: center; padding: 6px 10px; margin-left: 20px;}
.header .nav a:nth-of-type(1) {margin-left: 0;}
.header .nav a img {margin-right: 8px;}
.header .nav a.iBtn {margin-left: 60px; color: #6A65FF;}
.header .nav a.iBtn img:nth-last-of-type(1) {display: none;}
@media (max-width: 1200px) {
	.header {padding: 25px 40px;}
	.header .logo img {height: 30px;}
}
@media (max-width: 991px) {
	.header .logo img {height: 24px;}
	.header .nav a {margin-left: 10px;}
	.header .nav a.iBtn {margin-left: 40px;}
}
@media (max-width: 768px) {
	.header {padding: 20px 24px;}
	.header .nav a {margin-left: 10px;}
	.header .nav a.iBtn {margin-left: 20px;}
}
@media (max-width: 640px) {
	.header {padding: 20px;}
	.header .nav a img {display: none;}
	.header .nav a {padding: 6px; font-size: 18px;}
	.header .nav a.iBtn {display: none;}
	.header .logo img {height: 22px;}
}
@media (max-width: 480px) {
	.header {padding: 14px 20px;}
	.header .nav a {font-size: 16px; margin-left: 4px;}
	.header .logo img {height: 22px;}
}

/** 메인 **/
.main {overflow: hidden;}
.main .visual {position: relative;}
.main .visual .slogan {position: absolute; top: 108px; left: 206px; z-index: 1;}
.main .visual .slogan .big {font-size: 90px; letter-spacing: -2px;}
.main .visual .slogan .big span {font-size: 130px; display: block; color: #6A65FF; margin-top: 38px;}
.main .visual .slogan .sub {margin-top: 38px; font-size: 26px; color: #fff; line-height: 1.4; letter-spacing: -0.75px;}
.main .visual .visual_slide {overflow-x: hidden; padding-top: 300px;}
.main .visual .visual_slide .slide_items {width: 100%; max-width: 1820px; height: auto; margin: 0 10px; border-radius: 30px; overflow: hidden;}
.main .visual .visual_slide .slide_items img {width: 100%;}
.main .visual .main_visual {height: 700px;}
.main .visual .visual_1 {background: url(/assets/img/main_visual_1.jpg) no-repeat 50% 50%; background-size: cover;}
.main .visual .visual_2 {background: url(/assets/img/main_visual_2.jpg) no-repeat 50% 50%; background-size: cover;}
.main .visual .visual_3 {background: url(/assets/img/main_visual_3.jpg) no-repeat 50% 50%; background-size: cover;}
.main .visual .slide_option {position: absolute; bottom: 50px; left: 206px; display: flex; gap: 0 30px; align-items: center;}
.main .visual .slide_option .progress-bar {width: 266px; height: 4px; background-color: rgba(255,255,255,0.2); border-radius: 5px;}
.main .visual .slide_option .progress-bar .progress-fill {width: 0%; height: 100%; background-color: #fff; border-radius: 5px; /* transition: width 0s; */ display: block;}
.main .visual .slide_option button {width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; border-radius: 50%; background-color: rgba(255,255,255,0.2);}
.main .visual .slide_option .slide-prev img {margin-left: -1px;}
.main .visual .slide_option .slide-next img {margin-right: -1px;}
.main .visual .slide_option .slide_btn {display: flex; gap: 0 6px;}
.main .visual .quickBtn {position: absolute; top: 210px; right: 140px; animation: motion 0.8s linear 0s infinite alternate;}
@keyframes motion {
	0% {transform: translateY(0);}
	100% {transform: translateY(14px);}
}
.main .visual .quickBtn a {width: 186px; height: 186px; background-color: #6A65FF; display: flex; justify-content: center; align-items: center; border-radius: 50%;}
.main .visual .quickBtn a img {margin-bottom: 12px;}
.main .visual .quickBtn a .borderBox {width: calc(100% - 20px); height: calc(100% - 20px); border: 1px solid #fff; display: flex; justify-content: center; align-items: center; border-radius: 50%; text-align: center; color: #fff;}
.main .visual .quickBtn a .borderBox div {display: flex; align-items: center; justify-content: center; flex-direction: column; font-size: 24px;}
@media (max-width: 1600px) {
	.main .visual .slogan {left: 146px;}
	.main .visual .slide_option {left: 146px;}
	.main .visual .slogan .big {font-size: 80px;}
	.main .visual .slogan .big span {font-size: 120px; margin-top: 18px;}
	.main .visual .visual_slide {padding-top: 264px;}
	.main .visual .quickBtn {top: 160px;}
}
@media (max-width: 1400px) {
	.main .visual .visual_slide {padding-top: 194px;}
	.main .visual .slogan {left: 126px; top: 68px;}
	.main .visual .slogan .big {font-size: 66px;}
	.main .visual .slogan .big span {font-size: 106px; margin-top: 6px;}
	.main .visual .main_visual {height: 600px;}
	.main .visual .quickBtn {top: 90px; right: 120px;}
	.main .visual .quickBtn a {width: 166px; height: 166px;}
	.main .visual .slide_option {left: 126px; bottom: 40px;}
	.main .visual .slide_option button {width: 46px; height: 46px;}

}
@media (max-width: 1200px) {
	.main .visual .visual_slide {padding-top: 170px;}
	.main .visual .visual_slide .slide_items {max-width: 100%; border-radius: 0; margin: 0;}
	.main .visual .main_visual {height: 500px;}
	.main .visual .slogan {left: 66px;}
	.main .visual .slogan .big {font-size: 52px;}
	.main .visual .slogan .big span {font-size: 92px;}
	.main .visual .quickBtn a {width: 146px; height: 146px;}
	.main .visual .quickBtn a img {height: 34px;}
	.main .visual .quickBtn a .borderBox div {font-size: 20px;}
	.main .visual .slide_option {left: 66px;}
	.main .visual .slide_option button {width: 40px; height: 40px;}
	.main .visual .slide_option button img {height: 15px;}
	.main .visual .quickBtn {right: 60px;}
}
@media (max-width: 991px) {
	.main .visual .visual_slide {padding-top: 130px;}
	.main .visual .slogan {left: 40px; top: 48px;}
	.main .visual .slogan .big {font-size: 42px;}
	.main .visual .slogan .big span {font-size: 72px;}
	.main .visual .slide_option {left: 40px;}
	.main .visual .quickBtn {right: 40px; top: 60px;}
	.main .visual .quickBtn a {width: 126px; height: 126px;}
	.main .visual .quickBtn a img {height: 30px;}
	.main .visual .quickBtn a .borderBox div {font-size: 18px;}
}
@media (max-width: 768px) {
	.main .visual .slogan {left: 24px;}
	.main .visual .slide_option {gap: 0 20px; left: 24px;}
	.main .visual .slide_option .progress-bar {width: 200px;}
	.main .visual .slide_option button {width: 34px; height: 34px;}
	.main .visual .slide_option button img {height: 13px;}
	.main .visual .quickBtn {bottom: -50px; right: 20px; top: auto;}
}
@media (max-width: 640px) {
	.main .visual .slogan {top: 28px; left: 20px;}
	.main .visual .slogan .big {font-size: 32px;}
	.main .visual .slogan .big span {font-size: 52px;}
	.main .visual .visual_slide {padding-top: 90px;}
	.main .visual .main_visual {height: 460px;}
	.main .visual .slide_option {left: 20px;}
	.main .visual .slide_option .progress-bar {width: 140px;}
	.main .visual .quickBtn {bottom: -40px;}
	.main .visual .quickBtn a {width: 106px; height: 106px;}
	.main .visual .quickBtn a .borderBox {width: calc(100% - 10px); height: calc(100% - 10px);}
	.main .visual .quickBtn a .borderBox div {font-size: 16px;}
}
@media (max-width: 480px) {
	.main .visual .slogan .big {font-size: 22px;}
	.main .visual .slogan .big span {font-size: 42px;}
	.main .visual .slogan .sub {font-size: 16px; margin-top: 28px;}
	.main .visual .visual_slide {padding-top: 75px;}
	.main .visual .main_visual {height: 400px;}
	.main .visual .visual_1 {background: url(/assets/img/main_visual_1.jpg) no-repeat 60% 50%; background-size: cover;}
	.main .visual .slide_option {bottom: auto; top: 200px;}
	.main .visual .slide_option button {/* background-color: transparent; */ width: 24px; height: 24px;}
	.main .visual .slide_option button img {height: 11px;}
}


.main .about {position: relative; padding-top: 240px;}
.main .about .flow-container {position: absolute; top: 110px; z-index: -1;}
.main .about .flow-container .flow-text {display: flex; flex: 0 0 auto; white-space: nowrap; overflow: hidden; transition: 0.3s; font-size: 270px; font-weight: 700; color: rgba(170, 170, 170, 0.12);}
.main .about .flow-container .flow-wrap {font-family: 'Poppins-Bold'; animation: textLoop 15s linear infinite; padding-left: 28px;}
@keyframes textLoop {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-100%, 0, 0);
  }
}
.main .about .about_cont {padding: 0 200px;}
.main .about .about_cont .about_box_1 {display: flex; align-items: center;}
.main .about .about_cont .left {width: 50%; padding-left: 70px;}
.main .about .about_cont .left div {width: 600px; height: 600px; border-radius: 50%; overflow: hidden;}
.main .about .about_cont .right {width: 50%; display: flex; justify-content: end; align-items: center; padding-right: 66px;}
.main .about .about_cont .right .c_tit {font-size: 80px; letter-spacing: 0;}
.main .about .about_cont .right .c_tit span {display: block; margin-top: 14px; color: #6A65FF;}
.main .about p.m_txt {font-size: 30px; line-height: 1.2; color: #222; letter-spacing: -1.25px; margin-top: 58px;}
.main .about .about_cont .right .s_txt {margin-top: 34px;}
.main .about .about_cont .right .s_txt p {margin-top: 14px; font-size: 22px; color: #555; line-height: 1.4;}
.main .about .about_cont .right .s_txt p:nth-of-type(1) {margin-top: 0;}
.main .about .about_cont .about_box_2 {margin-top: 180px;}
.main .about .about_cont .about_box_2 .processCont p.p_tit {font-size: 72px; letter-spacing: -1.25px;}
.main .about .about_cont .about_box_2 .processCont p.p_tit span {color: #6A65FF;}
.main .about .about_cont .pBox {display: flex; gap: 0 30px; margin-top: 34px;}
.main .about .about_cont .pBox .box {width: calc(33.33% - 15px);}
.main .about .about_cont .pBox .box img {width: 100%; border-radius: 20px;}
.main .about .about_cont .pBox .box .txtBox {display: flex; align-items: flex-start; margin-top: 24px; gap: 0 16px; font-size: 26px; line-height: 1.3;}
.main .about .about_cont .pBox .box .txtBox span {width: 35px; height: 35px; border-radius: 50%; display: flex; justify-content: center; align-items: center; color: #fff; font-size: 24px;}
.main .about .about_cont .pBox .box .txtBox.tBox1 span {background-color: #6A65FF;}
.main .about .about_cont .pBox .box .txtBox.tBox2 span {background-color: #5553AC;}
.main .about .about_cont .pBox .box .txtBox.tBox3 {align-items: start;}
.main .about .about_cont .pBox .box .txtBox.tBox3 span {background-color: #3D3C63;}
@media (max-width: 1800px) {
	.main .about .about_cont .left {padding-left: 0;}
	.main .about .about_cont .right {padding-right: 0;}
	.main .about .about_cont .pBox .box .txtBox {font-size: 24px;}
}
@media (max-width: 1600px) {
	.main .about .about_cont {padding: 0 140px;}
	.main .about .about_cont .left div {width: 500px; height: 500px; position: relative;}
	.main .about .about_cont .left div img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%;}
	.main .about .about_cont .pBox .box .txtBox {font-size: 22px;}
}
@media (max-width: 1400px) {
	.main .about {padding-top: 200px;}
	.main .about .about_cont {padding: 0 100px;}
	.main .about .about_cont .left {display: flex; justify-content: center;}
	.main .about .about_cont .left div {width: 460px; height: 460px;}
	.main .about .flow-container {top: 80px;}
	.main .about .flow-container .flow-text {font-size: 200px;}
	.main .about .about_cont .right {justify-content: center;}
	.main .about .about_cont .right .c_tit {font-size: 70px;}
	.main .about .about_cont .right .c_tit span {margin-top: 10px;}
	.main .about p.m_txt {font-size: 28px;}
	.main .about .about_cont .right .s_txt p {font-size: 20px;}
	.main .about .about_cont .about_box_2 .processCont p.p_tit {font-size: 66px;}
	.main .about .about_cont .pBox {gap: 0 20px;}
	.main .about .about_cont .pBox .box {width: calc(33.33% - 13px);}
	.main .about .about_cont .pBox .box .txtBox {font-size: 20px;}
}
@media (max-width: 1200px) {
	.main .about .about_cont {padding: 0 40px;}
	.main .about .about_cont .left div {width: 400px; height: 400px;}
	.main .about p.m_txt {font-size: 24px; margin-top: 40px;}
	.main .about .about_cont .right .c_tit {font-size: 60px;}
	.main .about .about_cont .right .s_txt p {font-size: 18px;}
	.main .about .about_cont .about_box_2 {margin-top: 140px;}
	.main .about .about_cont .about_box_2 .processCont p.p_tit {font-size: 52px;}
	.main .about .about_cont .pBox .box .txtBox {font-size: 18px; gap: 0 8px;}
	.main .about .about_cont .pBox .box .txtBox span {width: 30px; height: 30px; font-size: 20px;}
}
@media (max-width: 991px) {
	.main .about {padding-top: 160px;}
	.main .about .flow-container {top: 80px;}
	.main .about .flow-container .flow-text {font-size: 130px;}
	.main .about .about_cont .left div {width: 300px; height: 300px;}
	.main .about .about_cont .right .c_tit {font-size: 50px;}
	.main .about p.m_txt {font-size: 20px; margin-top: 34px;}
	.main .about .about_cont .right .s_txt p {font-size: 18px;}
	.main .about .about_cont .about_box_2 {margin-top: 100px;}
	.main .about .about_cont .about_box_2 .processCont p.p_tit {font-size: 42px;}
	.main .about .about_cont .pBox {margin-top: 24px; gap: 0 10px;}
	.main .about .about_cont .pBox .box {width: calc(33.33% - 7px)}
	.main .about .about_cont .pBox .box img {border-radius: 10px;}
	.main .about .about_cont .pBox .box .txtBox {display: block; text-align: center;}
	.main .about .about_cont .pBox .box .txtBox span {margin: 0 auto 10px; border-radius: 5px;}
	.main .about .about_cont .pBox .box .txtBox p br {display: none;}
}
@media (max-width: 768px) {
	.main .about {padding-top: 100px;}
	.main .about .about_cont {padding: 0 24px;}
	.main .about .about_cont .about_box_1 {flex-wrap: wrap;}
	.main .about .about_cont .left {width: 100%;}
	.main .about .about_cont .left div {width: 100%; border-radius: 10px;}
	.main .about .about_cont .left div img {top: 80%;}
	.main .about .about_cont .right {width: 100%; margin-top: 40px; justify-content: start;}
	.main .about .about_cont .right div {width: 100%;}
	.main .about .about_cont .right .c_tit span {display: inline-block; margin-top: 0; margin-left: 10px;}
	.main .about .right p.m_txt br {display: none;}
	.main .about .flow-container {top: 20px;}
	.main .about .about_cont .about_box_2 {margin-top: 60px;}
}
@media (max-width: 640px) {
	.main .about {padding-top: 80px;}
	.main .about .about_cont {padding: 0 20px;}
	.main .about p.m_txt {margin-top: 20px;}
	.main .about .right p.m_txt br {display: block;}
	.main .about .about_cont .left div {height: 270px;}
	.main .about .about_cont .right {margin-top: 30px;}
	.main .about .about_cont .right .c_tit {font-size: 40px;}
	.main .about .about_cont .right .s_txt {margin-top: 14px;}
	.main .about .about_cont .about_box_2 {margin-top: 40px;}
	.main .about .about_cont .about_box_2 .processCont p.p_tit {font-size: 32px;}
	.main .about .about_cont .pBox {flex-wrap: wrap; gap: 40px 0;}
	.main .about .about_cont .pBox .box {width: 100%;}
	.main .about .about_cont .pBox .box .txtBox {display: flex; justify-content: center; margin-top: 14px;}
	.main .about .about_cont .pBox .box .txtBox.tBox3 {align-items: center;}
	.main .about .about_cont .pBox .box .txtBox span {margin: 0;}
	.main .banner .left .box > div .imgBox {height: clamp(2.5rem, 3.5vw, 4.4rem);}
}
@media (max-width: 480px) {
	.main .about .flow-container .flow-text {font-size: 90px;}
	.main .about .about_cont .left div img {width: 440px;}
	.main .about .about_cont .right {margin-top: 20px;}
	.main .about .about_cont .right .c_tit {font-size: 32px;}
	.main .about p.m_txt {margin-top: 16px; font-size: 18px;}
	.main .about .right p.m_txt br {display: none;}
	.main .about .about_cont .right .s_txt p {font-size: 15px; margin-top: 10px;}
	.main .about .about_cont .about_box_2 .processCont p.p_tit {font-size: 26px;}
	.main .about .about_cont .pBox .box .txtBox {justify-content: start;}
	.main .about .about_cont .pBox .box .txtBox.tBox3 {text-align: left; align-items: start;}
	.main .about .about_cont .pBox .box .txtBox.tBox3 p {width: calc(100% - 32px)}
	.main .about .about_cont .pBox .box .txtBox span {width: 24px; height: 24px; font-size: 17px;}
	.main .about .processCont p.m_txt br {display: none;}
	.main .about .about_cont .right .s_txt p:nth-of-type(1) b {font-weight:100;}
}

.main .banner {width:100%;background:url(/assets/img/main_banner.jpg) no-repeat 50% 50%;background-size:cover;margin-top:185px;display:flex;align-items:center;padding:80px 0;min-height:480px;overflow:hidden;}
.main .banner .bannerWrap {padding:0 200px;width:100%;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:60px;}
.main .banner .left {width:60%;display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));justify-items:center;align-content:center;}
.main .banner .left .box {width:min(100%, clamp(14rem, 13rem, 13rem));aspect-ratio:1/1;border-radius:50%;border:1px solid #fff;display:flex;justify-content:center;align-items:center;}
.main .banner .left .box > div {text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:18px 14px;}
.main .banner .left .box > div .imgBox {height:clamp(2.8rem, 3.5vw, 4.4rem);display:flex;align-items:center;justify-content:center;}
.main .banner .left .box > div .imgBox img {height:100%;width:auto;}
.main .banner .left .box > div .imgBox.imgBox2 img {height:90%;width:auto;}
.main .banner .left .box p {margin:0;font-size:clamp(.95rem, 1.3vw, 1.25rem);line-height:1.2;word-break:keep-all;}
.main .banner .right {width:40%;display:flex;justify-content:flex-end;font-size:clamp(2rem, 2.8vw, 3rem);line-height:1.35;}

@media (max-width:1750px){
	.main .banner{margin-top:165px;padding:72px 0;min-height:460px;}
	.main .banner .bannerWrap{padding:0 120px;gap:48px;}
	.main .banner .left{width:55%;}
	.main .banner .right{width:45%;}
}
@media (max-width:1600px){
	.main .banner{padding:64px 0;min-height:440px;}
	.main .banner .bannerWrap{padding:0 100px;}
	.main .banner .left{}
	.main .banner .left .box > div{gap:12px;padding:16px 12px;}
}
@media (max-width:1400px){
	.main .banner{background:url(/assets/img/main_banner.jpg) no-repeat 80% 50%;background-size:cover;margin-top:145px;padding:56px 0;min-height:380px;}
	.main .banner .bannerWrap{padding:0 100px; gap:0;}
	.main .banner .left {width:60%;}
	.main .banner .left .box{width:min(100%, clamp(9.5rem, 14vw, 12.5rem));}
	.main .banner .right{width:40%; }
}

@media (max-width: 1200px) {
	.main .banner {height: auto; background: url(/assets/img/main_banner.jpg) no-repeat 100% 50%; background-size: cover;}
	.main .banner .bannerWrap {padding: 0 40px; flex-wrap: wrap;}
	.main .banner .left {width: 100%; justify-content: center; padding-left: 0; display:flex;}
	.main .banner .right {width: 100%; justify-content: center; text-align: center; margin-top: 40px;}
	.main .banner .left .box p {font-size:17px;}
}
@media (max-width: 991px) {
	.main .banner {margin-top: 100px; height: 380px;}
	.main .banner .left .box:nth-of-type(1) img {height: 36px;}
	.main .banner .left .box:nth-of-type(2) img {height: 32px;}
	.main .banner .left .box:nth-last-of-type(1) img {height: 36px;}
	.main .banner .left .box p {font-size: 16px;}
	.main .banner .right {margin-top: 30px;}
}
@media (max-width: 768px) {
	.main .banner {margin-top: 80px;}
	.main .banner .bannerWrap {padding: 0 24px;}
}
@media (max-width: 640px) {
	.main .banner {height: 340px;}
	.main .banner .bannerWrap {padding: 0 20px;}
	.main .banner .right {line-height: 1.2;}
	.main .banner .left .box > div {gap:8px;}
}

@media (max-width:580px){
	.main .banner {height: auto;}
	.main .banner .bannerWrap{padding:0 16px;gap:18px;}
	.main .banner .left{width:100%;display:grid;grid-template-columns:max-content max-content;justify-content:center;justify-items:center;row-gap:14px;column-gap:14px;}
	.main .banner .left .box{width:clamp(9.6rem, 30vw, 10.2rem);aspect-ratio:1/1;}
}

@media (max-width: 480px) {
	.main .banner .right {font-size: 26px; margin-top: 20px;}
	.main .about .about_cont .pBox .box .txtBox {text-align:left;}
}

@media (max-width:360px) {
	.main .banner .left .box{width:clamp(8.6rem, 30vw, 10.2rem);aspect-ratio:1/1;}
}

/** 서브페이지 비주얼 (공통) **/
.sub .sub_visual {width: 100%; height: 900px; position: relative;}
.sub .sub_visual .sub_visual_1 {width: 100%; height: 100%; background: url(/assets/img/sub_primary.jpg) no-repeat 50% 50%; background-size: cover;}
.sub .sub_visual .sub_visual_2 {width: 100%; height: 100%; background: url(/assets/img/sub_service.jpg) no-repeat 50% 50%; background-size: cover;}
.sub .sub_visual .sub_slogan {position: absolute; left: 160px; bottom: 140px; color: #fff;}
.sub .sub_visual .sub_slogan > p {font-size: 100px; letter-spacing: 0; position: relative; display: flex;}
.sub .sub_visual .sub_slogan > p span {display: inline-block; position: relative;}
.sub .sub_visual .sub_slogan > p span:nth-last-of-type(1):after {position: absolute; top: 50%; right: -180px; width: 140px; height: 1px; background: linear-gradient(90deg, rgba(255,255,255), rgba(255,255,255,.5), transparent); content: ""; transform: translateY(-50%);}
.sub .sub_visual .sub_txt {margin-top: 65px; font-size: 24px; line-height: 1.4;}
@media (max-width: 1600px) {
	.sub .sub_visual .sub_slogan {left: 100px;}
}
@media (max-width: 1400px) {
	.sub .sub_visual {height: 800px;}
	.sub .sub_visual .sub_slogan > p {font-size: 80px;}
	.sub .sub_visual .sub_txt {margin-top: 45px; font-size: 24px;}
}
@media (max-width: 1200px) {
	.sub .sub_visual {height: 700px;}
	.sub .sub_visual .sub_slogan {left: 60px; bottom: 100px;}
	.sub .sub_visual .sub_slogan > p {font-size: 74px;}
	.sub .sub_visual .sub_txt {font-size: 20px; margin-top: 35px;}
	.sub .sub_visual .sub_slogan > p span:nth-last-of-type(1):after {right: -130px; width: 100px;}
}
@media (max-width: 991px) {
	.sub .sub_visual {height: 600px;}
	.sub .sub_visual .sub_slogan {bottom: 80px;}
	.sub .sub_visual .sub_slogan > p {font-size: 66px;}
	.sub .sub_visual .sub_slogan > p span:nth-last-of-type(1):after {right: -100px; width: 80px;}
	.sub .sub_visual .sub_txt {font-size: 18px;  margin-top: 25px;}
}
@media (max-width: 768px) {
	.sub .sub_visual {height: 500px;}
	.sub .sub_visual .sub_slogan {bottom: 40px; left: 40px;}
}
@media (max-width: 640px) {
	.sub .sub_visual .sub_slogan {left: 20px; bottom: 30px;}
	.sub .sub_visual .sub_slogan > p {font-size: 56px;}
	.sub .sub_visual .sub_slogan > p span:nth-last-of-type(1):after {right: -80px; width: 60px;}
	.sub .sub_visual .sub_txt {font-size: 18px; margin-top: 15px; padding: 0 20px 0 0;}
	.sub .sub_visual .sub_visual_2 {background: url(/assets/img/sub_service.jpg) no-repeat 70% 50%; background-size: cover;}
	.sub .sub_visual .sub_slogan_2 .sub_txt br {display: none;}
}
@media (max-width: 480px) {
	.sub .sub_visual {height: 400px;}
	.sub .sub_visual .sub_slogan > p {font-size: 38px;}
	.sub .sub_visual .sub_slogan > p span:nth-last-of-type(1):after {right: -68px; width: 50px;}
	.sub .sub_visual .sub_txt {font-size: 16px; margin-top: 10px;}
}

/** 주요기능 **/
.sub .txt_sec {padding: 120px 160px; display: flex;}
.sub .txt_sec .tBox {width: 100%; text-align: center;}
.sub .txt_sec .tBox > p {font-size: 50px;}
.sub .txt_sec .tBox > p span {color: #6A65FF; font-size: 55px;}
.sub .txt_sec .tBox p br {display: none;}
.sub .txt_sec .tBox .stxt {margin-top: 60px; font-size: 30px; line-height: 1.4; color: #555;}
.sub .txt_sec .tBox .stxt p br {display: block;}

@media (max-width: 1400px) {
	.sub .txt_sec {padding: 120px 100px;}
}
@media (max-width: 1200px) {
	.sub .txt_sec {padding: 100px 60px;}
	.sub .txt_sec .tBox > p {font-size: 42px;}
	.sub .txt_sec .tBox > p span {font-size: 47px;}
	.sub .txt_sec .tBox .stxt {font-size: 26px;}
}
@media (max-width: 991px) {
	.sub .txt_sec {padding: 80px 60px;}
	.sub .txt_sec .tBox > p {font-size: 38px;}
	.sub .txt_sec .tBox > p span {font-size: 43px;}
	.sub .txt_sec .tBox .stxt {font-size: 20px; margin-top: 40px;}
}
@media (max-width: 768px) {
	.sub .txt_sec {padding: 60px 40px;}
	.sub .txt_sec .tBox > p {font-size: 34px;}
	.sub .txt_sec .tBox > p span {font-size: 39px;}
	.sub .txt_sec .tBox .stxt {margin-top: 34px;}
	.sub .txt_sec .tBox .stxt p br {display: none;}
}
@media (max-width: 640px) {
	.sub .txt_sec {padding: 50px 20px;}
	.sub .txt_sec .tBox > p {font-size: 26px;}
	.sub .txt_sec .tBox > p span {font-size: 28px;}
	.sub .txt_sec .tBox .stxt {font-size: 18px; margin-top: 24px;}
}
@media (max-width: 480px) {
	.sub .txt_sec {padding: 34px 20px;}
	.sub .txt_sec .tBox {line-height: 1.3;}
	.sub .txt_sec .tBox p br {display: block;}
	.sub .txt_sec .tBox .stxt {font-size: 17px; margin-top: 14px;}
}

.sub .img_sec {position: relative; width: 100%; height: 950px; display: flex; border-bottom: 1px solid #2b2a39; overflow-x: hidden;}
.sub .img_sec .iBox:nth-of-type(1) {border-left: 0;}
.sub .img_sec .iBox.iBox_1 {background: url(/assets/img/sub_primary_img_1.jpg) no-repeat 50% 50%; background-size: cover;}
.sub .img_sec .iBox.iBox_2 {background: url(/assets/img/sub_primary_img_2.jpg) no-repeat 50% 50%; background-size: cover;}
.sub .img_sec .iBox.iBox_3 {background: url(/assets/img/sub_primary_img_3.jpg) no-repeat 50% 50%; background-size: cover;}
.sub .img_sec .iBox.iBox_4 {background: url(/assets/img/primary_img4-2.jpg) no-repeat 50% 50%; background-size:cover;}
.sub .img_sec .iBox .hBox {position: absolute; top: 0; left: 0; background-color: #000; width: 100%; height: 100%; z-index: 1; opacity: 0; visibility: hidden; pointer-events: none; transition: all 1s;}
.sub .img_sec .iBox {width:25%; border-left:1px solid rgba(255,255,255,0.1); color:#fff; display:flex; padding:0 20px 80px; justify-content:center; align-items:end;}
.sub .img_sec .iBox .hBox .hBox_s {width:25%; height:100%; border-left:1px solid rgba(255,255,255,0.2); position:relative; overflow:hidden;}
.sub .img_sec .iBox .hBox .hBox_4 img {position:absolute; top:0; left:-300%;}
.sub .img_sec .iBox_2 .hBox .hBox_4 img {position:absolute; top:50%; left:-300%; transform:translateY(-50%);}
.sub .img_sec .iBox:hover > .hBox .hImg .hBox_4 {transition:all .5s .5s;}
.sub .img_sec .iBox.iBox_4 .hBox .hTxt {top: 50%;left: 50%;transform: translate(-50%, -50%);text-align: center;}
.sub .img_sec .iBox .hBox .hTxt {position: absolute; z-index: 1;}
.sub .img_sec .iBox .hBox .hTxt > p {font-size: 30px; line-height: 1.3;}
.sub .img_sec .iBox .hBox .hTxt > p span {display: block; font-size: 25px; font-family: 'Freesentation-Regular';}
.sub .img_sec .iBox .hBox .hTxt .hsTxt {margin-top: 38px;}
.sub .img_sec .iBox .hBox .hTxt .hsTxt p {margin-top: 18px; font-size: 22px; line-height: 1.3;}
.sub .img_sec .iBox .hBox .hTxt .hsTxt p:nth-of-type(1) {margin-top: 0;}
.sub .img_sec .iBox.iBox_1 .hBox .hTxt {left: 50px; bottom: 170px;}
.sub .img_sec .iBox.iBox_2 .hBox .hTxt {top: 50%; left: 50%; transform: translate(-50%,-50%); text-align: center;}
.sub .img_sec .iBox.iBox_3 .hBox .hTxt {top: 170px; right: 50px; text-align: right;}
.sub .img_sec .iBox .hBox .hImg {display: flex; width: 100%; height: 100%;}
.sub .img_sec .iBox .hBox .hBox_s {width:25%; height:100%; border-left:1px solid rgba(255,255,255,0.2); position:relative; overflow:hidden;}
.sub .img_sec .iBox .hBox .hBox_s:nth-of-type(1) {border-left:0;}
.sub .img_sec .iBox .hBox .hBox_s img {position:absolute; left:0; top:0; width:400%; height:100%; object-fit:cover;}
.sub .img_sec .iBox .hBox .hBox_1 img {left:0;}
.sub .img_sec .iBox .hBox .hBox_2 img {left:-100%;}
.sub .img_sec .iBox .hBox .hBox_3 img {left:-200%;}
.sub .img_sec .iBox .hBox .hBox_4 img {left:-300%;}
.sub .img_sec .iBox_2 .hBox .hBox_s img {top:50%; transform:translateY(-50%);}
.sub .img_sec .iBox.iBox_4 .hBox .hBox_s img {object-position:50% 50%;}
.sub .img_sec .iBox .tBox {opacity: 1; transition: all 1s;}
.sub .img_sec .iBox .tBox p {font-size: 30px; line-height: 1.3; text-align: center;}
.sub .img_sec .iBox .tBox p span {font-family: 'Freesentation-Regular'; display: block; font-size: 25px;}
.sub .img_sec .iBox .tBox .tsTxt {margin-top: 30px; display: none;}
.sub .img_sec .iBox .tBox .tsTxt p {font-size: 20px; margin-top: 14px;}
.sub .img_sec .iBox .tBox .tsTxt p:nth-of-type(1) {margin-top: 0;}
.sub .img_sec .iBox:hover > .tBox {opacity: 0; transition: all .3s;}
.sub .img_sec .iBox:hover > .hBox {opacity: 1; visibility: visible; transition: all 1s;}
.sub .img_sec .iBox:hover > .hBox .hImg .hBox_2 {transition: all .5s .1s}
.sub .img_sec .iBox:hover > .hBox .hImg .hBox_3 {transition: all .5s .3s}

@media (max-width: 1600px) {
	.sub .img_sec .iBox .hBox .hTxt .hsTxt p {font-size: 22px;}
	.sub .img_sec .iBox .tBox p {font-size:26px;}
	.sub .img_sec .iBox .tBox p span {font-size:22px;}
}
@media (max-width: 1400px) {
	.sub .img_sec {height: 850px;}
	.sub .img_sec .iBox .hBox .hTxt .hsTxt {margin-top: 28px;}
	.sub .img_sec .iBox .hBox .hTxt .hsTxt p {font-size: 18px;}
}
@media (max-width:1310px) {
	.sub .txt_sec .tBox .stxt p br {display:none;}
}
@media (max-width: 1200px) {
	.sub .img_sec {height: 750px;}
	.sub .img_sec .iBox .tBox p {font-size: 22px;}
	.sub .img_sec .iBox .tBox p span {font-size: 20px;}
	.sub .img_sec .iBox .hBox .hBox_s {border-left: 0;}
}
@media (max-width: 991px) {
	.sub .img_sec {height: auto; flex-wrap: wrap;}
	.sub .img_sec .iBox {align-items: center; padding: 0; width: 100%; height: 400px; border-left: 0; border-top: 1px solid #313131;}
	.sub .img_sec .iBox:nth-of-type(1) {border-top: 0;}
	.sub .img_sec .iBox .hBox {display: none; opacity: 0; visibility: hidden;}
	.sub .img_sec .iBox:hover > .hBox {display: none !important; opacity: 0 !important; visibility: hidden !important;}
	.sub .img_sec .iBox:hover > .tBox {opacity: 1;}
	.sub .img_sec .iBox .tBox {width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; background-color: rgba(0,0,0,.4); padding: 30px;}
	.sub .img_sec .iBox .tBox .tsTxt {display: block;}
	.sub .img_sec .iBox.iBox_1 {background: url(/assets/img/sub_primary_img_1_2.jpg) no-repeat 50% 50%; background-size: cover;}
	.sub .img_sec .iBox.iBox_2 {background: url(/assets/img/sub_primary_img_2_2.jpg) no-repeat 50% 50%; background-size: cover;}
	.sub .img_sec .iBox.iBox_3 {background: url(/assets/img/sub_primary_img_3_2.jpg) no-repeat 50% 10%; background-size: cover;}
}
@media (max-width: 640px) {
	.sub .img_sec .iBox {height: 340px;}
	.sub .img_sec .iBox .tBox p {font-size:24px;}
	.sub .img_sec .iBox .tBox .tsTxt p {font-size: 18px;}
}
@media (max-width: 480px) {
	.sub .img_sec .iBox {height: 300px;}
	.sub .img_sec .iBox .tBox p {font-size: 24px;}
	.sub .img_sec .iBox .tBox p span {font-size: 18px;}
	.sub .img_sec .iBox .tBox .tsTxt {margin-top: 20px;}
	.sub .img_sec .iBox .tBox .tsTxt p {font-size: 15px; margin-top: 10px;}
}

/** 서비스 안내 **/
.sub .making {padding: 200px 160px; background-color: #010512; color: #fff; display: flex; justify-content: center;}
.sub .making .box {display: flex; width: 100%; gap: 0 124px; justify-content: space-between;}
.sub .making .box:before , .sub .making .box:after {display: none;}
.sub .making .box .left > p {font-size: 55px;}
.sub .making .box .left > p span {color: #6A65FF; font-size: 57px;}
.sub .making .box .left .sBox {margin-top: 40px; margin-bottom: 80px; line-height: 1.4; font-size: 30px;}
.sub .making .box .left .pBox {display: flex; align-items: start; flex-direction: column;}
.sub .making .box .left .pBox p {padding: 18px 35px; display: inline-block; background-color: #1C1D2D; font-size: 26px; border-radius: 10px; margin-top: 30px;}
.sub .making .box .left .pBox p:nth-of-type(1) {margin-top: 0;}

@media (max-width:1800px) {
	.sub .making .box {gap: 0 64px;}
	.sub .making .box .right img {height: 590px;}
}

@media (max-width:1600px) {
	.sub .making {padding: 160px 100px;}
	.sub .making .box .left > p {font-size: 50px;}
	.sub .making .box .left > p span {font-size: 52px;}
	.sub .making .box .left .pBox p {padding: 18px 25px; font-size: 24px;}
	.sub .making .box .right img {height: 550px;}
	.sub .making .box .left .sBox {font-size: 24px;}
}

@media (max-width:1400px) {
	.sub .making {padding: 120px 100px;}
	.sub .making .box {gap: 0 24px;}
	.sub .making .box .left .sBox {margin-bottom: 60px; font-size: 22px;}
	.sub .making .box .left .pBox p {font-size: 22px;}
}

@media (max-width:1300px) {
	.sub .making .box .left .pBox p {font-size:20px;}
	.sub .making .box .right img {height:470px;}
}

@media (max-width:1200px) {
	.sub .making {padding: 100px 60px;}
	.sub .making .box .left > p {font-size: 46px;}
	.sub .making .box .left > p span {font-size: 48px;}
	.sub .making .box .left .sBox {font-size: 20px;}
	.sub .making .box .left .pBox p {padding: 15px 24px; margin-top: 20px; font-size: 19px;}
	.sub .making .box .right img {height: 490px;}
}

@media (max-width:1100px) {
	.sub .making .box .left .pBox p {font-size:18px; padding:12px 20px;}
	.sub .making .box .left .pBox p br {display:none;}
	.sub .making .box .right img {height:400px;}
}

@media (max-width:991px) {
	.sub .making {padding: 80px 60px;}
	.sub .making .box {flex-wrap: wrap; flex-direction: column-reverse; justify-content: center; align-items: center;}
	.sub .making .box .right img {height: 400px;}
	.sub .making .box .left {width: 100%; margin-top: 40px; text-align: center;}
	.sub .making .box .left .sBox {margin-bottom: 50px; margin-top: 30px;}
	.sub .making .box .left .pBox {align-items: center;}
	.sub .making .box .left .pBox p {width: 500px;}
	.sub .making .box .left > p {font-size: 30px;}
	.sub .making .box .left > p span {font-size: 30px;}
}

@media (max-width:768px) {
	.sub .making {padding: 60px 40px;}
	.sub .making .box .right img {height: 340px;}
	.sub .making .box .left > p {font-size: 30px;}
	.sub .making .box .left > p span {font-size: 30px;}
}

@media (max-width:640px) {
	.sub .making {padding: 50px 20px;}
	.sub .making .box .left > p {font-size: 30px;}
	.sub .making .box .left > p span {font-size: 32px;}
	.sub .making .box .left .pBox p {line-height: 1.4; width: 100%; font-size: 18px; margin-top: 10px;}
	.sub .making .box .left .sBox {font-size: 18px; margin-bottom: 40px; margin-top: 20px;}
	.sub .making .box .left .sBox p br {display:block;}
}

@media (max-width:480px) {
	.sub .making .box .right img {height: 340px;}
	.sub .making .box .left > p {font-size: 26px;}
	.sub .making .box .left > p span {font-size: 28px;}
	.sub .making .box .left .sBox {font-size: 16px; margin-top: 14px; margin-bottom: 28px;}
	.sub .making .box .left .pBox p {font-size: 16px; padding: 12px 14px;}
	.sub .making .box .left .sBox p br {display:none;}
}

.sub .differ {color: #fff; height: auto; background: url(/assets/img/service_img_bg.png) no-repeat 50% 50% #010512; padding-bottom: 200px; background-size: cover;}
.sub .differ > p {text-align: center; font-size: 55px;}
.sub .differ > p span {font-size: 57px; margin-right: 6px; color: #6A65FF;}
.sub .differ table {background-color: transparent;}
.sub .differ .tableWrap {padding: 100px 160px 0;}
.sub .differ .tableWrap table {background:transparent;}
.sub .differ .tableWrap table thead tr {border-top:1px solid #585859; border-bottom:1px solid #585859;}
.sub .differ .tableWrap table thead tr th {font-size:33px; color:#fff; padding:17px; text-align:center; font-size:24px; font-family: 'Freesentation-Bold';}
.sub .differ .tableWrap table thead tr th.point {color: #6A65FF;}
.sub .differ .tableWrap table thead tr th:nth-of-type(2) {border-left:1px solid #585859; border-right:1px solid #585859;}
.sub .differ .tableWrap table tbody tr {border-bottom:1px solid #585859;}
.sub .differ .tableWrap table tbody tr td {color:#fff; padding:28px 17px; text-align:center; font-size:20px; font-family: 'Freesentation-Light'; line-height: 1.2;}
.sub .differ .tableWrap table tbody tr td:nth-of-type(2) {border-left:1px solid #585859; border-right:1px solid #585859;}
.sub .differ .tableWrap table tbody tr td span {font-size:30px;}
.sub .differ .tableWrap table tbody tr td span img {display: block; margin: 0 auto 18px;}
.sub .differ .tableWrap table tbody tr td p {padding:3px;}

@media (max-width:1600px) {
	.sub .differ {padding-bottom: 160px;}
	.sub .differ > p {font-size: 50px;}
	.sub .differ > p span {font-size: 52px;}
}

@media (max-width:1400px) {
	.sub .differ .tableWrap {padding: 80px 100px 0;}
	.sub .differ .tableWrap table thead tr th {padding:14px; font-size:22px;}
	.sub .differ .tableWrap table tbody tr td span {font-size:22px;}
	.sub .differ .tableWrap table tbody tr td p {padding:2px; font-size:19px;}
}

@media (max-width:1200px) {
	.sub .differ {padding-bottom: 120px;}
	.sub .differ > p {font-size: 46px;}
	.sub .differ > p span {font-size: 48px;}
	.sub .differ .tableWrap {padding: 80px 60px 0;}
	.sub .differ .tableWrap table tbody tr td {padding: 22px 17px;}
	.sub .differ .tableWrap table tbody tr td p {font-size:18px; padding:0;}
}
@media (max-width:1100px) {
	.sub .differ .tableWrap table thead tr th {font-size:20px;}
	.sub .differ .tableWrap table tbody tr td span {font-size:20px;}
	.sub .differ .tableWrap table tbody tr td p {font-size:17px;}
}
@media (max-width:991px) {
	.sub .differ .tableWrap table tbody tr td {padding:14px;}
	.sub .differ .tableWrap table tbody tr td span img {margin: 0 auto 10px;}
	.sub .differ .tableWrap table tbody tr td span img.icon_o {height: 28px;}
	.sub .differ .tableWrap table tbody tr td span img.icon_x {height: 24px;}
}
@media (max-width:840px) {
	.sub .differ .tableWrap table thead tr th {font-size:18px;}
	.sub .differ .tableWrap table tbody tr td span {font-size:17px;}
	.sub .differ .tableWrap table tbody tr td p {font-size:16px;}
}
@media (max-width:768px) {
	.sub .differ {padding-bottom: 80px;}
	.sub .differ > p {font-size: 40px;}
	.sub .differ > p span {font-size: 42px;}
	.sub .differ .tableWrap {padding: 60px 40px 0;}
	.sub .differ .tableWrap table tbody tr td {padding:12px 4px;}
	.sub .differ .tableWrap table tbody tr td p {font-size:15px;}
	.sub .differ .tableWrap table tbody tr td span img.icon_o {height: 24px;}
	.sub .differ .tableWrap table tbody tr td span img.icon_x {height: 20px;}
}
@media (max-width:640px) {
	.sub .differ {padding-bottom: 60px;}
	.sub .differ > p {font-size: 30px;}
	.sub .differ > p span {font-size: 32px;}
	.sub .differ .tableWrap {overflow:auto; padding: 30px 20px 0;}
	.sub .differ .tableWrap table {min-width:580px;}
}
@media (max-width:480px) {
	.sub .differ > p {font-size: 26px;}
	.sub .differ > p span {font-size: 28px;}
	.sub .differ .tableWrap table {min-width:440px;}
	.sub .differ .tableWrap table thead tr th {font-size:14px; padding:7px;}
	.sub .differ .tableWrap table tbody tr td span {font-size:15px;}
	.sub .differ .tableWrap table tbody tr td p {font-size:14px;}
	.sub .differ .tableWrap table tbody tr td span img {margin: 0 auto 6px;}
	.sub .differ .tableWrap table tbody tr td span img.icon_o {height: 20px;}
	.sub .differ .tableWrap table tbody tr td span img.icon_x {height: 16px;}
}
@media (max-width:380px) {
	.sub .differ .tableWrap table tbody tr td p {font-size:13px;}
}

.sub .process {background-color: #010512; padding: 0 160px 160px; color: #fff;}
.sub .process .tBox {text-align: center;}
.sub .process .tBox > p {font-size: 60px;}
.sub .process .tBox > span {font-size: 35px; margin-top: 40px; display: block;}
.sub .process .pBox {display: flex; gap: 0 70px; margin-top: 100px;}
.sub .process .pBox .box {width: calc(20% - 56px); position: relative;}
.sub .process .pBox .box:before {position: absolute; top: 120px; left: -46px; width: 26px; height: 43px; background: url(/assets/img/step_arrow.png) no-repeat 50% 50%; background-size: cover;}
.sub .process .pBox .box:nth-of-type(1):before {display: none;}
.sub .process .pBox .box .iBox {width: 100%; height: 260px; background-color: #2B2B3F; border-radius: 40px; display: flex; justify-content: center; align-items: center;}
.sub .process .pBox .box p {margin-top: 30px; font-size: 24px; line-height: 1.3; text-align: center;}

@media (max-width:1800px) {
	.sub .process .pBox .box:before {top: 100px;}
	.sub .process .pBox .box .iBox {height: 200px;}
	.sub .process .pBox .box .iBox1 img {height: 88px;}
	.sub .process .pBox .box .iBox2 img {height: 81px;}
	.sub .process .pBox .box .iBox3 img {height: 88px;}
	.sub .process .pBox .box .iBox4 img {height: 96px;}
	.sub .process .pBox .box .iBox5 img {height: 81px;}
}

@media (max-width:1600px) {
	.sub .process {padding:0 100px 160px;}
	.sub .process .pBox .box:before {top: 70px;}
	.sub .process .pBox .box .iBox {height:180px;}
	.sub .process .pBox .box p {font-size: 22px;}
	.sub .process .pBox .box .iBox1 img {height: 68px;}
	.sub .process .pBox .box .iBox2 img {height: 61px;}
	.sub .process .pBox .box .iBox3 img {height: 68px;}
	.sub .process .pBox .box .iBox4 img {height: 76px;}
	.sub .process .pBox .box .iBox5 img {height: 61px;}
}

@media (max-width:1400px) {
	.sub .process {padding: 0 100px 120px;}
	.sub .process .tBox > p {font-size: 50px;}
	.sub .process .tBox > span {font-size: 32px; margin-top:20px;}
	.sub .process .pBox {gap: 0 60px;}
	.sub .process .pBox .box {width: calc(20% - 48px);}
	.sub .process .pBox .box:before {background-size: 20px; left: -40px; top: 60px;}
	.sub .process .pBox .box .iBox {border-radius: 20px; height: 164px;}
	.sub .process .pBox {margin-top: 80px;}
	.sub .process .pBox .box p {font-size: 22px; margin-top: 30px;}
}

@media (max-width:1200px) {
	.sub .process {padding: 0 200px 100px;}
	.sub .process .tBox > p {font-size: 40px;}
	.sub .process .tBox > span {font-size: 28px;}
	.sub .process .pBox {flex-wrap: wrap; gap: 40px 70px; justify-content: center;}
	.sub .process .pBox .box {width: calc(33.33% - 47px);}
	.sub .process .pBox .box:before {left: -44px; top: 70px;}
	.sub .process .pBox .box:nth-of-type(4):before {display: none;}
	.sub .process .pBox .box .iBox {height:184px; border-radius:30px;}
}

@media (max-width:1100px) {
	.sub .process {padding: 0 100px 100px;}
}

@media (max-width:991px) {
	.sub .process {padding:0 60px 100px;}
	.sub .process .pBox .box .iBox {height: 174px;}
	.sub .process .pBox .box:before {top: 66px; background-size: 14px;}
}

@media (max-width:768px) {
	.sub .process {padding: 0 40px 80px;}
	.sub .process .tBox > span {font-size: 22px; margin-top:15px;}
	.sub .process .pBox {margin-top: 60px; gap: 40px 50px;}
	.sub .process .pBox .box {width: calc(33.33% - 34px);}
	.sub .process .pBox .box:before {left: -36px; top: 56px;}
	.sub .process .pBox .box p {font-size: 20px; margin-top: 20px;}
	.sub .process .pBox .box .iBox {height: 154px;}
	.sub .process .pBox .box .iBox1 img {height: 58px;}
	.sub .process .pBox .box .iBox2 img {height: 51px;}
	.sub .process .pBox .box .iBox3 img {height: 58px;}
	.sub .process .pBox .box .iBox4 img {height: 66px;}
	.sub .process .pBox .box .iBox5 img {height: 51px;}
	.sub .process .tBox > p {font-size:35px;}
}

@media (max-width:640px) {
	.sub .process {padding: 0 20px 60px;}
	.sub .process .tBox > p {font-size: 35px;}
	.sub .process .tBox > span {font-size: 22px;}
	.sub .process .pBox {margin-top: 40px; gap: 26px 30px;}
	.sub .process .pBox .box {width: calc(33.33% - 20px);}
	.sub .process .pBox .box:before {left: -26px; top: 50px; background-size: 10px;}
	.sub .process .pBox .box p {font-size: 18px; margin-top: 14px;}
	.sub .process .pBox .box .iBox {border-radius: 20px; height: 144px;}
	.sub .process .pBox .box .iBox1 img {height: 53px;}
	.sub .process .pBox .box .iBox2 img {height: 46px;}
	.sub .process .pBox .box .iBox3 img {height: 53px;}
	.sub .process .pBox .box .iBox4 img {height: 61px;}
	.sub .process .pBox .box .iBox5 img {height: 46px;}
}

@media (max-width:540px) {
	.sub .process .pBox .box .iBox {height:124px;}
}

@media (max-width:480px) {
	.sub .process .tBox > p {font-size: 30px;}
	.sub .process .tBox > span {font-size: 20px; margin-top: 16px;}
	.sub .process .pBox {margin-top: 30px; gap: 86px 30px; padding: 40px 20px; background-color: #2b2b3f; border-radius: 14px;}
	.sub .process .pBox .box {width: 200px;}
	.sub .process .pBox .box:before {left: calc(50% - 20px); top: -46px; transform:rotate(90deg) translateX(-50%); width: 40px; height: 40px; background-color: #000; border-radius: 50%;}
	.sub .process .pBox .box:nth-of-type(4):before {display: block;}
	.sub .process .pBox .box .iBox {background-color: transparent; height: auto;}
}

/** 푸터 **/
footer .banner {padding: 100px 200px 120px; background: url(/assets/img/main_footer_bg.jpg) no-repeat 50% 50%; background-size: cover;}
footer .banner > p {font-size: 60px; color: #fff; line-height: 1.4;}
footer .banner > p span {color: #6A65FF;}
footer .banner .ban_btn {display: flex; gap: 0 15px; margin:40px 0 100px 0;}
footer .banner .ban_btn a {display: flex; align-items: center; padding: 16px 25px; border-radius: 10px; font-size: 18px;}
footer .banner .ban_btn a.tell_btn {background-color: #35335B; color: #fff;}
footer .banner .ban_btn a.mail_btn {background-color: #fff; color: #000;}
footer .banner .ban_btn a img {margin-left: 20px;}
footer .banner span.copylight {display: block; margin-top: 58px; color: #fff; font-size: 20px; color: #fff;}
footer .copyright {font-size: 18px; color: #fff;}
footer .copyright div {margin: 7px 0; letter-spacing: -0.75px;}
footer .copyright div span {position: relative; display: inline-block; padding: 0 15px;}
footer .copyright div span:before {display: block; content: ''; position: absolute; left: 15px; top: -14px; width: 1px; height: 14px; background: rgba(255,255,255,.4);}
.quick {position: fixed; right: 50px; bottom: 50px; visibility: hidden; z-index: 999; opacity: 0; transition: opacity 0.3s ease;}
.quick.visible {visibility: visible; opacity: 1; transition: opacity 0.3s ease, visibility 0s;}
.quick .wrap {display: flex; align-items: flex-end; justify-content: center; flex-direction: column; gap: 10px 0;}
.quick .wrap a {position: relative; width: 70px; height: 70px; line-height: 70px; border-radius: 70px; overflow:hidden; transition: all .5s;}
.quick .wrap .btn1 {background: #64DCF0;}
.quick .wrap .btn1:hover, .quick .wrap .btn2:hover {width: 220px; transition: all .5s;}
.quick .wrap .btn2 {background: #605DFE;}
.quick .wrap .go-top {background: #7D8FBD; text-align: center;}
.quick .wrap .go-top2 {background: #7D8FBD; text-align: center;}
.quick .wrap a .txt {display: none; text-align: left; padding-left: 25px; transition: all .5s;}
.quick .wrap a:hover .txt  {display: block; color: #197A8B;  transition: all .5s;}
.quick .wrap .btn1 .txt {color: #197A8B;}	
.quick .wrap a.btn1 > img, .quick .wrap a.btn2 > img {position: absolute; right: 0; bottom: 0;}

@media (max-width: 1684px) {
	footer .banner > p {font-size: 50px;}
}
@media (max-width:1600px) {
	footer .banner {padding: 100px 160px 120px;}
	footer .copyright {font-size: 18px;}
}
@media (max-width: 1400px) {
	footer .banner {padding: 100px;}
}
@media (max-width:1200px) {
	footer .banner {padding: 60px 40px;}
	footer .banner > p {font-size: 44px;}
	footer .banner .ban_btn a {font-size: 16px;}
	.quick {right: 20px; bottom: 20px;}
}
@media (max-width: 991px) {
	footer .banner > p {font-size: 34px;}
	footer .banner .ban_btn a {font-size: 15px;}
	footer .banner span.copylight {font-size: 18px;}
	footer .banner .ban_btn {margin:30px 0 60px 0;}
	.copyright {font-size: 16px;}
}
@media (max-width: 768px) {
	footer .banner {padding: 40px 24px; height: auto;}
	footer .banner .ban_btn a {padding: 12px 20px;}
	footer .banner span.copylight {margin-top: 48px;}
	.quick .wrap {gap: 5px 0;}
	.quick .wrap a {width: 50px; height: 50px; line-height: 50px; border-radius: 50px;}
	.quick .wrap a.btn1 > img, .quick .wrap a.btn2 > img {height: 50px; width: auto;}
	.quick .wrap .btn1:hover, .quick .wrap .btn2:hover {width: 170px;}
	.quick .wrap a .txt {padding-left: 20px;}
	.quick .wrap a .txt img {height: 30px; width: auto;}
}
@media (max-width:640px) {
	footer .banner {padding: 20px;}
	footer .banner > p {font-size: 26px;}
	footer .banner span.copylight {font-size: 16px;}
	footer .banner .ban_btn {display:flex; flex-direction: column; align-items: flex-start; gap: 5px; margin: 15px 0;}
	footer .banner .ban_btn a {min-width: 250px; padding: 10px 15px; border-radius: 7px; justify-content: space-between;}
	.copyright {padding-right: 80px;}
	.copyright div {font-size:16px; margin:0; line-height: 22px;}
	.copyright div span {display: block !important;}
	.copyright div span:before {display: none !important;}
}
@media (max-width: 480px) {
	footer .banner {height: 340px;}
	footer .banner > p {font-size: 20px;}
	footer .banner .ban_btn {display: block;}
	footer .banner .ban_btn a {width: 220px; justify-content: space-between; padding: 10px 16px;}
	footer .banner .ban_btn a.mail_btn {margin-top: 10px;}
	footer .banner span.copylight {font-size: 15px; margin-top: 28px;}
	footer .banner {height:auto;}
	footer .copyright div {margin:7px 0; font-size:14px; line-height:1.4;}
}
@media (max-width:380px) {
	footer .banner {padding:20px 15px;}
}

/** 서브푸터 **/
.sub_footer {padding: 100px 160px; background-color: #101018; display: flex; gap: 0 80px;}
.f_info {color: #fff;}
.f_info .info_box {display: flex;}
.f_info .info_box p {padding-right: 20px; position: relative; margin-left: 20px;}
.f_info .info_box p:nth-of-type(1) {margin-left: 0;}
.f_info .info_box p:after {position: absolute; top: 0; right: 0; content: ""; width: 1px; height: 100%; background-color: rgba(255,255,255,0.4);}
.f_info .info_box p:nth-last-of-type(1):after {display: none;}
.f_info .info_2 {margin-top: 14px;}
.f_info .info_1 p:nth-of-type(1) {padding-right: 24px;}
.f_info .copy {margin-top: 40px;}
@media (max-width: 1600px) {
	.sub_footer {padding: 80px 100px;}
}
@media (max-width: 1400px) {
	.sub_footer {gap: 0 50px;}
}
@media (max-width: 1200px) {
	.sub_footer {padding: 80px 60px;}
	.sub_footer .f_logo img {height: 34px;}
	.f_info {font-size: 16px;}
}
@media (max-width: 991px) {
	.sub_footer {padding: 60px 40px; gap: 0 40px;}
	.sub_footer .f_logo img {height: 30px;}
}
@media (max-width: 768px) {
	.sub_footer {flex-wrap: wrap;}
	.f_info {width: 100%; margin-top: 40px;}
	.f_info .copy {margin-top: 24px;}
}
@media (max-width: 640px) {
	.sub_footer {padding: 40px 20px;}
	.f_info {font-size: 14px; margin-top: 30px;}
	.f_info .info_2 {margin-top: 10px;}
	.f_info .copy {margin-top: 20px;}
}
@media (max-width: 480px) {
	.sub_footer {padding: 30px 20px;}
	.sub_footer .f_logo img {height: 26px;}
	.f_info {font-size: 16px; margin-top: 24px;}
	.f_info .info_box {flex-wrap: wrap; gap: 6px 0;}
	.f_info .info_box p:after {display: none;}
	.f_info .info_1 p {padding-right: 0; margin-left: 0; width: 100%;}
	.f_info .info_1 p:nth-of-type(1) {padding-right: 0;}
	.f_info .info_box p {margin-left: 0;}
	.f_info .info_2 {margin-top: 6px;}
}