@charset "utf-8";

.section {position:relative;float:left;width:100%;height:100%;padding:200px 0;}
.container {padding:0 40px;}
.text {word-break:keep-all;}

@media all and (max-width:991px) {	
    .section {padding:80px 0;}
    .container {padding:0 20px;}
}

#main1 {position:relative;background:url('../img/main_bg.jpg') no-repeat center center;background-size:cover;color:#fff;height:100%;min-height:1080px;overflow:hidden;}
#main1 .text {position: absolute;width:100%;top: 50%;-ms-transform: translateY(-50%);transform: translateY(-50%);z-index:2;}
#main1 h3 {font-weight:300;margin-bottom:40px;}
#main1 .hand {position:absolute;right:0;bottom:0;}
#main1 .hand img {width:100%;max-width:800px;height:auto;object-fit: contain;}

@media all and (max-width:1380px) {	
    #main1 {min-height:100%;}
    #main1 .hand {right:-200px;}
}

@media all and (max-width:991px) {	
    #main1 .text {top:10%;-ms-transform: translateY(0);transform: translateY(0);}
    #main1 h3 {margin-bottom:20px;}
    #main1 .hand {width:100%;}
    #main1 .hand {right:-200px;}
}

#main2 {background:url('../img/main_bg2.png') no-repeat center bottom;background-size:100% auto;padding-bottom:12%;font-size:20px;}
#main2 .row {display:flex;align-items: center;justify-content: center;padding:80px 0;}
#main2 .col-7 {padding-left:60px;color:rgba(0,0,0,0.8)}
#main2 h2 {margin-bottom:50px;color:#000;}

#main2 ul {position:relative;margin-top:30px;display:inline-block;*display:inline;}
#main2 ul li {position:relative;float:left;text-align:center;font-size:14px;padding:0 30px;}
#main2 ul li:after {position:absolute;right:0;top:50%;height:20px;line-height:20px;margin-top:-10px;font-size:20px;content:"+";color:#999;font-weight:500;}
#main2 ul li:first-child {padding-left:0;}
#main2 ul li:last-child {padding-right:0;}
#main2 ul li:last-child:after {display:none;}
#main2 ul li img {height:75px;width:auto;margin:0 auto 10px auto;}

@media all and (max-width:991px) {	
    #main2 {font-size:14px;text-align:center;}
    #main2 h2 {margin:30px 0 20px 0;text-align:center;}
    #main2 .row {display:inline-block;*display:inline;padding:50px 0;}
    #main2 .col-5 {text-align:center;}
    #main2 .col-7 {padding-left:0;text-align:center;}
    #main2 img {width:90%;max-width:400px;}

    #main2 ul {margin:30px auto 0 auto;}
    #main2 ul li {padding:0 15px;font-size:12px;}
    #main2 ul li img {height:40px;width:auto;}
}



/*앱주요기능*/
#main3 {
background-image:url('../img/main_bg3.png'), url('../img/main_bg4.png');
background-size:auto 300px, auto 196px;background-position:-100px 870px, right bottom 250px;
background-repeat:no-repeat;background-color:#569248;color:#fff;}
#main3 h2 {text-align:center;margin-bottom:40px;}
#main3 h3 {margin-bottom:20px;}
#main3 h3 div {position:relative;float:left;background:#0E4301;margin-top:5px;width:43px;height:43px;line-height:43px;text-align:center;font-size:25px;
    border-radius:50%;margin-right:10px;}
#main3 .row {margin-bottom:60px;display:flex;align-items: center;justify-content: center;}
#main3 .col-6.img {text-align:center;height:auto;}

#main3 .col-6 ul {width:100%;padding:0;margin:30px 0;}
#main3 .col-6 ul li {float:left;width:100%;margin-bottom:10px;font-size:16px;}
#main3 .col-6 ul li div {border:1px solid #fff;border-radius:50px;padding:2px 15px;font-weight:400;display:inline-block;*display:inline;margin-right:10px;}

#main3 .col-6.text {padding-left:60px;}
#main3 .col-6.img img {width:auto;height:400px;margin:0 auto;}

