@charset "UTF-8";

/***************************************************************************************************************************/
/* 솔루션 공통 */
/***************************************************************************************************************************/
.wp_solution {}

/***************************************************************************************************************************/


/***************************************************************************************************************************/
/* 상품 리스트 */
/***************************************************************************************************************************/
.wp_solution #shp_prd_list {}



/* 상품리스트 */
.wp_solution #shp_prd_list .prd_list {
      margin-bottom: 85px;
}

.wp_solution #shp_prd_list .prd_list .list_item {
      position: relative;
      padding: 20px;
}

.wp_solution #shp_prd_list .prd_list .list_item .flag {
      position: absolute;
      left: 0;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      height: 30px;
      padding: 5px 10px;
      color: #fff;
      font-size: 14px;
      font-family: var(--font-prer);
      border-radius: 0 15px 15px 0;
}

.wp_solution #shp_prd_list .prd_list .list_item .flag01 {
      width: 75px;
      top: 40px;
      background-color: #52ADDA;
}

.wp_solution #shp_prd_list .prd_list .list_item .flag02 {
      width: 65px;
      top: 70px;
      background-color: #E63B6A;
}

.wp_solution #shp_prd_list .prd_list .list_item .item_inner {
      display: block;
      padding: 25px 25px;
      border-radius: 20px;
      border: 1px solid #E2E2E2;
      transition: 0.4s;
}

.wp_solution #shp_prd_list .prd_list .list_item:hover .item_inner {
      background-color: #F8F8F8;
      transition: 0.4s;
}

.wp_solution #shp_prd_list .prd_list .list_item .item_inner .img_frame {
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 20px;
      border: 1px solid #E2E2E2;
      background-color: #fff;
      overflow: hidden;
}

.wp_solution #shp_prd_list .prd_list .list_item .item_inner .img_frame>img {}

.wp_solution #shp_prd_list .prd_list .list_item .item_inner .txt_frame {
      padding: 15px 0;
}

.wp_solution #shp_prd_list .prd_list .list_item .item_inner .txt_frame .prd_tit {
      height: 50px;
      color: #535353;
      font-size: 18px;
      font-family: var(--font-prer);
      text-align: center;
      word-break: keep-all;
}


.wp_solution #shp_prd_list .btn_box {
      display: flex;
      justify-content: center;
      align-items: center;
}

.wp_solution #shp_prd_list .btn_box .btn_more {
      width: 145px;
      height: 55px;
      color: #535353;
      font-size: 16px;
      font-family: var(--font-prer);
      gap: 20px;
      border-radius: 27px;
      border: 1px solid #8A8A8A;
      transition: 0.4s;
}

.wp_solution #shp_prd_list .btn_box .btn_more>i {
      color: #8A8A8A;
}

.wp_solution #shp_prd_list .btn_box .btn_more:hover {
      color: #fff;
      background-color: #EC6E2F;
      border: 1px solid #EC6E2F;
      transition: 0.4s;
}

.wp_solution #shp_prd_list .btn_box .btn_more:hover>i {
      color: #fff;
}

/***************************************************************************************************************************/


/***************************************************************************************************************************/
/* 상품 뷰 / 캐릭터 뷰 */
/***************************************************************************************************************************/
.wp_solution #shp_prd_view {}



/* 탑영역 */
.wp_solution #shp_prd_view .view_top {
      padding: 40px 20px 60px;
}

/* 왼쪽 */
.wp_solution #shp_prd_view .view_top .lt_box {
      /* max-width: 500px; */
      width: 100%;
      overflow: hidden;
}

.wp_solution #shp_prd_view .view_top .lt_box .sd_view {
      width: 100%;
}

.wp_solution #shp_prd_view .view_top .lt_box .sd_view .sd_view_list {
      width: 100%;
      height: 420px;
      margin-bottom: 10px;
      border: 1px solid #D6D6D6;
}

.wp_solution #shp_prd_view .view_top .lt_box .sd_view .sd_view_list .slick-list,
.wp_solution #shp_prd_view .view_top .lt_box .sd_view .sd_view_list .slick-list .slick-track {
      height: 100% !important;
}

