@charset "utf-8";

/************************************************************
메인요소:
요소 아이디로 CSS 작업시에는 템플릿 생성과정에서
아이디 값이 자동으로 변경이 되기 때문에 style.css에 작업합니다.
************************************************************/
.visual_slogan {font-size: 60px;line-height: 1.2;}


/************************************************************
서브비주얼:
개별 비주얼 적용시에는 경로만 수정해서 사용합니다.
************************************************************/
.eQ01 .wrap_sub_visual:before{background:url(/sites/welfare/images/sub_visual_1.jpg) no-repeat center top;}
.eQ02 .wrap_sub_visual:before{background:url(/sites/style_guide/images/sub/sub_visual_2.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_4.jpg) no-repeat center top;}
.eQ05 .wrap_sub_visual:before{background:url(/sites/style_guide/images/sub/sub_visual_5.jpg) no-repeat center top;}
.eQ06 .wrap_sub_visual:before{background:url(/sites/style_guide/images/sub/sub_visual_6.jpg) no-repeat center top;}
.eQ07 .wrap_sub_visual:before{background:url(/sites/style_guide/images/sub/sub_visual_7.jpg) no-repeat center top;}
.eQ08 .wrap_sub_visual:before{background:url(/sites/style_guide/images/sub/sub_visual_9.jpg) no-repeat center top;}
.eQ09 .wrap_sub_visual:before{background:url(/sites/style_guide/images/sub/sub_visual_10.jpg) no-repeat center top;}





/*인사말타입_2*/
.greeting_type_2{}
.greeting_type_2 .p_2{font-size:30px;color:#222;font-family:'Noto Light';text-align:center;margin-bottom:40px;}
.greeting_type_2 .p_2 span{display:block;}
.greeting_type_2 .p_2 span strong{font-family:'Noto Medium';}
.greeting_type_2 .p_2::before,
.greeting_type_2 .p_2::after{content:"";display:block;width:1px;height:50px;background:#000;}
.greeting_type_2 .p_2::before{margin:0 auto 30px auto;}
.greeting_type_2 .p_2::after{margin:30px auto 0 auto;}
.greeting_type_2 .container_1{display:flex;justify-content:space-between;flex-direction:row-reverse;padding-bottom:100px;margin-bottom:40px;}
.greeting_type_2 .container_1 .item_1,
.greeting_type_2 .container_1 .item_2{width:100%;position:relative;}
.greeting_type_2 .container_1 .item_1 img{width:100%;}
.greeting_type_2 .container_1 .item_2{background:#FFF;display:flex;justify-content:center;align-items:center;padding:5% 0 0 5%;}
.greeting_type_2 .container_1 .item_1::before{content:"";display:block;width:20%;height:100%;position:absolute;top:0;left:-10%;background:#FFF;transform:skew(-15deg, 0deg);}
.greeting_type_2 .container_1 .item_2::before{content:"";display:block;width:150%;height:100%;position:absolute;top:10%;left:-42.4%;background:#007e77;transform:skew(-15deg, 0deg);}
.greeting_type_2 .container_1 .p_1{display:flex;flex-direction:column;align-items:flex-start;font-size:46px;color:#FFF;position:relative;}
.greeting_type_2 .container_1 .p_1 span{font-family:'Noto Light';display:inline-block;/*border-bottom:4px solid #FFF;*/}
.greeting_type_2 .container_1 .p_1 strong{font-family:'Noto Medium';}
.greeting_type_2 .container_2{font-size:20px;text-align:center;}
.greeting_type_2 .container_2 .sign{display:block;text-align:center;margin-top:50px;}
.greeting_type_2 .container_2 .sign strong{display:block;font-size:30px;}
@media all and (max-width:1280px) {
  .greeting_type_2 .container_1 .p_1{font-size:40px;}
}
@media all and (max-width:1024px) {
  .greeting_type_2 .p_2{font-size:20px;}
  .greeting_type_2 .p_2::before,
  .greeting_type_2 .p_2::after{height:25px;}
  .greeting_type_2 .container_1 .p_1{font-size:32px;}
}
@media all and (max-width:768px) {
  .greeting_type_2 .container_1{display:block;padding-bottom:0;}
  .greeting_type_2 .container_1 .item_1::before,
  .greeting_type_2 .container_1 .item_2::before{display:none;}
  .greeting_type_2 .container_1 .item_2{padding:50px 25px;background:#007e77;display:block;text-align:center;}
  .greeting_type_2 .container_1 .p_1{display:block;font-size:25px;margin-bottom:0;}
  .greeting_type_2 .container_1 .p_1 span{border-bottom:2px solid #FFF;}
}