.main_visual {position:relative;}
.mainSlider img {max-width:100%; }
.mainSlider {overflow:hidden; position:relative; border-radius:0px;}
.mainSlider .swiper-pagination2 { position: absolute; bottom:40px !important; top:auto; z-index:9; text-align:center;}
.mainSlider .swiper-pagination2 .swiper-pagination-bullet {width:10px; height:10px; border-radius:30px; background:#d9d0b6; margin:0 10px !important; opacity:1;}
.mainSlider .swiper-pagination2 .swiper-pagination-bullet-active {background:#f64130; width:47px; opacity:1;}
.main_visual .swiper-button-next2 {cursor:pointer; position:absolute;  right:50px; top:calc(50% - 35px); width:72px; height:73px; background:url(../img/bg_direction_nav.png) no-repeat 100% 0; z-index:99;}
.main_visual .swiper-button-prev2 {cursor:pointer; position:absolute;  left:50px; top:calc(50% - 35px); width:72px; height:73px; background:url(../img/bg_direction_nav.png) no-repeat 0 0; z-index:99;}
.main_visual .swiper-button-next2:hover {background:url(../img/bg_direction_nav_on.png) no-repeat 100% 0; z-index:99;}
.main_visual .swiper-button-prev2:hover { background:url(../img/bg_direction_nav_on.png) no-repeat 0 0; z-index:99;}

@media (min-width:1800px) {
.main_visual img {width:100%;}
}

@media (max-width:1340px) {
.main_visual .swiper-button-next { right:20px; }
.main_visual .swiper-button-prev {left:20px; }
}

@media (max-width:992px) {

.main_visual {padding:0px 0;}
.mainSlider_wrap {padding-left:0px;}
.mainSlider_wrap .thumbWrap {display:none;}

.mainSlider .swiper-pagination2 { position: absolute; bottom:10px !important; top:auto; z-index:9; text-align:center;}

.main_visual .swiper-button-prev2 {left:10px; top:calc(50% - 22px);width:45px; height:45px; background-size:90px 45px;}
.main_visual .swiper-button-next2 {right:10px; top:calc(50% - 22px); width:45px; height:45px; background-size:90px 45px;}
.main_visual .swiper-button-prev2:hover  {width:45px; height:45px; background-size:90px 45px;}
.main_visual .swiper-button-next2:hover  {width:45px; height:45px; background-size:90px 45px;}
}


 

.mainBoard { padding:80px 0; background:#fafaf9;}
.mainBoard .mainTitle h3 {color:#333; font-size:24px; font-weight:bold; letter-spacing:-1px;}

.tabContents {position:relative; min-height:200px;}
.tabContents .main_more {position:absolute; left:-235px; top:160px; font-size:14px; display:flex; height:35px; background:url(../img/main_more.png) no-repeat right center; padding-right:40px; align-items:center;}

.mainBoard .at-container {padding-left:235px; position:relative;}

.mainBoard_tab {position:absolute; left:0; top:0; width:180px;}
.mainBoard_tab li {margin-bottom:8px;}
.mainBoard_tab li a {display:flex; width:195px; height:52px; align-items:center;  padding:0 17px; font-size:24px;  color:#fff; font-weight:600; background:#d7dfec; border-radius:10px; }
.mainBoard_tab li a.active {position:relative; background:#ffa193;}

.mainNotice_list {display:flex; margin-left:-3.33333%; flex-wrap:wrap;}
.mainNotice_list li {width:30%; margin-left:3.33333%;background:#ffffff; border:1px solid #d5d5d4; border-radius:20px; box-shadow:0px 0px 9px rgba(0,0,0,0.08);}
.mainNotice_list li a {display:block; padding:30px;}
.mainNotice_list li h3 {font-size:20px; color:#333333; font-weight:bold; letter-spacing:-1px; overflow: hidden; display:-webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.mainNotice_list li p.desc {font-size:16px; color:#666666; letter-spacing:-1px; overflow: hidden; display:-webkit-box; -webkit-line-clamp: 4;-webkit-box-orient: vertical; line-height:150%; margin:20px 0;}
.mainNotice_list li p.date {font-size:16px; color:#666666;}
 
.mainNotice_list li.wide {width:100%; min-height:200px; display:flex; align-items:center; justify-content:center;}


@media (max-width:1000px) {

.mainBoard .at-container {padding-left:20px;}
.mainBoard_tab {position:relative; width:100%; display:flex; margin-bottom:20px; justify-content:center;}
.mainBoard_tab li a {font-size:18px; height:45px; justify-content:center;}
}

@media (max-width:650px) {

.mainBoard {padding:40px 0;}
.mainNotice_list {margin-left:-1%;}
.mainNotice_list li {width:32.33333%; margin-left:1%;}
.mainNotice_list li a {padding:20px;}
.mainNotice_list li h3 {font-size:18px;}
.mainNotice_list li p.desc {font-size:14px;}
.mainNotice_list li p.date {font-size:14px;}
}

@media (max-width:530px) {

.mainNotice_list {margin-left:0;}
.mainNotice_list li {width:100%; margin-left:0; margin-bottom:10px;}

.mainBoard_tab li a {width:140px;}
}

.mainBaro {padding:50px 0;}
.mainBaro ul {gap:25px; display:flex; flex-wrap:Wrap;}
.mainBaro ul li {flex:1; border-radius:20px;}
.mainBaro ul li a {display:flex; height:200px; flex-direction:column; padding:40px;}
.mainBaro ul li.bongsa {background:url(../img/main_bongsa_bg.png) no-repeat right center #daf3fe;}
.mainBaro ul li.huwon {background:url(../img/main_huwon_bg.png) no-repeat right center #fdf7cf;}
.mainBaro ul li a h3 {font-size:18px; color:rgba(0,0,0,0.5); margin-bottom:10px;}
.mainBaro ul li a p {font-size:28px; color:rgba(0,0,0,1); letter-spacing:-1px; font-weight:bold; line-height:130%;}


@media (max-width:840px) {

.mainBaro ul li a {padding:30px; height:auto;}
.mainBaro ul li a h3 {font-size:14px;}
.mainBaro ul li a p {font-size:18px;}
.mainBaro ul li.bongsa {background-size:150px;}
.mainBaro ul li.huwon {background-size:150px;}

}

@media (max-width:550px) {

.mainBaro ul li {flex:none; width:100%;}
.mainBaro ul li.bongsa {background-size:120px;}
.mainBaro ul li.huwon {background-size:120px;}
}



.mainCustomer {background:#f6f6f6; padding:50px 0;}
.mainCustomer .at-container {display:flex; flex-wrap:wrap;}
.mainCustomer .mainC_box.tel {width:26%;}
.mainCustomer .mainC_box.bank {width:37%;}
.mainCustomer .mainC_box.time {width:37%;}


.mainCustomer .mainC_box h3 {font-size:16px; color:#000000; display:inline-block; border-bottom:1px solid #000; margin-bottom:28px;}
.mainCustomer .mainC_box .main_tel_box {background:url(../img/main_tel_icon.png) no-repeat; padding-left:70px; min-height:60px;}
.mainCustomer .mainC_box .main_bank_box {background:url(../img/main_bank_icon.png) no-repeat; padding-left:195px; min-height:60px;}
.mainCustomer .mainC_box .main_time_box {background:url(../img/main_clock_icon.png) no-repeat; padding-left:70px; min-height:60px;}

.mainCustomer .mainC_box p {font-size:14px; color:#000000; line-height:190%;}
.mainCustomer .mainC_box strong {font-size:24px; color:#000000; letter-spacing:-1px; font-weight:bold;}


@media (max-width:1200px) {

.mainCustomer .mainC_box.tel {width:30%;}
.mainCustomer .mainC_box.bank {width:40%;}
.mainCustomer .mainC_box.time {width:30%;}

}

@media (max-width:992px) {

.mainCustomer .mainC_box.tel {width:100%; margin-bottom:30px;}
.mainCustomer .mainC_box.bank {width:50%;}
.mainCustomer .mainC_box.time {width:50%;}

}

@media (max-width:800px) {

.mainCustomer .mainC_box.tel {width:100%; margin-bottom:30px;}
.mainCustomer .mainC_box.bank {width:100%; margin-bottom:30px;}
.mainCustomer .mainC_box .main_bank_box {background-size:110px; padding-left:120px;}
.mainCustomer .mainC_box.time {width:100%;}

}


.mainProduct {padding-bottom:60px}
.mainProduct .mainTitle h3 {font-size:24px; coloR:#333333;}
.mainProduct .mainTitle {margin-bottom:25px; position:relative;}
.mainProduct .mainTitle .main_more {position:absolute; right:0px; top:0px; font-size:14px; display:flex; height:35px; background:url(../img/main_more.png) no-repeat right center; padding-right:40px; align-items:center;}

.mainProduct_list {display:flex; flex-wrap:wrap; margin-left:-2%;}
.mainProduct_list li {width:23%; margin-left:2%;}
.mainProduct_list li .img { border:1px solid #dedede; border-radius:10px; overflow:hidden; box-shadow:8px 8px 10px rgba(0,0,0,0.03);}
.mainProduct_list li .img img {max-width:100%; height:auto;}
.mainProduct_list li .it_name {font-size:20px; color:#000000; text-align:center; margin-top:25px; font-weight:bold; letter-spacing:-1px;}
.mainProduct_list li .it_basic {font-size:15px; color:rgba(51,51,51,0.5); text-align:center; letter-spacing:-1px;}



@media (max-width:840px) {

.mainProduct_list li .it_name {font-size:16px; margin-top:15px;}
.mainProduct_list li .it_basic {font-size:14px;}

}



@media (max-width:600px) {

.mainProduct_list {margin-left:-2%;}
.mainProduct_list li {width:48%; margin-left:2%; margin-bottom:4%;}

}