/**
 * Created by PhpStorm.
 * Date         : 2021-11-12
 * Developer    : SeHwan Hwang
 * Description  : wp_style.css
 * ⓒ 2021. WebPlanet Co. All Rights Reserved.
 */

@charset "utf-8";


/**********************************************************************************************************************/
/* 공통 스타일 */
/**********************************************************************************************************************/
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);

.notosanskr * {
      font-family: 'Noto Sans KR', sans-serif;
}

@font-face {
      font-family: 'KoPubDotumMedium';
      src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/KoPubDotumMedium.woff') format('woff');
      font-weight: normal;
      font-style: normal;
}

@font-face {
      font-family: 'LeferiBaseType-RegularA';
      src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/LeferiBaseType-RegularA.woff') format('woff');
      font-weight: normal;
      font-style: normal;
}

@import url('https://fonts.googleapis.com/css?family=Black+Han+Sans:400');
@import url('https://fonts.googleapis.com/css?family=Black+Han+Sans&display=swap&subset=korean');


:root {

      /* font-size */

      /*
       --font-z1: 10px;
      --font-z2: 11px;
      --font-z3: 12px;
      --font-z4: 13px;
      --font-z5: 14px;
      --font-z6: 15px;
      --font-z7: 16px;
      --font-z8: 18px;
      --font-z9: 20px;
      --font-z10: 30px;
      --font-z11: 34px;
       */

      /* font-familly */

      --font-no: 'Noto Sans KR', sans-serif;
      --font-r: 'Roboto', sans-serif;
      --font-dt: 'KoPubDotumMedium';
      --font-js: 'Josefin Sans', sans-serif;
      --font-as: 'Antic Slab', serif;
      --font-sb: 'Slabo 13px', serif;
      --font-lb: 'LeferiBaseType-RegularA';
      --font-bhs: 'Black Han Sans';


}



html{
    scroll-behavior: smooth;
}

/* work -break */
.wp_wrap {
      word-break: keep-all;
      /* overflow-x: hidden; */
      /* overflow-y: auto; */
}


/* 박스 이너  */
.wp_wrap .cm_inner {
      width: 1250px;
      margin: 0 auto;
}

/* br block/none */
.wp_wrap .cm_br {
      display: block;
}


/* 첫글자 크기  */
.wp_wrap .cm_first_txt {
      font-size: 34px;
}


/* title */

.wp_wrap .cm_sub_tit {
      padding: 0 10px;
      color: #fff;
      font-size: 24px;
      font-family: var(--font-no);
      background-color: #CF1818;
}

.wp_wrap .cm_tit2 {
      font-size: 66px;
      font-weight: bold;
      font-family: var(--font-no);
      color: #282828;
}

.wp_wrap .cm_tit3 {
      font-size: 38px;
      font-weight: bold;
      font-family: var(--font-no);
      color: #282828;
}

.wp_wrap .cm_tit4 {
      padding: 85px 0;
      font-size: 36px;
      font-weight: bold;
      font-family: var(--font-no);
      color: #282828;
}


/* cm_tab content */
.wp_wrap .cm_tab {}

.wp_wrap .cm_tab .tab_inner {}

.wp_wrap .cm_tab .tab_inner .tab_tit {}

.wp_wrap .cm_tab .tab_inner .tab_tit .cm_tit2 {
      /* line-height: 1px; */
}

.wp_wrap .cm_tab .tab_inner .tab_cont {}

.wp_wrap .cm_tab .tab_inner .tab_cont .tab_mnu {
      display: flex;
      flex-wrap: wrap;
      /* padding: 50px 0; */
      padding: 85px 0;
}

.wp_wrap .cm_tab .tab_inner .tab_cont .tab_mnu li {
      padding: 0PX 40PX 0PX 0PX;
}

.wp_wrap .cm_tab .tab_inner .tab_cont .tab_mnu li a {
      color: #282828;
      font-size: 24px;
      font-family: var(--font-no);
}

.wp_wrap .cm_tab .tab_inner #work_tab .tab_mnu li a {
      color: #878787;
}

.wp_wrap .cm_tab .tab_inner .tab_cont .tab_mnu a.active {
      color: #CF1818;
      border-bottom: 2px solid #CF1818;
      font-weight: 700;
}

.wp_wrap .cm_tab .tab_inner #work_tab .tab_mnu a.wp_active {
      color: #CF1818;
      border-bottom: 2px solid #CF1818;
      font-weight: 700;
}



.wp_wrap .cm_tab .tab_inner .tab_cont2 {}



.wp_wrap .cm_tab .tab_inner .tab_cont .tab_mnu222 {
      display: flex;
      flex-wrap: wrap;
      padding: 50px 0;
      color: #878787;
}

.wp_wrap .cm_tab .tab_inner .tab_cont .tab_mnu222 li {
      padding: 10PX 40PX 10PX 0PX;
}

.wp_wrap .cm_tab .tab_inner .tab_cont .tab_mnu222 li a {
      color: #878787 !important;
      font-size: 24px;
      font-family: var(--font-no);
}

.wp_wrap .cm_tab .tab_inner .tab_cont .tab_mnu222 a.active {
      color: #CF1818;
      border-bottom: 2px solid #CF1818;
      font-weight: 700;
}

.wp_wrap .cm_tab .tab_inner .tab_cont .tab_mnu222 a.wp_active {
      color: #CF1818;
      border-bottom: 2px solid #CF1818;
      font-weight: 700;
}




.wp_wrap .cm_tab .tab_inner .tab_cont .tab_container {}

.wp_wrap .cm_tab .tab_inner .tab_cont .tab_container .tab_des {
      /* margin-bottom: 50px; */
      margin-bottom: 85px;
}

.wp_wrap .cm_tab .tab_inner .tab_cont .tab_container .tab_des p {
      color: #282828;
      font-size: 36px;
      font-weight: bold;
      font-family: var(--font-no);
}

.wp_wrap .cm_tab .tab_inner .tab_cont .tab_container .tab_des p span {
      color: #CF1818;
}

.wp_wrap .cm_tab .tab_inner .tab_cont .tab_container .tab_img {
      /* margin-bottom: 60px; */
      /* margin-bottom: 30px; */
      margin: 85px 0;
}

.wp_wrap .cm_tab .tab_inner .tab_cont .tab_container .tab_img img {
      width: 100%;
}

/* cm_tab content 종료 */



/**********************************************************************************************************************/



/**********************************************************************************************************************/
/* HEADER */
/**********************************************************************************************************************/
.wp_wrap header {

      position: fixed;
      left: 0;
      top: 0;
      width: 100%;
      background-color: #fff;
      z-index: 999;
}

/* HEADER - inner */
.wp_wrap header .header_inner {
      padding: 35px 0;
      align-items: center;
}


/* HEADER -  로고영역*/
.wp_wrap header .header_inner .logo_box {}

.wp_wrap header .header_inner .logo_box .logo {}

.wp_wrap header .header_inner .logo_box .logo a {}

.wp_wrap header .header_inner .logo_box .logo a img {
      max-width: 150px;
}

/* HEADER -  로고영역 종료*/


/* HEADER -  메뉴 영역 */
.wp_wrap header .header_inner .mnu_box {
      display: flex;
      justify-content: flex-end;
      align-items: center;
}

.wp_wrap header .header_inner .mnu_box .gnb {
      width: 100%;
      display: flex;
      justify-content: flex-end;
}

.wp_wrap header .header_inner .mnu_box .gnb li {
      width: 20%;
      text-align: center;
}

.wp_wrap header .header_inner .mnu_box .gnb li a {
      font-size: 16px;
      font-family: var(--font-no);
}

.wp_wrap header .header_inner .mnu_box .gnb li a:hover,
.wp_wrap header .header_inner .mnu_box .gnb li a.on {
      color: #CF1818;
      border-bottom: 2px solid #CF1818;
      font-weight: 700;
}

/* HEADER -  메뉴 영역 종료 */




/* 모바일 버튼 */
.wp_wrap header .header_inner .mnu_box .mo_mnu {
      display: none;
}

