.stit{width:100%; text-align: left; border:0px solid red;}
.stit p{font-size:70px; font-weight:800; line-height:75px; color:#000;}

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


@media all and (max-width:768px) {
    .stit{}
  .stit p{font-size:40px; font-weight:800; line-height:85px; color:#000;}

  .mobilenone{display:none;}

  .mobileshow{display:inline-block;}
}

.smenu_s{position: absolute; right:0px;  border:0px solid red; bottom:0px; }
.smenu_s a{padding:0px 20px; color:#000; font-size:22px; font-weight:700; }
.smenu_s a:hover{color:#000;text-decoration: underline;}

@media all and (max-width:768px) {
.smenu_s{position: relative; right:0px;  border:0px solid red; bottom:0px; }
.smenu_s a{padding:10px 20px 0px 0px; color:#000; font-size:21px; font-weight:700; }
}



.about{width:100%; margin:0 auto; position: relative; }
.about ul  {width:100%;}
.about ul li{width:50%; float:left; display: inline-block;}
.about ul li:last-child{padding-top:65px;}




@media all and (max-width:768px) {
.about ul  {width:100%;}
.about ul li{width:100%; float:left; display: inline-block;}
.about ul li img{width:100%;}
.about ul li:last-child{padding-top:65px;}
}



.scon_tt{font-size:56px; font-weight:800; line-height:75px; color:#000;}
.scon_tt1{font-size:18px; font-weight:500; line-height:30px; color:#000; padding-top:30px;}
.scon_tt1 span{font-weight:800;}


@media all and (max-width:768px) {

.scon_tt{font-size:35px; font-weight:800; line-height:55px; color:#000;}
.scon_tt1{line-height:35px; font-size:20px;}
}




.aboutimg{width:100%; position: relative; border:0px solid red; }
.aboutimg img{width:100%;}

.abouttxt{background: #f9f9f9; padding:7% 10%; text-align:center; }
.abouttxt p{font-size:35px; font-weight:800; line-height:50px; color:#000;}
.abouttxt span{font-size:18px; line-height:30px;color:#000;  }




@media all and (max-width:768px) {
    .abouttxt {padding:7% 3%; text-align:left;}
.abouttxt  p{font-size:28px; font-weight:800; line-height:45px; color:#000;}
.abouttxt span{font-size:18px; line-height:30px;color:#000;  }
}




.map{width:100%; bordeR:0px solid red;}
.root_daum_roughmap .wrap_controllers{display:none;}
.root_daum_roughmap .cont{display:none;}


.mapinfo{width:100%; text-align:center; margin-top:25px;}
.mapinfo p{font-size:18px; font-weight:800; line-height:30px; color:#000;}
.mapinfo p span{font-weight:400; padding-left:15px;}

@media all and (max-width:768px) {
    .mapinfo{text-align:left;}
.mapinfo p{font-size:18px; font-weight:800; line-height:37px; color:#000;}
.mapinfo p span{font-weight:400; padding-left:15px;}

}



.portlist{width:100%; position: relative;  overflow:hidden;}
.portlist div{width:46%;  height:600px; margin:3% 2%; float:left; display:inline-block;   border:0px solid red; }
.imgarea{width:100%;  height:500px;  border:0px solid red; overflow:hidden;}
.imgarea img{width:100%;}
.portlist_tt{text-align:right; border:0px solid red; background: url('/img/bar01.png')right no-repeat;
 width:100%; padding-right:80px; font-size:20px; line-height:35px; font-weight:700; margin-top:25px; color:#000;}
.portlist_tt span{font-size:20px; font-weight:300; display: block;}




@media all and (max-width:768px) {

.portlist div{width:100%; height:auto;}
.imgarea{width:100%;  height:auto;  border:0px solid red; overflow:hidden;}
.portlist_tt{font-size:21px;}
.portlist_tt span{font-size:18px; font-weight:300; display: block; line-height:25px;}

}





.portcon{width:100%; position: relative; }
.portcon ul{width:100%;}

.portcon ul li:first-child{width:45%; float:left; padding-right:55px;}
.portcon ul li:first-child img{width:100%;}
.portcon ul li:last-child{width:55%; float:left; padding-left:5%; border:0px solid red;  padding-top:3%;}

.portcon ul li{ float:left; display: inline-block; }

.portcon_btn { font-weight:800; font-size:24px; color:#000;  padding-top:55px;}

.portcon_tt{text-align:left; border:0px solid red; 
 width:100%; font-size:35px; line-height:45px; font-weight:700; margin-top:25px; color:#000;}
.portcon_tt span{font-size:23px; font-weight:300; display: block;}

.portcon_tt1{font-size:19px; font-weight:800;}
.portcon_tt2{margin-top:45px; display:inline-block; float:left; width:30%; font-size:20px; line-height:35px; font-weight:800; color:#000; }
.portcon_tt2 span{font-weight:300;}
.portcon_tt3{background: url('/img/bar02.png')left no-repeat;
 font-size:30px; color:#000; font-weight:800; line-heigth:45px; border:0px solid red; padding-left:65px;}

.portcon_tt4{margin-top:25px;
 font-size:22px; color:#333; font-weight:500; line-height:35px; border:0px solid red; padding-left:65px;}


.portcon_detail{width:100%; position: relative;}
.portcon_detail div{display:inline-block; float:left; width:46%; margin:2%; }

.portcon_detail div img{width:100%;}
.wd100per{width:100%;}




@media all and (max-width:768px) {


.portcon{width:100%; position: relative;  padding-top:25px;}
.portcon ul li:first-child{width:100%; float:left; padding-right:0px;}
.portcon ul li:first-child img{width:100%;}
.portcon ul li:last-child{width:100%; float:left; padding-left:0%; border:0px solid red;  padding-top:3%;}

.portcon_tt{
 width:100%; font-size:30px; line-height:45px; font-weight:700; margin-top:20px; color:#000;}
.portcon_tt span{font-size:21px; font-weight:300; display: block; line-height:25px;}


.portcon_tt2{margin-top:35px; display:inline-block; float:left; width:33%; font-size:19px; line-height:35px; font-weight:700; color:#000; }
.portcon_tt2 span{font-weight:300;}

.portcon_tt3{background: url('/img/bar02_m.png')left no-repeat;
 font-size:25px; color:#000; font-weight:800; line-heigth:45px; border:0px solid red; padding-left:35px;}
.portcon_tt4{margin-top:25px;
 font-size:19px; color:#333; font-weight:500; line-height:30px; border:0px solid red; padding-left:0px; margin-bottom:25px;}

.portcon_detail div{display:inline-block; float:left; width:100%; margin:1% 0%; }

}









.inquiry{width:70%; position: relative; margin:0 auto; border:0px solid red;}



.quick_con ul{width:100%; margin-top:5%; }
.quick_con ul li{width:100%; display: block; font-weight:600; font-size:20px; line-height:35px;color:#000;} 
.quick_con ul li p{font-weight:700; font-size:23px; line-height:40px;color:#000;}
.quick_con ul li span{font-weight:500; font-size:19px; line-height:30px;color:#000;}

.mb30{margin-bottom:30px;}
.pl15{padding-left:25px !important; }
.pl10{padding-left:10px !important; }


.t_input{width:100%;    padding: 10px 20px; font-size:19px;   border: 1px solid rgb(0, 0, 0,0.2);    outline: transparent solid 2px;  
outline-offset: 2px;    position: relative; border-radius:45px;}

.textarea1 {
    width: 100%;
    height: 200px;
    padding: 12px 20px;
    font-size: 19px;
     border: 1px solid rgb(0, 0, 0,0.2); 
    outline: transparent solid 2px;
    outline-offset: 2px; border-radius:25px;
    position: relative;}



input#check_btn{
  display:none;
  }

input#check_btn + label{
  cursor:pointer;
 }

input#check_btn + label > span{
  vertical-align: middle;
  padding-left: 5px;
 }

/* label:before에 체크하기 전 상태 CSS */
input#check_btn + label:before{
  content:"";
  display:inline-block;
  width:17px;
  height:17px;
  border:2px solid #ff6600;
  border-radius: 4px;
  vertical-align:middle;
  }
  
/* label:before에 체크 된 상태 CSS */  
input#check_btn:checked + label:before{
  content:"";
  background-color:#ff6600;
  border-color:#ff6600;
  background-image: url('/theme/huntech/img/check.png');
  background-repeat: no-repeat;
  background-position: 50%;
  }

.pribtn{ color:#999;  padding-left:30px; cursor: pointer; font-size:17px !important; text-decoration:underline; }
.pribtn a{ display:block; line-height:35px;  cursor: pointer;}

.pribtn1 {width:100%; border-radius:35px; background:#000; padding:15px; text-align: center; }
.pribtn1 a{display:block;color:#fff; font-weight:600; font-size:21px !important; text-decoration:underline;}


.shortcon{width:90%; margin-top:5%; font-size:18px; color:#000; line-height:30px; border:0px solid red;}

@media all and (max-width:768px) {
.inquiry{width:100%;}
.t_input{font-size:17px;}
.textarea1{font-size:17px;}
.quick_con ul li p{font-size:18px;}
.quick_con ul li img{width:25px;}
.quick_con ul li span{font-size:15px; line-height:27px;}

.shortcon{width:100%;}

}










.scale {
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transition: all 0.5s ease-in-out;  /* 서서히 확대 */
}
.scale:hover {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}






/* pagination */
.pagination {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: 0;
    
    margin: 3rem 0 4rem;
}

.pagination li {
    flex-basis:3.5rem;
    flex-grow: 0;
    width: 3.5rem;
    height: 3.5rem;
    margin-right: 0.5rem;
    margin-bottom: 0.5rem;
    box-sizing: border-box;
}

.pagination li.first {
    flex-basis: 3.5rem;
    margin-left: 0;
    margin-right: 0.5rem;
}

.pagination li.end {
    flex-basis: 3.5rem;
    margin-left: 0.5rem;
    margin-right: 0;
}

.pagination li.prev {
     flex-basis: 3.5rem;
    margin-left: 0;
    margin-right: 1rem;
}

.pagination li.next {
    flex-basis: 3.5rem;
    margin-left: 0.2rem;
    margin-right: 0;
}

.pagination li a {
    display: block;
    width: 100%;
    height: 100%;
    padding-top: 1rem;
    background-color: #fff;
    border: 0.1rem solid #dbdbdb;
    border-radius:0.5rem;
    text-align: center;
    color: #2f2f2f;
    
    font-size: 1.2rem;
    font-weight: 600;
    letter-spacing: 0.1rem;
    box-sizing: border-box;
}

.pagination li a:hover, .pagination li a:focus {
    border: 0.1rem solid #000;
    transition: 0.2s;
}

.pagination li.selected a, .pagination li.selected a:hover, .pagination li.selected a:focus {
    border: 0.1rem solid transparent;
    background-color: #ff6600;
    color: #fff;
}

.pagination li.first a {
    
    background: url('/img/first_arrow.png');
}

.pagination li.prev a {
   
    background: url('/img/pre_arrow.png');
}

.pagination li.next a {
    
    background: url('/img/next_arrow.png');
}

.pagination li.end a {
  
   background: url('/img/end_arrow.png');
}

.pagination li.first a, .pagination li.prev a, .pagination li.next a, .pagination li.end a {
   
    background-repeat: no-repeat;
  	border: 1em solid #dbdbdb;
    border-radius: 0;
    border:0px solid red;
    text-indent: -99999rem;
}


@media all and (max-width:768px){

}



@media all and (max-width:480px){

.pagination li {
    flex-basis:3rem;
    flex-g2row: 0;
    width: 3rem;
    height: 3rem;
    margin-right: 0.5rem;
    margin-bottom: 0.5rem;
    box-sizing: border-box;
}

.pagination li.first {
    flex-basis: 3rem;
    margin-left: 0;
    margin-right: 0.5rem;
}

.pagination li.end {
    flex-basis: 3rem;
    margin-left: 0.5rem;
    margin-right: 0;
}

.pagination li.prev {
    flex-basis: 3rem;
    margin-left: 0;
    margin-right: 1rem;
}

.pagination li.next {
    flex-basis:3rem;
    margin-left: 0.2rem;
    margin-right: 0;
}

.pagination li a {
    display: block;
    width: 100%;
    height: 100%;
    padding-top: 0.2rem;
    background-color: #fff;
    border: 0.1rem solid #dbdbdb;
    border-radius: 0.5rem;
    text-align: center;
    color: #2f2f2f;
    font-family: 'Sora', sans-serif;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.1rem;
    box-sizing: border-box;
}

.pagination li.first a {
    
   background-size:cover;
}

.pagination li.prev a {
   background-size:cover;
}

.pagination li.next a {
  background-size:cover;
}

.pagination li.end a {
 background-size:cover;
}



}