@charset "UTF-8";

.wrapper{overflow-x: hidden;}
.wrapper header .visual-wrap{margin-top:250px;position:relative}
.wrapper header .visual-wrap .text{font-family:'NanumSquareRound';font-weight:400;color:#111;font-size:70px}
.wrapper header .visual-wrap .text strong{font-weight:700}
.wrapper header .visual-wrap .text span{display:block;margin-top:5px;font-size:36px}
.wrapper header .visual-wrap .text span{display:block;margin-top:5px;font-size:36px}
.wrapper header .visual-wrap .img{position:absolute;right:-275px;top:-25px;z-index:1}
.wrapper header .visual-wrap .img img:last-child{display:none;}
.child-infor{margin-top:-20px;position:relative;height:650px;background:url(../images/main/bg_yellow.png) repeat-y 0px 0px;overflow:hidden}
.child-infor::after{content:'';position:absolute;left:50%;top:234px;width:534px;height:374px;background:url(../images/main/bg_sec1_1.png) no-repeat 0px 0px;margin-left:-1005px}
.child-infor::before{content:'';position:absolute;right:50%;top:269px;width:884px;height:428px;background:url(../images/main/bg_sec1_2.png) no-repeat 0px 0px;margin-right:-1376px}
.child-infor .inner{width:100%;max-width:1200px;margin:0 auto;position:relative;z-index:10}
.child-infor .infor{margin-top:120px;padding-bottom:30px}
.child-infor .infor li{position:relative;padding:0px 0px 0px 350px;background-color:#FFFFFF;box-shadow: 5px 4px 0px #FCBC5B;border-radius:20px;height:180px;background-repeat:no-repeat}
.child-infor .infor li + li{margin-top:25px}
.child-infor .infor li:nth-child(1){background-image:url(../images/main/etc_who1.png);background-position:100px bottom}
.child-infor .infor li:nth-child(2){background-image:url(../images/main/etc_who2.png);background-position:100px bottom}
.child-infor .infor li a .text{padding-top:60px;position:relative;z-index:20;display:block;font-family:'NanumSquareRound';font-weight:800;font-size:42px;color:#222}
.child-infor .infor li a .text em{position: relative;}
.child-infor .infor li a .text em::after{position:absolute;left:-30px;top:-23px;z-index:1;width:94px;height:94px;border-radius:50%;content:'';background-color:#E9F1FF; z-index:-1;}
.child-infor .infor li:nth-child(2) a .text em::after{position:absolute;left:-17px;top:-26px;z-index:1;width:94px;height:94px;border-radius:50%;content:'';background-color:#FFF1F1; z-index:-1;}
.child-infor .infor li:nth-child(1) a strong{color:#277EB0;font-weight:800}
.child-infor .infor li:nth-child(2) a strong{color:#FF5555;font-weight:800}
.child-infor .infor li a .link{position:absolute;right:45px;top:30px;z-index:1;width:116px;height:116px;border-radius:50%;background-color:#277EB0;font-size:20px;color:#fff;padding:32px 0px 0px 0px;text-align:center}
.child-infor .infor li:nth-child(2) a .link{background-color:#FA6F60;}
.child-work{background:#fff url(../images/main/bg_cloud.png) no-repeat center bottom;background-size:cover;height:1038px}
.child-work .inner{position:relative;height:inherit; width:1200px; margin:0 auto;}
.child-work .inner .work-list.last::after{content:'';display:block;position:absolute;left: -219px;top:174px;z-index:10;width:296px;height:236px;background:url(../images/main/etc_man.png) no-repeat 0 0;}
.child-work .inner .work-list.last::before{content:'';display:block;position:absolute;right: -137px;top:-173px;z-index:10;width:220px;height:556px;background:url(../images/main/etc_girl.png) no-repeat 0 0;}
.child-work::after{content:'';display:block;height:250px;background-color:#FFF7D4;}
.child-work h3{text-align:center;margin-top:55px}
.child-work .work-list{position:relative;text-align:center;width:800px;margin:0 auto;z-index:2;padding-top:100px}
.child-work .work-list::after{content:'';display:block;clear:both}
.child-work .work-list.last{width:1149px;z-index:1;padding-top:0px}
.child-work .work-list li{width:383px;height:383px;display:inline-block;float:left;background-repeat:no-repeat;position:relative}
.child-work .work-list li:nth-child(1){background-image:url(../images/main/etc_sec1_1.png)}
.child-work .work-list li:nth-child(2){background-image:url(../images/main/etc_sec1_2.png);transform: rotate(-15deg);position: absolute;z-index:1;top:61px;right:-5px}
.child-work .work-list.last li:nth-child(1){background-image:url(../images/main/etc_sec1_3.png);}
.child-work .work-list.last li:nth-child(2){background-image:url(../images/main/etc_sec1_4.png);transform: rotate(0deg);position:relative;right:0px;top:0}
.child-work .work-list.last li:nth-child(3){background-image:url(../images/main/etc_sec1_5.png)}
.child-work .work-list li a{padding-top:230px;display:block;font-family:'NanumSquareRound';font-weight:800;font-size:32px;color:#333}
.child-job{clear:both;margin-top:170px;height:950px;background:url(../images/main/bg_blue.png) repeat-y 0px 0px}
.child-job .bg{width:100%;height:inherit;max-width:1900px;margin:0 auto;background:url(../images/main/etc_star.png) no-repeat center calc(100% + 120px)}
.child-job .bg .inner{width:100%;max-width:1200px;margin:0 auto;}
.child-job .bg .inner h3{text-align:center;padding-top:120px}
.child-job .bg .inner .job-list{margin-top:110px;width:100%;}
.child-job .bg .inner .job-list li{width:50%;float:left;}
.child-job .bg .inner .job-list li a{padding:10px;display:block;margin-left:44px;height:445px;background-color:#fff;border-radius:43px;box-shadow:6px 10px 29px rgba(0, 0, 0, 0.25);}
.child-job .bg .inner .job-list li a .box{font-family:'NanumSquareRound';border-radius:40px 40px 0px 0px;background-repeat:no-repeat;background-position:center bottom;font-size:50px;font-weight:800;height:300px;text-align:center;padding-top:40px}
.child-job .bg .inner .job-list li:nth-child(1) a .box{background-color:#DFF3FF;background-image:url(../images/main/etc_sec2_1.png);color:#0D6598}
.child-job .bg .inner .job-list li:nth-child(2) a .box{background-color:#EEFFE5;background-image:url(../images/main/etc_sec2_2.png);color:#347558}
.child-job .bg .inner .job-list li a .info{padding:30px;font-family:'NanumSquareRound';font-size:28px;font-weight:700;color:#000;line-height:38px;min-height:80px;background:url(../images/main/ico_arrow.png) no-repeat 93% center}
.child-job .bg .inner .job-list li:first-child a{margin-left:0;}

@media screen and (max-width: 1200px){
    .wrapper *{word-break:keep-all;}
    .wrapper header .visual-wrap{margin:100px 20px 0;}
    .wrapper header .visual-wrap .text{font-size: 55px; line-height:65px;word-break:keep-all;}
    .wrapper header .visual-wrap .text span{font-size: 26px;}
    .wrapper header .visual-wrap .img{position: static; margin:30px auto 0; width:80%;}
    .wrapper header .visual-wrap .img img:first-child{display:none;}
    .wrapper header .visual-wrap .img img:last-child{display:block; width: 55%; margin:0 auto;}

    .child-infor{height:570px;}
    .inner{width:100%; padding:0 20px;}
    .child-infor .infor li{height:160px; padding:0px 0px 0px 23%;}
    .child-infor .infor li:nth-child(1){background-position: 10px bottom; background-size: 160px;}
    .child-infor .infor li:nth-child(2){background-position: 0 bottom; background-size: 200px;}
    .child-infor .infor li a .text{font-size: 32px;}
    .child-infor .infor li a .link{right:17px; width:100px; height:100px; padding:27px 0 0 0; font-size:17px;}

    .child-work{height:670px;}
    .child-work .inner{width:100%; padding:0 20px;}
    .child-work h3 img{width: 400px;}
    .child-work .work-list,
    .child-work .work-list.last{width:690px;}
    .child-work .inner .work-list.last::before{width:130px; height:329px; background-size: 130px;right: -60px;top: -99px;}
    .child-work .inner .work-list.last::after{width:170px; height:137px; background-size: 170px; left:-95px; top:100px;}
    .child-work .work-list li{width:210px; height:210px; float:none; vertical-align: middle;}
    .child-work .work-list.first li:nth-child(1){margin-right:20px;}
    .child-work .work-list.first li:nth-child(2){margin-top:-45px;}
    .child-work .work-list.first li a{padding-top:120px;}
    .child-work .work-list li:nth-child(1){background-size: 210px;}
    .child-work .work-list li:nth-child(2){top: 71px; right: 169px; background-size: 210px; position: static;}
    .child-work .work-list.last li:nth-child(2){margin:0 -4px;}
    .child-work .work-list.last li:nth-child(3){background-size: 210px;}
    .child-work .work-list.last li:nth-child(3) a{padding-top:120px;}
    .child-work .work-list li a{padding-top:135px; font-size:25px;}

    .child-job .bg .inner h3 img{width: 480px;}
    .child-job .bg .inner .job-list li a{height: 475px;}
    .child-job .bg .inner .job-list li a .box{font-size:40px;}
    .child-job .bg .inner .job-list li a .info{font-size:24px; padding:30px 106px 30px 30px;}
    .child-job .bg .inner .job-list li a .info br{display:none;}
}

@media screen and (max-width: 768px){
    .wrapper header{height:100%; padding:0 0 115vw 0;}
    .wrapper header .visual-wrap .img img:last-child{width: 75%;}

    .child-infor{height:100%; padding-bottom:60px; }
    .child-infor::before{margin:0; top: 530px; width: 600px; height: 290px; background-size: 600px;}
    .child-infor::after{margin:0;}
    .child-infor .infor li{padding:60px 0 24px; text-align:center; height:100%;}
    .child-infor .infor li:nth-child(1){background-position: center 24px; background-size: 100px;}
    .child-infor .infor li:nth-child(2){background-position: center 24px; background-size: 125px;}
    .child-infor .infor li + li{margin-top:40px;}
    .child-infor .infor li a .text{font-size:28px;}
    .child-infor .infor li a .text span{display:block;}
    .child-infor .infor li a .text em::after{width:46px; height:46px; left:-6px; top:-7px;}
    .child-infor .infor li:nth-child(2) a .text em::after{width:46px; height:46px; left:-6px; top:-7px;}
    .child-infor .infor li a .link{position: static; width:160px; height:40px; font-size:14px; padding:12px 0 0 0; margin:20px auto 0; border-radius: 20px;}

    .child-work{height:453px;}
    .child-work::after{height:116px;}
    .child-work h3 img{width: 300px;}
    .child-work .work-list{padding-top:67px;}
    .child-work .work-list,
    .child-work .work-list.last{width:441px;}
    .child-work .inner .work-list.last::before{width: 80px; height: 203px; background-size: 80px; right: -38px; top: -62px;}
    .child-work .inner .work-list.last::after{width: 110px; height: 137px; background-size: 110px; left: -70px; top: 59px;}
    .child-work .work-list li{width:140px; height:140px;}
    .child-work .work-list.first li:nth-child(1){margin-right:10px;}
    .child-work .work-list.first li:nth-child(2){margin-top:-26px;}
    .child-work .work-list.first li a{padding-top:77px; line-height: 23px;}
    .child-work .work-list li:nth-child(1){background-size: 140px;}
    .child-work .work-list li:nth-child(2){background-size: 140px;}
    .child-work .work-list.last li:nth-child(3){background-size: 140px;}
    .child-work .work-list.last li:nth-child(3) a{padding-top:77px;}
    .child-work .work-list li a{padding-top:90px; font-size:18px;}

    .child-job{margin-top:87px; height:100%; background: url(../images/main/bg_blue2.png) repeat-y 0px 0px;}
    .child-job .bg{padding-bottom:80px; background: url(../images/main/etc_star.png) no-repeat center calc(100% + 51px); background-size: 1000px;}
    .child-job .bg .inner h3 img{width: 380px;}
    .child-job .bg .inner .job-list{margin-top:80px;}
    .child-job .bg .inner .job-list li{width:100%; float:none;}
    .child-job .bg .inner .job-list li:nth-child(2){margin-top:24px;}
    .child-job .bg .inner .job-list li a{height: 375px; margin-left:0;}
    .child-job .bg .inner .job-list li a .box{font-size:35px; height:230px;}
    .child-job .bg .inner .job-list li:nth-child(1) a .box{background-size: 300px;}
    .child-job .bg .inner .job-list li:nth-child(2) a .box{background-size: 330px;}

}

@media screen and (max-width: 480px){

    .wrapper header{height:570px; padding:0 0 150px 0;}
    .wrapper header .visual-wrap{margin:40px 20px 0;}
    .wrapper header .visual-wrap .img img:last-child{width: 90%;}
    .wrapper header .visual-wrap .img{width:100%;}
    .wrapper header .visual-wrap .img img{width: 100%;}
    .wrapper header .visual-wrap .text{font-size:40px; line-height: 45px;}
    .wrapper header .visual-wrap .text span{font-size: 20px; line-height: 31px; margin-top:20px;}

    .child-infor{background: url(../images/main/bg_yellow2.png) repeat-y 0px 0px;}
    .child-infor::before{background: url(../images/main/bg_sec1_3.png) no-repeat 0px 0px; top: 64%; width: 465px; height: 513px; background-size: 100%; right: 1%; transform: translate(0,-50%);}
    .child-infor::after{width:0;}
    .child-infor .infor{margin-top:65px;}
    .child-infor .infor li:nth-child(1){background-position: center 24px; background-size: 80px;}
    .child-infor .infor li:nth-child(2){background-position: center 24px; background-size: 100px;}
    .child-infor .infor li a .text{padding-top:45px;}

    .child-work{height:100%; background: none;}
    .child-work::after{height: 0;}
    .child-work h3 img{width: 300px;}
    .child-work .work-list{padding-top:67px;}
    .child-work .work-list,
    .child-work .work-list.last{width:100%;}
    .child-work .inner .work-list.last::before{width: 0;}
    .child-work .inner .work-list.last::after{width: 0;}
    .child-work .work-list li{width:33.3%; height:100%;}
    .child-work .work-list.first li:nth-child(1){background: url(../images/main/etc_sec1_1_1.png) no-repeat center top;}
    .child-work .work-list.first li:nth-child(2){background: url(../images/main/etc_sec1_2_1.png) no-repeat center top; transform: rotate(0deg); width:40%;}
    .child-work .work-list.last{margin-top:40px;}
    .child-work .work-list.last li:nth-child(1){background: url(../images/main/etc_sec1_3_1.png) no-repeat center top; width:32%; padding:0 8px;}
    .child-work .work-list.last li:nth-child(2){background: url(../images/main/etc_sec1_4_1.png) no-repeat center top; width:32%; padding:0 20px;}
    .child-work .work-list.last li:nth-child(3){background: url(../images/main/etc_sec1_5_1.png) no-repeat center top; width:36%;}
    .child-work .work-list.first li a{padding-top:100px;}


    .child-job .bg .inner h3{padding-top:40px;}
    .child-job .bg .inner .job-list{margin-top:36px;}
    .child-job .bg .inner .job-list li a{height:100%; border-radius: 22px; padding:6px;}
    .child-job .bg .inner .job-list li a .box{font-size:30px; height:170px; padding-top:30px; border-radius: 22px 22px 0px 0px;}
    .child-job .bg .inner .job-list li:nth-child(1) a .box{background-size: 221px;}
    .child-job .bg .inner .job-list li:nth-child(2) a .box{background-size: 251px;}
    .child-job .bg .inner .job-list li a .info{font-size:18px; line-height: 28px; padding:15px 50px 15px 15px; background-size: 35px; background-position: 95% center; min-height: 100%;}
}