.wp_wrap header .header_inner .mnu_box .mo_mnu button {
      font-size: 25px;
      background: none;
}

.wp_wrap header .header_inner .mnu_box .mo_mnu button i {}

/* 모바일 버튼 종료 */




/* -------------------------------------------2022.07.20 추가사항 - 햄버거메뉴, 메뉴팝업추가 ---------------------------------- */


/* 햄버거 메뉴 */
.wp_wrap header .header_inner .ham_menu_btn {
      display: flex;
      align-items: center;
      justify-content: center;
}

.wp_wrap header .header_inner .ham_menu_btn .btn-open {
      display: flex;
      align-items: center;
      background: none;
}

.wp_wrap header .header_inner .ham_menu_btn .btn-open i {
      color: #CF1818;
      font-size: 24px;
      transition: 0.4s;
}

.wp_wrap header .header_inner .ham_menu_btn .btn-open:hover i {
      color:#000;
      transition: 0.4s;
}

/* 팝업메뉴 */
.wp_wrap header .mnu_main_pop {
      display: none;
      flex-direction: column;
      justify-content: flex-start;
      align-items: center;
      width: 100%;
      height: 100vh;
      position: absolute;
      left: 0;
      top: 0;
      background-color: rgba(0, 0, 0, 0.8);
}

.wp_wrap header .mnu_main_pop .main_pop_inner {
      width: 90%;
      height: 100%;
}


/* 팝업메뉴 - 닫기버튼영역 */
.wp_wrap header .mnu_main_pop .main_pop_inner .pop_mnu_cls{
      display: flex;
      justify-content: flex-end;
      padding:35px 0;
}
.wp_wrap header .mnu_main_pop .main_pop_inner .pop_mnu_cls button{
      margin-right: 175px;
      background: none;
}
.wp_wrap header .mnu_main_pop .main_pop_inner .pop_mnu_cls button i{
      color:#fff;
      font-size: 24px;
      transition: 0.4s;
}
.wp_wrap header .mnu_main_pop .main_pop_inner .pop_mnu_cls button:hover i{
      color:#cf1818;
      transition: 0.4s;
}

/* 팝업메뉴 - 검색영역 */
.wp_wrap header .mnu_main_pop .main_pop_inner .search_bx_wrap {
      display: flex;
      margin:100px 0 50px;
      justify-content: center;
}

.wp_wrap header .mnu_main_pop .main_pop_inner .search_bx_wrap .search_bx {
      width: 80.5%;
}

.wp_wrap header .mnu_main_pop .main_pop_inner .search_bx_wrap .search_bx form {
      display: flex;
      justify-content: space-between;
      width: 30%;
      padding: 5px 0;
      border-bottom: 2px solid #ccc;
}

.wp_wrap header .mnu_main_pop .main_pop_inner .search_bx_wrap .search_bx form input {
      width: 100%;
      color: #f3f3f3;
      font-size: 24px;
      border: none;
      outline: none;
      background: none;
}

.wp_wrap header .mnu_main_pop .main_pop_inner .search_bx_wrap .search_bx form button {
      color: #f3f3f3;
      font-size: 24px;
      background: none;
}


/* 팝업메뉴 - 메뉴영역 */
.wp_wrap header .mnu_main_pop .main_pop_inner .menu {
      margin-top: 100px;
}

.wp_wrap header .mnu_main_pop .main_pop_inner .menu ul {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      text-align: center;
}

.wp_wrap header .mnu_main_pop .main_pop_inner .menu ul li {}

.wp_wrap header .mnu_main_pop .main_pop_inner .menu ul li a {
      display: block;
      color: #f3f3f3;
      font-weight: bold;
      font-size: 45px;
      padding: 10px 0;
      transition: 0.4s;
}
.wp_wrap header .mnu_main_pop .main_pop_inner .menu ul li a:hover {
      color:#cf1818;
      transition: 0.4s;
}

.wp_wrap header .mnu_main_pop .main_pop_inner .menu ul li ul {
      display: flex;
      flex-direction: column;
}

.wp_wrap header .mnu_main_pop .main_pop_inner .menu ul li ul li {
     padding:10px 0;
}

.wp_wrap header .mnu_main_pop .main_pop_inner .menu ul li ul li a {
      color: #fff;
      font-size: 22px;
      transition: 0.4s;
}
.wp_wrap header .mnu_main_pop .main_pop_inner .menu ul li ul li a:hover {
      color:#cf1818;
      transition: 0.4s;
}



/* --------------------------------------2022.07.20 추가사항 - 햄버거메뉴, 메뉴팝업추가 종료---------------------------------- */



/* HEADER - inner 종료*/

/**********************************************************************************************************************/



/**********************************************************************************************************************/
/* PAGE - MAIN */
/**********************************************************************************************************************/
.wp_wrap #p_main {}


/* 비디오 영역****************************************** */
.wp_wrap #p_main #s_video {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%;
      /*height: 100vh;*/
      background-color: #fff;
}

.wp_wrap #p_main #s_video .video_inner {}

.wp_wrap #p_main #s_video .video_inner .video_box {}

.wp_wrap #p_main #s_video .video_inner .video_box h2 {
      color: #fff;
      font-size: 60px;
      font-weight: bold;
      font-family: var(--font-no);
}

/* 비디오 영역 종료*******************************************/



/* 캠퍼스 소개 영역****************************************** */
.wp_wrap #p_main #s_campus {

      background-color: #E25D57;
}

.wp_wrap #p_main #s_campus .campus_inner {
      padding: 150px 0;
}

/* 텍스트영역 */
.wp_wrap #p_main #s_campus .campus_inner .txt_box {}

.wp_wrap #p_main #s_campus .campus_inner .txt_box .main_txt {
      color: #fff;
      font-size: 28px;
      font-weight: bold;
      font-family: var(--font-no);
}

.wp_wrap #p_main #s_campus .campus_inner .txt_box .sub_txt {
      padding: 40px 0 60px;
      color: #fff;
      font-size: 16px;
      font-family: var(--font-no);
}

.wp_wrap #p_main #s_campus .campus_inner .txt_box .btn_box {}

.wp_wrap #p_main #s_campus .campus_inner .txt_box .btn_box a {
      display: inline-block;
      padding: 10px 44px;
      font-size: 15px;
      font-family: var(--font-no);
      background-color: #fff;
}

/* 이미지 영역 */
.wp_wrap #p_main #s_campus .campus_inner .img_box {
      padding: 10px 30px;
}

.wp_wrap #p_main #s_campus .campus_inner .img_box img {
      width: 100%;
}

/* 캠퍼스 소개 영역 종료****************************************** */



/* 올뎃 서비스 영역********************************************** */
.wp_wrap #p_main #s_service {

      background-color: #F4F4F4;
}

.wp_wrap #p_main #s_service .service_inner {
      padding: 150px 0;
}

/* 서비스 타이틀 영역 */
.wp_wrap #p_main #s_service .service_inner .service_tit {}

.wp_wrap #p_main #s_service .service_inner .service_tit .sub_tit {
      color: #fff;
      font-size: 24px;
      font-family: var(--font-no);
      background-color: #CF1818;
}

.wp_wrap #p_main #s_service .service_inner .service_tit h3 {
      padding: 25px 0;
      color: #282828;
      margin-bottom: 75px;
}

/* 서비스 타이틀 영역 종료*/


/* 서비스 카드 영역*/
.wp_wrap #p_main #s_service .service_inner .service_card {}

.wp_wrap #p_main #s_service .service_inner .service_card .card {
      display: flex;
      justify-content: center;
      padding: 20px 0;
}

.wp_wrap #p_main #s_service .service_inner .service_card .card:nth-of-type(1),
.wp_wrap #p_main #s_service .service_inner .service_card .card:nth-of-type(2),
.wp_wrap #p_main #s_service .service_inner .service_card .card:nth-of-type(3) {
      padding-top: 0;
}

