/*공통*/
.w1500 {width:1500px; margin:0 auto;}

/*헤더*/
header {position:fixed; left:0; top:0; width:100%; z-index:999;}
.nav-up {top: -80px;}
header.hidd- { visibility:hidden; }
header.not- {background:#fff; box-shadow:0 5px 20px rgba(0,0,0,0.04);}
header.not- a {color:#111;}
header .width {position:relative; display:flex; justify-content:space-between; align-items:center; padding:0 50px; z-index:105}
header .header_wrap {position:relative; border-bottom:1px solid rgba(255,255,255,0.25);}
header .header_wrap.bg- {background-color:#fff !important; color:#000 !important; border-bottom:1px solid #ddd; box-shadow:0 5px 10px rgba(0,0,0,0.1);}
header .header_wrap.bg- .depth1>li>a { color:#000; }
header h1 {width:15%}
header .depth1 {display:flex;  width:70%; justify-content:center; }
header .depth1>li {position:relative; text-align:center; padding:0 3.5%;} 
header .depth1>li:hover span {color:var(--txt-color);}
header .depth1>li>a {display:block; font-size:21px; color:#fff; font-weight:bold; line-height:90px; }
header .depth1>li.on:hover {color:var(--txt-color);}
header .depth1>li.on:hover span::after {display:block; position:absolute; bottom:-1px; content:""; display:block; width:100%; height:3px; background:var(--bg-color);}
header .depth1>li.on span {position:relative; display:block; line-height:90px; white-space:nowrap;  }
header .depth2 {display:none; position:absolute; left:0; /*top:100px; */width:100%; background:#fff; margin-top:1px; padding:15px 0; z-index:101; }
header .depth2:hover { display:block; }
header .depth2.on { display:block }
header .depth2 li a {display:block; font-size:16px; font-weight:500; text-align:center; padding:10px 10px;}
header .depth2 li a:hover {font-weight:600; color:var(--txt-color)}
header .util_wrap {display:flex; align-items:center; gap:0 20px; justify-content:right; width:15%;} 
header .util {display:flex; align-items:center; flex-wrap:wrap; justify-content:end; padding:15px 0 15px 0;}
header .util>li {position:relative;}
header .util>li::before {content:""; display:inline-block; width:1px; height:8px; margin:0 12px; background:#e5e5e5;}
header .util>li:first-child::before {display:none;}
header .util>li>a {display:inline-block; color:#fff; font-size:12px; font-weight:400; } 
header .util>li i {font-size:15px; vertical-align:middle;}
header .util .quick_my {position:absolute; left:40%; top:30px; transform:translate(-40%, 0); min-width:130px; border-radius:5px; background:#fff; padding:10px; box-shadow:0 0 10px rgba(0,0,0,0.1); z-index:88;}
header .util .quick_my li {border-bottom:1px dotted #ddd; }
header .util .quick_my li:last-child {border-bottom:0;}
header .util .quick_my li a {display:block; font-size:14px; color:#555 !important; padding:10px 0; text-align:center;}
header .util .quick_my li a:hover {font-weight:bold;}
header .m_menubtn {display:none;}
header .menu_bg {display:none;position:absolute; top:90px; width:100%; height:260px; background:#fff; border-top:1px solid #ddd; z-index:100; /*transition:height 0.3s ease-in-out;*/ box-shadow:0px 5px 10px rgba(0,0,0,0.05); /*display:none;*/ z-index:101;}
header .menu_bg.on { display:block; } /*추가*/
header .search { text-align:right;}
header .search a {font-size:24px; font-weight:200; color:#fff;}
header .search.on a {color:#333 !important;}
header .util>li .axi-perm-identity {font-size:30px; font-weight:200; color:#fff;}
/*header .menu_bg::after {content:""; display:block; position:absolute; top:90px; width:100%; height:1px; background:#ddd; }*/

header.on a { color:#fff !important; }
header.not- {background-color:#fff; box-shadow:0 5px 20px rgba(0,0,0,0.01);}
header.not- a { color:#111 !important; }
header.on .depth2>li a { color:#333 !important; }
header.not- .depth2>li a { color:#333 !important; }
header.on .depth2 { border:none; }
.header_wrap.bg- .util>li>a { color:#333 !important; }
.header_wrap.bg- .util>li .axi-perm-identity {color:#333 !important; }


footer {background:#383b43; padding:50px 0;  }
footer .f_top {display:flex; flex-wrap:wrap; align-items:center; gap:15px 40px; margin-bottom:30px;}
footer .b_link {display:flex; flex-wrap:wrap; align-items:center; gap:10px 35px;}
footer .b_link li:first-child a {font-weight:bold;}
footer .b_link a {color:#ffffff; font-weight:400; font-size:15px;}
footer .b_logo {max-width:280px;}
footer .company_info {color:#ffffff; line-height:1.6; font-size:15px; font-weight:400; }



/*메인*/
.main_con {overflow:hidden;}

.main_visual_wrap {position:relative; overflow:hidden;}
.main_visual_wrap .swiper-slide img {width:100%; height:100vh; object-fit:cover;}
.main_visual_wrap .swiper-slide-active img { transform:scale(1.05); animation:main-bg-anim 5.5s ease-in-out forwards;}
.main_visual_wrap .swiper-pagination_wrap {display:flex; gap:20px; position:absolute; left:50% !important; bottom:30% !important; transform:translate(-50%, 0%); width:1440px !important; text-align:left; z-index:99;}
.main_visual_wrap .swiper-pagination_wrap button {width:20px; height:20px; background-color:rgba(255,255,255,0.2); color:#fff; border-radius:100px; font-size:10px;}
.main_visual_wrap .swiper-pagination {position:initial; display:flex; gap:15px; align-items:center; width:auto;}
.main_visual_wrap .swiper-pagination span {display:flex; gap:10px; align-items:center; width:auto; height:auto; color:#fff; opacity:0.5; font-size:16px;}
.main_visual_wrap span.swiper-pagination-bullet {background:none;}
.main_visual_wrap span.swiper-pagination-bullet-active {color:#eda314; opacity:1;}
.main_visual_wrap span.swiper-pagination-bullet-active::after {content:""; display:inline-block; height:2px; background:#eda314; transform:translate(0%, -50%); animation:main_pagination 2.5s 0s forwards; opacity:0;}
.main_visual_wrap .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.main_visual_wrap .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {margin:0;}
.main_visual {position:relative;}
.main_visual .main_txt {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:1440px;}
.main_visual .main_txt .b1 {font-size:72px; color:#fff; font-weight:700; line-height:1.2; opacity:0; transform:translate(0, 40px);  transition:transform 2.5s ease-in-out, opacity 2.5s ease-in-out;}
.main_visual .main_txt .b1 b {font-size:55px; color:#fff; font-weight:900;}
.main_visual .main_txt .b2 {font-size:26px; line-height:1.2; color:#fff; font-weight:bold; margin-top:30px; opacity:0; transform:translate(0, 35px);  transition:transform 1.3s linear, opacity 2.5s linear; transition-delay:1s; font-weight:500;}
.main_visual .swiper-slide-active .b1 {opacity:1; transform:translate(0,0);}
.main_visual .swiper-slide-active .b2 {opacity:1; transform:translate(0,0);}

.main_visual_wrap .btn-motion_wrap {position:absolute; bottom:20px; left:48.5%; transform:translate(0%, 0px); z-index:10; }
.main_visual_wrap .btn-motion7 {}
.main_visual_wrap .btn-motion7-txt {margin-top: 50px; letter-spacing: 12px;text-indent: 12px;color: #000; animation: colorText 7s ease-out infinite, btn-motion7-txt 7s ease-out infinite;}
.main_visual_wrap .btn-motion7 {position: relative;width: 52px;height: 40px;border-radius: 100px; margin-bottom:5px;}
.main_visual_wrap .btn-motion7:before,
.main_visual_wrap .btn-motion7:after {content:""; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;}
.main_visual_wrap .btn-motion7:before {width:26px; height:40px; border:1px solid rgba(255,255,255,0.6); border-radius:100px;}
.main_visual_wrap .btn-motion7:after {background-color:rgba(255,255,255,0.8); width:3px; height:3px; border-radius:100%; animation:trackBallSlide 7s linear infinite;}

.main_visual_wrap .btn-motion6 {display:flex; flex-direction:column; align-items:center; }
.main_visual_wrap .btn-motion6 span {position:relative; width:10px; height:10px; border-left: 1px solid #fff;border-bottom: 1px solid #fff; transform: rotate(-45deg); animation: btn-motion6 3s infinite;opacity: 0;box-sizing: border-box;}
.main_visual_wrap .btn-motion6 span:nth-of-type(1) {animation-delay: 0s;}
.main_visual_wrap .btn-motion6 span:nth-of-type(2) {top: -3px;animation-delay: .2s;}
.main_visual_wrap .btn-motion6 span:nth-of-type(3) {top: 14px; animation-delay: .3.5s;}

@keyframes main-bg-anim {
0% {opacity:1; transform:scale(1.05)}
100%  {opacity:1; transform:scale(1)}
}

@keyframes main_pagination {
0% {
	width:1px; opacity:0;
	}
100% {
	width:45px; opacity:1;
	}
}

@keyframes trackBallSlide {
  0% {
    opacity: 1;
    transform: scale(1) translateY(-10px);
  }
  6% {
    opacity: 1;
    transform: scale(0.9) translateY(2px);
  }
  14% {
    opacity: 0;
    transform: scale(0.4) translateY(20px);
  }
  15%, 19% {
    opacity: 0;
    transform: scale(0.4) translateY(-10px);
  }
  28%, 29.99% {
    opacity: 1;
    transform: scale(1) translateY(-10px);
  }
  30% {
    opacity: 1;
    transform: scale(1) translateY(-10px);
  }
  36% {
    opacity: 1;
    transform: scale(0.9) translateY(2px);
  }
  44% {
    opacity: 0;
    transform: scale(0.4) translateY(20px);
  }
  45%, 49% {
    opacity: 0;
    transform: scale(0.4) translateY(-10px);
  }
  58%, 59.99% {
    opacity: 1;
    transform: scale(1) translateY(-10px);
  }
  60% {
    opacity: 1;
    transform: scale(1) translateY(-10px);
  }
  66% {
    opacity: 1;
    transform: scale(0.9) translateY(2px);
  }
  74% {
    opacity: 0;
    tran
  }
}

@keyframes btn-motion6 {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.6;
  }
  100% {
    opacity: 0;
  }
}

/*기술*/
.technical {position:relative; margin:90px auto}
.technical::before {position:absolute; left:-7%; content:""; display:block; width:802px; height:802px; border-radius:1000px; background:linear-gradient(180deg,rgba(248, 248, 248, 1) 0%, rgba(255, 255, 255, 0) 100%); z-index:-1;}
.technical .t1 {display:block; font-size:20px; color:#111111; line-height:1.3; letter-spacing:10px; font-weight:200; text-align:center;}
.technical .t2 {font-size:42px; color:#111111; letter-spacing:-0.5px; font-weight:bold; text-align:center; margin-top:35px;}
.technical ul {display:flex; gap:0 35px; margin-top:100px;}
.technical li {position:relative; width:calc((100% - 140px) / 5); height:440px;}
.technical li:nth-child(even) {bottom:-50px;}
.technical li em {position:absolute; left:0; top:0; width:100%; height:100%; background-size:cover; background-repeat:no-repeat; border-radius:40px 0 40px 0; overflow:hidden; z-index:-1}
.technical li em::after {position:absolute; left:0; top:0; content:""; display:block; width:100%; height:100%; background-color:rgba(0,0,0,0.5); opacity:0; transition:0.4s linear;}
.technical li:hover em::after {opacity:1;}
.technical li.technical_01 em {background-image:url('../images/main14/technic_img01.webp'); }
.technical li.technical_02 em {background-image:url('../images/main14/technic_img02.webp'); }
.technical li.technical_03 em {background-image:url('../images/main14/technic_img03.webp'); }
.technical li.technical_04 em {background-image:url('../images/main14/technic_img04.webp'); }
.technical li.technical_05 em {background-image:url('../images/main14/technic_img05.webp'); }
.technical li a {display:block; width:100%; height:100%; padding:50px 0 0 30px}
.technical li .t3 {font-weight:bold; color:#fff; font-size:26px; text-shadow:rgba(0,0,0,0.5) 1px 0 10px;}
.technical li .on_div {position:absolute;  bottom:-40px; right:0; height:220px; background-color:var(--bg-color); border-radius:40px 0 40px 0; padding:46px 35px; opacity:0; transform:translateY(40px); transition:opacity 1s, transform 1s;}
.technical li .on_div p {color:#fff; font-size:28px; font-weight:500; line-height:1.3;}
.technical li .on_div button {position:absolute; right:20px; bottom:20px; color:#fff; font-size:24px; font-weight:bold; background:rgba(0,0,0,0.15); border-radius:100px; width:40px; height:40px;}
.technical li:hover .on_div {opacity:1; transform:translateY(0)}

/*메인제품*/
.main_product {position:relative; margin:170px 0 110px 0}
.main_product::before {position:absolute; z-index:-1; content:""; display:block; width:100%; height:61%; background-color:#f8f8f8;}
.main_product .product_info {display:flex; gap:0 40px; justify-content:space-between; align-items:end; padding:85px 0 70px 0; }
.main_product .product_info .t1 span {display:inline-block; color:var(--txt-color); font-size:18px; font-weight:500; margin-bottom:15px;}
.main_product .product_info .t1 p  {font-size:36px; color:#111111; line-height:1.4; font-weight:bold;}
.main_product .product_info .t2 {font-size:18px; line-height:1.5; color:#555555; margin-bottom:5px;}
/*.main_product .product_info .t2::before {content:""; display:block; width:35px; height:4px; background-color:var(--bg-color); margin-bottom:30px;}*/
.main_product .main_p_list {position:relative;}
.main_product .main_p_list .img {position:relative; padding-bottom:70.5%; margin-bottom:15px; overflow:hidden; }
.main_product .main_p_list .img img {position:absolute; left:50%; top:50%; width:100%; object-fit:cover; transform:translate(-50%, -50%); transition:transform .3s ease-in-out;}
.main_product .main_p_list li div {text-align:center;}
.main_product .main_p_list li:hover .img img {transform:translate(-50%, -50%) scale(1.06)}
.main_product .main_p_list .category {display:inline-block; background-color:var(--bg-opacity10); color:var(--txt-color); border-radius:6px; padding:9px 20px; font-size:16px; font-weight:bold;}
.main_product .main_p_list .name {font-size:20px; font-weight:800; color:#111111; margin:20px 0 20px 0;}
.main_product .main_p_list .de {font-size:15px; line-height:1.5; color:#666666; font-weight:500; padding:0 20px;}
.main_product .main_p_list .swiper-container {overflow:hidden;}
.main_product .main_p_list button {position:absolute; top:23%; width:72px; height:72px; background:#fff; border-radius:100px; color:#030102; font-size:40px; box-shadow:0 0 15px rgba(0,0,0,0.14); z-index:2; opacity:0; }
.main_product .main_p_list:hover button {transition: 1s ease-out; opacity:1;}
.main_product .main_p_list:not(:hover) button {transition: 1s ease-out;}
.main_product .main_p_list .prev {left:-36px; }
.main_product .main_p_list .next {right:-36px;}

/*메인홍보*/
.ad {display:flex; flex-wrap:wrap; flex-direction:column; justify-content:center; align-items:center; width:100%; padding:125px 40px 115px 40px; background-image:url('../images/main14/ad_bg.webp'); background-size:cover; background-position:center center; background-attachment: fixed; background-repeat:no-repeat; }
@supports (-webkit-touch-callout: none) {
	.ad {background-attachment: scroll;}
}
.ad .t1 {font-size:48px; line-height:1.4; color:#ffffff; font-weight:800; text-align:center; }
.ad .t1 br {display:none;}
.ad .t2 {font-size:20px; line-height:1.4; color:#ffffff; font-weight:500; margin:40px 0 60px 0; text-align:center;}
.ad ul {display:flex; align-items:center; gap:0 20px; justify-content:center; width:100%;}
.ad ul li {min-width:350px;}
.ad ul a {display:flex; align-items:center; gap:0 20px; justify-content:space-between; padding:20px 20px 20px 35px; background-color:#0b2a58; color:#fff; font-size:20px;}
.ad ul a span {display:flex; align-items:center; justify-content:center; width:42px; height:42px; border-radius:100px; border:2px solid #fff; }

/*하단 박스*/
.b_box > .w1500 {display:flex; gap:30px; margin:115px auto;} 

.main_board {width:35%; border:12px solid #f0f0f0; padding:35px 45px;}
.main_board .title {display:flex; align-items:center; gap:0 10px; justify-content:space-between;}
.main_board .title .t1 {font-size:24px; color:#222; font-weight:800; }
.main_board .title button {}
.main_board .tab ul {display:flex; flex-wrap:wrap; margin:24px 0;}
.main_board .tab ul li {border:1px solid #fff; padding:13px 14px; font-size:15px; font-weight:500; background:#f7f7f7; color:#888888; border-bottom:none;}
.main_board .tab ul li:hover {cursor:pointer;}
.main_board .tab ul li + li {border-left:none;}
.main_board .tab ul li.on {background:#fff; border:1px solid var(--line-color); border-bottom:none; color:var(--txt-color); }
.main_board .list {}
.main_board .list li:first-child {border-bottom:1px solid #e6e6e6; padding-bottom:23px; margin-bottom:23px;}
.main_board .list li:first-child a {}
.main_board .list li:first-child .list_top {display:flex; align-items:center;  gap:0 15px; margin-bottom:13px;}
.main_board .list li:first-child .f_date {min-width:60px; border-radius:3px; padding:15px; text-align:center; background-color:var(--bg-opacity10);}
.main_board .list li:first-child .f_date p:nth-child(1) {font-weight:900; font-size:17px; margin-bottom:7px; color:var(--txt-color); }
.main_board .list li:first-child .f_date p:nth-child(2) {color:#333333; font-size:11px;}
.main_board .list li:first-child .t2 {font-size:19px; line-height:1.4; color:#333; font-weight:700;}
.main_board .list li:first-child .t3 {font-size:13px; line-height:1.5; color:#888888; font-weight:500;}
.main_board .list li:nth-child(n+2) {position:relative; margin-bottom:15px; padding-left:15px;}
.main_board .list li:nth-child(n+2)::before {position:absolute; top:4px; left:0; content:""; display:inline-block; width:4px; height:4px; background:#222222;}
.main_board .list li:nth-child(n+2) a {display:flex; align-items:center;}
.main_board .list li:nth-child(n+2) p {font-size:16px; color:#555555; font-weight:500;}

.contact  {width:45%; background:#f0f0f0; padding:35px 45px;}
.contact .title {font-size:24px; font-weight:800; color:#222222; }
.contact .sub_title {font-size:15px; line-height:1.3; color:#555555; margin:15px 0 20px 0;}
.contact .input_box ul {display:flex; gap:10px; flex-wrap:wrap;}
.contact .input_box ul input[type="text"] {width:100%; border:1px solid #eeeeee; border-radius:3px; padding:0px 20px; line-height:50px; font-size:16px; color:#555555;}
.contact .input_box ul li {width:calc((100% - 10px) / 2); }
.contact .input_box ul li.email {width:100%;}
.contact .input_box textarea {width:100%; height:120px; margin-top:10px; border:1px solid #eeeeee; border-radius:3px; padding:15px 20px; font-size:16px; color:#555; }
.contact button {position:relative; width:100%; background-color:var(--bg-color); padding:0px 10px; line-height:58px; border-radius:3px; text-align:center; overflow:hidden; margin-top:20px;}
.contact button::before {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5); }
.contact button span {position:relative; color:#fff; font-weight:600; font-size:18px; z-index:1;}

.box3 {width:35%; display:flex; flex-direction:column; gap:30px 0; }
.box3 .customer_s {border:12px solid #f0f0f0; padding:35px 45px;}
.box3 .customer_s .title {font-size:24px; font-weight:800; color:#222222;}
.box3 .customer_s .num {font-size:36px; color:var(--txt-color); font-family:'42dot Sans'; font-weight:bold; margin:20px 0;}
.box3 .customer_s .time {font-size:15px; line-height:1.5; color:#555555; }
.box3 .customer_s div {display:flex; flex-wrap:wrap; gap:10px 20px; align-items:center; border-top:1px solid #e6e6e6; margin-top:20px; padding-top:20px;}
.box3 .customer_s dl {display:flex; align-items:center; gap:0 10px;}
.box3 .customer_s dl dt {font-size:15px; color:#333333; line-height:1.5; font-weight:bold;}
.box3 .customer_s dl dd {font-size:15px; color:#666666;  line-height:1.5; font-weight:500;}
.box3 .customer_s .main_sns {display:flex; flex-wrap:wrap; gap:3px;}
.box3 .customer_s .main_sns img {width:20px;}
.box3 .location_q {background:var(--bg-color) url('../images/main14/main_location.png') 95% center no-repeat; }
.box3 .location_q a {display:block; padding:35px 45px;}
.box3 .location_q .title {font-size:24px; font-weight:800; color:#fff;}
.box3 .location_q .add {font-size:14px; line-height:1.5; color:#ffffff; margin-top:15px; }

/*승소사례*/
.main_win {background:#f2f4f8; padding:60px 0;}
.main_win .title {display:flex; align-items:center; justify-content:space-between; font-size:40px; color:#222; font-weight:900; margin-bottom:25px;}
.main_win .title a {display:inline-block; font-size:13px; border:1px solid #ddd; border-radius:50px; padding:10px 15px; border:1px solid #ddd; color:#555; background-color:rgba(255,255,255,0.5);}
.main_win .win_wrap {display:flex; gap:0 60px;}
.main_win .big {width:45%; padding:60px 50px; background:#fff; gap:0 60px;}
.main_win .big a {display:block; }
.main_win .big .cate {display:inline-block; padding:12px 15px; background-color:var(--bg-color); color:var(--y-txt-color); font-size:18px;}
.main_win .big .tit {font-size:30px; font-weight:bold; color:#333333; margin:30px 0 40px 0; line-height:40px; height:80px;}
.main_win .big .txt {color:#333333; font-size:16px; line-height:30px;}
.main_win .big .more {position:relative; display:table; color:var(--txt-color); margin:40px 0 0 auto;}
.main_win .big .more::before {content:""; position:absolute; left:-10px; top:-15px; width:26px; height:26px; border-radius:100px; background-color:var(--bg-opacity10);}
.main_win .big .more img {background-color:var(--bg-color); vertical-align:middle; margin-left:5px;}
.main_win .small {display:flex; gap:25px; flex-direction:column; justify-content:space-between; width:calc(100% - 45% - 60px);}
.main_win .small .cate {display:inline-block; padding:8px 10px; background-color:var(--bg-color); color:var(--y-txt-color); font-size:15px;}
.main_win .small .tit {font-size:20px; font-weight:600; color:#222222; margin:20px 0 15px 0; line-height:30px;}
.main_win .small .txt {font-size:15px; color:#555555; line-height:24px; }
.main_win .small a {display:block;}
.main_win .small li:nth-child(2) {border-top:1px solid #cccbca; border-bottom:1px solid #cccbca;}
.main_win .small li:nth-child(2) a {padding:25px 0;}

/*오시는길*/
.main_bottom {margin:85px 0;}
.main_bottom .title { font-size:40px; color:#222; font-weight:900; margin-bottom:25px;}
.main_bottom .wrap {display:flex; justify-content:space-between; gap:0 6%;}
.main_bottom .box1 {width:47%; border-top:1px solid #c7c7c7;}
.main_bottom .info24 {display:flex; align-items:center; font-size:24px; color:#333; margin:40px 0;}
.main_bottom .info24 b {font-weight:700;}
.main_bottom .info24 img {vertical-align:middle; margin-right:20px;}
.main_bottom ul {display:flex; flex-wrap:wrap;}
.main_bottom ul li {width:50%; padding:40px 30px; border:1px solid #fff;}
.main_bottom ul li .tit {font-size:20px; font-weight:600; color:#333; margin-bottom:25px;}
.main_bottom ul li .tit i {margin-right:5px;}
.main_bottom ul li .txt {font-size:16px; line-height:24px; color:#666666; }
.main_bottom ul li:nth-child(1),
.main_bottom ul li:nth-child(4) {background:#f5f8fb;}
.main_bottom ul li:nth-child(2),
.main_bottom ul li:nth-child(3) {background:#ebf1f7;}
.main_bottom .box2 {width:47%; /*border:1px solid #ddd;*/}
.main_bottom .box2 img {max-width:100%; }


/*공통*/
/*html {font-size:62.5%}*/

/*모바일메뉴*/
.m_nav {position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:9999; }
.m_nav .menu_wrap {position:absolute; right:0; width:80%; background:#fff; height:100%;}
.m_nav .m_menu {height:100%;}
.m_nav .m_menu .m_nav_tab {display:flex; padding:15px 15px 0px 15px; }
.m_nav .m_menu .m_nav_tab li {width:50%;cursor:pointer; border:1px solid #ccc; }
.m_nav .m_menu .m_nav_tab li a {display:block; color:#888; font-size:17px; font-weight:600; text-align:center; padding:15px 0; }
.m_nav .m_nav_top {display:flex; justify-content:space-between; align-items:center; width:100%; border-bottom:1px solid #eee;}
.m_nav .m_nav_top .left {display:flex; align-items:center; width:200%; padding:0 0 0 20px;}
.m_nav .m_nav_top .left span {display:inline-block; margin-left:5px;}
.m_nav .m_nav_top .left li {margin-right:5px; display:flex; flex-wrap:wrap; align-items:center; }
.m_nav .m_nav_top .left a {display:block; font-size:13px; border:1px solid #aaa; padding:5px; border-radius:3px; color:#222; }
.m_nav .m_nav_top .left .join a {border-color:#ddd; color:#888; }
.m_nav .m_nav_top .right {display:flex; align-items:center; justify-content:end; width:100%;}
.m_nav .m_nav_top .right li {font-size:16px; margin:0 0 0 10px; height:100%;}
.m_nav .m_nav_top .right li a {padding:10px;}
.m_nav .m_nav_top .right li button {font-size:24px; background:#333; color:#fff; padding:10px 15px;}
.m_nav .depth1 {height:100%; padding:10px 20px 60px 20px; overflow-y:scroll; }
.m_nav .depth1 li {border-bottom:1px solid #f4f4f4;}
.m_nav .depth1 li a{display:flex; justify-content:space-between; padding:20px 0 20px 10px; }
.m_nav .depth1 li.on>a {color:blue;}
.m_nav .depth1 li a {font-size:18px; font-weight:600;}
.m_nav .depth2 { display:none; background:#f6f6f6; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:10px 0;}
.m_nav .depth1 > li.on .depth2 { display:block; }
.m_nav .depth2 li {}
.m_nav .depth2 li a {font-size:15px; font-weight:400; padding:15px 20px}



/****************************@@@@@@@@@@ 반응형 @@@@@@@@@@****************************/
/****************************@@@@@@@@@@ 1680px 이하@@@@@@@@@@해상도1680****************************/
@media all and (max-width:1680px) {
}


/****************************@@@@@@@@@@ 1520px 이하@@@@@@@@@@****************************/
@media all and (max-width:1520px) {
/*공통*/
.w1500 {width:100%; max-width:1500px; margin:0 auto; padding:0 30px;}
header .width {padding:0 30px}

/*메인*/
.main_visual .main_txt {width:100%; padding:0 50px 0 50px;}
.main_visual_wrap .swiper-pagination_wrap {width:100% !important; padding:0 0 0 50px;}

/*기술*/
.technical li .on_div {padding:40px 28px; height:200px;}
.technical li .on_div p {font-size:24px}
.technical li .on_div p br {display:none;}

/*메인제품*/
.main_product .main_p_list .prev {left:-26px;}
.main_product .main_p_list .next {right:-26px;}

/*하단 박스*/
.b_box > .w1500 {flex-wrap:wrap;}
.main_board {order:1; width:calc((100% - 30px) / 2);}
.contact {order:3; width:100%;}
.box3 {order:2;width:calc((100% - 30px) / 2);}
.contact .input_box ul li {width:calc((100% - 20px) / 3);}
.contact .input_box ul li.email {width:calc((100% - 20px) / 3);}

} 

/****************************@@@@@@@@@@ 1280px 이하@@@@@@@@@@****************************/
@media all and (max-width:1280px) {

/*기술*/
.technical ul {gap:0 25px;}
.technical li {height:350px; width:calc((100% - 100px) / 5);}
.technical li .on_div {padding:30px 20px; height:150px;}
.technical li .on_div p {font-size:20px}
.technical li .on_div button {width:30px; height:30px; font-size:18px;}

/*메인제품*/
.main_product .product_info {flex-wrap:wrap; gap:20px 0; padding:85px 0 40px 0;}
.main_product .product_info .t1 {width:100%;}
.main_product .product_info .t1 p br {display:none;}
.main_product .product_info .t2 {width:100%;}
.main_product .product_info .t2 br {display:none;}


}



/****************************@@@@@@@@@@ 1023px 이하 / 태블릿@@@@@@@@@@****************************/
@media all and (max-width:1023px) {
/*공통*/

/*헤더*/
header {position:sticky; position: -webkit-sticky; left:0; top:0; z-index:999; padding:15px 0; border-bottom:1px solid #e5e5e5; background:#fff;}
header h1 img {max-width:120px;}
header .depth1 {display:none;}
header .util_wrap {display:none;}
header .m_menubtn {display:block; font-size:25px;}
header .search {display:none;}

header .header_wrap.bg- {border-bottom:0; box-shadow:none;}
.sticky_wrap .nav-down .logo:first-child {display:none !important;}
.sticky_wrap .nav-down .logo {display:block !important;}

.main_con .main_visual img {height:auto;}
.main_visual .main_txt {top:45%;}
.main_visual .main_txt .b1 {font-size:44px !important; line-height:1.4 !important;}
.main_visual .main_txt .b2 {font-size:18px !important; line-height:1.4 !important; margin-top:15px;}
.main_visual_wrap .swiper-pagination_wrap {bottom:15% !important;}
.main_visual_wrap .btn-motion_wrap {display:none;}

/*기술*/
.technical {margin:70px auto;}
.technical .t1 {font-size:18px; }
.technical .t2 {font-size:38px; line-height:1.5; margin-top:28px;}
.technical ul {flex-wrap:wrap; gap:30px 25px; justify-content:space-evenly; margin-top:50px;}
.technical li {/*flex:1 1 calc((100% - 100px) / 3);*/ flex:0 1 220px}
.technical li .on_div {opacity:1; transition:none; bottom:0; transform:none;}
.technical li em::after {opacity:1; transition:none;}
.technical li:nth-child(even) {bottom:initial;}
.technical li .on_div p br {display:block;}

/*메인제품*/
.main_product {margin:70px 0 70px 0}
.main_product .main_p_list button {display:none;}

/*메인홍보*/
.ad ul li {min-width:initial; width:50%;}
.ad .t1 br {display:block;}

/*하단 박스*/
.b_box > .w1500 {gap:20px;}
.main_board {width:calc((100% - 20px) / 2); padding:25px;}
.box3 {width:calc((100% - 20px) / 2); gap:20px 0;}
.box3 .customer_s {padding:25px;}
.box3 .customer_s .num {font-size:32px;}
.box3 .location_q a {padding:25px;}
.contact {padding:25px;}
}

/****************************@@@@@@@@@@ 768px 이하 / 태블릿미니@@@@@@@@@@****************************/
@media all and (max-width:768px) {
.w1500 {padding:0 15px;}
header .width {padding:0 15px} 
header h1 img {max-height:35px;}

/*메인*/
.main_visual .main_txt {top:50%; padding:0 20px;}
.main_visual .main_txt .b1 {font-size:24px !important;}
.main_visual .main_txt .b2 {font-size:13px !important; margin-top:10px;}
.main_visual_wrap .swiper-pagination_wrap {display:none;}

/*기술*/
.technical {margin:40px auto}
.technical .t1 {font-size:14px; letter-spacing:10px;}
.technical .t2 {font-size:22px; margin-top:15px;}
.technical ul {gap:15px; margin-top:25px;}
.technical li {flex:none; width:100%;  height:auto;}
.technical li em {background-position:center; border-radius:10px 40px 10px 10px}
.technical li a {padding:40px}
.technical li .t3 { font-size:24px; padding-right:30px;}
.technical li .on_div {position:initial; height:auto; padding:0; background:none; margin-top:20px; }
.technical li .on_div p {font-size:16px; padding-right:30px;}
.technical li .on_div p br {display:none;}
.technical li .on_div button {right:0; width:40px; height:40px; font-size:30px; bottom:50%; transform:translate(-50%, 20px); background:rgba(0,0,0,0.6)}

/*메인제품*/
.main_product {margin:40px 0 40px 0;}
.main_product .product_info {padding:50px 0 20px 0;}
.main_product .product_info .t1 span {font-size:14px;}
.main_product .product_info .t1 p {font-size:22px;}
.main_product .product_info .t2 {font-size:15px;}
.main_product .main_p_list .category {font-size:13px; padding:8px 13px; }
.main_product .main_p_list .name {font-size:17px; margin:12px 0;}
.main_product .main_p_list .de {font-size:13px; padding:0 5px;}


/*메인홍보*/
.ad {padding:15% 20px 10% 20px;}
.ad .t1 {font-size:26px; }
.ad .t2 {font-size:16px; margin:20px 0 30px 0; }
.ad .t2  br {display:none;}
.ad ul {flex-wrap:wrap; gap:10px;}
.ad ul li {width:100%;}
.ad ul a {padding:15px 20px; font-size:15px; }
.ad ul a span {width:26px; height:26px; border-width:1px; font-size:12px;}

/*하단 박스*/
.b_box > .w1500 {margin:40px auto}
.main_board {width:100%; padding:20px;}
.main_board .title .t1 {font-size:20px; }
.main_board .tab ul {margin:18px 0; }
.main_board .list li:first-child {padding-bottom:16px; margin-bottom:16px;}
.main_board .list li:first-child .t2 {font-size:17px; }
.main_board .list li:first-child .f_date {padding:10px 13px}
.main_board .list li:nth-child(n+2) p {font-size:15px;}
.contact {padding:20px;}
.contact .title {font-size:20px;}
.contact .sub_title {font-size:14px; margin:15px 0;}
.contact .input_box ul {gap:6px;}
.contact .input_box ul input[type="text"] {line-height:40px; font-size:14px; padding:0 15px;}
.contact .input_box ul li {width:calc((100% - 6px) / 2)}
.contact .input_box ul li.email {width:100%;}
.contact .input_box textarea {margin-top:6px; padding:15px; font-size:14px;}
.contact button {font-size:15px; }
.box3 {width:100%;}
.box3 .customer_s {padding:20px; }
.box3 .customer_s .title {font-size:20px; }
.box3 .customer_s .num {font-size:30px;}
.box3 .customer_s .time {font-size:14px; }
.box3 .customer_s div {padding-top:15px; margin-top:15px;}
.box3 .location_q a {padding:20px;}
.box3 .location_q .title {font-size:20px;}

/*하단*/
footer {padding:30px 0;}
footer .b_link {gap:10px 15px; margin-top:15px;}
footer .b_link a {font-size:13px;}
footer .company_info {font-size:13px;}

}

/****************************@@@@@@@@@@ 530px 이하 / 모바일@@@@@@@@@@****************************/
@media all and (max-width:530px) {
/*html {font-size:54%}*/




/*모바일메뉴*/
.m_nav .m_nav_top .left {padding-left:15px}
.m_nav .depth1 {padding:10px 15px 60px 15px}
.m_nav .depth1 li a {padding:18px 0 18px 10px; font-size:17px;}
.m_nav .depth2 li a {padding:10px 15px; font-size:15px;}
}



/****************************@@@@@@@@@@ 380px 이하@@@@@@@@@@****************************/
@media all and (max-width:380px) {
}

/****************************@@@@@@@@@@ 360px 이하@@@@@@@@@@****************************/
@media all and (max-width:360px) {

}