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

body,h1,h2,h3,h4,h5,h6,h7,p,div,ul,li,a,button,input { font-family: 'Play', 'Noto Sans KR', sans-serif }
.m0 { margin:0  !important }
.mb0 { margin-bottom:0 !important }
.mb2 { margin-bottom:2px !important }
.mb4 { margin-bottom:4px !important }
.mb5 { margin-bottom:5px !important }
.mb6 { margin-bottom:6px !important }
.mb10 { margin-bottom:10px !important }
.mb15 { margin-bottom:15px !important }
.mb20 { margin-bottom:20px !important }
.mb25 { margin-bottom:25px !important }
.mb30 { margin-bottom:30px !important }
.mb35 { margin-bottom:35px !important }
.mb40 { margin-bottom:40px !important }
.mb45 { margin-bottom:45px !important }
.mb50 { margin-bottom:50px !important }
.mb55 { margin-bottom:55px !important }
.mb60 { margin-bottom:60px !important }
.mb70 { margin-bottom:70px !important }
.mb80 { margin-bottom:80px !important }
.mb90 { margin-bottom:90px !important }
.mb110 { margin-bottom:110px !important }
.text-center { text-align:center !important }
.text-left { text-align:left !important }
.text-right { text-align:right !important }

.main-inner { max-width:1300px; margin: 0 auto; padding:0 20px;}
.inner { max-width:1300px; margin: 0 auto; padding:0 10px;}
.visual {}
.visual .swiper-slide { height: 100vh; background: url(../img/main/img_visual1.jpg) no-repeat 50% 50%; background-size:cover; }
.visual .swiper-slide.slide1 { background-image: url(../img/main/img_visual1.jpg);}
.visual .swiper-slide.slide2 { background-image: url(../img/main/img_visual2.jpg);}
.visual .swiper-slide.slide3 { background-image: url(../img/main/img_visual3.jpg);}
.visual .swiper-slide.slide4 { background-image: url(../img/main/img_visual4.jpg);}
.visual .main-inner {  height: 100%; display: flex; justify-content:center;  flex-direction: column; }
.visual .main-inner h2 { font-size:30px; line-height: 1.4; color: #fff; font-weight: 500; margin-bottom: 45px; }
.visual .main-inner h2 span { font-size:34px; font-weight: 700; }
.visual .main-inner .btns a { display: inline-block; width:240px; height: 60px;border-radius:60px; border: 2px solid #fff; text-align: center; line-height: 54px; font-size:18px; color: #fff;  transition: all 0.3s ease;}
.visual .main-inner .btns a:after { content: ''; display: inline-block; vertical-align: middle; background: url(../img/main/ico_btn1.png) no-repeat 0 0; width:25px; height: 10px; margin:-3px 0 0 10px;}
.visual .main-inner .btns a:hover { background: #fff; color: #181818; border-color:#fff !important;  }
.visual .main-inner .btns a:hover:after { background-image: url(../img/main/ico_btn1_black.png); }
.visual .page-box { position: absolute;left: calc(50% - 630px); top:calc(50% + 180px);  z-index:100; display: flex; align-items: center; }
.visual .page-box .swiper-pagination { position: static; text-align: left; }
.visual .page-box .swiper-pagination-bullet { width:78px; height: 4px; margin-right:10px; border-radius:0; background: #fff; opacity:1; position: relative; }
.visual .page-box .swiper-pagination-bullet:before { content: ''; position: absolute; top:0; bottom:0; width:0; background: #59b6ff; }
.visual .page-box .swiper-pagination-bullet-active:before { animation: visualPageBar 4s linear;  }
.visual .page-box .btn-play { width:30px; height: 30px; border: 0; background: none; font-size:30px; color: #fff;  }
.visual .page-box .btn-play .on { display: none; }
.visual .page-box .btn-play.active .off { display: none; }
.visual .page-box .btn-play.active .on { display: inline;}
.visual .slide3 .main-inner h2 { color: #3e4149; }
.visual .slide3 .main-inner .btns a { color: #181818; border-color:#848484;  }
.visual .slide3 .main-inner .btns a:after { background-image: url(../img/main/ico_btn1_black.png); }
.visual .swiper-slide-active h2 { opacity:0; animation:textOn 1s cubic-bezier(.5, 0, .5, 1) both; }
.visual .swiper-slide-active .btns { opacity:0; animation:textOn 1s cubic-bezier(.5, 0, .5, 1) both; animation-delay: 0.5s; }



/* -------------------------------- */
/* 모바일 최적화 (768px 이하) - 강제 적용 */
@media screen and (max-width: 768px) {

  /* 모바일 배경 이미지 */
  .visual .swiper-slide { 
      height: 100vh;
      background: url(../img/main/m_img_visual1.jpg) no-repeat 50% 50%;
      background-size: cover !important;
  }
  .visual .swiper-slide.slide1 { background-image: url(../img/main/m_img_visual1.jpg) !important; }
  .visual .swiper-slide.slide2 { background-image: url(../img/main/m_img_visual2.jpg) !important; }
  .visual .swiper-slide.slide3 { background-image: url(../img/main/m_img_visual3.jpg) !important; }
  .visual .swiper-slide.slide4 { background-image: url(../img/main/m_img_visual4.jpg) !important; }

  /* 텍스트 크기 (강제) */
  .visual .main-inner { height: 100%; display: flex; justify-content: center; flex-direction: column; }
  .visual .main-inner h2 { 
      font-size: 15px !important; 
      line-height: 1.4 !important; 
      color: #fff; 
      font-weight: 500; 
      margin-bottom: 270px !important; 
  }
  .visual .main-inner h2 span { 
      font-size: 18px !important; 
      font-weight: 700 !important; 
  }

  /* 버튼도 축소 */
  .visual .main-inner .btns a { 
      display: inline-block;
      width: 160px !important;
      height: 45px !important;
      line-height: 41px !important;
      font-size: 14px !important;
      border-radius: 45px;
      border: 2px solid #fff;
      text-align: center;
      color: #fff;
      transition: all 0.3s ease;
  }
  .visual .main-inner .btns a:after {
      content: '';
      display: inline-block;
      vertical-align: middle;
      background: url(../img/main/ico_btn1.png) no-repeat 0 0;
      width: 18px; height: 8px;
      margin: -3px 0 0 6px;
      background-size: contain;
  }

  /* 페이지네이션 위치·크기 */
  .visual .page-box { 
      left: 50% !important; 
      transform: translateX(-50%) !important; 
      top: auto !important; 
      bottom: 20px !important; 
      z-index: 100; 
      display: flex; 
      align-items: center; 
  }
  .visual .page-box .swiper-pagination-bullet { 
      width: 40px !important; 
      height: 3px !important; 
      margin-right: 5px !important; 
  }
}

/* 참고: 파일 중간에 이런 문장이 있으면 반드시 주석 처리 */
/* 위의 신청은 모바일에서도 적용되도록 조금전에 네가 알려준것이다. … */



.fp-viewing-page5 .main_slider_box,
.fp-viewing-page6 .main_slider_box{ right:-120%; }
@keyframes textOn {
		from {
			 transform: translateY(20px);
		}
		to {
			opacity:1.0; transform: translateY(0px);
		}
	}


.section3 { padding-top:90px; height: 100%; background: url(../img/main/bg_section3.jpg) no-repeat 50% 50%;  background-size:cover; }
.section3 .main-inner { height: 100%;  display: flex; justify-content: center; flex-direction: column;}
.section3 h3 { font-size:50px; color: #181818; line-height: 1.3; font-weight: 500; margin-bottom:40px; font-family: 'Noto Sans KR'; }
.section3 .t2 { font-size:25px; line-height: 1.5; color: rgba(24,24,24,0.82);  margin-bottom: 120px; }
.section3 .btns a { display: inline-block; width:240px; height: 60px;border-radius:60px; border: 2px solid #666a70; text-align: center; line-height: 54px; font-size:18px; color: #181818; transition: all 0.3s ease; }
.section3 .btns a:after { content: ''; display: inline-block; vertical-align: middle; background: url(../img/main/ico_btn1_black.png) no-repeat 0 0; width:25px; height: 10px; margin:-3px 0 0 10px;}
.section3 .btns a:hover { background: #fff; color: #181818; border-color:#fff;}

.h2-main { font-size:28px; font-weight: 700; color: #3085c8; margin-bottom: 25px; }
.h2-main strong { position: relative;}
.h2-main strong:before { content: ''; position: absolute; right:-10px; top:0; width:9px; height: 9px;border-radius:100%; background: #3085c8; }
.h3-main { font-size:62px; font-weight: 700; color: #000; margin-bottom:60px; font-family: 'Play'; }
.h3-main i { font-size:40px; vertical-align: middle; margin-top:-10px; }
.h4 { margin: 50px 0 15px;  }
.h4 strong { display: block; padding-left: 44px; position: relative; font-size:28px; font-weight: 700; color: #222; line-height: 1; position: relative;}
.h4 strong:before{ content: ''; position: absolute;left: 0; top:50%; width:30px; height: 2px; background: #00589d; }
.h4 strong span { font-size:28px; }
.news-slider {}
.news-slider .swiper-container { overflow: visible; }
.news-slider .swiper-slide { width:450px !important; }
.news-slider .swiper-slide a { display: block; }
.news-slider .swiper-slide a .img { overflow: hidden; border-radius:20px; }
.news-slider .swiper-slide a .img img { vertical-align: top; }
.news-slider .swiper-slide a dl { padding-top:35px; }
.news-slider .swiper-slide a dl dt { font-size:22px; line-height: 30px; font-weight: 500;max-height: 60px; color: #181818; margin-bottom: 20px; overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2;  }
.news-slider .swiper-slide a dl dd { font-size:16px; line-height:25px; max-height: 75px; overflow: hidden; color: #adadad; text-overflow: ellipsis;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp:3;   }
.news-slider .page-box { position: relative; margin-top:60px;}
.news-slider .page-box .swiper-pagination-progressbar { height: 4px; width:calc(100% + 200px); background: #e1e1e1; }
.news-slider .page-box .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #59b6ff; }
.news-slider .page-box .btns { position: absolute; right:-200px; top:-23px; background: #fff; font-size:0;border-radius:46px; border: 2px solid #e1e1e1; padding:0 5px; z-index:10;}
.news-slider .page-box .btns .swiper-button-next, 
.news-slider .page-box .btns .swiper-button-prev { position: static; margin: 0;  display: inline-block; vertical-align: middle; width:38px; height: 46px; font-size:30px; color: #000; background: url(../img/main/ico_slider_news.png) no-repeat 50% 50%; border: 0; outline:none; font-size:0; }
.news-slider .page-box .btns .swiper-button-next { transform: scaleX(-1);}

.main-product { height: 100%; /*background: url(../img/main/bg_product.png) no-repeat 100% 100%;*/ position: relative; }
.main-product .main-inner { display: flex; flex-direction: column; justify-content: center; height: 100%; }
.main-product .menu { position: relative; z-index:100; width:40%;}
.main-product .menu ul{
	display: flex;
    gap: 10px;
    flex-wrap: wrap;
    flex-direction: column;
    margin-left: -20px

}
.main-product .menu ul li{ transition-duration: .5s}

.main-product .menu .btn-dep1 { display: inline-block; font-size:20px; line-height: 48px; color: #a4a4a4; padding: 0 20px; border-radius: 50px; width: 250px;}
.main-product .menu .btn-dep1 span { position: relative;}
.main-product .menu .btn-dep1 span:before { content: ''; position: absolute;left: -6px; right:-7px; bottom:-3px; height: 14px; background: #bce1fe; border-radius:14px; z-index:-1; opacity:0; transition: all 0.3s ease; }
.main-product .menu > ul > li.active .btn-dep1 span:before { opacity:0; }
.main-product .menu > ul > li:hover .btn-dep1  {  color: #fff; background: #3085c8; transition-duration: .5s}
.main-product .menu > ul > li.active .btn-dep1  {  color: #181818; font-weight: 500}
.main-product .menu > ul > li.active:hover .btn-dep1  {  color: #fff; background: #3085c8; transition-duration: .5s}
.main-product .menu .dep2 { display: none; position: absolute;left: 210px; top:0; }
.main-product .menu .btn-dep2 { display: block; font-size:18px; font-weight: 500; color: #a4a4a4; line-height: 38px; white-space: nowrap;}
.main-product .menu .btn-dep2.active { font-weight: 600; color: #181818; }
.main-product .btn-box { margin-top:60px; position: relative; z-index:200; }
.main-product .btn-box button { background: url(../img/main/ico_slider_news.png) no-repeat 50% 50%; width:22px; height: 17px; margin-right:7px !important; border: 0; outline:none; }
.main-product .btn-box .swiper-button-prev,
.main-product .btn-box .swiper-button-next { position: static; margin: 0; }
.main-product .btn-box .swiper-button-next { transform: scaleX(-1); }

.main-product .product-slider { position: absolute;left: 0; top:0; right:0%; bottom:0;     display: flex;justify-content: flex-end;align-items: center;width:90%;}
.main-product .product-slider .item { display: none; vertical-align: middle; position: relative;width:55%;}
.main-product .product-slider .item.active{display:inline-block;}
.main-product .product-slider .item a { position: absolute; right:140px; bottom:30px; width:130px; height: 130px; border-radius:100%; background: #3085c8; display: flex; justify-content: center; align-items: center; flex-direction: column; font-size:18px; color: #fff; box-shadow:33px 33px 46px rgba(48,133,200,0.3);  transition: all .5s ease; }
.main-product .product-slider .item a:before { content: ''; display: block; background: url(../img/main/ico_btn1.png) no-repeat 50% 50%; width:25px; height: 10px; margin: 0 auto 10px;}
.main-product .product-slider .item a:hover { background: #0969b5; box-shadow:31px 31px 49px rgba(48,133,200,0.5); }
.main-product .product-slider .item .img img{max-width:772px;}

.footer{ padding: 30px 0 55px; background: #212121; }
.footer .etc { display: flex; justify-content: space-between; align-items: center; margin-bottom: 45px; }
.footer .etc nav { font-size:0; }
.footer .etc nav a { display: inline-block; vertical-align: middle; font-size:16px; font-weight: 300; color: #fff; }
.footer .etc nav a + a { padding-left: 14px; margin-left: 13px; position: relative; }
.footer .etc nav a + a:before { content: ''; position: absolute;left: 0; top:50%; width:1px; height: 14px; background: #535353; margin-top:-5px; }
.footer .etc .select-box { position: relative;}
.footer .etc .select-box .btn-family { width:200px; height: 30px; font-size:16px; color: #fff; background: none; position: relative; border: 0; border-bottom: 2px solid #909090;   text-align: left; }
.footer .etc .select-box .btn-family i { position: absolute; right:0; top:0; line-height: 30px; }
.footer .etc .select-box ul { display: none; position: absolute;left: 0; top:30px; right:0; background: #fff; padding:5px 0; }
.footer .etc .select-box ul a { display: block; font-size:14px; padding-left: 15px; color: #181818; line-height: 30px; transition: all 0.3s ease;}
.footer .sns_area{
	
}
.footer .sns_area ul{display:flex;    justify-content: flex-end;
    align-items: center;}
.footer .sns_area ul li{
	margin-left:10px;
}
.footer .sns_area ul li a{
	color:#fff;
	font-size:25px;
}
.footer .etc .select-box ul a:hover { background: #f9f9f9; }
.footer .foot { display: flex;justify-content: space-between;     align-items: center;}
.footer .foot .left { display: flex; align-items: center; }
.footer .foot .left .logo { margin-right:40px; }
.footer .foot .left .addr { font-size:15px; line-height: 1.7; color: #898989; }
.footer .foot .right { font-size:19px; color: #9a9a9a;  text-align: right; }
.footer .foot .right strong  { font-size:29px; color: #fff; font-weight: 500; display: block; margin:3px 0;}

@keyframes visualPageBar {
	0% { width:0;}
	100% { width:100%; }
}

@media (max-width: 1024px){
	.fp-section.fp-table, .fp-slide.fp-table { height: auto !important; }
	body { overflow-x:hidden !important; }
	
	.main_slider_box {     width: 100%; }
	.main_slider_box .contact_box {
    width: 50%;
}
.main_slider_box .lab_box {
    width: 50%;
}
	#header .top_logo { margin-left: 0; }
	#header .top_logo a { height: 35px; background-size:auto 35px; background-position: 0 50%;  }
	.fp-tableCell { height: auto !important; }
	.visual .main-inner h2 { font-size:30px; margin-bottom:20px;  }
	.visual .main-inner h2 span { font-size:30px; }
	.visual .page-box { display: none; left: 20px; }
	.visual .main-inner .btns a { width:140px; height: 40px; line-height: 38px; font-size:13px; border-radius:40px; }
	.visual .page-box .swiper-pagination-bullet { width:30px; height: 3px; margin-right:5px; }
	.visual .main-inner .btns a:after { background-size:auto 6px; }
	.main-product { height: auto; padding:70px 0;}
	.h2-main { font-size:16px; margin-bottom: 15px; }
	.h3-main { font-size:30px; margin-bottom: 30px; }
	.h3-main i { font-size:30px;}
	.main-product .menu { margin-bottom: 40px; }
	.main-product .product-slider { right:0; width:auto;}
	.main-product .product-slider .item { text-align:right;width:auto;}
	.main-product .menu ul{column-fill:auto;column-gap:0;width:100%;    columns: auto;}
	.main-product .menu ul li{width:100%;}
	.main-product .product-slider .item img { width:70%;  }
	.main-product .product-slider .item a { width:60px; height: 60px; font-size:13px; right:20px; bottom:20px; box-shadow:5px 5px 10px rgba(0,0,0,0.1); }
	.main-product .product-slider .item a:hover { box-shadow:5px 5px 10px rgba(0,0,0,0.3); }
	.main-product .product-slider .item a:before { display: none; }
	.main-product .menu { width:80%; }
	.main-product .menu .btn-dep1 { font-size:13px; line-height: 34px; }
	.main-product .menu .dep2 { left: 140px; }
	.main-product .menu .btn-dep2 { font-size:13px; line-height: 25px; }
	.section3 { padding:70px 0;}
	.section3 h3 { font-size:26px; margin-bottom: 20px; word-break: keep-all; }
	.section3 .t2 { font-size:16px; }
	.section3 .btns a { width:140px; height: 40px; line-height: 38px; font-size:13px; border-radius:40px; }
	.section3 .btns a:after { background-size:auto 6px; }
	.section4 { padding:70px 0;}
	.news-slider .swiper-slide { width:300px !important; }
	.news-slider .swiper-slide a dl { padding-top:15px; }
	.news-slider .swiper-slide a dl dt { font-size:18px; margin-bottom: 12px; }
	.news-slider .swiper-slide a dl dd { font-size:13px; line-height: 1.5; max-height: inherit; }
	.news-slider .page-box .btns { display: none; }
	.news-slider .page-box .swiper-pagination-progressbar { width:auto; position: static;}
	.footer { padding:30px 0; }
	.footer .etc { display: none; }
	.footer .foot { display: block; }
	.footer .foot .left { display: block; text-align: center; }
	.footer .foot .left .logo { margin-right:0;}
	.footer .foot .left img { height: 30px; }
	.footer .foot .left .addr { padding-top:15px; font-size:12px; }
	.footer .foot .right { display: none; }
	.footer .sns_area ul {
		justify-content: center;
		margin:10px 0;
	}

	.footer .sns_area ul li a img{
		max-width:25px;
	}

}



/************************************************************************************************************************************
	Sub
************************************************************************************************************************************/
.sub-container { color: #181818; padding-bottom: 150px; }
.sub-container * { word-break: keep-all;  }
.sub-head { height: 498px; background: url(../img/sub1/bg_head.jpg) no-repeat 50% 50%; background-size:cover; border-bottom: 1px solid #eee; }
.sub-head.sub1 { background-image: url(../img/sub1/bg_head.jpg);}
.sub-head.sub2 { background-image: url(../img/sub2/bg_head.jpg);}
.sub-head.sub3 { background-image: url(../img/sub3/bg_head.jpg);}
.sub-head.sub4 { background-image: url(../img/sub4/bg_head.jpg);}
.sub-head.sub5 { background-image: url(../img/sub5/bg_head.jpg);}
.sub-head.sub6 { background-image: url(../img/sub6/bg_head.jpg); }
.sub-head.sub7 { background-image: url(../img/sub7/bg_head.html);}
.sub-head.sub8 { background-image: url(../img/sub8/bg_head.jpg);}
.sub-head.sub0 { background-image: url(../img/showroom/bg_head.jpg); margin-bottom: 150px;}
.sub-head.sub-inq { background-image: url(../img/inquiry/bg_head.jpg); margin-bottom: 150px;}
.sub-head.sub-inq2 { background-image: url(../img/sub6/bg_head.jpg); margin-bottom: 0px;}
.sub-head .inner { height: 100%; display: flex; justify-content: center; flex-direction: column; }
.sub-head h2 { font-size:62px; font-weight: 700; color: #fff; }
.sub2 + .sub-nav { padding:15px 0;}
.sub2 + .sub-nav a { line-height: 30px; }
.sub-nav { border-bottom:1px solid #dadada; text-align: center;  margin-bottom: 75px; }
.sub-nav a { display: inline-block; vertical-align: middle; line-height: 90px; padding:0 27px; font-size:17px; }
.sub-nav a span { display: inline-block; vertical-align: middle; line-height: 1.5; border-bottom: 2px solid transparent; }
.sub-nav a.active { color: #00589d; font-weight: 600; }
.sub-nav a.active span { border-color:#00589d; }
.h3  {text-align: center; margin-bottom: 65px;  }
.cyber_area .cyber_p{margin-bottom:65px;text-align:center;font-weight:500;color:#181818;font-size:20px;line-height:28px;}
.cyber_area .cyber_p strong{font-weight:900;}
.h3 strong { display: inline-block; vertical-align: middle; font-size:45px; font-weight: 700; position: relative; line-height: 1;}
/** .h3 strong:before { content: ''; position: absolute; right:-17px; top:-10px; width:11px; height: 11px; border-radius:100%; background: #3085c8; } **/

.tabs { text-align: center; margin-bottom: 100px; font-size:0;  }
.tabs a { display: inline-block; vertical-align: middle; font-size:20px; color: #969696; padding:0 33px; position: relative;}
.tabs a:before { content: ''; position: absolute;left: -1px; top:50%; width:2px; height: 18px; margin-top:-9px;background: #cecece; }
.tabs a:first-child:before { display: none; }
.tabs a.active { color: #00589d; font-weight: 600; }

.tabs2-box {  padding-bottom: 30px; margin-bottom:25px; }
.tabs2 { display: flex; justify-content: center; padding-bottom: 0px; position: relative; flex-wrap:wrap;}
.tabs2 > div { position: relative;}
.tabs2 > div:before { content: ''; position: absolute;left: 0; top:50%; width:2px; height: 18px; margin-top:-9px; background: #cecece; }
.tabs2 > div:first-child:before { display: none;}
.tabs2 > div > a { display: block; font-size:16px; color: #969696; padding:0 38px;white-space:nowrap; }
.tabs2 > div.active > a { color: #00589d; }
.tabs2.mb0 { padding-bottom: 10px;}

.tabs2 .tab-dep2 { position: fixed;    left: 50%;
    transform: translateX(-50%); top:110px; white-space: nowrap; padding:0 38px;display:none;}
.tab-dep2 a { display: inline-block !important; vertical-align: middle; padding: 0 10px; height: 28px; line-height: 28px;  border-radius:28px; font-size:16px; color: #a9a9a9; font-weight: 400; }
.tab-dep2 a.active { background: #dae8f3; color: #181818; font-weight: 600; }

.tabs2 .active .tab-dep2{
	display:block;
}

/* 1 회사소개 */
.about { overflow: hidden; padding-top:12px;}
/* 기본 (PC 기준) */
.about .t1 {
  text-align: center;
  font-size: 62px;
  font-weight: 700;
  color: #000;
  line-height: 1.2;
  margin-bottom: 30px;
}
.about .t1 small {
  font-size: 50px;
}
.about .t2 {
  text-align: center;
  margin-bottom: 70px;
  font-size: 20px;
  line-height: 1.6;
}
.about .tt2 {
  text-align: left;
  margin-bottom: 20px;
  font-size: 20px;
  line-height: 1.6;
}
.about .t22 {
  text-align: left;
  margin-bottom: 70px;
  font-size: 22px;
  line-height: 1.6;
}

/* 모바일 대응 */
@media (max-width: 768px) {
  .about .t1 {
    font-size: 38px;
    margin-bottom: 20px;
  }
  .about .t1 small {
    font-size: 30px;
  }
  .about .t2 {
    font-size: 16px;
    margin-bottom: 40px;
    padding: 0 15px;
  }
  .about .tt2 {
    font-size: 16px;
    margin-bottom: 40px;
    padding: 0 15px;
  }
  .about .t22 {
    font-size: 17px;
    margin-bottom: 40px;
    padding: 0 15px;
  }
}

.about .cp-box { text-align: center;  padding-bottom:150px; }
.about .cp-box div {  display: inline-block; text-align: left; padding: 30px 34px; border-top:2px solid #1d1d1d; border-bottom: 2px solid #1d1d1d; }
.about .cp-box div dl:after{ display: block; content: ''; clear: both; }
.about .cp-box div dl { font-size:18px; line-height: 1.4; }
.about .cp-box div dl + dl { margin-top:10px; }
.about .cp-box div dl dt { float:left; width:120px; font-size:20px; font-weight: 600; }
.about .cp-box div dl dd{ overflow: hidden; }
.about .cp-dia { padding:160px 20px 180px; background: #f0f4f8;  text-align: center;}
.about .cp-dia .d1 p { display: inline-block; vertical-align: top; padding: 40px 80px; background: #fff; border-radius:40px; border: 3px solid #d7dfe4; font-size:32px; line-height: 49px; font-weight: 500; }
.about .cp-dia .line { margin-bottom: -75px; position: relative; z-index:2;}
.about .cp-dia ul { display: flex;justify-content: center; }
.about .cp-dia ul li { width:457px; height: 457px; border-radius:100%; display: flex;justify-content: center; align-items: center; flex-direction: column; background: rgba(4,134,195,0.8); margin:0 -23px; }
.about .cp-dia ul li:nth-child(2) { background: rgba(14,119,202,0.8);}
.about .cp-dia ul li:nth-child(3) { background: rgba(49,119,215,0.8);}
.about .cp-dia ul li dl dt { font-size:30px; font-weight: 500; margin:20px 0 15px; color: #fff;  }
.about .cp-dia ul li dl dd {font-size:17px; line-height: 1.5; color: rgba(255,255,255,0.8); }
.about .vision-wrap{ margin-bottom: 130px;   }
.about .vision { width:1420px; height: 680px; margin: 0 auto; background: url(../img/sub1/bg_vision.png) no-repeat 0 0; position: relative;}
.about .vision-wrap dl {position: absolute; }
.about .vision-wrap dl dt { font-size:22px; color: #181818; font-weight: 600; line-height: 1; margin-bottom: 15px; }
.about .vision-wrap dl dd {font-size:16px; line-height: 28px; color: #181818; }
.about .vision-wrap dl dt strong { color:#3177d7; font-size:34px; }
.about .vision-wrap dl.v1 dt,
.about .vision-wrap dl.v3 dt,
.about .vision-wrap dl.v5 dt,
.about .vision-wrap dl.v7 dt{ margin-bottom: 0; margin-top:15px; }
.about .vision-wrap dl.v1 { left: 179px; bottom:0; }
.about .vision-wrap dl.v2 { left: 228px; top:226px; }
.about .vision-wrap dl.v3 { left: 488px; bottom:45px; }
.about .vision-wrap dl.v4 { left: 538px; top:133px; }
.about .vision-wrap dl.v5 { left: 780px; bottom:95px; }
.about .vision-wrap dl.v6 { left: 828px; top:75px; }
.about .vision-wrap dl.v7 { left: 1083px; bottom:158px; }
.about .vision-wrap dl.v8 { left:1167px; top:10px; }
.about .vision-wrap .step { position: absolute; width:124px; text-align: center; font-size:25px; font-weight: 600; color: #fff; line-height: 1; }
.about .vision-wrap .step.s1 { left: 291px; top:418px;}
.about .vision-wrap .step.s2 { left: 583px; top:354px;}
.about .vision-wrap .step.s3 { left: 885px; top:287px;}

/***** about2 *****/
/* 1 회사소개 */
.about2 { overflow: hidden; padding-top:12px;}
/* 기본 (PC 기준) */
.about2 .t1 {
  text-align: center;
  font-size: 62px;
  font-weight: 700;
  color: #000;
  line-height: 1.2;
  margin-bottom: 30px;
}
.about2 .t1 small {
  font-size: 50px;
}
.about2 .t2 {
  text-align: center;
  margin-bottom: 70px;
  font-size: 20px;
  line-height: 1.6;
}
.about2 .tt2 {
  text-align: left;
  margin-bottom: 20px;
  font-size: 20px;
  line-height: 1.6;
}
.about2 .t22 {
  text-align: left;
  margin-bottom: 70px;
  font-size: 22px;
  line-height: 1.6;
}

/* 모바일 대응 */
@media (max-width: 768px) {
  .about2 .t1 {
    font-size: 38px;
    margin-bottom: 20px;
  }
  .about2 .t1 small {
    font-size: 30px;
  }
  .about2 .t2 {
    font-size: 16px;
    margin-bottom: 40px;
    padding: 0 15px;
  }
  .about2 .tt2 {
    font-size: 16px;
    margin-bottom: 40px;
    padding: 0 15px;
  }
  .about2 .t22 {
    font-size: 17px;
    margin-bottom: 40px;
    padding: 0 15px;
  }
}

.about2 .cp-box { text-align: center;  padding-bottom:150px; }
.about2 .cp-box div {  display: inline-block; text-align: left; padding: 30px 34px; border-top:2px solid #1d1d1d; border-bottom: 2px solid #1d1d1d; }
.about2 .cp-box div dl:after{ display: block; content: ''; clear: both; }
.about2 .cp-box div dl { font-size:18px; line-height: 1.4; }
.about2 .cp-box div dl + dl { margin-top:10px; }
.about2 .cp-box div dl dt { float:left; width:120px; font-size:20px; font-weight: 600; }
.about2 .cp-box div dl dd{ overflow: hidden; }

/* 모바일 최적화 */
@media (max-width: 767.98px) {
  .about2 .cp-box { padding-bottom: 60px; text-align: left; }

  /* 컨테이너는 전체폭 한 줄 처리(보더가 끊어지지 않도록) */
  .about2 .cp-box div {
    display: block;          /* inline-block → block */
    width: 100%;
    padding: 16px;
    border-top: 1.5px solid #1d1d1d;
    border-bottom: 1.5px solid #1d1d1d;
  }

  /* dt/dd를 2열 그리드로: 라벨(고정폭) + 내용(가변폭) */
  .about2 .cp-box div dl {
    display: grid;
    grid-template-columns: 110px 1fr; /* 라벨폭은 필요시 100~130px로 조절 */
    column-gap: 12px;
    row-gap: 8px;
    font-size: 15px;
    line-height: 1.6;
    margin: 0;
  }

  .about2 .cp-box div dl + dl { margin-top: 8px; }

  /* float 제거, 한 줄 정렬 유지 */
  .about2 .cp-box div dl dt {
    float: none;
    width: auto;
    margin: 0;
    font-size: 16px;
    font-weight: 700;
  }
  .about2 .cp-box div dl dd {
    overflow: visible; /* 잘림 방지 */
    margin: 0;
  }
}

/* 초협소 화면(≤360px)에서 세로로 쌓고 싶다면 선택적으로 추가 */
@media (max-width: 360px) {
  .about2 .cp-box div dl { grid-template-columns: 1fr; }
}



.about2 .cp-dia { padding:160px 20px 180px; background: #f0f4f8;  text-align: center;}
.about2 .cp-dia .d1 p { display: inline-block; vertical-align: top; padding: 40px 80px; background: #fff; border-radius:40px; border: 3px solid #d7dfe4; font-size:32px; line-height: 49px; font-weight: 500; }
.about2 .cp-dia .line { margin-bottom: -75px; position: relative; z-index:2;}
.about2 .cp-dia ul { display: flex;justify-content: center; }
.about2 .cp-dia ul li { width:457px; height: 457px; border-radius:100%; display: flex;justify-content: center; align-items: center; flex-direction: column; background: rgba(4,134,195,0.8); margin:0 -23px; }
.about2 .cp-dia ul li:nth-child(2) { background: rgba(14,119,202,0.8);}
.about2 .cp-dia ul li:nth-child(3) { background: rgba(49,119,215,0.8);}
.about2 .cp-dia ul li dl dt { font-size:30px; font-weight: 500; margin:20px 0 15px; color: #fff;  }
.about2 .cp-dia ul li dl dd {font-size:17px; line-height: 1.5; color: rgba(255,255,255,0.8); }

/* 모바일 최적화 (≤ 767.98px) */
@media (max-width: 767.98px) {
  .about2 .cp-dia { padding: 72px 16px 80px; text-align: center; }

  /* 상단 슬로건 박스 축소 */
  .about2 .cp-dia .d1 p {
    padding: 14px 18px;
    font-size: 20px;
    line-height: 1.5;
    border-radius: 16px;
    display: inline-block;
    max-width: 92vw;
  }

  /* 점선 라인은 모바일에서 숨김 */
  .about2 .cp-dia .line { display: none; }

  /* 동그라미 3개: 세로 스택 */
  .about2 .cp-dia ul {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;                 /* 아이템 간 간격 */
    justify-content: flex-start;
  }

  /* 겹치게 하던 음수 마진 제거 + 반응형 크기 */
  .about2 .cp-dia ul li {
    margin: 0 !important;
    width: 88vw;               /* 화면 가득 차게 */
    max-width: 360px;          /* 너무 커지지 않도록 상한 */
    height: auto;
    aspect-ratio: 1 / 1;       /* 정원 유지 */
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  /* 내부 정렬/여백 */
  .about2 .cp-dia ul li > div {
    height: 100%;
    width: 100%;
    padding: 18px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  /* 아이콘 크기 축소 */
  .about2 .cp-dia ul li p img { width: 56px; height: auto; }

  /* 타이틀/내용 가독성 */
  .about2 .cp-dia ul li dl dt { 
    font-size: 18px; 
    margin: 12px 0 6px; 
    text-align: center; 
    font-weight: 700; 
  }
  .about2 .cp-dia ul li dl dd { 
    font-size: 14px; 
    line-height: 1.6; 
    text-align: center; 
  }
}

/* 초소형(≤360px) 추가 보정 */
@media (max-width: 360px) {
  .about2 .cp-dia ul li { width: 92vw; }
  .about2 .cp-dia .d1 p { font-size: 18px; }
  .about2 .cp-dia ul li p img { width: 48px; }
}



.about2 .vision-wrap{ margin-bottom: 130px;   }
.about2 .vision { width:1420px; height: 680px; margin: 0 auto; background: url(../img/sub1/bg_vision.png) no-repeat 0 0; position: relative;}
.about2 .vision-wrap dl {position: absolute; }
.about2 .vision-wrap dl dt { font-size:22px; color: #181818; font-weight: 600; line-height: 1; margin-bottom: 15px; }
.about2 .vision-wrap dl dd {font-size:16px; line-height: 28px; color: #181818; }
.about2 .vision-wrap dl dt strong { color:#3177d7; font-size:34px; }
.about2 .vision-wrap dl.v1 dt,
.about2 .vision-wrap dl.v3 dt,
.about2 .vision-wrap dl.v5 dt,
.about2 .vision-wrap dl.v7 dt{ margin-bottom: 0; margin-top:15px; }
.about2 .vision-wrap dl.v1 { left: 179px; bottom:0; }
.about2 .vision-wrap dl.v2 { left: 228px; top:226px; }
.about2 .vision-wrap dl.v3 { left: 488px; bottom:45px; }
.about2 .vision-wrap dl.v4 { left: 538px; top:133px; }
.about2 .vision-wrap dl.v5 { left: 780px; bottom:95px; }
.about2 .vision-wrap dl.v6 { left: 828px; top:75px; }
.about2 .vision-wrap dl.v7 { left: 1083px; bottom:158px; }
.about2 .vision-wrap dl.v8 { left:1167px; top:10px; }
.about2 .vision-wrap .step { position: absolute; width:124px; text-align: center; font-size:25px; font-weight: 600; color: #fff; line-height: 1; }
.about2 .vision-wrap .step.s1 { left: 291px; top:418px;}
.about2 .vision-wrap .step.s2 { left: 583px; top:354px;}
.about2 .vision-wrap .step.s3 { left: 885px; top:287px;}

/* PC 기본 스타일 */
.about .solution {
  padding: 20px 0 50px;
}
.about .solution ul {
  display: flex;
  justify-content: space-between;
}
.about .solution ul li {
  flex: 1;
  text-align: center;
  padding: 30px 0 40px;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.about .solution ul li + li {
  border-left: 2px solid #dbe0e5;
}
.about .solution ul li dl {
  margin-bottom: 40px;
}
.about .solution ul li dl dt {
  font-size: 54px;
  font-weight: 700;
  margin-bottom: 30px;
  color: #044897;
  line-height: 1.3; /* 기존 0.5 → 보기 좋게 수정 */
}
.about .solution ul li dl dt small {
  font-size: 25px;
  display: block;
  margin-top: 10px;
}
.about .solution ul li dl dd {
  font-size: 18px;
  color: #6d6d6d;
  line-height: 1.55;
}
.about .solution ul li .circle {
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: 100%;
  border: 10px solid #95c8f0;
  background: #2b91e1;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.about .solution ul li .circle span {
  display: block;
  font-size: 22px;
  color: #fff;
  padding-top: 15px;
}

/* 색상 커스터마이징 */
.about .solution ul li:nth-child(2) dl dt {
  color: #499e54;
}
.about .solution ul li:nth-child(2) .circle {
  background: #51b95e;
  border-color: #a8dcae;
}
.about .solution ul li:nth-child(3) dl dt {
  color: #7a277a;
}
.about .solution ul li:nth-child(3) .circle {
  background: #a961a9;
  border-color: #cfa7cf;
}

/* ✅ 모바일 최적화 */
@media (max-width: 768px) {
  .about .solution ul {
    flex-direction: column;
  }
  .about .solution ul li {
    padding: 20px 0 30px;
    border-left: none !important;
    border-top: 2px solid #dbe0e5;
  }
  .about .solution ul li:first-child {
    border-top: none;
  }
  .about .solution ul li dl dt {
    font-size: 32px;
    line-height: 1.4; /* 줄 간격을 넓혀 보기 좋게 */
    margin-bottom: 20px;
  }
  .about .solution ul li dl dt small {
    font-size: 18px;
    margin-top: 8px;
  }
  .about .solution ul li dl dd {
    font-size: 16px;
    padding: 0 15px;
  }
  .about .solution ul li .circle {
    width: 180px;
    height: 180px;
    border-width: 8px;
  }
  .about .solution ul li .circle span {
    font-size: 18px;
  }
}


.about .map-wrap { position: relative;}
.about .map-wrap .map-cont > div { height: 550px; background: #eee; }
.about .map-wrap .map-cont > div > div { height: 100%; }
.about .map-wrap .map-info { width:100%; padding: 45px 35px; background: #fff; }
.about .map-wrap .map-info { display: block;}
.about .map-wrap .map-info .locs { display:flex;flex-wrap:wrap; border-bottom:1px solid #eeeeee;padding-bottom:30px; }
.about .map-wrap .map-info .locs a { display: block; font-size:20px; line-height: 34px; color: #c5c5c5; font-weight: 600; letter-spacing: -0.5px; transition: all 0.5s ease; }
.about .map-wrap .map-info .locs a:after{content:"|";font-size:20px;color:#dadada;padding:0 15px;display:inline-block;}
.about .map-wrap .map-info .locs a.active{  color: #000; }
.about .map-wrap .map-info .loc-cont { flex: 1.1; padding-top: 40px; border-bottom:1px solid #eeeeee;padding-bottom:30px; }
.about .map-wrap .map-info .loc-cont .cont{display:flex;}
.about .map-wrap .map-info .loc-cont .tit { font-size:30px; font-weight: 700; line-height: 1.1; flex:1;  }
.about .map-wrap .map-info .loc-cont .cont_opt{flex:1;}
.about .map-wrap .map-info .loc-cont .tit p { display: inline-block; vertical-align: middle; position: relative;word-break: keep-all;}
.about .map-wrap .map-info .loc-cont .tit p:before { content: ''; position: absolute; right:-7px; top:-4px; width:9px; height: 9px; border-radius:100%; background: #3085c8; }
.about .map-wrap .map-info .loc-cont dl:after { display: block; content: ''; clear: both; }
.about .map-wrap .map-info .loc-cont dl + dl { margin-top:8px; }
.about .map-wrap .map-info .loc-cont dl { font-size:17px; line-height: 24px;  }
.about .map-wrap .map-info .loc-cont dl dt { float:left; margin-right:10px;font-size:19px; color: #000; font-weight: 700;}
.about .map-wrap .map-info .loc-cont dl dd { overflow: hidden; }

.down_area .cate_div{
	padding-bottom:35px !important;
	margin-bottom:35px !important;
	border-bottom:1px solid #eeeeee;
}

.down_area .cate_div .fl{
	display:flex;
	float:none;
	    justify-content: center;
}

.down_area .cate_div .fl li{
	clear:both;
	margin:0 15px;
}

.down_area .cate_div ul li a{
	font-size:18px;
}

.down_area .cate_div ul li a#bo_cate_on{
	color:#00589d;
	border-bottom: 2px solid #00589d;
}

.about .ready_area{
	background:#f9f9f9;
	padding:10px;
	border:1px solid #e5e5e5;
}

.about .ready_area .ready{
	padding:130px 0;
	border:1px solid #e5e5e5;
	text-align:center;
}

.about .ready_area .ready .ready_title{
	color:#222222;
	font-weight:500;
	text-align:center;
	font-size:44px;
	letter-spacing:-.20px;
	line-height:80px;
	margin:10px 0;
}

.about .ready_area .ready .ready_title strong{
	font-weight:900;
}

.about .ready_area .ready p{
	color:#444444;
	font-weight:500;
	text-align:center;
	font-size:20px;
	line-height:32px;
	margin:15px 0;
}

.about .ready_area .ready .ready_button{
	border:0;
	border-radius:35px;
	background:#f0f0f0;
	padding:15px 50px;
	font-size:20px;
	color:#444444;
	font-weight:600;
	margin-top:10px;
	transition:.5s all;
}

.about .ready_area .ready .ready_button:hover{
	background:#3889ca;
	color:#fff;
}

.ready_button_b{
	border:0;
	border-radius:35px;
	background:#ffffff63;
	padding:15px 50px;
	font-size:20px;
	color:#fff;
	font-weight:600;
	margin-top:30px;
	transition:.5s all;
	border:2px solid #fff;
}

.ready_button_b:hover{
	background:#3889ca;
	color:#fff;
}

.showroom_banner{
	width:100%;
	max-width:1280px;
	margin:0 auto;
	height:300px;
	background-image:url("../img/showroom_banner.png");
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	margin-bottom:120px;
	border-radius: 25px;
    overflow: hidden;
}

/* 8 채용 */
.career-list { border-top:1px solid #181818; }
.career-list ul li { padding: 60px 35px; border-bottom: 1px solid #c9d4db;  transition: all 0.5s ease; }
.career-list ul li:last-child { border-color:#181818; }
.career-list ul li:hover { box-shadow:0 0 21px rgba(0,0,0,0.14); }
.career-list ul li .item { position: relative; padding-left: 230px;}
.career-list ul li .item i { position: absolute;left: 78px; bottom:0; }
.career-list ul li .item h4 { position: absolute;left: 0; top:0; font-size:30px; font-weight: 500; line-height: 1.1; }
.career-list ul li .item .txt-box {}
.career-list ul li .item .txt-box .t1 { font-size:18px; line-height: 1.6; margin-bottom: 20px; letter-spacing: -0.5px; }
.career-list ul li .item .txt-box .t2 { font-size:20px; line-height: 1.4; margin-bottom: 10px; font-weight: 700; }
.career-list ul li .item .txt-box .t3 { font-size:18px; line-height: 1.5;  color: #999; }

.HULAB1 { margin-bottom: 160px; }
.HULAB1 .txt1{ text-align: center; font-size:20px; margin-bottom: 100px; }
.HULAB1 .box { display: flex; justify-content: space-between; }
.HULAB1 .box .item { width:400px; height: 400px; border-radius:100%; display: flex; justify-content: center; align-items: center; flex-direction: column; background: #0e90cd; border: 20px solid #81c2e1; color: #fff;   }
.HULAB1 .box .item .t1 { font-size:29px; height: 48px; display: flex; align-items: center; margin:10px 0 5px;  font-weight: 600; }
.HULAB1 .box .item .t1 small { font-size:18px; line-height: 1.1;}
.HULAB1 .box .item .t2 { font-size:30px; font-weight: 600; }
.HULAB1 .box .item:nth-child(2) { background: #49ba58; border-color:#9ad8a2;}
.HULAB1 .box .item:nth-child(3) { background: #c163c1; border-color:#d7a3d7;}
.HULAB2 { padding: 120px 0 190px; background: #f0f4f8;  }
.HULAB2 .h3  { font-size:50px; }
.HULAB2  .box { display: flex; justify-content: space-between; flex-wrap: wrap; }
.HULAB2  .box .item { flex: 1; text-align: center; }
.HULAB2  .box .item dl dt{  font-size:20px; color: #2b91e1; }
.HULAB2  .box .item dl dd{  font-size:26px; color: #181818; font-weight: 600; padding:5px 0 30px; }
.HULAB2  .box .item p { font-size:20px; line-height: 1.3; color: #6d6d6d; margin-top:25px; }

.gallery-list { border-top:2px solid #1d1d1d; margin-bottom: 65px; }
.gallery-list ul li {  }
.gallery-list ul li a { display: flex; justify-content: space-between; align-items: center;   transition: all 0.3s ease; min-height: 200px;border-bottom: 1px solid #dadada;}
.gallery-list ul li:last-child a { border-color:#1d1d1d;}
.gallery-list ul li a .date { flex: 0 0 190px; width:190px;  text-align: center; margin-right:65px; color: #bbb; transition: all 0.3s ease; border-right:2px solid #dadada; }
.gallery-list ul li a .date strong { font-size:37px; line-height: 1; }
.gallery-list ul li a .date small { display: block; font-size:33px; font-weight: 600;  }
.gallery-list ul li a .text { flex: 1; min-width: 0;}
.gallery-list ul li a .text .subj { font-size:22px; font-weight: 400; color: #181818;  margin-bottom: 20px;   transition: all 0.3s ease;white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.gallery-list ul li a .text .txt { font-size:16px; color: #666; line-height: 1.6;  transition: all 0.3s ease; overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2;  }
.gallery-list ul li a .thum { width:207px; flex:0 0 207px; position: relative; margin-left: 80px;}
.gallery-list ul li a .thum img { vertical-align: top; width:100%; }
.gallery-list ul li a .thum span { position: absolute;left: 0; top:0; width:100%; height: 100%; display: flex; justify-content: center; align-items: center; font-size:50px; color: #fff; background: rgba(0,0,0,0.3); }
.gallery-list ul li a .thum span i { transform: rotate(-90deg); }
.gallery-list ul li a:hover { border-color:#fff; box-shadow:0 0 20px rgba(0,0,0,0.15);   }
.gallery-list ul li a:hover .date { color: #3085c8; }
.gallery-list ul li a .thum { width:207px; flex:0 0 207px; position: relative; margin-left: 80px;}
.gallery-list ul li a .thum img { vertical-align: top; width:100%; }
.gallery-list ul li a .thum span { position: absolute;left: 0; top:0; width:100%; height: 100%; display: flex; justify-content: center; align-items: center; font-size:50px; color: #fff; background: rgba(0,0,0,0.3); }
.gallery-list ul li a .thum span i { transform: rotate(-90deg); }

.pagenate { text-align: center; margin:65px 0; }
.pagenate a { display: inline-block; vertical-align: middle; width:30px; height: 30px; line-height: 28px; font-size:13px; color: #878787; font-family: 'noto'; }
.pagenate a.active { color: #007dbf; text-decoration: underline !important; font-weight: 600; }
.pagenate a.first,
.pagenate a.prev,
.pagenate a.next,
.pagenate a.last { border:1px solid #cacaca; margin:0 2px; }
.pagenate a i + i{ margin-left: -8px; }

.inhouse-list ul { display: flex; flex-wrap: wrap;}
.inhouse-list ul li { width:25%; margin-bottom: 35px; }
.inhouse-list ul li a { display: block; border-radius:15px;transition: all 0.5s ease;background: #fff; padding: 28px; }
.inhouse-list ul li a .img img { width:100%; }
.inhouse-list ul li a .subj { font-size:22px; line-height: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #181818; margin: 24px 0 10px; }
.inhouse-list ul li a .text { font-size:16px; line-height: 1.55; color: #929292; margin-bottom: 40px; overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2; }
.inhouse-list ul li a .date { display: flex; justify-content: space-between; align-items: center; }
.inhouse-list ul li a .date span { font-size:17px; color: #bbb; }
.inhouse-list ul li a .date i { background: url(../img/sub5/ico_arr.png) no-repeat 0 0; width:22px; height: 17px; transition: all 0.5s ease; transform: translateX(-10px); opacity:0; }
.inhouse-list ul li a:hover { box-shadow: 0 0 20px rgba(0,0,0,0.15); position: relative; z-index:2; }
.inhouse-list ul li a:hover .date i { transform: translateX(0); opacity:1; }


.download {}
.download ul { display: flex; flex-wrap: wrap; margin:0 -15px 40px;  }
.download ul li { width:33.3333%; padding: 0 15px 30px; box-sizing: border-box; }
.download ul li a { display: block; height: 370px; border-radius:30px; background: #fff; border: 1px solid #e6e6e6; padding: 40px; position: relative; transition: all 0.5s ease; }
.download ul li a dl dt { font-size:27px; color: #181818; font-weight: 600; line-height: 1.3; margin-bottom: 10px;  }
.download ul li a dl dd { font-size:17px; color: #666; line-height: 1.3; }
.download ul li a .file { position: absolute; left: 30px; right:30px; bottom:40px; display: flex; justify-content: space-between; align-items: center;font-family: 'Montserrat','Noto Sans KR'; }
.download ul li a .file strong { font-size:13px; color: #666; text-transform: uppercase; }
.download ul li a .file em { display: inline-block; vertical-align: middle; width:46px; height: 46px; border-radius:100%;background: #3298e8 url(../img/sub6/ico_down.png) no-repeat 50% 50%; }
.download ul li a:hover { border-color:#3298e8; box-shadow:11px 11px 21px rgba(0,0,0,0.1);  }
 
/* 4 프로젝트 */
.prj-list { margin-bottom:10px; }
.prj-list ul li { margin-bottom: 0px;  }
.prj-list ul li h2{ font-size: 30px;  }
.prj-list ul li .btn-flip { width:100%; height: 92px; font-size:32px; color: #222; text-align: left; position: relative; background: none; outline:none; border: 0; position: relative; border-bottom: 2px solid #222; }
.prj-list ul li .btn-flip strong{display: flex;align-items: center; }
.prj-list ul li .btn-flip small  { font-size:18px; margin-left: 12px; }
.prj-list ul li .btn-flip:before{  content: ''; position: absolute; right:10px; top:50%; width:27px; height: 5px; background: url(../img/sub4/ico_flip.png) no-repeat 0 0; }
.prj-list ul li .btn-flip:after{  content: ''; position: absolute; right:10px; top:50%; width:27px; height: 5px; background: url(../img/sub4/ico_flip.png) no-repeat 0 0; transform: rotate(90deg); transition: all 0.5s ease;}
.prj-list ul li .view { display: none; padding: 50px 0 120px;}
.prj-list ul li .view .img-box img { width:100%; box-shadow:10px 10px 24px rgba(0,0,0,0.16); border-radius:30px;  }
.prj-list ul li .view .img-box { display: flex; justify-content: space-between; margin-bottom: 70px;  }
.prj-list ul li .view .img-box > p { width:calc(50% - 13px); }
.prj-list ul li .view .slider { margin-bottom: 70px;position: relative; }
.prj-list ul li .view .slider .swiper-button-next, 
.prj-list ul li .view .slider .swiper-button-prev { position: absolute; top:50%; transform: translateY(-50%); margin: 0; width:40px; height: 40px; border: 0; outline:none; opacity:1; background: none; font-size:25px; color: #fff; }
.prj-list ul li .view .slider .swiper-button-prev { left: 10px; }
.prj-list ul li .view .slider .swiper-button-right { right: 10px; }
.prj-list ul li .view .info { padding-left: 380px; position: relative; display: flex;}
.prj-list ul li .view .info .logo { position: absolute;left: 0; width:360px; text-align: center; }
.prj-list ul li .view .info .article { width:50%; padding-left: 15px; }
.prj-list ul li .view .info .article dl:after { display: block; content: ''; clear: both; }
.prj-list ul li .view .info .article dl { line-height: 27px; margin-bottom: 22px; }
.prj-list ul li .view .info .article dl dt{ float:left; margin-right:20px; font-size:18px; color: #666; font-weight: 600; }
.prj-list ul li .view .info .article dl dt img { vertical-align: middle; margin:-4px 10px 0 0;}
.prj-list ul li .view .info .article dl dd{  overflow: hidden; font-size:16px; color: #666666; letter-spacing: -0.5px;}
.prj-list ul li.active .btn-flip:after { transform: rotate(0); opacity:0;}




/**********
	장바구니
**********/	
.checkbox { position: absolute;left: -9999px; }
.checkbox + div em { display: inline-block; vertical-align: middle; width:18px; height: 18px; border: 1px solid #ddd; border-radius:3px; background: #fff; transition: all 0.5s ease; position: relative; overflow: hidden;}
.checkbox + div em:before { content: ''; position: absolute;left: 0; top:0; right:0; bottom:0; background: #3085c8 url(../img/common/checkbox.png) no-repeat 50% 50%; transform: scale(0.3); opacity:0; transition: all 0.5s ease;}
.checkbox + div span { font-size:18px; color: #181818; vertical-align: middle;margin:-2px 0 0 5px; }
.checkbox:checked + div em { background: #dadada; border-color:#dadada}
.checkbox:checked + div em:before { opacity:1; transform: scale(1); }



.select { height:45px; -webkit-appearance:none; font-size:16px; color: #181818; padding:0 30px 0 10px; border: 0; background: url(../img/common/bu_select.png) no-repeat right 50%; background-position: right 8px center; border-bottom: 1px solid #dadada; font-family: 'Noto Sans KR';  border-radius:0;}
.inp { height:45px; -webkit-appearance:none; font-size:16px; color: #181818; padding:0 30px 0 10px; border: 0; background: #fff; border-bottom: 1px solid #dadada; font-family: 'Noto Sans KR';   border-radius:0;}
.textarea { height:135px; -webkit-appearance:none; font-size:16px; color: #181818; padding: 10px; border: 0; background: #fff; border-bottom: 1px solid #dadada; font-family: 'Noto Sans KR';   border-radius:0;}
.inp:focus,
.select:focus,
.textarea:focus { border-color:#3085c8;}
.table1 { }
.table1 table { width:100%; border-collapse: collapse; }
.table1 table thead th { height: 70px; text-align: center; font-weight: 400; border-top: 1px solid #1d1d1d; border-bottom: 1px solid #dadada; font-size:18px; color: #181818; }
.table1 table tbody td { text-align: center; font-size:16px; color: #666; padding: 25px 5px; border-bottom: 1px solid #dadada; }
.table1 table tbody .subj { text-align:left; }


.bg-gray { background: #f5f5f5; padding: 210px 0; }
.cart-wrap { }
.cart-wrap .inner2 { max-width:1398px; margin: 0 auto; padding: 80px 62px; background: #fff; border-radius:30px;  margin-bottom: 50px;  position: relative; }
.cart-wrap h3 { text-align: center; font-size:32px; color: #181818; font-weight: 600; margin-bottom: 35px; }
.cart-wrap .btn-box1 { text-align: right; margin-top:25px; }
.cart-wrap .btn-box1 button{ border:0;display: inline-block; vertical-align: middle; padding:0 20px; height: 37px; line-height: 36px; border-radius:36px; background: #3085c8; font-size:17px; color: #fff; margin-left: 7px;  }
.cart-wrap .btn-box1 .btn_submit{   
    width: 30%;
    height: 80px;
    border-radius: 80px
}
.cart-wrap .btn-box1 button.btn2 { background: #00589d; }
.cart-wrap .h3-desc { text-align: right;  font-size:15px; color: #666666; font-weight: 500; margin-bottom: 12px; }
.cart-wrap .inner3 { max-width:1398px; margin: 0 auto; display: flex; justify-content: space-between; }
.cart-wrap .inner3 .left { flex: 1;border-radius:30px; background: #fff; padding: 50px 40px; }
.cart-wrap .inner3 .left .agree-box { padding: 22px 0; display: flex; justify-content: space-between; border-top:1px solid #181818; border-bottom: 1px solid #dadada; font-size:17px; line-height: 1.5; color: #666666; margin-bottom: 15px; }
.cart-wrap .inner3 .left p + p { margin-top:14px; }
.cart-wrap .inner3 .right { width:270px; margin-left: 40px; border-radius:30px; background: #fff; padding: 50px 40px; }
.cart-wrap .inner3 .right a { display: block; height: 55px; line-height: 53px; text-align: center; border-radius:55px; border: 1px solid #3085c8; font-size:20px; color: #181818; }
.cart-wrap .inner3 .right input + a { margin-top:30px; }
.cart-wrap .inner3 .right input.b1 { 
    background: #3085c8;
    width: 100%;
    color: #fff;
    display: block;
    height: 55px;
    line-height: 53px;
    text-align: center;
    border-radius: 55px;
    border: 1px solid #3085c8;
    font-size: 20px;
}


.form-box { border-top:1px solid #181818; }
.form-box .inp,
.form-box .select,
.form-box .textarea { width:100%; resize:none; border-radius:0; }
.form-box .section { display: flex; justify-content: space-between; margin-bottom: 25px; padding-top:25px; }
.form-box .section .article { width:calc(50% - 40px); display: flex; align-items: center; justify-content: space-between;  }
.form-box .section .article.solo { width:100%; }
.form-box .section .article .tit { font-size:20px; color: #969696; flex:0 0 105px; width:105px;  }
.form-box .section .article .tit em { color: #ff0000; }
.form-box .section .article .tit.top { align-self: baseline;}
.form-box .section .article .inp-box { flex: 1; position: relative; }
.form-box .select { font-size:18px; }
.form-box .file-box { display: flex; }
.form-box .file-box .files { border-bottom: 1px solid #dadada; line-height: 45px; font-size:18px; color: #666;  width:50%; margin-right:10px; }
.form-box .file-box .btn-add { display: inline-block; padding: 0 30px; height: 44px; line-height: 42px; border-radius:44px; border: 1px solid #a3a3a3; font-size:18px; color: #181818; background: #fff; }

.quick { position: fixed; top:50%;right:0;  width:158px;z-index:9969;transform:translateY(-50%);border-radius:20px 0px 0px 20px;background: #fff; border:1px solid #eeeeee;transition:.5s all;}
.quick.active{right:-158px;}
.quick .bts{cursor:pointer;width:45px;height:130px;background-image:url("../img/quick_back.png");background-repeat:no-repeat;background-size:cover;background-position:center;display:block;text-align:center;line-height:130px;position:absolute;left:-45px;top:50%;transform:translateY(-50%);}
.quick .top { padding: 30px 20px 0px; text-align: center;margin-bottom: 12px;}
.quick .top .tit {font-size:18px; color: #666; margin-bottom: 6px; }
.quick .top p img { height: auto; }
.quick .top .control { text-align: center; font-size:0; margin:20px 0;     display: flex;
    justify-content: center;}
.quick .swiper-button-next, 
.quick .swiper-button-prev { width:20px; height: 20px; line-height: 16px; background: #fff; border: 1px solid #8c8c8c; font-size:17px; color: #8c8c8c; position: static; margin: 0;  }
.quick .btns a { display: block; height: 37px; line-height: 36px; border-radius:36px; background: #00589d; font-size:17px; color: #fff; margin-bottom: 4px;  }
.quick .btns a:first-child { background: #3085c8; }
.quick .cs { padding:20px 0; border-radius:0px; text-align: center; border-top:1px solid #eeeeee;}
.quick .cs a img{display:block;margin:0 auto;margin-bottom:10px;max-width:100%;}
.quick .cs a{text-align:center;display:block;color:#888888;font-size:13px;}
.quick .cs .tit2{  font-size:16px; color: #666; margin-bottom: 10px; font-weight: 500;}
.quick .cs .time { font-size:15px; line-height: 22px; color: #989898;  margin-bottom: 8px; letter-spacing: -1px;}
.quick .cs .tel { font-size:17px; line-height: 22px; color: #222222; font-weight: 600;letter-spacing:-.25px; margin-bottom:5px;}
.quick .cs .inq_b{width:110px;height:35px;background:#3085c8;color:#fff;border:0;border-radius:17.5px;font-size:14px;font-weight:400;}
.quick .cs .inq_b i{margin-right:5px;}

.shop_tail_quick{
	position: fixed; right:45px; bottom: 18px; width:90px;z-index:9999; 
	border-top:1px solid #eeeeee;
}

.shop_tail_quick li{
	width:90px;
	height:90px;
	border:1px solid #eeeeee;
	border-top:0;
	background:#fff;
	text-align:center;
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.shop_tail_quick li .t{
	color:#181818;
	font-size:12px;
	font-weight:300;
	line-height:16px;
	letter-spacing:-.20px;
	text-align:center;
	margin-top:12px;
}

.shop_tail_quick li a{
	display:block;
}


.modal_popup {background: rgb(0 0 0 / 60%); position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 9999;}
.modal_popup .popup {background-color: #fff; width: calc(100% - 28px); max-width: 830px; height: calc(100vh - 100px); position: relative; top: 50%; left: calc(50% - 14px); transform: translate(-50%, -50%); padding: 35px 30px 0px; margin: 0 14px; overflow-y: auto;}

.modal_popup .popup .title {font-size: 28px; font-weight: 700; color:#333333; margin-bottom: 15px; display: flex; align-items: center; justify-content: space-between;}
.modal_popup .popup .title .pop_close_btn {width: auto; height: auto; cursor: pointer; position: relative;line-height: 15px;padding-right: 25px;font-size:20px;}
.modal_popup .popup .title .pop_close_btn span {display: inline-block; background: #898989; height: 19px;  width: 1px; transform: rotate( 135deg); position: absolute; right: 9px;}
.modal_popup .popup .title .pop_close_btn span::after {content: ""; background: #898989; height: 1px; position: absolute; top: 9px; left: -9px; width: 19px;}
.modal_popup .popup .box {background-color: #fff; border-radius: 10px; padding: 18px 20px 20px; box-shadow: 2px 3px 6px rgb(0 0 0 / 6%); margin-bottom: 10px;}
.modal_popup .popup .box.fix select {height: 35px;}
.modal_popup .popup .box.fix input[type="text"] {height: 35px; min-width: auto;}
.modal_popup .popup .box h1 {padding-bottom: 15px; display: inline-block;}
.modal_popup .popup .acco_title {display: flex; justify-content: space-between; align-items: center; cursor: pointer;}
.modal_popup .popup .acco_title h1 {padding: 0;}
.modal_popup .popup .acco_title .btn {width: 18px;}
.modal_popup .popup .acco_title .btn .open {width: 12px; height: 12px; position: relative; display: inline-block; transform: rotate(225deg); margin-left: 2px;}
.modal_popup .popup .acco_title .btn .open::before {content: '';position: absolute; width: 100%; height: 100%; border: 1px solid #959595; border-right: 0; border-bottom: 0;}
.modal_popup .popup .acco_title .btn .close {width: 12px; height: 12px; position: relative; display: inline-block; transform: rotate(45deg); margin-left: 5px;     margin-top: 10px;}
.modal_popup .popup .acco_title .btn .close::before {content: '';position: absolute; width: 100%; height: 100%; border: 1px solid #959595; border-right: 0; border-bottom: 0;}
.modal_popup .popup .acco_con {margin-top: 16px;}
.modal_popup .popup .tb2 {margin-bottom: 10px;}
.modal_popup .popup .tb2:last-child {margin-bottom: 0;}

.modal_popup .popup button {background-color: #2cb671; width: 100%; border-radius: 10px; height: 50px; margin-top: 10px;}
.modal_popup .popup button h2 {color:#fff;}
.modal_popup.pop1 .popup {max-height: 1024px;}
.modal_popup.pop2 .popup {background-color: #fff; max-width: 400px; max-height: 691px;}
.modal_popup.pop2 .popup .line_box {display: flex; justify-content: space-between; align-items: center; border: 1px solid #e8e8e8; border-radius: 10px; padding: 14px 20px; margin-bottom: 10px;}
.modal_popup.pop2 .popup .line_box h4 {font-weight: 700;}
.modal_popup.pop2 .popup .line_box .toggle_wrap {display: flex; align-items: center;}
.modal_popup.pop2 .popup .line_box .toggle_wrap h4 {padding: 0 10px;}
.toggle_switch {width: 64px; height: 30px; display: block; position: relative; border-radius: 50px; background: #2cb671; box-shadow: 1px 1px 1px rgb(0 0 0 / 15%) inset; cursor: pointer;}
.toggle_switch .toggle_btn {width: 22px; height: 22px; position: absolute; top: 50%; left: 4px; transform: translateY(-50%); border-radius: 50%; background: linear-gradient(to right, #fefefe, #ececec); box-shadow: 1px 2px 6px rgb(0 0 0 / 15%);}
#toggle:checked ~ .toggle_switch {background: #2cb671;}
#toggle:checked ~ .toggle_switch .toggle_btn {left: calc(100% - 26px);}
#toggle2:checked ~ .toggle_switch {background: #2cb671;}
#toggle2:checked ~ .toggle_switch .toggle_btn {left: calc(100% - 26px);}
.toggle_switch, .toggle_btn {transition: all 0.2s ease-in;}
.modal_popup.pop2 .popup .tb2 table th {background-color: #fafafa;}
.modal_popup.pop2 .popup .tb2 table td {font-size: 20px; font-weight: 700; color:#ff891a; text-align: center;}
.modal_popup.pop2 .popup .tb2 table td.color2 {color:#2cb671;}
.modal_popup.pop2 .popup .tb2 input[type="text"] {max-width: 70px;}
.modal_popup.pop2 .popup .tb2 select {max-width: 90px;}
.modal_popup.pop2 .popup .tb2 table td button {background-color: #2cb671; height: 40px; border-radius: 8px; margin: 0;}
.modal_popup.pop2 .popup .tb2 table td button h4 {color:#fff; font-weight: 700;}

.modal_popup .form_area form[name='catalogy_down_form']{
	width:100%;
	position:relative;
	border-top:2px solid #00589d;
}

.modal_popup .form_area .form_tr{
	display:flex;
	border-bottom:1px solid #dddddd;
	width:100%;
}

.modal_popup .form_area .form_tr .form_th{
	color:#555555;
	font-size:16px;
	font-weight:400;
	letter-spacing:-.20px;
	padding:22px 20px;
	background:#f5f5f5;
	width:25%;
}

.modal_popup .form_area .form_tr .form_td{
	width:75%;
	padding:13px 20px;
}

.modal_popup .form_area .form_tr .form_td input{
	width:100%;
	height:40px;
	border:1px solid #dddddd;
	text-indent:10px;
}

.modal_popup .form_area .form_privat{
	margin-top:15px;
}

.modal_popup .form_area .form_privat h2.privat_title{
	color:#333333;
	font-size:20px;
	line-height:44px;
	letter-spacing:-.20px;
	margin-bottom:10px;
}

.modal_popup .form_area .form_privat .privat_area{
	padding:30px 20px;
	background:#f9f9f9;
}

.modal_popup .form_area .form_privat .privat_area .privat_desc{
	color:#666666;
	font-size:14px;
	letter-spacing:-.20px;
	line-height:24px;
	font-weight:400;
	margin-bottom:30px;
}

.modal_popup .form_area .form_privat .privat_area .privat_content{
	background:#fff;
	border:1px solid #dddddd;
	width:100%;
	height:150px;
	overflow-y:scroll;
	padding:30px;
	white-space:pre;
	color:#666666;
	font-size:12px;
	line-height:24px;
}


.modal_popup .form_area .product_button_area{
	display:flex;
	margin:1rem auto;
	justify-content: center;
}

.modal_popup .form_area .product_button_area .down_btn_subs{
	background:#00589d;
	color:#fff;
	border:0;
	border-radius:38.5px;
	font-size:20px;
	font-weight:400;
	letter-spacing:-.20px;
	width:278px;
	height:77px;
	margin-left:10px;
}

.modal_popup .form_area .product_button_area .down_btn_subs i{
	margin-left:10px;
}


.modal_popup .form_area .product_button_area .close_b{
	width:278px;
	height:77px;
	background:#fff;
	border:1px solid #dddddd;
	color:#666666;
	border-radius:38.5px;
	font-size:18px;
	font-weight:400;
	letter-spacing:-.20px;
}


/* 제품 */
.product-head * { font-family: 'Noto Sans KR';}
.product-head { display: flex; justify-content: space-between; padding:55px 0 90px; border-top:1px solid #a1a1a1; }
.product-head .img-box { width:55%; }
.product-head .img-box .large { border: 1px solid #dedede; margin-bottom: 20px; }
.product-head .img-box .large img {vertical-align: top; width:100%; display: none;}
.product-head .img-box .large img:first-child { display: inline;}
.product-head .img-box .thums ul { display: flex;}
.product-head .img-box .thums ul li { width:calc(20% - 20px);  border: 1px solid #dedede; cursor: pointer; transition: all 0.5s ease;margin:0 10px;}
.product-head .img-box .thums ul li:first-child{margin-left:0;}
.product-head .img-box .thums ul li img { width:100%;height:auto;}
.product-head .img-box .thums ul li.active { border-color:#3085c8; }
.product-head .txt-box { width:40.2%; }
.product-head .txt-box { display: flex; justify-content: space-between; flex-direction: column; padding:100px 0 50px; }
.product-head .txt-box .type {  font-size:20px; color: #00589d; }
.product-head .txt-box .subj { font-size:38px; font-weight: 600; color: #181818;margin:15px 0 40px; }
.product-head .txt-box .text{ font-size:20px; line-height: 1.5; color: #181818; margin-bottom: 20px; }
.product-head .txt-box .code { font-size:17px; line-height: 1.4;  color: #666666; display:flex; }
.product-head .txt-box .code span:first-child {white-space: nowrap; margin-right:15px;}
.product-head .txt-box .opt dl { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; }
.product-head .txt-box .opt dl dt { font-size:20px; color: #181818; max-width:175px;}
.product-head .txt-box .opt dl dd { width:300px; }
.product-head .txt-box .opt dl dd .select { height: 50px; font-size:20px; border-bottom: 1px solid #dedede; background-image: url(../img/sub2/bu_select.png); width:100%;}
.product-head .txt-box .btns { padding-top:60px; text-align: right; }
.product-head .txt-box .btns .btn-add { display: inline-block;vertical-align: middle; padding:0 20px; text-align: center; min-width:190px;
 height: 55px; line-height: 54px; font-size:21px; color: #fff; background: #3085c8; border-radius:55px;border: 0 }
.product-head .txt-box .opt-box { margin-top:30px; }

.product-feature * { font-family: 'Noto Sans KR';}
.product-feature { margin-bottom: 30px; }
.product-feature h3{ font-size:23px; line-height: 1.5; color: #004a80 ; }
.product-feature h4{ font-size:22px; line-height: 1.5; color: #000 ; }
.product-feature h6{ font-size:18px; line-height: 1.5; color: #525252 ; }
.product-feature p{ font-size:17px; line-height: 1.5; color: #525252 ; font-weight: 500 ; }
.product-feature dl { padding-left: 97px; margin-bottom: 10px; background: url(../img/sub2/tit_chk.png) no-repeat 5px 5px; }
.product-feature dl dt { font-size:22px; color: #181818; ;margin-bottom: 7px; }
.product-feature dl dd { font-size:17px; line-height: 1.5; color: #666666; }
.product-feature dl dd span{ font-size:19px;font-weight:500; line-height: 1.5; color: #000000; }
.product-feat { margin-bottom: 50px; }

.prd-info1 { border-top:1px solid #a1a1a1;  }
.prd-info1 .item { padding:40px 10px 40px 205px ; position: relative; display: flex; justify-content: space-between; border-bottom: 1px solid #dedede;  }
.prd-info1 .item .tit { position: absolute;left: 0; top:40px; font-size:22px; color: #181818; font-weight: 600; }
.prd-info1 .item .info dl:after { display: block; content: ''; clear: both; }
.prd-info1 .item .info dl { font-size:16px; line-height: 1.4; color: #666666; font-family: 'Noto Sans KR' }
.prd-info1 .item .info dl + dl { margin-top:7px;}
.prd-info1 .item .info dl dt { float:left;width:175px; color: #181818; }
.prd-info1 .item .info dl dd { overflow: hidden; }
.prd-desc1 { text-align: right; margin:15px 0 90px; font-size:16px; color: #666; }

.prd-flip * { font-family: 'Noto Sans KR';}
.prd-flip ul {}
.prd-flip ul li { border-bottom: 1px solid #a1a1a1; }
.prd-flip .q { display: block; width:100%; text-align: left; padding: 20px 0; font-size:22px; color: #181818; position: relative; border: 0; background: none; }
.prd-flip .q:before { content: ''; position: absolute; right:0; top:0; height: 100%; width:50px; background: url() no-repeat 50% 50%; transition: all 0.5s ease;}
.prd-flip ul li.active .q { color: #3085c8; font-weight: 500; }
.prd-flip ul li.active .q:before {transform: rotate(180deg); }
.prd-flip ul li.active .view { display: block; }
.prd-flip .view {display:none;font-size:18px; line-height: 1.55; color: #181818; padding: 55px 0;  border-top:1px solid #a1a1a1; }
.prd-flip .view .tit1 { font-size:22px; margin-bottom:24px; }
.prd-flip .view .txt1 { margin-bottom:24px;  letter-spacing: -1px; word-break: keep-all; }
.prd-flip .view .txt1.f17 { font-size:17px; }
.prd-flip .view .box { padding: 30px 40px; background: #f5f6f7; margin-bottom: 24px;      overflow: auto;}
.prd-flip .view .box .t1 { font-size:22px; margin-bottom: 10px;font-weight:600; }
.prd-flip .view .box .img1 .t1{margin-bottom:10px;margin-top:10px;}
.prd-flip .view .box .t2 { font-size:17px;  margin:8px 0;}
.prd-flip .view .box .t2 table{
	margin: 8px 0;
	width:-webkit-fill-available !important;
	border-color:#d3d3d3 !important;
}

.prd-flip .view .box .t2 table td{
	    padding: 5px 20px;
		background:#fff !important;
		border-color:#d3d3d3 !important;
		border-width: 1px;
}
.prd-flip .view .box .t2.gray { color: #666666; padding-top:10px; }
.prd-flip .view .box .img1 { text-align: center; }
.prd-flip .view .box .img1 img { max-width:100%;}
.prd-flip .view .box .desc1 { text-align: right; padding-top:25px; font-size:17px; }
.prd-flip .view .col2 {display: flex; justify-content: space-between; }
.prd-flip .view .col3 .img1 { margin-bottom: 30px; }
.prd-flip .view .col2 .box { width:calc(100% - 12px); }
.prd-flip .view .col2.type1 { margin:0 -12px;}
.prd-flip .view .col2.type1 .box { width:auto; flex: auto;  margin:0 12px; }
.prd-flip .view .col3 {display: flex; justify-content: space-between; }
.prd-flip .view .col3 .box { width:calc(33.333333% - 12px); }
.prd-flip .view .col4 {display: flex; justify-content: space-between; }
.prd-flip .view .col4 .box { width:calc(25% - 12px); }
.prd-flip .view .col4 .t1 { font-size:20px; letter-spacing: -1px; }
.prd-flip .view .img-box1 { display: flex; align-items: center; margin-bottom: 25px; }
.prd-flip .view .img-box1 .img { width:220px; margin-right:50px; border: 1px solid #d2d2d2; }
.prd-flip .view .img-box1 .img img { width:100%; }
.prd-flip .view .img-box2 { display: flex;justify-content: space-between; }
.prd-flip .view .img-box2 .img { width:340px; margin-right:40px; }
.prd-flip .view .img-box2 .txt-box {flex: 1; }
.prd-flip .view .txt-box dl:after { display: block; content: ''; clear: both; }
.prd-flip .view .txt-box dl { font-size:17px;line-height: 1.4; color: #666666; margin-bottom: 7px;  }
.prd-flip .view .txt-box dl dt { float:left; width:85px; }
.prd-flip .view .txt-box dl dd { overflow: hidden; letter-spacing: -1.3px; }
.prd-flip .view .img2{ margin-bottom: 25px; }
.prd-flip .view .img2 img { max-width:100%; }
.prd-flip .view .img-box3 { display: flex; margin-bottom: 15px; }
.prd-flip .view .img-box3 .img { width:200px; margin-right:60px; }
.prd-flip .view .img-box3 .info-box { flex: 1; max-width:485px; }
.prd-flip .view .img-box3 .info-box .tit1 { margin-bottom: 20px; }
.prd-flip .view .img-box4 { text-align: center; margin-bottom: 25px; }
.prd-flip .view .img-box4 > div { display: inline-block; vertical-align: middle; ; margin:0 40px; }
.prd-flip .view .img-box4 > div p { padding-top:15px;font-size:14px }
.prd-flip .view .img-box4 .txt2 { margin-bottom: 20px; display: block; }
.prd-flip .view .img-box4-wrap { display:flex; justify-content: space-between; }
.prd-flip .view .img-box4-wrap .img-box4 .txt2 { display: block; margin-bottom: 20px; }
.prd-flip .view .img-box4-wrap .img-box4 > div { margin:0 10px; display: inline-block; vertical-align: middle;}
.prd-flip .view .img-box4-wrap .img-box4 > div img { max-width:100%; }
.prd-flip .view .desc2 { text-align: right; padding-top:5px; font-size:16px; color: #666; }
.table2 {}
.table2 table { width:100%; border-collapse: collapse; font-size:16px; color: #666; line-height: 1.4;  }
.table2 table th { width:45%; background: #f5f6f7; font-weight: 400; padding:5px 5px; border-top:1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; text-align: center; }
.table2 table td {  font-weight: 400; padding:5px 5px; border-top:1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; text-align: center;}
.f-table {}
.f-table table { width:100%; border-collapse: collapse; border-top:1px solid #d3d3d3;  }
.f-table table thead th { height: 33px; padding:8px 5px; background: #f5f6f7; border-bottom:1px solid #d3d3d3; border-right:1px solid #d3d3d3;  font-size:17px; font-weight: 400; text-align: center; color: #181818; }
.f-table table tbody td {padding:10px 5px; font-size:16px; color: #666; line-height: 1.3;  border-bottom:1px solid #d3d3d3; border-right:1px solid #d3d3d3; text-align: center; }
.f-table table thead th:last-child,
.f-table table tbody td:last-child { border-right:0; }
.txt-dl { overflow: hidden; font-size:17px; line-height: 1.5; margin-bottom: 6px;  }
.txt-dl + .txt-dl { margin-bottom: 30px; }
.txt-dl dt { font-weight: 600; color: #181818; margin-right:12px; float:left;}
.txt-dl dd { overflow: hidden; }

.bio {}
.bio .desc { text-align: center;font-size:20px; line-height: 1.6; margin-bottom: 55px; padding-top:68px; border-top:1px solid #a1a1a1; }
.bio .btns { text-align: center; margin-bottom: 130px; }
.bio .btns a { display: inline-block; vertical-align: middle; height: 54px; line-height: 53px; padding:0 30px; border-radius:54px; font-size:21px; color: #fff; background: #3085c8; }
.bio h4 { text-align: center; font-size:35px; font-weight: 600; margin-bottom: 65px; }
.bio .list { display: flex; flex-wrap: wrap; margin:0 -9px; }
.bio .list li { width:25%; padding:0 9px 20px; }
.bio .list li a { display: block;  text-align: center; }
.bio .list li a .img { border: 1px solid #dedede }
.bio .list li a .img img { width:100%; vertical-align: top; }
.bio .list li a .subj { font-size:20px; margin:20px 0 7px; }
.bio .list li a .type { font-size:17px; color: #666666; }




.mobile-scroll  { display: none; align-items: center; justify-content: flex-end; font-size:18px;margin-right:20px;  } 
.mobile-scroll span { width:15px; height: 15px; border-left:1px solid #000; border-bottom: 1px solid #000; transform: rotate(225deg);  animation: sdb 2s infinite; }
.mobile-scroll span:nth-child(2) { animation-delay:0s;}
.mobile-scroll span:nth-child(3) { animation-delay:0.15s;}
.mobile-scroll span:nth-child(4) { animation-delay:0.3s;}
@keyframes sdb {
	0% {    opacity: 0;  }
	50% {    opacity: 1;  }
	100% {    opacity: 0;  }
}


.mobile { display: none; }



/**********
	as 안내
**********/	

.sub_small{text-align: center; }
.sub_small p{color: #181818; font-size: 20px; font-weight: normal; line-height: 35px}

.as_icon3{display: flex; gap:90px; margin-top: 50px; justify-content: center; }
.as_icon3 .box{background: #fbfbfb; padding: 50px 30px; text-align: center; width: 33.33%}
.as_icon3 .box h2{font-size: 25px; line-height: 28px; font-weight: 600; color: #181818; margin: 20px 0 10px}
.as_icon3 .box p{font-size: 20px; line-height: 28px; font-weight: normal; color: #666666;}

.as_center{background: url(../img/as/bg.png); background-position: center; background-size: cover; padding: 100px 15px; text-align: center; margin-top: 150px}
.as_center h3{color: #fff; font-size: 40px; font-weight: normal}
.as_center h1{margin: 10px 0; font-size: 65px; font-weight: bold; line-height: 70px; color: #fff}
.as_center p{color: #fff; font-size: 20px; line-height: 30px; font-weight: 400}
.as_center a.btn_as{height: 60px; background: rgba(56,56,52,.8); text-align: center; 
display: inline-block; padding:0 20px;  font-size: 20px; font-weight: normal; color: #fff; 
line-height: 60px; border-radius: 50px; transition-duration: .5s; margin-top: 20px}
.as_center a.btn_as:hover{background: rgba(48,133,200,.8); transition-duration: .5s}

.as_step{text-align: center; padding: 120px 15px}
.as_step.bg{background: #f0f4f8}
.as_step h2{color: #181818; font-size: 30px; font-weight: bold; }
.as_step p{color: #181818; font-size: 20px; line-height: 35px; font-weight: normal; margin-top: 10px}

.title_as_step{margin-bottom: 70px}

.step_5{width: 952px;margin: 0 auto}
.step_5 .ibg{display: flex; width: 952px;  position: relative; justify-content: center;}
.step_5 .ibg .bgimg{position: absolute; left: 0; top: 0; z-index: -1}

.step_5 .ibg .box{width: 25%; text-align: center; }
.step_5 .ibg .box span{display: block; color: #666; font-size: 20px; font-weight: normal; line-height: 30px; margin-top: 25px}
.step_5 .ibg .box .thum{display: flex; height: 192px; align-items: center;
    justify-content: center;}

.step_4{display: flex; gap:96px; position: relative; max-width: 1180px; padding: 0 18px; z-index: 2; justify-content: center; margin: 0 auto}
.step_4::after{width: 100%; height: 1px; border-bottom: 1px dashed #d6d9db; content: ''; position: absolute; top: 90px; z-index: -1}

.step_4 .box{width: 212px; position: relative}

.step_4 .line.line01{height: 65px; margin: 0 auto; background: #339cce; width: 1px }
.step_4 .line.line02{height: 65px; margin: 0 auto; background: #3b90d4; width: 1px }
.step_4 .line.line03{height: 65px; margin: 0 auto; background: #5790de; width: 1px }


.step_4 .box + .box::before{content: '+'; background: #626262; width: 40px; height: 40px; 
position: absolute; left: -50%; color: #fff; transform: translateX(40px); top: 70px; line-height: 40px; font-size: 20px; font-weight: 900; border-radius: 50px}

.step_4 .box.box03 + .box::before{content: '='; }

.step_4 .line{position: relative}
.step_4 .line::after {
    content: '';
    position: absolute;
    top: -6px;
    left: 50%;
    width: 12px;
    height: 12px;
    border-radius: 50px;
    border: 3px solid #fff;
    transform: translateX(-50%);
}

.step_4 .line.line01::after{background: #339cce}
.step_4 .line.line02::after{background: #3b90d4}
.step_4 .line.line03::after{background: #5790de}


.hexagon {
       width: 212px; height: 183px; display: flex; justify-content: center;align-items: center;
    }
    
.hexagon h3{font-size: 30px; color: #fff; font-weight: normal}    
    
.hexagon.color01{background: url(../img/as/color01.png); background-position: center; background-size: 212px 183px;}
.hexagon.color02{background: url(../img/as/color02.png); background-position: center; background-size: 212px 183px;}
.hexagon.color03{background: url(../img/as/color03.png); background-position: center; background-size: 212px 183px;}
.hexagon.color04{background: url(../img/as/color04.png); background-position: center; background-size: 212px 183px;}

.step_4 .box p{color: #666666; font-size: 20px; line-height: 30px; margin-top: 5px; word-break: keep-all}

.as_info{border-top: 2px solid #1b1b1b; padding: 30px 0 0 0; text-align: left}
.as_info p{font-size: 20px; line-height: 35px; font-weight: normal; color: #888888}
.as_info p b{font-weight: normal; color: #181818}

.as_info p.sub_text{margin:0; font-size: 16px; line-height: 25px; color: #bbbbbb ; padding-left: 22px; position: relative; font-weight: 400}
.as_info p.sub_text span{position: absolute; left: 0; top: 0}


.as_info p + .sub_text{margin-top: 20px}

.accordionWrapper{margin-top: 35px}
.accordionItem{

    display:block;
    width:100%;
    box-sizing: border-box;

}
.as_step h2.accordionItemHeading{
    cursor:pointer;
    margin:0px ;
    padding:18px;
    background:#fff;
    color:#222;
    width:100%;
    position: relative;
    border-top: 1px solid #dddddd;
    text-align: left; font-size: 20px; font-weight: normal
}

.accordionItemHeading:after{content: ''; background: url(../img/as/down.png); 
width: 18px; height: 11px; background-position: center; background-repeat: no-repeat;
                             background-size: 18px 11px; top: 25px; right: 18px; position: absolute; transform: rotate(180deg);}

.close .prj-list .view{
    height:0px;
    transition:height 1s ease-out;
    -webkit-transform: scaleY(0);
	-o-transform: scaleY(0);
	-ms-transform: scaleY(0);
	transform: scaleY(0);
    float:left;
    display:block;
    
    
}
.open .prj-list .view{
        padding: 20px 18px;
    background-color: #fafafa;
    border-top: 1px dashed #ddd;
    width: 100%;
    margin: 0px;
    display:block;
   
        box-sizing: border-box;
}


.open .accordionItemContent{
        padding: 20px 18px;
    background-color: #fafafa;
    border-top: 1px dashed #ddd;
    width: 100%;
    margin: 0px;
    display:block;
   
        box-sizing: border-box;
}

.open .accordionItemHeading::after{
    transform: rotate(0deg);
}


.accordionItemContent{border-top: 2px solid #1b1b1b; padding: 30px 0 0 0; text-align: left; display: none}
.accordionItemContent p{font-size: 20px; line-height: 35px; font-weight: normal; color: #888888}
.accordionItemContent p b{font-weight: normal; color: #181818}

.accordionItemContent p.sub_text{margin:0; font-size: 16px; line-height: 25px; color: #bbbbbb ; padding-left: 22px; position: relative; font-weight: 400}
.accordionItemContent p.sub_text span{position: absolute; left: 0; top: 0}


.accordionItemContent p + .sub_text{margin-top: 20px}


.accordionItemContent h2.accordionItemHeading{
    cursor:pointer;
    margin:0px ;
    padding:18px;
    background:#fff;
    color:#222;
    width:100%;
    position: relative;
    border-top: 1px solid #dddddd;
    text-align: left; font-size: 20px; font-weight: normal
}

.accordionItemContent h3{font-weight: 400; color: #444444; font-size: 16px; line-height: 30px}
.accordionItemContent p{color: #888888; padding-left: 18px; font-size: 16px; line-height: 30px; font-weight: 400}

.accordionItemContent p + h3{margin-top: 30px}

.accordionItemContent p + ul{margin-top: 15px}
.accordionItemContent h3 + ul{margin-top: 15px}
.accordionItemContent ul{padding-left: 18px;}
.accordionItemContent ul + h3{margin-top: 15px}

.accordionItemContent ul li{padding-left: 25px; position: relative; font-size: 16px; line-height: 30px; font-weight: 400; color: #888}
.accordionItemContent ul li span{position: absolute; left: 0; top: 5px; width: 18px; height: 18px; 
color: #fff; background: #888; border-radius: 50px; text-align: center; line-height: 18px}



.prj-list .view h3{font-weight: 400; color: #444444; font-size: 16px; line-height: 30px}
.prj-list .view p{color: #888888; padding-left: 18px; font-size: 16px; line-height: 30px; font-weight: 400}

.prj-list .view p + h3{margin-top: 30px}

.prj-list .view p + ul{margin-top: 15px}
.prj-list .view h3 + ul{margin-top: 15px}
.prj-list .view ul{padding-left: 18px;}
.prj-list .view ul + h3{margin-top: 15px}

.prj-list .view ul li{padding-left: 25px; position: relative; font-size: 16px; line-height: 30px; font-weight: 400; color: #888}
.prj-list .view ul li span{position: absolute; left: 0; top: 5px; width: 18px; height: 18px; 
color: #fff; background: #888; border-radius: 50px; text-align: center; line-height: 18px}

.map_new{}
.map_new h2.accordionItemHeading{
    cursor:pointer;
    margin:0px ;
    padding: 0;
    background:#fff;
    color:#666;
    width:100%;
    position: relative;
    text-align: left; font-size: 24px; font-weight: normal
}

.map_new h2.accordionItemHeading span{font-size: 20px}
.map_new .accordionItemHeading:after{top: 10px}
.map_new .open h2.accordionItemHeading{
    color:#222;
}


.map_new .accordionItem{border-bottom: 1px solid #ddd;     padding:18px 0;}

.map_new .open .prj-list .view{
        padding: 10px 0px;
    background-color: #fff;
    border-top: 0px dashed #ddd;
    width: 100%;
    margin: 0px;
    display:block;
   
        box-sizing: border-box;
}

.map_new .accordionWrapper{border-top: 2px solid #1b1b1b}

.map_new h3.subtitle{font-weight: bold; font-size: 30px; text-align: center}

.prj-list .view p.map_name{color: #888888; padding-left: 0px; font-size: 20px; line-height: 30px; font-weight: 400; margin-bottom: 25px}

.map_flex{display: flex; gap:60px}


.map_info iframe{max-width: 500px; max-height: 280px; }
.map_img{max-width: 720px}
.map_img img{width: 100%}

.map_img iframe{max-width: 720px; max-height: 480px; position: relative;   }

.prj-list .view ul.map_info_new{display: flex; align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;; gap:10px}
.prj-list .view ul.map_info_new li {display: flex; color: #333; font-size: 22px; padding: 0; align-items: flex-start; width: 100%; gap:8px; margin-bottom: 0}
.prj-list .view ul.map_info_new li img{margin-top: 5px}
.prj-list .view ul.map_info_new li.w50{width: calc(50% - 5px)}
.prj-list .view ul.map_info_new li h6{color: #333; font-size: 22px; word-break: keep-all}
.prj-list .view ul.map_info_new li p{color: #333; font-size: 18px; word-break: keep-all}

.map_info iframe + ul{margin-top: 35px}

.accordionWrapper + h3.subtitle{margin-top: 150px}

.emt30{height: 30px}

@media (max-width: 1580px){
	.shop_tail_quick { transform: scale(0.85);}
}
@media (max-width: 1200px){
	.main-product .menu ul li:nth-child(5),
	.main-product .menu ul li:nth-child(6){
		margin-left:0px;
	}
	.main-product .menu .btn-dep1{font-size:15px;}
	.about .t2 { padding:0 20px;}	
	.about br.pc { display: none; }
	.about .cp-dia .d1 p { word-break: keep-all; }
	.about .cp-dia .line { margin-bottom: -30px; }
	.about .cp-dia .line img { width:522px; }
	.about .cp-dia ul li { width:300px; height: 300px; }
	.about .cp-dia ul li img { height: 60px; }
	.about .cp-dia ul li dl dt { font-size:20px; margin:15px 0 10px; }
	.about .cp-dia ul li dl dd { font-size:14px; }
	
	.about .tablet { display: flex;}
	.about .vision-wrap { overflow: auto; }
	.about .vision { padding-top:20px; }
	.about .solution ul li dl dd { word-break: keep-all; }
	
	.product-head .img-box { width:45%; margin-right:30px;  }
	.product-head .txt-box { flex: 1; width:auto;  padding:30px 0 20px; }
	.prd-info1 .item { padding:70px 0 25px !important; }
	.prd-info1 .item .tit { position: absolute; left: 0; top:25px;  }
	
	.prd-flip .view .img-box4 { flex: 1; font-size:0;}
	.prd-flip .view .img-box4-wrap .img-box4 { overflow: hidden; padding-top:50px; display: flex; justify-content: space-between; position: relative;}
	.prd-flip .view .img-box4-wrap .img-box4 > div { width:50%; margin: 0; padding:0 5px;  }
	.prd-flip .view .img-box4-wrap .img-box4 > div img { max-height: 250px; }
	.prd-flip .view .img-box4-wrap .img-box4 .txt2 { font-size:18px; position: absolute;left: 0; right:0; top:0;text-align: center;  width:auto; }
	
}
@media (max-width: 1024px){
	

	
	.pc { display: none; }
	.mobile { display: block; }
	
	.mobile-scroll { display: flex; }
	.quick{width:115px; right:-115px;}
	.quick.active{right:0px;}
	.quick .top .tit{font-size:15px;}
	.quick .top{padding:10px 10px 0;}
	.quick .cs{padding:10px 0;}
	.quick .cs .tel{font-size:12px;}
	.quick .bts{width:35px;height:100px;line-height:100px;left:-35px;}
	.quick .cs .time{font-size:11px;}
	.quick .cs a{font-size:12px;}
	.quick .cs .tit2{font-size:13px;}
	.quick .cs a img{max-width:70%;}

	.footer .sns_area{text-align:center;}

		.quick .cs .inq_b{
		max-width:95%;
		margin:0 auto;
		width:100%;
		height:30px;
		font-size:13px;
	}

	.showroom_banner .grid_area{
		width:100% !important;
		display:flex !important;
		align-items: center !important;
		justify-content: center !important;
	}

	.showroom_banner .grid_area .text_cont h2{
		text-align:center !important;
		font-size:30px !important;
		line-height:38px !important;
		margin-bottom:25px !important;
	}

	.showroom_banner .grid_area .text_cont{
		text-align:center;
	}


	.shop_tail_quick { transform: scale(0.78);bottom:0;right:0; }
	
	.inner { padding:0 20px;}
	.sub-head { height: 250px;  }
	.sub-head.sub4 { margin-bottom: 60px; }
	.sub-head h2 { font-size:40px; padding-top:75px;}
	.sub-nav { margin-bottom: 60px; }
	.sub-nav a { line-height: 60px; font-size:14px; padding:0 7px;  }
	.sub-container { padding-bottom: 80px; }
	.h3 { margin-bottom: 35px; }
	.h3 strong { font-size:30px; }
	.h4 { margin-bottom: 25px; }
	.h4 strong { padding-left: 24px; font-size:20px; letter-spacing: -1px; }
	.h4 strong span { font-size:20px; }
	.h4 strong:before { width:19px; top:10px; margin-top:-2px;  }
	.about .t1 { font-size:22px; }
	.about .t1 small { font-size:19px; }
	.about .t2 { font-size:15px; margin-bottom: 40px; word-break: keep-all; }
	.about .cp-box  { padding-bottom: 70px; }
	.about .cp-box div { padding:15px; }
	.about .cp-box div dl dt { width:100px; font-size:16px; }
	.about .cp-box div dl dd { font-size:16px; }
	.about .cp-dia { padding:70px 20px 80px; }
	.about .cp-dia .d1 p { font-size:18px; line-height: 1.5; padding:20px; border-radius:25px;}
	.about .cp-dia .line { display: none; }
	.about .cp-dia ul { display: block; margin-top:30px; }
	.about .cp-dia ul li { margin: 0 auto 20px; }
	.about .cp-dia ul li dl dd { font-size:13px; }
	.about .solution { padding:40px 0 30px; }
	.about .solution ul { display: block; }
	.about .solution ul li { padding: 0 0 25px; }
	.about .solution ul li + li { border-left: 0; border-top:2px solid #dbe0e5; padding-top:20px;  }
	.about .solution ul li dl dt { font-size:35px; margin-bottom: 15px; }
	.about .solution ul li dl dd { font-size:16px; }
	.about .map-wrap .map-cont > div { height: 250px; }
	.about .map-wrap .map-info { position: static; width:auto; box-shadow:none; border: 1px solid #eee; border-radius:0; display: block; padding:15px;  }
	.about .map-wrap .map-info .locs a { font-size:16px; line-height: 25px; }
	.about .map-wrap .map-info .locs { border: 0; border-bottom: 1px solid #dadada; margin-bottom: 20px; padding-bottom: 20px;  }
	.about .map-wrap .map-info .loc-cont { padding-left: 0; }
	.about .map-wrap .map-info .loc-cont .tit { font-size:20px; margin-bottom: 10px; }
	.about .map-wrap .map-info .loc-cont dl { font-size:14px; line-height: 20px; }
	
	.tabs { display: flex; flex-wrap: wrap; margin-bottom: 40px;  }
	.tabs a { flex: 1 1 auto; background: #f9f9f9; padding:10px 20px; font-size:14px; border: 1px solid #eee; margin:0 -1px -1px 0; }
	.tabs a:before{ display: none; }
	.tabs a.active { color: #fff; background: #00589d; }
	
	.career-list ul li { padding:20px 10px; }
	.career-list ul li .item { padding-left: 0; }
	.career-list ul li .item h4 { position: static; font-size:24px; margin-bottom: 12px;}
	.career-list ul li .item i { right:0; left: inherit; bottom:inherit; top:0; }
	.career-list ul li .item i img { height: 30px; }
	.career-list ul li .item .txt-box .t1 { font-size:14px; margin-bottom: 12px;  }
	.career-list ul li .item .txt-box .t2 { font-size:15px;margin-bottom: 6px;  }
	.career-list ul li .item .txt-box .t3 { font-size:14px; }
	
	.gallery-list { margin-bottom: 30px; }
	.gallery-list ul li a { display: block; padding:15px; min-height: inherit; }
	.gallery-list ul li a .date { display: block; text-align: left; margin-right:0; border-right:0; }
	.gallery-list ul li a .date strong { font-size:28px; }
	.gallery-list ul li a .date small { font-size:14px; }
	.gallery-list ul li a .text {margin:10px 0;}
	.gallery-list ul li a .text .subj { font-size:16px; margin-bottom: 5px; }
	.gallery-list ul li a .text .txt { font-size:13px; }
	.gallery-list ul li a .thum { width:auto; margin-left: 0; }
	.gallery-list ul li a .thum img { width:100%; }
	
	.download ul { margin:0 0 20px; }
	.download ul li { width:100%; padding:0 0 25px; }
	.download ul li a { display: block; height: auto; padding:20px 20px 80px; border-radius:20px; }
	.download ul li a dl dt { font-size:20px; }
	.download ul li a dl dd { font-size:14px; }
	.download ul li a .file { left: 20px; right:20px; bottom:20px; }
	.download ul li a .file strong { font-size:12px; }

	.prj-list ul li .btn-flip small {
    font-size: 13px;
    margin-left: 0px;
    display: block;
    margin-top: 5px;
}

.prj-list ul li .btn-flip strong {
    display: block;
}
	
	.prj-list { margin-bottom: 90px; }
	.prj-list ul li { margin-bottom: 10px; }
	.prj-list ul li .btn-flip { font-size:18px; height: 70px; }
	.prj-list ul li .btn-flip small { font-size:13px; margin-left: 0px; }
	.prj-list ul li .btn-flip:before { width:16px; height: 3px; background-size:16px auto;}
	.prj-list ul li .btn-flip:after { width:16px; height: 3px; background-size:16px auto;}
	.prj-list ul li .view { padding:20px 0 50px; }
	.prj-list ul li .view .img-box{margin-bottom: 20px; }
	.prj-list ul li .view .img-box > p { width:calc(50% - 3px); }
	.prj-list ul li .view .slider {margin-bottom: 20px; }
	.prj-list ul li .view .slider img { width:100%; }
	.prj-list ul li .view .info { padding: 0; flex-direction: column; }
	.prj-list ul li .view .info .logo { width:auto; position: static;}
	.prj-list ul li .view .info .logo img { height: 60px; }
	.prj-list ul li .view .info .article { width:auto; padding-left: 0; }
	.prj-list ul li .view .info .article dl  { margin-bottom: 10px; line-height: 24px; }
	.prj-list ul li .view .info .article dl dt { font-size:14px; margin-right:15px; }
	.prj-list ul li .view .info .article dl dd { font-size:14px; }
	
	.bg-gray { padding:110px 20px 60px}
	.cart-wrap .inner2 { padding:30px 15px; margin-bottom: 30px; }
	.cart-wrap .table1 { overflow: auto; }
	.cart-wrap .table1 table { width:900px; }
	.cart-wrap h3 { font-size:20px; margin-bottom: 20px; }
	.cart-wrap .h3-desc { font-size:13px; }
	.table1 table thead th { height: 50px; font-size:14px; }
	.table1 table tbody td { padding:15px 5px; font-size:14px; }
	.form-box .section { display: block; margin-bottom: 0; padding-top:0; }
	.form-box .section .article { width:100%; }
	.form-box .section .article .tit { font-size:14px; }
	.form-box .file-box { display: block; }
	.form-box .file-box .files { width:auto; padding-right:0; font-size:13px; line-height: 40px; }
	.form-box .file-box .btn-add { padding: 0 15px; height: 40px; line-height: 38px; font-size:14px; margin-top:10px; }
	.cart-wrap .inner3 { display: block; }
	.cart-wrap .inner3 .left { padding:30px 15px; }
	.cart-wrap .inner3 .left .agree-box { padding:15px 0; font-size:12px;  display: block; }
	.cart-wrap .inner3 .left p + p { margin-top:0;}
	.cart-wrap .inner3 .left .agree-box em { display: none; }
	.cart-wrap .inner3 .right { width:auto; margin-top:20px; padding:20px;margin-left: 0; }
	.cart-wrap .inner3 .right a { height: 40px; line-height: 38px; font-size:14px; }
	.cart-wrap .inner3 .right a + a { margin-top:10px; }
	
	.inhouse-list ul li  {width:50%; margin-bottom: 25px; }
	.inhouse-list ul li a { padding:10px; border-radius:10px; }
	.inhouse-list ul li a .subj { font-size:16px; margin:10px 0 5px; }
	.inhouse-list ul li a .text { font-size:13px; margin-bottom: 20px; }
	.inhouse-list ul li a .date span { font-size:13px; }
	
	.checkbox + div span { font-size:13px; }
	.inp,
	.select { height: 40px; font-size:14px; }
	.form-box .select { font-size:14px; }
	
	.bio .desc { font-size:14px; padding-top:30px; margin-bottom: 20px; }
	.bio .btns { margin-bottom: 60px; }
	.bio .btns a { height: 40px; line-height: 39px; border-radius:40px; font-size:14px; }
	.bio h4 { font-size:24px; margin-bottom: 30px; }
	.bio .list li { width:50%; }
	.bio .list li a .subj { font-size:14px; margin:12px 0 4px;  }
	.bio .list li a .type { font-size:13px; }
	
	.tabs2 { flex-wrap: wrap;padding-bottom: 35px;  }
	.tabs2 > div > a { font-size:14px; padding:0 10px; margin:5px 0;}
	.tab-dep2 { left: 0; right:auto; top:70px; text-align: center; padding:0; }
	.tab-dep2 a { padding:0 5px; height: 25px; line-height: 24px; font-size:14px; width:42%;margin-bottom:15px;}
	.tabs2 .tab-dep2 {     width: 100%;
    white-space: unset;padding:0;top:70%;}
	.tabs2.mb0 { padding-bottom: 0; }
	.tabs2 > div:before { display: none; }
	
	.product-head { display: block; padding:30px 0;}
	.product-head .img-box { width:auto; margin-right:0;}
	.product-head .img-box .large img{height:auto !important;}
	.product-head .img-box .thums ul li img{height:auto !important;}
	.product-head .txt-box { padding:20px 0;}
	.product-head .txt-box .type { font-size:14px; }
	.product-head .txt-box .subj { font-size:20px; margin:10px 0 20px; }
	.product-head .txt-box .text { font-size:13px; margin-bottom: 12px; }
	.product-head .txt-box .code { font-size:13px; }
	.product-head .txt-box .opt dl { margin-bottom: 10px; }
	.product-head .txt-box .opt dl dt { font-size:14px;}
	.product-head .txt-box .opt dl dd { width:55%; }
	.product-head .txt-box .opt dl dd .select { height: 40px; font-size:14px; padding-right:35px;  }
	.product-head .txt-box .btns { padding-top:20px; }
	.product-head .txt-box .btns .btn-add { display: block; width:100%; height: 45px; line-height: 44px; font-size:16px; }
	.product-feature dl { padding-left: 50px !important; background-size:auto 26px !important; margin-bottom: 15px !important;  }
	.product-feature dl dt { font-size:16px !important; }
	.product-feature dl dd { font-size:13px !important; }
	.prd-info1 .item { padding:20px 0 !important; display: block !important; }
	.prd-info1 .item .tit { position: static !important; margin-bottom: 15px !important; font-size:18px !important; }
	.prd-info1 .item .info { margin-bottom: 15px !important; }
	.prd-info1 .item .info dl { font-size:13px !important; }
	.prd-info1 .item .info dl dt { width:160px; !important }
	.prd-info1 .item .img{text-align:center !important;}
	.prd-info1 .item .img img { max-width:100% !important; height:auto !important; margin:0 auto !important;}
	.prd-desc1 { font-size:13px !important; margin:10px 0 50px !important; }
	.prd-flip .q { padding:10px 0 !important; font-size:16px !important; }
	.prd-flip .q:before { background-size:12px auto !important; }
	.prd-flip .view { font-size:14px !important; padding:25px 0 !important; }
	.prd-flip .view img { max-width:100% !important; }
	.prd-flip .view .txt1 { margin-bottom: 14px !important; }
	.prd-flip .view .box { padding:15px !important; margin-bottom: 15px !important; }
	.prd-flip .view .box .t1 { font-size:16px !important;}
	.prd-flip .view .box .t2 { font-size:13px !important; }
	.prd-flip .view .col2 { display: block !important; }
	.prd-flip .view .col2 .box { width:auto !important; }
	.prd-flip .view .img-box1 { display: block;}
	.prd-flip .view .img-box1 .img { width:auto; margin-right:0; margin-bottom: 15px; }
	.prd-flip .view .col2.type1 .box { margin-bottom: 15px; }
	.prd-flip .view .img-box2 { display: block; }
	.prd-flip .view .img-box2 .img { width:auto !important; margin: 0 0 15px;max-width:100%; }
	.prd-flip .view .txt-box dl { font-size:14px; margin-bottom: 5px; }
	.prd-flip .view .txt-box dl dt {display: block; float:none; margin-bottom: 5px; font-weight: 600; }
	.prd-flip .view .col3 { display: block !important; }
	.prd-flip .view .col3 .box { width:auto !important; }
	.prd-flip .view .box .desc1 { font-size:13px !important; padding-top:10px !important;}
	.prd-flip .view .tit1 { font-size:16px !important; }
	.prd-flip .view .txt1.f17 { font-size:14px !important; margin-bottom: 12px !important;  }
	.prd-flip .view .img-box3 { display: block !important; }
	.prd-flip .view .img-box3 .img { width:auto !important; margin:0 0 15px !important;}
	.table2 table  { font-size:13px !important; width:100% !important;}
	.prd-flip .view .desc2 { font-size:13px !important; }
	.table2 table th{width:45% !important;}
	
	.f-table { overflow: auto !important;}
	.f-table table { width:800px !important;}
	.f-table table thead th,
	.f-table table tbody td { padding:5px 3px !important; font-size:12px !important; }

	.prd-flip .view .img-box4 { font-size:0 !important; }
	.prd-flip .view .img-box4 > div { width:50% !important; margin: 0 !important; padding:0 10px !important; }
	.prd-flip .view .col4 { display: block; !important }
	.prd-flip .view .col4 .box { width:auto !important; }
	.prd-flip .view .img-box4-wrap { display: block !important; }
	.prd-flip .view .img-box4-wrap .img-box4 .txt2 {font-size:15px !important; }
	.f-table  {overflow: auto !important}
	.f-table table { width:900px !important; }
	
	.product-head .txt-box .opt-box .f-table { overflow: visible !important}
	.product-head .txt-box .opt-box .f-table table { width:100% !important;}
	
	.txt-dl  { font-size:14px; }
	
	.HULAB1 { margin-bottom: 60px;}
	.HULAB1 .txt1{ font-size:15px; margin-bottom: 30px;}
	.HULAB1 .box { flex-wrap: wrap; justify-content: center; }
	.HULAB1 .box .item { width:130px; height: 130px; border-width:5px; margin:5px;  }
	.HULAB1 .box .item i img { height: 40px; }
	.HULAB1 .box .item .t1 { font-size:15px; height: 28px; margin:5px 0 3px;  }
	.HULAB1 .box .item .t1 small { font-size:13px; }
	.HULAB1 .box .item .t2 {font-size:15px; }
	.HULAB2 { padding:60px 0 50px; }
	.HULAB2 .box .item { margin-bottom: 25px; padding:0 5px;}
	.HULAB2 .box .item dl dt { font-size:13px; }
	.HULAB2 .box .item dl dd  {font-size:15px;}
	.HULAB2 .box .item p { font-size:13px; margin-top:15px; }
	.HULAB2 .box .item p br { display: none; }

	.board-view .head h3{font-size:25px;}

	.board-view .body .text-area img{max-width:100%;height:auto !important;}
}



/* Lab Consulting */
.rabc h4 { text-align: left; font-size:22px; margin-bottom: 30px;font-weight: 600;}
.rabc .txt1 { text-align: left; font-size:18px; margin-bottom: 10px;font-weight: 500;}
.rabc .request { height:158px; position: relative; margin-bottom: 30px;  }
.rabc .request:before { content: ''; position: absolute;left: 0; right:10px; top:50%; height: 1px; background: #a1a1a1; }
.rabc .request a  { position: absolute; right:0; top:0; width:158px; height: 158px; border-radius:100%; background: #3085c8; display: flex; text-align:center; justify-content: center; align-items: center; flex-direction: column; font-size:20px; color: #fff; box-shadow:33px 33px 46px rgba(48,133,200,0.3);  transition: all .5s ease; }
.rabc .request a:before { content: ''; display: block; background: url(../img/main/ico_btn1.png) no-repeat 50% 50%; width:25px; height: 10px; margin: 0 auto 10px;}
.rabc .request a:hover { background: #0969b5; box-shadow:31px 31px 49px rgba(48,133,200,0.5); }

/* ===== 공통: 데스크톱 유지 + 유연한 폰트 스케일 ===== */
.rabc h4{
  /* 데스크톱 최대 22px 유지, 화면이 좁아지면 부드럽게 축소 */
  font-size: clamp(18px, 2.1vw, 22px);
}
.rabc .txt1{
  font-size: clamp(16px, 1.8vw, 18px);
}

/* 요청 섹션: 데스크톱 디자인 유지하며 크기만 유연화 */
.rabc .request{
  /* 고정 height 대신 최소 높이로 여유 확보 */
  min-height: clamp(120px, 35vw, 158px);
}
.rabc .request a{
  /* 158px 원을 화면폭에 맞춰 자연스럽게 축소 */
  width: clamp(112px, 24vw, 158px);
  height: clamp(112px, 24vw, 158px);
  font-size: clamp(16px, 4.2vw, 20px);
}
.rabc .request a:before{
  /* 레티나 등에서 아이콘 선명도 보장 */
  background-size: 25px 10px;
}
/* 원 우측에 겹치는 선을 자동 회피(데스크톱 유지) */
.rabc .request:before{
  right: calc(clamp(112px, 24vw, 158px) + 12px);
}

/* 포커스 접근성 개선 (키보드 탭 시) */
.rabc .request a:focus-visible{
  outline: 3px solid rgba(48,133,200,.6);
  outline-offset: 3px;
  box-shadow: 0 0 0 6px rgba(48,133,200,.15);
}

/* 모션 민감 사용자 배려 */
@media (prefers-reduced-motion: reduce){
  .rabc .request a{ transition: none; }
}

/* ===== 태블릿 이하 (≤1024px): 여백·정렬 보정 ===== */
@media (max-width: 1024px){
  .rabc h4, .rabc .txt1{ text-align: left; } /* 필요시 center로 바꿔도 좋음 */
  .rabc .request{ margin-bottom: 24px; }
  .rabc .request a{
    box-shadow: 24px 24px 36px rgba(48,133,200,0.25);
  }
}

/* ===== 모바일 (≤640px): 겹침 방지, 세로 스택 ===== */
@media (max-width: 640px){
  .rabc h4, .rabc .txt1{
    text-align: left;
    margin-left: auto; margin-right: auto;
  }

  .rabc .request{
    /* 원을 텍스트 아래로 내려 세로 배치 */
    height: auto;
    padding-top: 14px;
    padding-bottom: 18px;
  }

  /* 선은 상단 구분선처럼 전체 폭으로 */
  .rabc .request:before{
    left: 0;
    right: 0;
    top: 0;
  }

  /* 원 버튼을 가운데로 이동 (겹침 완전 해소) */
  .rabc .request a{
    position: static;         /* 기존 absolute 해제 */
    margin: 16px auto 0;      /* 가운데 정렬 */
    width: clamp(96px, 40vw, 136px);
    height: clamp(96px, 40vw, 136px);
    font-size: clamp(14px, 4.4vw, 18px);
    box-shadow: 18px 18px 28px rgba(48,133,200,0.22);
  }
}

/* ===== 호버 효과는 마우스 장치에서만 ===== */
@media (hover: hover){
  .rabc .request a:hover{
    background: #0969b5;
    box-shadow: 31px 31px 49px rgba(48,133,200,0.5);
    transform: translateY(-1px);
  }
}



.rabc .box1-1 { height:512px; background: url(../img/sub3/img1_1.jpg) no-repeat 50% 50%; position: relative; margin-bottom: 100px; }
.rabc .box1-1 div { position: absolute;left: 172px; right:172px; bottom:0; padding: 49px 40px; background: rgba(255,255,255,0.87); display: flex; align-items: center;  font-size:20px; color: #181818; line-height: 1.6; }
.rabc .box1-1 div:before { content: ''; display: inline-block; vertical-align: middle; background: url(../img/sub3/ico1_1.png) no-repeat 0 0 ;width:56px; height: 56px; margin-right:27px; flex:0 0 56px; }
.rabc .box1-2 { padding: 120px 0 150px; background: #f5f7f8;}
.rabc .box1-2 ul { display: flex; justify-content: center;  flex-wrap: wrap; }
.rabc .box1-2 ul li { margin:0 18px; }
.rabc .box1-2 ul li dl { padding:18px 10px 0; display: flex;justify-content: space-between; }
.rabc .box1-2 ul li dl dt { width:31px; height: 31px; line-height: 30px; text-align: center;border-radius:100%; color: #fff; font-size:18px; background: #063458; }
.rabc .box1-2 ul li dl dd { flex: 1; text-align: center; font-size:22px; color: #181818; }
.rabc .box1-3 { padding: 10px 0; }
.rabc .box1-3 h4 { margin-bottom: 10px; }
.rabc .box1-3 .txt1 { text-align: left; font-size:20px; line-height: 1.6; margin-bottom: 65px; }
.rabc .box1-3 .fil { display: flex; justify-content: center; align-items: center; margin-bottom: 20px; }
.rabc .box1-3 .fil .f1 { width:246px; height: 246px; border-radius:100%; background: #dbe9f4; border: 1px solid #3e92d5; position: relative; display: flex; justify-content: center; align-items: center; flex-direction: column; }
.rabc .box1-3 .fil .f1 p { font-size:22px; font-weight: 500; padding-top:10px; color: #00589e; }
.rabc .box1-3 .fil .f1:before { content: ''; position: absolute;left: 0; right:0; bottom:0; top:0; border-radius:100%; border: 7px solid #fff; }
.rabc .box1-3 .fil .in3 { display: flex; align-items: center; }
.rabc .box1-3 .fil .f2 { width:200px; height:200px; border-radius:100%; background: rgba(255,255,255,0.8); border: 1px solid #ccc; position: relative; display: flex; justify-content: center; align-items: center; flex-direction: column;  }
.rabc .box1-3 .fil .f2 + .f2 { margin-left: -18px;}
.rabc .box1-3 .fil .f2 p { font-size:18px; font-weight: 500; padding-top:10px; color: #181818; }
.rabc .box1-3 .fil.fil1 .f1 { margin-right:75px;}
.rabc .box1-3 .fil.fil1 .f1:after { content: ''; position: absolute; top:50%; right:-75px; height: 1px; width:75px; background: url(../img/sub3/line.png) repeat-x 0 0; }
.rabc .box1-3 .fil.fil1 .f1 p i { position: absolute; right:-22px; top:50%; margin-top:-22px; z-index:2; }

.rabc .box1-3 .fil.fil2 .f1 { margin-left:170px;}
.rabc .box1-3 .fil.fil2 .f1:after { content: ''; position: absolute; top:50%; left:-170px; height: 1px; width:170px; background: url(../img/sub3/line.png) repeat-x 0 0; }
.rabc .box1-3 .fil.fil2 .f1 p i { position: absolute; left:-22px; top:50%; margin-top:-22px; z-index:2; }
.rabc .box1-3 .fil.fil2 .f2:first-child { z-index:2;}
.rabc .box1-4 { padding: 95px 0 115px; background: #f5f7f8}
.rabc .box1-4 .inner { display: flex; justify-content: space-between; align-items: center; }
.rabc .box1-4 .left { display: flex; align-items: center; }
.rabc .box1-4 .left img { width:195px; flex:0 0 195px; margin: 0 50px 0 20px; box-shadow:0 0 27px rgba(0,0,0,0.15);  }
.rabc .box1-4 .left ul { flex: 1; }
.rabc .box1-4 .left ul li { padding-left: 34px; line-height: 25px; font-size:22px; color: #181818; margin-bottom: 13px; background: url(../img/sub3/ico1_4.png) no-repeat 0 0;}
.rabc .box1-4 .right{  width:50%;  padding: 33px 78px 41px; background: #fff; border-radius:15px; text-align: center; }
.rabc .box1-4 .right .tit{ font-size:24px; color: #000; font-weight: 600; margin-bottom: 30px; }
.rabc .box1-4 .right .tit img { vertical-align: middle; margin:-5px 10px 0 0;}
.rabc .box1-4 .right ul { display: flex; justify-content: space-between; }
.rabc .box1-4 .right ul li p { font-size:18px; color: #000; padding-top:7px;}
.rabc .box1-5 { padding: 150px 0; background: url(../img/sub3/bg1.jpg) no-repeat 50% 50%; background-size:cover; }
.rabc .box1-5 .inner { display: flex; justify-content: space-between;}
.rabc .box1-5 .inner > div{  width:calc(50% - 30px); border-radius:15px; background: #fff; position: relative; padding: 80px 75px 60px;  }
.rabc .box1-5 .inner > div:before { content: ''; position: absolute; left: 50%; top:0; height: 4px; width:190px; margin-left: -95px; background: #3085c8;  }
.rabc .box1-5 .tit { text-align: center; font-size:26px; color: #181818; font-weight: 600; line-height: 1.4; margin-bottom: 48px; letter-spacing: -0.5px; }
.rabc .box1-5 .tit p { display: inline; color: #2f7cca;  }
.rabc .box1-5 .tit p span { position: relative;}
.rabc .box1-5 .tit p span:before { content: ''; position: absolute;left: 50%; top:-16px; margin-left: -2px; width:0px; height: 0px; border-radius:100%; background: #2f7cca; }
.rabc .box1-5 ul li { padding-left: 37px; position: relative; font-size:20px; line-height: 1.6; color: #181818; }
.rabc .box1-5 ul li i{  position: absolute;left: 0; top:4px; width:22px; height: 22px; text-align: center; line-height: 21px; border-radius:100%; background: #063458; font-size:13px; color: #fff; font-style: normal; }
.rabc .box1-5 .inner > div:nth-child(1) .tit { margin-bottom: 55px; }
.rabc .box1-5 .inner > div:nth-child(2) { background: #00335b; }
.rabc .box1-5 .inner > div:nth-child(2):before { background: #30a0f7; }
.rabc .box1-5 .inner > div:nth-child(2) .tit { color: #fff; }
.rabc .box1-5 .inner > div:nth-child(2) ul li { color: #fff; }
.rabc .box1-5 .inner > div:nth-child(2) ul li i { background: #00589d; }

.rab-step { }
.rab-step .article { padding-left: 805px; position: relative; }
.rab-step .article .title { position: absolute;left: 0; top:35px; }
.rab-step .article .title p { font-size:20px; color: #3085c8;  font-weight: 600;}
.rab-step .article .title strong { display: block; font-size:30px; color: #000;  font-weight: 600; margin:20px 0 5px;}
.rab-step .article .title span { font-size:22px; color: #181818;  font-weight: 500;}
.rab-step .article .box { display: flex; justify-content: space-between; padding-bottom: 50px; margin-bottom: 55px; border-bottom: 0px solid #c4c4c4; }
.rab-step .article .box .img { width:300px; flex: 0 0 300px; }
.rab-step .article .box .img img { border-radius:15px; box-shadow:0 0 6px rgba(0,0,0,0.2); width:100%; }
.rab-step .article .box .info { flex: 1; margin-left: 55px; }
.rab-step .article .box .info dl:after { display: block; content: ''; clear: both; }
.rab-step .article .box .info dl { font-size:18px; color: #666; line-height: 1.6; margin-bottom: 5px;  }
.rab-step .article .box .info dl dt { float:left; width:66px; }
.rab-step .article .box .info dl dt strong { font-weight: 600; color: #181818; }
.rab-step .article .box .info dl dd { overflow: hidden; }

.rab-result { margin-bottom: 150px; }
.rab-result ul { display: flex; justify-content: space-between; flex-wrap: wrap; margin:0 -10px;  }
.rab-result ul li { width:25%; padding:0 10px; text-align: center; }
.rab-result ul li img { width:100%; }
.rab-result ul li dl { padding-top:45px; }
.rab-result ul li dl dt { font-size:23px; color: #181818; margin-bottom: 12px;  font-weight: 600; }
.rab-result ul li dl dd { font-size:20px; line-height: 1.6; color: #181818; }

.rab-is { padding-bottom: 200px; position: relative; }
.rab-is:before { content: ''; position: absolute;left: 0; right:0; bottom:0; top:380px; background: #f0f4f8; z-index:-1;}
.rab-is .img { margin-bottom: 100px; }
.rab-is .img img { width:100% }
.rab-is ul { display: flex; flex-wrap: wrap; }
.rab-is ul + ul { margin-top:60px;}
.rab-is ul li { width:20%; font-size:18px; line-height: 1.6;  }
.rab-is ul li .tit { font-weight: 600; }
.rab-is ul li .tit i { display: inline-block; width:14px; height: 14px; border-radius:3px; background: #063458; vertical-align: middle; margin:-3px 3px 0 0;}
.rab-is ul li .tit em { display: inline-block; width:16px; height: 16px; border-radius:100%; background: #e23636; vertical-align: middle; margin:-3px 3px 0 0;}
.rab-is ul li .text { letter-spacing: -1px;}
.rab-is ul li .text div:after { display: block; content: ''; clear: both; }
.rab-is ul li .text div .num { float:left; margin-right:2px; }
.rab-is ul li .text div p { overflow: hidden; }

.ready { text-align: center; font-size:20px; color: #666; }
.ready p { padding-top:30px;}

@media (max-width: 1024px){
	.rabc .request { height: 100px; margin-bottom: 30px; }
	.rabc .request a { width:100px; height: 100px; font-size:14px; }
	.rabc h4 { font-size:25px; margin-bottom: 30px; }
	.rabc .box1-1 { height: 350px; margin-bottom: 50px;  }	
	.rabc .box1-1 div { left: 20px; right:20px; padding:20px; font-size:14px; }
	.rabc .box1-1 div:before { width:30px; height: 30px; flex:0 0 30px; margin-right:15px; background-size:30px;}
	.rabc .box1-2 { padding:50px 0; }
	.rabc .box1-2 ul li { margin-bottom: 30px; }
	.rabc .box1-2 ul li dl { padding-top:10px; }
	.rabc .box1-2 ul li dl dd { font-size:16px; line-height: 31px; text-align: left; padding-left: 20px; }
	.rabc .box1-3 { padding:50px 0;}
	.rabc .box1-3 .txt1 { font-size:14px; margin-bottom: 30px; }

@media (max-width: 768px) {
  .rabc .request {
    height: 80px;
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .rabc .request a {
    width: 80px;
    height: 80px;
    font-size: 12px;
  }

  .rabc h4 {
    font-size: 18px;
    margin-bottom: 20px;
    text-align: left;
  }

  .rabc .box1-1 {
    height: auto; /* 모바일에서 고정 높이 제거 */
    margin-bottom: 30px;
  }

  .rabc .box1-1 div {
    position: relative;
    left: 10px;
    right: 10px;
    padding: 15px;
    font-size: 13px;
  }

  .rabc .box1-1 div:before {
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
    margin-right: 10px;
    background-size: 24px;
  }

  .rabc .box1-2 {
    padding: 30px 0;
  }

  .rabc .box1-2 ul li {
    margin-bottom: 20px;
  }

  .rabc .box1-2 ul li dl {
    padding-top: 8px;
  }

  .rabc .box1-2 ul li dl dd {
    font-size: 14px;
    line-height: 24px;
    padding-left: 15px;
    text-align: left;
  }

  .rabc .box1-3 {
    padding: 30px 0;
  }

  .rabc .box1-3 .txt1 {
    font-size: 13px;
    margin-bottom: 20px;
    padding: 0 10px;
    text-align: center;
  }
}

	/*.fill-scroll { overflow: auto; }
	.fill-scroll .fil { width:900px }
	*/
	.rabc .box1-3 .fil { display: block; }
	.rabc .box1-3 .fil .f1{ margin: 0 auto 40px !important; width:180px; height: 180px;  }
	.rabc .box1-3 .fil.fil1 .f1:after { right:50%; top:inherit; bottom:-40px; transform: rotate(90deg); transform-origin: right bottom;z-index:-1;}
	.rabc .box1-3 .fil .f1 p { font-size:18px; }
	.rabc .box1-3 .fil .in3 { justify-content: center; }
	.rabc .box1-3 .fil .f2 { width:100px; height: 100px; }
	.rabc .box1-3 .fil .f2 img { height: 40px; }
	.rabc .box1-3 .fil .f2 p { font-size:13px; padding-top:5px; }
	.rabc .box1-3 .fil2 { display: flex; flex-direction: column-reverse; }
	.rabc .box1-3 .fil.fil2 .f1:after { right:50%; left: inherit;top:inherit; bottom:-60px; width:60px; transform: rotate(90deg); transform-origin: right bottom;z-index:-1;}
	
	
	.rabc .box1-4 { padding:50px 0; }
	.rabc .box1-4 .inner { display: block; }
	.rabc .box1-4 .left { flex-wrap: wrap; justify-content: center; flex-direction: column;  }
	.rabc .box1-4 .left img { margin:0 auto; }
	.rabc .box1-4 .left ul { padding:20px 0; }
	.rabc .box1-4 .left ul li { padding-left: 28px; background-size:auto 20px; font-size:16px; line-height: 20px;  }
	.rabc .box1-4 .right { width:auto; padding:20px; }
	.rabc .box1-4 .right .tit { font-size:18px; margin-bottom: 20px; }
	.rabc .box1-4 .right .tit img { width:26px; }
	.rabc .box1-4 .right ul li img { height: 30px; }
	.rabc .box1-4 .right ul li p { font-size:13px; }
	.rabc .box1-5 { padding:60px 0; }
	.rabc .box1-5 .inner { display: block; }
	.rabc .box1-5 .inner > div { width:auto; padding:40px 20px; }
	.rabc .box1-5 .inner > div + div{  margin-top:30px; }
	.rabc .box1-5 .tit { font-size:17px; margin-bottom: 20px !important; }
	.rabc .box1-5 ul li { padding-left: 30px; font-size:14px; }
	.rabc .box1-5 ul li i { width:19px; height: 19px; line-height: 19px; font-size:12px; top:2px; }
	
	.rab-step .article { padding-left: 0; }
	.rab-step .article .title { position: static;  margin-bottom: 20px; }
	.rab-step .article .title p { font-size:15px; }
	.rab-step .article .title strong { font-size:22px; margin:10px 0 3px; }
	.rab-step .article .title span { font-size:17px;}
	.rab-step .article .box { display: block; padding-bottom: 20px; margin-bottom: 20px; }
	.rab-step .article .box .img { width:auto; }
	.rab-step .article .box .info { margin:20px 0 0 0;}
	.rab-step .article .box .info dl { font-size:14px; }
	.rab-step .article .box .info dl dt { width:55px; }
	
	.rab-result { margin-bottom: 30px; }
	.rab-result ul li { width:50%; padding:0 10px 30px; }
	.rab-result ul li dl { padding-top:10px; }
	.rab-result ul li dl dt { font-size:18px; margin-bottom: 10px; }
	.rab-result ul li dl dd {font-size:13px; }
	
	.rab-is { padding-bottom: 100px; }
	.rab-is:before { top:20%; }
	.rab-is .img { margin-bottom: 40px; }
	.rab-is ul li { width:50%; font-size:13px; margin-bottom: 20px; }
	.rab-is ul + ul { margin-top:20px; }
	
	.ready { font-size:16px; }
}








.radio { position: absolute;left: -9999px; }
.radio + p { display: inline-block; vertical-align: middle; }
.radio + p em { display: inline-block; vertical-align: middle; width:19px; height: 19px; border: 1px solid #666; border-radius:100%; position: relative;}
.radio + p em:before { content: ''; position: absolute;left: 3px; top:3px; right:3px; bottom:3px; border-radius:100%; background: #3085c8; opacity:0; transform: scale(0.3); transition:all 0.5s ease;}
.radio + p span { font-size:20px; color: #666; vertical-align: middle; margin-left: 7px; }
#section6 .radio + p span{font-size:17px;}
.radio:checked + p em:before { opacity:1; transform: scale(1); }
.board-write { border-top:1px solid #000; padding-top:30px; border-bottom: 1px solid #000; margin-bottom: 25px; padding-bottom: 45px;  }
.board-write .section { display: flex; justify-content: space-between; margin-bottom: 35px; }
.board-write .section .inp,
.board-write .section .select,
.board-write .section .textarea { width:100%; font-size:20px; color: #181818;}
.board-write .section input[type="time"]{padding-left: 50px; position: relative}
.board-write .section input[type="time"]::-webkit-calendar-picker-indicator {
    background: url(img/time.png); background-size: 18px auto; position: absolute; 
    width: 100%; background-position: 10px 50%; background-repeat: no-repeat;
    left: 0
}





.board-write .section input[type="time"]::before{
	content: attr(data-placeholder);
    position: absolute;
    background: #fff;
    left: 50px;
    top: 50%;
    transform: translateY(-50%);
   color: #d5d5d5
}

.board-write .section input[type="time"]:focus::before,
.board-write .section input[type="time"]:valid::before{display: none}

.board-write .section input[type="date"]{padding-left: 50px; position: relative}
.board-write .section input[type="date"]::-webkit-calendar-picker-indicator {
    background: url(img/date.png); background-size: 18px auto; position: absolute; 
    width: 100%; background-position: 18px 50%; background-repeat: no-repeat;
    left: 0
}

.board-write .section input[type="date"]::before{
	content: attr(data-placeholder);
    position: absolute;
    background: #fff;
    left: 50px;
    top: 50%;
    transform: translateY(-50%);
    color: #d5d5d5
}

.board-write .section input[type="date"]:focus::before,
.board-write .section input[type="date"]:valid::before{display: none}



.board-write .section .select {background: url(../img/common/bu_select2.png) no-repeat 100% 50%; background-position: right 10px center; color: #181818}
.board-write .section .select option{color: #181818}

.board-write .section .select:required:invalid {
  color: #d5d5d5;
}
.board-write .section .select option[value=""][disabled] {
  display: none;
}

.board-write .section .article { width:calc(50% - 27px); display: flex; align-items: center; justify-content: space-between;  }
.board-write .section .article.w33 { width:33%; }
.board-write .section .article .tit { font-size:20px; color: #666; flex:0 0 115px; width:115px;  }
.board-write .section .article .tit em { font-style: normal;color: #ff0000;}
.board-write .section .article .tit.top { align-self: baseline;}
.board-write .section .article .inp-box { flex: 1; position: relative;     display: flex;
    align-items: center;}
.board-write .section .article .inp-box .inp_text{font-size:20px; color: #666;}
.board-write .section .article .col2 { display: flex; justify-content: space-between; }
.board-write .section .article .col2 .inp { flex:0 0 140px; width:140px; }
.board-write .section .article .col2 .select { width:100%; flex: 1; margin-left: 20px; }
.board-write .section .article.solo { width:100%; }
.board-write .section .article .name-box { display: flex; justify-content: space-between; }
.board-write .section .article .name-box .inp { width:calc(50% - 20px); }
.board-write .section .article .photo-box {display: flex; align-items: flex-end;  }
.board-write .section .article .photo-box .photo {  }
.board-write .section .article .photo-box .photo img { width:86px; height: 119px; border: 1px solid #ddd;  }
.board-write .section .article .photo-box .up { margin-left: 15px;}
.board-write .section .article .photo-box .up span { font-size:14px; color: #000; opacity:0.5; }
.board-write .section .article .addr-box .btn-addr { position: absolute; right:0; bottom:0; }
.board-write .section .article .addr-box .inp { width:calc(100% - 115px); }
.board-write .section .article .right { position: absolute; right:20px; bottom:0; line-height: 40px; font-size:16px; color: #000; }
.board-write .section .article .right + .inp { padding-right:80px; }
.board-write .section .article .family { display: flex; justify-content: space-between; }
.board-write .section .article .family .inp { width:calc(33.3333% - 20px); }
.board-write .section .article.mili { display: flex; justify-content: space-between; }
.board-write .section .article.mili .col { display: flex; justify-content: space-between; align-items: center; }
.board-write .section .article.mili .col .mili-box { white-space: nowrap; }
.board-write .section .article.mili .col + .col { margin-left: 70px; }
.board-write .section .article.mili .col .mili-box2 { display: flex; justify-content: space-between; align-items: center; }
.board-write .section .article.mili .col .mili-box2 span { flex:0 0 30px; width:30px;text-align: center; }
.board-write .section .article .school1 { display: flex; justify-content: space-between; align-items: center; }
.board-write .section .article .school1 span { flex:0 0 45px; width:45px;text-align: center; font-size:16px; }
.board-write .section .article .date-box1 { display: flex; justify-content: space-between; }
.board-write .section .article .date-box1 > div  { width:calc(50% - 10px); position: relative;}
.board-write .section .article .date-box2 { display: flex; justify-content: space-between; }
.board-write .section .article .date-box2 span { flex:0 0 45px; width:45px;text-align: center; font-size:16px; line-height: 40px; }
.board-write .section .article .date-box2 .inp { width:auto; flex: 1; }
.board-write .section .article .date-box2 .select-box { width:44%; margin-left: 40px; }
.board-write .section .article .pos-box { display: flex; justify-content: space-between; }
.board-write .section .article .pos-box > div{ flex: 1;  position: relative;}
.board-write .section .article .pos-box > div + div { margin-left: 15px; }
.board-write .section .article .pos-box p { margin-left: 10px; font-size:14px; font-weight: 300; white-space: nowrap; line-height: 40px;  }
.board-write .section.col3 .article { width:calc(33.33333% - 27px); }
.board-write .section.auto { margin:0 -27px 50px; }
.board-write .section.auto .article { width:auto; flex:1; margin:0 27px; }
.board-write .section .article .point-box { display: flex; justify-content: space-between; }
.board-write .section .article .point-box > div  { width:calc(50% - 6px); position: relative;}
.board-write .section .article .point-box > div .right{ right:5px; }
.board-write .section .article .point-box > div .right + .inp { padding-right:40px; }
.board-write .section .article #content{height:320px;border:1px solid #eee;}
.board-write .section .file-upload { display: flex; }
.board-write .section .file-upload .files { line-height: 50px; border-bottom: 1px solid #dedede; font-size:20px; color: #666; width:450px; margin-right:10px;  }
.board-write .section .file-upload .btn-type1 { padding:0 25px; height: 50px; line-height: 48px; border-radius:50px; border: 1px solid #a3a3a3; font-size:20px; color: #fff;  cursor: pointer;}
.board-write .section .file-upload .btn-del { border: 0; background: none; outline:none; }
.board-write .section .file-upload .file-hidden { position: absolute;left: -9999px; }

.board-write .section_inquiry { display: flex; justify-content: space-between; margin-bottom: 22px; }
.board-write .section_inquiry .inp,
.board-write .section_inquiry .select,
.board-write .section_inquiry .textarea { width:100%; font-size:17px; color: #181818;resize:none; }

.board-write .section_inquiry .select {background: url(../img/common/bu_select2.png) no-repeat 100% 50%; background-position: right 10px center; color: #181818}
.board-write .section_inquiry .select option{color: #181818}

.board-write .section_inquiry .select:required:invalid {
  color: #d5d5d5;
}

.board-write .section_inquiry .article { width:calc(50% - 27px); display: flex; align-items: center; justify-content: space-between;  }
.board-write .section_inquiry .article.w33 { width:33%; }
.board-write .section_inquiry .article .tit { font-size:17px; color: #666; flex:0 0 115px; width:115px;  }
.board-write .section_inquiry .article .tit em { font-style: normal;color: #ff0000;}
.board-write .section_inquiry .article .tit.top { align-self: baseline;}
.board-write .section_inquiry .article .inp-box { flex: 1; position: relative; }
.board-write .section_inquiry .article .col2 { display: flex; justify-content: space-between; }
.board-write .section_inquiry .article .col2 .inp { flex:0 0 140px; width:140px; }
.board-write .section_inquiry .article .col2 .select { width:100%; flex: 1; margin-left: 20px; }
.board-write .section_inquiry .article.solo { width:100%; }
.board-write .section_inquiry .article .name-box { display: flex; justify-content: space-between; }
.board-write .section_inquiry .article .name-box .inp { width:calc(50% - 20px); }
.board-write .section_inquiry .article .photo-box {display: flex; align-items: flex-end;  }
.board-write .section_inquiry .article .photo-box .photo {  }
.board-write .section_inquiry .article .photo-box .photo img { width:86px; height: 119px; border: 1px solid #ddd;  }
.board-write .section_inquiry .article .photo-box .up { margin-left: 15px;}
.board-write .section_inquiry .article .photo-box .up span { font-size:14px; color: #000; opacity:0.5; }
.board-write .section_inquiry .article .addr-box .btn-addr { position: absolute; right:0; bottom:0; }
.board-write .section_inquiry .article .addr-box .inp { width:calc(100% - 115px); }
.board-write .section_inquiry .article .right { position: absolute; right:20px; bottom:0; line-height: 40px; font-size:16px; color: #000; }
.board-write .section_inquiry .article .right + .inp { padding-right:80px; }
.board-write .section_inquiry .article .family { display: flex; justify-content: space-between; }
.board-write .section_inquiry .article .family .inp { width:calc(33.3333% - 20px); }
.board-write .section_inquiry .article.mili { display: flex; justify-content: space-between; }
.board-write .section_inquiry .article.mili .col { display: flex; justify-content: space-between; align-items: center; }
.board-write .section_inquiry .article.mili .col .mili-box { white-space: nowrap; }
.board-write .section_inquiry .article.mili .col + .col { margin-left: 70px; }
.board-write .section_inquiry .article.mili .col .mili-box2 { display: flex; justify-content: space-between; align-items: center; }
.board-write .section_inquiry .article.mili .col .mili-box2 span { flex:0 0 30px; width:30px;text-align: center; }
.board-write .section_inquiry .article .school1 { display: flex; justify-content: space-between; align-items: center; }
.board-write .section_inquiry .article .school1 span { flex:0 0 45px; width:45px;text-align: center; font-size:16px; }
.board-write .section_inquiry .article .date-box1 { display: flex; justify-content: space-between; }
.board-write .section_inquiry .article .date-box1 > div  { width:calc(50% - 10px); position: relative;}
.board-write .section_inquiry .article .date-box2 { display: flex; justify-content: space-between; }
.board-write .section_inquiry .article .date-box2 span { flex:0 0 45px; width:45px;text-align: center; font-size:16px; line-height: 40px; }
.board-write .section_inquiry .article .date-box2 .inp { width:auto; flex: 1; }
.board-write .section_inquiry .article .date-box2 .select-box { width:44%; margin-left: 40px; }
.board-write .section_inquiry .article .pos-box { display: flex; justify-content: space-between; }
.board-write .section_inquiry .article .pos-box > div{ flex: 1;  position: relative;}
.board-write .section_inquiry .article .pos-box > div + div { margin-left: 15px; }
.board-write .section_inquiry .article .pos-box p { margin-left: 10px; font-size:14px; font-weight: 300; white-space: nowrap; line-height: 40px;  }
.board-write .section_inquiry.col3 .article { width:calc(33.33333% - 27px); }
.board-write .section_inquiry.auto { margin:0 -27px 50px; }
.board-write .section_inquiry.auto .article { width:auto; flex:1; margin:0 27px; }
.board-write .section_inquiry .article .point-box { display: flex; justify-content: space-between; }
.board-write .section_inquiry .article .point-box > div  { width:calc(50% - 6px); position: relative;}
.board-write .section_inquiry .article .point-box > div .right{ right:5px; }
.board-write .section_inquiry .article .point-box > div .right + .inp { padding-right:40px; }
.board-write .section_inquiry .article #content{height:140px;}
.board-write .section_inquiry .file-upload { display: flex; }
.board-write .section_inquiry .file-upload .files { line-height: 50px; border-bottom: 1px solid #dedede; font-size:20px; color: #666; width:450px; margin-right:10px;  }
.board-write .section_inquiry .file-upload .btn-type1 { padding:0 25px; height: 50px; line-height: 48px; border-radius:50px; border: 1px solid #a3a3a3; font-size:20px; color: #181818;  cursor: pointer;}
.board-write .section_inquiry .file-upload .btn-del { border: 0; background: none; outline:none; }
.board-write .section_inquiry .file-upload .file-hidden { position: absolute;left: -9999px; }
#section6 .h3{
	margin-bottom:25px;
}

 #section6 .h3 strong{
	font-size:40px;
 }


.board-write .section-btns { text-align: right; margin-top:-30px;}
.board-write .section-btns button { margin-left: 7px; }
.board-write .agree-box .tit {font-size:20px; color: #666; margin-right:35px; }
.board-write .agree-box .captcha{display:inline-block;}
#section6 .board-write .agree-box .tit{font-size:17px;}
.board-write .agree-box .tit em{color:#ff0000;}
.board-write .agree-box label { margin-right:35px;}
.btn-inq { text-align: center; }
.btn-inq .btn-inq-submit { display: inline-block; padding:0 55px; height: 55px; line-height: 53px; text-align: center; border-radius:55px;  font-size:21px; color: #fff;  background: #3085c8;border:0; }

.showroom_banner .grid_area{
    display: grid;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    grid-template-columns: repeat(9, 1fr);
    gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 60px;
	height: 100%;
    position: relative;
    align-items: center;
}

.showroom_banner .grid_area .text_cont{
	grid-column-start: 2;
    grid-column-end: 7;
}

.showroom_banner .grid_area .text_cont h2{
	font-size:36px;
	letter-spacing:-.3px;
	line-height:40px;
	color:#fff;
	font-weight:600;
}

.cyber_info_area{
	margin-top:80px;
}

.cyber_info_area .grid_area{
    display: grid;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    grid-template-columns: repeat(12, 1fr);
    gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
}

.cyber_info_area .grid_area .cyber_info{
	display:flex;
}

.cyber_info_area .grid_area .cyber_info .text_area{
	flex:1;
}

.cyber_info_area .grid_area .cyber_info .text_area .title_a{
	color:#3085c8;
	font-size:20px;
	font-weight:bold;
	line-height:30px;
	padding:25px 0;
	border-top:2px solid;
	border-bottom:1px solid #dddddd !important;
}

.cyber_info_area .grid_area .cyber_info .text_area ul{
	padding-top:33px;
	padding-bottom:120px;
}

.cyber_info_area .grid_area .cyber_info .text_area ul li{
	color:#181818;
	font-size:16px;
	font-weight:400;
	line-height:28px;
	letter-spacing:-.20px;
}

.cyber_info_area .grid_area .cyber_info1{
	grid-column-start: 1;
    grid-column-end: 7;
}

.cyber_info_area .grid_area .cyber_info2{
	grid-column-start: 7;
    grid-column-end: 13;
}

.cyber_info_area .grid_area .cyber_info .icon_area{
	padding-right:60px;
}

#sod_bsk_list td ul li,
#forderform td ul li{
	border-bottom:1px solid #dadada;
	padding:8px 0;
	min-height:113px;
}

#sod_bsk_list td ul li.none_line,
#forderform td ul li.none_line{
	border-bottom:0;
}

#sod_bsk_list td ul li dl dt,
#forderform td ul li dl dt{
    float: left;
    margin-right: 10px;
    font-size: 16px;
    color: #000;
    font-weight: 500;
	white-space:nowrap;
}
#sod_bsk_list td ul li dl dd,
#forderform td ul li dl dd{
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#sod_bsk_list .opt_l dl,
#forderform .opt_l dl{
	padding:0 8px;
}

#sod_bsk_list .sod_option_btn{
	margin-bottom:8px;
	height:35px;
}

@media (max-width:1380px){
	.cyber_info_area{
		margin-top:80px;
	}

	.cyber_info_area .grid_area{
		display: grid;
		width: 100%;
		margin: 0;
		padding: 0;
		list-style: none;
		grid-template-columns: repeat(12, 1fr);
		gap: 20px;
		-moz-column-gap: 20px;
		column-gap: 20px;
	}

	.cyber_info_area .grid_area .cyber_info{
		display:flex;
	}

	.cyber_info_area .grid_area .cyber_info .text_area{

	}

	.cyber_info_area .grid_area .cyber_info .text_area .title_a{
		color:#3085c8;
		font-size:20px;
		font-weight:bold;
		line-height:30px;
		padding:25px 0;
		border-top:2px solid;
		border-bottom:1px solid #dddddd !important;
	}

	.cyber_info_area .grid_area .cyber_info .text_area ul{
		padding-top:33px;
		padding-bottom:120px;
	}

	.cyber_info_area .grid_area .cyber_info .text_area ul li{
		color:#181818;
		font-size:13px;
		font-weight:400;
		line-height:28px;
		letter-spacing:-.20px;
	}

	.cyber_info_area .grid_area .cyber_info1{
		grid-column-start: 1;
		grid-column-end: 7;
	}

	.cyber_info_area .grid_area .cyber_info2{
		grid-column-start: 7;
		grid-column-end: 13;
	}

	.cyber_info_area .grid_area .cyber_info .icon_area{
		padding-right:30px;
	}
}

@media (max-width: 1024px){
	.btn-inq .btn-inq-submit { padding:0 25px; height: 45px; line-height: 44px; font-size:15px; }
	.sub-head.sub-inq { margin-bottom: 60px; }
	.sub-head.sub-inq2 { margin-bottom: 60px; }
	.board-write .agree-box .tit { font-size:14px; display: block; margin-bottom: 10px; }
	.radio + p span { font-size:14px; }
	.board-write { padding-bottom: 30px; margin-bottom: 40px; }
	.board-write .section .inp,
	.board-write .section .select,
	.board-write .section .textarea{ font-size:14px; }
	.board-write .section .file-upload { display: block; padding-right:0; }
	.board-write .section .file-upload .btn-type1 { display: inline-block; height: 40px; line-height: 38px; font-size:15px; }
	.board-write .section .file-upload .files { font-size:14px;  width:100%; margin-bottom: 8px;}
	.board-write .section { display: block; margin-bottom: 0; }
	.board-write .section .article { width:auto; margin-bottom: 15px; }
	.board-write .section .article .tit { font-size:14px; flex:0 0 80px; width:80px; letter-spacing: -0.5px; }
	.board-write .section .article .photo-box .up span { display: block; font-size:13px; }
	.board-write .section .article .col2 .inp { flex:0 0 90px; width:90px; }
	
	.board-write .section .article .name-box .inp { width:calc(50% - 5px);}
	.board-write .section .article .date-box2 { flex-wrap: wrap; }
	.board-write .section .article .date-box2 .select-box { width:100%; margin-left: 0; }
	.board-write .section .article.mili { flex-wrap: wrap; }
	.board-write .section .article.mili .col + .col { margin-left: 0; }
	.board-write .section .article .pos-box { flex-wrap: wrap; }
	.board-write .section .article .pos-box p { margin-left: 0; font-size:13px; line-height: 1.5; padding-top:10px; }
	.board-write .section .article .addr-box .inp { width:calc(100% - 90px)}
	.board-write .section .article .right { right:5px; font-size:14px; }
	.board-write .section .article .family .inp { width:calc(33.33333% - 5px); }
	.board-write .section.col3 .article { width:100%; }
	.board-write .section .article .date-box2 .inp { width:50%; }
	.board-write .section.auto { margin:0 }
	.board-write .section.auto .article { margin:0 0 15px;}
	.board-write .section .article.w33 { width:100%; }




	.board-write .section_inquiry .inp,
	.board-write .section_inquiry .select,
	.board-write .section_inquiry .textarea{ font-size:14px; }
	.board-write .section_inquiry .file-upload { display: block; padding-right:0; }
	.board-write .section_inquiry .file-upload .btn-type1 { display: inline-block; height: 40px; line-height: 38px; font-size:15px; }
	.board-write .section_inquiry .file-upload .files { font-size:14px;  width:100%; margin-bottom: 8px;}
	.board-write .section_inquiry { display: block; margin-bottom: 0; }
	.board-write .section_inquiry .article { width:auto; margin-bottom: 15px; }
	.board-write .section_inquiry .article .tit { font-size:14px; flex:0 0 80px; width:80px; letter-spacing: -0.5px; }
	.board-write .section_inquiry .article .photo-box .up span { display: block; font-size:13px; }
	.board-write .section_inquiry .article .col2 .inp { flex:0 0 90px; width:90px; }
	
	.board-write .section_inquiry .article .name-box .inp { width:calc(50% - 5px);}
	.board-write .section_inquiry .article .date-box2 { flex-wrap: wrap; }
	.board-write .section_inquiry .article .date-box2 .select-box { width:100%; margin-left: 0; }
	.board-write .section_inquiry .article.mili { flex-wrap: wrap; }
	.board-write .section_inquiry .article.mili .col + .col { margin-left: 0; }
	.board-write .section_inquiry .article .pos-box { flex-wrap: wrap; }
	.board-write .section_inquiry .article .pos-box p { margin-left: 0; font-size:13px; line-height: 1.5; padding-top:10px; }
	.board-write .section_inquiry .article .addr-box .inp { width:calc(100% - 90px)}
	.board-write .section_inquiry .article .right { right:5px; font-size:14px; }
	.board-write .section_inquiry .article .family .inp { width:calc(33.33333% - 5px); }
	.board-write .section_inquiry.col3 .article { width:100%; }
	.board-write .section_inquiry .article .date-box2 .inp { width:50%; }
	.board-write .section_inquiry.auto { margin:0 }
	.board-write .section_inquiry.auto .article { margin:0 0 15px;}
	.board-write .section_inquiry .article.w33 { width:100%; }

	#section6{
		margin-bottom:55px;
	}

	#section6 .h3 strong{
		font-size:30px;
	}


	.about .ready_area{
		background:#f9f9f9;
		padding:10px;
		border:1px solid #e5e5e5;
	}

	.about .ready_area .ready{
		padding:65px 0;
		border:1px solid #e5e5e5;
		text-align:center;
	}

	.about .ready_area .ready .ready_title{
		color:#222222;
		font-weight:500;
		text-align:center;
		font-size:30px;
		letter-spacing:-.20px;
		line-height:60px;
		margin:10px 0;
	}

	.about .ready_area .ready .ready_title strong{
		font-weight:900;
	}

	.about .ready_area .ready p{
		color:#444444;
		font-weight:500;
		text-align:center;
		font-size:14px;
		line-height:28px;
		margin:15px 0;
	}

	.about .ready_area .ready .ready_button{
		border:0;
		border-radius:35px;
		background:#f0f0f0;
		padding:15px 50px;
		font-size:16px;
		color:#444444;
		font-weight:600;
		margin-top:10px;
		transition:.5s all;
	}

	.about .ready_area .ready .ready_button:hover{
		background:#3889ca;
		color:#fff;
	}
	.ready_button_area{
		padding:20px 0;
		padding-bottom:50px;
		text-align:center;
	}

	.sub-head.sub0{
		margin-bottom:20px;
	}

	.ready_button_b{
		border:0;
		border-radius:35px;
		background:#f0f0f0;
		padding:15px 50px;
		font-size:16px;
		color:#444444;
		font-weight:600;
		margin-top:0;
		text-align:center;
		transition:.5s all;
	}

	.ready_button_b:hover{
		background:#3889ca;
		color:#fff;
	}

	.cyber_info_area .grid_area .cyber_info1{
		grid-column-start: 1;
		grid-column-end: 13;
	}

	.cyber_info_area .grid_area .cyber_info2{
		grid-column-start: 1;
		grid-column-end: 13;
	}

	.cyber_area .cyber_p{
		font-size:16px;
		line-height:33px;
		word-break:keep-all;
		width:80%;
		margin:0 auto;
	}
}











@media (max-width: 1024px){
		
		#faq_wrap li h3{font-size: 16px}
	#faq_con .con_inner{font-size: 16px}
	#faq_con .con_inner p{word-break: keep-all}
	#faq_con .con_inner p br{display: none}
	
	.as_icon3{gap:20px}
	.as_icon3 .box p{word-break: keep-all}
	.as_icon3 .box p br{display: none}
	
	.step_4{gap:20px}
	
	.step_4 .box + .box::before{display: none}
}




@media (max-width: 800px){
	#faq_con .con_inner{font-size: 14px}
	#faq_wrap li h3{font-size: 14px}
	.step_4{flex-wrap: wrap; padding: 0}
	.step_4::after{display: none}
	
	.step_4 .box{width: 100%; display: flex; background: #fff; align-items: center; padding:15px 15px}
	.hexagon{width: 25%; text-align: left; color: #222; justify-content: flex-start;
    align-items: center; padding: 0px}
	.hexagon h3{color: #181818}
	.step_4 .box p{text-align: left; margin: 0; width: 75%; word-break: keep-all; padding-right: 0px}
	
	
	.hexagon.color01{background: #fff}
	.hexagon.color02{background: #fff}
	.hexagon.color03{background: #fff}
	.hexagon.color04{background: #2e62a9}
	.step_4 .box.end{background: #2e62a9}
	.step_4 .box.end .hexagon h3{color: #fff}
	.step_4 .box.end p{color: #fff; margin: 0}
	.step_4 .line{display: none}
	
	.step_5 {
    width: 100%;
    margin: 0 auto;}
    
    .step_5 .ibg {
    display: flex;
    width: 100%;
    position: relative;
    justify-content: center;
    flex-wrap: wrap; gap:30px}
	
	.step_5 .ibg .bgimg{display: none}
	
	.step_5 .ibg .box {
    width: calc(50% - 15px);
    text-align: center;}
    
    .step_5 .ibg .box .thum{height: auto;  padding: 0px}
	.step_5 .ibg .box.last {width: 100%}
	
	.sub_small p{font-size: 16px; line-height: 25px; word-break: keep-all}
	.as_icon3 .box p{font-size: 16px; line-height: 25px; word-break: keep-all}
	.as_icon3 .box h2{font-size: 18px}
	
	.as_center h3{font-size: 30px}
	.as_center h1{font-size: 40px; line-height: 50px}
	
	.as_center p{font-size: 16px; line-height: 25px; word-break: keep-all}
	.as_step p{font-size: 16px; line-height: 25px; word-break: keep-all}
	.as_center a.btn_as{font-size: 16px; line-height: 45px; height: 45px}
	
	.map_new h3.subtitle{font-size: 20px}
	.map_new h2.accordionItemHeading{font-size: 16px}
	.prj-list .view p.map_name{font-size: 16px}
	
	.map_flex {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;}
    
    .map_info iframe {
    max-width: 100%;
    max-height: 280px;}
    
    .map_img iframe{max-width: 100%; max-height: 280px; position: relative;   }
    
    .prj-list .view ul.map_info_new{padding-left: 0}
	.prj-list .view ul.map_info_new li p{padding-left: 0; font-size: 16px; word-break: keep-all}
	.map_new h2.accordionItemHeading span{font-size: 14px}
	

}



@media (max-width: 600px){
	.main-product .menu ul{margin-left: -10px}
	.main-product .menu .btn-dep1{width: 150px; padding: 0 10px}
	
	.as_step{padding: 80px 0}
	
	.as_icon3{flex-wrap: wrap;}
	
	.as_icon3 .box{padding: 20px; width: 100%}
	
	.step_5 .ibg .box span{font-size: 16px; line-height: 25px; word-break: keep-all; margin-top: 15px; color: #181818; font-weight: 600}
	
	.hexagon{height: auto; }
	
	.hexagon h3{font-size: 20px}
	
	.step_4 .box p{font-size: 16px; line-height: 25px; word-break: keep-all; text-align: justify;}
	.step_4 .box p br{display: none}
	
	
	.as_step h2.accordionItemHeading{font-size: 16px; line-height: 25px}
	.as_step p{line-height: 25px; font-size: 14px; word-break: keep-all}
	.prj-list .view ul li{line-height: 25px; font-size: 14px; word-break: keep-all}
	.prj-list .view h3{line-height: 25px; font-size: 14px; word-break: keep-all}
	.as_info p.sub_text{line-height: 25px; font-size: 14px; word-break: keep-all}
	
}