.wp_wrap #p_main #s_service .service_inner .service_card .card:nth-of-type(4),
.wp_wrap #p_main #s_service .service_inner .service_card .card:nth-of-type(5),
.wp_wrap #p_main #s_service .service_inner .service_card .card:nth-of-type(6) {
      padding-bottom: 0;
}

.f_start {
      display: flex;
      justify-content: flex-start !important;
}

.f_end {
      display: flex;
      justify-content: flex-end !important;
}




.wp_wrap #p_main #s_service .service_inner .service_card .card .card_inner {
      width:
            /*326px*/
            /*350px*/
            390px;
      height:
            /*234px*/
            230px;
      padding: 20px;
      background-color: #fff;
      border-radius: 10px;
      display: flex;
      flex-direction: column;
      justify-content: center;
}

.wp_wrap #p_main #s_service .service_inner .service_card .card .card_inner .card_tit {
      border-bottom: 1px solid #BEBEBE;
}

.wp_wrap #p_main #s_service .service_inner .service_card .card .card_inner .card_tit p {
      /*padding: 8px 0;
      color: #CF1818;
      font-size: 25px;
      font-family: var(--font-bhs);*/
      color: #CF1818;
      font-size: 28px;
      font-weight: bold;
      font-family: var(--font-no);
}

.wp_wrap #p_main #s_service .service_inner .service_card .card .card_inner .card_txt {}

.wp_wrap #p_main #s_service .service_inner .service_card .card .card_inner .card_txt p {
      /* height: 105px;*/
      padding: 15px 0 30px;
      font-size: 17px;
      letter-spacing: -0.5px;
      font-family: var(--font-no);
      color: #282828;
}

.wp_wrap #p_main #s_service .service_inner .service_card .card .card_inner .card_txt a {
      color: #CF1818;
      font-size: 17px;
      font-family: var(--font-no);
}

.wp_wrap #p_main #s_service .service_inner .service_card .card .card_inner .card_txt a i {}

/* 서비스 카드 영역 종료*/

/* 올뎃 서비스 영역 종료**********************************************/



/* 올뎃 워크(work) 영역 ******************************************** */
.wp_wrap #p_main #s_work {

      background-color: #fff;
}

.wp_wrap #p_main #s_work .work_inner {
      padding: 150px 0;
}

/* 워크 타이틀 영역 */
.wp_wrap #p_main #s_work .work_inner .work_tit {}

.wp_wrap #p_main #s_work .work_inner .work_tit .sub_tit {
      color: #fff;
      font-size: 24px;
      font-family: var(--font-no);
      background-color: #CF1818;
}

.wp_wrap #p_main #s_work .work_inner .work_tit h3 {
      padding: 25px 0;
}

/* 워크 타이틀 영역 종료*/

/* 워크 카드영역 */
.wp_wrap #p_main #s_work .work_inner .work_card {
      margin: 75px 0;
}

.wp_wrap #p_main #s_work .work_inner .work_card .card {}

.wp_wrap #p_main #s_work .work_inner .work_card .card a {
      display: flex;
      justify-content: center;
}

.wp_wrap #p_main #s_work .work_inner .work_card .card a.f_start {
      justify-content: flex-start;
}

.wp_wrap #p_main #s_work .work_inner .work_card .card a.f_end {
      justify-content: flex-end;
}

.wp_wrap #p_main #s_work .work_inner .work_card .card a .img_frame {
      /*padding: 8px 5px;*/
      width: 390px;
      height: 370px;
      padding: 20px 0;
}

.wp_wrap #p_main #s_work .work_inner .work_card .card .img_frame img {
      width: 100%;
      height: 100%;
      display: block;
      object-fit: cover;
      border-radius: 10px;
}

/* 워크 카드영역 종료 */


/* 버튼 영역 */
.wp_wrap #p_main #s_work .work_inner .work_btn {
      display: flex;
      justify-content: center;
      padding-top: 25px;
}

.wp_wrap #p_main #s_work .work_inner .work_btn a {
      display: block;
      padding: 9px 24px;
      color: #CF1818;
      font-size: 15px;
      font-family: var(--font-no);
      background: none;
      border: 1px solid #CF1818;
}

/* 버튼 영역 종료*/

/* 올뎃 워크(work) 영역 종료****************************************** */



/* 올뎃 파트너(partners) 영역 ******************************************** */
.wp_wrap #p_main #s_partners {

      background-color: #F4F4F4;
}

.wp_wrap #p_main #s_partners .partners_inner {
      padding: 150px 0;
}

/* 워크 타이틀 영역 */
.wp_wrap #p_main #s_partners .partners_inner .partners_tit {}

.wp_wrap #p_main #s_partners .partners_inner .partners_tit .sub_tit {
      color: #fff;
      font-size: 24px;
      font-family: var(--font-no);
      background-color: #CF1818;
}

.wp_wrap #p_main #s_partners .partners_inner .partners_tit h3 {
      padding: 25px 0;
}

/* 워크 타이틀 영역 종료*/

/* 워크 카드영역 */
.wp_wrap #p_main #s_partners .partners_inner .partners_card {
      margin: 65px 0;
}

.wp_wrap #p_main #s_partners .partners_inner .partners_card .card {}

.wp_wrap #p_main #s_partners .partners_inner .partners_card .card .img_frame {
      padding: 8px 5px;
}

.wp_wrap #p_main #s_partners .partners_inner .partners_card .card .img_frame img {
      width: 100%;
      display: block;
      border-radius: 10px;
}

/* 워크 카드영역 종료 */


/* 버튼 영역 */
.wp_wrap #p_main #s_partners .partners_inner .partners_btn {
      display: flex;
      justify-content: center;
      padding-top: 35px;
}

.wp_wrap #p_main #s_partners .partners_inner .partners_btn a {
      display: block;
      padding: 9px 24px;
      color: #CF1818;
      font-size: 15px;
      font-family: var(--font-no);
      background: none;
      border: 1px solid #CF1818;
}

/* 버튼 영역 종료*/

/* 올뎃 파트너(partners) 영역 종료****************************************** */




/* 올뎃 미디어(media) 영역 ******************************************** */
.wp_wrap #p_main #s_media {
      background-color: #fff;
}

.wp_wrap #p_main #s_media .media_inner {
      padding: 150px 0;
}

/* 워크 타이틀 영역 */
.wp_wrap #p_main #s_media .media_inner .media_tit {}

.wp_wrap #p_main #s_media .media_inner .media_tit .sub_tit {
      padding: 0 10px;
      color: #fff;
      font-size: 24px;
      font-family: var(--font-no);
      background-color: #CF1818;
}

.wp_wrap #p_main #s_media .media_inner .media_tit h3 {
      padding: 25px 0;
      margin-bottom: 50px;
}

/* 워크 타이틀 영역 종료*/

/* 워크 카드영역 */
.wp_wrap #p_main #s_partners .partners_inner .partners_card {
      margin: 75px 0;
}

.wp_wrap #p_main #s_media .media_inner .media_card .card {}

.wp_wrap #p_main #s_media .media_inner .media_card .card .img_box {
      padding: 5px;
}

.wp_wrap #p_main #s_media .media_inner .media_card .card .img_box .img_frame {
      margin: 20px 0;
}

.wp_wrap #p_main #s_media .media_inner .media_card .card .img_box .img_frame img {
      border-radius: 10px;
}

.wp_wrap #p_main #s_media .media_inner .media_card .card .img_box .img_des {
      display: flex;
      justify-content: space-between;
      padding: 5px;
      color: #A9A9A9;
      font-size: 16px;
      font-family: var(--font-no);
      border-top: 2px solid #BEBEBE;
}

.wp_wrap #p_main #s_media .media_inner .media_card .card .img_box .img_des span {}

.wp_wrap #p_main #s_media .media_inner .media_card .card .img_box .img_des span i {}

/* 워크 카드영역 종료 */

/* 올뎃 미디어(media) 영역 종료****************************************** */



/* 프로젝트 문의하기 영역 ******************************************** */
.wp_wrap #p_main #s_inquiry {
      background-color: #D9D9D9;
      margin-bottom: 90px;
}

.wp_wrap #p_main #s_inquiry .inquiry_inner {
      /* padding:100px 0; */
}

