@charset "utf-8";

.f_s80 {font-size:80px;}
.BBs1 {border-bottom:solid 1px #222;}
.BBs1w {border-bottom:solid 1px #fefefe;}

/********* header ********/
header {transition: background-color 0.3s, color 0.3s;}
header a {color: white;transition: color 0.3s;}
header.active {background-color:#fefefe;}
header.active a {color: black;}
/********* //header ********/


/********* mainBanner ********/
.mainBannerimg1 {background-image:url(/theme/basic/img/mainBannerimg1.jpg); background-size:cover; background-position:center;}
.mainBannerimg2 {background-image:url(/theme/basic/img/mainBannerimg2.jpg); background-size:cover; background-position:center;}
.mainBannerimg3 {background-image:url(/theme/basic/img/mainBannerimg3.jpg); background-size:cover; background-position:center;}
.swiper-pagination{left:50%; bottom:80px; transform:translateX(-50%)}
.swiper-pagination-bullet {background-color: transparent !important;  border:1px solid #fefefe; opacity: 1; margin:0 12px}
.swiper-pagination-bullet-active {background-color: #fefefe !important;}
/********* //mainBanner ********/


/********* company ********/
.company {background-image:url(/theme/basic/img/companyBg.jpg); background-size:cover; background-position:center;}
.companyBackgraund {background-color: rgba(0, 0, 0, 0.5);}
.companyCnt {border-bottom:solid 1px #fefefe}
.companyBox > .companyCnt:nth-last-child(1){border-bottom:0}
/********* //company ********/


/********* notice ********/
.notice {background-image:url(/theme/basic/img/noticeBackImg.jpg); background-size:cover; background-position:center;}
.gallList{width:calc(33.333333% - 30px); }
.viewImg img{width:100% !important; height:auto !important}
.latestTit{white-space: nowrap; overflow:hidden;text-overflow: ellipsis;}
/********* //notice ********/

.serviceCnt1{background:url('/theme/basic/img/service2.jpg')center center no-repeat; background-size:cover}
.serviceCnt2{background:url('/theme/basic/img/service4.jpg')center center no-repeat; background-size:cover}
.serviceCnt3{background:url('/theme/basic/img/service1.jpg')center center no-repeat; background-size:cover}
.serviceCnt4{background:url('/theme/basic/img/service3.jpg')center center no-repeat; background-size:cover}
.serviceCnt5{background:url('/theme/basic/img/service5.jpg')center center no-repeat; background-size:cover}


/******** contact ********/
.checkbox {width: 20px;height: 20px;appearance: none;border: 1px solid #999;border-radius: 3px;position: relative;cursor: pointer;}
.checkbox:checked::before {content: "✓";position: absolute;top: -3px;left: 3px;font-size: 14px;color: #333;}
.root_daum_roughmap .wrap_map{height:100% !important}
/******** //contact ********/

/******** footer ********/
.m_polrcy {display:none;}
/******** //footer ********/

.floating-buttons {right: 20px; bottom: 60px; gap: 12px;}
.floating-button {box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);cursor: pointer;}



.loginAuto > input{left:-9999px}
.loginAuto > input + label{cursor: pointer;}
.loginAuto > input + label:before{content:''; display:block; width:14px; height:14px; border:1px solid #222; margin-right:12px; transition: ease-in-out 0.3s;}
.loginAuto > input[type="checkbox"]:checked + label:before{background:#222}
.loginAuto > input[type="checkbox"]:checked + label:after{position:absolute; content:''; display:block; width:3px; height:9px; border:1px solid #fefefe; border-width:0 1px 1px 0; 
transform:translateY(-50%) rotate(45deg); left:6px; top:46%}

.custom-upload-button {border:none; cursor: pointer;}
.btn_submit {border:none; cursor: pointer; background: none; border-bottom:solid 1px #222;}

.loginBox input[type='text'],.loginBox input[type='password']{border:1px solid #999}