@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;200;300;400;500;700;900&display=swap');

:root {
    --color-white : #fff;
    --color-whitegrey : #f9f9f9;
    --color-whitemidgrey : #f4f5f4;
    --color-whitedarkgrey : #e9e9e9;
    --color-lightdarkgrey : #abaaaa;
    --color-darkgray : #5b5b5b;
    --color-black : #323232;
    --color-main : #d60000; /* rgb(214, 0, 0) */
    /* --color-wellkin : linear-gradient(180deg,rgba(20, 138, 194, 1) 0%, rgba(39, 208, 182, 1) 100%); */
    /* --color-wellkinmall : #27345b; */
    /* --color-haatz : #00a4ee; */
    /* --color-welldone : #fff; */
    /* --color-southcape : #275b4e; -> #013528 */
    /* --color-montshop : #ff5b00; */
    --filter-white : invert(100%) sepia(100%) saturate(20%) hue-rotate(308deg) brightness(106%) contrast(105%);;
    --filter-lightdarkgrey : invert(75%) sepia(10%) saturate(12%) hue-rotate(314deg) brightness(90%) contrast(88%);
    --filter-main : invert(10%) sepia(82%) saturate(7084%) hue-rotate(13deg) brightness(94%) contrast(118%);
    /* --inner_width : 1840px; */
    --inner_width : calc(100% - 40px);
    --inner_mid : 1600px;
    --inner : 1400px;
}

* {margin:0; padding:0;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;font-size: 0;}
html, body {width:100%; height:100%; font-size:16px; color:var(--color-black); letter-spacing:-0.4px; line-height:1;}
body {position:relative; font-family: 'Noto Sans KR', 'Verdana', sans-serif;  -webkit-text-size-adjust:100%; -moz-text-size-adjust:100%; -ms-text-size-adjust:100%;}
body * {font-family: inherit;font-size: inherit;font-weight: inherit;color: inherit;}
ul,ol,li{list-style:none}
input, select, option, textarea, button {padding: 10px 0; height:36px; background:var(--color-white); color: var(--color-black); border: 0; outline: none; font-family:'Noto Sans KR', '맑은 고딕', 'Malgun Gothic', sans-serif; border-radius:0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; vertical-align:middle; cursor:pointer;}
input:not([type="radio"], [type="checkbox"]) {border-bottom: 1px solid var(--color-black);}
input:not([type="radio"], [type="checkbox"]):focus {border-bottom: 1px solid var(--color-main);}
input[type="radio"], input[type="checkbox"] {appearance: none;-webkit-appearance: none;-moz-appearance: none;width: 24px;height: 24px;background-size: contain;border:0; padding:0; height:auto;cursor: pointer;}
input[type="checkbox"] {background: url('/img/check_basic.png') no-repeat center center;width: 24px;height: 24px;background-size: 24px;}
input[type="checkbox"]:checked {background-image: url('/img/check_active.png');}
input[type="radio"] {background: url('/img/radio_basic.png') no-repeat center center;width: 24px;height: 24px;background-size: 24px;}
input[type="radio"]:checked {background-image: url('/img/radio_active.png');}
a, u {text-decoration:none;}
a:hover, a:focus, a:active {text-decoration:none;}
button:hover, button:focus, button:active {outline: none;}
::-webkit-input-placeholder {color: var(--color-darkgray);}
:-moz-placeholder {color: var(--color-darkgray); opacity:1;}
::-moz-placeholder {color: var(--color-darkgray); opacity:1;}
:-ms-input-placeholder {color: var(--color-darkgray);}
:placeholder-shown {color: var(--color-darkgray);}
textarea {resize: none;border-bottom: 1px solid var(--color-black);overflow: hidden;}
textarea:focus {border-bottom: 1px solid var(--color-main);}
select {padding: 0 40px 0 10px;position: relative;cursor: pointer;appearance: none;-webkit-appearance: none;-moz-appearance: none;background: var(--color-white) url('/img/select_arrow_down.png') no-repeat right 12px center;background-size: 16px;}
select.open {background-image: url('/img/select_arrow_up.png');}

table{border-collapse:collapse; width:100%;table-layout: fixed;}

/* 공통 서식 */
.section_title {text-align: center;}
.section_title .title {font-size: 4.5rem;font-weight: 900;letter-spacing: -4px;}
.section_title .title.dot {position: relative;display: inline-block;}
.section_title .title.dot::after {content: '';position: absolute;right: -16px;top: 12px;width: 10px;height: 10px;background: var(--color-main);border-radius: 100%;}
.section_title .sub_title {margin-top: 32px;font-size: 1.5rem;font-weight: 500;line-height: 2rem;}
.section_title .sub_title .color_main {color: var(--color-main);font-weight: 600;}

.subpage {margin: 100px 0;}
.subpage .section_title {margin: 0 auto 72px;}

.wrap-loading{position: fixed;left:0;right:0;top:0;bottom:0;background: rgba(0,0,0,0.2);}
.wrap-loading div{position: fixed;top:50%;left:50%;margin-left: -21px;margin-top: -21px;}
.display-none{display:none;}
.max-small {width: auto; height: auto;max-width: 30px;max-height: 30px;}

/* 서브페이지 추가서식 */
/* .subpage.mb0 {margin-bottom: 0;} */
.footer_wrap.about .inner_wrap {padding: 36px 0;border-top: 1px solid var(--color-white);}

.mb0 {margin-bottom: 0 !important;}

.color_main {color: var(--color-main) !important;}

.btn_basic {border-radius: 26px;border: 1px solid var(--color-black);background: var(--color-white);color: var(--color-black);transition: all 0.3s ease-out;}
.btn_basic.red {border: 1px solid var(--color-main);}

.view_more {width: 168px;height: 168px;display: flex;flex-direction: column;justify-content: center;align-items: center;gap: 24px;border: 1px solid var(--color-white);border-radius: 100%;font-size: 1rem;font-weight: 600;color: var(--color-white);transition: all 0.3s ease-out;}
.view_more img.active {display: none;}
.visual_wrap .view_more.on, .visual_wrap .view_more:hover {background: rgba(255, 255, 255, 0.8);color: var(--color-main);}
.visual_wrap .view_more.on img.basic, .visual_wrap .view_more:hover img.basic {display: none;}
.visual_wrap .view_more.on img.active, .visual_wrap .view_more:hover img.active {display: block;}
.scrolling_process_wrap .view_more.on, .scrolling_process_wrap .view_more:hover {background: var(--color-main);border: 1px solid var(--color-main);}

.txt_box dt {font-weight: 700;}
.txt_box dt .sub_txt {font-size: 1.1rem;color: var(--color-main);}
.txt_box dt .main_txt {margin-top: 12px;font-size: 2.2rem;}
.txt_box dd {line-height: 2rem;}

.circle_mark {position: relative;padding-left: 20px;}
.circle_mark::before {content: '';position: absolute;top: 50%;left: 4px;transform: translateY(-50%);width: 4px;height: 4px;border-radius: 100%;background: var(--color-black);}
.hyphen_mark {position: relative;padding-left: 20px;}
.hyphen_mark::before {content: '-';position: absolute;top: 50%;left: 4px;transform: translateY(-50%);}

/* 헤더&풋터 */
header.header_wrap {width: 100%;height: 100px;display: flex;justify-content: center;align-items: center;}
header.header_wrap.fix {position: fixed;top: 0;left: 0;z-index: 11;width: 100%;height: 100px;background: var(--color-white);}
header.header_wrap.fix, header.header_wrap.sub {box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 4px;}
header.header_wrap.fix + #container {margin-top: 100px;transition: margin-top 0.3s ease-out;}
header .inner_wrap, footer .inner_wrap {margin: 0 auto;width: var(--inner_width);display: flex;justify-content: space-between;align-items: center;}
header .contact_btn {padding: 16px 28px;display: inline-block;font-size: 1.15rem;font-weight: 600;}
header .contact_btn:hover {background: var(--color-main);color: var(--color-white);}
header .m_gnb_nav {padding: 0 5px;width: 40px;height: 40px;display: none;}
header .m_gnb_nav img {width: 100%;height: 100%;}
header .m_gnb_nav img:nth-of-type(2) {display: none;}
header .m_gnb_nav.open img:nth-of-type(1) {display: none;}
header .m_gnb_nav.open img:nth-of-type(2) {display: block;height: 20px;width: 20px;}
.gnb {display: flex;justify-content: center;align-items: center;gap: 70px;font-size: 1.15rem;font-weight: 600;}
.gnb li:hover {color: var(--color-main);}
.gnb_wrap {overflow: auto;display: none;padding: 100px 0;position: fixed;top: 0;left: 0;width: 100vw;height: 100vh;z-index: 10;background: var(--color-white);}
.gnb_wrap.open {display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;gap: 30px;}
.gnb_wrap .gnb {margin: 40px auto;width: 90%;flex-direction: column;gap: 40px;}
.gnb_wrap .gnb li {width: 100%;font-size: 1.1rem;}

