@charset "UTF-8";



/*************************************************************************************************************************/
/* 솔루션 공통 */
/*************************************************************************************************************************/


/* Pager */
.wp_solution #wp_stn_pager {
      display: flex;
      justify-content: center;
      align-items: center;
      margin-bottom: 30px;
}

.wp_solution #wp_stn_pager .pager {
      display: flex;
      justify-content: center;
      align-items: center;
}

.wp_solution #wp_stn_pager .pager>a {
      width: 25px;
      height: 25px;
      font-size: 18px;
      font-family: var(--font-prer);
}

.wp_solution #wp_stn_pager .pager .wp_pg_num {
      transition: 0.2s;
}

.wp_solution #wp_stn_pager .pager .wp_pg_num.on {
      color: #fff;
      border-radius: 50%;
      background-color: #9FD263;
      transition: 0.3s;
}

.wp_solution #wp_stn_pager .pager .wp_pg_num:hover {
      color: #fff;
      border-radius: 50%;
      background-color: #9FD263;
      transition: 0.3s;
}

.wp_solution #wp_stn_pager .pager .wp_pg_arrow {}




/* Write_Button_List */
.wp_solution #wp_write_list {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-end;
      align-items: center;
      gap: 5px;
}

.wp_solution #wp_write_list .wp_btn_wrt {
      width: 85px;
      height: 40px;
      font-size: 15px;
      font-family: var(--font-prer);
      border: 1px solid #ABABAB;
      transition: 0.2s;
}

.wp_solution #wp_write_list .wp_btn_wrt:hover {
      color: #fff;
      background-color: #393939;
      border: 1px solid #393939;
      transition: 0.4s;
}

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



/*************************************************************************************************************************/
/* 브랜드 리스트 페이지*/
/*************************************************************************************************************************/
/* 브랜드 리스트 페이지 */
.wp_solution #shp_brd_list {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: stretch;
      gap: 60px;
}

.wp_solution #shp_brd_list .brd_list {
      column-gap: 55px;
      row-gap: 30px;
}

.wp_solution #shp_brd_list .brd_list .item {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: flex-start;
      height: 270px;
      padding: 20px;
      background-color: #fff;
      border: 1px solid #444444;
}

.wp_solution #shp_brd_list .brd_list .item:hover {
      background: rgb(13, 162, 190);
      background: linear-gradient(90deg, rgba(13, 162, 190, 1) 0%, rgba(13, 136, 118, 1) 50%, rgba(141, 192, 99, 1) 100%);
      border: none;
}

.wp_solution #shp_brd_list .brd_list .item>a {
      width: 100%;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
}

.wp_solution #shp_brd_list .brd_list .item>a>img {}

.wp_solution #shp_brd_list .brd_list .item>a>img.brd_off {}

.wp_solution #shp_brd_list .brd_list .item:hover>a>img.brd_off {
      display: none;
}

.wp_solution #shp_brd_list .brd_list .item>a>img.brd_on {
      display: none;
}

.wp_solution #shp_brd_list .brd_list .item:hover>a>img.brd_on {
      display: block;
}


@media (max-width:992px) {
      .wp_solution #shp_brd_list .brd_list {
            column-gap: 20px;
            row-gap: 20px;
      }

      .wp_solution #shp_brd_list .brd_list .item {
            height: 180px;
      }

      .wp_solution #shp_brd_list .brd_list .item>a>.brd_off {
            /* width: 45%; */
            width: 100%;
      }
}

@media (max-width:768px) {
      .wp_solution #shp_brd_list .brd_list {
            column-gap: 10px;
            row-gap: 10px;
      }

      .wp_solution #shp_brd_list .brd_list .item {
            height: 120px;
      }

      .wp_solution #shp_brd_list .brd_list .item>a>.brd_on,
      .wp_solution #shp_brd_list .brd_list .item>a>.brd_off {
            /* width: 35%; */
            width: 100%;
      }
}

@media (max-width:576px) {
      .wp_solution #shp_brd_list .brd_list .item {
            height: 80px;
            padding: 10px;
      }

      .wp_solution #shp_brd_list .brd_list .item>a>.brd_on,
      .wp_solution #shp_brd_list .brd_list .item>a>.brd_off {
            /* width: 50%; */
            width: 100%;
      }
}

@media (max-width:375px) {
      .wp_solution #shp_brd_list .brd_list .item {
            height: 60px;
      }
}

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



/*************************************************************************************************************************/
/* 브랜드 뷰페이지 */
/*************************************************************************************************************************/


/* 브랜드 뷰페이지  */
.wp_solution #brand_head {
      position: relative;
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover;
}

.wp_solution #brand_head .headWrap {
      width: 100%;
      height: 100%;
      /* background-color: rgba(0, 0, 0, .25); */
}

.wp_solution #brand_head .headWrap .head_inner {
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 330px 0;
}

.wp_solution #brand_head .headWrap .head_inner .head_logo {}

.wp_solution #brand_head .headWrap .head_inner .head_logo>img {}

.wp_solution #brand_head .headWrap .head_inner .btn_box {
      position: absolute;
      left: 0;
      bottom: -45px;
      width: 100%;
      display: flex;
      justify-content: flex-end;
      align-items: center;
      gap: 30px;
}

.wp_solution #brand_head .headWrap .head_inner .btn_box .btn_move {
      padding: 40px;
      flex-direction: column;
      justify-content: space-between;
      align-items: flex-start;
      max-width: 300px;
      width: 100%;
      height: 175px;
      background-color: #444444;
}

.wp_solution #brand_head .headWrap .head_inner .btn_box .btn_move .txt {
      color: #fff;
      font-size: 20px;
      font-family: var(--font-prem);
}

.wp_solution #brand_head .headWrap .head_inner .btn_box .btn_move .arrow {}

.wp_solution #brand_head .headWrap .head_inner .btn_box .btn_move .arrow>img {}



.wp_solution #brand_body {}

.wp_solution #brand_body .body_inner {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: stretch;
      gap: 60px;
      padding: 120px 0;
}

.wp_solution #brand_body .body_inner .top_box {
      display: flex;
      justify-content: space-between;
      align-items: stretch;
      gap: 60px;
}

.wp_solution #brand_body .body_inner .top_box .lt_box {}

.wp_solution #brand_body .body_inner .top_box .lt_box .img_frame {
      height: 100%;
}

.wp_solution #brand_body .body_inner .top_box .lt_box .img_frame>img {
      width: 100%;
      height: 100%;
      object-fit: cover;
}


.wp_solution #brand_body .body_inner .top_box .rt_box {
      flex-grow: 1;
}