.kakao {position:relative;float:left;display:inline-block;*display:inline;border-radius:50px;height:56px;line-height:56px;margin-top:30px;
    background:url('../img/icon_kakao.svg') #FAE100 no-repeat left 20px center;background-size:25px auto;padding:0px 20px 0px 70px;color:#000;font-size:16px;font-weight:400;}
.kakao img {margin-left:30px;width:20px;height:auto;vertical-align:middle;}

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

    #main3 {
        background-image:url('../img/main_bg3.png'), url('../img/main_bg4.png');
        background-size:auto 180px, auto 90px;background-position:-250px 650px, right bottom 80px;
        background-repeat:no-repeat;background-color:#569248;color:#fff;}


    #main3 .row {display:inline-block;*display:inline;margin-bottom:50px;}

    #main3 {text-align:center;}
    #main3 h3 {display:inline-block;*display:inline;margin:0 auto 10px auto;}
    #main3 h3 div {margin-top:0;width:30px;height:30px;line-height:30px;font-size:20px;border-radius:50%;margin-right:10px;}

    #main3 .col-6.text {padding-left:0;text-align:center;margin-top:20px;margin-bottom:10px;}
    #main3 .col-6.img img {width:auto;max-height:300px;}

    #main3 .col-6 ul {width:370px;display:inline-block;*display:inline;margin:30px auto;}
    #main3 .col-6 ul li {width:100%;display:inline-block;*display:inline;font-size:14px;text-align:left;}

    .kakao {float:none;}
}


#main4 {background:url(../img/main_bg5.jpg) no-repeat center center;background-size:cover;text-align:center;color:#fff;}
#main4 h5 {display:inline-block;*display:inline;border:1px solid rgba(255,255,255,0.5);border-radius:50px;padding:3px 20px;color:#fff;}
#main4 .container {max-width:860px;text-align:center;}
#main4 h2 {margin:30px 0;}
#main4 img {margin-bottom:30px;}

.swiper-horizontal>.swiper-pagination-bullets, 
.swiper-pagination-bullets.swiper-pagination-horizontal {bottom:-50px !important;}


@media all and (max-width:991px) {	
    #main4 {background-size:cover;}
    #main4 h2 {margin:10px 0;}
}



#main5 {text-align:center;}
#main5 h2 {text-align:center;}
#main5 h4 {font-weight:300;text-align:center;}
#main5 img {width:328px;margin:0 auto;}

#main5 .hrpm {position:relative;float:left;width:100%;text-align:center;margin-top:50px;}
#main5 .hrpm .hrpm_cont {position:absolute;width:300px;text-align:left;font-size:16px;}
#main5 .hrpm .hrpm_cont  h4 {margin-bottom:20px;font-weight:600;color:#569248;text-align:left;}
#main5 .hrpm .hrpm_cont .icon {height:50px;width:auto;margin-bottom:20px;}

#main5 .hrpm .hrpm_cont.cont1 {left:0;top:0;}
#main5 .hrpm .hrpm_cont.cont2 {left:0;bottom:0;}
#main5 .hrpm .hrpm_cont.cont3 {right:0;top:0;}
#main5 .hrpm .hrpm_cont.cont4 {right:0;bottom:0;}

@media all and (max-width:1200px) {	
    #main5 .hrpm .hrpm_cont {position:relative;float:left;width: 100%;margin-bottom:50px;font-size:14px;text-align:center;}
    #main5 .hrpm .hrpm_cont h4 {text-align:center;}
    #main5 .hrpm .hrpm_cont .icon {height:30px;width:auto;margin-bottom:10px;margin-right:auto;margin-left:auto;}

}


#main6 {background:url(../img/bg_section6.jpg) no-repeat center center;background-size:100% auto;text-align:center;color:#fff;}
#main6 h2 {text-align:center;}
#main6 ul {position:relative;width:100%;margin-top:80px;}
#main6 ul li {float:left;width:calc((100% - 40px)/3);margin-right:20px;background:#fff;}
#main6 ul li img {width:100%;}
#main6 ul li:nth-child(2) {margin-top:80px;}
#main6 ul li:last-child {margin-right:0;}

