@charset "utf-8";

/************************************************************
메인요소:
요소 아이디로 CSS 작업시에는 템플릿 생성과정에서
아이디 값이 자동으로 변경이 되기 때문에 style.css에 작업합니다.
************************************************************/



/************************************************************
서브비주얼:
개별 비주얼 적용시에는 경로만 수정해서 사용합니다.
************************************************************/
.eQ01 .wrap_sub_visual:before{background:url(/sites/jobjob/images/sub_visual_1.jpg) no-repeat center top;}
.eQ02 .wrap_sub_visual:before{background:url(/sites/style_guide/images/sub/sub_visual_17.jpg) no-repeat center top;}
.eQ03 .wrap_sub_visual:before{background:url(/sites/style_guide/images/sub/sub_visual_3.jpg) no-repeat center top;}
.eQ04 .wrap_sub_visual:before{background:url(/sites/style_guide/images/sub/sub_visual_15.jpg) no-repeat center top;}
.eQ05 .wrap_sub_visual:before{background:url(/sites/style_guide/images/sub/sub_visual_6.jpg) no-repeat center top;}
.eQ06 .wrap_sub_visual:before{background:url(/sites/style_guide/images/sub/sub_visual_19.jpg) no-repeat center top;}
.eQ07 .wrap_sub_visual:before{background:url(/sites/style_guide/images/sub/sub_visual_4.jpg) no-repeat center top;}
.eQ08 .wrap_sub_visual:before{background:url(/sites/style_guide/images/sub/sub_visual_16.jpg) no-repeat center top;}

.certify{max-width:768px;margin:0 auto;}
.certify .p_1{font-size:25px;font-family:'Noto Medium';}
.certify .p_2{font-size:20px;font-family:'Noto Medium';}
.certify .p_2 span{display:block;}
.certify .form{max-width:94%;margin: 0 auto;}
.certify input{display:block;width:100%;height:60px;padding:0 10px;margin:3px 0;font-size:18px;}
.certify input[type=text]{border:1px solid #DDD;}
.certify input[type=button]{background:#213d6d;color:#FFF;text-align:center;cursor:pointer;}

@media (min-width: 1281px) {
  .head_navi nav .a_1{font-size:15px;}
  .head_navi nav .a_2{font-size:14px;}
}

.banner_3 {
   background: url(/sites/jobjob/images/banner_3_bg.jpg) no-repeat center;
   background-size: cover;
}
.banner_2 {
   background: url(/sites/jobjob/images/banner_2_bg.jpg) no-repeat center;
   background-size: cover;
}

.banner_5{height:100%;background:url(/sites/jobjob/images/banner_5_bg.jpg) no-repeat center;background-size:cover;position:relative;}
.banner_5::before{content:"";display:block;width:calc(100% - 30px);height:calc(100% - 30px);border:1px solid rgba(255,255,255,0.3);position:absolute;top:15px;left:15px;}
.banner_5 a{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;height:100%;position:relative;padding:0 50px;text-align:center;}
.banner_5 a span{font-size:16px;color:#2bdbff;font-family:'Noto Regular';padding:10px 0;}
.banner_5 a strong{font-size:26px;color:#FFF;font-family:'Noto Medium';}
@media all and (max-width:768px){
	.banner_5 a{padding:50px;}
	.banner_5 a strong{font-size:20px;}
}

.banner_6{height:100%;background:url(/sites/jobjob/images/banner_6_bg.jpg) no-repeat center;background-size:cover;position:relative;}
.banner_6::before{content:"";display:block;width:calc(100% - 30px);height:calc(100% - 30px);border:1px solid rgba(255,255,255,0.3);position:absolute;top:15px;left:15px;}
.banner_6 a{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;height:100%;position:relative;padding:0 50px;text-align:center;}
.banner_6 a span{font-size:16px;color:#2bdbff;font-family:'Noto Regular';padding:10px 0;}
.banner_6 a strong{font-size:26px;color:#FFF;font-family:'Noto Medium';}
@media all and (max-width:768px){
	.banner_6 a{padding:50px;}
	.banner_6 a strong{font-size:20px;}
}

.banner_8{height:100%;background:url(/sites/jobjob/images/banner_1_bg.jpg) no-repeat center;background-size:cover;position:relative;}
.banner_8::before{content:"";display:block;width:calc(100% - 30px);height:calc(100% - 30px);border:1px solid rgba(255,255,255,0.3);position:absolute;top:15px;left:15px;}
.banner_8 a{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;height:100%;position:relative;padding:0 50px;text-align:center;}
.banner_8 a span{font-size:16px;color:#2bdbff;font-family:'Noto Regular';padding:10px 0;}
.banner_8 a strong{font-size:26px;color:#FFF;font-family:'Noto Medium';}
@media all and (max-width:768px){
	.banner_8 a{padding:50px;}
	.banner_8 a strong{font-size:20px;}
}

.banner_1 a span::after{content:"GO";display:flex;justify-content:center;align-items: center;margin: 10px 0;width:65px;height:65px;border:1px solid #FFF;background:rgba(255,255,255,0.1);border-radius:100%;}