.wp_solution #brand_body .body_inner .top_box .rt_box .txt_box {
      padding: 25px 0;
}

.wp_solution #brand_body .body_inner .top_box .rt_box .txt_box .tit_box {}

.wp_solution #brand_body .body_inner .top_box .rt_box .txt_box .tit_box .min_tit {
      position: relative;
      font-size: 30px;
      font-family: var(--font-prel);
}

.wp_solution #brand_body .body_inner .top_box .rt_box .txt_box .tit_box .min_tit>img {
      position: absolute;
      left: -25px;
      top: -25px;
}

.wp_solution #brand_body .body_inner .top_box .rt_box .txt_box .tit_box .tit {
      font-size: 60px;
      font-family: var(--font-preb);
}

.wp_solution #brand_body .body_inner .top_box .rt_box .txt_box .line {
      display: block;
      width: 40px;
      height: 4px;
      background-color: #1E1E1E;
      margin: 50px 0;
}

.wp_solution #brand_body .body_inner .top_box .rt_box .txt_box .descript {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: stretch;
      gap: 30px;
}

.wp_solution #brand_body .body_inner .top_box .rt_box .txt_box .descript .des {
      font-size: 20px;
      font-family: var(--font-prer);
      white-space: pre-line;
      line-height: 30px;
}



@media (max-width:1200px) {
      .wp_solution #brand_body .body_inner .top_box .rt_box .txt_box .tit_box .min_tit {
            font-size: 26px;
      }

      .wp_solution #brand_body .body_inner .top_box .rt_box .txt_box .tit_box .tit {
            font-size: 55px;
      }

      .wp_solution #brand_body .body_inner .top_box .rt_box .txt_box .line {
            margin: 35px 0;
      }

      .wp_solution #brand_body .body_inner .top_box .rt_box .txt_box .descript .des {
            font-size: 18px;
      }
}

@media (max-width:768px) {
      .wp_solution #brand_body .body_inner {
            padding: 120px 0 60px;
      }

      .wp_solution #brand_body .body_inner .top_box {
            flex-direction: column;
      }

      /* .wp_solution #brand_body .body_inner .bot_box{}
    .wp_solution #brand_body .body_inner .bot_box .img_frame{
          position: relative;
          left: -10%;
          width: 120%;
    } */

      .wp_solution #brand_head .headWrap .head_inner {
            padding: 130px 0;
      }

      .wp_solution #brand_head .headWrap .head_inner .btn_box {
            gap: 10px;
      }

      .wp_solution #brand_head .headWrap .head_inner .btn_box .btn_move {
            max-width: 105px;
            height: 80px;
            padding: 10px;
      }

      .wp_solution #brand_head .headWrap .head_inner .btn_box .btn_move .txt {
            font-size: 13px;
      }

      .wp_solution #brand_head .headWrap .head_inner .btn_box .btn_move .arrow>img {
            width: 60%;
      }

      .wp_solution #brand_body .body_inner .top_box .rt_box .txt_box {
            padding: 0;
      }

      .wp_solution #brand_body .body_inner .top_box .rt_box .txt_box .tit_box .min_tit>img {
            display: none;
      }

      .wp_solution #brand_body .body_inner .top_box .rt_box .txt_box .descript .des {
            line-height: 20px;
      }
}

@media (max-width:576px) {
      .wp_solution #brand_body .body_inner .top_box .rt_box .txt_box .tit_box .min_tit {
            font-size: 15px;
      }

      .wp_solution #brand_body .body_inner .top_box .rt_box .txt_box .tit_box .tit {
            font-size: 30px;
      }

      .wp_solution #brand_body .body_inner .top_box .rt_box .txt_box .descript .des {
            font-size: 13px;
            line-height: 18px;
      }

      .wp_solution #brand_body .body_inner .top_box .rt_box .txt_box .line {
            height: 2px;
            margin: 20px 0;
      }
}

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



/*************************************************************************************************************************/
/* 브랜드 인풋페이지 */
/*************************************************************************************************************************/
/* 브랜드 인풋페이지 */
.wp_solution #shp_brd_inp {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: stretch;
      gap: 60px;
}

.wp_solution #shp_brd_inp .inp_head_tit {
      font-size: 60px;
      font-family: var(--font-preb);
}

.wp_solution #shp_brd_inp .inpWrap {}

.wp_solution #shp_brd_inp .inpWrap .inp_inner {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: stretch;
      gap: 30px;
}

.wp_solution #shp_brd_inp .inpWrap .inp_inner .inp_row {}

.wp_solution #shp_brd_inp .inpWrap .inp_inner .inp_row01 {}

.wp_solution #shp_brd_inp .inpWrap .inp_inner .inp_row02 {}

.wp_solution #shp_brd_inp .inpWrap .inp_inner .inp_row .inp_col {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: stretch;
      gap: 10px;
}

.wp_solution #shp_brd_inp .inpWrap .inp_inner .inp_row .inp_col>dt {
      display: flex;
      justify-content: space-between;
      align-items: center;
}

.wp_solution #shp_brd_inp .inpWrap .inp_inner .inp_row .inp_col>dt .tit {
      font-size: 20px;
      font-family: var(--font-presb);
}

.wp_solution #shp_brd_inp .inpWrap .inp_inner .inp_row .inp_col>dt .use_box {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 10px;
}

.wp_solution #shp_brd_inp .inpWrap .inp_inner .inp_row .inp_col>dt .use_box>label {
      font-size: 16px;
      font-family: var(--font-prer);
}

.wp_solution #shp_brd_inp .inpWrap .inp_inner .inp_row .inp_col>dt .use_box>input[type="checkbox"] {}

.wp_solution #shp_brd_inp .inpWrap .inp_inner .inp_row .inp_col>dd {
      background-color: #F7F7F7;
}

.wp_solution #shp_brd_inp .inpWrap .inp_inner .inp_row .inp_col>dd .text_box,
.wp_solution #shp_brd_inp .inpWrap .inp_inner .inp_row .inp_col>dd .file_box {
      width: 100%;
}

.wp_solution #shp_brd_inp .inpWrap .inp_inner .inp_row .inp_col>dd .text_box input[type='text'] {
      width: 100%;
      height: 50px;
      padding: 10px;
      border: 1px solid #DDDDDD;
      outline: none;
      background-color: #F7F7F7;
}

.wp_solution #shp_brd_inp .inpWrap .inp_inner .inp_row .inp_col>dd .file_box input[type='file'] {
      width: 100%;
      height: 50px;
      padding: 10px;
      border: 1px solid #DDDDDD;
      cursor: pointer;
}

