#wrapper {width:100%;}
.sec01{position: relative;width: 100%;}
.sec01 .mainVs{width: 100%;height: 100vh;}
/*padding-top: 120px;background-repeat: no-repeat;background-attachment: fixed;background-size: cover;background-image: url(../img/main_vs.jpg);*/
.sec01 .mainVs img{width: 100%;height: 100%;}
.sec01 .vs_txt{position: absolute; left: 0; top: 120px;width: 100%;height: calc(100% - 120px);}
.vs_txtIn{display:flex;justify-content: center;align-items: center;width: 100%;height: 85%;text-align: center;}
.vs_txtIn > *{flex:auto;}
.vs_txtIn p{font-size: 30px;}
.vs_txtIn h3{font-size: 65px;font-weight: 500;color: #333;line-height: 80px;}
.vs_link{position: absolute;right: 0;bottom: 0;width: 42.5%;height: 120px;line-height: 120px;background: #fff;}
.vs_link a{padding-left: 40px;display: block;font-size: 24px;font-weight: 500;color: #333;}
.vs_link img{margin-left: 15px;}

.sec02 .about{padding: 90px 0;color: #333;}
.sec02 .about strong{font-size: 40px;font-weight: 500;}
.sec02 .about p{font-size: 20px;line-height: 28px;}
.sec02 .about .imgBox{height: 143px;line-height: 143px;}

.sec02_mobile{display:none;padding: 50px 0;background: linear-gradient(45deg, #ff9b0a, #fec87f);color: #fff;}
.sec02_mobile h4{margin-bottom: 20px;font-size: 40px;font-weight: 500;}
.sec02_mobile p{font-size: 20px;line-height: 30px; margin-bottom: 15px;}
.sec02_mobile a{display: inline-block;width: 240px;height: 50px;border: 2px solid #fff;font-size: 18px;font-weight: 600;color: #fff;line-height: 50px;text-align: center;}
.sec02_mobile .imgBox a span::after {content: ''; display: inline-block; width:35px; height: 6px; margin-left: 5px;  background: url(../img/icn_est_arr.png)no-repeat 50%;}
.sec02_mobile .imgBox:hover {background: #fff;  }
.sec02_mobile .imgBox:hover a{color:#139b91;}
.sec02_mobile .imgBox:hover a span::after{background: url(../img/icn_est_arr_h.png)no-repeat 50%;}


.sec03{padding: 50px 0 70px;background: #fafafa;}
.sec03 .menu > li > div.H_100 {width:100%; height: 100%;}
.sec03 .menu > li{position: relative;float: left;margin-left: 2%;width: 23.5%;height: 300px;box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.1);background-image: url(../img/bg_mainmenu_01.jpg);background-repeat: no-repeat;text-align: center; background-size: cover; }
.sec03 .menu > li:nth-child(2){background-image: url(../img/bg_mainmenu_02.jpg);background-repeat: no-repeat;}
.sec03 .menu > li:nth-child(3){background-image: url(../img/bg_mainmenu_03.jpg);background-repeat: no-repeat;}
.sec03 .menu > li:nth-child(5){background-image: url(../img/bg_mainmenu_04.jpg);background-repeat: no-repeat;}
.sec03 .menu > li:nth-child(7){background-image: url(../img/bg_mainmenu_05.jpg);background-repeat: no-repeat;}
.sec03 .menu > li:last-child {background-image: url(../img/bg_mainmenu_06.jpg);background-repeat: no-repeat;}
.sec03 .menu > li:nth-child(4n+1){margin-left: 0;}
.sec03 .menu > li:nth-child(-n+4){margin-bottom: 20px;}
.sec03 .menu p{position: absolute;bottom: 0;left: calc(50% - 100px);width: 200px;height: 60px;line-height: 60px;background: #fff;}
.sec03 .menu p a{font-size: 20px;font-weight: 500;color: #333;}
.sec03 .menu ul{display: none;position: absolute;bottom: 60px;left: calc(50% - 100px);padding: 30px 0;width: 200px;height: auto;background: #fff;}
.sec03 .menu ul:after{position: absolute;bottom: 0;left: calc(50% - 10px);display: block;content: '';width: 20px;height: 1px;background: #fe9805;}
.sec03 .menu li a{font-size: 16px;color:#333;line-height: 35px;}
.sec03 .menu li a p {font-weight: 500;}
.sec03 .menu li.ccInfo{display: flex;justify-content: center;align-items: center;background: #139b91 url(../img/icn_bg_ccinfo.png) center no-repeat;color: #fff;}
.sec03 .menu li.ccInfo p{position:inherit;left: 0;width: 100%;height: auto;background: none;font-size: 18px;font-weight: 500;line-height: 20px;}
.sec03 .menu li.ccInfo strong{position: relative;margin: 20px auto 10px;padding-top: 10px;display: block;font-size: 40px;font-weight: 500;}
.sec03 .menu li.ccInfo strong:after{position: absolute;top: 0;left: calc(50% - 12.5px);display: block;content: '';width: 25px;height: 1px;background: #fff;}
.sec03 .menu li.ccInfo span{display: block;color: #f2f2f2;font-size: 16px;line-height: 24px;}
.sec03 .menu li.ccInfo span:first-of-type{margin-top: 20px;}
.sec03 .menu li.brandInfo{display: flex;justify-content: center;align-items: center;background: #fe9805;color: #fff;}
.sec03 .menu li.brandInfo p{position:inherit;left: 0;margin-top: 10px;width: 100%;height: auto;background: none;font-size: 20px;font-weight: 600;line-height: 28px;}

.sec04{padding: 50px 0;background: linear-gradient(45deg, #19b3aa, #70b392);color: #fff;}
.sec04 h4{margin-bottom: 20px;font-size: 40px;font-weight: 500;}
.sec04 p{font-size: 20px;line-height: 30px; margin-bottom: 15px;}
.sec04 a{display: inline-block;width: 240px;height: 50px;border: 2px solid #fff;font-size: 18px;font-weight: 600;color: #fff;line-height: 50px;text-align: center;}
.sec04 .imgBox a span::after {content: ''; display: inline-block; width:35px; height: 6px; margin-left: 5px;  background: url(../img/icn_est_arr.png)no-repeat 50%;}
.sec04 .imgBox:hover {background: #fff;  }
.sec04 .imgBox:hover a{color:#139b91;}
.sec04 .imgBox:hover a span::after{background: url(../img/icn_est_arr_h.png)no-repeat 50%;}

.sec05{padding: 50px 0;}
.sec05 .fll{width: 25%;}
.sec05 .flr{width: 75%;}
.sec05 h4{margin-bottom: 10px;font-size: 40px;font-weight: 500;color: #333;}
.sec05 .more{display: flex;align-items: center;font-size: 16px;color: #333;}
.sec05 .more img{margin-right: 7px; width: 11px;}
.sec05 li{float: left;width: 31.666%;margin-left: 2.5%;overflow: hidden;}
.sec05 li:first-child{margin-left: 0;}
.sec05 li a{display: block;}
.sec05 li .tit{margin-top: 10px;font-size: 18px;font-weight: 500;color: #333;}
.sec05 li .date{font-size: 16px;}
.sec05 li a:hover .tit,.sec05 li a:focus .tit{text-decoration: underline;}
.sec06 {display: none;}

/*w1042 밑으로 모바일 모드*/
@media screen and (max-width:1042px){

.sec01 .mainVs{margin-top: 70px;padding-top: 70px;}
.sec01 .mainVs img{margin-top: -70px;width: 100%;height: auto;}
.sec01 .vs_txt{top: 70px;height: calc(100% - 70px);}
.vs_txtIn{height: 100%;}
.vs_txtIn p{font-size: 12px;}
.vs_txtIn h3{font-size: 32px;line-height: 40px;}
.sec03{padding: 30px 0;}
.sec03 .menu > li {margin-left: 4%;}
.sec03 .menu > li{margin-top: 15px;margin-bottom: 0;width: 48%;}
.sec03 .menu > li:nth-child(2n+1){margin-left: 0;}
.sec03 .menu > li:nth-child(5){margin-left: 4%;}
.sec03 .menu > li:nth-child(-n+4){margin-bottom: 0;}
.sec03 .menu > li:nth-child(-n+2){margin-bottom: 0;margin-top: 0;}
.sec03 .menu li.ccInfo, .sec03 .menu li.brandInfo{display: none;}
.sec04{padding: 25px 0;text-align: center;}
.sec04 .fll,.sec04 .flr{float: none;}
.sec04 h4{font-size: 24px;margin-bottom: 10px;}
.sec04 p{font-size: 14px;line-height: 20px;}
.sec04 a{width: 100%;height: 35px;border: 1px solid #fff;font-size: 16px;line-height: 35px;}
.sec05 .fll,.sec05 .flr{float: none;width: 100%;}
.sec05 .fll h4{margin-bottom: 20px;float: left;font-size: 24px;}
.sec05 .fll a{float: right;line-height: 36px;}
.sec05 li{width: 49%;margin-left: 2%;}
.sec05 li:nth-child(n+3){display: none;}

.sec02_mobile{display:block;padding: 25px 0;text-align: center;}
.sec02_mobile .fll,.sec02_mobile .flr{float: none;}
.sec02_mobile h4{font-size: 24px;margin-bottom: 10px;}
.sec02_mobile p{font-size: 14px;line-height: 20px;}
.sec02_mobile a{width: 100%;height: 35px;border: 1px solid #fff;font-size: 16px;line-height: 35px;}
}

@media screen and (max-width:600px) {
.sec03 .menu ul{display: none !important;}
.sec05 .more {font-size: 12px;}
.sec03 .menu > li{height: 200px; background-size: cover;}
.sec03 .menu p{left: calc(50% - 45%);width:90%;height: 30px;line-height: 28px;}
.sec03 .menu li p{font-size: 12px;}
.sec03 .menu li a {display: block; width:100%; height: 100%;}
.sec06 {display: block; background: #fafafa; padding-top: 30px;}
.sec06 > div{display: flex; align-items: center; color:#fff;  height: 60px; background:url(../img/main_customer.jpg)right 50% no-repeat; background-size: cover; font-size:12px; padding:0 20px;}
.sec06 > div p{float: left; color: #fff !important;}
.sec06 > div span {font-size: 18px; }
.sec05 li .tit {font-size:11px;}
.sec05 li .date {font-size: 10px;}
.sec05 .flr ul li img {max-width: 100%;}
.sec06 > div p:nth-child(1) {border-right:1px solid #fff;padding-right:20px;}
.sec06 > div p:nth-child(2) { padding-left:20px; line-height: 18px;}
a[href^=tel] {
text-decoration:inherit;
color: inherit;
}
}
