main {min-height: 300px;}

.main_v_slide .img {height: 700px; display: block; width: 100%; background-size: auto 100%; background-repeat: no-repeat; /* margin-left: -10px; */}
.main_v_slide .bx-wrapper .bx-pager {padding: 0; bottom: 100px;}
.main_v_slide .bx-wrapper .bx-pager.bx-default-pager a {width: 8px; height: 8px; transition: width 0.3s ease-in-out; margin: 0 3px;}

.main_v_slide .bx-wrapper .bx-pager.bx-default-pager a:hover,
.main_v_slide .bx-wrapper .bx-pager.bx-default-pager a.active,
.main_v_slide .bx-wrapper .bx-pager.bx-default-pager a:focus {
	background: #fff;
	width: 30px;
}


@media all and (max-width: 520px) {
    .main_v_slide .bx-wrapper .bx-pager {bottom: 30px;}
}

@media all and (min-width: 1921px) {
	.main_v_slide .img {background-size: cover; height: 0; padding-bottom: 36%;}
}
@media all and (max-width: 1900px) {
	.main_v_slide .img  {margin-left: 0; background-position: center;}
}
@media all and (max-width: 1440px) {
	.main_v_slide .img {height: 600px;}
}
@media all and (max-width: 1025px) {
	.main_v_slide .img {height: 500px;}
}
@media all and (max-width: 991px) {
	.main_v_slide ul li {}
	.main_v_slide .img {height: 0; padding-bottom: 50%;}
}

.main_v_slide .img-mo {display: none; width: 100%;}
@media all and (max-width: 767px) {
    .main_v_slide .img.pc {display: none;}
    .main_v_slide .img-mo {display: block;}
}