.wp_solution #shp_brd_inp .inpWrap .inp_inner .inp_row .inp_col>dd .file_box input[type='file']::file-selector-button {
      padding: 5px 20px;
      font-size: 16px;
      font-family: var(--font-prer);
      border: 1px solid #DDDDDD;
      cursor: pointer;
}

.wp_solution #shp_brd_inp .inpWrap .inp_inner .btn_box {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 20px;
}

.wp_solution #shp_brd_inp .inpWrap .inp_inner .btn_box .wp_btn {
      max-width: 170px;
      width: 100%;
      height: 60px;
      margin-top: 30px;
      color: #000;
      font-size: 20px;
      font-family: var(--font-prer);
      border-radius: 10px;
      background-color: #fff;
      border: 1px solid #AAAAAA;
      transition: 0.4s;
}

.wp_solution #shp_brd_inp .inpWrap .inp_inner .btn_box .wp_btn:hover {
      color: #fff;
      background-color: #666666;
      transition: 0.4s;
}

@media (max-width:576px) {
      .wp_solution #shp_brd_inp {
            gap: 30px;
      }

      .wp_solution #shp_brd_inp .inp_head_tit {
            font-size: 30px;
      }

      .wp_solution #shp_brd_inp .inpWrap .inp_inner .inp_row .inp_col>dt .tit {
            font-size: 11px;
      }

      .wp_solution #shp_brd_inp .inpWrap .inp_inner .inp_row .inp_col>dd .file_box input[type='file'] {
            height: 40px;
            font-size: 10px;
      }

      .wp_solution #shp_brd_inp .inpWrap .inp_inner .inp_row .inp_col>dd .file_box input[type='file']::file-selector-button {
            font-size: 10px;
            padding: 2px 20px;
      }

      .wp_solution #shp_brd_inp .inpWrap .inp_inner .inp_row .inp_col>dd .text_box input[type='text'] {
            height: 40px;
      }

      .wp_solution #shp_brd_inp .inpWrap .inp_inner .inp_row .inp_col>dt .use_box>label {
            font-size: 13px;
      }

      .wp_solution #shp_brd_inp .inpWrap .inp_inner .btn_box .wp_btn {
            max-width: 110px;
            height: 40px;
            font-size: 12px;
      }
}

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




/*************************************************************************************************************************/
/* MEDIA 리스트 페이지 */
/*************************************************************************************************************************/
.wp_solution #shp_md_list {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: stretch;
      gap: 60px;
}

.wp_solution #shp_md_list .md_list {}

.wp_solution #shp_md_list .md_list>li {}

.wp_solution #shp_md_list .md_list>li>a {
      position: relative;
      display: block;
}

.wp_solution #shp_md_list .md_list>li>a .img_frame {
      width: 100%;
      height: 100%;
      overflow: hidden;
}

.wp_solution #shp_md_list .md_list>li>a .img_frame>img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: 0.4s;
}

.wp_solution #shp_md_list .md_list>li>a:hover .img_frame>img {
      transform: scale(1.05);
      transition: 0.4s;
}

.wp_solution #shp_md_list .md_list>li>a .txt_frame {
      opacity: 0;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      background: rgb(13, 162, 190, .75);
      background: linear-gradient(150deg, rgba(13, 162, 190, .75) 0%, rgba(13, 136, 118, .75) 50%, rgba(141, 192, 99, .75) 100%);
      z-index: 5;
      transition: 0.4s;
}

.wp_solution #shp_md_list .md_list>li>a:hover .txt_frame {
      opacity: 1;
      transition: 0.4s;
}

.wp_solution #shp_md_list .md_list>li>a .txt_frame .txt {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: center;
      gap: 20px;
      color: #fff;
      font-size: 24px;
      font-family: var(--font-prem);
      text-align: center;
}

.wp_solution #shp_md_list .md_list>li>a .txt_frame .txt .list_tit {}

.wp_solution #shp_md_list .md_list>li>a .txt_frame .txt .icon_cic {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 60px;
      height: 60px;
      border-radius: 50%;
      background-color: #9ED163;
}

.wp_solution #shp_md_list .md_list>li>a .txt_frame .txt .icon_cic>img {}





/* VIEW 모달창  */
.wp_solution #list_view_modal {
      display: none;
      position: fixed;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background-color: #333333;
      z-index: 9999;
}

.wp_solution #list_view_modal .mdlWrap {
      position: relative;
      width: 100%;
      height: 100%;
      padding: 110px;
}

.wp_solution #list_view_modal .mdlWrap .mdlCont {
      height: 100%;
      grid-gap: 120px;
}

.wp_solution #list_view_modal .mdlWrap .mdlCont .lt_box {
      overflow: hidden;
}

.wp_solution #list_view_modal .mdlWrap .mdlCont .lt_box .img_frame {}

.wp_solution #list_view_modal .mdlWrap .mdlCont .lt_box .img_frame>img {
      width: 100%;
      height: 100%;
      object-fit: cover;
}

.wp_solution #list_view_modal .mdlWrap .mdlCont .rt_box {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: stretch;
}

.wp_solution #list_view_modal .mdlWrap .mdlCont .rt_box .txt_frame {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      flex-grow: 1;
}

.wp_solution #list_view_modal .mdlWrap .mdlCont .rt_box .txt_frame .txt {}

.wp_solution #list_view_modal .mdlWrap .mdlCont .rt_box .txt_frame .txt .tit_box {}

.wp_solution #list_view_modal .mdlWrap .mdlCont .rt_box .txt_frame .txt .tit_box .tit {
      margin-bottom: 10px;
      color: #9ED163;
      font-size: 60px;
      font-family: var(--font-preb);
}

.wp_solution #list_view_modal .mdlWrap .mdlCont .rt_box .txt_frame .txt .tit_box .min_des {
      color: #fff;
      font-size: 28px;
      font-family: var(--font-prel);
}

.wp_solution #list_view_modal .mdlWrap .mdlCont .rt_box .txt_frame .txt .line {
      width: 40px;
      height: 4px;
      margin: 50px 0;
      background-color: #fff;
}

.wp_solution #list_view_modal .mdlWrap .mdlCont .rt_box .txt_frame .txt .descript {}

.wp_solution #list_view_modal .mdlWrap .mdlCont .rt_box .txt_frame .txt .descript .des {
      color: #fff;
      font-size: 20px;
      font-family: var(--font-prel);
}

.wp_solution #list_view_modal .mdlWrap .mdlCont .rt_box .img_list {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 20px;
}

.wp_solution #list_view_modal .mdlWrap .mdlCont .rt_box .img_list .img_item {
      filter: grayscale(50%);
      transition: 0.4s;
}

.wp_solution #list_view_modal .mdlWrap .mdlCont .rt_box .img_list .img_item:hover {
      filter: grayscale(0);
      transition: 0.4s;
}