footer.footer_wrap {width: 100%;height: 150px;display: flex;justify-content: center;align-items: center;background: var(--color-black);color: var(--color-white);}
footer .inner_wrap {align-items: end;font-size: 0.9rem;font-weight: 200;}
footer .info_title {margin-bottom: 20px;font-weight: 400;}
footer .addr ul {margin-top: 12px;display: flex;justify-content: left;align-items: center;gap: 24px;}

.fixed_quick_area {position: fixed;right: 40px;bottom: 100px;z-index: 9;display: inline-flex;flex-direction: column;justify-content: center;align-items: center;transition: bottom 0.3s ease-out;}


/* 메인 & 비즈니스 */
.visual_wrap {margin: 0 auto;width: var(--inner_width);}
.visual_wrap .swiper {width: 100%;aspect-ratio: 1 / 0.445;border-radius: 20px;}
/* .visual_wrap .swiper-slide iframe {position: absolute;top: 50%;left: 50%;min-width: 100%;min-height: 100%;transform: translate(-50%, -50%);border: none;object-fit: cover;} */
.visual_wrap .swiper-slide .inner {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 85%;z-index: 3;display: flex;flex-direction: column;justify-content: center;align-items: center;gap: 100px;color: var(--color-white);}
.visual_wrap .swiper-slide > img, .visual_wrap .swiper-slide > video {width: 100%;height: 100%;object-fit: fill;border-radius: 20px;}
.visual_wrap .banner_txt_box {display: flex;flex-direction: column;justify-content: center;align-items: center;gap: 40px;}
.visual_wrap .banner_txt_box dt {font-size: 3rem;word-break: keep-all;}
.visual_wrap .banner_txt_box dd {font-size: 1.5rem;word-break: keep-all;}
.visual_wrap .swiper-button-prev {left: 60px;}
.visual_wrap .swiper-button-next {right: 60px;}
.visual_wrap .swiper-button-prev:after, .visual_wrap .swiper-button-next:after {font-size: 2rem;color: var(--color-white);cursor: pointer;}
.visual_wrap .swiper-button-prev:hover:after, .visual_wrap .swiper-button-next:hover:after {color: var(--color-main);}

/* .main_visual .visualSwiper .swiper-slide {width: 100%;height: 100%;} */
.main_visual .visualSwiper .swiper-pagination {position: absolute;left: auto;right: 60px;bottom: 8%;width: auto;display: inline-flex;flex-direction: column;gap: 12px;}
.main_visual .visualSwiper .autoplay-progress {position: relative;width: 30px;height: 30px;}
.main_visual .visualSwiper .autoplay-progress svg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;transform: rotate(-90deg) scaley(-1);}
.main_visual .visualSwiper .autoplay-progress svg circle {stroke: var(--color-lightdarkgrey);transition: stroke-dashoffset 0.2s linear;}
.main_visual .visualSwiper .swiper-pagination-bullet {position: relative; margin: 0 !important;width: 30px;height: 30px;display: block;background: transparent;border-radius: 100%;opacity: 1;}
.main_visual .visualSwiper .swiper-pagination-bullet::after {content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 10px;height: 10px;background: var(--color-darkgray);border-radius: 100%;}
.main_visual .visualSwiper .swiper-pagination-bullet-active::after {background: var(--color-white);}

.business_con05 {position: relative;width: 100%;font-size: 0;}
.business_con05 video {width: 100%;aspect-ratio: 1 / 0.25;object-fit: fill;}
.business_con05 .inner {margin: 0 auto;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 3;width: var(--inner);display: flex;justify-content: center;align-items: center;gap: 28px;font-size: 2rem;font-weight: 600;color: var(--color-white);}

/* 메인 we are js soft / 비지니스 our business 공통 */
.business_wrap {}
.business_wrap .swiper {width: 100%;max-width: 1920px;}
.business_wrap .swiper-slide {position: relative;width: 50%;aspect-ratio: 1 / 0.6;border-radius: 20px;}
.business_wrap .swiper-slide .txt_box {left: 0;bottom: 0;padding: 36px;align-items: center;justify-content: space-between;}
.business_wrap .swiper-slide:not(.swiper-slide-active)::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.6);border-radius: 20px;}
.business_wrap .swiper-slide:not(.swiper-slide-active) .txt_box {display: none;}
.business_wrap .swiper-slide img {width: 100%;height: 100%;object-fit: fill;border-radius: 20px;}
.business_wrap .swiper-slide .txt_box {position: absolute;width: 100%;display: flex;background: rgba(0, 0, 0, 0.8);border-radius: 20px;color: var(--color-white);}
.business_wrap .swiper-slide .txt_box dd {line-height: 2rem;text-align: right;}
.business_wrap .swiper-button-prev {left: 20%;}
.business_wrap .swiper-button-next {right: 20%;}
.business_wrap .swiper-button-prev:after, .business_wrap .swiper-button-next:after {color: var(--color-lightdarkgrey);font-size: 1.5rem !important;}

.main_con01 .section_title {margin: 168px auto 50px;}
.main_con01.business_wrap .swiper-slide .txt_box {border-radius: 0 0 20px 20px;}
.main_con01.business_wrap .swiper-slide .txt_box dt,
.main_con01.business_wrap .swiper-slide .txt_box dd {word-break: keep-all;}
.main_con01.business_wrap .swiper-slide .txt_box dt {width: 30%;}
.main_con01.business_wrap .swiper-slide .txt_box dt .main_txt {line-height: 2.5rem;}
.main_con01.business_wrap .swiper-slide .txt_box dd {width: 50%;}
/* .main_con01 .introduceSwiper .swiper-slide {width: 44%;aspect-ratio: 1 / 0.6;} */
/* .main_con01 .introduceSwiper .swiper-button-prev {left: calc(50vw - 26%);}
.main_con01 .introduceSwiper .swiper-button-next {right: calc(50vw - 26%);} */

.business_con01 .swiper-slide {width: 70%;aspect-ratio: 1 / 0.36;}
/* .business_wrap .introduceSwiper .swiper-slide:not(.swiper-slide-active)::before {background: rgba(0,0,0,0.8);} */
.business_con01 .swiper-slide .txt_box {height: 100%;top: 0;left: 0;flex-direction: column;align-items: center;justify-content: center;gap: 15px;background: rgba(0, 0, 0, 0.5);}
.business_con01 .swiper-button-prev {left: calc(50vw - 40%);}
.business_con01 .swiper-button-next {right: calc(50vw - 40%);}

/* 메인 work process / 비지니스 work process 공통 */
.scrolling_process_wrap {position: relative;overflow: hidden;margin: 100px 0 0 0;width: 100%;}
.scrolling_process_wrap .process_wrap {width: 100%;max-height: calc(100vh - 100px);overflow: hidden;display: flex;justify-content: flex-start;align-items: stretch;will-change: transform;}
.scrolling_process_wrap .process_list {display: flex;flex-wrap: nowrap;width: max-content;}
.scrolling_process_wrap .process_list .process {position: relative;padding-top: 50px;flex: 0 0 36vw;width: 100%;height: 100%;cursor: pointer;}
.scrolling_process_wrap .process_list .process:not(.section_title, .contact)::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.05);transition: background 0.3s ease-out;}
.scrolling_process_wrap .process_list .process:nth-of-type(1) {background: var(--color-white);}
.scrolling_process_wrap .process_list .process:nth-of-type(2) {background: var(--color-whitegrey);}
.scrolling_process_wrap .process_list .process:nth-of-type(3) {background: var(--color-whitemidgrey);}
.scrolling_process_wrap .process_list .process:nth-of-type(4) {background: var(--color-whitegrey);}
.scrolling_process_wrap .process_list .process:nth-of-type(5) {background: var(--color-whitedarkgrey);}
.scrolling_process_wrap .process_list .process:nth-of-type(6) {background: var(--color-black);}
.scrolling_process_wrap .process_list .process .process_img {width: 100%;aspect-ratio: 1 / 0.6;}
.scrolling_process_wrap .process_list .process .process_img img {width: 100%;height: 100%;object-fit: fill;}
.scrolling_process_wrap .process_list .process .txt_box {padding: 50px;}
.scrolling_process_wrap .process_list .process .txt_box dt {margin-bottom: 32px;}
.scrolling_process_wrap .process_list .process.section_title {margin-left: calc((100vw - var(--inner)) / 2);display: flex;flex-direction: column;justify-content: center;align-items: flex-start;}
.scrolling_process_wrap .process_list .process.contact {display: flex;flex-direction: column;justify-content: center;align-items: center;gap: 50px;}
.scrolling_process_wrap .process_list .process.contact p {color: var(--color-white);font-size: 2.2rem;font-weight: 500;line-height: 3rem;text-align: center;}
.scrolling_process_wrap .process_list .process.contact p span {color: var(--color-main);font-weight: 600;}
.scrolling_process_wrap .process_list .process:not(.section_title, .contact):hover::before {background: transparent;}

