.mobileshow{display:block;}
.mobilenone{display:none !important;}


.clear4{clear:both !important; height:40px;}
.sub_title{display: block; overflow:hidden;}
.sub_title p{font-size:35px; font-weight:700; color:#000;}
.sub_title1 p{font-size:21px; font-weight:200; color:#000; line-height:33px; margin-top:1%; }


  /* 전체 영역 */
  .about {
    width: 96%;
    padding-top: 40px;
  }

.abouttt{font-weight:900;
 font-size:60px; color:#f3f3f3; letter-spacing:25px; text-align: center; padding-left:4%; padding-bottom:1%;}


  /* 배경 대형 타이틀 */
 
  /* 레이아웃 → 세로 스택 */
  .aboutleft,
  .aboutcenter,
  .aboutright {
    width: 100%;
    float: none;
    display: block;
    margin-bottom: 20px;
  }

  /* 왼쪽 타이틀 */
  .aboutleft_tt {
    font-size: 29px;
    line-height:40px !important;
    margin-top:5px; 
    margin-bottom:5px;
    text-align: center;
  }

  .aboutleft_tt1 {

    line-height: 26px;
    text-align: center;
    margin-top: 5px;
  }

  /* 오른쪽 박스 */
  .aboutrightdiv {
    width: 100%;
    margin: 0;
    padding: 35px 25px;
    border-radius: 25px;
    text-align: left;
  }
 
  .aboutrightdiv_tt {
    font-size: 24px;
   
  }

  .aboutrightdiv_tt1 {
    font-size: 16px;
    line-height: 24px;
    margin-top: 4%;
    
  }

  /* float 해제 */
  .floatright {
   

  }

.wd80{width:100px;}
.clear2{height:30px;}


  /* 전체 섹션 */
  .portfolio-section {
    display: block;
    padding: 50px 20px;
    border-radius: 25px;
    border: 10px solid #fff;
    background-size: cover;
  }

  /* 왼쪽 텍스트 */
  .portfolio-left {
    position: relative;   /* sticky 해제 */
    top: auto;
    margin-bottom: 0px;
  }

  /* 카드 그리드 → 1열 */
  .portfolio-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 40px;
  }

  /* 컬럼 위치 보정 제거 */
  .portfolio-grid .left-col,
  .portfolio-grid .right-col {
    transform: none;
  }

  /* 카드 */
  .card {
    height: auto;
    margin-bottom: 0;
    border-radius: 18px;
    margin-bottom:15px;
  }

  /* 이미지 스크롤 효과 제거 */
  .card img {
    height: auto;
    transform: none !important;
    transition: none;
  }

  .card:hover img {
    transform: none;
  }

  /* 어두워지는 hover 제거 */
  .card::before,
  .card:hover::before {
    background: rgba(0, 0, 0, 0);

  }

  /* 타이틀 항상 노출 */
  .card-title {
    position: relative;
    bottom: auto;
    left: auto;
    padding: 15px 15px;
    font-size: 18px;
    opacity: 1;
    transform: none;
    background: #fff;
      color:#000;

  }



 .freeservice ul{
    width:90%;
  }

  .freeservice ul li{
    width:50%;
    margin-bottom:30px;
  }

  .freeservice ul li p{
    font-size:17px;
    line-height: 24px;
  }

  .freeservice ul li span{
    font-size:16px;
  }












  /* business */
  .section_business{width:96%; border-radius: 25px;}
  .section_business{padding:70px 0px 70px 0px}
  .section_business h3{font-size:25px;line-height:33px}
  .section_business ul{display:inherit;max-width:100%;padding:20px 0;margin-top:20px}
  .section_business ul li::before{bottom:0;height:0px;width:100%}
  .section_business ul li{display:inline-block;width:50%; float:left; box-sizing:border-box; padding:0px;}
    .section_business ul li .title{font-size:18px;}
.section_businesstt{font-size:20px;}
.section_businesstt1{font-size:30px; line-height:50px;}

.review-section {
  display: block;
  grid-template-columns: 100% 100%;
  max-width: 94%;
  margin: 0 auto;
  padding: 70px 0px 70px 0px;
  align-items: start;
 
   background-size:cover;
   border-radius:75px;
   border:0px solid #fff;
}
.review-left{position: relative; top:0px;}

.review-grid {
    display:block;
    grid-template-columns: 1fr 1fr;
    gap: 0px;
    position: relative;
    margin-top:5px;

}

.flip-card{width:100%; }
.flipdiv{width:100%;  margin:0%;   height:450px; background:#f5f9ff; padding:10% 6%;  border-radius: 25px;}
.flipdiv_tt1{font-size:17px; line-height:26px;}
.flip-back h3{font-size:26px;}


.line45{line-height:45px !important;}

.noticearea {padding:70px 0px 70px; margin-top:0px;}
.noticeleft{width:100%; border:0px solid red ;  }
.noticeright{width:100%; border:0px solid red ; margin-top:25px; }
.noticeareadiv {width:94%}


.aboutleft_tt{font-size:35px;   text-align:center;}
.aboutleft_tt1{font-size:16px;  line-height:25px;  text-align:center;}


.quickarea {padding:70px 0px 60px; border:0px solid red;}
.quick_tt {font-size:30px; text-align:center;}
.quick_tt1{font-size:16px; line-height:25px; text-align:center;}
.quick_con{width:94%;  border:0px solid red;}


/****흐르는 문자****/
.grid{
  height: 90px;
  
  .bar-top, .bar-bottom{
    grid-column: 1 / -1;

    padding: 10px;
    overflow: hidden;
    white-space: nowrap;
    box-sizing: border-box;

    p{
      color:#fff;
      font-size:65px;
      display: inline-block;
      font-weight:900;
    }
  }

}



/****오른쪽 퀵****/
.quick {
    position: fixed;
    bottom: 70px;
    right: 10px;
    background: #ffcc00 url(../img/icon26.png);
    background-size:40px;
    width: 40px;
    height: 40px;
}

#top_btn{position:fixed;bottom:20px; right:10px; width:40px;height:40px;line-height:30px;}
#top_btn a{ background:#83868d url(../img/icon_gotop.png) center top no-repeat;	border-radius:50%;}


/****footer****/

.foot{ border-top-left-radius:25px; 	border-top-right-radius:25px; }
.foot_con{width:92%; }
.foot_con ul { float:right; width:100%; overflow:hidden;} 
.foot_con ul li{display: inline-block; float:left; padding:10px 0px; font-size:15px; line-height:24px; }
.foot_con .bottomlogo{display:none; }


.tel_tt{ width:100%;font-size:15px; font-weight:800; color:#333333;padding-left:23px;}
.tel_tt span{ font-size:15px; padding-top:15px;  padding-left:5px;}

.mail_tt { background:url('/theme/huntech/img/envelope.svg')no-repeat left; 
	padding-left:23px; margin-left:0px; display:inline-block; font-size:15px;  }
.mail_tt span{ font-size:15px; padding-top:15px;  padding-left:5px; font-weight:500; }


#gallery{padding:50px 0 50px 0}
.port_btn2 a{display:inline-block; margin:0 auto; 
  line-height:70px; color:#000; font-weight:700; font-size:22px; border-bottom:3px solid #000;  }
  .port_btn2 img{width:8%; padding-top: 26px;}
#gallery .swiper-button-next, #gallery .swiper-button-prev {
    bordeR: 0px solid #999;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #000;
    color: #fff;
}




.typecon{width:100%;}
.servicett1{ padding:10px; font-size:16px;}





  .pricearea{
    padding:40px 10px;
  }

  .ht75{
    height:40px;
  }

  .price01,
  .price02,
  .price03,
  .price04,
  .price05{
    width:100%;
    float:none;
    margin:0 0 20px 0;
    border-radius:25px;
  }

  .pricett_area,
  .pricett_area1{
    padding:20px 15px;
    border-top-left-radius:25px;
    border-top-right-radius:25px;
  }

  .price02tt{
    font-size:24px;
    padding:18px 0 8px;
  }

  .price02tt_1{
    width:100%;
    font-size:15px;
    line-height:22px;
    padding-bottom:10px;
  }

  .price01 ul,
  .price02 ul,
  .price03 ul,
  .price04 ul,
  .price05 ul{
    width:100%;
    padding:0 15px 15px;
    box-sizing:border-box;
  }

  .price01 ul li,
  .price02 ul li,
  .price03 ul li,
  .price04 ul li,
  .price05 ul li{
    padding:16px 0;
  }

  .price01 ul li dl dt,
  .price02 ul li dl dt,
  .price03 ul li dl dt,
  .price04 ul li dl dt,
  .price05 ul li dl dt,
  .price01 ul li dl dd,
  .price02 ul li dl dd,
  .price03 ul li dl dd,
  .price04 ul li dl dd,
  .price05 ul li dl dd{
    width:100%;
    float:none;
    text-align:center;
  }

  .price01 ul li dl dt,
  .price02 ul li dl dt,
  .price03 ul li dl dt,
  .price04 ul li dl dt,
  .price05 ul li dl dt{
    font-size:17px;
    margin-bottom:8px;
  }

  .price01 ul li dl dd,
  .price02 ul li dl dd,
  .price03 ul li dl dd,
  .price04 ul li dl dd,
  .price05 ul li dl dd{
    font-size:17px;
    line-height:1.5;
  }

  .price03tt,
  .price03tt_1{
    width:calc(100% - 30px);
    margin:15px auto;
    font-size:18px;
    padding:15px;
    border-radius:18px;
  }



/* 태블릿 */

  .blogprocess{
    width: 90%;
    display: block;
  }

  .blogprocess div{
    width: 98%;
    margin: 2%  1%;
    padding: 50px 35px;
    box-sizing: border-box;
    position: relative;
    display: inline-block;
  }

  .num{
    font-size: 17px;
    padding: 13px;
  }

  .process_tt01{
    font-size: 21px;
  }

  .process_tt02{
    font-size: 17px;
    line-height: 28px;
  }





.blogconleft{width:100%; padding-left: 0%;
        padding-right: 0%;}
.blogconright{width:100%;}


.blogconleft ul{
  width:100%;

}

.blogconleft ul li{
  width:100%;
  display:inline-block;
  padding:3% 0;
  box-sizing:border-box;
}

.blogconleft ul li dl{
  width:100%;
  float:left;
}

.blogconleft ul li dl dt{
  width:100px;
  float:left;
  border:0px solid red;
}


.blogicon{ width:100px; height:100px; border:1px solid #ccc; text-align:center; background: #fff; box-shadow: 5px 5px 8px rgba(0,0,0,0.05); border-radius:20px;}
.blogicon img{padding-top:18px; width:55px;}
.blogconleft ul li dl dd{
  width:69%;
  float:right;
  font-size:22px;
  line-height:30px;
  font-weight:700;
  color:#000;
  padding-top:0%;
  box-sizing:border-box;  border:0px solid red;
}

.blogconleft ul li dl dd span{
  font-size:20px;
  padding-left:0%; 
}
.blocontt{font-size:17px; line-height:28px; color:#ff6600;; font-weight:700;}



.blogsian{
  width:100%;
  position:relative;
  margin:0 auto;
  padding-top:1%;
  border:0 solid red;
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  box-sizing:border-box;
}

.blogsian div{
  width:100%;
  margin:0% 1%;
  border:0 solid red;
  text-align:center;
  box-sizing:border-box;
}

.blogsian div img{
  max-width:100%;
  height:auto;
  display:block;
  margin:0 auto;
}

.blogsian div p{
  display:inline-block;
  padding:10px 25px;
  font-size:20px;
  border-radius:30px;
  margin:0px auto 0;
  background:#ff6600;
  color:#fff;
  font-weight:600;
  box-sizing:border-box;
}




/**블로그시안안내**/
#m_board1 {
  
  position:relative;
  width:100%;
  padding-top:0px;
  margin: 0 auto;
  border:0px solid red;

}

#m_board1 .tabs1 {width:100%;  }
#m_board1 .tabs1 li {width: 33%; text-align:center; float:left;border-right:1px solid #ccc;   margin-bottom:2%;  }
#m_board1 .tabs1 li:last-child{border-right:0px solid #ccc; } 
#m_board1 .tabs1 li:nth-child(3){border-right:0px solid #ccc;}
#m_board1 .tabs1 li a{line-height:45px; font-size:20px; font-weight:600; } 

#m_board1 .tabs1 li a:hover {
  color: #ff6600;  font-weight:700;

}
#m_board1 .tabs1 .active a {
  color: #ff6600;  font-weight:700;
}






.typecon {
    width: 100%;

  }

  .typeexplan {
    padding: 45px 15px;
    background-size: cover;
  }
 .typeexplan ul{  margin-top:10px;}
  .typeexplan ul li {
    float: none;
    
    display: block;
    width: 100% !important;
  }

  .typeexplan ul li:first-child {
    text-align: center;
    margin-bottom: 35px;
  }

  .typeexplan ul li:first-child img {
    padding-top: 0;
    margin: 0 auto;
    width:100%;
  }

  .typeexplan ul li dl {
    float: none;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 22px;
  }

  .typeexplan ul li dl dt {
    width: auto;
    float: none;
    flex: 0 0 auto;
  }

  .typeexplan ul li dl dd {
    width: auto;
    float: none;
    flex: 1;
  }

  .typeexplan ul li dl dd p {
    font-size: 21px;
    margin-bottom: 8px;
  }

  .typeexplan ul li dl dd span {
    font-size: 17px;
    line-height: 27px;
  }

.typeexplantt1 {font-size:26px;     HEIGHT: 45PX;}


.subleft{width:98%; float:left;  display:none; }
.subright{width:98%; float:left; }


.inquirytt{font-size:35px; font-weight:700; color:#000;}
.inquirytt_1{width:100%; padding-right:20%; line-height:25px; font-size:19px; margin-top:25px; color:#000; }