#main6 ul li .cont {padding:20px;width:100%;font-size:16px;color:#666;}
#main6 ul li .cont h5 {color:#000;margin-bottom:10px}


@media all and (max-width:1200px) {	
    #main6 {background:url(../img/bg_section6.jpg) no-repeat center top;background-size:auto 100%;}
    #main6 ul {margin-top:30px;}
    #main6 ul li {width:100%;margin-right:0;margin-bottom:20px;font-size:14px;}
    #main6 ul li:nth-child(2) {margin-top:0;}

    #main6 ul li .cont {font-size:14px;}
}

/*회사소개*/

#about1 {background:#569248;color:#fff;text-align:center;font-size:24px;}
#about1 .container {text-align:center;}

#about1 .video {
    width: 100%;
    max-width: 900px;
    margin: 30px auto;
    border-radius: 30px;
    background-color: #f0f0f0;
    padding: 30px;
    box-sizing: border-box;
    box-shadow: 0px 8px 20px rgba(0,0,0,0.15);
  }
   
  #about1 .video-container {
    position: relative;
    width: 100%;
    height: auto;
    padding-top: 50%;
  }
   
#about1 iframe {
    z-index: 1;
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
  }

  

@media all and (max-width:991px) {	
    #about1 {font-size:14px;}
}

#about2 {background:#024496;color:#fff;padding:180px 0;}

#about2 .logo {width:125px;}
#about2 h2 {margin:40px 0;}

#about2 .img {text-align:center;}
#about2 .img img {max-width:375px;margin:0 auto 20px auto;}


@media all and (max-width:991px) {	
    #about2 {padding:50px 0;}
    #about2 .text {text-align:center;margin-top:30px;}
    #about2 .img img {max-width:250px;}
    #about2 .logo {width:90px;margin:0 auto;}
}



/*협력기관*/
#about3 {text-align:center;}
#about3 h2 {text-align:center;}
#about3 ul {position:relative;float:left;width:100%;padding:0;margin:0;margin:50px 0;display:inline-block;*display:inline;}
#about3 ul li {float:left;text-align:center;}
#about3 ul li img {margin-bottom:10px;}
#about3 .container {text-align:center;}

#about3 .img {position:relative;float:left;width:100%;overflow:hidden;}
#about3 .img img {width:100%;height:auto;}
#about3 .logo {margin:0 auto;width:150px;}

.line1 li {width:calc((50% - 20px)/2);margin-right:20px;}
.line1 li:first-child {width:calc((100% - 40px)/2);}
.line1 li:last-child {margin-right:0;}

.line2 li {width:calc((100% - 40px)/3);margin-right:20px;}
.line2 li:nth-child(3) {margin-right:0;}


@media all and (max-width:991px) {	
    #about3 .container {text-align:center;}
    #about3 ul {margin:30px 0;}

    .line1 li {width:calc((50% - 7px)/2);margin-right:7px;}
    .line2 li {width:calc((100% - 14px)/3);margin-right:7px;}
}




#about4 {background:#F6F6F6;}
#about4 h2 {text-align:center;}

.year {background:#569248;width:200px;height:200px;line-height:200px;border-radius:50%;text-align:center;font-size:40px;}
.year h3 {color:#fff;line-height:200px;}

#history {position:relative;float:left;width:100%;margin-top:100px;}
#history:after {position:absolute;content:"";left:100px;top:0;height:100%;border:1px dashed #569248}

#history .row {margin-bottom:30px;display:flex;align-items: center;justify-content: center;}
#history .row:last-child {margin-bottom:0;}

#history table {width:100%;font-size:16px;}
#history table th {width:75px;color:#569248;font-weight:500;text-align:left;padding:3px 0;vertical-align:top}
#history table td {float:right;width:calc(100% - 100px);text-align:left;padding:3px 0;vertical-align:top}


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

#history {margin-top:50px;}
#history:after {left:40px;}
#history .row {display:inline-block;*display:inline;}
#history .col-3 {width:auto;}

.year {width:80px;height:80px;line-height:80px;font-size:20px;}
.year h3 {line-height:80px;}

#history table {float:right;width:calc(100% - 65px);font-size:14px;}
#history table td {width:100%;text-align:left;}

}