.business_con03.scrolling_process_wrap .process_list .process {flex: 0 0 30vw;}

.main_con03 {position: relative;padding: 150px 0 100px 0;background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(246, 247, 246, 1) 100%);/* #fff -> #f6f7f6 */}
.main_con03 .inner {margin: 0 auto;width: var(--inner);height: auto;display: flex;justify-content: space-between;align-items: flex-start;}
.main_con03 .inner > * {width: 50%;}
.main_con03.pinned {position: relative; /* GSAP pin 사용 시 JS에서 설정 */}
.main_con03 .pin-spacer .section_title.move {position: fixed !important;top: 50px !important;padding-top: 150px !important;}
.main_con03 .section_title, .main_con04 .section_title {text-align: left;}
.main_con03 .section_title .view_more, .main_con04 .section_title .view_more {margin-top: 50px;background: var(--color-black);}
.main_con03 .section_title .view_more.on, .main_con03 .section_title .view_more:hover,
.main_con04 .section_title .view_more.on, .main_con04 .section_title .view_more:hover  {background: var(--color-main);}
.main_con03 .section_title {position: relative;}
.main_con03 .page_wrap {height: auto;}
.main_con03 .page {display: flex;flex-direction: column;justify-content: center;padding: 0 0 40px 0;opacity: 1;transform: none;transition: none;}
.main_con03 .page:last-child {padding-bottom: 0;}
.main_con03 .page img {width: 100%;height: auto;border-radius: 20px;box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;}
.main_con03 .page .txt_box {margin: 28px 0 0 0;}
.main_con03 .page .txt_box dt {margin-bottom: 8px;}
.main_con03 .page:last-child .txt_box {margin-bottom: 0;}


/* 메인 Home Mobile / 비지니스 Proposition 공통 */
.flip_wrap .swiper {perspective: 500px;}
.flip_wrap .swiper .swiper-slide > div {position: absolute;backface-visibility: hidden;transition: all 0.6s ease-out;display: flex;justify-content: center;align-items: center;cursor: pointer;transform: rotateY(0deg);}
.flip_wrap .swiper .front {opacity: 1;z-index: 2;}
.flip_wrap .swiper .back {transform: rotateY(180deg);opacity: 0;z-index: 1;}
.flip_wrap .swiper .swiper-slide.flipped {transform: rotateY(180deg);}
.flip_wrap .swiper .swiper-slide.flipped .back {height: 100%;}
.flip_wrap .swiper .swiper-slide .front.hidden {opacity: 0;z-index: 1;height: 100%;transform: rotateY(180deg);}
.flip_wrap .swiper .swiper-slide .back.visible {opacity: 1;z-index: 2;height: 100%;transform: rotateY(0deg);}