.wp_solution #shp_prd_view .view_top .lt_box .sd_view .sd_view_list li {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
}

.wp_solution #shp_prd_view .view_top .lt_box .sd_view .sd_view_list>li>img {}

.wp_solution #shp_prd_view .view_top .lt_box .sd_view .sd_btn_list {}

.wp_solution #shp_prd_view .view_top .lt_box .sd_view .sd_btn_list>li {
      border: 1px solid #D6D6D6;
      cursor: pointer;
}

.wp_solution #shp_prd_view .view_top .lt_box .sd_view .sd_btn_list>li>img {}


/* 오른쪽 */
.wp_solution #shp_prd_view .view_top .rt_box {}

.wp_solution #shp_prd_view .view_top .rt_box .ctg_list {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      gap: 10px;
      margin-bottom: 15px;
}

.wp_solution #shp_prd_view .view_top .rt_box .ctg_list .ctg {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 70px;
      height: 30px;
      color: #fff;
      font-size: 14px;
      font-family: var(--font-prer);
      border-radius: 15px;
}

.wp_solution #shp_prd_view .view_top .rt_box .ctg_list .ctg01 {
      background-color: #52ADDA;
}

.wp_solution #shp_prd_view .view_top .rt_box .ctg_list .ctg02 {
      background-color: #E63B6A;
}

.wp_solution #shp_prd_view .view_top .rt_box .tit {
      color: #535353;
      font-size: 25px;
      font-family: var(--font-preb);
      padding: 10px 0;
      border-bottom: 1px solid #D6D6D6;
}

.wp_solution #shp_prd_view .view_top .rt_box .info_box {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: stretch;
      gap: 10px;
      padding: 15px 10px;
}

.wp_solution #shp_prd_view .view_top .rt_box .info_box .info_list {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 10px;
}

.wp_solution #shp_prd_view .view_top .rt_box .info_box .info_list>dt {
      width: 100px;
      color: #535353;
      font-size: 16px;
      font-family: var(--font-prem);
}

.wp_solution #shp_prd_view .view_top .rt_box .info_box .info_list>dd {
      flex-grow: 1;
      min-height: 40px;
      padding: 10px 15px;
      color: #535353;
      font-size: 16px;
      font-family: var(--font-prel);
      background-color: #F8F8F8;
}



/* 바텀영역 */
.wp_solution #shp_prd_view .view_bot {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: stretch;
      gap: 40px;
      padding: 60px 20px;
      border-top: 1px solid #858585;
}

.wp_solution #shp_prd_view .view_bot .view_info_list {}

.wp_solution #shp_prd_view .view_bot .view_info_list>dt {
      margin-bottom: 20px;
      color: #535353;
      font-size: 20px;
      font-family: var(--font-presb);
}

.wp_solution #shp_prd_view .view_bot .view_info_list>dd {}


/* 설명 01 */
.wp_solution #shp_prd_view .view_bot .exp_box01>dd .txt_box {
      padding: 30px;
      font-size: 16px;
      font-family: var(--font-prel);
      border: 1px solid #D6D6D6;
}


/* 설명 02 */
.wp_solution #shp_prd_view .view_bot .exp_box02>dd .txt_box {
      height: 125px;
      padding: 15px 25px;
      color: #C7C7C7;
      font-size: 20px;
      font-family: var(--font-prel);
      border: 1px solid #D6D6D6;
}

/* 영양성분 */
.wp_solution #shp_prd_view .view_bot .idt_box>dd .idt_list {
      border: 1px solid #D6D6D6;
}

.wp_solution #shp_prd_view .view_bot .idt_box>dd .idt_list>li {}

.wp_solution #shp_prd_view .view_bot .idt_box>dd .idt_list>li .idt_hd {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 45px;
      color: #535353;
      font-size: 16px;
      font-family: var(--font-prer);
      background-color: #F8F8F8;
}

.wp_solution #shp_prd_view .view_bot .idt_box>dd .idt_list>li .idt_bd {}