.wp_wrap #p_main #s_inquiry .inquiry_inner .txt_box {
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding: 100px 0;
}

.wp_wrap #p_main #s_inquiry .inquiry_inner .txt_box .main_txt {
      color: #282828;
      font-size: 31px;
      font-weight: bold;
      font-family: var(--font-no);
}

.wp_wrap #p_main #s_inquiry .inquiry_inner .txt_box .btn_box {
      padding: 30px 0;
}

.wp_wrap #p_main #s_inquiry .inquiry_inner .txt_box .btn_box a {
      display: inline-block;
      padding: 9px 23px;
      color: #fff;
      font-size: 15px;
      font-family: var(--font-no);
      background-color: #CF1818;
}

.wp_wrap #p_main #s_inquiry .inquiry_inner .img_box {
      /* width: 100%; */
      background-image: url(../img/maincon06_01.jpg);
      background-repeat: no-repeat;
      background-size: 75%;
      background-position: center center;
}

.wp_wrap #p_main #s_inquiry .inquiry_inner .img_box img {
      display: block;
      width: 100%;
}


/* 프로젝트 문의하기 영역 종료****************************************** */

/**********************************************************************************************************************/



/**********************************************************************************************************************/
/* PAGE - ABOUT  */
/**********************************************************************************************************************/
.wp_wrap #p_about {
    /* padding: 180px 0 100px; */
    padding: 180px 0 5px;
}


/* .wp_wrap #about_container01, */
.wp_wrap #about_container02,
.wp_wrap #about_container03 {
    padding-top: 105px;
}


/* //////////////////////////////////////////////////////PAGE - ABOUT - INTRODUCE////////////////////////////////////////////////////////////////*/
/* 탭메뉴 영역 종료****************************************** */
/* 
.wp_wrap #p_about #s_tab{}
.wp_wrap #p_about #s_tab .tab_inner{}
.wp_wrap #p_about #s_tab .tab_inner .tab_tit{}
.wp_wrap #p_about #s_tab .tab_inner .tab_tit .cm_tit2{}
.wp_wrap #p_about #s_tab .tab_inner .tab_cont{}
.wp_wrap #p_about #s_tab .tab_inner .tab_cont .tab_mnu{
      padding:50px 0;
}
.wp_wrap #p_about #s_tab .tab_inner .tab_cont .tab_mnu a{
      padding:20px 10px;
      color:#282828;
      font-size: 24px;
      font-family: var(--font-no);
}
.wp_wrap #p_about #s_tab .tab_inner .tab_cont .tab_mnu a.active{
      color:#CF1818;
}
.wp_wrap #p_about #s_tab .tab_inner .tab_cont .tab_container{}
.wp_wrap #p_about #s_tab .tab_inner .tab_cont .tab_container .tab_des{
      margin-bottom: 50px;
}
.wp_wrap #p_about #s_tab .tab_inner .tab_cont .tab_container .tab_des p{
      color:#282828;
      font-size: 36px;
      font-weight: bold;
      font-family: var(--font-no);
}
.wp_wrap #p_about #s_tab .tab_inner .tab_cont .tab_container .tab_img{}
.wp_wrap #p_about #s_tab .tab_inner .tab_cont .tab_container .tab_img img{}
*/
/* 탭메뉴 영역 종료****************************************** */


/* 소개영역********************************************** */
.wp_wrap #p_about #s_intro {
      padding: 100px 0;
      background-color: #E25D57;
}

.wp_wrap #p_about #s_intro .intro_tit {
      display: flex;
      justify-content: space-between;
      align-items: center;

}

.wp_wrap #p_about #s_intro .intro_tit .tit_box {}

.wp_wrap #p_about #s_intro .intro_tit .tit_box h3 {
      color: #fff;
}

.wp_wrap #p_about #s_intro .intro_tit .tit_des {}

.wp_wrap #p_about #s_intro .intro_tit .tit_des p {
      color: #fff;
      font-size: 16px;
      font-weight: normal;
      font-family: var(--font-no);
}

/* 소개영역 종료****************************************** */



/* 설명영역********************************************** */
.wp_wrap #p_about #s_explanation {
      /* padding: 20px 0; */
}

.wp_wrap #p_about #s_explanation .explanation_list {}

.wp_wrap #p_about #s_explanation .explanation_list>li {
      padding: 85px 0;
      border-bottom: 1px solid #BEBEBE;
}

.wp_wrap #p_about #s_explanation .explanation_list>li:last-child {
      border: none;
      padding-bottom: 90px;
}

.wp_wrap #p_about #s_explanation .explanation_list li .explanation_des {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
}

.wp_wrap #p_about #s_explanation .explanation_list li .explanation_des li {}

.wp_wrap #p_about #s_explanation .explanation_list li .explanation_des li.explanation_tit {
      color: #282828;
      font-size: 32px;
      font-family: var(--font-no);
      font-weight: 300;
      letter-spacing: -1px;
}

.wp_wrap #p_about #s_explanation .explanation_list li .explanation_des li.explanation_txt {
      width: 660px;
      font-size: 16px;
      font-family: var(--font-no);
      color: #282828;
}

.wp_wrap #p_about #s_explanation .explanation_list li .explanation_des li span {
      color: #CF1818;
      font-weight: 500;
}

/* 설명영역 종료****************************************** */
/* //////////////////////////////////////////////////////PAGE - ABOUT - INTRODUCE 종료///////////////////////////////////////////////////////*/



/* //////////////////////////////////////////////////////PAGE - ABOUT - Tab_VISION///////////////////////////////////////////////////////*/
/* 슬로건 미션영역 */
.wp_wrap #p_about #s_vision {
      /* padding: 100px 0; */
}

.wp_wrap #p_about #s_vision .vision_cont {}

.wp_wrap #p_about #s_vision .vision_cont .cont_tit {
      padding: 85px 0;
}

.wp_wrap #p_about #s_vision .vision_cont .cont_tit p {
      color: #282828;
      font-size: 36px;
      font-weight: bold;
      font-family: var(--font-no);
}

.wp_wrap #p_about #s_vision .vision_cont .cont_box {
      display: flex;
      justify-content: center;
      padding: 86px 0;
      background-color: #FCF1F1;
}

.wp_wrap #p_about #s_vision .vision_cont .cont_box p {
      color: #CF1818;
      font-size: 39px;
      font-weight: bold;
      font-family: var(--font-no);
}

.wp_wrap #p_about #s_vision .vision_cont2 .cont_box {
      display: flex;
      justify-content: center;
      padding: 86px 0;
      background-color: #F4F4F4;
}

.wp_wrap #p_about #s_vision .vision_cont2 .cont_box p {
      color: #282828;
      font-size: 35px;
      font-weight: bold;
      font-family: var(--font-no);
      text-align: center;
}

/* 슬로건 미션영역 종료 */

/* 비전 설명 */
.wp_wrap #p_about #s_vision .vision_des {
      /* padding: 100px 0 0; */
      padding: 85px 0 90px;
}

.wp_wrap #p_about #s_vision .vision_des .des_box {
      display: flex;
      justify-content: space-between;
}

.wp_wrap #p_about #s_vision .vision_des .des_box .vision_tit {}

.wp_wrap #p_about #s_vision .vision_des .des_box .vision_tit p {
      font-size: 32px;
      font-weight: 300;
      font-family: var(--font-no);
      letter-spacing: -1px;
      color: #282828;
}

.wp_wrap #p_about #s_vision .vision_des .des_box .vision_tit span {
      color: #CF1818;
      font-weight: 500;
}

.wp_wrap #p_about #s_vision .vision_des .des_box .vision_txt {}

.wp_wrap #p_about #s_vision .vision_des .des_box .vision_txt p {
      color: #282828;
      font-size: 16px;
      font-family: var(--font-no);
}

.wp_wrap #p_about #s_vision .vision_des .des_box .vision_txt p.txt_cent {
      padding: 20px 0;
}

/* 비전 설명 종료 */
/* //////////////////////////////////////////////////////PAGE - ABOUT - Tab_VISION 종료///////////////////////////////////////////////////////*/