.main_con04 {position: relative;overflow: hidden;padding: 220px 0;display: flex;justify-content: left;align-items: center;background: linear-gradient(0deg, rgba(246, 247, 246, 1) 0%, rgba(242, 243, 242, 1) 75%, rgba(246, 247, 246, 1) 100%);}
.main_con04::before {content: '';position: absolute;top: 0;left: 0;width: 50%;height: 100%;background: var(--color-white);border-radius: 0 700px 0 0;}
.main_con04 .section_title {position: relative;margin-left: calc((100% - var(--inner)) / 2);width: 32%;}
.main_con04 .pageMobileSwiper {width: 68%;}
.main_con04 .pageMobileSwiper .swiper-wrapper {align-items: end;}
.main_con04 .pageMobileSwiper .swiper-slide {position: relative;transform-style: preserve-3d;transition: transform 0.6s;perspective: 1000px;aspect-ratio: 1 / 1.32;display: flex;align-items: end;width: 32%;}
.main_con04 .pageMobileSwiper .swiper-slide.wellkin .front {background: linear-gradient(180deg,rgba(20, 138, 194, 1) 0%, rgba(39, 208, 182, 1) 100%);}
.main_con04 .pageMobileSwiper .swiper-slide.wellkinmall .front {background: #27345b;}
.main_con04 .pageMobileSwiper .swiper-slide.haatz .front {background: #00a4ee;}
.main_con04 .pageMobileSwiper .swiper-slide.welldone .front {background: var(--color-white);}
.main_con04 .pageMobileSwiper .swiper-slide.southcape .front {background: #013528;}
.main_con04 .pageMobileSwiper .swiper-slide.montshop .front {background: #ff5b00;}
.main_con04 .pageMobileSwiper .swiper-slide > div {bottom: 0;left: 5%;width: 90%;height: 90%;border-radius: 150px;box-shadow: rgba(0, 0, 0, 0.25) 8px 4px 8px;}
.main_con04 .pageMobileSwiper .front {border-radius: 150px;}
.main_con04 .pageMobileSwiper .front img {height: 28px;width: auto;}
.main_con04 .pageMobileSwiper .back img {width: 100%;height: 100%;object-fit: cover;object-position: top;border-radius: 20px;}
.main_con04 .pageMobileSwiper .swiper-slide:hover > div {border-radius: 20px;}
.main_con04 .pageMobileSwiper .swiper-slide:hover .front {height: 100%;}
.main_con04 .arrow_btn_area {margin: 32px 0 0 32px;display: flex;justify-content: flex-start;align-items: center;gap: 28px;}
.main_con04 .swiper-button-next, .main_con04 .swiper-button-prev, .main_con04 .swiper-pagination {position: static;margin-top: 0;}
.main_con04 .swiper-button-next::after, .main_con04 .swiper-button-prev::after {color: var(--color-black);font-size: 1.5rem !important;}
.main_con04 .swiper-pagination {width: auto;font-size: 1.2rem;font-weight: bold;}

.business_con02 {margin: 120px auto;width: var(--inner);}
.business_con02 .section_title {text-align: left;}
.business_con02 .propositionSwiper .swiper-wrapper {justify-content: center;gap: 28px;}
.business_con02 .propositionSwiper .swiper-slide {width: calc((100% - 56px) / 3) !important;aspect-ratio: 1 / 1.16;}
.business_con02 .propositionSwiper .swiper-slide > div {margin: 0 1%;width: 98%;height: 98%;border-radius: 20px;box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px 0px, rgba(0, 0, 0, 0.15) 0px 2px 6px 4px;}
.business_con02 .propositionSwiper .swiper-slide:nth-of-type(1) > div {background-image: url('/img/section/business_experience.jpg');background-repeat: no-repeat;background-size: cover;}
.business_con02 .propositionSwiper .swiper-slide:nth-of-type(2) > div {background-image: url('/img/section/business_project.jpg');background-repeat: no-repeat;background-size: cover;}
.business_con02 .propositionSwiper .swiper-slide:nth-of-type(3) > div {background-image: url('/img/section/business_tuning.jpg');background-repeat: no-repeat;background-size: cover;}
/* .business_con02 .propositionSwiper .swiper-slide img {margin: 0 1%;width: 98%;height: 98%;object-fit: fill;border-radius: 20px;box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px 0px, rgba(0, 0, 0, 0.15) 0px 2px 6px 4px;} */
/* .business_con02 .propositionSwiper .swiper-slide img {width: 100%;height: 100%;object-fit: fill;border-radius: 20px;} */
.business_con02 .propositionSwiper .txt_box {position: absolute;top: 0;left: 0;padding: 36px;width: 100%;height: 100%;display: flex;justify-content: left;align-items: flex-end;background: rgba(0,0,0,0.5);color: var(--color-white);border-radius: 20px;}
.business_con02 .propositionSwiper .txt_box .main_txt {margin-top: 0;line-height: 3rem;}
.business_con02 .propositionSwiper .txt_box dd {display: none;}
.business_con02 .propositionSwiper .txt_box .circle_mark::before {background: var(--color-white);}
.business_con02 .propositionSwiper .back.visible {height: 98% !important;border-radius: 20px;}
.business_con02 .propositionSwiper .back.visible .txt_box {flex-direction: column;justify-content: space-between;align-items: flex-start;background: rgba(214, 0, 0, 0.8);}
.business_con02 .propositionSwiper .back.visible .txt_box dd {display: block;}

.business_con04 {position: relative;overflow: hidden;padding: 220px 0;display: flex;justify-content: left;align-items: center;background: var(--color-black);}
.business_con04 .section_title {position: relative;margin-left: calc((100% - var(--inner)) / 2);width: 32%;color: var(--color-white);text-align: left;}
.business_con04 .business_logo_wrapper {position: relative;width: calc(68% - ((100% - var(--inner)) / 2));max-width: 68%;}
.business_con04 .business_logo_wrap {overflow-x: auto;white-space: nowrap;cursor: grab;user-select: none;scrollbar-width: none;-ms-overflow-style: none;}
.business_con04 .business_logo_wrap::-webkit-scrollbar {display: none;}
.business_con04 .business_logo {display: grid;grid-template-columns: repeat(7, 1fr);justify-content: left;align-items: stretch;gap: 20px;}
/* .business_con04 .business_logo li {width: 280px;height: 180px;display: inline-flex;justify-content: center;align-items: center;background: var(--color-white);border-radius: 20px;transition: all 0.3s ease-out;} */
.business_con04 .business_logo li {width: 280px;height: auto;aspect-ratio: 1 / 0.58;display: inline-flex;justify-content: center;align-items: center;background: var(--color-white);border-radius: 20px;transition: all 0.3s ease-out;}
/* .business_con04 .business_logo li:nth-of-type(7n) {margin-right: 20px;} */
.business_con04 .business_logo li img.active {display: none;}
.business_con04 .business_logo li.hlb:hover {background: #bb652f;}
.business_con04 .business_logo li.wellkin:hover {background: linear-gradient(0deg,rgba(20, 138, 194, 1) 0%, rgba(39, 208, 182, 1) 100%);}
.business_con04 .business_logo li.montshop:hover {background: #ff5b00;}
.business_con04 .business_logo li.camp:hover {background: #cf2332;}
.business_con04 .business_logo li.jejejik:hover {background: #33353d;}
.business_con04 .business_logo li.wellkinmall:hover {background: #275b4e;}
.business_con04 .business_logo li.ssangyon:hover {background: #ed1a3b;}
.business_con04 .business_logo li.haatz:hover {background: #00a4ee;}
.business_con04 .business_logo li.southcape:hover {background: #013528;}
.business_con04 .business_logo li.monomart:hover {background: linear-gradient(90deg,rgba(0, 179, 115, 1) 0%, rgba(255, 199, 45, 1) 100%);}
.business_con04 .business_logo li.moguchonmall:hover {background: #ffb58d;}
.business_con04 .business_logo li.vikingmarket:hover {background: #110552;}
.business_con04 .business_logo li.bottleworks:hover {background: #bf9d77;}
.business_con04 .business_logo li.mando:hover {background: #0b4da2;}
.business_con04 .business_logo li.we11done:hover {background: #000;}
.business_con04 .business_logo li.givestore:hover {background: #6a5b53;}
.business_con04 .business_logo li.theshillashop:hover {background: #b3a8a3;}
.business_con04 .business_logo li.mooto:hover {background: #0b70b7;}
.business_con04 .business_logo li.keyang:hover {background: #004993;}
.business_con04 .business_logo li.samdamall:hover {background: #ff600f;}
.business_con04 .business_logo li.ildong:hover {background: #ea2f36;}
.business_con04 .business_logo li:hover img.active {display: block;}
.business_con04 .business_logo li:hover img.basic {display: none;}
.business_con04 .business_logo_wrapper.move::before {content: '';position: absolute;top: 0;left: 0;width: 100px;height: 100%;background: linear-gradient(to right, rgba(50, 50, 50, 1), transparent);pointer-events: none;}
.business_con04 .business_logo_wrap.after {margin-right: 40px;}

.main_con05 {margin-bottom: 100px;position: relative;background: linear-gradient(0deg,rgba(255, 255, 255, 1) 0%, rgba(246, 247, 246, 1) 100%);/* #f6f7f6 -> #fff */}
.main_con05::before {content: '';position: absolute;top: 0;left: 0;width: 50%;height: 100%;background: var(--color-white);}
.main_con05 .inner_mid {margin: 0 auto;padding: 50px 100px;position: relative;width: var(--inner_mid);border-radius: 20px;background: var(--color-white);box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 12px 0px;}
.main_con05 .section_title {margin-bottom: 50px;text-align: left;line-height: 3.5rem;}
.main_con05 .section_title .title {font-size: 3rem;font-weight: 700;letter-spacing: -1px;}
.main_con05 .section_title .title span {font-size: 4.5rem;color: var(--color-main);}
.main_con05 .subpage {margin: 0;}
.main_con05 .subpage .section_title {display: none;}

/* 포트폴리오 */
.tab_wrap {margin: 0 auto;width: var(--inner);}
.tab_wrap.portfolio {width: 1480px;}
.tab_wrap .tab_title_area {margin-bottom: 50px;display: flex;justify-content: center;align-items: center;gap: 12px;transition: all 0.6s ease-out;}
.tab_wrap .tab_title_area .tab_title {padding: 16px 32px;height: auto;border-radius: 32px;font-weight: 600;}
.tab_wrap .tab_title_area .tab_title:hover, .tab_wrap .tab_title_area .tab_title.active {background: var(--color-main);color: var(--color-white);border: 1px solid var(--color-main);}
.tab_wrap .tab_content {display: grid;grid-template-columns: repeat(2, 1fr);justify-content: left;align-items: self-start;gap: 60px 40px;}
.tab_wrap .tab_item {transition: all 1s ease-out;}
.tab_wrap .tab_item .item_img {position: relative;}
.tab_wrap .tab_item .item_img > img {width: 100%;height: 100%;object-fit: fill;border-radius: 20px;box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;}
.tab_wrap .tab_item .item_img .view_more {display: none;}
.tab_wrap .tab_content .tab_item .img_mo {display: none;}
.tab_wrap .tab_content.mo {grid-template-columns: repeat(4, 1fr);}
.tab_wrap .tab_content.mo .item_img {display: flex;justify-content: center;align-items: center;aspect-ratio: 1 / 1.78;border-radius: 20px;}
/* .tab_wrap .tab_content.mo .item_img .img_mo {width: auto;height: auto;box-shadow: none;border-radius: 0;} */
.tab_wrap .tab_content.mo .tab_item.wellkin .item_img {background: linear-gradient(0deg,rgba(20, 138, 194, 1) 0%, rgba(39, 208, 182, 1) 100%);}
.tab_wrap .tab_content.mo .tab_item.haatz .item_img {background: #00a4ee;}
.tab_wrap .tab_content.mo .tab_item.montshop .item_img {background: #ff5b00;}
.tab_wrap .tab_content.mo .tab_item.hlb .item_img {background: #bb652f;}
.tab_wrap .tab_content.mo .tab_item.we11done .item_img {background: #000;}
.tab_wrap .tab_content.mo .tab_item.southcape .item_img {background: #013528;}
.tab_wrap .tab_content.mo .tab_item .img_pc {display: none;}
.tab_wrap .tab_content.mo .tab_item .img_mo {display: block;}
.tab_wrap .tab_content.mo .tab_item .txt_box dd {margin-top: 10px;line-height: 1.2;}
.tab_wrap .tab_item:hover .item_img::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.4);border-radius: 20px;}
.tab_wrap .tab_item:hover .item_img .view_more {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);display: flex;color: var(--color-main);background: rgba(255, 255, 255, 0.8);cursor: pointer;}
.tab_wrap .tab_item:hover .txt_box dt {color: var(--color-main);}
.tab_wrap.portfolio .view_more img.active {display: block;}

/* 어바웃어스 */
.about_con01 {margin: 0 auto;width: var(--inner);}
.about_con01 .aboutSwiper {overflow: hidden;}
.about_con01 .aboutSwiper .swiper-slide {border-radius: 40px;}
.about_con01 img {width: 100%;aspect-ratio: 1 / 0.4;border-radius: 40px;object-fit: fill;}
.about_con01 p {margin-top: 70px;text-align: center;font-size: 1.2rem;line-height: 2rem;}

.about_con02 {padding: 150px 0;background: linear-gradient(180deg,rgba(255, 255, 255, 1) 0%, rgba(244, 245, 244, 1) 100%);}
.about_con02 .section_title {width: var(--inner);text-align: left;}
.about_con02 .serviceSwiper {width: 100%;max-width: 100%;overflow: hidden;}
.about_con02 .serviceSwiper .swiper-slide {padding: 40px;width: calc((var(--inner) / 4) + 80px);aspect-ratio: 1 / 1;display: flex;flex-direction: column;justify-content: space-between;align-items: flex-start;background: var(--color-white);border: 1px solid var(--color-lightdarkgrey);border-radius: 20px;cursor: pointer;transition: all 0.6s ease-out;}
.about_con02 .serviceSwiper .swiper-slide:first-child {margin-left: calc((100% - var(--inner)) / 2);}
.about_con02 .serviceSwiper .swiper-slide:last-child {margin-right: calc((100% - var(--inner)) / 2);}
/* .about_con02 .serviceSwiper .swiper-slide img {width: 100px;height: 100px;filter: var(--filter-lightdarkgrey);} */
.about_con02 .serviceSwiper .swiper-slide img {width: 25%;height: auto;aspect-ratio: 1 / 1;filter: var(--filter-lightdarkgrey);}
.about_con02 .serviceSwiper .swiper-slide .txt_box dd {margin-top: 28px;line-height: 1.8rem;}
.about_con02 .serviceSwiper .swiper-slide:hover {border: 1px solid var(--color-main);}
.about_con02 .serviceSwiper .swiper-slide:hover img {filter: var(--filter-main);}

.about_con03 {padding: 120px 0;background: var(--color-whitemidgrey);}
.about_con03 .inner.graphic_wrap {margin: 0 auto;width: var(--inner);display: flex;justify-content: space-between;align-items: stretch;gap: 50px;}
/* .about_con03 .graphic_wrap > div {width: 50%;} */
.about_con03 .graphic_wrap .left {width: 60%;}
.about_con03 .graphic_wrap .section_title .title {margin: 0 8px;display: inline-block;}
.about_con03 .graphic_wrap .right {position: relative;width: 40%;aspect-ratio: 1 / 1.2;display: flex;align-items: stretch;}
.about_con03 .graphic_wrap .right > * {position: absolute;top: 0;overflow: hidden;width: 95%;height: 100%;border-radius: 20px;}
.about_con03 .graphic_item_wrap {width: 100%;display: grid;grid-template-columns: repeat(3, 1fr);gap: 16px;}
.about_con03 .graphic_item {aspect-ratio: 1 / 1;display: flex;justify-content: center;align-items: center;background: var(--color-white);border: 1px solid var(--color-lightdarkgrey);border-radius: 20px;font-size: 1.5rem;font-weight: 500;text-align: center;line-height: 2rem;cursor: pointer;}
.about_con03 .graphic_item > div {display: flex;flex-direction: column;justify-content: center;align-items: center;gap: 16px;}
/* .about_con03 .graphic_item img {width: 60px;height: 60px;filter: var(--filter-lightdarkgrey);}
.about_con03 .graphic_item.ceo img {width: 100px;height: 100px;} */
.about_con03 .graphic_item img {width: 24%;height: auto;aspect-ratio: 1 / 1;filter: var(--filter-lightdarkgrey);}
.about_con03 .graphic_item.ceo img {width: 40%;}
.about_con03 .graphic_item .back {display: none;}
.about_con03 .graphic_item:hover {background: var(--color-black);color: var(--color-white);}
.about_con03 .graphic_item:hover .front {display: none;}
.about_con03 .graphic_item:hover .back {display: flex;}
.about_con03 .graphic_item:hover .back img {filter: var(--filter-white);}
.about_con03 .graphic_item.ceo:hover {position: relative;background: rgba(214, 0, 0, 1);}
.about_con03 .graphic_item.ceo:hover::after {content: '대표 CEO';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 2;}
.about_con03 .graphic_item.ceo:hover .front {display: flex;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);opacity: 0.3;}
.about_con03 .graphic_item.ceo:hover .front img {filter: var(--filter-white);}
/* .about_con03 .graphicSwiper {padding-left: 50px;} */
.about_con03 .graphic_wrap .gradient.light {right: 30px; z-index: 1;background: rgba(214, 0, 0, 0.2);}
.about_con03 .graphic_wrap .gradient.medium {right: 20px; z-index: 2;background: rgba(214, 0, 0, 0.5);}
.about_con03 .graphic_wrap .gradient.strong {right: 10px; z-index: 3;background: rgba(214, 0, 0, 0.9);}
.about_con03 .graphic_wrap .graphicSwiper {right: 0; z-index: 4;background: rgba(0, 0, 0, 0.7);}
.about_con03 .graphicSwiper .swiper-slide {transition: transform 0.8s ease-in-out;}
.about_con03 .graphicSwiper .swiper-slide img {width: 100%;height: 100%;object-fit: cover;}
.about_con03 .graphicSwiper .txt_box {padding: 40px;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.7);color: var(--color-white);}
.about_con03 .graphicSwiper .txt_box .main_txt {display: flex;justify-content: flex-start;align-items: center;}
.about_con03 .graphicSwiper .txt_box .main_txt >img {margin-right: 12px;width: 36px;height: 36px;filter: var(--filter-white);}
.about_con03 .graphicSwiper .txt_box .sub_txt {margin: 16px 0 40px;font-size: 1.6rem;}
.about_con03 .graphicSwiper .txt_box dd p:not(.circle_mark) {margin-top: 28px;line-height: 1.5rem;}
.about_con03 .graphicSwiper .txt_box dd p.circle_mark::before {background: var(--color-white);}
/* .about_con03 .graphicSwiper .swiper-slide {width: 80%;} */

.about_con04 {padding: 120px 0 80px;background: var(--color-black);color: var(--color-white);}
.about_con04 .section_title {text-align: left;}
.about_con04 .inner.info_wrap {margin: 0 auto;width: var(--inner);display: flex;justify-content: space-between;align-items: stretch;gap: 50px;}
.about_con04 .info_wrap > div {width: 50%;}
.about_con04 .txt_box_wrap {display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;gap: 50px;}
.about_con04 .txt_box_wrap .txt_box {width: 100%;font-weight: 300;}
.about_con04 .txt_box_wrap .txt_box .main_txt {margin-bottom: 4px;font-weight: 500;font-size: 1.2rem;}
.about_con04 .txt_box_wrap input.sub_txt {padding: 0;width: 100%;height: auto;line-height: normal;background: transparent;border: 0;}
.about_con04 .txt_box_wrap input.sub_txt::-webkit-input-placeholder {color: var(--color-white);}
.about_con04 .txt_box_wrap input.sub_txt:-moz-placeholder {color: var(--color-white); opacity:1;}
.about_con04 .txt_box_wrap input.sub_txt::-moz-placeholder {color: var(--color-white); opacity:1;}
.about_con04 .txt_box_wrap input.sub_txt:-ms-input-placeholder {color: var(--color-white);}
.about_con04 .txt_box_wrap input.sub_txt:placeholder-shown {color: var(--color-white);}
.about_con04 .txt_box_wrap .boxs_area {display: flex;justify-content: left;align-items: center;}
.about_con04 .txt_box_wrap .boxs_area .txt_box {width: auto;}
.about_con04 .map_wrap {position: relative;overflow: hidden;border-radius: 20px;cursor: pointer;}
.about_con04 .map_wrap.off::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);}
.about_con04 .map_wrap.off:hover::before {display: none;transition: all 0.2s ease-out;}
.about_con04 .map_wrap iframe .place-card {display: none;}

/* 컨텍트 - 폼입력테이블 공용서식 */
.form_table_wrap {margin: 0 auto;width: var(--inner);}
.form_table_wrap .form_table {margin-bottom: 40px;font-size: 1rem;}
.form_table_wrap .form_table th {display: none;}
.form_table_wrap .form_table td input[type="text"] {width: 100%;}
.form_table_wrap .form_table td textarea {width: 100%;font-size: 1rem;line-height: 1.5; transition: height 0.2s ease-out;}
.form_table_wrap .form_unit_title {color: var(--color-darkgray);}
.form_table_wrap .form_unit_title span {position: relative;}
.form_table_wrap .form_unit_title span.required::after {content: '*';position: absolute;top: 4px;right: -12px;color: var(--color-main);font-weight: 600;}
.form_table_wrap .unit_sub_title {color: var(--color-lightdarkgrey);}
.form_table_wrap td .form_half_area {width: 100%;display: flex;justify-content: space-between;align-items: flex-start;gap: 40px;}
.form_table_wrap td .form_td {padding-top: 28px;position: relative;width: 100%;transition: all 0.2s ease-out;}
.form_table_wrap td .form_half_area .form_td {width: 50%;}
.form_table_wrap td .form_td .form_unit_title {position: absolute;left: 0;bottom: 10px;transition:bottom 0.2s ease-out,top 0.2s ease-out,font-size 0.2s ease-out,color 0.2s ease-out;}
.form_table_wrap td .form_td.focus .form_unit_title {bottom: auto;top: 12px;font-size: 0.9rem;color: var(--color-main);}
.form_table_wrap .form_label {display: inline-flex;justify-content: left;align-items: center;gap: 8px;}
.form_table_wrap .form_label_wrap {margin-top: 12px;}
.form_table_wrap .form_label_wrap.select_type {border-bottom: 1px solid var(--color-black);font-size: 0;}
.form_table_wrap .form_label_wrap.select_type .form_label {margin-right: 50px;padding-bottom: 12px;font-size: 1rem;}
.form_table_wrap .form_label_wrap.agree {display: flex;justify-content: center;align-items: center;gap: 8px;}
.form_table_wrap .form_label_wrap.agree .detail_view {color: var(--color-lightdarkgrey);}
.form_table_wrap .form_table_btm .boad_btm_btns {margin-top: 40px;text-align: center;}
.form_table_wrap .form_table_btm .boad_btm_btns .btn_apply {padding: 28px 70px;display: inline-block;border-radius: 40px;font-size: 1.1rem;box-shadow: rgba(0, 0, 0, 0.24) 0px 2px 10px;}
.form_table_wrap .form_table_btm .boad_btm_btns .btn_apply:hover {background: var(--color-main);border: 1px solid var(--color-main);color: var(--color-white);}

/* 약관 */
.terms_wrap {margin: 0 auto;width: var(--inner);line-height: 1.3rem;}
.terms_wrap .terms_title {margin: 1.5rem 0 0.5rem;font-size: 1.3rem;font-weight: 500;}
.terms_wrap .terms_sub_title {margin: 0.5rem 0;}


@media screen and (max-width:1840px){
    /* .main_visual {width: 100%;}
    .main_visual .visualSwiper .swiper-slide {width: 100% !important;}

    .about_con01 {width: 100%;} */

    /* .visual_wrap {width: var(--inner_width);} */
}

@media screen and (max-width:1600px){
    .form_table_wrap {width: 100%;}

    .subpage.portfolio .tab_wrap {width: var(--inner_width);}
    .subpage .section_title, .subpage.contact .form_table_wrap {width: var(--inner_width);}

    .visual_wrap .swiper-slide .inner {width: 80%;gap: 50px;text-align: center;}

    .main_con03 .inner {width: var(--inner_width);}
    .main_con03 .inner > .pin-spacer {width: auto !important;inset: auto !important;}
    .main_con03 .section_title {left: 100px !important;width: auto !important;max-width: none !important;}

    .main_con04 .section_title {margin-left: calc((100% - var(--inner_width)) / 2);}

    .main_con05 .inner_mid {padding: 5%;width: var(--inner_width);}

    .about_con01 {width: var(--inner_width);}

    /* .about_con02 .section_title {width: auto;} */
    .about_con02 .serviceSwiper .swiper-slide:first-child {margin-left: calc((100% - var(--inner_width)) / 2);}
    .about_con02 .serviceSwiper .swiper-slide:last-child {margin-right: calc((100% - var(--inner_width)) / 2) !important;}
    /* .about_con02 .serviceSwiper .swiper-slide {width: calc((var(--inner) / 4) + 100px);} */
    /* .about_con02 .serviceSwiper .swiper-slide {width: calc((100vw - 120px) / 4);}
    .about_con02 .txt_box dt .main_txt {font-size: 1.8rem;} */

    .about_con03 .inner.graphic_wrap {width: var(--inner_width);}

    .about_con04 .section_title {width: 100%;}
    .about_con04 .inner.info_wrap {width: var(--inner_width);}

    .business_con02 {width: var(--inner_width);}
    .business_con02 .inner > div {width: 100%;}

    .business_con04 .section_title {margin-left: calc((100% - var(--inner_width)) / 2);width: 40%;}
    .business_con04 .business_logo_wrapper {width: 60%;}
    .business_con05 .inner {width: 100%;}
}
@media screen and (max-width:1400px){
    /* header .inner_wrap, footer .inner_wrap {width: 90%;} */
    .fixed_quick_area {right: 0;}
    .fixed_quick_area > * {width: 80%;height: auto;}
    .fixed_quick_area a img {width: 100%;height: 100%;object-fit: cover;}
    /* .fixed_quick_area .fixed_top {width: 70%;} */
    /* .fixed_quick_area .fixed_top img {box-shadow: rgba(255, 255, 255, 0.4) 0px 4px 4px;border-radius: 100%;} */

    .txt_box dt .main_txt {font-size: 1.8rem;}

    .main_con01.business_wrap .swiper-slide .txt_box dt,
    .main_con01.business_wrap .swiper-slide .txt_box dd {width: 100%;}
    .main_con01.business_wrap .swiper-slide .txt_box dt .sub_txt {text-align: center;}

    .business_wrap .swiper-slide .txt_box {padding: 16px;flex-direction: column;gap: 16px;}
    .business_wrap .swiper-slide .txt_box dt .main_txt {margin-top: 4px;text-align: center;}
    .business_wrap .swiper-slide .txt_box dd {line-height: 1.5rem;text-align: center;}
    .business_wrap .swiper-button-prev {left: 22%;}
    .business_wrap .swiper-button-next {right: 22%;}

    .business_wrap.business_con01 .swiper-button-prev {left: 12%;}
    .business_wrap.business_con01 .swiper-button-next {right: 12%;}

    .scrolling_process_wrap .process_list .process.section_title {margin-left: 0;padding-left: 50px;}

    /* .main_con03 .inner {width: 100%;} */

    .main_con04 {flex-direction: column;}
    .main_con04 .section_title {margin: 0 0 60px 0;width: var(--inner_width) !important;display: flex;justify-content: space-between;align-items: center;gap: 60px;}
    .main_con04 .pageMobileSwiper {width: 100% !important;}
    .main_con04 .pageMobileSwiper .page .front img {height: 20px;}
    .main_con04 .arrow_btn_area {justify-content: center;}

    /* .subpage.contact .form_table_wrap {padding: 0 5%;} */
    /* .tab_wrap.portfolio {width: 90%;} */

    /* .about_con02 .section_title {width: 90%;} */
    .about_con02 .serviceSwiper .swiper-slide {aspect-ratio: 1 / 0.9;}
    /* .about_con02 .serviceSwiper .swiper-slide:first-child {margin-left: 5%;} */

    /* .about_con03 .inner.graphic_wrap {width: 90%;} */



    /* .business_con02 {width: 90%;} */
    .business_con02 .propositionSwiper .txt_box .main_txt {line-height: 2.5rem;}
}
@media screen and (max-width:1280px){
    .view_more {width: 132px;height: 132px;gap: 16px;font-size: 0.9rem;}

    .visual_wrap .banner_txt_box dt {font-size: 2.5rem;}
    .visual_wrap .banner_txt_box dd {font-size: 1.2rem;}
    .visual_wrap .swiper-button-prev {left: 28px;}
    .visual_wrap .swiper-button-next {right: 28px;}
    .main_visual .visualSwiper .swiper-pagination {right: 28px;gap: 0;}

    /* .main_con01 .introduceSwiper .swiper-slide {width: 52%;}
    .main_con01 .introduceSwiper .swiper-button-prev {left: calc(50vw - 30%);}
    .main_con01 .introduceSwiper .swiper-button-next {right: calc(50vw - 30%);} */

    .scrolling_process_wrap .process_list .process.section_title {padding-left: 24px;}

    .main_con03 .section_title {left: 40px !important;}

    .main_con04 .section_title .view_more {margin-top: 0;width: 168px;height: 168px;}
    .main_con04 > div {width: 90% !important;}

    .tab_wrap .tab_content.mo {grid-template-columns: repeat(3, 1fr);}

    .about_con03 .graphic_item {font-size: 1.2rem;line-height: 1.5rem;}
    /* .about_con03 .graphic_item img {width: 40px;height: 40px;} */
    /* .about_con03 .graphic_item.ceo img {width: 60px;height: 60px;} */
    .about_con03 .graphicSwiper .txt_box {padding: 20px;}
    .about_con03 .graphicSwiper .txt_box dd p:not(.circle_mark) {margin-top: 12px;}

    .business_con02 .propositionSwiper .swiper-slide {aspect-ratio: 1 / 1.25;}
    .business_con02 .propositionSwiper .back.visible .txt_box {padding: 20px;}
    .business_con02 .propositionSwiper .back.visible .txt_box dd .circle_mark {padding-left: 16px;}
    .business_con02 .propositionSwiper .back.visible .txt_box dd .circle_mark::before {top: 16px;transform: none;}

    .business_con04 {padding: 160px 0;flex-direction: column;}
    .business_con04 .section_title {margin-left: 0;margin-right: 0;width: var(--inner_width);text-align: center;}
    /* .business_con04 .title_wrap {text-align: center;} */
    .business_con04 .title_wrap .title {margin: 0 8px;display: inline-block;}
    .business_con04 .business_logo_wrapper {width: 100%;max-width: none;}
    .business_con04 .business_logo_wrap {margin-left: calc((100% - var(--inner_width)) / 2);}
    .business_con04 .business_logo_wrapper.move .business_logo_wrap {margin-left: 0;}
    .business_con04 .business_logo_wrap.after {margin-left: 0;margin-right: calc((100% - var(--inner_width)) / 2);}
    .business_con04 .business_logo li {width: 240px;}
    .business_con04 .business_logo li img {width: 70%;}
}
@media screen and (max-width:1000px){
    header .m_gnb_nav {display: block;}
	header .gnb {display: none;}
    footer.footer_wrap {height: auto;min-height: 160px;}
    footer .inner_wrap {flex-direction: column;justify-content: center;align-items: center;gap: 28px;text-align: center;}

    .subpage .section_title .title {font-size: 4rem;}

    .swiper-button-next:after, .swiper-button-prev:after {font-size: 1.5rem !important;}
    .view_more {width: 100px;height: 100px;gap: 12px;font-size: 0.8rem;}

    .form_table_wrap .form_label_wrap:not(.agree) .form_label {margin-right: 24px !important;}
    /* .form_table_wrap .form_label_wrap .form_label input[type="checkbox"] {width: 24px;height: 24px;background-size: 24px;} */
    .form_table_wrap td .form_half_area {flex-direction: column;justify-content: flex-start;gap: 0;}
    .form_table_wrap td .form_half_area .form_td {width: 100%;}

    /* .visual_wrap .banner_txt_box dt {font-size: 2rem;}
    .visual_wrap .banner_txt_box dd {font-size: 1rem;} */
    .visual_wrap .swiper-slide .inner {gap: 32px;}
    .visual_wrap .banner_txt_box {gap: 20px;}
    .visual_wrap .banner_txt_box dt {font-size: 1.5rem;line-height: 2rem;}
    .visual_wrap .banner_txt_box dd {font-size: 0.8rem;line-height: 1.2rem;word-break: keep-all;}

    /* .main_con01 .section_title {width: 90%;} */
    .business_wrap .section_title {margin: 100px auto;width: var(--inner_width);}
    .business_wrap .swiper-slide {width: 80%;}
    .business_wrap .swiper-button-prev {left: 6% !important;}
    .business_wrap .swiper-button-next {right: 6% !important;}

    .business_wrap.business_con01 .swiper-slide {aspect-ratio: 1 / 0.4;}

    /* .scrolling_process_wrap .process_wrap {margin: 0 auto;width: var(--inner_width);max-height: none;} */
    .scrolling_process_wrap .process_wrap {width: 100%;max-height: none;}
    .scrolling_process_wrap .process_list .process .process_img, .scrolling_process_wrap .process_list .process .txt_box {margin: 0 auto;width: var(--inner_width);}
    /* .main_con02 .process_list {width: 100%;flex-direction: column;} */
    .scrolling_process_wrap .process_list {width: 100%;flex-direction: column;}
    .scrolling_process_wrap .process_list .process.section_title {padding: 50px 0;align-items: center;}
    .scrolling_process_wrap .process_list .process.contact {padding: 50px 0;}

    .main_con03 .inner {flex-direction: column;}
    .main_con03 .inner > .pin-spacer {width: 100% !important;height: auto !important;}
    .main_con03 .section_title {top: auto !important;left: 50% !important;transform: translateX(-50%) !important;text-align: center;}
    .main_con03 .section_title .view_more {margin: 50px auto;width: 168px;height: 168px;}
    .main_con03 .page_wrap {width: 100% !important;}

    .main_con04 {padding: 160px 0;}

    /* .main_con05 .inner_mid {padding: 50px;} */
    .main_con05 .section_title {line-height: 3rem;}
    .main_con05 .section_title .title {font-size: 2rem;}
    .main_con05 .section_title .title span {font-size: 3.5rem;}

    .tab_wrap .tab_title_area .tab_title {padding: 12px 28px;}
    .tab_wrap .tab_content.mo {gap: 40px 20px;}

    .about_con01 p {margin: 50px auto 0;font-size: 1rem;line-height: 1.5rem;}

    .about_con03 .inner.graphic_wrap {flex-direction: column;justify-content: flex-start;align-items: center;}
    .about_con03 .graphic_wrap .left {width: 80%;}
    /* .about_con03 .graphic_item {font-size: 1rem;} */
    .about_con03 .inner.graphic_wrap .right {width: 80%;}

    .about_con04 {padding: 80px 0;}
    .about_con04 .inner.info_wrap {flex-direction: column;}
    .about_con04 .info_wrap > div {width: 100%;}
    .about_con04 .section_title {text-align: center;}
    .about_con04 .txt_box_wrap {align-items: center;gap: 32px;}
    .about_con04 .txt_box_wrap .txt_box > * {text-align: center;}
    .about_con04 .map_wrap {aspect-ratio: 1 / 0.5;}

    .business_con02 {margin: 80px auto;}
    .business_con02 .propositionSwiper .swiper-wrapper {justify-content: space-around;gap: 12px;}
    .business_con02 .propositionSwiper .swiper-slide {width: calc((100% - 24px) / 3) !important;aspect-ratio: 1 / 1.5;}
    .business_con02 .propositionSwiper .txt_box {padding: 28px;}
    .business_con02 .propositionSwiper .txt_box .main_txt {font-size: 1.5rem;line-height: 2rem;}
    .business_con02 .propositionSwiper .back.visible .txt_box dd {line-height: 1.5rem;}
    .business_con02 .propositionSwiper .back.visible .txt_box dd .circle_mark::before {top: 10px;}

    .business_con04 {padding: 120px 0;}

    .business_con05 .inner {font-size: 1.5rem;}

}
@media screen and (max-width:768px){
    .swiper-button-next:after, .swiper-button-prev:after {font-size: 1rem !important;}

    .section_title .title, .subpage .section_title .title {font-size: 3rem;}
    .section_title .sub_title {font-size: 1rem;line-height: 1.5rem;}
    .subpage .section_title {margin-bottom: 36px;}
    .txt_box dt .main_txt {font-size: 1.5rem;}
    .form_table_wrap .form_label_wrap.agree {flex-direction: column;}
    .form_table_wrap .form_table_btm .boad_btm_btns .btn_apply {padding: 20px 36px;}

    /* .main_visual .visualSwiper {border-radius: 0;} */
    /* .main_visual .visualSwiper .swiper-slide > img, .main_visual .visualSwiper .swiper-slide > video {border-radius: 0;} */
    .visual_wrap .swiper {aspect-ratio: 1 / 0.55;}
    .visual_wrap .swiper-slide .inner {width: 80%;gap: 28px;}
    .visual_wrap .banner_txt_box {gap: 20px;}
    .visual_wrap .swiper-button-prev {left: 2%;}
    .visual_wrap .swiper-button-next {right: 2%;}
    .main_visual .visualSwiper .swiper-pagination {right: 2%;bottom: 2%;}


    .business_wrap .section_title {margin: 50px auto;}

    .scrolling_process_wrap {margin: 0;}
    .scrolling_process_wrap .process_list .process {padding-top: 0;}
    .scrolling_process_wrap .process_list .process.contact p {font-size: 1.5rem;line-height: 2rem;}

    .main_con03 {padding: 0;}
    .main_con03 .section_title {margin: 100px 0 0 0;padding: 0;}
    .main_con03 .section_title .view_more {margin: 50px auto;width: 132px;height: 132px;}

    .main_con04 {padding: 100px 0;}
    /* .main_con04 .section_title {flex-direction: column;justify-content: center;text-align: center;gap: 0;} */
    .main_con04 .section_title .view_more {margin-top: 50px;width: 132px;height: 132px;}
    .main_con04 .pageMobileSwiper {width: 100% !important;}
    .main_con04 .pageMobileSwiper .page .front img {height: 10px;}

    .main_con05 .section_title .title {font-size: 1.5rem;line-height: 2rem;}
    .main_con05 .section_title .title span {font-size: 3rem;}

    .tab_wrap .tab_title_area {margin-bottom: 36px;}
    .tab_wrap .tab_title_area .tab_title {padding: 8px 24px;}
    .tab_wrap.portfolio .tab_content {grid-template-columns: repeat(2, 1fr);}

    .about_con01 .aboutSwiper .swiper-slide, .about_con01 img {border-radius: 20px;}


    .about_con02 {padding: 100px calc((100% - var(--inner_width)) / 2);width: 100%;}
    .about_con02 .section_title {width: 100%;}
    /* .about_con02 .serviceSwiper {width: 90%;} */
    .about_con02 .serviceSwiper .swiper-wrapper {flex-direction: column;gap: 32px;transform: none !important;}
    .about_con02 .serviceSwiper .swiper-slide {margin: 0 !important;width: 100%;aspect-ratio: auto;flex-direction: row;align-items: center;}
    .about_con02 .serviceSwiper .swiper-slide .txt_box {margin-top: 28px;}

    .about_con03 {padding: 80px 0;}
    .about_con03 .inner.graphic_wrap > div {width: 100% !important;}
    .about_con03 .graphic_item {font-size: 1rem;line-height: 1.2rem;}

    .about_con04 .inner.info_wrap {gap: 36px;}

    .business_con02 .propositionSwiper .swiper-wrapper {flex-direction: column;}
    .business_con02 .propositionSwiper .swiper-slide {width: 100% !important;aspect-ratio: auto;min-height: 250px;}
    .business_con02 .propositionSwiper .back.visible .txt_box {padding: 28px;justify-content: space-between;}
    .business_con02 .propositionSwiper .back.visible .txt_box .main_txt {margin-bottom: 12px;font-size: 1.2rem;}
    .business_con02 .propositionSwiper .back.visible .txt_box dd {line-height: 1.5rem;}

    .business_con04 {padding: 80px 0;}
    .business_con04 .business_logo li {width: 200px;}
    .business_con04 .business_logo li img {width: 50%;}

    .business_con05 video {aspect-ratio: auto;}
    .business_con05 .inner {display: grid;gap: 8px;text-align: center;font-size: 1.2rem;}
    .business_con05 .inner span:nth-of-type(1) {order: 1;}
    .business_con05 .inner span:nth-of-type(2) {order: 2;}
    .business_con05 .inner .view_more {order: 3;margin: 28px auto 0;flex-direction: column-reverse;}

}
@media screen and (max-width:650px){
    .business_wrap .swiper-button-next:after, .business_wrap .swiper-button-prev:after {font-size: 1rem !important;}

    /* .main_visual .visualSwiper {aspect-ratio: 1 / 0.6;} */
    .visual_wrap .swiper {aspect-ratio: 1 / 1.2;}

    .business_wrap .swiper-slide .txt_box {padding: 8px;font-size: 0.8rem;}
    .business_wrap .swiper-slide .txt_box dt .main_txt {font-size: 1.24rem;}
    .business_wrap .swiper-slide .txt_box dd {line-height: 1rem;}

    /* .business_wrap .swiper-slide .swiper-button-prev:after, .business_wrap .swiper-slide .swiper-button-next:after {font-size: 1rem !important;} */
    .business_wrap .swiper-button-prev {left: 5% !important;}
    .business_wrap .swiper-button-next {right: 5% !important;}
    .business_wrap.business_con01 .swiper-slide {aspect-ratio: 1 / 0.5;}

    .about_con02 .section_title {text-align: center;}
    .about_con02 .serviceSwiper .swiper-slide {flex-direction: column;text-align: center;}
}
@media screen and (max-width:500px){
    header .logo img {height: 40px;}
    header .contact_btn {padding: 10px 16px;font-size: 1rem;}

    footer .inner_wrap {gap: 12px;}
    footer .info_title {margin-bottom: 12px;}
    footer .addr ul {margin-top: 8px;flex-direction: column;justify-content: end;gap: 4px;}

    .fixed_quick_area > * {width: 60%;height: auto;}

    .subpage {margin: 50px 0;}

    .section_title .title {font-size: 2.5rem;}
    .section_title .sub_title {margin-top: 16px;}
    .txt_box dt .sub_txt {font-size: 1rem;}
    .txt_box dd {font-size: 0.8rem;line-height: 1.5rem;}

    .visual_wrap .swiper {aspect-ratio: 1 / 0.8;}
    .visual_wrap .swiper-slide .inner {gap: 72px;}
    .visual_wrap .banner_txt_box dt {font-size: 1.1rem;line-height: 1.4rem;font-weight: 600;}
    .visual_wrap.main_visual .swiper {aspect-ratio: 1 / 1.6;max-height: 660px;}

    .business_wrap .swiper-button-prev {left: 4% !important;}
    .business_wrap .swiper-button-next {right: 4% !important;}

    .scrolling_process_wrap .process_list .process .txt_box {padding: 24px;}
    .scrolling_process_wrap .process_list .process .txt_box dt {margin-bottom: 16px;}
    .scrolling_process_wrap .process_list .process .txt_box dt .main_txt {margin-top: 4px;}

    .main_con03 .section_title {margin: 50px 0 0 0;}
    .main_con03 .section_title .view_more {margin: 20px auto 50px;}

    /* .main_con04 {padding: 100px 0;} */
    .main_con04 .section_title {margin: 0 0 28px 0;flex-direction: column;justify-content: center;text-align: center;gap: 0;}
    .main_con04 .section_title .view_more {margin-top: 28px;}

    .main_con05 .inner_mid {padding: 24px;}
    .main_con05 .section_title .title span {font-size: 2.2rem;}
    .main_con05 .section_title {margin-bottom: 28px;}

    .tab_wrap .tab_title_area .tab_title {padding: 8px 16px;font-size: 0.8rem;}
    .tab_wrap.portfolio .tab_content {grid-template-columns: repeat(1, 1fr);}
    .tab_wrap.portfolio .tab_content.mo {grid-template-columns: repeat(2, 1fr);}
    /* .tab_wrap .tab_content.mo .item_img {aspect-ratio: 1 / 0.5;} */

    .about_con02 {padding: 50px calc((100% - var(--inner_width)) / 2);}

    .about_con03 {padding: 50px 0;}
    .about_con03 .graphic_item_wrap {grid-template-columns: repeat(2, 1fr);}
    .about_con03 .graphicSwiper .txt_box .sub_txt {margin: 8px 0 20px;font-size: 1.2rem;}

    .about_con04 {padding: 50px 0 80px;}

    .business_con02 {margin: 50px auto;}
    .business_con04 {padding: 50px 0;}
    .business_con05 .inner .view_more {margin: 12px auto 0;}
}
@media screen and (max-width:400px){
    .business_wrap .swiper-slide .txt_box {gap: 8px;}
    .business_wrap .swiper-slide .txt_box dt .main_txt {font-size: 1.1rem;}
    .business_wrap .swiper-slide .txt_box dt .sub_txt {font-size: 0.9rem;}
}