@import url(reset.css);

/* Scrollbar */
* {
  -ms-overflow-style: none; /* IE, Edge */
  scrollbar-width: none; /* Firefox */
}
::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera*/
}
/* Scrollbar */


/* Header */
header {
  top: 0;
  position: fixed;
  height: 100px; 
  width: 100%;
  background-color: #373737;
  z-index: 9999;
  opacity: 0.9;
  border-bottom: 1px solid #a9a8a8;
}
.section .inner {
  width: 100%;
  max-width: 1500px;
  margin: 0 auto;
}

header .gnb {
  height: 100px;
  display: flex;
  justify-content: center;
  width: 100%;
}

header h1 {
  left: 0;
  top: 0;
  display: block;
   height: 100px;
}

header .logo a {
  background: url(../images/common/top_logoW.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  width: 137px;
  height: 100px;
  display: block;
  text-indent: -9999px;
  float: left;
}

#menu-btn i {
  font-size: 35px;
  display: none;
}

#close-btn {
  display: none;
  font-size: 35px;
}

header .gnb-list {
  display: flex;
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
}

header .gnb li {
  width: 100%;
  height: 100px;
  z-index: 10;
}

header .gnb .tit {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  color: #fff;
  cursor: pointer;
}

.gnb .tit > span {
  display: block;
  position: relative;
  height: 100%;
  line-height: 100px;
  text-align: center;
  font-size: 19px;
}

header .gnb li > a > span::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0%;
  height: 3px;
  background-color: #fff;
  transition: all 0.5s;
}

header .gnb li > a > span:hover::after {
  content: "";
  display: block;
  position: absolute;
  left: 0%;
  width: 100%;
  height: 3px;
  background-color: #fff;
  transition: 0.1s;
}

header .sub-gnb {
  margin-top: 35px;
}

header .sub-gnb li {
  padding: 12px 0px;
  width: 100px;
  height: 20px;
  text-align: left;
  margin: 0 auto;
}

header .sub-gnb li a {
  color: #000000;
}


header .sub-gnb li a.green {
  color: #349f22;
   font-weight: 600;
}

header .sub-gnb li a:hover {
  color: #333ccc;
  font-weight: 600;
}
/* header (end) */


/* Main */
.wrapper{
  width: 100%;
  min-width: 1500px;
}

.inner{
  width: 1500px;
  margin: auto;
}

.black-bg {
  width: 100%;
  position: fixed;
  z-index: 5;
  background: rgba(0,0,0,0.5);
  opacity: 0;
  transition: opacity 0.3s;
}
.show {
  opacity: 1;
}

.subCover {
  width: 100%;
  background-color: #fff;
  height: 0;
  position: fixed;
  top: 100px;
  z-index: -1;
  opacity: 90%;
  visibility: hidden;
  transition: height 0.3s;
}

.down {
  visibility: visible;
  height:400px;
}

/* bigImg1 : page1 main »ó´ÜÀ̹ÌÁö */
.bigImg1{
  width: 100%; 
  height: 500px;
  background: url(../images/common/sub_img1.png) no-repeat center / cover;
}

/* bigImg2 : page2 main »ó´ÜÀ̹ÌÁö */
.bigImg2{
  width: 100%; 
  height: 500px;
  background: url(../images/common/sub_img2.png) no-repeat center / cover;
}

/* bigImg3 : solution main »ó´ÜÀ̹ÌÁö */
.bigImg3{
  width: 100%; 
  height: 500px;
  background: url(../images/common/sub_img3.png) no-repeat center  center / cover;
}

/* bigImg4 : recruit main »ó´ÜÀ̹ÌÁö */
.bigImg4{
  width: 100%; 
  height: 500px;
  background: url(../images/common/sub_img4.png) no-repeat center / cover;
}

/* bigImg5 : customerService main »ó´ÜÀ̹ÌÁö */
.bigImg5{
  width: 100%; 
  height: 500px;
  background: url(../images/common/sub_img5.png) no-repeat center / cover;
}

main{
  margin-top: 0px;
  width: 100%;
}
/* Main (end) */


/* Footer */
footer{
  width:100%;  
  margin: 200px 0 0 0;
 }
 
 .section-wrapper{	/* 20231127 */ 
  background: #3ea2f0; 
  padding-bottom: 50px;
}

.wrap-footer-links {	/* 20231127 */ 
  width: 100%;
  max-width: 1500px;
  margin: 0 auto; 
}
 
footer .inner{
  width: 100%;
  max-width: 1500px;
  margin: 0 auto;  
}

.bottom-menu{
  width: 100%; 
  display: flex; 
  /*background: #3ea2f0;  
  height: 310px;*/	/* 1218 */
}
.btnM-list{
  /*margin: 10px 0px 30px ;*/	/* 1218 */
  line-height: 30px;
  width:100%;  
  display: flex;
  justify-content:space-between;
/*  margin-right: 40px;*/	/* 1218 */
  align-items:baseline;	/* 1218 */
}

.btnM-list>li>a{  
  color: #ffff;
  font-size: 22px; 
  line-height:70px;
 
}
.btnM-list>li>a:hover{
  font-weight: bold;
}

.depth>li{
  line-height: 32px;
}
.depth>li>a{  
  color: #ffff;
  font-size: 15px;
  text-align:left !important;	/* 1218 */
}
.depth>li>a:hover{
  font-weight: bold;
}

.section-wrapper2{	/* 20231127 */ 
  background-color: #fff;
  display: flex;
  justify-content: center;
  height: 120px;
  padding-top: 10px;
}

.company-info{	/* 20231127 */ 
  display: flex;
  justify-content: space-around;
  width: 100%; 
  max-width: 1500px;
  height: 100px;
  margin-top: 6px;	/* 1218 */
}

.bottom-img{
  width: 197px; 
  float: left;
  padding-top: 20px;	/* 20231127 */ 
}

.bottom-text{
  color: #000000;
  font-size: 13px;
  float: left;
  margin : 10px 86px;
  line-height: 20px;
  padding-top: 9.5px;	/* 1218 */
}

.bottom-icon{
  padding-top: 9.5px;	/* 1218 */
}

@media screen and (min-width: 768px) {
.BI_firstText{
word-break: keep-all;
}
}