/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 26 2025 | 02:13:31 */
@charset "utf-8";
:root {--key-color:#0385FF ;  --sub-color:#67C5FF}
.container, .et_pb_row {width:95%}
.overflow_hidden {overflow:hidden}
body.et_pb_recaptcha_enabled .grecaptcha-badge {opacity:0}




/* header */
#top-menu li {padding-right: 16px;}
#top-menu li a {font-weight: 200; opacity:0.9; transform: translateY(-3px);}
#top-menu li.inquiry > a {display: inline-flex;  font-size: 15px;   background: var(--key-color);   padding: 12px 20px !important;  align-items: center;   justify-content: center;  border-radius: 50px;transform: translateY(-4px); color:#fff; font-weight: 500;}
#top-menu li.current-menu-item.inquiry>a, .et-fixed-header #top-menu li.inquiry.current_page_item>a {color:#fff !important}

/*
#main-header.black:not(.force_white) #logo {filter: invert(1);}
#main-header.black:not(.force_white) #top-menu li a {color: #222 ! IMPORTANT;  opacity: 1 !IMPORTANT;}
#main-header.black:not(.force_white) #top-menu li a:hover {color:var(--key-color) !important}
#main-header.black:not(.force_white) #top-menu li.inquiry > a, #main-header.dark #top-menu li.inquiry > a:hover {color:#fff !important}
*/


.mobile_menu_bar:before { color:#fff !important}

@media (min-width: 981px) {
	.et_fullwidth_nav #main-header .container {padding-right: 50px;  padding-left: 50px;}
	.et_header_style_left #et-top-navigation, .et_header_style_split #et-top-navigation {padding-top:15px !important}
	#main-header {background-color: #08080859 !important;   border-bottom: 1px solid #d9d9ec33;  backdrop-filter: blur(24px);}
}






/* main */
#main-content .et_builder_inner_content > .et_pb_section {padding-top:0 !important}
.main_visual {height: 100vh;width: 100%; position: relative;background: #000; overflow: hidden;}
.main_title_wrap {position: absolute;   left: 0;   bottom: 85px;}
.main_visual .video_overlay {position: absolute; top: 0;  left: 0;  width: 100%;  height: 100%;  background: rgba(0, 0, 0, 0.15);}
.youtube-background {opacity: 0; transition: opacity 2.5s;}
.youtube-background.active {opacity: 1;}
.main_visual .container {height:100%}
.main_visual iframe {position: absolute;  top: 50%; left: 50%;   transform: translate(-50%, -50%);  width: 100vw;   height: 56.25vw;  min-height: 100vh;   min-width: 177.78vh;   pointer-events: none; object-fit: cover;}
.main_visual .main_bg_imgs {position: absolute; top: 0;  left: 0;  width: 100%;  height: 100%;  background-image:url(/wp-content/uploads/2025/06/main_viz_20250620.jpg); background-size:cover; background-position: top center;}

.main_visual .main_title_wrap p {font-size: 20px;  color: #fff;  margin-bottom: 1.2em; font-weight: 100;}
.main_visual .main_title_wrap h2 {font-size: 74px;    color: #fff;    line-height: 1.3em;    margin-bottom: 0.5em;padding-bottom: 0; font-weight: 600;}
.default_link_btn { display: inline-flex;  color: #000;  justify-content: center;   align-items: center;   font-size: 20px;   border: none;  padding: 1.15em 1.85em;   border-radius: 50px;   transition: all 0.35s;   font-weight: 600;   background: #fff;   backdrop-filter: blur(5px);    letter-spacing: -0.01em;}


/*hide */
.main_recent_work {display:none}
/*hide */


.main_recent_work {position: absolute;  right: 0;   bottom: 85px;  height: 210px;  margin-bottom: 0 !IMPORTANT;    border: 1px solid rgba(255, 255, 255, 0.2);    background: #000;    padding: 10px;    border-radius: 10px;overflow: hidden;}
.main_recent_work .swiper-slide {height:190px !important}
.main_recent_work .swiper-container {height:190px; overflow:hidden}
.main_recent_work .inner_box {display: flex;  gap: 20px;  align-items: flex-end;}
.main_recent_work .thumbnail {width:260px; height:190px;border-radius: 10px;   overflow: hidden;  background-size: cover;}
.main_recent_work .title_box  {width: 180px; font-size: 16px;   color: #fff;  font-weight: 300;}
.main_recent_work .title_box .date {margin-bottom: 0.6em;}
.main_recent_work .title_box .title {padding-bottom: 1em;   opacity: 0.8;  word-break: keep-all;}
.main_recent_work .thumbnail.num_1 {background-image:url(/wp-content/uploads/2025/04/main_viz_01_re.jpg)}
.main_recent_work .thumbnail.num_2 {background-image:url(/wp-content/uploads/2025/04/main_viz_01_re.jpg)}
.main_recent_work .thumbnail.num_3 {background-image:url(/wp-content/uploads/2025/04/main_viz_01_re.jpg)}
.main_recent_work .thumbnail.num_4 {background-image:url(/wp-content/uploads/2025/04/main_viz_01_re.jpg)}
.main_recent_work .thumbnail.num_5 {background-image:url(/wp-content/uploads/2025/04/main_viz_01_re.jpg)}
.main_recent_work .thumbnail.num_6 {background-image:url(/wp-content/uploads/2025/04/main_viz_01_re.jpg)}
.main_recent_work .swiper-slide .inner_box {transition: all 0.5s; transform:scale(0.8); opacity:0.7}
.main_recent_work .swiper-slide.swiper-slide-active .inner_box { transform:scale(1); opacity:1; transition-delay:0.2s}


#partner_swiper01  {   overflow: hidden;   padding: 70px 0;   background: #000; position: relative;}
#partner_swiper01  .swiper-wrapper {transition-timing-function:linear !important}
#partner_swiper01  .swiper-slide {width:180px;}
#partner_swiper01  .swiper-slide img {max-width:100%; /* filter: sepia(166%) saturate(2%) hue-rotate(-134deg); */filter: grayscale(1) invert(1) brightness(2) saturate(2%);}
#partner_swiper01:after {content:""; position: absolute;  left: 0;  top: 0;   width: 100px;   height: 100%;   background: linear-gradient(To left, transparent, #000 90%);   z-index: 10;}
#partner_swiper01:before {content:""; position: absolute;  right: 0;  top: 0;   width: 100px;   height: 100%;   background: linear-gradient(To right, transparent, #000 90%);   z-index: 10;}

.main_suit_text {font-size: 18px;  color: #222;   display: inline-block;   padding-right: 8em;   background: #fff;   position: relative;}
.main_suit_text:after {content:"";position: absolute;  left: 100%;  top: 50%;  width: 5000px;   height: 1px;   background: #ddd;}

.num_increase_section {padding: 135px 0 0;}
.num_increase_section .title_wrap {position: relative;  z-index: 10;}
.num_increase_section .title_wrap h2 {font-size: 70px;    line-height: 1.3em;     margin-bottom: 0.7em;    padding-bottom: 0;    font-weight: 600;    color: #fff;    letter-spacing: -0.02em;}
.num_increase_section .title_wrap p {font-size: 20px;  line-height: 1.6em;  margin-bottom: 2em; color: #fff; }

.num_increase_section .title_wrap .link_btn {  display: inline-flex;  color: var(--key-color);   justify-content: center;   align-items: center;    font-size: 20px;    border: none;  padding: 1.15em 1.85em;  border-radius: 50px;  transition: all 0.35s;font-weight: 500;}

.num_increase_section .num_wrap {grid-column-gap: 0;   grid-row-gap: 60px;   grid-template-rows: auto;   grid-template-columns: 1fr 1fr 1fr 1fr;    place-items: end start;     height: 1080px;    grid-auto-columns: 1fr;    display: grid; margin:0 auto; margin-top:-508px; width:100%; max-width:1600px;position: relative; }
.num_wrap .state {     grid-column-gap: 30px;    grid-row-gap: 10px;   flex-flow: column;    justify-content: flex-start;    align-items: flex-start;    padding-left: 30px;   padding-top: 120px;  display: flex;    overflow: hidden; transition: all 0.2s;width: 100%;   background: linear-gradient(to bottom, black, #507ff7);}
.num_wrap  .start_num {  font-size: 80px; line-height: 1;  color: #60cdff;  transition: all 1.2s;  font-weight: 500;}
.num_wrap  p {font-size: 20px;  color: #fff; transition:all 1.2s; font-weight: 200;}
.state.num_1 {height:200px}
.state.num_2 {height:350px}
.state.num_3 {height:550px}
.state.num_4 {height:750px}
.num_wrap #num_next {height:750px}

#main_number_wrap {transition:all 1.2s; background:#000; overflow: hidden;}
#main_number_wrap.dark {background:#000}
#main_number_wrap.dark .num_wrap .start_num {color:#fff}
#main_number_wrap.dark .num_wrap  p {color:#fff}
#main_number_wrap.dark .num_wrap .state {border-left: 1px solid #fff;}

.num_wrap #num_prev {position: absolute;   width: 1000px;  height: 200px; bottom: 0;  left: 0;  transform: translateX(-100%);  background: linear-gradient(to bottom, black, #507ff7);}
.num_wrap #num_next {position: absolute;   width: 1000px;  bottom: 0;  right: 0;  transform: translateX(100%);  background: linear-gradient(to bottom, black, #507ff7);}





.main_portfolio_section {padding: 200px 0 0; }
h2.main_section_title {font-size: 152px;  line-height: 1em;   margin-bottom: 0.67em;   padding-bottom: 0; transition:all 1.2s; letter-spacing: -0.04em;font-weight: 500;}

#main_portfolio_wrap {transition:all 1.2s}
#main_portfolio_wrap.dark {background:#000}
#main_portfolio_wrap.dark .main_portfolio_section h2 {color:#fff}
.main_portfolio_list {display: flex;   flex-wrap: wrap; column-gap: 25px;   row-gap: 55px;}
.cpt-item {width: calc((100% - 50px) / 3);   position: relative;  }
.cpt-item .thumbnail {display:block;}
.cpt-item .thumbnail img {display: block; width:100%; height:400px; object-fit:cover; transition: all 0.35s;}
.cpt-item > a { display: block;   position: relative; border-radius: 16px;  overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.1);-webkit-backface-visibility: hidden;  -moz-backface-visibility: hidden;  -webkit-transform: translate3d(0, 0, 0);  -moz-transform: translate3d(0, 0, 0);}
.cpt-item .upper_title .categories {position: absolute;  top: 44px;  left: 48px;  font-size: 14px;  color: #fff; transform: translateY(20px);  opacity: 0; transition: all 0.35s;}
.cpt-item .upper_title .title {position: absolute;   left: 48px;   top: 80px;  font-size: 32px;  letter-spacing: 0.02em;  color: #fff;   word-break: keep-all;  line-height: 1.3em;  transform: translateY(20px);  opacity: 0; transition: all 0.35s; padding-right: 2em;font-weight: 500;}
.cpt-item .view_more {position: absolute;   left: 48px;  bottom: 63px;   font-size: 18px;  color: #fff;  font-weight: 300; transform: translateY(20px);  opacity: 0; padding-bottom: 3px; padding-right:1.2em;   display: inline-block; overflow:hidden; transition: all 0.35s;}
.cpt-item .view_more:after {content:"";position:absolute; width:1em; height:1em; background:url(/wp-content/uploads/2025/05/view_more.png) no-repeat center;background-size: 0.35em;  right:0;    top: 45%;    transform: translateY(-50%);}
.cpt-item .view_more:before {content:"";position: absolute;  bottom: 0;  left: 0;   width: 76%;   height: 1px;   background: #fff;   transform: translatex(-105%);  transition: all 0.5s; }


.cpt-item .overlay {position: absolute;   top: 0;   left: 0;   width: 100%;   height: 100%;   background: linear-gradient(to bottom, #0274e8, #014593);  opacity: 0; transition:all 0.35s}

.cpt-item .title_box {margin-top: 20px;}
.cpt-item .title_box .cat-name {display: inline-flex;   justify-content: center;   align-items: center;    font-size: 11px;  line-height: 1em;    color: #fff;    background: #014387;  padding: 9px 13px;    border-radius: 6px;}
.cpt-item .title_box .categories {margin-top: 20px; margin-bottom: 12px;padding-left: 2px;}
.cpt-item .title_box h3 {padding-bottom:0}
.cpt-item .title_box a {font-size: 24px;  color: #fff;  font-weight: 400;  line-height: 1.3em; overflow: hidden;  text-overflow: ellipsis;     white-space: normal;    height: 2.5em;  padding-right:40px; padding-left: 2px;  text-align: left; 	word-wrap: break-word;    display: -webkit-box;    -webkit-line-clamp: 2;    -webkit-box-orient: vertical;}


#main_portfolio_wrap .et_pb_module {margin-bottom:0}
#main_portfolio_wrap .link_btn {display: inline-flex;  color: #000;  justify-content: center;   align-items: center;   font-size: 20px;   border: none;  padding: 1.15em 1.85em;   border-radius: 50px;   transition: all 0.35s;   font-weight: 500;   background: #fff;   backdrop-filter: blur(5px);    letter-spacing: -0.01em;}

#main_portfolio_wrap .link_btn_wrap { padding-top: 102px;  text-align: CENTER; }






#main_service_wrap {background:#000;}
.main_service_section.top {padding: 200px 0 0;}
.main_service_section.under {padding: 0 0 114px;}
#main_service_wrap h2.main_section_title {color:#fff}

.main_service_section .service_list {width: 100%; margin-left: auto;}
.main_service_section .service_item { background-color: #000;    justify-content: flex-start;    align-items: center;    width: 100%;    padding-top: 70px;    padding-bottom: 70px;    display: flex;    position: sticky;    top: 120px;    overflow: hidden;}
.main_service_section .service_item h3 {font-size: 58px;   color: #fff;   padding-bottom: 0;   margin-bottom: 0.8em;}
.main_service_section .service_item p {font-size: 20px;   color: #fff;   font-weight: 200;   line-height: 1.4em;   opacity: 0.8;   height: 8em;}
.main_service_section .service_item .top_line {position: absolute;  top: 0;  left: 0;  width: 100%;   border-top: 1px solid rgba(255, 255, 255, 0.2);}
.service_item .contents {width:55%}
.service_item .imgs {width: 25%; margin-left: auto;}
.service_item .circle {width: 380px;  height: 380px;  background: transparent;  border-radius: 100%;  display: inline-flex;  justify-content: center;  align-items: center;}
.service_item .circle .icon {display: block;   width: 220px; height: 220px;}
.service_item .contents a {font-size:20px; color:#fff; display: inline-block;   padding-bottom: 3px;  overflow: hidden;  position:relative; transition:all 0.3s}
.service_item .contents a:after {content: "";   position: absolute;   bottom: 0;   left: 0;   width: 92%;  height: 1px;   background: #fff; transform:translatex(-100%); transition:all 0.5s}



/*hide*/
#main_onestop_wrap {display:none}
/*
#main_onestop_wrap {background:#000; overflow:hidden;}
.main_onestop_section {display: flex;  flex-wrap: wrap;  height: 1200px;margin-bottom: 200px;  position: relative;}
.main_onestop_section .text_wrap {display: flex;  align-items: center;margin-left: auto;  width: 49.5%; z-index: 10; transition: all 1s;}
.main_onestop_section .text_wrap p {font-size: 20px;  color: #fff;  font-weight: 200;  margin-bottom: 1.2em;}
.main_onestop_section .text_wrap h2 {font-size: 74px;   color: #fff;  margin-bottom: 1em; padding-bottom: 0;}
.main_onestop_section .text_wrap a {display: inline-flex;  justify-content: center;   align-items: center;   font-size: 24px;   color: #fff;   background: var(--key-color);   height: 3em;  padding: 0 1.66em;  border-radius: 10px;  font-weight: 400; transition: all 0.35s;}
.main_onestop_section .text_wrap a:hover { background: #0158a9; }

.main_onestop_section .circle_wrap {position: absolute;   top: 25px;  left: -120px;  width: 1160px;  height: 1160px; transition: all 1.5s;}
.main_onestop_section .circle_wrap p {position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  text-align: center;  font-size: 32px;  line-height: 1.2em;  color: var(--key-color);}
.circle_wrap .circle {position: absolute;border: 3px solid rgba(3,133,255,0.4);   border-radius: 50%; top: 50%;  left: 50%;  transform: translate(-50%, -50%);}
.circle_wrap .circle.num_01 {width: 100%; height: 100%;  animation: spinCircle 8s linear both infinite; }
.circle_wrap .circle.num_02 {width: 60%; height: 60%;  animation: spinCircle2 6s linear both infinite;}
.circle_wrap .circle.num_03 {width: 40%; height: 40%; animation: spinCircle 5s linear both infinite; }
.circle_wrap .circle.num_04 {width: 30%; height: 30%;animation: spinCircle2 4s linear both infinite; }
.circle_wrap .pointer {position: absolute;  width: 40px;   height: 40px; background: rgba(166, 212, 255, 0.22); border-radius: 100%;  transform: translateY(-50%);}
.circle_wrap .pointer:after {content: "";  position: absolute;  left: 50%;  top: 50%;  width: 18px;   height: 18px;   background: rgba(3, 133, 255, 0.5);   border-radius: 50%;  transform: translate(-50%, -50%);  border: 1px  solid rgba(3, 133, 255, 0.9);}
.circle_wrap .pointer.sm {width: 20px; height: 20px;}
.circle_wrap .pointer.sm:after {width: 10px; height: 10px;}
.circle_wrap .circle.num_01 .pointer { top: 13%; left: 82%; }
.circle_wrap .circle.num_01 .pointer.sm  { top: 32%; left: 2.3%; }
.circle_wrap .circle.num_02 .pointer.lc { top: 21%;  left: 6%; }
.circle_wrap .circle.num_02 .pointer.rc {top: 91%; left: 76%;}
.circle_wrap .circle.num_03 .pointer { top: 6.5%; left: 20%; }
.circle_wrap .circle.num_04 .pointer.sm  { top: 93%; left: 73%; }


@keyframes spinCircle {
0% {
    transform: translate(-50%, -50%) rotate(0deg);
}
100% {
    transform: translate(-50%, -50%) rotate(-360deg);
}

}

@keyframes spinCircle2 {
0% {
    transform: translate(-50%, -50%) rotate(0deg);
}
100% {
    transform: translate(-50%, -50%) rotate(360deg);
}

}

.main_onestop_section.disapear .circle_wrap { transform:translatex(-200px); opacity: 0;} 
.main_onestop_section.disapear .text_wrap { transform:translatex(100px); opacity: 0; } 
*/



.main_sub_section h2 {font-size: 58px;   padding-bottom: 0;  margin-bottom: 1.7em;  line-height: 1.2em;  color: #080808; font-weight: 600;}

#main_solution_section_wrap > .section_title_row {   padding-top: 148px ! IMPORTANT;   padding-bottom: 65px ! IMPORTANT;}
#main_solution_section_wrap > .blog_list_load { padding-bottom: 164px ! IMPORTANT;}
#main_solution_section_wrap .main_sub_section h2 {margin-bottom:0}
.main_solution_section .blog_list_load {display: flex; flex-wrap: wrap;}
.main_solution_section .blog_list_load .cate_main_blog {width: 43.75%;  margin: 0;}
.main_solution_section .blog_list_load .cate_all_blog {width: 56.25%;}
.main_solution_section .blog-item-single {width: 100%; max-width: 500px;}
.main_solution_section .blog-item-single .thumbnail {width: 100%;   height: 500px;  border-radius: 24px; margin-bottom: 20px;  overflow: hidden; -webkit-backface-visibility: hidden;  -moz-backface-visibility: hidden;  -webkit-transform: translate3d(0, 0, 0);  -moz-transform: translate3d(0, 0, 0);}
.main_solution_section .blog-item-single .thumbnail img {display:block; width:100%; height:100%; object-fit:cover;  transition: all 0.35s;}

.blog-item-single .post-list-wrap .cat-name {font-size: 18px;  color: #757575;}
.blog-item-single .post-list-wrap .categories {margin-bottom: 12px;}
.blog-item-single .title_box a {font-size: 26px;  font-weight: 500;  line-height: 1.3em;   transition: all 0.15s;}

.blog-item-single .post-list-wrap .date {font-size: 15px;  color: #757575;}
.blog-item-single .post-list-wrap .inner_box {flex-wrap: wrap;}
.blog-item-single .post-list-wrap .inner_box .title_box {  width: 100%;  padding-right: 0;}
.blog-item-single .post-list-wrap .contents {display: none}

.post-list-wrap .thumbnail {width: 164px;  height: 164px;  border-radius: 16px;  overflow: hidden;-webkit-backface-visibility: hidden;  -moz-backface-visibility: hidden;  -webkit-transform: translate3d(0, 0, 0);  -moz-transform: translate3d(0, 0, 0);}
.post-list-wrap .thumbnail img {display:block; width:100%; height:100%; object-fit:cover;  transition: all 0.35s;}

.post-list-wrap .inner_box {display: flex;  flex-direction: row-reverse;  flex-wrap: wrap;}
.post-list-wrap .inner_box .title_box {width: calc(100% - 164px); padding-right:150px}
.post-list-wrap .cat-name {font-size: 18px; color: #757575;}
.post-list-wrap .categories  {margin-bottom: 10px;}
.post-list-wrap h3 a {font-size: 24px;  font-weight: 600;  line-height: 1.2em; transition: all 0.15s;}

.post-list-wrap .contents {font-size: 17px;  font-weight: 300;   line-height: 1.5em;   color: #1D1D1F;   margin-bottom: 22px;}
.post-list-wrap .date {font-size: 15px;  color: #757575;}
.post-list-wrap {margin-bottom:24px}
.cate_all_blog .et_pb_code_inner > div:nth-child(3) {margin-bottom:52px}
.blog_view_more a {font-size: 18px; color: #1d1d1f;  transition: all 0.15s; position:relative; }

.blog_view_more a:after {content: "";  position: absolute;  right: -18px;  top: 6px;  width: 6px;   height: 6px;  border-right: 2px solid #1D1D1F;  border-bottom: 2px solid #1D1D1F;  transform: rotate(-45deg);}
.blog_view_more {padding-top: 25px;}


#main_post_right .blog-item-single .title_box a {text-overflow: ellipsis;   display: block;  height: 1.2em;  white-space: nowrap;}








#main_prime_section_wrap { background:#F5F5F7}
#main_prime_section_wrap > .et_pb_row  {  padding-top: 148px ! IMPORTANT;   padding-bottom: 164px ! IMPORTANT; background:#F5F5F7}
.main_prime_section .swiper-slide .inner {background: #fff;   padding: 35px;  border-radius: 20px;   position: relative; height: 295px;}
.main_prime_section .swiper-slide h2 {font-size: 26px;   color: #1D1D1F;  padding-bottom: 0;   margin-bottom: 0.8em;   font-weight: 600; word-break: keep-all;  line-height: 1.2em;}
.main_prime_section .swiper-slide ul {list-style: none;  padding: 0; margin: 0;}
.main_prime_section .swiper-slide ul li {font-size: 15px;  color: #757575;  line-height: 1.6em;  position: relative;  padding-left: 1em;}
.main_prime_section .swiper-slide ul li:before {content:"-"; position:absolute; left:0; top:0}
.main_prime_section .swiper-slide .icon {position: absolute;   left: 35px;  bottom: 35px;}
.main_prime_slider.forward .swiper-slide {animation: slideTensionFoward 0.8s ease-in-out;}
.main_prime_slider.backward .swiper-slide {animation: slideTensionBackward 0.8s ease-in-out;}

@keyframes slideTensionFoward {
0% {
    transform: translateX(0);
}
40% {
   transform: translateX(-25px);
}

45% {
   transform: translateX(-25px);
}
100% {
   transform: translateX(0);		
	}	
}

@keyframes slideTensionBackward {
0% {
    transform: translateX(0);
}
40% {
   transform: translateX(25px);
}

45% {
   transform: translateX(25px);
}
100% {
   transform: translateX(0);		
	}	
}

.main_prime_slider {position: relative;    padding-bottom: 130px;}
.main_prime_slider .swiper-button-next,
.main_prime_slider .swiper-button-prev {top: auto;  bottom: 0;width: 40px; height: 40px;  background-size:8px; background-color: #ECECEE; background-position:center center; background-repeat: no-repeat; border-radius: 50%; transition: all 0.15s;}
.main_prime_slider .swiper-button-next:after,
.main_prime_slider .swiper-button-prev:after {content:none}
.main_prime_slider .swiper-button-next {background-image:url(/wp-content/uploads/2025/05/slide_next.png); right: 0;}
.main_prime_slider .swiper-button-prev {background-image:url(/wp-content/uploads/2025/05/slide_prev.png); right: 60px; left: auto;}




#main_inquiry_section_wrap {background: #000;}
#main_inquiry_section_wrap .et_pb_module {margin:0}
.main_inquiry_section .text_wrap h3 {font-size: 58px;   line-height: 1.4em;  font-weight: 600;  color: #fff; padding-bottom: 0.2em;}
.main_inquiry_section .text_wrap h3 b {font-weight: 600;  color: #0274E8;}
.main_inquiry_section .text_wrap h3 .default {opacity:0.4; font-weight: 600;}
.main_inquiry_section .text_wrap h3 .default.on {opacity:1; color:#fff}
.main_inquiry_section .text_wrap h3 .txt_wrap {position: relative; display: inline-block;}
.main_inquiry_section #selected_number.on {display: inline-flex;  justify-content: center;   align-items: center;   width: 20px;   height: 20px;  font-size: 10px;  color: #fff;  background: #0274E8;  border-radius: 50%;    font-weight: 300;position: absolute;  right: -18px;  top: 5px;}
.main_inquiry_section .et_pb_code_inner {display: flex; flex-wrap: wrap; align-items: flex-start;}
.main_inquiry_section .text_wrap {width:43%; position: sticky; left: 0; top: 0;  padding-top: 180px; padding-bottom: 300px;}
.main_inquiry_section .contact_form_wrap {width:57%; height: auto; padding-top: 180px; padding-bottom: 300px; padding-left: 148px;position: relative;}
.main_inquiry_section .contact_form_wrap .bg_white {position: absolute; left: 0; bottom: 0;  height: 0;  background: rgba(66, 66, 66, 0.4);  border-left: 1px solid rgba(255, 255, 255, 0.3); width: 100%;}
.main_inquiry_section .contact_form_wrap .wpcf7 {position: relative;}
#main_inquiry_section_wrap canvas {display:none; position:absolute; top:0; left:0; width:100% !important; height:100% !important; }
.main_inquiry_section .wpcf7 {opacity:0; transform:translatey(40px); transition:all 0.3s; transition-timing-function: ease-in-out}
.main_inquiry_section .wpcf7.active {opacity:1; transform:translatey(0px)}


.wpcf7 .cf_section {margin-bottom: 100px;position: relative;}
.wpcf7 .cf_section h2 {font-size: 24px;color: #fff;}
.wpcf7 .cf_section h2 .require {color:#0274E8}
.wpcf7 .cf_section .comment {font-size: 14px; color: #fff;  line-height: 1em;  margin-bottom: 30px;padding-bottom: 0;   font-weight: 300;}
.cf_data_wrap {display: flex;  flex-wrap: wrap;   column-gap: 36px;  row-gap: 22px;}
.cf_data_wrap .line {position:relative}
.cf_data_wrap .line input {width: 100%;  max-width: 353px;  height: 64px;  border-radius: 10px;  font-size: 15px;  padding: 1.5em;  background: rgba(255, 255, 255, 0.8); border-color: #ECECEE;}
.cf_data_wrap .line input::placeholder { color: #383838; }
.cf_data_wrap .line input:focus,
.cf_data_wrap .line input.has_value {border-color: #0274E8; background:#fff}
.cf_data_wrap .line input.error {border-color: #ff0000 !important}
.cf_data_wrap .line input.error::placeholder {color: #ff0000 !important}
.cf_data_wrap .line p {padding-bottom:0}
.wpcf7 .wpcf7-form-control-wrap {display:block}
.wpcf7 .wpcf7-not-valid-tip {position: absolute;  bottom: -30px;  left: 0;  color: #ff0000;  font-size: 14px;}
.cf_cehck_wrap .wpcf7-form-control {display: flex; flex-wrap: wrap; column-gap: 10px;  row-gap: 14px; padding-right: 20px;}
.cf_cehck_wrap .wpcf7-list-item {margin: 0;}
.cf_cehck_wrap .wpcf7-list-item input {position:absolute; visibility:hidden}
.cf_cehck_wrap .wpcf7-list-item-label {display: block;  font-size: 15px;    height: 3.66em;    padding: 0 1.8em;   border: 1px solid rgba(255, 255, 255, 0.9);     border-radius: 50px;    background: rgba(255, 255, 255, 0.8);    color: #000;    cursor: pointer;    font-weight: 400;    transition: all 0.15s; line-height: 3.66em; text-align: CENTER;}
.cf_cehck_wrap .wpcf7-list-item label input:checked + span { background: #0274E8; color: #fff; border-color: #0274E8;}
.cf_section .error_comment {position: absolute; left: 0;  bottom: -35px;   color: #ff0000;   font-weight: 400;   visibility: hidden;}
.cf_section.error .error_comment { visibility: visible;}
.cf_cehck_wrap.money .wpcf7-form-control {padding-right: 40px;}
.wpcf7 .cf_section h2.single {padding-bottom:30px}
.cf_data_wrap .line.full {width:100%; max-width:742px }
.cf_data_wrap .line.full input {max-width:unset}
.cf_section .cf_message_wrap {position: relative;}
.cf_section .cf_message_wrap > p {position: relative; z-index: 5;}
.cf_section .cf_message_wrap textarea {width: 100% !important;   max-width: 742px;   height: 172px;  min-height: 172px;   border-radius: 10px;   font-size: 15px;   padding: 1.5em;  border-color: #ECECEE; background:transparent}
.cf_section .cf_message_wrap .placeholder_txt { position: absolute; top: 0; left: 0;  width: 100%; max-width: 742px;  border-radius: 10px;  height: calc(100% - 8px);   padding: 20px 25px;   background: rgba(255,255,255,0.8); z-index: 1;}
.cf_section .cf_message_wrap .placeholder_txt p { font-size: 15px;   color: #383838;  font-weight: 400; padding-bottom:0 }
.cf_section .cf_message_wrap.data-edits textarea {background:#fff}
#cf_money_first .wpcf7-not-valid-tip {display:none}
.cf_file_wrap .file_name_wrap {display: flex;  align-items: center;   width: 100%;   max-width: 400px;  border-bottom: 1px solid #fff; padding-bottom: 8px;}
.cf_file_wrap .file_name_wrap  button {border: 1px solid #fff;   background: transparent;   font-size: 12px;  color: #fff;  height: 3.33em;   width: 92px;   border-radius: 10px;   cursor: pointer;   transition: all 0.35s;}
.cf_file_wrap .file_name_wrap  button:hover {background: rgba(255,255,255,0.8); color: #000;}
.cf_file_wrap .file_name_wrap  .file_list_name {display: flex;   align-items: center;   gap: 10px;   width: calc(100% - 92px);}
.file_list_name .filename {padding: 0.6em 2em 0.6em 1.5em;  background: #fff;  font-size: 12px;  color: #acacac;   border-radius: 30px;   max-width: 140px;  overflow: hidden;   white-space: nowrap;   text-overflow: ellipsis;}
.cf_file_wrap .filename_wrap {position: relative; display:none}
.cf_file_wrap .filename_wrap.on {display:block}
.cf_file_wrap .content_file_delete {position: absolute;  right: 10px;  top: 50%;  transform: translateY(-55%);  cursor: pointer;  padding: 0; margin: 0;  line-height: 1em;   font-weight: 300;  font-size: 15px;  transition: all 0.15s;}
.cf_file_wrap .content_file_delete:hover {color: #0274E8;}
.cf_file_wrap input {position:absolute; visibility:hidden}
.cf_file_wrap #file_error_message {padding-top: 5px; color: #ff0000;  font-weight: 400;  font-size: 14px; display:none; position: absolute;  left: 0;  bottom: -30px;}
.cf_file_wrap .file_comment {font-size: 14px; color: #fff;  line-height: 1em;  padding-top: 10px;  padding-bottom: 0; font-weight: 300;}
.wpcf7 .cf_file_wrap .wpcf7-not-valid-tip {bottom: -138px;}
.privacy_check_wrap .inner_box {background: #fff;  width: 300px;  border-radius: 10px;  padding: 15px 25px;}
.privacy_check_wrap .inner_box p {display: flex; align-items: center; gap: 13px;}
.privacy_check_wrap .wpcf7-list-item {margin: 0;}
.privacy_check_wrap .wpcf7-list-item input {position:absolute; visibility:hidden}
.privacy_check_wrap .wpcf7-list-item label {cursor:pointer}
.privacy_check_wrap .wpcf7-list-item label input + span {position: relative;  padding-left: 30px;font-size: 15px;  color: #1d1d1f;font-weight: 400; letter-spacing: -0.05em; transition:all 0.35s}
.privacy_check_wrap .wpcf7-list-item label:hover input + span {color:var(--key-color)}
.privacy_check_wrap .wpcf7-list-item label input + span:before {content: "";   position: absolute;   left: 0;   top: -3px;   width: 22px;   height: 22px;  border: 1px solid #b7b7b7;  border-radius: 3px;}
.privacy_check_wrap .wpcf7-list-item label input:checked + span:before { border: 1px solid #0274e8;}
.privacy_check_wrap .wpcf7-list-item label input:checked + span:after {content: ""; position: absolute; left: 7px; top: -3px; width: 7px;  height: 14px;  border-right: 3px solid #0274e8;  border-bottom: 3px solid #0274e8;  transform: rotate(45deg);}
.privacy_check_wrap .inner_box a {font-size: 12px;   color: #1D1D1F;   text-decoration: underline;  text-underline-offset: 7px; transition:all 0.15s}

.cf_submit_wrap .wpcf7-submit {display: block;   font-size: 20px;  color: #fff;  border: none;  background: #0274e8;  padding: 1.15em 1.85em;   border-radius: 50px; cursor: pointer;font-weight: 500; transition:all 0.35s}

.privacy_check_wrap.error .wpcf7-list-item label input + span:before {border: 1px solid #ff0000;}
.wpcf7 .cf_section.privacy_check_wrap {margin-bottom: 54px;}
.cf_submit_wrap {position: relative;}
.cf_submit_wrap .wpcf7-spinner {position: absolute;  right: 20px;  bottom: 20px;}
#cf_phone_input_line.error .error_comment {visibility: visible;  bottom: -20px;}


#cf_reference_first .cf_data_wrap {margin-bottom: 10px; width: 100%;  max-width: 742px; column-gap: 0;}
#cf_reference_first .cf_data_wrap .line.full {width: calc(100% - 75px);}
#cf_reference_first .cf_data_wrap button {display: flex; width: 64px;  height: 64px;  justify-content: center; align-items: center; cursor: pointer;  border-radius: 10px;   border-color: #ECECEE;   border-width: 1px;   font-size: 0;   font-weight: 200;  line-height: 50px;  margin-left: 10px;    box-sizing: border-box;background: #d1d1d1;  transition: all 0.3s;}
#cf_reference_first  .cf_data_wrap.add {display:none}
#cf_reference_first .flex_order {display:flex; flex-wrap: wrap;}
#cf_reference_first .cf_data_wrap button span {display: block; width: 16px;  height: 2px; background: #222;position: relative;}
#cf_reference_first .cf_data_wrap button.plus span:after{content: "";   position: absolute;   left: 0;   top: 0;   width: 100%;   height: 2px;   background: #222; 	transform: rotate(90deg);}
#cf_reference_first .cf_data_wrap button.non_active {cursor: default; border-color: #111111 !important; background: #858383 !important;}


#pvc_pop {z-index: 1999999 !important;}
.iziModal-overlay {z-index: 199999 !important;}
#pvc_pop .modal_pop_wrap {  background: #fff;   padding: 30px;   position: relative; border-radius: 10px;}
.modal_pop_wrap .close_btn {   display: inline-block;  border: none;   background: transparent;   font-size: 30px;   position: absolute;  right: 20px;  top: 20px;	cursor:pointer; transition: all 0.15s;}

.modal_pop_wrap .pop_title { font-size: 20px;  text-align: center;  padding-bottom: 20px;}
.modal_pop_wrap .contents { height: 400px;   overflow-y: scroll;}
.modal_pop_wrap .center_align {  text-align: center;padding-top: 20px;}
.modal_pop_wrap .btn-type { display: inline-block; padding: 10px 20px;  background: #0274e8; line-height: 1em;  font-size: 14px;  color: #fff;  border-radius: 5px;  font-weight: 400;  transition: all 0.15s;}
.modal_pop_wrap .btn-type:hover {background: #0158a9;}
.wpcf7 .wpcf7-response-output {display:none}

.swal2-container {z-index: 1999999;}
.swal2-container .swal2-title {font-size: 20px;  line-height: 1.6em;  color: #111;  padding-top: 30px;  padding-bottom: 20px;}
.swal2-container .swal2-styled.swal2-confirm {background: var(--key-color);   font-size: 16px;  font-weight: 400;  padding: 0.6em 2em;}
.swal2-container .swal2-styled.swal2-confirm:focus {box-shadow:none}
.swal2-container .swal2-close {display:none !important}






#main-footer #footer-widgets {padding-top:50px !important}
#main-footer .footer-widget {margin-bottom:50px !important; width: 100% ! IMPORTANT;}
#footer-bottom {display:none}
.footer_logo {margin-bottom: 30px;}
.footer_logo img {display: block; max-width: 200px;}
.footer_menu ul {display: flex; flex-wrap: wrap; align-items: center; gap: 80px;}
#footer-widgets  ul li {padding: 0 !important;   margin: 0;  list-style: none;}
#footer-widgets  li:before {content:none !important}
#footer-widgets .footer-widget .footer_menu li a {font-size: 15px;  transition: all 0.15s; color:#111}
#footer-widgets .footer-widget .footer_menu li a:hover {color:var(--key-color)}
#footer-widgets .footer_menu {display: none; margin-bottom: 50px;}
.footer_info p {font-size: 14px;  color: #666;  line-height: 1.8em;   padding: 0;}
.footer_info p a {color:inherit !important}
.footer_info {padding-bottom: 30px;  border-bottom: 1px solid #ddd; margin-bottom: 30px;}
#footer-widgets .widget_custom_html {width:100%}
.footer_bottom {display: flex; justify-content: space-between;}
.footer_bottom .copyright {font-size: 13px; color: #666;}
.footer_bottom .footer_link {display:flex; align-items: center;}
.footer_bottom .footer_link .page_menu {margin-right: 42px;}
.footer_bottom .footer_link .page_menu ul {display: flex;  gap: 30px;  align-items: center;}
#footer-widgets .footer-widget .footer_bottom .footer_link .page_menu ul li a {font-size:14px; color:#666; transition: all 0.35s; }
#footer-widgets .footer-widget .footer_bottom .footer_link .page_menu ul li a:hover {color:var(--key-color)}
.footer_bottom .footer_link .page_menu ul li a b {color:#111; transition: all 0.35s; }
.footer_bottom .footer_link .page_menu ul li a:hover b {color:var(--key-color)}
.footer_bottom .social_menu ul {display: flex;  gap: 10px;  align-items: center;}
.footer_bottom .social_menu ul li a {display:block; width:40px; height:40px; font-size:0; background-size:cover; background-repeat: no-repeat; background-position: center center; filter: grayscale(1) brightness(0);transition: all 0.35s;}
.footer_bottom .social_menu ul li a.kakao {background-image:url(/wp-content/uploads/2025/05/kakao_icon_on.png); background-size: 21px;}
.footer_bottom .social_menu ul li a.naver {background-image:url(/wp-content/uploads/2025/05/naver_icon_on.png); background-size: 16px;}
.footer_bottom .social_menu ul li a.facebook {background-image:url(/wp-content/uploads/2025/05/fb_icon_on.png); background-size: 10px;}
.footer_bottom .social_menu ul li a.insta {background-image:url(/wp-content/uploads/2025/06/insta_icon_on.png); background-size: 21px;}




.side_quick_cf_wrap {position: fixed; right: -485px;  top: 150px; z-index: 1999; transition:all 0.5s; transition-timing-function:ease-in-out;}
.side_quick_cf_wrap.open { right: 0;}
.side_quick_cf_wrap .cf_body {background: #fff;  padding: 30px;  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);  border-bottom-left-radius: 10px;}
.side_quick_cf_wrap .side_label {position: absolute;  left: -43px;  top: 0;  width: 43px;  height: 110px;  background: var(--key-color);border-top-left-radius: 8px;  border-bottom-left-radius: 8px; cursor: pointer; transition: all 0.35s}
.side_quick_cf_wrap .side_label span {display: block;   font-size: 16px;  color: #fff; width: 110px;  height: 30px;  transform: rotate(-90deg);  position: absolute;  left: -30px;  top: 41px;  text-align: center; letter-spacing: -0.01em;}

.side_quick_cf_wrap .heading_txt {margin-bottom: 20px;}
.side_quick_cf_wrap .heading_txt h2 {font-size: 22px; font-weight: 700; line-height: 1.4em;  color: #111;padding-bottom: 5px;}
.side_quick_cf_wrap .heading_txt p {font-size: 16px;  color: #666;font-weight: 300;}
.side_quick_cf_wrap .cf_side_body {padding: 30px 25px 30px 30px;  background: #f5f5f7;  border-radius: 10px;}
.cf_side_body .line {display: flex; align-items: center; margin-bottom:10px}
.cf_side_body .line:last-child {margin-bottom:0}
.cf_side_body .line h3 {font-size: 15px;  color: #111;   width: 90px;  padding: 0;}
.side_quick_cf_wrap .requier {color: #D71419;}
.cf_side_body .line > p {width:280px}
.cf_side_body .line input {width: 280px;   border: 1px solid #ddd;  height: 44px;  border-radius: 5px;  font-size: 15px;  color: #111; padding: 10px;}
.cf_side_body .line input:focus {border-color:#666; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);}
.cf_side_body .nice-select {width: 280px;  border: 1px solid #ddd;}
.cf_side_body .nice-select:focus, .cf_side_body .nice-select:active, .cf_side_body.nice-select.open, .nice-select:focus {border-color:#666}
.cf_side_body .nice-select .list {width: 100%;}
.cf_side_body  .nice-select .option:hover, .cf_side_body .nice-select .option.focus, .cf_side_body .nice-select .option.selected.focus {    background-color: #e9f7ff;  font-weight: 500;}
.cf_side_body .nice-select:after {  border-bottom: 2px solid #666;   border-right: 2px solid #666;}
.side_quick_cf_wrap .wpcf7 .cf_section.privacy_check_wrap {  margin-bottom: 0;}
.side_quick_cf_wrap .privacy_check_wrap .inner_box {padding: 20px 0;  width: 100%;  display: flex; align-items: center; justify-content: space-between;}
.side_quick_cf_wrap .privacy_check_wrap .inner_box p {gap: 4px; padding:0}
.side_quick_cf_wrap .privacy_check_wrap .wpcf7-list-item label input + span:before {top: -2px;  width: 20px;  height: 20px;}
.side_quick_cf_wrap .cf_submit_wrap .wpcf7-submit {font-size: 20px; height: 3.4em;width: 100%;background: var(--key-color);}
.side_quick_cf_wrap .cf_submit_wrap .wpcf7-submit:hover {background: #0158a9;}
.side_quick_cf_wrap .privacy_check_wrap .inner_box a {text-underline-offset: 4px;}
.side_quick_cf_wrap .call-area {padding: 12px;  background: #f5f5f7;  border-radius: 10px;   display: flex;  align-items: center; justify-content: center; gap:15px}
.side_quick_cf_wrap .call-area  .icons img {width: 36px; display: block;}
.side_quick_cf_wrap .call-area p {font-size: 14px; color:#111}
.side_quick_cf_wrap .call-area h4 {padding: 0;}
.side_quick_cf_wrap .call-area h4 a {font-size: 22px;  font-weight: 700;}
.side_quick_cf_wrap .cf_submit_wrap {margin-bottom:20px}
.side_quick_cf_wrap .call-area a {cursor:default}

.side_quick_cf_wrap  .line input.error {  border-color: #ff0000 !important; }
.side_quick_cf_wrap  .line input.error::placeholder {color: #ff0000 !important;}



@media (hover:hover) {
	#top-menu li.inquiry > a:hover {opacity:1; background: #0158a9;}
	
	.default_link_btn:hover {background:var(--key-color); color:#fff}
	
	.num_increase_section .title_wrap .link_btn:hover {color:#fff; background:var(--key-color)}
	
	#main_portfolio_wrap  .link_btn:hover {background:#0385FF; color:#fff}
	
	.blog_view_more a:hover {color:#0385FF}
    .blog_view_more a:hover:after {border-color:#0385FF}
	
	.main_prime_slider .swiper-button-next:not(.swiper-button-disabled):hover,
    .main_prime_slider .swiper-button-prev:not(.swiper-button-disabled):hover {background-color: #d1d1d2;}
	
	.modal_pop_wrap .close_btn:hover {color:#0274e8}
	
	.side_quick_cf_wrap .side_label:hover {  background: #0158a9;}
	
	 .main_solution_section .post-list-wrap:hover .thumbnail img {transform:scale(1.1)}
	 .blog-item-single .post-list-wrap:hover .title_box a {color:#0385FF}
	 .post-list-wrap h3 a:hover {color:#0385FF}
	
	.cf_cehck_wrap .wpcf7-list-item-label:hover { background: rgba(255, 255, 255, 0.95);}
	
	.cpt-item > a:hover .thumbnail img {transform: scale(1.1);}
	/*
	.cpt-item > a:hover .overlay {opacity: 0.88;}
	.cpt-item > a:hover .upper_title .categories,
	.cpt-item > a:hover .upper_title .title,
	.cpt-item > a:hover .view_more {transform:translatey(0); opacity:1}
	.cpt-item .view_more:hover:before {transform: translateX(0);}
	*/
	
	.service_item .contents a:hover:after {transform: translateX(0);}
	
	.privacy_check_wrap .inner_box a:hover {color:#0274e8}
    .cf_submit_wrap .wpcf7-submit:hover {background: #0158a9;}
	
	.footer_bottom .social_menu ul li a:hover {filter: grayscale(0) brightness(1);}
	
	#cf_reference_first .cf_data_wrap button:hover {background: rgba(255, 255, 255, 0.95);}	
}



@media (max-width:1600px) {
	/* main viz */
	.main_title_wrap {left: 0;}
	.main_visual .main_title_wrap p { font-size: 16px;}
	.main_visual .main_title_wrap h2 { font-size: 64px;}
	.main_visual .main_title_wrap .link_btn {font-size: 20px;}
	.main_recent_work {right: 0; height: 170px;}
	.main_recent_work .thumbnail { width: 200px; height: 150px;}
	.main_recent_work .title_box .date,
	.main_recent_work .title_box .title {font-size: 14px;}
	
	
	#partner_swiper01 {padding: 50px 0;}
	#partner_swiper01 .swiper-slide {  width: 150px;}
	
	
	.num_increase_section .title_wrap h2 { font-size: 50px;}
	.num_increase_section .title_wrap p { font-size: 18px;}
	.num_increase_section .title_wrap .link_btn {font-size: 20px;}
	.num_wrap .start_num {font-size: 4.6vw;}
	.num_wrap p {font-size: 18px;}
	
		
	.main_portfolio_section {  padding: 150px 0 0;}
	h2.main_section_title { font-size: 120px;}
	.cpt-item .thumbnail img {height: 20vw;}
	.cpt-item .upper_title .title {font-size: 30px;}
	.cpt-item .view_more {font-size: 16px;}
	.cpt-item .title_box a { font-size: 22px;}
	
	
	.main_service_section.top {   padding: 150px 0 0;}
	.main_service_section .service_item h3 { font-size: 48px;}
	.main_service_section .service_item p,
	.service_item .contents a { font-size: 18px;}
	.service_item .imgs { 	width: 30%;}
	.service_item .circle {   width: 300px; height: 300px;}
	
	 
	.main_onestop_section {height: 1000px;  margin-bottom: 150px;}
	.main_onestop_section .circle_wrap {width: 980px;  height: 980px;}
	.main_onestop_section .text_wrap p { font-size: 18px;}
	.main_onestop_section .text_wrap h2 {font-size: 60px;}
	.main_onestop_section .text_wrap a {font-size: 20px;}
	.main_onestop_section .circle_wrap p {font-size: 28px;}
	
	.main_sub_section h2 { font-size: 48px;}
	.main_solution_section .blog_list_load .cate_main_blog {padding-right: 80px;}
	.main_solution_section .blog-item-single {max-width: 450px;}
	.main_solution_section .blog-item-single .thumbnail {height: 450px;}
	.blog-item-single .title_box a { font-size: 20px;}
	.post-list-wrap h3 a { 	font-size: 20px;}
	.post-list-wrap .contents { font-size: 15px;}
	#main_solution_section_wrap > .blog_list_load {   padding-bottom: 150px ! IMPORTANT;}
	
	
	.main_prime_section .swiper-slide h2 { font-size: 22px;}
	.main_prime_section .swiper-slide .icon {left: 30px;  bottom: 20px;}
	#main_prime_section_wrap > .et_pb_row {  padding-top: 150px ! IMPORTANT;  padding-bottom: 150px ! IMPORTANT; }
	.main_prime_section .swiper-slide ul li { font-size: 14px;}
	
	
	.main_inquiry_section .text_wrap {padding-top: 150px;}
	.main_inquiry_section .text_wrap h3 {  font-size: 48px;}
	.main_inquiry_section .contact_form_wrap {padding-top: 150px;padding-left: 120px;}
	.cf_data_wrap {column-gap: 20px; row-gap: 20px;}
	.cf_data_wrap .line {width: calc((100% - 22px) / 2);}
	.wpcf7 .cf_section { margin-bottom: 60px;}
	.cf_submit_wrap .wpcf7-submit {font-size: 20px;}
	.cf_cehck_wrap .wpcf7-list-item-label {height: 3.2em;   padding: 0 1.6em; line-height:3.2em}
	
	
	
}



@media (max-width:1366px) {
	.main_inquiry_section .text_wrap h3 {  font-size: 40px; }
	.main_inquiry_section .contact_form_wrap {padding-left: 80px;}
}



@media (max-width:1200px) {
	 .et_pb_section { padding: 0; }
	 .et_pb_column .et_pb_row_inner, .et_pb_row {  padding: 0;}
	
	.main_title_wrap {/* bottom: 300px; */}
	.main_recent_work {   right: auto; left: 0;}
	.main_visual .main_title_wrap h2 {  font-size: 54px;  }
	.main_visual .main_title_wrap .link_btn {  font-size: 18px; }
	
	.num_increase_section {  padding: 50px 0 0;}
	.num_increase_section .title_wrap p { font-size: 16px;}
	.num_increase_section .title_wrap .link_btn {  font-size: 18px;  }
	.num_increase_section .num_wrap {  margin-top: -220px;; height: 750px;}
	.num_wrap .state { padding-left: 20px; padding-top: 80px;}
	.state.num_1 {  height: 250px;   max-height: 350px; }
	.state.num_2 {  height: 250px;   max-height: 450px;}
	.state.num_3 {  height: 350px;   max-height: 550px;}
	.state.num_4 {  height: 400px;   max-height: 650px;}
	.num_wrap #num_next { height: 400px;}
	
	.main_portfolio_section { padding: 100px 0 0; }
	h2.main_section_title { font-size: 90px;}
	.cpt-item {width: calc((100% - 25px) / 2);}
	.cpt-item .thumbnail img {  height: 30vw; }
	
	.main_service_section .service_item h3 {  font-size: 40px; }
	.main_service_section .service_item p, .service_item .contents a {  font-size: 16px; }
	.service_item .circle {  width: 20vw;  height: 20vw; }
	
	.main_onestop_section .circle_wrap {left: -25%;}
	.main_onestop_section .circle_wrap {  width: 880px;  height: 880px; }
	.main_onestop_section .text_wrap h2 {  font-size: 48px; }
	.main_onestop_section .text_wrap a { font-size: 18px; }
	.main_onestop_section {  height: 900px;  margin-bottom: 100px; }
	
	#main_solution_section_wrap > .section_title_row {  padding-top: 100px ! IMPORTANT;  padding-bottom: 65px ! IMPORTANT;}
	.main_sub_section h2 {  font-size: 40px; }
	.main_solution_section .blog_list_load .cate_main_blog {  padding-right: 0; width: 100%; }
	.main_solution_section .blog-item-single {  max-width: 100%; }
	.main_solution_section .blog_list_load .cate_main_blog {    padding-right: 0;     width: 100%;     margin-bottom: 40px; }
	.main_solution_section .blog_list_load .cate_all_blog {  width: 100%;}
	.post-list-wrap .inner_box {  display: flex;  flex-direction: row;  flex-wrap: nowrap; gap: 30px;}
	.post-list-wrap .inner_box .title_box {  width: calc(100% - 200px); padding-right: 0;}
	
	#main_solution_section_wrap > .blog_list_load { padding-bottom: 100px ! IMPORTANT; }
	
	#main_prime_section_wrap > .et_pb_row {  padding-top: 100px ! IMPORTANT;    padding-bottom: 100px ! IMPORTANT; }
	
	.main_inquiry_section .text_wrap {display: none;}
	#main_inquiry_section_wrap > .et_pb_row {width: 100%;}
	.main_inquiry_section .contact_form_wrap {  padding-left: 25px;  padding-right: 25px;   width: 100%;   padding-top: 100px; padding-bottom: 100px; }
	.main_inquiry_section .contact_form_wrap .bg_white {width: 100% ! IMPORTANT;}
	.cf_data_wrap .line input {max-width: 100%;}
	
}



@media (max-width:980px) {
	
	.et_fixed_nav #main-header {background-color: #08080859 !important;   border-bottom: 1px solid #d9d9ec33;  backdrop-filter: blur(24px);}
	.et_header_style_left .et-fixed-header #et-top-navigation, .et_header_style_left #et-top-navigation { padding-top: 13px !important;}
	.et_header_style_left #et-top-navigation .mobile_menu_bar {  padding-bottom: 15px ! IMPORTANT;}
	.et_header_style_left #logo {height: 24px;}
	#mobile_menu {background: #fff !important;}
	#mobile_menu li a {color:#222}
	
	
	
}


@media (max-width:767px) {
	h2.main_section_title {   font-size: 65px;  }
	
	.main_service_section .service_item {flex-direction: column-reverse; top: 30px;}
	.main_service_section .service_item h3 {  font-size: 30px; }
	.service_item .imgs {  width: 100%;text-align: CENTER;  margin-bottom: 8vw; }
	.service_item .circle {  width: 50vw;  height: 50vw; }
	.service_item .contents {  width: 100%;}
	.service_item .circle .icon {  width: 150px;  height: 150px;}
	
	.num_wrap p { font-size: 13px; }
	
	.main_onestop_section .circle_wrap {  left: -30%; }
	.main_onestop_section .text_wrap {width: 55%;}
	.main_onestop_section {  height: 600px;   margin-bottom: 50px;  }
	.main_onestop_section .circle_wrap {   width: 480px;  height: 480px; }
	.main_onestop_section .circle_wrap p {  font-size: 20px;}
	.main_onestop_section .text_wrap p { font-size: 15px; }
	.main_onestop_section .text_wrap h2 { font-size: 30px; }
	.circle_wrap .pointer {width: 28px;  height:28px;}
	.circle_wrap .pointer:after {width: 12px;  height: 12px;}
	.circle_wrap .circle.num_02 .pointer.lc {  top: 12%;   left: 12%; }
	.circle_wrap .circle.num_02 .pointer.rc { top: 91%; left: 74%;}
	.circle_wrap .circle.num_04 .pointer.sm {  top: 93%;  left: 70%;}
	.circle_wrap .circle.num_01 .pointer.sm {   top: 32%;  left: 1.3%;}
	.circle_wrap .circle.num_01 .pointer {  top: 13%; left: 81%;}
	.circle_wrap .circle.num_03 .pointer {  top: 6.5%;  left: 16%;}
	

	
	.post-list-wrap .contents {display: none}
	
	.cf_data_wrap .line { width: 100%; }
	.cf_section .cf_message_wrap textarea {height: 220px;}
	.cf_file_wrap .file_name_wrap {max-width: 100%;}
	.cf_cehck_wrap .wpcf7-form-control,
	.cf_cehck_wrap.money .wpcf7-form-control { padding-right:0 }
	
	.footer_bottom {flex-direction: column-reverse;}
	.footer_bottom .footer_link {flex-direction: column;}
	.footer_bottom .copyright {text-align: center;}
	.footer_bottom .footer_link .page_menu {  margin-right: 0;  margin-bottom: 20px;}
	.footer_bottom .footer_link  .social_menu {  margin-bottom: 20px;}
	
	.side_quick_cf_wrap {right: -400px; top: 100px;}
	.side_quick_cf_wrap .cf_body {width: 400px;}
	.side_quick_cf_wrap .heading_txt h2 { font-size: 18px;}
	.side_quick_cf_wrap .heading_txt p { font-size: 14px;}
	.side_quick_cf_wrap .cf_body {padding: 20px;}
	.side_quick_cf_wrap .cf_side_body {  padding: 20px 15px 20px 20px;}
	.cf_side_body .line {  display: flex;    align-items: flex-start;    margin-bottom: 10px;    flex-direction: column;    gap: 5px;}
	.cf_side_body .line h3 {  font-size: 14px; width:100%;}
	.cf_side_body .line > p {   width: 100%;}
	.cf_side_body .line input {height: 40px; width: 100%;}
	.cf_side_body .nice-select { width: 100%;}
	.privacy_check_wrap .wpcf7-list-item label input + span {font-size: 14px;}
	.side_quick_cf_wrap .cf_submit_wrap .wpcf7-submit {font-size: 16px;   height: 3.2em;}
	.side_quick_cf_wrap .call-area > p {display:none}
	
	
	
}



@media (max-width:480px) {
	.container, .et_pb_row { width: 90%;}
	
	.main_title_wrap { /* bottom: 280px; */}
	.main_visual .main_title_wrap p {  font-size: 15px; }
	.main_visual .main_title_wrap h2 {  font-size: 36px; }
	.default_link_btn {   font-size: 16px; line-height: 1em; padding: 1em 1.7em;}
	.main_recent_work {height: 120px; bottom: 100px;}
	.main_recent_work .thumbnail { width: 120px; height: 100px; }
	.main_recent_work .title_box { width: calc(100% - 140px);}
	.main_recent_work .title_box .title {   padding-bottom: 0; padding-right: 20px;}
	
	.blog_view_more a {font-size: 15px;}
	.blog_view_more a:after {top: 4px;}
	
	.main_suit_text {padding-right: 3em;}
	
	#partner_swiper01 {  padding: 30px 0; }
	#partner_swiper01 .swiper-slide { width: 100px; }
	
	.num_increase_section .title_wrap h2 {  font-size: 36px; }
	.num_increase_section .num_wrap {height: 300px; margin-top: -100px;}
	.state.num_1 {  height: 50px;   max-height: 100px; }
	.state.num_2 {  height: 80px;  max-height: 150px;}
	.state.num_3 {  height: 100px;   max-height: 200px;}
	.state.num_4 {  height: 120px;  max-height: 250px;}
	.num_wrap #num_next {  height: 120px;}
	.num_wrap .state { padding-top: 40px; padding-left:10px; grid-row-gap: 0;}
	.num_wrap p {  font-size: 3vw; }
	.num_wrap .start_num { font-size: 5vw;  }
	.num_wrap #num_prev {height:80px}
	
	
	h2.main_section_title {  font-size: 46px; }
	
	.cpt-item {  width: 100%; }
	.cpt-item .thumbnail img {  height: 60vw; }
	.cpt-item > a {border-radius: 10px;}
	.cpt-item .title_box a { font-size: 15px; }
	.main_portfolio_list { flex-wrap: wrap;  column-gap: 20px; row-gap: 30px;}
	.cpt-item .title_box .cat-name {padding: 7px 10px;  border-radius: 4px;}
	
	
	.main_service_section .service_item h3 { font-size: 26px; }
	.main_service_section .service_item p, .service_item .contents a { font-size: 15px; }
	.main_service_section .service_item p {height: 10em;}
	.main_service_section .service_item {padding-top: 40px;  padding-bottom: 80px;}
	.main_service_section.under {  padding: 0 0 30px;}
	
	.main_onestop_section .circle_wrap {  left: -60%;  }
	.main_onestop_section .circle_wrap p { font-size: 16px; }
	.main_onestop_section .text_wrap {  width: 65%; }
	.main_onestop_section .text_wrap h2 { font-size: 24px; }
	.main_onestop_section .text_wrap a { font-size: 16px; }
	
	.main_solution_section .blog-item-single .post-list-wrap .thumbnail {border-radius: 15px;height: 300px;}
    .blog-item-single .post-list-wrap .title_box a {  font-size: 16px; }
	.blog-item-single .post-list-wrap .cat-name { font-size: 14px;}
	.blog-item-single .post-list-wrap .inner_box { gap: 0;}
	.post-list-wrap .thumbnail {   width: 120px;   height: 120px; border-radius: 10px;}
	.post-list-wrap .inner_box {gap: 20px;}
	.post-list-wrap .cat-name { font-size: 14px;}
	.post-list-wrap .categories {  margin-bottom: 0;}
	.post-list-wrap .inner_box .title_box { width: calc(100% - 140px);}
	.post-list-wrap h3 a {  font-size: 15px; }
	
	 #main_solution_section_wrap > .blog_list_load {   padding-bottom: 50px ! IMPORTANT; }
	
	#main_prime_section_wrap > .et_pb_row {  padding-top: 50px ! IMPORTANT;  padding-bottom: 50px ! IMPORTANT; }
	
	.main_sub_section h2 {  font-size: 32px;  }
	.main_prime_section .swiper-slide .inner {padding: 20px;  border-radius: 15px; height: 240px;}
	.main_prime_section .swiper-slide .icon { left: 10px;  bottom: 10px; }
	.main_prime_section .swiper-slide .icon img {display: block;  width: 60px;}
	.main_prime_section .swiper-slide h2 {font-size: 18px; }
	
	.main_inquiry_section .contact_form_wrap {padding-top: 50px;  padding-bottom: 50px;}
	.wpcf7 .cf_section h2 {  font-size: 20px;line-height: 1.4em;}
	.cf_data_wrap .line input {height: 60px;padding: 1.2em;}
	.wpcf7 .cf_section .comment {line-height: 1.4em;}
	.cf_file_wrap .file_comment {line-height: 1.4em;}
	.cf_submit_wrap .wpcf7-submit { letter-spacing: -0.01em;         font-size: 16px;        padding: 0 1.7em;        height: 50px;        line-height: 50px;  }
	.cf_cehck_wrap .wpcf7-list-item-label { height: 3em;  padding: 0 1em;  min-width: 75px; line-height: 3em; }
	
	
	
	
	#main-footer #footer-widgets {  padding-top: 50px !important;}
	.footer_menu ul {gap: 15px; /*justify-content: space-between; */}
	.footer_info .m_block {display: block;   font-size: 0;   line-height: 1em;}
	
	
	 .side_quick_cf_wrap {  right: -300px;  top: 80px; }
	 .side_quick_cf_wrap .cf_body {  width: 300px; }
	 .cf_side_body .line input { height: 35px;}
	 .side_quick_cf_wrap .cf_submit_wrap .wpcf7-submit {height: 50px;  line-height: 50px;}
	 .side_quick_cf_wrap .cf_submit_wrap {   margin-bottom: 10px;}
     .side_quick_cf_wrap .call-area h4 a {  font-size: 18px;}
	 .side_quick_cf_wrap .call-area { padding: 8px;}
	.side_quick_cf_wrap .call-area .icons img { width: 30px;}
	.side_quick_cf_wrap .side_label {left: -35px;  width: 35px;  height: 90px;}
	.side_quick_cf_wrap .side_label span {font-size: 15px; width: 90px;  height: 30px;left: -22px;  top: 30px;}
	
}







/** End of CSS **/