@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Cormorant+Garamond:400,400i,500,500i&display=swap');

/*font-family: 'Noto Sans KR', sans-serif;*/
*{margin:0; padding:0}
li{list-style:none;margin:0;padding:0;}
img{border: none;}
a{text-decoration:none}
address{font-style:normal;}
iframe{margin:0;padding:0;border:none;}
table{border-spacing: 0;border-collapse: collapse;}
button, input, select, textarea {
    background: transparent;
    font-size: 13px;
    position: relative;
    zoom: 1;
    font-family: 'Lato','NotoSansKR','Noto Sans KR','Apple SD Gothic Neo',sans-serif; border:none
}

.xi-kakaotalk:before {
  content: "\ebee";
}
h1,h2,h3,h4,h5,h6,p,div,section,td,th,label,adddress,a,body,li, button, em{font-family: 'Noto Sans KR', sans-serif; font-size:14px; font-weight:400; color:#333;  font-style:normal;word-break:keep-all !important; letter-spacing:-1px; }

/*scroll*/
.scroll-x{overflow-x:scroll; -ms-overflow-style:none}
.scroll-x::-webkit-scrollbar-track{background-color: #CCC;}
.scroll-x::-webkit-scrollbar	{height: 3px; display:none}
.scroll_block::-webkit-scrollbar{display:block}
.scroll-x::-webkit-scrollbar-thumb{background-color: #999;}

.mob{display:none !important}
.pc{display:block !important}

#header{position:fixed; width:100%; z-index: 99;}
.mob-btn{display:none}
.mob-close{display:none}
.logo{position:relative; padding: 20px 0; box-sizing: border-box; z-index:99;  margin-left:20px; width: 360px;}
.logo img{max-width:100%; display:block}
.head-right{position:absolute; right: 20px; top:35px; background-color:#000; padding: 5px 15px; border-radius: 30px;}
.head-right span{ font-family: 'GongGothicMedium'; font-size: 24px;}
.head-right span.tel-num{color:#ffcc00}
.head-right img{width:35px; vertical-align: middle; margin-right:5px; }
.gnb{position:absolute; width: 100%; top:50px}
.gnb>ul{display:table; margin:0 auto}
.gnb>ul>li{display:table-cell; vertical-align:top; padding:0 30px; box-sizing: border-box; position: relative;}
.gnb>ul>li>a{font-size:24px; text-align: center; display:block; font-weight: 500;}
.gnb>ul>li>a:hover{color:#ff0008}
.gnb>ul>li p{display:none}
.gnb>ul>li .depth{background-color:rgba(0, 0, 0, 0.5); position: absolute; left:0; width:100%; display:none; margin-top: 13px;}
.gnb>ul>li .depth a{text-align:center; display:block; font-size: 16px; color: #FFF; padding:5px 0}

.banner_wrap{position:relative;}
.banner{position:relative}
.banner img{width:100%}
.slider_list{position:relative;}
.slide-text{position:absolute; top:50%; transform:translateY(-60%); width:95%; left:2.5%}
.slide-text img{width:auto !important; margin-bottom:15px}
.slide-h2{}
.slide-text p{ font-size:60px; color:#FFF; letter-spacing:-1px; line-height:70px; width:100%; text-align: center; font-weight: bold;}
.slide-text p span{color:#cc0000}
.slick-active .slide-text h2{animation-name:mainh2; animation-duration:1s;transform:perspective(500px) rotate(.001deg); animation-fill-mode:forwards; opacity:0;animation-timing-function:linear;animation-delay:0.1s}
.slick-active .slide-text p{animation-name:mainp; animation-duration:1s;transform:perspective(500px) rotate(.001deg); animation-fill-mode:forwards; opacity:0;animation-timing-function:linear; animation-delay:0.2s}
.slick-active .slide-text .slide-more{animation-name:more; animation-duration:1s;transform:perspective(500px) rotate(.001deg); animation-fill-mode:forwards; animation-timing-function:linear; animation-delay:0.6s;opacity:0;}

.fnc-slide__heading-line{max-width: 1150px; margin:100px auto 0;}
.fnc-slide__heading-line p{text-align:left; font-weight: 900; color: #FFF; text-shadow: 2px 2px 5px #333;}


.back{position:relative; width:100%; background-color:#f3f3f3;}

.pro-ban .slider_list{padding:5px; box-sizing: border-box;}
.pro-ban .slider-box{border:1px solid #CCC; border-radius: 15px; box-sizing: border-box; overflow: hidden;}
.slide-con{box-sizing: border-box; padding-top:15px}
.slide-con>span{background-color:#fe0f00; padding:2px 5px; border-radius: 5px; color:#FFF; margin-left: 10px; box-sizing: border-box;}
.slide-con > h2{font-weight: bold; font-size: 18px; margin:5px 0}
.slide-con p>span{color:#888; text-decoration:line-through; display:block; font-size: 14px;}
.slide-con p{color:#fe0f00; font-size: 20px; font-weight: bold;}
.slide-con h3{color:#FFF; font-size: 24px; font-weight: bold; background-color:#fe0f00; text-align: center; padding: 5px 0; margin-top: 5px;}
.slide-con h2, .slide-con p{padding:0 10px; box-sizing: border-box;}

.lk-way>ul{overflow:hidden}
.lk-way>ul>li{float:left; margin-left: 5%; width: 30%;}
.lk-way>ul>li:first-child{margin-left: 0;}
.lk-way>ul>li h3{text-align: center; font-size: 30px; font-weight: bold;}
.lk-way>ul>li figure{text-align: center; padding: 30px 0;}
.lk-way>ul>li>p{font-size:20px; margin-top: 10px; padding-left: 60px; box-sizing: border-box;}

.list-wrap>ul{overflow:hidden; margin-top: 50px;}
.list-wrap>ul>li{position:relative; transition: 0.5s; float:left; padding: 40px 30px; border: 1px solid #CCC; background-color:#FFF; box-sizing: border-box; width: 32%; height: 295px; margin-left: 2%;}
.list-wrap>ul>li:nth-child(3n+1){margin-left:0}
.list-wrap>ul>li:nth-child(n+4){margin-top: 2%;}
.list-wrap>ul>li figure{text-align: right; padding-left: 15px; box-sizing: border-box;}
.list-wrap>ul>li h3{font-size: 26px; font-weight: bold; transition: 0.5s;}
.list-wrap>ul>li p{font-size: 20px; transition: 0.5s;}
.list-wrap>ul>li .list-plus{transition:0.5s; position:absolute; right: 0; top: 0; background-color:#495376; padding: 20px; box-sizing: border-box; display: none;}
.list-wrap>ul>li .list-plus i{font-size:35px; color:#FFF}

.list-wrap>ul>li:nth-child(5){background-color:#fd1046}
.list-wrap>ul>li:nth-child(5) figure{text-align: center;}
.list-wrap>ul>li:nth-child(5) h3{color:#FFF; text-align: center;}
.list-wrap>ul>li:nth-child(5) p{color:#FFF; text-align: center;}
.list-wrap>ul>li:nth-child(5) .list-plus{display:block}

.process-wrap{position:relative}
.process-wrap ul{overflow:hidden; margin-top: 50px; display:flex; flex-wrap: wrap;}
.process-wrap ul>li{ margin-left: 2%; width: 18.4%; position:relative; text-align: center; background-color: #eaeaea; padding: 60px 0; border-radius: 30px;}
.process-wrap ul>li:first-child{margin-left: 0;}
.process-wrap ul>li p{font-size: 24px; font-weight: bold; margin-top: 20px; line-height: 28px;}
.process-wrap ul>li::after{position:absolute; content:""; background-image: url(../image/arrow1.png); background-size: 100%; width: 50px; height: 48px; top: 50%; ; transform: translateY(-50%); right: -40px; z-index: 9}
.process-wrap ul>li:last-child::after{display:none}

.quick-wrap{position:fixed; right: 10px; top: 50%; transform: translateY(-50%); width: 80px; }
.form-open{background-color:#000; text-align: center; cursor:pointer; padding: 15px 0; border-radius: 35px; margin-bottom: 10px;}
.form-open p{color:#FFF; font-weight: bold; text-align: center;}
.katalk-quick img{max-width: 100%;}

.wrap{position:relative; max-width:1250px; margin:0 auto; width: 98%; padding: 100px 0; overflow: hidden;}

.title{text-align:center; font-size: 40px; font-weight: bold;}
.title br{display:none}
.title span.title-size{font-size:26px; font-weight: normal; display: block;}
.title span.title-color{color:#ff0008; font-size: 50px;}

.slider-div{margin-top:50px}


#popup {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 600px;
    height: 500px;
    margin-top: -250px;
    margin-left: -300px;
    padding-top: 46px;
    z-index: 301;
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
    box-sizing: border-box;
    display:none;
    transition: all 0.3s;
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
}
#popup .pop-tit {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 45px;
    background: #f7f7f7;
    padding: 0 15px;
    border-bottom: 1px solid #ddd;
    box-sizing: border-box;
}
#popup .pop-tit h3 {
    font-size: 15px;
    color: #000;
    font-weight: 300;
    line-height: 45px;
}
#popup .pop-tit .pop-close {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 44px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    font-size: 16px;
    color: #666;
    background: #eee;
    border-left: 1px solid #ddd; cursor:pointer
}
#popup .pop-wrap {
    height: 100%;
    overflow-y: auto;
    padding: 15px;
    box-sizing: border-box;
}
.policybox {
    color: #666;
    font-size: 13px;
    line-height: 20px;
}

.ban-form{position:absolute; right: 180px; top: 50%; transform: translateY(-50%); background-color: rgba(255, 255, 255, 0.7); border-radius: 50px; padding:50px 30px; box-sizing: border-box; max-width: 600px; width: 95%;}
.form-top h2{font-size:34px;font-family: 'GongGothicMedium'}
.form-top h2 br{display:none}
.form-top h2 span{color:#67717c}
.form-top p{margin-top:5px; font-size: 18px;}
.form-con{margin-top:10px;}
.form-con ul>li{border:1px solid #DDD; padding: 10px; box-sizing: border-box; background-color:#FFF; border-bottom: none; position: relative}
.form-con ul>li label{padding-right: 10px; width: 50px; display: inline-block; font-size: 16px;}
.form-con ul>li input[type="text"]{width:75%; font-size: 16px;}
.form-con ul>li:nth-child(2){border-bottom: 1px solid #DDD;}
.form-con ul>li.form-btn, .form-con ul>li.chb{background-color:transparent; border:none; padding: 0;}
.form-con ul>li.chb{padding:10px 0}
.form-con ul>li.chb label{width:100%;}
.form-con ul>li.chb label input[type="checkbox"]{vertical-align: middle;}
.form-con ul>li.chb span{background-color:#666; color:#FFF; padding: 5px 10px; right: 0; position: absolute; font-size: 10px; top: 7px;}
.form-btn button{background-color:#000; color:#FFF; font-size: 20px; text-align: center; width: 100%; padding: 10px 0; border-radius: 30px; transition: 0.5s;}
.form-btn button:hover{background-color:#ff0008; color:#FFF}

.form-pop-wrap{display:none}
.form-close{cursor:pointer; position:absolute; right: 30px; top: 30px;}
.form-close i{font-size: 18px;}
.form-pop{position:fixed; left:50%; top: 50%; transform: translate(-50%,-50%); background-color:#CCC; max-width:500px; width: 450px;}
.form-pop h2{text-align: center; color: #ff0008;}
.form-pop p{text-align: center;}


/*sub*/
.sub-banner{position:relative;background-position:center; overflow: hidden;}
.sub-banner>p{height:350px; transition: 1s;}
/*.sub_banner:hover p{-webkit-transform: scale(1.5);
-moz-transform: scale(1.5);
-ms-transform: scale(1.5); 
-o-transform: scale(1.5);
transform: scale(1.5);
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand')"; 
filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand'); }*/
.sub-banner0>p{background-image:url(../image/sub-banner0.jpg);}
.sub-banner1>p{background-image:url(../image/sub-banner1.jpg);}
.sub-banner2>p{background-image:url(../image/sub-banner2.jpg);}
.sub-banner3>p{background-image:url(../image/sub-banner3.jpg);}
.sub-banner4>p{background-image:url(../image/sub-banner4.jpg);}
.sub-banner5>p{background-image:url(../image/sub-banner5.jpg);}

.sub-banner>h2{position:absolute; text-shadow: 2px 2px 5px #333; top:50%; transform:translateY(15%); width:100%; text-align:center; font-size:30px; color:#FFF; font-weight: bold;}
.sub-banner>h2 span{color:#e9c77f}
.banner-bg {
    width: 100%;
    height: 100%;
    animation: ani_back 30s linear;
    animation-iteration-count: infinite;
}


@keyframes ani_back{
0% {
    background-position: 85% 0;
}
50% {
    background-position: 85% 100%;
}
100% {
    background-position: 85% 0.1%;
}	
}



.sub-wrap{position:relative; width: 100%;}
.con{position:relative; max-width:1250px; margin:0 auto; padding: 100px 0; overflow:hidden}

.company-top{position:relative; }
.company-top h2{font-size: 26px; font-weight: bold;}
.company-top p{font-size: 20px;}
.company-top p span{font-weight: bold; font-size: 26px; display: block;}
.company{display:table; width: 100%; margin-top: 50px;}
.company>div{display:table-cell; vertical-align: middle;}
.com-txt{ box-sizing: border-box;}
.com-txt h3{font-weight: bold; font-size: 26px;}
.com-txt p{margin-top: 15px; font-size: 20px;}
.company1 .com-txt{padding-right: 150px;}
.company2 .com-txt{padding-left: 250px;}
.company2 .com-img{text-align:right}

.company-top2 p{margin-top:10px}
.company-top2 p span{font-size:18px}
.company3 .com-txt{padding-right: 100px;}
.company3 .com-txt p + p{margin:50px 0}
.company3 .com-txt p span{font-weight:bold; display:block; font-size: 22px; margin-bottom: 5px;}

.map li{margin-top:10px}
.map h3{font-weight:bold; font-size: 22px;}
.map p{font-size: 18px;}
.map span{font-weight: bold;}

/*more btn*/
.more>p {overflow: hidden; z-index:9; margin-top: 20px;}
.more>p { background: #000; border-radius: 50px;color: #FFF; display: block;font-size: 17px; margin: 1em auto; padding: 7px;position: relative; text-transform: uppercase;width: 150px; text-align: center; cursor:pointer}
.more>p, .more>p::after {-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all 1s;}
.more>p::before, .more>p::after {background: #013567;content: '';position: absolute;z-index: -1;}
.more p::after {height: 100%;left: -35%;top: 0;transform: skew(50deg);transition-duration: 0.7s;transform-origin: top left;width: 0;}
.car-list li:hover p::after{width:200%; color:#000 }
.car-list li:hover p{color:#FFF;}


.car-wrap{position:fixed; width: 100%; top: 0; left: 0; height:100%;background-color:rgba(0,0,0,0.7); display:none; z-index: 99999999;}
.car{position:absolute; left: 50%; top: 2.5%; transform: translateX(-50%); height:95%}
.car img{height:100%}
.car-close{position:absolute; right: 5px; top: 5px;}
.car-close i{font-size: 40px;}

.po-box{border:1px solid #CCC; padding:20px; box-sizing: border-box;}
.policy_dep1{margin:5px 0}
.policy_dep2{margin-bottom:30px}

/*footer*/
.foot-top{position:relative; background-image:url(../image/back.jpg); background-position: center; padding: 200px 0 100px 0;}
.foot-txt{text-align: center; overflow: hidden;}
.foot-txt h2{font-size: 45px; font-weight: 900; color:#FFF;}
.foot-txt p{color:#FFF; font-size: 30px; margin-top: 10px;}
.foot-top ul{overflow:hidden; max-width: 1250px; margin: 200px auto 0 auto; padding: 0 10px; box-sizing: border-box;}
.foot-top ul>li{float:left; width: 48%; background-color:#FFF; border-radius: 25px; padding: 20px; box-sizing: border-box; background-color:#f9db02}
.foot-top ul>li:last-child{margin-left:4%; background-color: #FFF;}
.foot-top ul>li h3{font-weight: bold; font-size: 24px;}
.foot-top ul>li p{font-size: 16px;}
.foot-top ul>li span.foot-btn{ color:#FFF; font-weight: bold; font-size: 16px; margin-top: 30px; display: block; padding: 10px; border-radius: 5px; width: 150px; text-align: center;}
.foot-top ul>li:first-child span.foot-btn{background-color:#3e1918;}
.foot-top ul>li:last-child span.foot-btn{background-color:#18175c;}
.foot-top ul>li figure{position:absolute; right: 30px; bottom: 20px;}

#footer{position:relative; width: 100%; background-color:#2b2b2b}
.foot-wrap{position:relative;margin: 0 auto;}
.foot-wrap .foot-list{border-bottom: 1px solid #CCC;}
.foot-wrap ul{overflow:hidden; max-width: 1250px; margin:0 auto; width: 98%;}
.foot-wrap ul>li>a{color:#FFF; float: left; padding: 10px 20px 10px 0; font-size: 18px;}
.foot-wrap p{ font-size: 19px; color:#FFF; max-width: 1250px; margin: 0 auto; padding: 40px 0; width: 98%;}
.foot-wrap p span{ box-sizing: border-box; line-height: 25px;}

.quick{position:fixed; right: 15px; top:50%; transform:translateY(-50%); z-index: 99;}

.fix-wrap{display:none}

@media all and (max-width:1600px){
  .logo{width:200px}
  .gnb>ul>li{padding:0 20px 20px 20px}
  .gnb>ul>li>a{font-size:20px;}
  .gnb>ul>li .depth{margin-top:19px}
  .gnb>ul>li .depth a{font-size:14px}
  .head-right span{font-size:20px}
  .head-right img{width:30px}
}
@media all and (max-width:1350px){
}
@media all and (max-width:1300px){

  .con{width:95%}
  .sub-tab{width:95%}
}
@media all and (max-width:1250px){
  .gnb{top:30px}
  .gnb>ul>li{padding:0 10px}
  .gnb>ul>li>a{font-size:18px;}
  .gnb>ul>li .depth a{font-size:13px}
  .head-right{top:30px}
  .head-right span{font-size:16px}
  .head-right img{width:25px}

  .wrap{padding:50px 0}

  .company3 .com-txt{padding-right: 0;}
  
}
@media all and (max-width:1200px){

  .title, .sub-title{font-size:30px}
  .title span.title-color{font-size:30px}

  .lk-way>ul>li h3{font-size:24px}
  .lk-way>ul>li{margin-left: 2%; width:32%;}
  .lk-way>ul>li>p{font-size:18px; padding-left: 30px;} 
  .lk-way>ul>li>p br{display:none}

  .process-wrap ul>li p{font-size:20px; line-height: 24px;}

  .foot-wrap h1 img{width:150px}
  .foot-wrap p{font-size:16px}

  .quick{top:auto; transform: translateY(0); bottom: 10px;}
  .quick img{width:60px}

  .company1 .com-txt{padding-right: 0;}
  .company2 .com-txt{padding-left: 0;}
}
@media all and (max-width:1050px){
    .ban-form{width:550px; margin-left: -275px; left: 50%; padding: 20px 15px; position: relative; margin-top: -130px ; transform: translateY(0);}
    .form-pop{margin-top:0; transform:translateY(-50%); top: 50%; position:fixed}
    .form-top p{font-size:14px}
    
  .form-top h2{font-size:20px}
  .form-top h2 br{display:none}
  .form-con ul>li{padding:5px}
  .form-con ul>li label{font-size:12px; width: 30px;}
  .form-btn button{font-size:14px; padding: 13px 0;}

  .sub-txt p{font-size:20px}

  .fix-wrap{display:block; position:fixed; bottom:0; left: 0; width: 100%;}
  .fix-bar{ background-color:#ff0008; padding: 10px 15px; box-sizing: border-box;}
  .fix-bar a{display:block; color: #FFF;}
  .fix-wrap span{ vertical-align: middle; font-size: 20px; color: #FFF;}
  .fix-bar span.fix-tel{font-weight: 500; font-size: 24px; margin-left:10px}
  .fix-bar2{background-color:#000; padding: 10px 15px; box-sizing: border-box;}

  .list-wrap>ul>li{height:255px}
  .list-wrap>ul>li figure img{width: 90px;}
  .list-wrap>ul>li h3{font-size:22px}
  .list-wrap>ul>li p{font-size:16px}
  .list-wrap>ul>li p br{display:none}

  .foot-wrap ul>li>a{font-size:14px}
  .foot-wrap p{font-size:14px; padding: 20px 0 140px;}

  .company3 .com-img img{width:450px}
  .form-open{display:none}
}
@media all and (max-width:1000px){
  .foot-wrap h1 img{width:120px}
  .foot-wrap p{font-size:14px}
  
  .rent-list>ul>li{margin-left:1%; width:24.25%}
  .rent-list>ul>li:nth-child(n+5){margin-top:1%}
  .rent-list>ul>li p{font-size:16px}

  .foot-txt h2{font-size: 35px;}
  .foot-txt p{font-size: 24px;}
  .foot-top ul{margin:130px auto 0 auto}

  .foot-top ul>li figure img{width: 65px;}
}
@media all and (max-width:950px){
  .process-wrap ul>li{width:19.2%; margin-left: 1%;}
  .process-wrap ul>li p{font-size:18px}
  .process-wrap ul>li::after{width:40px; height: 38px; right: -30px;}
  .process-wrap ul>li figure img{width:65px}
  
  .com_text{padding:0}
  .com_text p{font-size:20px; margin-bottom:10px}

   .form-con ul>li label{font-size: 14px;}
  .form-con ul>li input[type="text"]{font-size:16px}

  .com-txt h3{font-size:20px}
  .com-txt p{font-size: 16px;}
  .com-img img{width:350px}
}
@media all and (max-width:900px){

  .con{padding:60px 0}
  .com-title p{font-size:20px}
  .com-text h3{font-size:24px}

  .car-list>ul>li{margin-left:1%; width: 24.25%;}
  .car-list>ul>li h2{font-size:18px}
  .more>p{width:100px; font-size: 14px;}

  .sub-txt{margin-bottom: 20px;}
  .company p{font-size:16px}

  .company3 .com-img img{width:380px}
}
@media all and (max-width:850px){
  .ban-form{background-color:#eaeaea; border-radius: 30px;}

  .foot-top ul{max-width:400px; margin:50px auto 0}
  .foot-top ul>li{float:none; width: 100%;}
  .foot-top ul>li:last-child{margin-left:0; margin-top: 2%;}

  .foot-wrap h1{display:block; text-align: center;}
  .foot-wrap p{display:block; text-align: center;}


  .logo{margin:0; padding:0; margin:10px}
  .mob-close{display:block; position:absolute; right: 10px; top: 10px;}
  .mob-close i{font-size: 20px; background-color:#ff0008; color: #FFF; width: 20px; height: 20px;}
  .gnb{position:fixed; width: 230px; background-color:#EEE; height:100%; right: -230px; top: 0; z-index: 999; padding-top: 40px;}
  .gnb>ul{display:block}
  .gnb>ul>li{display:block; padding:0; border-bottom: 1px solid #DDD;}
  .gnb>ul>li>a{padding:10px 0; color:#000}
  .pc-gnb{display:none !important}
  .gnb>ul>li p{font-size:16px; text-align: center; padding: 10px 0; font-weight: 500; display:block}
  .gnb>ul>li::after{display:none}
  .gnb>ul>li .depth{position:relative; background-color:#013567; }
  .gnb>ul>li .depth a{color:#FFF; font-size: 16px;}
  .head-right{display:none}
  .mob-btn{display:block; background-color:#ff0008; position:absolute; right: 10px; bottom:18px; width: 30px; height: 26px; cursor: pointer; z-index: 9}
  .mob-btn span{background-color:#FFF; width: 70%; height: 2px; display:block; margin-left: 15%; transition:0.5s}
  .mob-btn span:first-child{margin-top:5px; width: 65%;}
  .mob-btn span:nth-child(2){margin-top:5px; width:55%}
  .mob-btn span:last-child{margin-top:5px;}
  .mob-btn:hover span{width:70%}

  .list-wrap>ul>li{width:49%; margin-left:2%}
  .list-wrap>ul>li:nth-child(3n+1){margin-left:2%}
  .list-wrap>ul>li:nth-child(2n+1){margin-left:0}
  .list-wrap>ul>li:nth-child(n+4){margin-top:0}
  .list-wrap>ul>li:nth-child(n+3){margin-top: 2%;}

  .quick-wrap{width:60px; top: auto; bottom:120px; transform: translateY(0);}
  .form-open{padding:7px 0}
  .form-open img{width:45px}
  .form-open p{display:none}

  .banner-bg{animation: none; background-position:-300px -70px; background-size: cover;}

}
@media all and (max-width:800px){

  .title, s.sub-title{font-size:28px}

  .process-wrap ul>li{width:100%; margin-left: 0; padding: 40px 0;}
  .process-wrap ul>li::after{background-image: url(../image/arrow2.png); width: 60px; height: 40px; right: auto; left:50%; transform: translateY(0); transform: translateX(-50%); top:auto; bottom: -30px;}
  .process-wrap ul>li:nth-child(n+2){margin-top: 2%;} 
  .process-wrap ul>li p br{display:none}

  .foot-wrap span{display:block}
  .foot-wrap p br{display:none}

  .foot-wrap h1{margin-top:10px}

  .quick{ bottom: 5px; right: 5px;}
  .quick img{width:40px;}
  
  .company-top h2{font-size:20px}
  .company-top p{font-size:16px}
  .company-top p span{font-size:20px}
  .company{display:block; margin-top: 30px;}
  .company>div{display:block}
  .company>.com-img img{width:100%}
  .company2 .com-img{text-align: left;}
  .com-txt{margin-top:10px}
  .com-txt h3 br{display:none}
  .com-txt p{margin-top: 5px;}
  .com-txt p br{display:none}
  
.company3 .com-txt p + p{margin:25px 0}
.company3 .com-txt p span{font-size:18px}
.company-top p span{font-size:16px; display:inline}

   .pc{display:none !important}
   .mob{display:block !important;}
}
@media all and (max-width:750px){
  .lk-way>ul>li h3{font-size:20px}
  .lk-way>ul>li figure{padding:10px 0}
  .lk-way>ul>li figure img{width: 80px;}
  .lk-way>ul>li>p{font-size:16px; margin-top: 0;}

  .foot-wrap p span{display:block}
.pro-txt p{font-size:18px}
.sub-txt p{font-size:16px; margin-top: 10px;}

#popup{width:90%; margin-left: 0; left: 5%;}
#popup .pop-wrap{padding:0 15px}

.com_text p{font-size:16px}
.com_text p br{display:none}

}

@media all and (max-width:750px){
.title br{display:block}
.slider-div{margin-top:30px}
}

@media all and (max-width:700px){
  .foot-top{padding:100px 0}
  .foot-txt h2{font-size:26px}
  .foot-txt p{font-size:20px}
}

@media all and (max-width:650px){
  .title, s.sub-title{font-size:24px}
  .title span.title-size{font-size:20px}
  
  .fix-bar span img{width:35px}
  .fix-bar2 span img{width:35px}
  .fix-bar span{font-size:18px; margin-right: 5px;}
  .fix-bar span.fix-tel{font-size:22px; margin-left:0}

}

@media all and (max-width:600px){
  .sub-banner{height: 250px;}

  .ban-form{width:95%; margin-left: 0; left: 2.5%;}

  .company p{font-size:14px;}
  .company p br{display:none}

  .list-wrap>ul>li figure img{width:70px}
  .list-wrap>ul>li .list-plus{padding:10px}
  .list-wrap>ul>li .list-plus i{font-size:25px}
  .list-wrap>ul>li figure{text-align: center;}
  .list-wrap>ul>li h3{text-align: center; font-size: 20px;}
  .list-wrap>ul>li p{text-align: center;}

  .foot-txt{width:98%; margin: 0 auto;}
  .foot-txt h2{font-size:24px}
  .foot-txt p{font-size:18px}
}

@media all and (max-width:550px){
.lk-way>ul>li{float:none; width: 300px; margin: 0 auto;}
.lk-way>ul>li:first-child{margin:0 auto}
.lk-way>ul>li>p{padding-left: 0; text-align: center;}
.lk-way>ul>li:nth-child(n+2){margin-top:30px}
}

@media all and (max-width:500px){
  .list-wrap>ul>li{padding:40px 10px}
}

@media all and (max-width:450px){


}
@keyframes highlight {
	0%{width:0}
	100%{width:100%}
 }
@keyframes company {
	0%{width:100%}
	100%{width:0}
 }