/* //////////////////////////////////////////////////////PAGE - ABOUT - Tab_BUSINESS///////////////////////////////////////////////////////*/
.wp_wrap #p_about #s_business {}


.wp_wrap #p_about .cm_tab .tab_inner .tab_cont .tab_container .tab_des {
      margin-bottom: 0;
}

/* BUSINESS PAGE - WORK */
.wp_wrap #p_about #s_business .work_container {
      /* padding: 30px 0; */
}

.wp_wrap #p_about #s_business .work_container .work_tit {}

.wp_wrap #p_about #s_business .work_container .work_tit h3 {}

.wp_wrap #p_about #s_business .work_container .work_cont {}

.wp_wrap #p_about #s_business .work_container .work_cont .work_list {}

.wp_wrap #p_about #s_business .work_container .work_cont .work_list li {
      display: flex;
      /* padding: 35px 10px; */
      /* padding: 0px 37px 0px 0; */
      flex-direction: column;
      align-items: center;
}

.wp_wrap #p_about #s_business .work_container .work_cont .work_list li.f_start {
      align-items: flex-start;
}

.wp_wrap #p_about #s_business .work_container .work_cont .work_list li.f_end {
      align-items: flex-end;
}

.wp_wrap #p_about #s_business .work_container .work_cont .work_list li .list_inner {
      width: 80%;
      /* padding: 20px 0; */
      padding: 40px 0 85px;
      text-align: center;
      border-top: 1px solid #bebebe;
}

.wp_wrap #p_about #s_business .work_container .work_cont .work_list li .list_inner .list_tit {}

.wp_wrap #p_about #s_business .work_container .work_cont .work_list li .list_inner .list_tit {}

.wp_wrap #p_about #s_business .work_container .work_cont .work_list li .list_inner .list_tit h4 {
      color: #CF1818;
      font-size: 28px;
      font-weight: bold;
      font-family: var(--font-no);
}

.wp_wrap #p_about #s_business .work_container .work_cont .work_list li .list_inner .list_des {
      /* padding-top: 20px; */
      padding-top: 40px;
}

.wp_wrap #p_about #s_business .work_container .work_cont .work_list li .list_inner .list_des p {
      font-size: 17px;
      letter-spacing: -1px;
      font-family: var(--font-no);
}

/* BUSINESS PAGE - WORK 종료*/


/*BUSINESS PAGE - PARTNER */
.wp_wrap #p_about #s_business .partners_container {
      /* padding: 30px 0; */
}

.wp_wrap #p_about #s_business .partners_container .partners_tit {}

.wp_wrap #p_about #s_business .partners_container .partners_tit h3 {}

.wp_wrap #p_about #s_business .partners_container .partners_cont {
      background-color: #F4F4F4;
}

.wp_wrap #p_about #s_business .partners_container .partners_cont .partners_list {
      padding: 85px 0;
}

.wp_wrap #p_about #s_business .partners_container .partners_cont .partners_list li {
      padding: 20px;
}

.wp_wrap #p_about #s_business .partners_container .partners_cont .partners_list li img {
      width: 100%;
}

/*BUSINESS PAGE - PARTNER 종료*/


/* BUSINESS PAGE - FRIENDS */
.wp_wrap #p_about #s_business .friends_container {
      /* padding: 20px 0 65px; */
      padding: 0px 0 85px;
}

.wp_wrap #p_about #s_business .friends_container .friends_tit {}

.wp_wrap #p_about #s_business .friends_container .friends_tit h3 {}

.wp_wrap #p_about #s_business .friends_container .friends_cont {}

.wp_wrap #p_about #s_business .friends_container .friends_cont .friends_list {}

.wp_wrap #p_about #s_business .friends_container .friends_cont .friends_list li {}

.wp_wrap #p_about #s_business .friends_container .friends_cont .friends_list li .list_inner {}

.wp_wrap #p_about #s_business .friends_container .friends_cont .friends_list li .list_inner .friends_tit {}

.wp_wrap #p_about #s_business .friends_container .friends_cont .friends_list li .list_inner .friends_tit p {
      margin-bottom: 85px;
      font-size: 21px;
      font-family: var(--font-no);
}

.wp_wrap #p_about #s_business .friends_container .friends_cont .friends_list li .list_inner .friends_img {}

.wp_wrap #p_about #s_business .friends_container .friends_cont .friends_list li .list_inner .friends_img img {
      width: 50%;
      margin: 0 auto;
}

/* BUSINESS PAGE - FRIENDS 종료*/
/* //////////////////////////////////////////////////////PAGE - ABOUT - Tab_BUSINESS 종료///////////////////////////////////////////////////////*/
/**********************************************************************************************************************/






/**********************************************************************************************************************/
/* PAGE - WORK */
/**********************************************************************************************************************/
.wp_wrap #p_work {
      /* padding: 180px 0;/ */
      padding: 180px 0 90px;
}

.wp_wrap .page_work {
      padding: 97px 0 180px !important;
}

/* //////////////////////////////////////////////////////PAGE - WORK - Tab_ALL (WORK_LIST PAGE)///////////////////////////////////////////////////////*/
.wp_wrap #p_work #s_work {}

.wp_wrap #p_work #s_work .work_inner {}

/* 컨텐츠 리스트 영역 */
.wp_wrap #p_work #s_work .work_inner .work_list {}

.wp_wrap #p_work #s_work .work_inner .work_list li {
      /* margin: 40px 0; */
      margin: 0px 0 70px;
      /* padding: 10px; */
      padding: 0 10px;
}

.wp_wrap #p_work #s_work .work_inner .work_list li .work_container {
      display: block;
}

.wp_wrap #p_work #s_work .work_inner .work_list li .work_container .check_cont {}

.wp_wrap #p_work #s_work .work_inner .work_list li .work_container .check_cont input {}


.wp_wrap #p_work #s_work .work_inner .work_list li .work_container .img_frame {
      width: 100%;
      height: 280px;
      overflow: hidden;
}

.wp_wrap #p_work #s_work .work_inner .work_list li .work_container .img_frame .img_bg {
      transition: 1s;
}

.wp_wrap #p_work #s_work .work_inner .work_list li .work_container .img_frame:hover .img_bg {
      transform: scale(1.1);
      transition: 1s;
}

.wp_wrap #p_work #s_work .work_inner .work_list li .work_container .img_frame .img_bg img {
      display: block;
      width: 100%;
      transition: 1s;
}

.wp_wrap #p_work #s_work .work_inner .work_list li .work_container .img_des {
      padding: 15px 0;
}

.wp_wrap #p_work #s_work .work_inner .work_list li .work_container .img_des .sub_tit {}

.wp_wrap #p_work #s_work .work_inner .work_list li .work_container .img_des .sub_tit p {
      font-size: 15px;
      font-family: var(--font-no);
      color: #282828;
}

.wp_wrap #p_work #s_work .work_inner .work_list li .work_container .img_des .hashtag {
      padding: 10px 0;
}

.wp_wrap #p_work #s_work .work_inner .work_list li .work_container .img_des .hashtag span {
      color: #0A5DFF;
      font-size: 15px;
      font-family: var(--font-no);
}

/* .wp_wrap #p_work #s_work .work_inner .work_list li .work_container .img_des .hashtag a{
      color:#0A5DFF;
      font-size: 15px;
      font-family: var(--font-no);
} */
.wp_wrap #p_work #s_work .work_inner .work_list li .work_container .img_des .hashtag a:hover {}

.wp_wrap #p_work #s_work .work_inner .work_list li .work_container .img_des .main_tit {}

.wp_wrap #p_work #s_work .work_inner .work_list li .work_container .img_des .main_tit h3 {
      color: #282828;
      font-size: 21px;
      font-weight: bold;
      font-family: var(--font-no);
}

.wp_wrap #p_work #s_work .work_inner .work_list li .work_container .img_des .main_tit h3:hover {
      color: #cf1818;
}



/* 컨텐츠 리스트 영역 종료 */