.wp_solution #list_view_modal .mdlWrap .btn_view_cls {
      position: absolute;
      right: 60px;
      top: 60px;
}

.wp_solution #list_view_modal .mdlWrap .btn_view_cls>i {
      color: #fff;
      font-size: 26px;
}

.wp_solution #list_view_modal .mdlWrap .btn_view_arw {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
}

.wp_solution #list_view_modal .mdlWrap .btn_view_arw>i {
      color: #fff;
      font-size: 30px;
}

.wp_solution #list_view_modal .mdlWrap .view_lt01 {
      left: 50px;
}

.wp_solution #list_view_modal .mdlWrap .view_rt01 {
      right: 50px;
}



/* VIEW 이미지 모달창 */
.wp_solution #list_img_modal {
      display: none;
      position: fixed;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      z-index: 9999;
      background-color: #333333;
}

.wp_solution #list_img_modal .mdlWrap {
      position: relative;
      width: 100%;
      height: 100%;
}

.wp_solution #list_img_modal .mdlWrap .mdl_head {
      position: absolute;
      left: 0;
      top: 50px;
      width: 100%;
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 0 110px;
}

.wp_solution #list_img_modal .mdlWrap .mdl_head .head_tit {
      color: #fff;
      font-size: 28px;
      font-family: var(--font-prel);
}

.wp_solution #list_img_modal .mdlWrap .mdl_head .img_mdl_cls {}

.wp_solution #list_img_modal .mdlWrap .mdl_head .img_mdl_cls>i {
      color: #fff;
      font-size: 30px;
}

.wp_solution #list_img_modal .mdlWrap .mdl_cont {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100%;
      padding: 0 20px;
}

.wp_solution #list_img_modal .mdlWrap .mdl_cont .img_frame {
      height: 100%;
      overflow-y: auto;
}

.wp_solution #list_img_modal .mdlWrap .mdl_cont .img_frame>img {}



@media (max-width:768px) {

      .wp_solution #list_view_modal .mdlWrap {
            padding: 30px;
      }

      .wp_solution #list_view_modal .mdlWrap .mdlCont {
            grid-gap: 20px;
      }

      .wp_solution #list_view_modal .mdlWrap .mdlCont .rt_box {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            align-items: stretch;
            gap: 20px;
      }

      .wp_solution #list_view_modal .mdlWrap .mdlCont .rt_box .txt_frame {
            order: 2;
      }

      .wp_solution #list_view_modal .mdlWrap .mdlCont .rt_box .img_list {
            order: 1;
      }

      .wp_solution #list_view_modal .mdlWrap .mdlCont .rt_box .txt_frame .txt .line {
            height: 2px;
            margin: 20px 0;
      }

      .wp_solution #list_view_modal .mdlWrap .mdlCont .rt_box .txt_frame .txt .tit_box .tit {
            font-size: 36px;
      }

      .wp_solution #list_view_modal .mdlWrap .mdlCont .rt_box .txt_frame .txt .descript .des,
      .wp_solution #list_view_modal .mdlWrap .mdlCont .rt_box .txt_frame .txt .tit_box .min_des {
            font-size: 16px;
      }

      .wp_solution #list_view_modal .mdlWrap .view_lt01 {
            left: 10px;
      }

      .wp_solution #list_view_modal .mdlWrap .view_rt01 {
            right: 10px;
      }

      .wp_solution #list_img_modal .mdlWrap .mdl_head {
            position: absolute;
            left: 0;
            top: 50px;
            width: 100%;
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 0 20px;
      }

      .wp_solution #list_img_modal .mdlWrap .mdl_head .head_tit {
            color: #000;
            font-size: 16px;
      }

      .wp_solution #list_img_modal .mdlWrap .mdl_head .img_mdl_cls>i {
            color: #000;
            font-size: 22px;
      }
}


@media (max-width:576px) {
      .wp_solution #shp_md_list .md_list {
            padding: 0 20px;
      }
}

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




/*************************************************************************************************************************/
/* MEDIA 인풋 페이지 */
/*************************************************************************************************************************/
/* R&D 인풋페이지 */
.wp_solution #shp_md_inp {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: stretch;
      gap: 60px;
}

.wp_solution #shp_md_inp .inp_head_tit {
      font-size: 60px;
      font-family: var(--font-preb);
}

.wp_solution #shp_md_inp .inpWrap {}

.wp_solution #shp_md_inp .inpWrap .inp_inner {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: stretch;
      gap: 30px;
}

.wp_solution #shp_md_inp .inpWrap .inp_inner .inp_row {}

.wp_solution #shp_md_inp .inpWrap .inp_inner .inp_row01 {}

.wp_solution #shp_md_inp .inpWrap .inp_inner .inp_row02 {}

.wp_solution #shp_md_inp .inpWrap .inp_inner .inp_row .inp_col {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: stretch;
      gap: 10px;
}

.wp_solution #shp_md_inp .inpWrap .inp_inner .inp_row .inp_col>dt {
      display: flex;
      justify-content: space-between;
      align-items: center;
}

.wp_solution #shp_md_inp .inpWrap .inp_inner .inp_row .inp_col>dt .tit {
      font-size: 20px;
      font-family: var(--font-presb);
}

.wp_solution #shp_md_inp .inpWrap .inp_inner .inp_row .inp_col>dt .use_box {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 10px;
}

.wp_solution #shp_md_inp .inpWrap .inp_inner .inp_row .inp_col>dt .use_box>label {
      font-size: 16px;
      font-family: var(--font-prer);
}

.wp_solution #shp_md_inp .inpWrap .inp_inner .inp_row .inp_col>dt .use_box>input[type="checkbox"] {}

.wp_solution #shp_md_inp .inpWrap .inp_inner .inp_row .inp_col>dd {
      background-color: #F7F7F7;
}

.wp_solution #shp_md_inp .inpWrap .inp_inner .inp_row .inp_col>dd .text_box,
.wp_solution #shp_md_inp .inpWrap .inp_inner .inp_row .inp_col>dd .file_box {
      width: 100%;
}

.wp_solution #shp_md_inp .inpWrap .inp_inner .inp_row .inp_col>dd .text_box input[type='text'] {
      width: 100%;
      height: 50px;
      padding: 10px;
      border: 1px solid #DDDDDD;
      outline: none;
      background-color: #F7F7F7;
}

.wp_solution #shp_md_inp .inpWrap .inp_inner .inp_row .inp_col>dd .text_box textarea {
      width: 100%;
      height: 300px;
      padding: 10px;
      border: 1px solid #DDDDDD;
      outline: none;
      background-color: #F7F7F7;
}

