/*
일자리지원사업 메인 css
*/


@keyframes fadeInTop{
	 	  0% {opacity:0;/*-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px);*/}
	  100% {opacity:1;/*-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);*/}
	}

@keyframes upDown {
	0%{transform:translateY(10px);}
	50%{transform:translateY(-20px);}
	100%{transform:translateY(10px);}
}

@media (min-width: 992px) {
  .main { 
    word-break: keep-all;
  }
  .main a {color: #222;}

.main-rolling { width:100%; position:absolute; top:0px; left:0px; height:948px;z-index:-1;  }
.main-rolling ul { width:100%; height:100%;  }
.main-rolling ul li  {width:100%;  height:948px; background-repeat:no-repeat; background-position:center center;  background-size:cover; }



.main-section01 { height:820px;  }
.main-section01 .container { position:relative; height:825px; padding-top:72px;}
.main-section01 .main-text { text-align:center; color:#fff; margin-bottom:56px; font-size:28px; text-shadow:1px 1px 1px rgba(0,0,0,0.46); line-height:1;   }
.main-section01 .main-text img { }
.main-section01 .main-text .font-nb { font-family:'nb'; font-size:72px;  line-height:0.1; }
.main-section01 .main-text p { margin-bottom:15px;  }
.main-section01 .main-text p.text01 { -webkit-animation-name:fadeInTopt; animation-name:fadeInTop;  animation-fill-mode:both; animation-delay:0.1s;animation-duration:2s; }
.main-section01 .main-text p.text02 {   -webkit-animation-name:fadeInTopt; animation-name:fadeInTop;  animation-fill-mode:both; animation-delay:0.8s;animation-duration:2s;}
.main-section01 .main-text p.text03 {  -webkit-animation-name:fadeInTopt; animation-name:fadeInTop;  animation-fill-mode:both; animation-delay:1.8s;animation-duration:2s; }
.main-section01 .main-link {  width:900px; margin:0 auto 95px; padding:55px 10px;  background:rgba(0,0,0,0.52);  border-radius:20px;  }
.main-section01 .main-link ul { margin-bottom:50px; }
.main-section01 .main-link ul li { float:left; text-align:center;   width:33.333%; height:160px; border-left:1px solid #fff;  color:#fff; padding:0 20px;  }
.main-section01 .main-link ul li:first-child { border-left:0px;  }
.main-section01 .main-link ul li .img { margin-bottom:25px;  }
.main-section01 .main-link ul li.list01 .img img {  width:58px;   }
.main-section01 .main-link ul li.list02 .img img {  width:51px;   }
.main-section01 .main-link ul li.list03 .img img {  width:55px;   }
.main-section01 .main-link ul li .title {  font-size:18px; margin-bottom:10px; }
.main-section01 .main-link ul li .text {  font-size:16px; line-height:1.8; }
.main-section01 .main-link ul li.list01  .text { margin-bottom:20px; line-height:1;  }
.main-section01 .main-link .more {  text-align:center;  }
.main-section01 .main-link .more a { display:inline-block; width:130px; height:32px; line-height:30px; border-radius:16px;border:1px solid #fff;  text-align:center; color:#fff; font-size:16px;  }
.main-section01 .main-rolling-btn {  }
.main-section01 .main-rolling-btn a { position:absolute; top:50%; margin-top:0px;  text-indent:-99999px; width:89px; height:60px; display:inline-block; background-position:center center; background-repeat:no-repeat;   }
.main-section01 .main-rolling-btn .btn-prev  a { left:0px;background-image:url(../images/main/btn_prev.png) ;    }
.main-section01 .main-rolling-btn .btn-prev a:hover  {background-image:url(../images/main/btn_prev_on.png) ;    }
.main-section01 .main-rolling-btn .btn-next a {right:0px; background-image:url(../images/main/btn_next.png) ;}
.main-section01 .main-rolling-btn .btn-next a:hover  { background-image:url(../images/main/btn_next_on.png) ; }
.scoll-down { position:absolute; bottom:30px;  color:#fff; padding-top:50px; left:0px; width:100%; text-align:center;  font-weight:normal; letter-spacing:1px;  animation: upDown 1.1s linear 0s infinite alternate; margin-top: 0;}
.scoll-down:before { background:url(../images/main/scroll.svg) no-repeat left top; height:36px; width:19px; content:''; display:inline-block;   position:absolute; top:0px; left:50%; margin-left:-9px; }

.main-section02 { background:url(../images/main/bg_img_01.jpg) no-repeat center top; height:320px; }
.main-section02 .quick-link { float:left; width:680px;  padding-left:20px; margin-right:120px;padding-top:77px;   }
.main-section02 .quick-link ul { margin:0 -34px;    }
.main-section02 .quick-link ul li  { float:left; width:25%; padding:0 34px;  text-align:center;  }
.main-section02 .quick-link ul li a { display:block; color:#fff; font-size:18px;  }
.main-section02 .quick-link ul li a img { display:block; margin: 0 auto 25px;   }
.main-section02 .quick-link2 {float:left;  width:400px;  padding-top:60px;  }
.main-section02 .quick-link2 li {  width:400px; height:140px; box-shadow:12px 12px 12px rgba(0,0,0,0.26); }
.main-section02 .quick-link2 li a { display:table-cell;  vertical-align:middle; height:140px; width:1000px;  padding:0 50px; font-size:28px; font-weight:bold; color:#fff; background:url(../images/main/arrow_w.svg) no-repeat right 50px center; background-size:70px auto;   }
.main-section02 .quick-link2 li.list01 {background:url(../images/main/btn_icon_01.svg) no-repeat left -50px top -10px #EABE37;  background-size:170px auto; margin-bottom:20px;  }
.main-section02 .quick-link2 li.list02 {   background:url(../images/main/btn_icon_02.svg) no-repeat right -20px bottom -50px  #333;   background-size:170px auto;  }

.main-section03 {  background:url(../images/main/bg_img_02.jpg) no-repeat center top; height:512px; padding-top:110px;  }
.main-section03 .notice-wrap { float:left;position:relative;  width:660px;  padding-left:20px; margin-right:80px;  }
.main-section03 .notice-wrap .title-wrap { width:195px; float:left;  }
.main-section03 .notice-wrap .title-wrap p { font-size:14px; color:#959595; margin-bottom:20px; letter-spacing:1px; }
.main-section03 .notice-wrap .title-wrap h3 { font-size:32px; color:#000; font-weight:bold; }
.main-section03 .notice-wrap .notice { float:left; width:425px;   }
.main-section03 .notice-wrap .notice  ul {float:left; width:100%; margin-top:27px; }
.main-section03 .notice-wrap .notice  ul li {  width:100%; border-bottom:1px solid #cbcbcb; float:left; padding:14px 0 ;   }
.main-section03 .notice-wrap .notice  ul li a { float:left; width:80%; font-size:16px; color:#000;  text-overflow: ellipsis;  -o-text-overflow: ellipsis;  overflow: hidden;   white-space: nowrap;   word-wrap: normal !important;   display: block; }
.main-section03 .notice-wrap .notice  ul li span {  float:right;  font-size:15px; }
.main-section03 .notice-wrap .more { position:absolute; top:120px; left:0px;  }

.main-section03 .hot-alime { float:left; width:460px;  position:relative;  padding-top:40px; }
.main-section03 .hot-alime .hot-btn { position:absolute; top:5px; right:0px;  }
.main-section03 .hot-alime .hot-btn * { vertical-align:top;  }
.main-section03 .hot-alime .hot-btn div {float:left; font-size:22px;  }
.main-section03 .hot-alime .hot-btn div strong { font-weight:bold;  }
.main-section03 .hot-alime .hot-btn div i:before { margin:0px;   }
.main-section03 .hot-alime .hot-btn #slide-counter { font-size:18px;  margin-top:4px;  margin-right:5px;  }



}







@media (min-width: 992px) and (max-width: 1199px) {

.main-section01 .main-link {  width:800px; }
.main-section02 .quick-link { width:510px;  padding-left:0px; margin-right:70px;}
.main-section02 .quick-link ul { margin:0 -15px;    }
.main-section02 .quick-link ul li  {  padding:0 15px;  }
.main-section02 .quick-link2 { width:380px; }
.main-section02 .quick-link2 li {  width:380px; }



.main-section03 {  background:url(../images/main/bg_img_02.jpg) no-repeat center top; height:512px; padding-top:110px;  }
.main-section03 .notice-wrap { float:left;position:relative;  width:460px;  padding-left:0px; margin-right:40px;  }
.main-section03 .notice-wrap .title-wrap { width:110px; float:left;  }
.main-section03 .notice-wrap .title-wrap p { font-size:14px; color:#959595; margin-bottom:20px; letter-spacing:1px; }
.main-section03 .notice-wrap .title-wrap h3 { font-size:24px;  }
.main-section03 .notice-wrap .notice { width:350px;   }
.main-section03 .notice-wrap .more img { width:60px;  }


.main-section03 .hot-alime { float:left; width:460px;  position:relative;  padding-top:40px; }
.main-section03 .hot-alime .hot-btn { position:absolute; top:5px; right:0px;  }
.main-section03 .hot-alime .hot-btn * { vertical-align:top;  }
.main-section03 .hot-alime .hot-btn div {float:left; font-size:22px;  }
.main-section03 .hot-alime .hot-btn div strong { font-weight:bold;  }
.main-section03 .hot-alime .hot-btn div i:before { margin:0px;   }
.main-section03 .hot-alime .hot-btn #slide-counter { font-size:18px;  margin-top:-2px;  margin-right:5px;  }




}



@media (max-width: 991px) {


  .main { 
    word-break: keep-all;
  }
  .main a {color: #222;}


.main-rolling { width:100%; position:absolute; top:0px; left:0px; height:830px;z-index:-1;  }
.main-rolling ul { width:100%; height:100%;  }
.main-rolling ul li  {width:100%;  height:830px; background-repeat:no-repeat; background-position:center center;  background-size:cover; }

.main-section01 {   padding:0 30px; position:relative;   height:720px; }
.main-section01 .main-text { padding-top:50px;  text-align:center; color:#fff; margin-bottom:12px;  font-size:18px; text-shadow:1px 1px 1px rgba(0,0,0,0.46); line-height:1; }
.main-section01 .main-text img {  width:330px ;  }
.main-section01 .main-text .font-nb { font-family:'nb'; font-size:48px;  line-height:0.1; }
.main-section01 .main-text p { line-height:1.4; letter-spacing:-1.6px;   }
.main-section01 .main-text p.text01 { -webkit-animation-name:fadeInTopt; animation-name:fadeInTop;  animation-fill-mode:both; animation-delay:0.1s;animation-duration:2s; }
.main-section01 .main-text p.text02 {   -webkit-animation-name:fadeInTopt; animation-name:fadeInTop;  animation-fill-mode:both; animation-delay:0.8s;animation-duration:2s;}
.main-section01 .main-text p.text03 {  -webkit-animation-name:fadeInTopt; animation-name:fadeInTop;  animation-fill-mode:both; animation-delay:1.8s;animation-duration:2s; }

.main-section01 .main-link {  width:100%; margin:0 auto 95px; padding:15px 0px;  background:rgba(0,0,0,0.52);  border-radius:20px;  }
.main-section01 .main-link ul { margin-bottom:20px; }
.main-section01 .main-link ul li { float:left; text-align:center;  position:relative;  width:100%; padding:8px  0 8px 100px;   color:#fff;  }
.main-section01 .main-link ul li:first-child { border-left:0px;  }
.main-section01 .main-link ul li .img {position:absolute; top:25px; left:40px;  }
.main-section01 .main-link ul li.list01 .img img {  width:48px;   }
.main-section01 .main-link ul li.list02 .img img {  width:41px;   }
.main-section01 .main-link ul li.list03 .img img {  width:45px;   }
.main-section01 .main-link ul li .title {  font-size:16px; margin-bottom:5px; }
.main-section01 .main-link ul li.list01  .text { margin-bottom:15px; }
.main-section01 .main-link ul li .text {  font-size:14px; line-height:1.4; }
.main-section01 .main-link .more {  text-align:center;  }
.main-section01 .main-link .more a { display:inline-block; width:130px; height:32px; line-height:30px; border-radius:16px;border:1px solid #fff;  text-align:center; color:#fff; font-size:16px;  }
.main-section01 .main-rolling-btn { display:none;  }
.scoll-down { position:absolute; bottom:10px;  color:#fff; padding-top:40px; left:0px; width:100%; text-align:center;  font-weight:normal; letter-spacing:1px;  animation: upDown 1.1s linear 0s infinite alternate; margin-top: 0;}
.scoll-down:before { background:url(../images/main/scroll.svg) no-repeat left top; height:36px; width:19px; content:''; display:inline-block;   position:absolute; top:0px; left:50%; margin-left:-9px; }




.main-section02 { background:url(../images/main/bg_img_01.jpg) no-repeat center top;  background-size:auto 300px;  }
.main-section02 .quick-link { padding:40px 0 30px ;   }
.main-section02 .quick-link ul { padding:0 5px;   }
.main-section02 .quick-link ul li  { float:left; width:25%; padding:0 10px;  text-align:center;  }
.main-section02 .quick-link ul li a { display:block; color:#fff; font-size:16px;  }
.main-section02 .quick-link ul li a img { display:block; margin: 0 auto 10px;  max-width:80px !important;  }
.main-section02 .quick-link2 { padding:0 10px;  margin-top:10px; }
.main-section02 .quick-link2 li {  float:left; width:47%; margin:0 1.5%;   height:140px; box-shadow:12px 12px 12px rgba(0,0,0,0.26); }
.main-section02 .quick-link2 li a { display:table-cell;  vertical-align:middle; height:140px; width:1000px;  padding-bottom:20px; text-align:center;  font-size:20px; font-weight:bold; color:#fff; background:url(../images/main/arrow_w.svg) no-repeat center bottom 40px; background-size:50px auto;   }
.main-section02 .quick-link2 li.list01 {background:url(../images/main/btn_icon_01.svg) no-repeat left -50px top -10px #EABE37;  background-size:150px auto;   }
.main-section02 .quick-link2 li.list02 {   background:url(../images/main/btn_icon_02.svg) no-repeat right -20px bottom -50px  #333;   background-size:150px auto;  }

.main-section03 {  background:url(../images/main/bg_img_02.jpg) no-repeat center bottom; padding:50px 15px 80px;   }
.main-section03 .notice-wrap { position:relative;  width:100%;  margin-bottom:30px;  }
.main-section03 .notice-wrap .title-wrap { margin-bottom:25px;  }
.main-section03 .notice-wrap .title-wrap p { font-size:12px; color:#959595; margin-bottom:20px; letter-spacing:1px; }
.main-section03 .notice-wrap .title-wrap h3 { font-size:24px; color:#000; font-weight:bold; }
.main-section03 .notice-wrap .notice {  }
.main-section03 .notice-wrap .notice  ul {float:left; width:100%; }
.main-section03 .notice-wrap .notice  ul li {  width:100%; border-bottom:1px solid #cbcbcb; float:left; padding:14px 0 ;   }
.main-section03 .notice-wrap .notice  ul li a { float:left; width:75%; font-size:14px; color:#000;  text-overflow: ellipsis;  -o-text-overflow: ellipsis;  overflow: hidden;   white-space: nowrap;   word-wrap: normal !important;   display: block; }
.main-section03 .notice-wrap .notice  ul li span {  float:right;  font-size:13px; }
.main-section03 .notice-wrap .more { position:absolute; top:20px; right:0px;  }
.main-section03 .notice-wrap .more img { width:70px;  }

.main-section03 .hot-alime {  position:relative;  padding-top:40px; text-align:center; }
.main-section03 .hot-alime .hot-btn { position:absolute; top:5px; right:0px;  }
.main-section03 .hot-alime .hot-btn * { vertical-align:top;  }
.main-section03 .hot-alime .hot-btn div {float:left; font-size:20px;  }
.main-section03 .hot-alime .hot-btn div strong { font-weight:bold;  }
.main-section03 .hot-alime .hot-btn div i:before { margin:0px;   }
.main-section03 .hot-alime .hot-btn #slide-counter { font-size:16px;  margin-top:3px;  margin-right:5px;  }





}
@media (min-width: 400px) and (max-width: 991px) {

}




.pop-container { position:relative; z-index:190;  }
.popup map { position:absolute; top:-40000px; left:-30000px;   }
.popup { position:absolute; top:0px; left:0px;  display:none; width:500px ;   }
.popup .pop-img img {  /*width:340px; height:420px;*/ width:500px; height:500px ; }
.pop-input-wrap { padding:10px; color:#fff; background:#000; text-align:right;   }
.pop-input-wrap label { font-weight:normal;  display:inline-block;margin-top:2px; }
.pop-input-wrap * {  line-height:1; vertical-align:top;  }
.pop-input-wrap input  {  }
.pop-input-wrap .pop-close { margin-top:3px; display:inline-block;  }
.main .pop-input-wrap a { margin-left:10px; color:#fff;  }
.main .pop-input-wrap .pop-close {   }
.pop-container  .pupup-btn { position:absolute; bottom:10px; left:0px; padding-left:10px;    }
.pop-container  .pupup-btn *  { vertical-align:middle; }
.pop-container  .pupup-btn div { display:inline-block; color:#fff;   }
.pop-container  .pupup-btn div a {display:inline-block; color:#fff; font-size:16px;  margin-top:-1px;   }


@media (max-width: 991px) {

.pop-container { width:100%; }
.popup { width:100%; text-align:center; padding:0 15px;  }
.popup .pop-input-wrap {  margin:0 auto;  }
.pop-container  .pupup-btn {  padding-left:25px;    }
.popup .pop-img img { width:100%;  }

}