.wp_solution #shp_prd_view .view_bot .idt_box>dd .idt_list>li .idt_bd .txt {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 40px;
      color: #535353;
      font-size: 16px;
      font-family: var(--font-prel);
}


/* 관련제품 */
.wp_solution #shp_prd_view .view_bot .pdt_box>dd .prd_list {}

.wp_solution #shp_prd_view .view_bot .pdt_box>dd .prd_list>li {}

.wp_solution #shp_prd_view .view_bot .pdt_box>dd .prd_list>li .img_frame {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 210px;
      border-radius: 20px;
      border: 1px solid #D6D6D6;
      overflow: hidden;
}

.wp_solution #shp_prd_view .view_bot .pdt_box>dd .prd_list>li .img_frame>img {}

.wp_solution #shp_prd_view .view_bot .pdt_box>dd .prd_list>li .txt {
      padding: 20px 0;
      font-size: 16px;
      font-family: var(--font-prer);
      text-align: center;
}




/* 리스트 버튼 */
.wp_solution #shp_prd_view .btn_box {
      display: flex;
      justify-content: center;
      align-items: center;
}

.wp_solution #shp_prd_view .btn_box .btn_list {
      width: 205px;
      height: 60px;
      color: #EC6E2F;
      font-size: 20px;
      font-family: var(--font-prel);
      border: 1px solid #EC6E2F;
      transition: 0.4s;
}

.wp_solution #shp_prd_view .btn_box .btn_list:hover {
      color: #fff;
      background-color: #EC6E2F;
      transition: 0.4s;
}

/***************************************************************************************************************************/


/***************************************************************************************************************************/
/* 라이센스 */
/***************************************************************************************************************************/
.wp_solution #shp_prd_list {}

.wp_solution #shp_prd_list .lcs_list {
      margin-bottom: 85px;
}

.wp_solution #shp_prd_list .lcs_list .list_item {
      position: relative;
      /* padding:20px; */
}

.wp_solution #shp_prd_list .lcs_list .list_item .item_inner {
      display: block;
}

.wp_solution #shp_prd_list .lcs_list .list_item .item_inner .img_frame {
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: #fff;
}

.wp_solution #shp_prd_list .lcs_list .list_item .item_inner .img_frame>img {
      max-width: 100%;
      height: 100%;
      object-fit: cover;
}



.wp_solution #shp_prd_list .btn_box {
      display: flex;
      justify-content: center;
      align-items: center;
}

.wp_solution #shp_prd_list .btn_box .btn_more {
      width: 145px;
      height: 55px;
      color: #535353;
      font-size: 16px;
      font-family: var(--font-prer);
      gap: 20px;
      border-radius: 27px;
      border: 1px solid #8A8A8A;
      transition: 0.4s;
}

.wp_solution #shp_prd_list .btn_box .btn_more>i {
      color: #8A8A8A;
}

.wp_solution #shp_prd_list .btn_box .btn_more:hover {
      color: #fff;
      background-color: #EC6E2F;
      border: 1px solid #EC6E2F;
      transition: 0.4s;
}

.wp_solution #shp_prd_list .btn_box .btn_more:hover>i {
      color: #fff;
}

/***************************************************************************************************************************/



/***************************************************************************************************************************/
/* 캐릭터 리스트 */
/***************************************************************************************************************************/

/***************************************************************************************************************************/




@media (max-width:768px) {

      /***************************************************************************************************************************/
      /* 상품 리스트 */
      /***************************************************************************************************************************/
      .wp_solution #shp_prd_list .prd_list .list_item {
            padding: 0;
      }

      .wp_solution #shp_prd_list .prd_list .list_item .item_inner {
            padding: 20px 10px 0px;
      }

    

      .wp_solution #shp_prd_list .prd_list .list_item .item_inner .txt_frame .prd_tit {
            font-size: 16px;
      }

      /***************************************************************************************************************************/
}

@media (max-width:576px) {

      /***************************************************************************************************************************/
      /* 상품 리스트 */
      /***************************************************************************************************************************/

      /***************************************************************************************************************************/
}