.wp_solution #shp_md_inp .inpWrap .inp_inner .inp_row .inp_col>dd .file_box input[type='file'] {
      width: 100%;
      height: 50px;
      padding: 10px;
      border: 1px solid #DDDDDD;
      cursor: pointer;
}

.wp_solution #shp_md_inp .inpWrap .inp_inner .inp_row .inp_col>dd .file_box input[type='file']::file-selector-button {
      padding: 5px 20px;
      font-size: 16px;
      font-family: var(--font-prer);
      border: 1px solid #DDDDDD;
      cursor: pointer;
}

.wp_solution #shp_md_inp .inpWrap .inp_inner .btn_box {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 20px;
}

.wp_solution #shp_md_inp .inpWrap .inp_inner .btn_box .wp_btn {
      max-width: 170px;
      width: 100%;
      height: 60px;
      margin-top: 30px;
      color: #000;
      font-size: 20px;
      font-family: var(--font-prer);
      border-radius: 10px;
      background-color: #fff;
      border: 1px solid #AAAAAA;
      transition: 0.4s;
}

.wp_solution #shp_md_inp .inpWrap .inp_inner .btn_box .wp_btn:hover {
      color: #fff;
      background-color: #666666;
      transition: 0.4s;
}



@media (max-width:768px) {
      .wp_solution #list_img_modal .mdlWrap .mdl_head {
            position: unset;
            padding: 40px 20px;
      }

      .wp_solution #list_img_modal .mdlWrap .mdl_head .head_tit {
            color: #fff;
      }

      .wp_solution #list_img_modal .mdlWrap .mdl_head .img_mdl_cls>i {
            color: #fff;
      }
}

@media (max-width:576px) {
      .wp_solution #shp_md_inp {
            gap: 30px;
      }

      .wp_solution #shp_md_inp .inp_head_tit {
            font-size: 30px;
      }

      .wp_solution #shp_md_inp .inpWrap .inp_inner {
            gap: 20px;
      }

      .wp_solution #shp_md_inp .inpWrap .inp_inner .inp_row .inp_col>dt .tit {
            font-size: 11px;
      }

      .wp_solution #shp_md_inp .inpWrap .inp_inner .inp_row .inp_col>dd .text_box input[type='text'] {
            height: 40px;
      }

      .wp_solution #shp_md_inp .inpWrap .inp_inner .inp_row .inp_col>dd .file_box input[type='file'] {
            height: 40px;
            font-size: 11px;
      }

      .wp_solution #shp_md_inp .inpWrap .inp_inner .inp_row .inp_col>dd .file_box input[type='file']::file-selector-button {
            padding: 2px 20px;
            font-size: 10px;
      }

      .wp_solution #shp_md_inp .inpWrap .inp_inner .btn_box .wp_btn {
            max-width: 110px;
            height: 40px;
            font-size: 13px;
      }
}

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





/*************************************************************************************************************************/
/* R&D리스트 페이지 */
/*************************************************************************************************************************/
.wp_solution #shp_rd_list {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: stretch;
      gap: 60px;
}

.wp_solution #shp_rd_list .rd_list {}

.wp_solution #shp_rd_list .rd_list>li {}

.wp_solution #shp_rd_list .rd_list>li>a {
      position: relative;
      display: block;
}

.wp_solution #shp_rd_list .rd_list>li>a .img_frame {
      width: 100%;
      height: 100%;
      overflow: hidden;
}

.wp_solution #shp_rd_list .rd_list>li>a .img_frame>img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: 0.4s;
}

.wp_solution #shp_rd_list .rd_list>li>a:hover .img_frame>img {
      transform: scale(1.05);
      transition: 0.4s;
}

.wp_solution #shp_rd_list .rd_list>li>a .txt_frame {
      opacity: 0;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      background: rgb(13, 162, 190, 0.5);
      background: linear-gradient(150deg, rgba(13, 162, 190, .4) 0%, rgba(13, 136, 118, .4) 50%, rgba(141, 192, 99, .4) 100%);
      z-index: 5;
      transition: 0.4s;
}

.wp_solution #shp_rd_list .rd_list>li>a:hover .txt_frame {
      opacity: 1;
      transition: 0.4s;
}

.wp_solution #shp_rd_list .rd_list>li>a .txt_frame .txt {
      color: #fff;
      font-size: 24px;
      font-family: var(--font-prem);
      text-align: center;
}

.wp_solution #shp_rd_list .rd_list>li>a .txt_frame .txt .flag_txt {}

.wp_solution #shp_rd_list .rd_list>li>a .txt_frame .txt .list_tit {}

@media (max-width:576px) {
      .wp_solution #shp_rd_list .rd_list {
            padding: 0 20px
      }
}

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



/*************************************************************************************************************************/
/* R&D인풋 페이지 */
/*************************************************************************************************************************/
/* R&D 인풋페이지 */
.wp_solution #shp_rd_inp {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: stretch;
      gap: 60px;
}

.wp_solution #shp_rd_inp .inp_head_tit {
      font-size: 60px;
      font-family: var(--font-preb);
}

.wp_solution #shp_rd_inp .inpWrap {}

.wp_solution #shp_rd_inp .inpWrap .inp_inner {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: stretch;
      gap: 30px;
}

.wp_solution #shp_rd_inp .inpWrap .inp_inner .inp_row {}

.wp_solution #shp_rd_inp .inpWrap .inp_inner .inp_row01 {}

.wp_solution #shp_rd_inp .inpWrap .inp_inner .inp_row02 {}

.wp_solution #shp_rd_inp .inpWrap .inp_inner .inp_row .inp_col {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: stretch;
      gap: 10px;
}

.wp_solution #shp_rd_inp .inpWrap .inp_inner .inp_row .inp_col>dt {
      display: flex;
      justify-content: space-between;
      align-items: center;
}

.wp_solution #shp_rd_inp .inpWrap .inp_inner .inp_row .inp_col>dt .tit {
      font-size: 20px;
      font-family: var(--font-presb);
}

.wp_solution #shp_rd_inp .inpWrap .inp_inner .inp_row .inp_col>dt .use_box {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 10px;
}

.wp_solution #shp_rd_inp .inpWrap .inp_inner .inp_row .inp_col>dt .use_box>label {
      font-size: 16px;
      font-family: var(--font-prer);
}

.wp_solution #shp_rd_inp .inpWrap .inp_inner .inp_row .inp_col>dt .use_box>input[type="checkbox"] {}

.wp_solution #shp_rd_inp .inpWrap .inp_inner .inp_row .inp_col>dd {
      background-color: #F7F7F7;
}