/* 페이지 네비게이션 영역 */
.wp_wrap #p_work #s_work .pager_box {
      width: 100%;
      display: flex;
      justify-content: center;
}

.wp_wrap #p_work #s_work .pager_box .pager {}

.wp_wrap #p_work #s_work .pager_box .pager a {
      margin: 0px 5px;
      font-size: 21px;
      font-family: var(--font-no);
}

.wp_wrap #p_work #s_work .pager_box .pager a.wp_pager_li_active {
      color: #CF1818;
}

/* 페이지 네비게이션 영역 종료 */

/* 글쓰기/체크버튼/이동 버튼 모음리스트 */
.wp_wrap #p_work #s_work .write_box {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-end;
      align-items: center;
      padding: 20px 0;
}

.wp_wrap #p_work #s_work .write_box .write_btn {
      font-size: 12px;
      padding: 5px 10px;
      text-decoration: none;
      margin: 5px 3px;
      min-width: 50px;
      display: inline-block;
      font-weight: 300;
      text-align: center;
      line-height: 17px;
      border: 1px solid gray;
      vertical-align: top;
      background-color: white;
      /* font-family: NanumBarunGothic; */
      /* margin-right: 5px;
      color: #ccc;
      font-size: 16px;
      font-weight: bold; */
      /* border:1px solid #707070; */
}

.wp_wrap #p_work #s_work .write_box .write_btn:hover {
      color: #000;
}

.wp_wrap #p_work #s_work .write_box button.write_btn {
      background: none;
}

.wp_wrap #p_work #s_work .write_box button a.write_btn {}

/* 글쓰기/체크버튼/이동 버튼 모음리스트 종료 */

/* //////////////////////////////////////////////////////PAGE - WORK - Tab_ALL  (WORK_LIST PAGE)종료///////////////////////////////////////////////////////*/



/* //////////////////////////////////////////////////////PAGE - WORK - Tab_Youth Marketing ///////////////////////////////////////////////////////*/

/* //////////////////////////////////////////////////////PAGE - WORK - Tab_Youth Marketing  종료///////////////////////////////////////////////////////*/



/* //////////////////////////////////////////////////////PAGE - WORK - Tab_ Digital Marketing ///////////////////////////////////////////////////////*/

/* //////////////////////////////////////////////////////PAGE - WORK - Tab_ Digital Marketing  종료///////////////////////////////////////////////////////*/



/* //////////////////////////////////////////////////////PAGE - WORK - Tab_ Campaign ///////////////////////////////////////////////////////*/

/* //////////////////////////////////////////////////////PAGE - WORK - Tab_ Campaign  종료///////////////////////////////////////////////////////*/



/* //////////////////////////////////////////////////////PAGE - WORK - Tab_Contents ///////////////////////////////////////////////////////*/

/* //////////////////////////////////////////////////////PAGE - WORK - Tab_Contents  종료///////////////////////////////////////////////////////*/



/* //////////////////////////////////////////////////////PAGE - WORK - Tab_ Live ///////////////////////////////////////////////////////*/

/* //////////////////////////////////////////////////////PAGE - WORK - Tab_ Live  종료///////////////////////////////////////////////////////*/






/* //////////////////////////////////////////////////////PAGE - WORK - Tab(VIEW PAGE)///////////////////////////////////////////////////////*/
.wp_wrap #p_work #s_imgMain {}

.wp_wrap #p_work #s_imgMain .vimeo_wrap {}
.wp_wrap #p_work #s_imgMain .vimeo_wrap video {margin: 0 auto;}

.wp_wrap #p_work #s_imgMain .img_frame {
      display: flex;
      justify-content: center;
}

.wp_wrap #p_work #s_imgMain .img_frame img {}


.wp_wrap #p_work #s_view {
      padding: 50px 0 0;
}

.wp_wrap #p_work #s_view {}

.wp_wrap #p_work #s_view .view_inner {}

.wp_wrap #p_work #s_view .view_inner .txt_container {}

.wp_wrap #p_work #s_view .view_inner .txt_container .tit_cont {}

.wp_wrap #p_work #s_view .view_inner .txt_container .tit_cont .txt_tit {
      color: #282828;
      font-size: 26px;
      font-weight: bold;
      font-family: var(--font-no);
      margin-bottom: 10px;
}

.wp_wrap #p_work #s_view .view_inner .txt_container .tit_cont p {
      color: #282828;
      font-size: 15px;
      font-family: var(--font-no);
}

.wp_wrap #p_work #s_view .view_inner .txt_container .des_cont {}

.wp_wrap #p_work #s_view .view_inner .txt_container .des_cont p {
      padding: 28px 0 0;
      color: #282828;
      font-size: 14px;
      font-family: var(--font-no);
      white-space: pre-line;
}

/* 이미지 영역 */
.wp_wrap #p_work #s_view .view_inner .img_container {
      padding: 30px 0;
}

.wp_wrap #p_work #s_view .view_inner .img_container .img_frame {}

.wp_wrap #p_work #s_view .view_inner .img_container .img_frame img {
      display: block;
      width: 100%;
}

.wp_wrap #p_work #s_view .view_inner .img_container4 {
      padding: 30px 0 0px;
}

.wp_wrap #p_work #s_view .view_inner .img_container4 .img_frame {}

.wp_wrap #p_work #s_view .view_inner .img_container4 .img_frame img {
      display: block;
      width: 100%;
}

/* 이미지 영역 종료 */
/* //////////////////////////////////////////////////////PAGE - WORK - Tab(VIEW PAGE) 종료///////////////////////////////////////////////////////*/

/**********************************************************************************************************************/










/**********************************************************************************************************************/
/* PAGE - CAREERS */
/**********************************************************************************************************************/
.wp_wrap #p_careers {
      padding: 180px 0 90px;
}
/* .wp_wrap #about_container01, */
.wp_wrap #careers_container02,
.wp_wrap #careers_container03 {
    padding-top: 105px;
}



/* //////////////////////////////////////////////////////PAGE - CAREERS - Tab_CULTURE///////////////////////////////////////////////////////*/
.wp_wrap #p_careers #s_culture {}

.wp_wrap #p_careers #s_culture .culture_inner {}

.wp_wrap #p_careers #s_culture .culture_inner .culture_list {}

.wp_wrap #p_careers #s_culture .culture_inner .culture_list li {
      display: flex;
      justify-content: space-between;
      /* align-items: center; */
      /* margin: 60px 0 30px; */
      /* margin-top: 55px; */
      padding: 85px 0 30px;
      border-bottom: 1px solid #BEBEBE;
}

.wp_wrap #p_careers #s_culture .culture_inner .culture_list li .txt_tit {}

.wp_wrap #p_careers #s_culture .culture_inner .culture_list li .txt_tit p {
      font-size: 32px;
      font-family: var(--font-no);
      color: #282828;
      letter-spacing: -1px;
      font-weight: 300;
}

.wp_wrap #p_careers #s_culture .culture_inner .culture_list li .txt_tit p span {
      color: #CF1818;
      font-weight: 500;
}

.wp_wrap #p_careers #s_culture .culture_inner .culture_list li .txt_des {}

.wp_wrap #p_careers #s_culture .culture_inner .culture_list li .txt_des p {
      font-size: 24px;
      font-family: var(--font-no);
      font-weight: 400;
      color: #282828;
}

/* //////////////////////////////////////////////////////PAGE - CAREERS - Tab_CULTURE 종료///////////////////////////////////////////////////////*/



/* //////////////////////////////////////////////////////PAGE - CAREERS - Tab_WELFARE///////////////////////////////////////////////////////*/
.wp_wrap #p_careers #s_welfare {
      padding: 0 0 85px;
      background-color: #F5F5F5;
}

.wp_wrap #p_careers #s_welfare .welfare_cont {}

.wp_wrap #p_careers #s_welfare .welfare_cont .welfare_tit {
      /* padding: 25px 0; */
      padding: 85px 0;
}

.wp_wrap #p_careers #s_welfare .welfare_cont .welfare_tit h3 {
      color: #CF1818;
      font-size: 36px;
      font-weight: bold;
      font-family: var(--font-no);
      line-height: 1em;
}