.main-notice {position: relative; display: block; width: 100%; height: 140px;}
.main-notice--inner {top: -74px; position: relative; display: block; width: 100%; height: 74px; max-width: 1200px; margin: 0 auto; background-color: rgba(0,0,0,0.7); padding-right: 96px;;}
.main-notice--inner * {color: #fff;}

.notice_con {position: relative; display: flex; align-items: center; width: 100%; height: 74px;}
.notice_con>h3 {display: block; width: 130px; font-size: 14px; color: rgb(57, 196, 35); font-weight: bold; text-align: center;}
.notice_con>div {position: relative; display: block; font-weight: 500; font-size: 18px; color: rgb(255, 255, 255); overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; white-space: nowrap;} 
.notice_con>div.txt1 {width: 130px; overflow: hidden; padding-right: 5px;}
.notice_con>div.txt2 {width: calc(100% - 260px); padding-right: 5px; font-size: 15px; font-weight: 400; padding-right: 90px;;}
.notice_con>div.date {position: absolute; right: 0; font-size: 15px; font-family: "Inter"; color: rgb(204, 204, 204);}

@media all and (max-width: 991px) {
    .main-notice {height: auto;}
}

@media all and (max-width: 767px) {
    .main-notice {display: none;}
}

.main-notice-btn {position: absolute; right:0; top: 0; display: flex; width: 80px; height: 74px; align-items: center;}
.main-notice-btn .btn1 {display: block; margin-right: 10px;}
.main-notice-btn .btn2 {display: block;}





.business-info {position: relative; display: block; width: 100%; height: 640px;}
.business-info:before {content: ""; position: absolute; left: 0; top: 0; display: block; width: 100%; height: 460px; background-color: #f0f3f6; top: 176px;}

.business-info--inner {position: relative; display: block; width: 100%; max-width: 1220px; margin: 0 auto; padding-left: 10px; padding-right: 10px;}
.business-info-slide {position: relative; display: block; width: 100%;}

#business-slide li {position: relative; display: flex; align-items: flex-start;}
#business-slide li {position: relative; display: flex; align-items: flex-start;}
#business-slide li .text {position: relative; display: block; width: 450px;}

#business-slide li .text h3 {display: block; font-size: 44px; color: rgb(34, 34, 34); font-weight: 300;}
#business-slide li .text h3 span {font-size: 44px; color: rgb(34, 34, 34); font-weight: bold;}
#business-slide li .text p {font-size: 18px; font-weight: 400; color: rgb(102, 102, 102);
    line-height: 1.667; display: block; margin-top: 25px;}

#business-slide li .img {position: relative; display: block; width: calc(100% - 450px);}


.business-slide-btn {position: absolute; left: 0; bottom: 17px; display: block; display: flex;font-size: 0 !important;}
.business-slide-btn>a+a {margin-left: 10px;}
.business-slide-btn>a{display: block; 
    border-width: 1px;
    border-color: rgb(232, 232, 232);
    border-style: solid;
    border-radius: 50%;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 8px 0px rgba(204, 204, 204, 0.3);
    width: 62px;
    height: 62px;
display: flex; align-items: center; justify-content: center;}
.business-slide-btn>a>a {position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%;}
/* 
.business-info--inner .bx-wrapper .bx-pager {
    
    
    color: #222;
    font-weight: bold;
    font-weight: 400;

} */


.business-info--inner .bx-wrapper .bx-pager {position: absolute;width: auto;font-size: 24px;font-family: "Inter";color: #222;font-weight: 400;padding: 0;left: 160px;bottom: 31px;}
.business-info--inner .bx-wrapper .bx-pager::first-letter {font-size: 30px; color: #0966cf; font-weight: 700;}

@media all and (max-width: 1024px) {
    .business-info {height: auto; padding-top: 50px;}
    .business-info::before {display: none;}
    .business-info--inner .bx-wrapper .bx-pager {display: none;}
    #business-slide li {display: block;}
    #business-slide li .text {width: 100%;}
    #business-slide li .img {width: 100%; padding-top: 50px;}
    .business-slide-btn {position: relative; left: initial; bottom: initial; top: initial;align-items: center; display: flex; width: 100%; justify-content: center; padding: 10px 0 20px; justify-content: flex-end;}
    .business-slide-btn>a {width: 40px; height: 40px;}
    #business-slide li .text h3 {font-size: 35px;}
    #business-slide li .text h3 span {font-size: 35px;}
    #business-slide li .text p {font-size: 16px;}
    #business-slide li .img {padding-top: 30px;}
}

#business-slide li .box {position: relative; display: block; width: calc(100% - 450px); height: auto;}
#business-slide li .box .back {display: block; width: 100%; height: auto;}
#business-slide li .box>div {position: absolute; left: 0; top: 0; display: flex; width: 100%; height: 100%; flex-wrap: wrap; align-items: flex-start;}
#business-slide li .box>div .con {position: relative; display: block; width: 33.333333333%; height: 50%;}
#business-slide li .box>div .con:nth-child(n+4) {position: relative; display: block; width: 33.333333333%; height: 50%; margin-top: -1px;}

.main-bottom {position: relative; display: block; width: 100%; height: auto; background-color: #fff;}
.main-bottom>.inner {position: relative; max-width: 1220px; padding-left: 10px;padding-right: 10px; margin: 0 auto; width: 100%; display: flex; align-items: flex-start; top: -100px;}
.main-bottom>.inner {position: relative; max-width: 1220px; padding-left: 10px;padding-right: 10px; margin: 0 auto; width: 100%; display: flex; align-items: flex-start;}
.main-bottom>.inner .left {position: relative; display: block; width: calc(100% - 500px);}
.main-bottom>.inner .left img {display: block; width: 100%;}
.main-bottom>.inner .right {display: block; width: 500px; padding-left: 50px;}
.main-bottom>.inner .right h3 {line-height: 1; font-size: 44px; font-weight: 700; color: rgb(34, 34, 34); padding-top: 80px; padding-bottom: 30px; }
.main-bottom>.inner .right p {display: block; font-size: 18px; color: rgb(102, 102, 102); line-height: 1.667; font-weight: 400;}
.main-bottom>.inner .right a {display: block; height: 23px; width: 68px; font-weight: 500; font-size: 15px; color: rgb(51, 51, 51); border-bottom: 3px solid #333333; margin-top: 65px;}


.main-slider2-prev {position: absolute; left: 0; top: 50%;  width: 18px; height: 38px; display: flex; align-items: center; justify-content: center; transform: translateY(-50%);font-size: 0;}
.main-slider2-next {position: absolute; right: 0; top: 50%; width: 18px; height: 38px; display: flex; align-items: center; justify-content: center; transform: translateY(-50%);font-size: 0;}

.main-slider2-prev a ,
.main-slider2-next a{position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%;}

.bottomslide {position: relative; display: block; width: 100%; padding: 0 50px; max-width: 1250px; padding-left: 25px; padding-right: 25px; margin: 0 auto; margin-bottom: 100px; top: -60px; overflow: hidden;}
.bottomslide li img {width: 195px !important;}


/**/

@media all and (max-width: 1024px) {
    
    .main-bottom>.inner {top: 0; display: block; margin-top: 30px;}
    .main-bottom>.inner .left {width: 100%;}
    .main-bottom>.inner .right {padding-left: 0; width: 100%;}
    .main-bottom>.inner .right h3 {padding-top: 30px;}
    .bottomslide {top: 0; margin-top: 40px;}
}
@media all and (max-width: 767px) {
    .main-bottom>.inner .right h3 {font-size: 30px; padding-bottom: 20px;}
    .main-bottom>.inner .right p {font-size: 14px;}
    .main-bottom>.inner .right a {margin-top: 30px;}
}

.main-customer {position: relative; display: block; width: 100%; padding: 0 10px; height: auto; background: url(/images/main-customer.png)no-repeat center; background-size: cover;}

.main-customer--inner {position: relative; display: flex; width: 100%; max-width: 1200px; margin: 0 auto; align-items: flex-start;}
.main-customer--inner .left {position: relative; display: block; width: 450px; height: 440px; background-color: rgb(9, 102, 207); padding: 0 53px;}

.main-customer--inner .left p {display: block; position: relative; line-height: 1;}
.main-customer--inner .left p.tit {line-height: 1; font-size: 24px; color: rgb(255, 255, 255); font-weight: bold; margin-top: 87px;}
.main-customer--inner .left p.tel {font-size: 40px; font-family: "Inter"; color: rgb(255, 255, 255); font-weight: bold; margin-top: 30px;}
.main-customer--inner .left p.time {font-size: 15px; font-family: "Inter"; color: rgb(255, 255, 255); margin-top: 20px;}
.main-customer--inner .left p.time span {font-size: 15px; font-family: 'Noto Sans KR', sans-serif; color: rgb(255, 255, 255); font-weight: 400; padding-right: 5px;}

.main-customer--inner .left p.yellow {margin-top: 20px; font-size: 15px; color: rgb(255, 198, 0); font-weight: 400;}



.main-customer--inner .left p.mail {font-size: 15px; font-family: "Inter"; color: rgb(255, 255, 255); margin-top: 10px; font-weight: 400;}
.main-customer--inner .left p.mail span {font-size: 15px; font-family: 'Noto Sans KR', sans-serif; color: rgb(255, 255, 255); font-weight: 300; padding-right: 5px;}
.main-customer--inner .left a {display: flex; background-color: rgb(255, 255, 255); width: 100%; height: 54px; align-items: center; justify-content: center; text-align: center; font-size: 15px; color: rgb(34, 34, 34); font-weight: 500; margin-top: 24px;}





.main-customer--inner .right {position: relative; display: block; width: calc(100% - 450px); height: 440px; display: flex; align-items: flex-start; padding-left: 70px; padding-top: 85px;}
.main-customer--inner .right .board-latest {position: relative; display: block; width: 320px; height: 255px}
.main-customer--inner .right .board-latest+.board-latest {margin-left: 40px;}
.board-latest>h3 {display: block; font-size: 24px; color: rgb(255, 255, 255); font-weight: bold; height: 47px; border-bottom: 1px solid #fff; display: flex; justify-content: space-between;}
.board-latest>ul {position: relative; display: block; width: 100%; height: auto;}
.board-latest>ul li {position: relative; display: block; width: 100%; border-bottom: 1px solid rgb(255,255,255,0.3);}
.board-latest>ul li {position: relative; display: block; width: 100%;}
.board-latest>ul li a {position: relative; display: flex; flex-wrap: wrap; align-items: center; width: 100%; height:50px; justify-content: space-between;}
.board-latest>ul li a p {position: relative; display: block; width: calc(100% - 70px); overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; white-space: nowrap; color: #fff; font-size: 13px; font-weight: 300;}
.board-latest>ul li a span {position: relative;
    border-width: 1px;
    border-color: rgb(255, 255, 255,0.5);
    border-style: solid;
    width: 60px;
    height: 22px;
    display: flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 300; color: #fff;}

    .board-latest>ul li a span.ok {border-color: rgb(57, 196, 35); background-color: rgb(57, 196, 35); color: #fff;}
.board-latest>ul.type-2 li a p {width: 100%;}

@media all and (max-width: 1200px) {
    .main-customer {padding-left: 0; padding-right: 0;}
    .main-customer--inner {display: block;}
    .main-customer--inner .left {width: 100%; height: auto; padding-top: 30px; padding-bottom: 30px;}
    .main-customer--inner .left p.tit {margin-top: 0;}
    .main-customer--inner .right {width: 100%; padding: 35px; height:  auto;;}
}
@media all and (max-width: 767px) {
    .main-customer--inner .right {display: block;}
    .main-customer--inner .right .board-latest {width: 100%;}
    .main-customer--inner .right .board-latest.board-latest {margin-left: 0; margin-top: 40px;}
}

@media all and (max-width: 520px) {
    .main-customer--inner .left {padding: 30px; }
    .main-customer--inner .left p.tel {font-size: 32px;}
}



.floating_ {position: fixed; right: 8%; bottom: 30%; font-size: 0; width: 64px; z-index: 9;}
.floating_ img {display: block; width: 100%;}

@media all and (max-width: 520px) {
    .floating_ {right: 3%; bottom: 5%; top: initial; width: 42px;}
}