.wp_solution #shp_rd_inp .inpWrap .inp_inner .inp_row .inp_col>dd .text_box,
.wp_solution #shp_rd_inp .inpWrap .inp_inner .inp_row .inp_col>dd .file_box {
      width: 100%;
}

.wp_solution #shp_rd_inp .inpWrap .inp_inner .inp_row .inp_col>dd .text_box input[type='text'] {
      width: 100%;
      height: 50px;
      padding: 10px;
      border: 1px solid #DDDDDD;
      outline: none;
      background-color: #F7F7F7;
}

.wp_solution #shp_rd_inp .inpWrap .inp_inner .inp_row .inp_col>dd .text_box textarea {
      width: 100%;
      height: 300px;
      padding: 10px;
      border: 1px solid #DDDDDD;
      outline: none;
      background-color: #F7F7F7;
}

.wp_solution #shp_rd_inp .inpWrap .inp_inner .inp_row .inp_col>dd .file_box input[type='file'] {
      width: 100%;
      height: 50px;
      padding: 10px;
      border: 1px solid #DDDDDD;
      cursor: pointer;
}

.wp_solution #shp_rd_inp .inpWrap .inp_inner .inp_row .inp_col>dd .file_box input[type='file']::file-selector-button {
      padding: 5px 20px;
      font-size: 16px;
      font-family: var(--font-prer);
      border: 1px solid #DDDDDD;
      cursor: pointer;
}

.wp_solution #shp_rd_inp .inpWrap .inp_inner .btn_box {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 20px;
}

.wp_solution #shp_rd_inp .inpWrap .inp_inner .btn_box .wp_btn {
      max-width: 170px;
      width: 100%;
      height: 60px;
      margin-top: 30px;
      color: #000;
      font-size: 20px;
      font-family: var(--font-prer);
      border-radius: 10px;
      background-color: #fff;
      border: 1px solid #AAAAAA;
      transition: 0.4s;
}

.wp_solution #shp_rd_inp .inpWrap .inp_inner .btn_box .wp_btn:hover {
      color: #fff;
      background-color: #666666;
      transition: 0.4s;
}

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




/*************************************************************************************************************************/
/* 채용리스트 페이지 */
/*************************************************************************************************************************/
.wp_solution #shp_epm_list {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: stretch;
      gap: 40px;
}

.wp_solution #shp_epm_list .epm_head {}

.wp_solution #shp_epm_list .epm_head .hd_ir {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 20px;
}

.wp_solution #shp_epm_list .epm_head .hd_ir .inp_box {
      max-width: 950px;
      width: 100%;
      height: 60px;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 15px 20px;
      border: 1px solid #E0E0E0;
}

.wp_solution #shp_epm_list .epm_head .hd_ir .inp_box>input[type="text"] {
      flex-grow: 1;
      border: none;
      outline: none;
}

.wp_solution #shp_epm_list .epm_head .hd_ir .inp_box .btn_sch {
      min-width: 30px;
      max-width: 30px;
}

.wp_solution #shp_epm_list .epm_head .hd_ir .inp_box .btn_sch>img {}

.wp_solution #shp_epm_list .epm_head .hd_ir .tit_list {
      flex-grow: 1;
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 15px;
}

.wp_solution #shp_epm_list .epm_head .hd_ir .tit_list .list_item {
      max-width: 170px;
      min-width: 100px;
      width: 100%;
      height: 60px;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 18px;
      font-family: var(--font-prer);
      background-color: #E0E0E0;
}

.wp_solution #shp_epm_list .epm_body {}

.wp_solution #shp_epm_list .epm_body .list_item {
      border-bottom: 1px solid #DDDDDD;
      transition: 0.4s;
}

.wp_solution #shp_epm_list .epm_body .list_item:hover {
      background-color: #E0E0E0;
      transition: 0.4s;
}

.wp_solution #shp_epm_list .epm_body .list_item .item_link {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 20px;
      padding: 20px 30px;
}

.wp_solution #shp_epm_list .epm_body .list_item .item_link .item_col {
      color: #444444;
      font-size: 18px;
      font-family: var(--font-prer);
}

.wp_solution #shp_epm_list .epm_body .list_item .item_link .item_col:nth-child(1) {
      font-size: 30px;
      font-family: var(--font-presb);
}

.wp_solution #shp_epm_list .epm_body .list_item .item_link .item_col:nth-child(2) {}

.wp_solution #shp_epm_list .epm_body .list_item .item_link .item_col:nth-child(3) {}

.wp_solution #shp_epm_list .epm_body .list_item .item_link .item_col:nth-child(4) {}

.wp_solution #shp_epm_list .epm_foot {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: stretch;
      gap: 20px;
}


@media (max-width:992px) {
      .wp_solution #shp_epm_list .epm_head .hd_ir {
            flex-direction: column;
      }

      .wp_solution #shp_epm_list .epm_head .hd_ir .tit_list {
            order: 1;
            width: 100%;
      }

      .wp_solution #shp_epm_list .epm_head .hd_ir .inp_box {
            order: 2;
      }

      .wp_solution #shp_epm_list .epm_head .hd_ir .tit_list .list_item {
            max-width: unset;
            padding: 10px;
            justify-content: flex-start;
      }

      .wp_solution #shp_epm_list .epm_body .list_item .item_link {
            flex-wrap: wrap;
            justify-content: stretch;
            gap: 5px;
      }

      .wp_solution #shp_epm_list .epm_body .list_item .item_link .item_col::after {
            display: inline-block;
            content: "/";

      }

      .wp_solution #shp_epm_list .epm_body .list_item .item_link .item_col:nth-child(1) {
            width: 100%;
            order: 2;
      }

      .wp_solution #shp_epm_list .epm_body .list_item .item_link .item_col:nth-child(1)::after {
            display: none;
      }

      .wp_solution #shp_epm_list .epm_body .list_item .item_link .item_col:nth-child(2) {
            order: 1;
      }

      .wp_solution #shp_epm_list .epm_body .list_item .item_link .item_col:nth-child(3) {
            order: 1;
      }

      .wp_solution #shp_epm_list .epm_body .list_item .item_link .item_col:nth-child(4) {
            order: 1;
      }

      .wp_solution #shp_epm_list .epm_body .list_item .item_link .item_col:nth-child(5) {
            order: 1;
      }

      .wp_solution #shp_epm_list .epm_body .list_item .item_link .item_col:nth-child(5)::after {
            display: none;
      }

}

@media (max-width:768px) {
      .wp_solution #shp_epm_list .epm_body .list_item .item_link {
            padding: 20px 10px;
      }

      .wp_solution #shp_epm_list .epm_body .list_item .item_link .item_col:nth-child(1) {
            font-size: 24px;
      }

      .wp_solution #shp_epm_list .epm_body .list_item .item_link .item_col {
            font-size: 16px;
      }
}