.wp_wrap #p_careers #s_welfare .welfare_cont .welfare_list {
      justify-content: center;
}

.wp_wrap #p_careers #s_welfare .welfare_cont .welfare_list li {
      display: flex;
      justify-content: flex-start;
      /* padding: 60px 28px; */
}

.wp_wrap #p_careers #s_welfare .welfare_cont .welfare_list li:nth-child(1) {
      justify-content: flex-start;
}

.wp_wrap #p_careers #s_welfare .welfare_cont .welfare_list li:nth-child(2) {
      justify-content: center;
}

.wp_wrap #p_careers #s_welfare .welfare_cont .welfare_list li:nth-child(3) {
      justify-content: flex-end;
}

.wp_wrap #p_careers #s_welfare .welfare_cont:last-child .welfare_list li {
      display: flex;
      justify-content: flex-start;
      /* padding: 60px 40px 0 40px; */
}

.wp_wrap #p_careers #s_welfare .welfare_cont:last-child .welfare_list li:nth-child(1) {
      justify-content: flex-start;
}

.wp_wrap #p_careers #s_welfare .welfare_cont:last-child .welfare_list li:nth-child(2) {
      justify-content: center;
}

.wp_wrap #p_careers #s_welfare .welfare_cont:last-child .welfare_list li:nth-child(3) {
      justify-content: flex-end;
}

.wp_wrap #p_careers #s_welfare .welfare_cont .welfare_list li .box_inner {
      width: 360px;
      height: 383px;
      background-color: #fff;
      border-radius: 15px;
}

.wp_wrap #p_careers #s_welfare .welfare_cont .welfare_list li .box_inner .img_box {
      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 28px 0;
      border-bottom: 1px solid #bebebe;
}

.wp_wrap #p_careers #s_welfare .welfare_cont .welfare_list li .box_inner .img_box img {
      width: 120px;
      height: 120px;
      /* object-fit: cover; */

}

.wp_wrap #p_careers #s_welfare .welfare_cont .welfare_list li .box_inner .img_box .img_des {}

.wp_wrap #p_careers #s_welfare .welfare_cont .welfare_list li .box_inner .img_box .img_des p {
      color: #282828;
      font-size: 30px;
      font-weight: bold;
      font-family: var(--font-no);
      text-align: center;
}

.wp_wrap #p_careers #s_welfare .welfare_cont .welfare_list li .box_inner .img_txt {
      display: flex;
      justify-content: center;
}

.wp_wrap #p_careers #s_welfare .welfare_cont .welfare_list li .box_inner .img_txt p {
      height: 160px;
      padding: 38px 30px;
      text-align: center;
      color: #282828;
      font-size: 18px;
      font-family: var(--font-no);
}

/* //////////////////////////////////////////////////////PAGE - CAREERS - Tab_WELFARE 종료///////////////////////////////////////////////////////*/



/* //////////////////////////////////////////////////////PAGE - CAREERS - Tab_EMPLOYMENT///////////////////////////////////////////////////////*/
.wp_wrap #p_careers #s_employment {
      /* padding: 40px 0 40px; */
}


/* 지원하러가기 버튼영역 */
.wp_wrap #p_careers #s_employment .btn_box {}

.wp_wrap #p_careers #s_employment .btn_box a {
      display: inline-block;
      color: #fff;
      padding: 9px 31px;
      font-size: 15px;
      font-family: var(--font-no);
      background-color: #CF1818;
}

/* 지원하러가기 버튼영역 종료 */
/* //////////////////////////////////////////////////////PAGE - CAREERS - Tab_EMPLOYMENT 종료///////////////////////////////////////////////////////*/


/**********************************************************************************************************************/









/**********************************************************************************************************************/
/* PAGE - CONTACT */
/**********************************************************************************************************************/
.wp_wrap #p_contact {
      padding: 180px 0 90px;
}

.wp_wrap #p_contact #s_contact {}

.wp_wrap #p_contact #s_contact .contact_inner {}

/* contact - tit영역 */
.wp_wrap #p_contact #s_contact .contact_inner .contact_tit {}

.wp_wrap #p_contact #s_contact .contact_inner .contact_tit h2 {}


/* contact - map 영역 */
.wp_wrap #p_contact #s_contact .contact_inner .map_box {
      margin-top: 85px;
}

.wp_wrap #p_contact #s_contact .contact_inner .map_box .map_inner {}

.wp_wrap #p_contact #s_contact .contact_inner .map_box .map_inner iframe {}



/* contact - input 영역 */
.wp_wrap #p_contact #s_contact .contact_inner .contact_container {
      /* padding: 50px 0; */
      padding-top: 85px;
}

.wp_wrap #p_contact #s_contact .contact_inner .contact_container .contact_txt {}

.wp_wrap #p_contact #s_contact .contact_inner .contact_container .contact_txt .txt_box {}

.wp_wrap #p_contact #s_contact .contact_inner .contact_container .contact_txt .txt_box .contact_name {}

.wp_wrap #p_contact #s_contact .contact_inner .contact_container .contact_txt .txt_box .contact_name p {
      font-size: 36px;
      font-weight: bold;
      font-family: var(--font-no);
}

.wp_wrap #p_contact #s_contact .contact_inner .contact_container .contact_txt .txt_box .contact_name em {
      font-size: 20px;
      font-weight: 400;
      font-family: var(--font-no);
}

.wp_wrap #p_contact #s_contact .contact_inner .contact_container .contact_txt .txt_box .contact_add {
      padding: 30px 0;
}

.wp_wrap #p_contact #s_contact .contact_inner .contact_container .contact_txt .txt_box .contact_add p {
      font-size: 19px;
      font-weight: 400;
      font-family: var(--font-no);
}

.wp_wrap #p_contact #s_contact .contact_inner .contact_container .contact_inp {}

.wp_wrap #p_contact #s_contact .contact_inner .contact_container .contact_inp form {
      display: flex;
      flex-direction: column;
      align-items: center;
}

.wp_wrap #p_contact #s_contact .contact_inner .contact_container .contact_inp form input {
      width: 100%;
      margin-bottom: 20px;
      padding: 7px 20px;
      background-color: #F4F4F4;
      border: none;
      outline: none;
}

.wp_wrap #p_contact #s_contact .contact_inner .contact_container .contact_inp form input::placeholder {
      color: #282828;
      font-size: 18px;
      font-weight: 400;
      font-family: var(--font-no);
}

.wp_wrap #p_contact #s_contact .contact_inner .contact_container .contact_inp form textarea {
      width: 100%;
      margin-bottom: 20px;
      padding: 7px 20px;
      background-color: #F4F4F4;
      border: none;
      outline: none;
}

.wp_wrap #p_contact #s_contact .contact_inner .contact_container .contact_inp form textarea::placeholder {
      color: #282828;
      font-size: 18px;
      font-weight: 400;
      font-family: var(--font-no);
}


.wp_wrap #p_contact #s_contact .contact_inner .contact_container .contact_inp form button {
      margin-top: 58px;
      padding: 8px 35px;
      color: #fff;
      background-color: #CF1818;
}

/* contact - input 영역 종료*/
/**********************************************************************************************************************/




/**********************************************************************************************************************/
/* PAGE - PRIVACY(서브 폴더에 있어요!) */
/**********************************************************************************************************************/
.wp_wrap #p_privacy {
      padding: 100px 0 0;
}

.wp_wrap #p_privacy #s_privacy {}

.wp_wrap #p_privacy #s_privacy .privacy_inner {}

.wp_wrap #p_privacy #s_privacy .privacy_inner .privacy_tit {
      margin: 80px 0;
}

.wp_wrap #p_privacy #s_privacy .privacy_inner .privacy_tit h2 {}

.wp_wrap #p_privacy #s_privacy .privacy_inner .privacy_container {}

.wp_wrap #p_privacy #s_privacy .privacy_inner .privacy_container .sub_tit {}

