@charset "utf-8";

/**************************************
** layerWrap
***************************************/
.layerWrap { display: none;}
.layerWrap:before {display:block; content:""; z-index: 100; position: absolute; width: 100%; height: 100%; background: #00000057;}
#layerPopup{ border: 2px solid #eaeaea; position: absolute; left: 0;top: 0;background: #fff;z-index: 101;}
#layerPopup> .layerImg {max-width: 400px;max-height: 500px;}

/**************************************
** main
***************************************/
/*slsider*/
.slider {}
.slider .slick-slide {height: 100vh;}
.slider .sliderImg01 {background: url('../v2_images/slider01.png') center;background-size: cover;}
.slider .sliderImg02 {background: url('../v2_images/slider02.png') center;background-size: cover;}
.sliderInfo{color: #fff;display: flex;flex-direction: column;justify-content: center;width: 100%;height: 100%;max-width: 1280px;margin: 0 auto;}
.sliderInfo .sliderText{text-align: left;letter-spacing: -0.9px;margin-top: 30px;}
.sliderInfo .sliderText>span{display: inline-block;font-size: 12px;border-bottom: 1px solid #eaeaea;margin-bottom: 30px;}
.sliderInfo .sliderText>.text01{font-weight: 200;}
.sliderInfo .sliderText .text02{font-weight: 600;}
.sliderInfo .sliderText>p{font-size: 2.8em;line-height: 1.3em;}

.slick-Navigation {/* width: 1280px; */background: red;height: 130px;/* width: 100%; */position: absolute;z-index: 99999; top: 500px;}
.slick-Navigation .PrevArrow.slick-arrow,
.slick-Navigation .NextArrow.slick-arrow {background: red;z-index: 9999;}
.slick-Navigation .NextArrow.slick-prev {}
.slick-Navigation .slick-next {}

.sliderTextBox {}
.sliderTextBox .text01:before{}
.sliderTextBox .text01{font-size: 26px;font-weight: 200;}
.sliderTextBox .text01 strong{font-weight: 400;}
.sliderTextBox em {color: #7ac144;font-weight: 500;}
.sliderTextBox .text02{font-size: 50px;letter-spacing: -2px;line-height: 61px;font-weight: 300;}
.sliderTextBox  strong {font-weight: 500;}
.slider .slick-arrow {position: absolute;z-index: 10;background-color: rgb(171 171 171 / 32%);border: 2px solid transparent;width: 60px;height: 60px;border-radius: 50px;text-indent: -9999px;outline: none;}
.slider .slick-prev {left: 40px;top: 50%;background-image: url('../v2_images/icon-arrow-left.png');background-repeat: no-repeat;background-size: 15px;background-position: center center;}
.slider .slick-arrow:hover {background-color: #181818c9; box-shadow: 0.9px 6.9px 14.4px 1.6px rgba(0, 0, 0, 0.13);-webkit-box-shadow: 0.9px 6.9px 14.4px 1.6px rgba(0, 0, 0, 0.13);}
.slider .slick-next {right: 30px;top: 50%;background-image: url('../v2_images/icon-arrow-right.png');background-repeat: no-repeat;background-size: 15px;background-position: center center;}

.pointBtn {position: fixed;bottom: 50px;right: 30px;background: #e7277c;box-shadow: 1px 2px 4px 0 #0000006b;z-index: 999;width: 60px;height: 60px;border-radius: 50px;display: flex;justify-content: center;align-items: center;}
.pointBtn > a{color: #fff;font-size: 14px;font-weight: 500;line-height: 18px;line-height: 17px;}

/* Dots slick-dots */
.slider .slick-dots{position:absolute;height:5px;background:rgba(255,255,255,.20);bottom:0px;width:100%;left:0px;padding:0px;margin:0px;list-style-type:none;}
.slider .slick-dots li button{display:none;}
.slider .slick-dots li{float:left;width:0px;height:5px;background:#d62828;position:absolute;left:0px;bottom:0px;}
.slider .slick-dots li.slick-active{width:100%;animation:ProgressDots 11s both;}
.slider .slick-dots li.slick-active button{ background-color: #0ab1f9;opacity:1;width: 100px;transition:1s;}

/* ==== Slider Image Transition === */
@-webkit-keyframes ProgressDots{from{width:0px;}to{width:100%;}}
@keyframes ProgressDots{from{width:0px;}to{width:100%;}}


.quickMenu {background: #25a8e2;padding: 0;}
.quickInfo {display: flex;justify-content: center;max-width: 1280px;margin: 0 auto;padding: 80px 20px;position: relative;width: 100%;}
.quickInfo>div {flex: 1;}
.quickInfo .textBox{padding: 30px;align-self: center;}
.quickInfo .textBox .text{font-size: 32px;letter-spacing: -1px;line-height: 41px;color: #fff;font-weight: 400;/* text-decoration-line: underline; */}
.quickInfo .textBox em{position: relative;z-index: 1;}
.quickInfo .textBox em:after {content: '';width: 100%;height: 12px;/* background: #ffff00; */position: absolute;left: 0;bottom: 0;z-index: -1;opacity: 0.5;}

.quickMenuBtn {display: flex;flex-direction: column;text-align: center;padding: 50px;max-width: 1080px;margin: 0 auto;}

.quickInfo .quickBtn {margin: 0 auto;width: 100%;}
.quickInfo .quickBtn>ul a{overflow: hidden;position: absolute;width: 100%;height: 100%;}
.quickInfo .quickBtn>ul li:first-child {padding-left: 0;border-left: 0;}
.quickInfo .quickBtn>ul li {font-size: 17px;font-weight: 500;border-left: 1px solid #ffffff4d;}
.quickInfo .quickBtn>ul li:after {width: 1px; height: auto;content: '';}

.quickItem{position: relative;overflow: hidden;}
.quickInfo .quickBtn button {display: block;border-radius: 20px;width: 160px;height: 120px;border: 2px solid #eaeaea;/* animation: buarrow 0.5s alternate infinite ease; */}
.quickInfo .quickBtn .quick01 {width: 120px;height: 120px;background: url(../v2_images/section02_05.png) no-repeat center center;margin: 0 auto;background-size: 130px;margin-bottom: 20px;box-shadow: 0 0 black;}
.quickInfo .quickBtn .quick02 {width: 120px;height: 120px;background: url(../v2_images/section02_06.png) no-repeat center center;margin: 0 auto;background-size: 130px;margin-bottom: 20px;}
.quickInfo .quickBtn .title {color: #fff;text-align: center;font-size: 22px;}
.quickInfo .quickBtn .imgAni {text-align: center;}
.quickInfo .quickBtn .imgAni img {animation: parrow 0.5s alternate infinite;background: url('../v2_images/partners_arrow.png') no-repeat;width: 40px;height: 10px;}


/*tp2*/
.sliderBtn> ul {display: flex;justify-content: center;align-items: center;height: 100%;}
.sliderBtn .quickItem{position: relative;overflow: hidden;}
.sliderBtn .quickItem button {display: block;border-radius: 20px;width: 160px;height: 120px;border: 2px solid #eaeaea;/* animation: buarrow 0.5s alternate infinite ease; */}
.sliderBtn .quickItem .quick01 {width: 120px;height: 120px;background: url(../v2_images/section02_05.png) no-repeat center center;margin: 0 auto;background-size: 130px;margin-bottom: 20px;box-shadow: 0 0 black;}
.sliderBtn .quickItem .quick02 {width: 120px;height: 120px;background: url(../v2_images/section02_06.png) no-repeat center center;margin: 0 auto;background-size: 130px;margin-bottom: 20px;}
.sliderBtn .quickItem .title {color: #fff;text-align: center;font-size: 22px;}
.sliderBtn .quickItem .imgAni {text-align: center;}
.sliderBtn .quickItem .imgAni img {animation: parrow 0.5s alternate infinite;background: url('../v2_images/partners_arrow.png') no-repeat;width: 40px;height: 10px;}

.sliderBtn {margin: 0 auto;background: #009bfaa6;position: absolute;bottom: 0;right: 0;max-width: 640px;border-radius: 0;box-shadow: 2px 2px 7px #000000a6;padding: 0;}
.sliderBtn>ul a{overflow: hidden;position: absolute;width: 100%;height: 100%;}
.sliderBtn>ul li:first-child {padding-left: 0;border-left: 0;}
.sliderBtn>ul li {font-size: 17px;font-weight: 500;border-left: 1px solid #ffffff4d;}
.sliderBtn>ul li:after {width: 1px; height: auto;content: '';}
@keyframes parrow{
    from{margin-left: -8px;}
    to{margin-left: 8px;}
}

@keyframes buarrow{
    from{top: 0; opacity: 1;}
    to{top: -3px;opacity: 0.8;}
}

/*tp3*/
.sliderInput {position: absolute;bottom: 0;right: 0;padding: 0 10% 0 0;display: flex;flex-direction: column;margin: 0 auto;width: 420px;justify-content: center;}
.sliderInput> ul {display: flex;justify-content: center;align-items: center;height: 100%;}
.slideraApliInfo {/*overflow-y: scroll;*/background: #00000059;border-radius: 10px;border: 1px solid #009bfa75;padding: 20px;}
.slideraApliInfo::-webkit-scrollbar {
  width: 10px;
}
.slideraApliInfo::-webkit-scrollbar-thumb {
  background-color: #2f3542;
  border-radius: 10px;
}
.slideraApliInfo::-webkit-scrollbar-track {
  background-color: grey;
  border-radius: 10px;
  box-shadow: inset 0px 0px 5px white;
}

section.counter {/* background: #009bfa; */}
section.counter article {padding: 80px 20px;}
section.counter article #counterWrap {display: flex;justify-content: space-between;}
section.counter article #counterWrap>li { flex-direction: column;}
section.counter article #counterWrap>li .text {font-size: 30px;}
section.counter article #counterWrap>li .num {width: auto;}
section.counter article #counterWrap>li .title{text-align: center;font-size: 22px;margin-top: 10px;}

#counterWrap {}
#counterWrap>li {display:block;color: #fff;}
#counterWrap>li .text {font-size: 40px;font-weight: 300;}
#counterWrap>li .num {font-size: 50px;font-weight: bold;font-family: auto;display: inline-block;width: 180px;text-align: right;}
#counterWrap>li .title{width: 290px;font-size: 40px;font-weight: 400;letter-spacing: -2px;display: inline-block;}

#scrollBtn {position: absolute;bottom: 30px;left: 50%;margin-left: -20px;width: 40px;}
#scrollBtn a {position: absolute;bottom: 0;z-index: 2;display: block;-webkit-transform: translate(0, 0%);transform: translate(0, 0%);color: #fff;height: auto;padding: 0 0 50px 0;}
#scrollBtn a .scroll{text-align: center;position: relative;top: -20px;height: 20px;}
#scrollBtn a span {position: absolute;top: 0px;left: 50%;width: 24px;height: 24px;margin-left: -12px;border-left: 1px solid #fff;border-bottom: 1px solid #fff;-webkit-transform: rotate(-45deg);transform: rotate(-45deg); -webkit-animation: sdb07 2s infinite;animation: sdb07 2s infinite;pacity: 0;box-sizing: border-box;}
#scrollBtn a span:nth-of-type(1) {-webkit-animation-delay: 0s;animation-delay: 0s;}
#scrollBtn a span:nth-of-type(2) {top: 16px;  -webkit-animation-delay: .15s;animation-delay: .15s;}
#scrollBtn a span:nth-of-type(3) {top: 32px;-webkit-animation-delay: .3s;animation-delay: .3s;}
@-webkit-keyframes sdb07 {
  0% {
    pacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes sdb07 {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.slideraApliInfo .bigTitle {font-size: 22px;color: #fff;margin-bottom: 10px;font-weight: 500;}
.slideraApliInfo .bigTitle>.icon {background: url(../v2_images/icon_list.png) no-repeat center center;width: 24px;height: 18px;display: inline-block;background-size: 24px;}

.slideraApliInfo .appliBox {width: 100%;color: #fff;margin: 0 auto;}
.slideraApliInfo .appliBox .title {border-bottom: 1px solid #009bfa75;padding-bottom: 10px;padding: 8px 0;color: #009bfa;font-weight: 500;position: relative;font-size: 18px;}
.slideraApliInfo .appliBox .title .hint {font-size: 11px;color: #999;font-weight: 400;margin-left: 5px;}
.slideraApliInfo .appliBox .inputBox {}
.slideraApliInfo .appliBox .inputBox li{padding: 10px 0;}
.slideraApliInfo .appliBox .inputBox li input{color: #fff;background: #0000004d;border: 1px solid #eaeaea47;}
.slideraApliInfo .appliBox .inputBox li input::placeholder {color:#fffff45;font-size: 15px;}
.slideraApliInfo .appliBox .inputBox label:focus {border: 1px solid #268bcd;}

.appliBoxSliderInfo {/*overflow-y: scroll;*/background: #00000059;border-radius: 10px;border: 1px solid #009bfa75;padding: 20px;margin-top: 20px;}
.appliBoxSliderInfo .bigTitle {font-size: 22px;color: #fff;margin-bottom: 5px;font-weight: 500;}
.appliBoxSliderInfo .bigTitle>.icon {background: url(../v2_images/icon_list_01.png) no-repeat center center;width: 24px;height: 18px;display: inline-block;background-size: 24px;}

.appliBoxSlider {}
.appliBoxSlider > div {color:#fff;}


/*partner*/
#partner {background: #f5f5f5;}
#partner .partnerBox{}
#partner .partnerBox:after{content: ''; display: block; clear: both;}
#partner .partnerBox .boxInfo{height: 160px;text-align: center;border: 1px solid #eee;background: #fff;box-sizing: border-box;border-radius: 10px;padding: 0 20px;margin-bottom: 5px;}
#partner .boxInfo ul{display: flex;flex-direction: column;justify-content: center;align-items: center;height: 100%;}
#partner .boxInfo ul li img{width: 180px;}
#partner .boxInfo ul li h5{font-size: 16px;color: #333;word-break: keep-all;margin-top: 5px;}
.partnerSlider .slick-slide>div {margin: 5px;}

/*step*/
#stepWrap {background: url('../v2_images/section02.png') no-repeat bottom left;}
.stepBox {display: grid;grid-gap: 50px;grid-template-columns: repeat(3, 1fr);}
.stepBox .stepInfo {width: 100%;max-width: 600px;min-width: 150px;/* height: 100%; */max-height: 350px;background: #fff;border-radius: 20px;text-align: center;color: #181818;box-shadow: 4px 12px 30px 6px rgba(0,0,0,.09);transition: all 0.25s;flex: 1;padding: 40px 0 60px 0;}
.stepBox .stepInfo:hover {transform: translateY(-5px);box-shadow: 4px 12px 20px 6px rgba(0,0,0,.18);}
.stepBox .stepInfo:hover .stit {color:  #fff;}
.stepBox .stepInfo:hover {background: #25a8e3;color: #fff;}
.stepBox .stepInfo:hover .stepBtn {display: block;opacity: 1;transition:all 0.25s;}
.stepBox .stepInfo:hover .num {color:  #fff; }

.stepBox .stepInfo .img {padding-bottom: 20px;transition:  all 0.25s;}
.stepBox .stepInfo .img img {width: 110px;}
.stepBox .stepInfo h2.tit {font-size: 22px;}
.stepBox .stepInfo .stit {font-size: 15px;color: #888;font-weight: 500;margin-top: 10px;}
.stepBox .stepInfo .num {font-size: 21px;width: 55px;height: 35px;line-height: 35px;border-radius: 30px;font-weight: 600;color: #268bcd;margin: 0;position: relative;display: inline-block;padding-top: 25px;}
.stepBox .stepInfo .num:before {content: '';position: absolute;top: -30px;left: 50%;transform: translate(-50%, 0);width: 36px;height: 10px;background: url('../v2_images/smart_arrow.png') no-repeat top center;animation: buarrow 0.5s alternate infinite ease;}

.stepBox .stepInfo .stepBtn {display: inline-block;opacity: 0;padding-top: 10px;}
.stepBox .stepInfo .stepBtn a{border: 1px solid #eaeaea;border-radius: 20px;height: 35px;line-height: 35px;padding: 0 40px;background: #ffffff;font-weight: 500;font-size: 13px;}


/*photoWrap*/
#photoWrap {background: url('../v2_images/photowrap_bg.png')no-repeat;background-size: contain;background-position: bottom;}
#photoWrap article {}
#photoWrap .textBox {}
#photoWrap .tabBox{overflow:hidden;margin: 0 auto;padding-bottom: 30px;}
#photoWrap .tabBox ul{border-radius: 50px;height: 50px;overflow: hidden;box-sizing: border-box;border: 1px solid #eaeaea;}
#photoWrap .tabBox ul li{float:left;box-sizing:border-box;}
#photoWrap .tabBox ul li.on{overflow: hidden;background: linear-gradient(100deg, #24a8e0, #228aca);}
#photoWrap .tabBox ul li.on > button{color: #fff;font-weight: 600;}
#photoWrap .tabBox ul li button{width: 230px;height: 50px;font-size: 16px;}

#photoWrap .tabView {}
#photoWrap .tabView .tabList{height: 100%;padding: 30px 0 0 0;border: 0;}

/*slick-slider dots*/
.tabSlider .slick-slide.img {display: block;width: 100%;height: 100%;outline: 0;margin: 0 10px;overflow: hidden;}
.tabSlider .slick-dots {display: flex;height: 40px;justify-content: center;align-items: flex-end;/* position: relative; */}
.tabSlider .slick-dots li.slick-active button{background: #e7277c;}
.tabSlider .slick-dots li {margin: 0 3px;outline: 0;}
.tabSlider .slick-dots li button {border: 0;width: 10px;height: 10px;border-radius: 7px;padding: 0;margin: 0;text-indent: -9999px;outline: 0;}

.tabSlider .slick-prev,
.partnerSlider .slick-prev {border-radius: 50px 0 0 50px;background: #fff url('../v2_images/left_icon.png') no-repeat center;background-size: 25px;left: 50%;margin-left: -80px;}
.tabSlider .slick-next,
.partnerSlider .slick-next{border-radius: 0 50px 50px 0;background: #fff url('../v2_images/right_icon.png') no-repeat center;background-size: 25px;left: 50%;margin-left: -1px;}

.tabSlider .slick-arrow,
.partnerSlider .slick-arrow{border: 1px solid #eaeaea;width: 80px;height: 40px;position: absolute;top: -50px;text-indent: -9999px;outline: 0;opacity: 0.6;}
.tabSlider .slick-arrow:hover,
.partnerSlider .slick-arrow:hover {opacity: 1;}


/*customer*/
#customer {background-size: auto;background: #228aca url(../v2_images/customer_bg.png) top right;background-size: contain;}
#customer .customerBg {height: 100%;background: url(../v2_images/customer_img.png) no-repeat top right;padding-bottom: 120px;}
#customer article {}
#customer .customerWrap {display: flex;justify-content: space-around;width: 100%;}
#customer .plusBtn {position: absolute;right: 0;top: 0;background: transparent;border: 0;}
#customer .plusBtn > a{display: inline-block;}
#customer .plusBtn > a img{width: 40px;margin-top: 5px;}

#customer .notice{flex: 1;padding-right: 50px;height: 370px;overflow: hidden;}
#customer .noticeBox {/* width: 100%; */}
#customer .noticeBox .noticeList{border: 1px solid #83d3fb;background: #ffffff17;padding: 20px;margin-bottom: 20px;color: #fff;border-radius: 5px;}
#customer .noticeBox .noticeList .text{}
#customer .noticeBox .noticeList .data{font-size: 12px;margin-top: 13px;display: inline-block;}

#customer .faq{flex: 1;height: 370px;overflow: hidden;}
#customer .faqBox {color: #fff;}
#customer .faqBox>li{padding-bottom: 16px;}
#customer .faqBox a{height: 40px;line-height: 40px;vertical-align: revert;display: inline-block;padding-left: 10px;color: #fff;}
#customer .faqBox img{vertical-align: middle;}


/**************************************
** subpage
***************************************/
.subHead {width: 100%;height: 320px;position: relative;}
.subHead.bg01 {background: url('../v2_images/subbg01.jpg') no-repeat;background-size: cover;}
.subHead.bg02 {background: url('../v2_images/subbg02.jpg') no-repeat;background-size: cover;}
.subHead.bg03 {background: url('../v2_images/subbg03.jpg') no-repeat;background-size: cover;}
.subHead.bg04 {background: url('../v2_images/subbg04.jpg') no-repeat;background-size: cover;}
.subHead .subTitle {display: flex;justify-content: center;align-items: center;height: 100%;font-size: 45px;font-weight: 500;color: #fff;}

.subNav {position: absolute;bottom: 0;width: 100%;background-color: rgba(0, 0, 0, 0.5);}
.subNav>ul {display: flex;max-width: 1280px;width: 100%;color: #fff;padding: 0 20px;height: 35px;line-height: 35px;font-size: 14px;margin: 0 auto;}
.subNav>ul>li {text-align: center;display: inline-block;position: relative;color: #ffffffb8;padding-left: 15px;}
.subNav>ul .homeIcon {text-align: left;padding: 0;}
.subNav>ul .homeIcon img {width: 16px;}
.subNav>ul>li::before{content: "|";clear: both;padding-right: 16px;}
.subNav>ul>li:first-child::before { content: none ;}


/**************************************
** company
***************************************/
.company {}
.company .companyStep {display: flex;justify-content: space-around;align-items: center;width: 100%;padding: 30px 0;}
.company .companyStep li {background: #fff;width: 260px;height: 260px;border: 2px dotted #eaeaea;border-radius: 50%;position: relative;}

.company .companyStep .stapBox {position: absolute;top: 10px;left: 10px;z-index: 10;width: 240px;height: 240px;border-radius: 50%;background: linear-gradient(#33c2ff, #009bfa);display: flex;justify-content: center;align-items: center;flex-direction: column;color: #fff;}
.stapBox .stapBoxNum {background: #fff;border-radius: 50%;text-align: center;display: inline-block;padding: 6px;line-height: 18px;font-size: 12px;font-weight: 600;width: 20px;height: 20px;margin-bottom: 30px;color: #181818;}
.stapBox .tit01 {font-size: 20px;font-weight: 500;}
.stapBox .tit02 {margin-bottom: 20px;}

.companyBox {padding: 30px 40px;background: #fff;border-radius: 10px;margin-top: 30px;border: 1px solid #eaeaea;box-shadow: 3px 5px 10px #00000012;}
.companyBox>p {font-size: 16px;padding: 10px 0;}


/**************************************
** mapWrap
***************************************/
.mapWrap {}
.mapWrap .map{height: 360px;max-width: 1280px;width: 100%;margin-bottom: 20px;}
.mapWrap .mapText > .title{width: 100px;font-weight: 500;}
.mapWrap .mapText{border-bottom: 1px solid #eaeaea;padding: 12px 0;display: flex;}
.mapWrap .mapText .img{display: inline-block;padding-right: 10px;}
.mapWrap .mapText span>img{vertical-align: sub;}
.mapWrap .mapText p{color: #555;}


/**************************************
** info
***************************************/
.infoWrap {}
.infoCon {min-height: 290px;height:  100%;}

.infoBox {}
.infoBox .title{padding: 10px 0;/* border-bottom: 1px solid #eaeaea; */font-weight: 500;}
.infoBox .title .num{display: inline-block;width: 26px;height: 26px;text-align: center;line-height: 26px;border-radius: 50%;background: linear-gradient(130deg, #33c2ff, #009cde); color: #fff;font-size: 14px;}
.infoBoxPhoto {display: grid;margin: 20px 0 60px 0;position: relative;}
.infoBoxPhoto .img{width: 100%;margin: 0 5px;overflow: hidden;outline: none;}

.infoImg {background: url('../v2_images/info_img.png') no-repeat;width: 100%;min-height: 210px;margin: 20px 0;}
.subtexttit {font-size: 23px;line-height: 34px;}


/**************************************
** applicationWrap
***************************************/
.applicationWrap {}
.appliInfo {border-radius: 10px;max-width: 1000px;margin: 0 auto;}
.appliInfo .appliBox {margin: 0 auto 60px;position: relative;}
.appliInfo .appliBox:last-child{margin-bottom: 0px;}
.appliInfo .appliBox .title{border-bottom: 2px solid #555555;color: #009bfa;font-size: 22px;font-weight: 500;display: flex;justify-content: space-between;align-items: center;padding: 15px 0 10px;}
.appliInfo .appliBox .title .hint{font-size: 12px;color: #999;font-weight: 400;margin-left: 5px;}
.appliInfo .appliBox .addBtn{background: #009bfa;color: #fff;border-radius: 5px;padding: 0 10px;font-size: 16px;font-weight: 500;}
.appliInfo .appliBox .title.bd0 {justify-content: flex-end;}

.inputBox {}
.inputBox li>label,
.inputBox div>label {margin-bottom: 5px;display: inline-block;}
.inputBox>li {padding: 15px 15px 0 15px;}
.inputInfo { position: relative;}
.inputInfo>input {position: relative;}
.inputInfo .inputBtn {position: absolute;right: 0;background: #54585b;line-height: 40px;height: 40px;padding: 0 10px;border-radius: 5px;font-weight: 500;color: #fff;}

.inputGroup {display: flex;margin-top: 5px;}
.inputGroup>input:first-child {margin-right: 5px;}

.inputBox.add  {background: #f5f5f5;margin: 5px 0;padding: 15px 15px;border: 1px solid #eaeaea;border-radius: 5px;}
.inputBox.add>ul {display: flex;}
.inputBox.add>ul li {display: flex;align-items: center;margin-right: 20px;}
.inputBox.add>ul li:last-child {margin-right: 0;}
.inputBox.add>ul label {flex: none;padding-right: 10px;}

.elevatorBox {padding-top: 22px;border-top: 1px dotted #eaeaea;margin: 25px 15px 0 15px;}
.elevatorTitle {position: relative;height: 35px;line-height: 35px;}
.plusBtn {font-size: 15px;font-weight: 500;border: 1px solid #eaeaea;border-radius: 5px;padding: 0 10px;background: #fff;color: #009bfa;position: absolute;right: 50px;}
.closeBtn {background: #fff url('../v2_images/icon-del.png') no-repeat 10px center;padding-left: 30px;width: 70px;background-size: 16px;display: inline-block;color: #888;border-radius: 5px;height: 40px;border: 1px solid #eaeaea;}
.helfBtn {background: #fff url('../v2_images/icon_help.png') no-repeat center;background-size: 25px;font-size: 15px;font-weight: 500;border: 1px solid #eaeaea;border-radius: 5px;padding: 0 10px;color: #009bfa;position: absolute;right: 0;padding: 0 20px;}
.helfBtnInfo {position: absolute;top: 43px;right: 0;width: 100%;max-width: 310px;background: #ffff;border: 2px solid #555555;border-radius: 5px 0 5px 5px;padding: 10px;z-index: 1;opacity: 0;line-height: initial;}
.helfBtnInfo:before {content: '';width: 0;height: 0;border-bottom: 7px solid #555555;border-left: 7px solid transparent; border-right: 7px solid transparent; position: absolute; top: -8px; right: 120px;}


.totalAmount {border: 2px solid #009bfa;display: flex;justify-content: center;align-items: baseline;border-radius: 5px;color: #181818;margin: 0 0 0 15px;padding: 15px 30px;}
.totalAmount .tit {margin-right: 10px;}
.totalAmount .won {font-weight: 600;font-size: 24px;color: #009bfa;}

.totalInfo {margin: 15px 0;border: 1px dotted #eaeaea;padding: 15px;}
.totalInfo ul{display: flex;width: 100%;}
.totalInfo ul li:first-child {width: 30px;flex: none;}
.totalInfo ul li{ flex: 1;}
.totalInfo img{width: 23px;}

.filebox {display: block;position: relative;height: 40px;}
.filebox input[type="file"] {position: absolute;width: 1px;height: 1px;padding: 0 0;margin: -1px;overflow: hidden;clip:rect(0,0,0,0);border: 0;}
.filebox label {padding: 7px 2%;color: #fff;font-size: inherit;background-color: #54585b;cursor: pointer;border: 1px solid #4b4c4c;border-bottom-color: #54585b;position: absolute;right: 0;top: 0;width: auto;border-radius: 5px;}
.filebox .upload-name {width: 96%;height: 100%;font-size: inherit;font-family: inherit;line-height: normal;border: 1px solid #eaeaea;border-bottom-color: #eaeaea;-webkit-appearance: none;-moz-appearance: none;appearance: none;color: #181818;padding: 0 2%;border-radius: 5px;}
.filebox .upload-name:disabled  {}

/*신청내역 로그인*/
.appliInfo.my .appliBox {max-width: 600px; overflow: hidden;}
.myAppliBtn {text-align: center;margin: 20px;}
.myAppliBtn > a{background: #009bfa;display: inline-block;color: #fff;text-align: center;border-radius: 50px;font-size: 18px;font-weight: 500;width: 100%;height: 50px;line-height: 50px;}

/*신청내역 확인*/
.appliBox.confirm .inputBox>li {display: flex;padding: 10px 15px;}
.appliBox.confirm .inputBox>li label{margin-bottom: 0;margin-right: 15px;color: #888;width: 100px;flex: none;}
.appliBox.confirm .inputBox>li .text{width: 100%;}
.appliBox.confirm .inputBox>li .filebox{}

/*신청내역 완료*/
.appliText {max-width: 1000px; margin: 0 auto;}
.appliText .info {font-size: 18px;line-height: 28px;font-weight: 500;background: #f5f5f5;padding: 100px 10px; border-top: 2px solid #009bfa;}
.inputBox.border {border-top: 1px solid #eaeaea;padding: 10px 15px;display: flex;}
.inputBox.border label{width: 100px; margin-right: 15px;}

.appliBox.confirm {margin: 0 auto 20px;}
.inputBox .numBox {flex: none;display: flex;}
.inputBox .numBox > li {padding-bottom: 10px;}
.inputBox .numBox > li:last-child {padding-bottom: 0;}
.inputBox .numBox .num {background: #009bfa;padding: 0 5px;color: #fff;margin-right: 14px;}

.appliBtn {text-align: center;}
.appliBtn > a{background: #009bfa;display: inline-block;color: #fff;text-align: center;border-radius: 5px;font-size: 18px;font-weight: 500;height: 40px;line-height: 40px;width: 100%;}


/**************************************
** customer
***************************************/
.noticeWrap {}
.noticeWrap .total {font-size: 14px;padding: 10px 0;color: #555;font-weight: 400;}
.boList {display: grid;grid-gap: 50px 30px;grid-template-columns: repeat(3, 1fr);border-top: 1px solid #eaeaea;padding: 20px 0 0 0;}
.boList > li {}
.boList > li .boListBox {}
.boListBox h2{overflow: hidden;}
.boListBox h2 img{width: 100%;transform: scale(1);transition: all .6s;}
.boListBox h2 img:hover{transform: scale(1.1);}
.boListBox p{font-weight: 500;font-size: 18px;border-bottom: 1px solid #eaeaea;padding: 10px 0 15px 0;}
.boListBox span{display: inline-block;font-size: 14px;color: #888;padding-top: 10px;}

.boInfo {background: #f5f5f5;padding: 10px 15px;color: #555;font-size: 14px;display: flex;justify-content: space-between;align-items: center;}
.boInfo .backBtn {overflow: hidden;}
.boInfo .backBtn img {width: 35px;}
.boInfo .data {display: inline-block;}

.boAtc { text-align: center;}
.boAtc .boAtcTit {font-size: 24px;font-weight: 500;text-align: center;padding: 30px 0;}
.boAtc .boAtcBody {margin: 0 auto; width: 100%; max-width: 1280px;}
.boAtc .boAtcBody img {text-align: center;margin: 0 auto;}


/**************************************
** equipmentWrap
***************************************/
.equipmentWrap {max-width: 900px;overflow: hidden;width: 100%;margin: 0 auto;}
.equipmentWrap .slider-nav {margin: 20px 0;}

.equipmentWrap .slick-arrow {position: absolute;z-index: 99;top: 50%;margin-top: -15px;border: 30px;text-indent: -9999px;width: 35px;height: 35px;border-radius: 50px;outline: none;}
.equipmentWrap .slick-prev {right: 12px;background-image: url('../v2_images/icon-arrow-right.png');background-repeat: no-repeat;background-size: 12px;background-position: 13px;}
.equipmentWrap .slick-arrow:hover {background-color: #181818c9; box-shadow: 0.9px 6.9px 14.4px 1.6px rgba(0, 0, 0, 0.13);-webkit-box-shadow: 0.9px 6.9px 14.4px 1.6px rgba(0, 0, 0, 0.13);}
.equipmentWrap .slick-next {left: 8px;background-image: url('../v2_images/icon-arrow-left.png');background-repeat: no-repeat;background-size: 12px;background-position: 10px;}

.equipmentWrap .slider-nav .equipment {width: 100%;min-width: 150px;max-width: 180px;margin-left: 5px;}
.equipmentWrap .slider-nav .equipment:first-child {margin-left: 0;}
.equipmentWrap .slider-nav .equipment>img {border: 1px solid #eaeaea;}


/**************************************
** faqWrap
***************************************/
.faqWrap {}
.faqWrap .faqInfo{}
.faqGroup {display: block;}
.faqGroup > li {border-radius: 5px; border: 1px solid #eaeaea; margin-bottom: 15px; overflow: hidden;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);-webkit-transition: box-shadow 0.2s;-moz-transition: box-shadow 0.2s;transition: box-shadow 0.2s;}
.faqGroup > .content-visible {background: #ffffff;-moz-transition: box-shadow 0.2s;/* transition: box-shadow 0.2s; */border: 1px solid #009bfa80;}
.faqGroup >li >a::after,
.faqGroup >li >a::before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.faqGroup >li >a::after,
.faqGroup >li >a::before {content: "";}

.faqGroup .trigger>p {}
.faqGroup .trigger>p .qfont {color: #009bfa;font-size: 22px;}
.trigger {position: relative;display: block;font-size: 18px;font-weight: 500;margin: 0;padding: 24px 72px 24px 24px;}
.trigger::before,
.trigger::after {position: absolute;right: 24px;top: 50%;height: 2px;width: 13px;background: #009bfa;-webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;transition-property: transform;-webkit-transition-duration: 0.2s;-moz-transition-duration: 0.2s;transition-duration: 0.2s;}
.trigger::before {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);right: 32px;}
.trigger::after {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
.content-visible .trigger::before {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
.content-visible .trigger::after {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
.faqContent { display: none; padding: 30px; background: #f5f5f5;}
.faqContent p {color: #000000;}



/**************************************
** asideMenu
***************************************/
#subPage {position: relative;top: 0;}
.asideTop {position: absolute;top: -40px;width: 300px;background: red;height: 40px;}
#asideMenu {transition: all 0.5s;animation: fadeOut 0.25s ease;background-color: #000000;position: fixed;top: 320px;right: 0;transform: translateX(360px);z-index: 99;padding: 30px;width: 300px;}
#asideMenu .asideBtn {position: absolute;top: 0;left: -40px;border-radius: 6px 0 0 6px;width: 40px;height: 80px;line-height: 90px;display: inline-block;color: #fff;background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);background-size: 400% 400%;animation: gradient 10s ease infinite;}
#asideMenu.active {transform: translateX(0);}

.asideInfo {}
.asideInfo>.appliBox{margin-bottom: 20px;}
.asideInfo .bigTitle{font-size: 22px;color: #fff;padding-bottom: 10px;}
.asideInfo .bigTitle>.icon{background: url(../v2_images/icon_list.png) no-repeat center center;width: 24px;height: 18px;display: inline-block;background-size: 24px;}
.asideInfo .title{border-bottom: 2px solid #555555;padding: 8px 0;color: #009bfa;font-weight: 500;position: relative;font-size: 18px;}
.asideInfo .title.bd {border: 0;border-bottom: 1px solid #ffffff3b;}
.asideInfo .title .hint{font-size: 11px;color: #999;font-weight: 400;margin-left: 5px;}
.asideInfo .appliText li>.tit{width: 80px;color: #fff;}

#asideMenu .asideBtn > img {color: #474747;transform: rotate(180deg);transition: all 0.5s;background-size: 40px;width: 12px;}
#asideMenu .asideBtn > img.rotate {transform: rotate(0deg);}
@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

@keyframes fadeOut {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(368px);
  }
}


.areaBox {display: flex;border: 1px solid #eaeaea;}
.areaBox .areaImg{background: url('../v2_images/map_image01.jpg') no-repeat center;background-size: 450px;border-right: 1px solid #eaeaea;flex: 1;}
.areaBox .areaText{flex: 1;}
.areaInfo { padding: 20px;}
.areaInfo .title {font-size: 18px;font-weight: 500;margin-bottom: 10px;text-align: center;color: #009bfa;}
.areaInfo .areaName {}
.areaInfo .areaName ul {display: flex;width: 100%;flex-wrap: wrap;}
.areaInfo .areaName ul li {text-align: center;background: #fff;height: 40px;line-height: 40px;border: 1px solid #eaeaea;width: 23%;box-sizing: border-box;margin: 3px 1%;}




/**************************************
** footer
***************************************/
.subFooter {position: relative;}
footer {/* position: absolute; *//* bottom: 0; */width: 100%;background: #25262b;}
.mainFooter {width: 90%;height: 180px;display: flex;align-items: center;max-width: 1080px;margin: 0 auto;color: #fff;font-size: 12px;}
.mainFooter .fotterText{padding-left: 160px;background: url('../v2_images/logo_footer.png') no-repeat;background-size: 120px;font-weight: 300;color: #bababa;}
.mainFooter .fotterText p {margin-bottom: 5px;line-height: 20px;}
.mainFooter .fotterText p.copyright {margin-top: 15px;}