@media (max-width:576px) {
      .wp_solution #shp_epm_list .epm_body .list_item .item_link .item_col:nth-child(1) {
            font-size: 18px;
      }

      .wp_solution #shp_epm_list .epm_body .list_item .item_link .item_col {
            font-size: 11px;
      }

      .wp_solution #shp_epm_list .epm_head .hd_ir .tit_list .list_item {
            min-width: 60px;
            height: 30px;
            font-size: 11px;
      }

      .wp_solution #shp_epm_list .epm_head .hd_ir .inp_box {
            height: 40px;
            padding: 5px 10px;
      }

      .wp_solution #shp_epm_list .epm_head .hd_ir .inp_box::placeholder {
            font-size: 11px;
      }

      .wp_solution #shp_epm_list .epm_head .hd_ir .inp_box .btn_sch>img {
            width: 50%;
      }
}

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




/*************************************************************************************************************************/
/* 채용 뷰페이지 */
/*************************************************************************************************************************/
/*************************************************************************************************************************/


/*************************************************************************************************************************/
/* 채용 인풋페이지 */
/*************************************************************************************************************************/
.wp_solution #shp_emp_list {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: stretch;
      gap: 60px;
}

.wp_solution #shp_emp_list .emp_top {}

.wp_solution #shp_emp_list .emp_top .tit {
      font-size: 50px;
      font-family: var(--font-preb);
}

.wp_solution #shp_emp_list .emp_top .des {
      font-size: 20px;
      font-family: var(--font-prer);
}

.wp_solution #shp_emp_list .emp_bot {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: stretch;
      gap: 120px;
}

.wp_solution #shp_emp_list .emp_bot .emp_cont {}

.wp_solution #shp_emp_list .emp_bot .emp_cont .emp_inp_box {}

.wp_solution #shp_emp_list .emp_bot .emp_cont .emp_inp_box .tit {
      font-size: 36px;
      font-family: var(--font-preb);
      margin-bottom: 40px;
}

.wp_solution #shp_emp_list .emp_bot .emp_cont .emp_inp_box .file_cont {}

.wp_solution #shp_emp_list .emp_bot .emp_cont .emp_inp_box .sub_inp_box {}

.wp_solution #shp_emp_list .emp_bot .emp_cont .emp_inp_box .sub_inp_box>dt {
      display: flex;
      justify-content: stretch;
      align-items: center;
      gap: 20px;
      margin-bottom: 20px;
}

.wp_solution #shp_emp_list .emp_bot .emp_cont .emp_inp_box .sub_inp_box>dt>.tit {
      font-size: 30px;
      font-family: var(--font-presb);
      margin-bottom: 0;
}

.wp_solution #shp_emp_list .emp_bot .emp_cont .emp_inp_box .sub_inp_box>dt .dg_txt {
      color: #9FD263;
      font-size: 18px;
      font-family: var(--font-prer);
}

.wp_solution #shp_emp_list .emp_bot .emp_cont .emp_inp_box .sub_inp_box>dt .dg_txt02 {
      color: #E0E0E0;
      font-size: 18px;
      font-family: var(--font-prer);
}

.wp_solution #shp_emp_list .emp_bot .emp_cont .emp_inp_box .sub_inp_box>dd {}

/* TEXT영역 */
.wp_solution #shp_emp_list .emp_bot .emp_cont .emp_inp_box .sub_inp_box>dd .inp_line {
      padding: 20px;
      border-bottom: 1px solid #444444;
}

.wp_solution #shp_emp_list .emp_bot .emp_cont .emp_inp_box .sub_inp_box>dd .inp_line>input {
      width: 100%;
      border: none;
      outline: none;
}

/* FILE영역 */
.wp_solution #shp_emp_list .emp_bot .emp_cont .emp_inp_box .file_cont {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: stretch;
      gap: 60px;
}

.wp_solution #shp_emp_list .emp_bot .emp_cont .emp_inp_box .file_cont .sub_file_box>dt {
      display: flex;
      justify-content: stretch;
      align-items: center;
      gap: 20px;
      margin-bottom: 20px;
}

.wp_solution #shp_emp_list .emp_bot .emp_cont .emp_inp_box .file_cont .sub_file_box>dt>.tit {
      font-size: 30px;
      font-family: var(--font-presb);
      margin-bottom: 0;
}

.wp_solution #shp_emp_list .emp_bot .emp_cont .emp_inp_box .file_cont .sub_file_box>dt .dg_txt {
      color: #9FD263;
      font-size: 18px;
      font-family: var(--font-prer);
}

.wp_solution #shp_emp_list .emp_bot .emp_cont .emp_inp_box .file_cont .sub_file_box>dt .dg_txt02 {
      color: #E0E0E0;
      font-size: 18px;
      font-family: var(--font-prer);
}

.wp_solution #shp_emp_list .emp_bot .emp_cont .emp_inp_box .file_cont .sub_file_box>dd .inp_file {}

.wp_solution #shp_emp_list .emp_bot .emp_cont .emp_inp_box .file_cont .sub_file_box>dd .inp_file>label {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 20px 40px;
      background-color: #E0E0E0;
      border-radius: 10px 10px 0 0;
}

.wp_solution #shp_emp_list .emp_bot .emp_cont .emp_inp_box .file_cont .sub_file_box>dd .inp_file>label>input[type="file"] {}

.wp_solution #shp_emp_list .emp_bot .emp_cont .emp_inp_box .file_cont .sub_file_box>dd .inp_file>label>input[type="file"]::file-selector-button {
      display: none;
}

.wp_solution #shp_emp_list .emp_bot .emp_cont .emp_inp_box .file_cont .sub_file_box>dd .inp_file>label>i {
      display: flex;
      justify-content: center;
      align-items: center;
      min-width: 40px;
      height: 40px;
      color: #000;
      font-size: 26px;
      background-color: #fff;
}

.wp_solution #shp_emp_list .emp_bot .emp_cont .emp_inp_box .file_cont .sub_file_box>dd .drag_list {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: stretch;
      gap: 10px;
      padding: 20px 30px;
      border: 1px solid #DDDDDD;
}

.wp_solution #shp_emp_list .emp_bot .emp_cont .emp_inp_box .file_cont .sub_file_box>dd .drag_list .drag_item {
      display: flex;
      justify-content: stretch;
      align-items: center;
      gap: 20px;

}

.wp_solution #shp_emp_list .emp_bot .emp_cont .emp_inp_box .file_cont .sub_file_box>dd .drag_list .drag_item .btn_del {
      padding: 8px;
      background-color: #DDDDDD;
}