.wp_wrap #p_privacy #s_privacy .privacy_inner .privacy_container .sub_tit span {
      color: #282828;
      font-size: 18px;
      font-weight: bold;
      font-family: var(--font-no);
}

.wp_wrap #p_privacy #s_privacy .privacy_inner .privacy_container p {
      padding: 20px 0;
      color: #282828;
      font-size: 15px;
      font-weight: 300;
      font-family: var(--font-no);
}

/**********************************************************************************************************************/




/**********************************************************************************************************************/
/* PAGE - ANNOUNCEMENT공지사항(서브 폴더에 있어요!) */
/**********************************************************************************************************************/
.wp_wrap #p_announcement {
      padding: 100px 0 0;
}

.wp_wrap #p_announcement #s_announcement {}

.wp_wrap #p_announcement #s_announcement .announcement_inner {}

.wp_wrap #p_announcement #s_announcement .announcement_inner .announcement_tit {
      margin: 80px 0;
}

.wp_wrap #p_announcement #s_announcement .announcement_inner .announcement_tit h2 {}

.wp_wrap #p_announcement #s_announcement .announcement_inner .announcement_container {}

.wp_wrap #p_announcement #s_announcement .announcement_inner .announcement_container .sub_tit {}

/**********************************************************************************************************************/




/**********************************************************************************************************************/
/* POP UP PAGE - EMAIL_POP(헤더페이지에 있어요!) */
/**********************************************************************************************************************/
.wp_wrap #mnu_pop {
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.7);
}

.wp_wrap #mnu_pop .pop_inner {
      padding: 20px;
}

.wp_wrap #mnu_pop .pop_inner .pop_head {
      display: flex;
      justify-content: flex-end;
}

.wp_wrap #mnu_pop .pop_inner .pop_head button {
      color: #fff;
      font-size: 40px;
      background: none;
}

.wp_wrap #mnu_pop .pop_inner .pop_head button i {}

.wp_wrap #mnu_pop .pop_inner .mnu_box {
      width: 100%;
      height: 80vh;
      display: flex;
      justify-content: center;
      align-items: center;
}

.wp_wrap #mnu_pop .pop_inner .mnu_box .mnu_list {}

.wp_wrap #mnu_pop .pop_inner .mnu_box .mnu_list li {
      padding: 20px 0;
      text-align: center;
}

.wp_wrap #mnu_pop .pop_inner .mnu_box .mnu_list li a {
      font-size: 32px;
      font-weight: bold;
      color: #fff;
}

.wp_wrap #mnu_pop .pop_inner .mnu_box .mnu_list li:hover a {
      color: #CF1818;
}

/**********************************************************************************************************************/



/**********************************************************************************************************************/
/* POP UP PAGE - EMAIL_POP(푸터페이지에 있어요!) */
/**********************************************************************************************************************/
.wp_wrap #email_pop {
      display: none;
      justify-content: center;
      align-items: center;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.4);
}

.wp_wrap #email_pop .pop_inner {
      width: 540px;
      height: 440px;
      padding: 10px;
      background-color: #fff;
      z-index: 50;
}

.wp_wrap #email_pop .pop_inner .pop_head {
      display: flex;
      justify-content: flex-end;
}

.wp_wrap #email_pop .pop_inner .pop_head button {
      font-size: 25px;
      background: none;
}

.wp_wrap #email_pop .pop_inner .pop_head button i {}

.wp_wrap #email_pop .pop_inner .pop_cont {
      padding: 0 20px;
}

.wp_wrap #email_pop .pop_inner .pop_cont .pop_tit {
      display: flex;
      justify-content: center;
      padding: 10px 0;
      border-bottom: 2px solid #282828;
}

.wp_wrap #email_pop .pop_inner .pop_cont .pop_tit p {
      font-size: 18px;
      font-weight: bold;
      font-family: var(--font-no);
}

.wp_wrap #email_pop .pop_inner .pop_cont .txt_tit {
      display: flex;
      justify-content: center;
      padding: 36px 0;
}

.wp_wrap #email_pop .pop_inner .pop_cont .txt_tit p {
      font-size: 18px;
      font-weight: bold;
      font-family: var(--font-no);
}

.wp_wrap #email_pop .pop_inner .pop_cont .txt_des {
      display: flex;
      justify-content: center;
      padding: 20px 0;
      border-top: 1px solid #BEBEBE;
      border-bottom: 1px solid #BEBEBE;
}

.wp_wrap #email_pop .pop_inner .pop_cont .txt_des p {
      color: #282828;
      font-size: 13px;
      font-family: var(--font-no);
      text-align: center;
}

.wp_wrap #email_pop .pop_inner .pop_cont .pop_btn {
      display: flex;
      justify-content: center;
      padding-top: 30px;
}

.wp_wrap #email_pop .pop_inner .pop_cont .pop_btn button {
      padding: 8px 55px;
      color: #fff;
      background-color: #CF1818;
}

.wp_wrap #email_pop .pop_inner .pop_cont .pop_btn button:hover {
      background-color: #CCC;
}

/**********************************************************************************************************************/





/**********************************************************************************************************************/
/* TOP BUTTON(헤더페이지에 있어요!) */
/**********************************************************************************************************************/
.wp_wrap .top_btn_box {
      position: fixed;
      right: 5%;
      bottom: 10%;
      z-index: 50;
}

.wp_wrap .top_btn_box #top_btn {
      width: 50px;
      height: 50px;
      color: #fff;
      font-size: 28px;
      background-color: #CF1818;
      border-radius: 50%;
}

.wp_wrap .top_btn_box #top_btn i {}

/**********************************************************************************************************************/









/**********************************************************************************************************************/
/* FOOTER */
/**********************************************************************************************************************/
.wp_wrap footer {
      position: relative;
      padding: 60px 0 30px;
}

/* FOOTER - 상단 컨텐츠 영역 */
.wp_wrap footer .footer_top {
      padding: 25px 0;
      border-top: 1px solid #BEBEBE;
      border-bottom: 1px solid #BEBEBE;
}

.wp_wrap footer .footer_top .footer_cont {
      display: flex;
      justify-content: space-between;
}

.wp_wrap footer .footer_top .footer_cont .footer_logo {}

.wp_wrap footer .footer_top .footer_cont .footer_logo .logo {
      width: 150px;
}

.wp_wrap footer .footer_top .footer_cont .footer_logo .logo a {
      display: block;
}

.wp_wrap footer .footer_top .footer_cont .footer_logo .logo a img {
      display: block;
}

.wp_wrap footer .footer_top .footer_cont .footer_utill {
      width: 40%;
      display: flex;
      align-items: center;
      justify-content: space-around;
}

.wp_wrap footer .footer_top .footer_cont .footer_utill li {
      /* width: 25%; */
      text-align: center;
}

.wp_wrap footer .footer_top .footer_cont .footer_utill li a {
      font-size: 14px;
      font-family: var(--font-no);
      color: #282828;
}

/* FOOTER - 상단 컨텐츠 영역 종료*/


/* FOOTER - 하단 정보 영역 */
.wp_wrap footer .footer_bot {
      padding: 30px 0;
}

.wp_wrap footer .footer_bot .footer_info {
      display: flex;
}

.wp_wrap footer .footer_bot .footer_info li {
      position: relative;
      padding: 0 10px;
      color: #282828;
      font-size: 14px;
      font-family: var(--font-no);
}

.wp_wrap footer .footer_bot .footer_info li:first-child {
      padding-left: 0;
}

.wp_wrap footer .footer_bot .footer_info li:after {
      position: absolute;
      right: 0;
      top: 30%;
      display: block;
      content: '';
      width: 1px;
      height: 10px;
      background-color: #000;
}

.wp_wrap footer .footer_bot .footer_info li:last-child::after {
      display: none;
}

.wp_wrap footer .footer_bot .footer_info li a {}

.wp_wrap footer .footer_bot .footer_copy {}

.wp_wrap footer .footer_bot .footer_copy p {
      color: #8D8D8C;
      font-size: 14px;
      font-family: var(--font-no);
}

/* FOOTER - 하단 정보 영역 종료*/
/**********************************************************************************************************************/