.wp_solution #shp_emp_list .emp_bot .emp_cont .emp_inp_box .file_cont .sub_file_box>dd .drag_list .drag_item .btn_del>i {
      color: #000;
      font-size: 10px;
      font-weight: bold;
}

.wp_solution #shp_emp_list .emp_bot .emp_cont .emp_inp_box .file_cont .sub_file_box>dd .drag_list .drag_item .file_name {
      color: #444444;
      font-size: 20px;
      font-family: var(--font-prer);
}


/* 개인정보 필수 */
.wp_solution #shp_emp_list .emp_bot .emp_cont .emp_inp_box .agr_cont {}

.wp_solution #shp_emp_list .emp_bot .emp_cont .emp_inp_box .agr_cont .agr_box {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: stretch;
      gap: 20px;
}

.wp_solution #shp_emp_list .emp_bot .emp_cont .emp_inp_box .agr_cont .agr_box>dt {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 20px;
}

.wp_solution #shp_emp_list .emp_bot .emp_cont .emp_inp_box .agr_cont .agr_box>dt .btn_agr_dwn {
      margin-right: 20px;
}

.wp_solution #shp_emp_list .emp_bot .emp_cont .emp_inp_box .agr_cont .agr_box>dt .btn_agr_dwn>img {}

.wp_solution #shp_emp_list .emp_bot .emp_cont .emp_inp_box .agr_cont .agr_box>dt .chk_box {
      display: flex;
      justify-content: stretch;
      align-items: center;
      gap: 20px;
}

.wp_solution #shp_emp_list .emp_bot .emp_cont .emp_inp_box .agr_cont .agr_box>dt .chk_box>input[type="checkbox"] {}

.wp_solution #shp_emp_list .emp_bot .emp_cont .emp_inp_box .agr_cont .agr_box>dt .chk_box>label {
      font-size: 20px;
      font-family: var(--font-prer);
}

.wp_solution #shp_emp_list .emp_bot .emp_cont .emp_inp_box .agr_cont .agr_box>dt .dg_txt {
      color: #9FD263;
      font-size: 18px;
      font-family: var(--font-prer);
}

.wp_solution #shp_emp_list .emp_bot .emp_cont .emp_inp_box .agr_cont .agr_box>dd {}

.wp_solution #shp_emp_list .emp_bot .emp_cont .emp_inp_box .agr_cont .agr_box>dd .agr_txt_box {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: stretch;
      gap: 40px;
}

.wp_solution #shp_emp_list .emp_bot .emp_cont .emp_inp_box .agr_cont .agr_box>dd .agr_txt_box .txt {
      height: 240px;
      padding: 40px 30px;
      color: #444444;
      font-size: 20px;
      font-family: var(--font-prer);
      border-radius: 10px;
      background-color: #E0E0E0;
      overflow: hidden;
}


/* 제출하기버튼 */
.wp_solution #shp_emp_list .emp_bot .emp_cont .emp_inp_box .agr_cont .agr_box>dd .agr_txt_box .emp_btn_box {}

.wp_solution #shp_emp_list .emp_bot .emp_cont .emp_inp_box .agr_cont .agr_box>dd .agr_txt_box .emp_btn_box .btn_smt {
      width: 100%;
      height: 90px;
      color: #fff;
      font-size: 30px;
      font-family: var(--font-prer);
      border-radius: 10px;
      background-color: #9FD263;
}



@media (max-width:576px) {
      .wp_solution #shp_emp_list .emp_top .tit {
            font-size: 28px;

      }

      .wp_solution #shp_emp_list .emp_top .des {
            font-size: 13px;
      }

      .wp_solution #shp_emp_list .emp_bot .emp_cont .emp_inp_box .tit {
            font-size: 22px;
      }

      .wp_solution #shp_emp_list .emp_bot .emp_cont .emp_inp_box .sub_inp_box>dt>.tit {
            font-size: 18px;
      }

      .wp_solution #shp_emp_list .emp_bot .emp_cont .emp_inp_box .sub_inp_box>dd .inp_line {
            padding: 15px 10px;
      }

      .wp_solution #shp_emp_list .emp_bot .emp_cont .emp_inp_box .sub_inp_box>dd .inp_line>input::placeholder {
            font-size: 13px;
      }

      .wp_solution #shp_emp_list .emp_bot .emp_cont .emp_inp_box .file_cont .sub_file_box>dt>.tit {
            font-size: 18px;
      }

      .wp_solution #shp_emp_list .emp_bot .emp_cont .emp_inp_box .file_cont .sub_file_box>dt .dg_txt02,
      .wp_solution #shp_emp_list .emp_bot .emp_cont .emp_inp_box .file_cont .sub_file_box>dt .dg_txt {
            font-size: 13px;
      }

      .wp_solution #shp_emp_list .emp_bot .emp_cont .emp_inp_box .file_cont .sub_file_box>dd .inp_file>label {
            padding: 15px 20px;
      }

      .wp_solution #shp_emp_list .emp_bot .emp_cont .emp_inp_box .file_cont .sub_file_box>dd .inp_file>label>input[type="file"] {
            font-size: 13px;
      }

      .wp_solution #shp_emp_list .emp_bot .emp_cont .emp_inp_box .file_cont .sub_file_box>dd .inp_file>label>i {
            min-width: 25px;
            height: 25px;
            font-size: 20px;
      }

      .wp_solution #shp_emp_list .emp_bot {
            gap: 60px;
      }

      .wp_solution #shp_emp_list .emp_bot .emp_cont .emp_inp_box .file_cont {
            gap: 30px;
      }

      .wp_solution #shp_emp_list .emp_bot .emp_cont .emp_inp_box .tit {
            font-size: 18px;
            margin-bottom: 10px;
      }

      .wp_solution #shp_emp_list .emp_bot .emp_cont .emp_inp_box .agr_cont .agr_box>dt .chk_box>label {
            font-size: 13px;
      }

      .wp_solution #shp_emp_list .emp_bot .emp_cont .emp_inp_box .agr_cont .agr_box>dt .dg_txt {
            font-size: 13px;
      }

      .wp_solution #shp_emp_list .emp_bot .emp_cont .emp_inp_box .agr_cont .agr_box>dd .agr_txt_box .txt {
            height: 180px;
            padding: 20px;
            font-size: 13px;
      }

      .wp_solution #shp_emp_list .emp_bot .emp_cont .emp_inp_box .agr_cont .agr_box>dd .agr_txt_box .emp_btn_box .btn_smt {
            height: 50px;
            font-size: 15px;
      }
}

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