/**
 * Created by PhpStorm.
 * Date         :
 * Developer    :
 * Description  : wp_style.css
 * ⓒ 2024. WebPlanet Co. All Rights Reserved.
 */

@charset "utf-8";

/**********************************************************************************************************************/
/* 작성방법 */
/*
1. 모든 스타일은 클래스명 .wp_wrap 을 시작으로 작성한다.
2. 공통 스타일의 클래스명은 cm_ 접두어를 사용한다.
 */
/**********************************************************************************************************************/


/**********************************************************************************************************************/
/* 공통 스타일 */
/**********************************************************************************************************************/

/*FONT*/
/* pretendard */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");
/* font-family: "Pretendard", sans-serif; */

/* Noto Serif KR */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200..900&display=swap');
/* font-family: "Noto Serif KR", serif; */


/* Noto Sans KR */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');
/* font-family: "Noto Sans", sans-serif; */

/* KoPubWorld - 바탕 */
@font-face {
    font-family: 'KoPubWorldBatangLight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2507-1@1.0/KoPubWorldBatangLight.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}
  @font-face {
    font-family: 'KoPubWorldBatangMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2507-1@1.0/KoPubWorldBatangMedium.woff2') format('woff2');
    font-weight: 500;
    font-display: swap;
}
  @font-face {
    font-family: 'KoPubWorldBatangBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2507-1@1.0/KoPubWorldBatangBold.woff2') format('woff2');
    font-weight: 600;
    font-display: swap;
}



/* KoPubWorld - 돋움 */
@font-face {
    font-family: 'KoPubWorldDotumLight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2507-1@1.0/KoPubWorldDotumLight.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}
  @font-face {
    font-family: 'KoPubWorldDotumMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2507-1@1.0/KoPubWorldDotumMedium.woff2') format('woff2');
    font-weight: 500;
    font-display: swap;
}
  @font-face {
    font-family: 'KoPubWorldDotumBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2507-1@1.0/KoPubWorldDotumBold.woff2') format('woff2');
    font-weight: 600;
    font-display: swap;
}


/* 마포금빛나루 */
@font-face {
  font-family: 'MapoGeumbitnaru';
  src: url('https://gcore.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/MapoGoldenPierA.woff') format('woff');
  font-weight: normal;
  font-display: swap;
}

:root{
   /* KoPubWorld - 바탕 */
    --font-kopubBT400:'KoPubWorldBatangLight';
    --font-kopubBT500:'KoPubWorldBatangMedium';
    --font-kopubBT600:'KoPubWorldBatangBold';

    /* KoPubWorld - 돋움 */
    --font-kopubDU400:'KoPubWorldDotumLight';
    --font-kopubDU500:'KoPubWorldDotumMedium';
    --font-kopubDU600:'KoPubWorldDotumBold';

    /* 마포금빛나루 */
    --font-mapoGB400:'MapoGeumbitnaru';
}


/* 공통 */
html{
    scroll-behavior: smooth;
}
.wp_wrap{
    overflow: clip;
    font-family: "Pretendard", sans-serif;
    font-weight: 400;
    word-break: keep-all;
}

.wp_wrap .wp_alert_red{
    font-size: 13px;
}


.wp_wrap .cm_inner{
  max-width: 1320px;
  width: 100%;
  margin: 0 auto;
  padding: 0 10px;
}


.wp_wrap .cm_sec{}




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



/**********************************************************************************************************************/
/* 헤더 */
/**********************************************************************************************************************/
/* #region // header */
.wp_wrap header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #333;
  z-index: 999;
}
.wp_wrap header .h_inner{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;

  max-width: 1320px;
  width: 100%;
  margin: 0 auto;
  padding: 0 0 0 10px;
}
.wp_wrap header .h_inner .h_lt{}
.wp_wrap header .h_inner .h_lt .h_logo{
  /* min-width: 260px; */
  min-width: 230px;
  width: 230px;
}
.wp_wrap header .h_inner .h_lt .h_logo a{}
.wp_wrap header .h_inner .h_lt .h_logo a img{}
.wp_wrap header .h_inner .h_rt{}
.wp_wrap header .h_inner .h_rt nav{}
.wp_wrap header .h_inner .h_rt nav .gnb{
  display: flex;
  align-items: center;
}
.wp_wrap header .h_inner .h_rt nav .gnb .m_list{
  width: 170px;
}
.wp_wrap header .h_inner .h_rt nav .gnb .m_list>a{
position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 120px;
  font-size: 20px;
  font-family: var(--font-kopubDU600);
  color: #fff;
  transition: 0.3s ease-in-out;
}
.wp_wrap header .h_inner .h_rt nav .gnb .m_list>a:hover{
    color: #919191;
    /* color: #e40000; */
}
.wp_wrap header .h_inner .h_rt nav .gnb .m_list>a:hover::after{
    transform: translateX(-50%) scaleX(1);
}
.wp_wrap header .h_inner .h_rt nav .gnb .m_list.free_trial_apply{
  margin-left: 50px;
}
.wp_wrap header .h_inner .h_rt nav .gnb .m_list.free_trial_apply a{
  background: #e40000;
  color: #fff !important;
}
.wp_wrap header .h_inner .h_rt nav .gnb .m_list.free_trial_apply a:hover{
    background: #fff;
    color: #e40000 !important;
  }
.wp_wrap header .h_inner .h_rt .mnu_opBtn{
  display: none;
  background: transparent;
}
.wp_wrap header .h_inner .h_rt .mnu_opBtn .icon_box{
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.wp_wrap header .h_inner .h_rt .mnu_opBtn .icon_box span{
  display: inline-block;
  width: 30px;
  height: 3px;
  background: #fff;
  transition: 0.3s ease-in-out;
  transform-origin: center;
}

.wp_wrap header .h_inner .h_rt .mnu_opBtn.on .icon_box span:nth-child(1){
  transform: rotate(45deg) translateY(14px);
}
.wp_wrap header .h_inner .h_rt .mnu_opBtn.on .icon_box span:nth-child(3){
  transform: rotate(-45deg) translateY(-14px);
}
.wp_wrap header .h_inner .h_rt .mnu_opBtn.on .icon_box span:nth-child(2){
  opacity: 0;
  visibility: hidden;
}


.wp_wrap .mo_mnu{
  display: none;
} 
/* #endregion // header */


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










/**********************************************************************************************************************/
/* 푸터 */
/**********************************************************************************************************************/
/* #region // footer */
.wp_wrap footer {
  background: #333333;
  padding: 60px 0;
}
.wp_wrap footer .f_inner{}
.wp_wrap footer .f_inner .f_info{
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.wp_wrap footer .f_inner .f_info ul{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px 20px;
}
.wp_wrap footer .f_inner .f_info ul li{}
.wp_wrap footer .f_inner .f_info ul li,
.wp_wrap footer .f_inner .f_info ul li a{
  font-size: 20px;
  font-family: var(--font-kopubDU400);
  color: #FFFFFF;
  line-height: 1.25;
}
.wp_wrap footer .f_inner .f_tel{
  padding: 20px 0;
}
.wp_wrap footer .f_inner .f_tel a{
  display: inline-block;
  font-size: 30px;
  font-size: 40px;
  font-family: var(--font-kopubDU600);
  color: #FFF67A;
  line-height: 1.2;
}
.wp_wrap footer .f_inner .f_copy{
  font-size: 18px;
  font-family: var(--font-kopubDU400);
  color: #FFFFFF;
}
.wp_wrap footer .f_inner .f_copy a{
  color: #666
}
.wp_wrap .totop {
  position: fixed;
  right: 30px;
  bottom: 40px;
  border-radius: 50%;
  width: 65px;
  height: 65px;
  background: rgba(67, 67, 67, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
  z-index: 10000;
}
.wp_wrap .totop:hover {
    background: rgba(67, 67, 67, 0.6);
}
.wp_wrap .totop i {
  color: #fff;
  font-size: 20px;
}
/* #endregion // footer */
/**********************************************************************************************************************/









/**********************************************************************************************************************/
/* 메인 */
/**********************************************************************************************************************/
/* #region // sec1 */
.wp_wrap .sec1 {
  background: url('../img/main/sec1/sec1bg.jpg') no-repeat center center / cover;
  height: 100dvh;
}
.wp_wrap .sec1 .inner_box{
  max-width: 1320px;
  width: 100%;
  padding: 0 10px;
  margin: 0 auto;
  height: 100%;
}
.wp_wrap .sec1 .cont_box{
  position: relative;
  height: 100%;
}
.wp_wrap .sec1 .cont_box .logo_box {
  position: absolute;
  top: 30px;
  left: 0;
}
.wp_wrap .sec1 .cont_box .logo_box img{}
.wp_wrap .sec1 .cont_box .txt_box {
  position: absolute;
  top: 50%;
  top: calc(50% + 60px);
  left: 50%;
  transform: translate(-50%,-50%);
  width: 100%;
}
.wp_wrap .sec1 .cont_box .txt_box img{
  margin: 0 auto;
}
/* #endregion // sec1 */


/* #region // sec2 */
.wp_wrap .sec2 {
  background: url('../img/main/sec2/sec2bg.jpg') no-repeat center center / cover;
  padding-bottom: 150px;
}
.wp_wrap .sec2 .inner_box{}
.wp_wrap .sec2 .cont_box{}
.wp_wrap .sec2 .cont_box .top_hfcic_box{
  margin-bottom: 100px;
}
.wp_wrap .sec2 .cont_box .top_hfcic_box img{
  margin: 0 auto;
}
.wp_wrap .sec2 .cont_box .txt_box1{
  margin-bottom: 100px;
}
.wp_wrap .sec2 .cont_box .txt_box1 .txt1{
  color: #E1F5FF;
  font-size: 30px;
  margin-bottom: 15px;
  font-family:var(--font-kopubDU400);
  text-align: center;
  letter-spacing: -0.7px;
}
.wp_wrap .sec2 .cont_box .txt_box1 .txt2{
  color: #E1F5FF;
  font-size: 50px;
  font-family: var(--font-mapoGB400);
  text-align: center;
  letter-spacing: -8.8px;
}
.wp_wrap .sec2 .cont_box .prd_img {
  margin-bottom: 50px;
}
.wp_wrap .sec2 .cont_box .prd_img img{
  margin: 0 auto;
}
.wp_wrap .sec2 .cont_box .txt_box2 {}
.wp_wrap .sec2 .cont_box .txt_box2 p{
  color: #2C354A;
  font-size: 40px;
  font-family: var(--font-kopubBT400);
  text-align: center;
  letter-spacing: -1px;
  line-height: 1.35;
}
.wp_wrap .sec2 .cont_box .txt_box2 p span{
  font-family: var(--font-kopubBT600);
}
/* .wp_wrap .test_txt{  
  text-align: center;
  font-family: var(--font-kopubBT600);
  background: linear-gradient(
    90deg,
    #cfa259 38%,
    #fff9e6 50%,
    #fcdcaa 55%,
    #ffeedb 60%,
    #dfae60 80%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 93px;
} */



/* #endregion // sec2 */


/* #region // sec3 */
.wp_wrap .sec3 {
  position: relative;
  background: url('../img/main/sec3/sec3bg.jpg') no-repeat center center / cover;
  padding: 180px 0 280px;
}
.wp_wrap .sec3 .herbal_medicine{
  position: absolute;
  bottom: 135px;
  bottom: 0;
  left: calc(50% - 600px);
}
.wp_wrap .sec3 .inner_box{}
.wp_wrap .sec3 .cont_box{}
.wp_wrap .sec3 .cont_box .top_txt_box{
  margin-bottom: 80px;
  display: flex;
  flex-direction: column;
  gap: 60px;
  align-items: center;
}
.wp_wrap .sec3 .cont_box .top_txt_box .txt1{}
.wp_wrap .sec3 .cont_box .top_txt_box .txt1 img{}
.wp_wrap .sec3 .cont_box .top_txt_box .txt2{
  font-size: 35px;
  font-family: var(--font-kopubBT400);
  color: #fff;
  text-align: center;
}
.wp_wrap .sec3 .cont_box .cic_graph{
  margin-bottom: 95px;
}
.wp_wrap .sec3 .cont_box .cic_graph img{
  margin: 0 auto;
}
.wp_wrap .sec3 .cont_box .bot_txt_box{}
.wp_wrap .sec3 .cont_box .bot_txt_box img{
  margin: 0 auto;
}
.wp_wrap .sec3 .cont_box .herbal_medicine2{
  position: absolute;
}
/* #endregion // sec3 */


/* #region // sec4 */
.wp_wrap .sec4 {
  position: relative;
  background: url('../img/main/sec4/sec04_bg.jpg') no-repeat center center / cover;
  padding: 180px 0 0;
}

.wp_wrap .sec4 .book_acc{
  position: absolute;
  left: calc(50% - 715px);
  top: 500px;
}
.wp_wrap .sec4 .inner_box{
  position: relative;
}
.wp_wrap .sec4 .cont_box{}
.wp_wrap .sec4 .cont_box .top_area{}
.wp_wrap .sec4 .cont_box .top_area .txt_box{
  /* margin-bottom: 50px; */
}
.wp_wrap .sec4 .cont_box .top_area .txt_box .txt1{
  margin-bottom: 50px;
}
.wp_wrap .sec4 .cont_box .top_area .txt_box .txt1 img{
  margin: 0 auto;
}
.wp_wrap .sec4 .cont_box .top_area .txt_box .txt2{
  text-align: center;
  font-size: 35px;
  font-family: "Noto Serif KR", serif;
  font-weight: 500;
  color: #CFA25A;
  line-height: 1.65;
  margin-bottom: 85px;
}
.wp_wrap .sec4 .cont_box .top_area .txt_box .txt3{
  font-size: 33px;
  color: #fff;
  font-family: "Noto Sans", sans-serif;
  text-align: center;
  line-height: 1.8;
  margin-bottom: 140px;
  line-height: 1.8;
}
.wp_wrap .sec4 .cont_box .bot_area{
  position: relative;
}
.wp_wrap .sec4 .cont_box .bot_area .king_txt{
  position: absolute;
  left: calc(50% - 464px);
  bottom: 235px;

}
.wp_wrap .sec4 .cont_box .bot_area .king_txt img{}
.wp_wrap .sec4 .cont_box .bot_area .king_img{
  position: relative;
}
.wp_wrap .sec4 .cont_box .bot_area .king_img img{
  margin-left: auto;
}
/* #endregion // sec4 */


/* #region // sec5 */
.wp_wrap .sec5 {
  background: url('../img/main/sec5/sec05_bg.jpg') no-repeat center center / cover;
  padding: 200px 0;
}
.wp_wrap .sec5 .inner_box {}
.wp_wrap .sec5 .cont_box {}
.wp_wrap .sec5 .cont_box .top_area{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
  margin-bottom: 90px;
}
.wp_wrap .sec5 .cont_box .top_area .txt_box{
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.wp_wrap .sec5 .cont_box .top_area .txt_box .txt1{}
.wp_wrap .sec5 .cont_box .top_area .txt_box .txt1 img{}
.wp_wrap .sec5 .cont_box .top_area .txt_box .txt2{
  font-size: 35px;
  font-family: var(--font-kopubBT500);
  color: #fff;
  text-align: center;
  letter-spacing: -1.5px;
}
.wp_wrap .sec5 .cont_box .bot_area{
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 80px;
}
.wp_wrap .sec5 .cont_box .bot_area .img_top{}
.wp_wrap .sec5 .cont_box .bot_area .img_top>ul{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.wp_wrap .sec5 .cont_box .bot_area .img_top>ul>li{}
.wp_wrap .sec5 .cont_box .bot_area .img_top>ul>li.itm{
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.wp_wrap .sec5 .cont_box .bot_area .img_top>ul>li.itm p{
  font-size: 29px;
  font-family: "Noto Serif KR", serif;
  font-weight: 400;
  color: #FFF6BD;
  text-align: center;
}
.wp_wrap .sec5 .cont_box .bot_area .img_top>ul>li.itm img{}
.wp_wrap .sec5 .cont_box .bot_area .img_top>ul>li.icon{
  position: relative;
  top: 50px;
}
.wp_wrap .sec5 .cont_box .bot_area .img_top>ul>li.icon img{}
.wp_wrap .sec5 .cont_box .bot_area .img_bot{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 65px;
}
.wp_wrap .sec5 .cont_box .bot_area .img_bot>ul{
  display: flex;
  align-items: center;
  justify-content: center;
}
.wp_wrap .sec5 .cont_box .bot_area .img_bot>ul.top{
  gap: 80px;
}
.wp_wrap .sec5 .cont_box .bot_area .img_bot>ul.bot{
  gap: 55px;
}

.wp_wrap .sec5 .cont_box .bot_area .img_bot>ul>li{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
}
.wp_wrap .sec5 .cont_box .bot_area .img_bot>ul>li p{
  font-size: 28px;
  font-family: "Noto Serif KR", serif;
  font-weight: 400;
  color: #FFF6BD;
}

.wp_wrap .sec5 .cont_box .bot_area .img_bot>ul>li img{
  width: 163px;
  min-width: 163px;
  height: 163px;
}


/* #endregion // sec5 */


/* #region // sec6 */
.wp_wrap .sec6 {
  background: #475677;
  padding: 200px 0;
}
.wp_wrap .sec6 .inner_box {}
.wp_wrap .sec6 .cont_box {}
.wp_wrap .sec6 .cont_box .tit_box{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 180px;
  margin-bottom: 100px;
}
.wp_wrap .sec6 .cont_box .txt_box{}
.wp_wrap .sec6 .cont_box .txt_box .top{
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 30px;
  margin-bottom: 180px;
}
.wp_wrap .sec6 .cont_box .txt_box .top::after,
.wp_wrap .sec7 .top_box .tit_box::after{
  content: '';
  position: absolute;
  bottom: -100px;
  left: 50%;
  transform: translateX(-50%);
  width: 220px;
  height: 8px;
  background: #95929D;
}
.wp_wrap .sec6 .cont_box .txt_box .top .txt1{
  font-size: 26px;
  font-weight: 500;
  font-family: var(--font-kopubDU500);
  color: #FFF6BD;
  text-align: center;
}
.wp_wrap .sec6 .cont_box .txt_box .top .txt2{}
.wp_wrap .sec6 .cont_box .txt_box .bot{
  margin-bottom: 100px;
}
.wp_wrap .sec6 .cont_box .txt_box .bot img{
  margin: 0 auto;
}
.wp_wrap .sec6 .cont_box .prd_box{
  display: flex;
  flex-direction: column;
  max-width: 800px;
  margin: 0 auto;
}
.wp_wrap .sec6 .cont_box .prd_box img{}
.wp_wrap .sec6 .cont_box .prd_box .txt_box{
  background: #5A433E;
  padding: 30px 10px;
}
.wp_wrap .sec6 .cont_box .prd_box .txt_box p{
  font-size: 30px;
  font-family: var(--font-kopubBT400);
  color: #fff;
  text-align: center;
}
/* #endregion // sec6 */


/* #region // sec7 */
.wp_wrap .sec7 {
  background: #EBEAED;
  padding: 200px 0;
}
.wp_wrap .sec7 .top_box {}
.wp_wrap .sec7 .top_box .cont_box {}
.wp_wrap .sec7 .top_box .tit_box {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
  margin-bottom: 200px;
}
.wp_wrap .sec7 .top_box .tit_box .txt1{
  font-family: var(--font-kopubBT400);
  color: #000000;
  text-align: center;
  font-size: 45px;
}
.wp_wrap .sec7 .top_box .tit_box .txt2{
  font-family: var(--font-kopubBT600);
  color: #383f64;
  text-align: center;
  font-size: 50px;
}
.wp_wrap .sec7 .bot_box {}
.wp_wrap .sec7 .bot_box .sld_area {}
.wp_wrap .sec7 .bot_box .sld_area .rv_slider {}
.wp_wrap .sec7 .bot_box .sld_area .rv_slider .slick-list {
  margin: 0 -15px;
}
.wp_wrap .sec7 .bot_box .sld_area .rv_slider .slick-slide {
  margin: 0 15px;
}
.wp_wrap .sec7 .bot_box .sld_area .rv_slider .sld {
  padding: 20px 25px 40px;
  background: #fff;
  border-radius: 30px;
  max-width: 455px;
}
.wp_wrap .sec7 .bot_box .sld_area .rv_slider .sld .img_box{
  aspect-ratio: auto 1/0.73913;
  margin-bottom: 20px;
    border-radius: 10px;
    overflow: hidden;
}
.wp_wrap .sec7 .bot_box .sld_area .rv_slider .sld .img_box img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.wp_wrap .sec7 .bot_box .sld_area .rv_slider .sld .txt_box{
}
.wp_wrap .sec7 .bot_box .sld_area .rv_slider .sld .txt_box .id_box{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
.wp_wrap .sec7 .bot_box .sld_area .rv_slider .sld .txt_box .id_box .lt{
  display: flex;
  align-items: center;
  gap: 10px;
}
.wp_wrap .sec7 .bot_box .sld_area .rv_slider .sld .txt_box .id_box .lt .repurchase{
  font-size: 14px;
  font-family: var(--font-kopubDU500);
  color: #fff;
  background: #FF6329;
  padding: 3px 8px;
}
.wp_wrap .sec7 .bot_box .sld_area .rv_slider .sld .txt_box .id_box .lt .id{
  font-size: 17px;
  color: #37435C;
  font-family: var(--font-kopubDU500);
}
.wp_wrap .sec7 .bot_box .sld_area .rv_slider .sld .txt_box .id_box .rt{}
.wp_wrap .sec7 .bot_box .sld_area .rv_slider .sld .txt_box .id_box .rt .star{
  display: flex;
  align-items: center;
  gap: 2px;
}
.wp_wrap .sec7 .bot_box .sld_area .rv_slider .sld .txt_box .id_box .rt .star li i{
  font-size: 16px;
  color: #E63E23;
}
.wp_wrap .sec7 .bot_box .sld_area .rv_slider .sld .txt_box .detail_box{}
.wp_wrap .sec7 .bot_box .sld_area .rv_slider .sld .txt_box .detail_box .tit{
    font-size: 19px;
    font-weight: 600;
    line-height: 1.3;
    color: #37435C;
    margin-bottom: 10px;
    /* font-size: 18px; */
  /* font-family: var(--font-kopubDU600); */
  /* min-height: 56px; */
}
.wp_wrap .sec7 .bot_box .sld_area .rv_slider .sld .txt_box .detail_box .desc{
  font-size: 16px;
  font-weight: 400;
  color: #000000;
  line-height: 1.4;
}
/* #endregion // sec7 */



/* #region // sec8 */
.wp_wrap .sec8 {
  position: relative;
}
.wp_wrap .sec8 .img_bg{}
.wp_wrap .sec8 .img_bg img{
  width: 100%;
}
.wp_wrap .sec8 .cont_box {
  padding: 0 10px;
}
.wp_wrap .sec8 .cont_box .tit_box{
  position: absolute;
  /* top: 140px; */
  top: 12%;
  top: 10%;
  left: 50%;
  transform: translateX(-50%);
  width: 39.5vw;
}
.wp_wrap .sec8 .cont_box .tit_box img{
  width: 100%;
  margin: 0 auto;
}
/* #endregion // sec8 */


/* #region // sec9 */
.wp_wrap .sec9 {
  background: #231B18;
  padding: 180px 0;
}
.wp_wrap .sec9 .inner_box{}
.wp_wrap .sec9 .inner_box .tit_box{
  margin-bottom: 100px;
}
.wp_wrap .sec9 .inner_box .tit_box img{
  margin: 0 auto;
}
.wp_wrap .sec9 .cont_box{
  border: 3px solid #776540;
  border-radius: 30px;
  padding: 70px 55px 80px;
}
.wp_wrap .sec9 .cont_box .logo{
  margin-bottom: 60px;
}
.wp_wrap .sec9 .cont_box .logo img{
  margin: 0 auto;
}
.wp_wrap .sec9 .cont_box .desc_box{
  display: flex;
  align-items: flex-start;
  gap: 35px;
}
.wp_wrap .sec9 .cont_box .desc_box>div{
  width: 50%;
}
.wp_wrap .sec9 .cont_box .desc_box>div>ul{}
.wp_wrap .sec9 .cont_box .desc_box>div>ul>li{
  position: relative;
  font-size: 13px;
  font-size: 15px;
  font-family: var(--font-kopubDU500);
  color: #72615C;
  padding-left: 8px;
}
.wp_wrap .sec9 .cont_box .desc_box>div>ul>li::before{
  content: '';
  position: absolute;
  width: 2px;
  height: 2px;
  left: 0;
  top: 8px;
  border-radius: 50%;
  background: #72615C;

}
.wp_wrap .sec9 .cont_box .desc_box>div>ul>li>span{
  font-family: var(--font-kopubDU600);
}
.wp_wrap .sec9 .cont_box .desc_box>div>ul>li>ul{}
.wp_wrap .sec9 .cont_box .desc_box>div>ul>li>ul>li{}
.wp_wrap .sec9 .cont_box .desc_box>div>ul>li>ul.line>li {
  text-indent: -11px;
  margin-left: 11px;
}
.wp_wrap .sec9 .cont_box .desc_box>div>ul>li>ul.mark>li {
  text-indent: -16px;
  margin-left: 16px;
}
/* #endregion // sec9 */





/* #region // sec10 */
.wp_wrap .sec10{
  padding: 120px 0;
  background-image: linear-gradient(to bottom, #E9EEF1 60%, #CBD2D8 60%);
} 
.wp_wrap .sec10 .inner_box{} 
.wp_wrap .sec10 .cont_box {}
.wp_wrap .sec10 .cont_box .tit_box{
  margin-bottom: 60px;
}
.wp_wrap .sec10 .cont_box .tit_box .txt1{
  text-align: center;
  font-size: 50px;
  font-family:var(--font-kopubDU500);
  line-height: 1.2;
}
.wp_wrap .sec10 .cont_box .tit_box .txt1 span{
  text-align: center;
  font-family:var(--font-kopubDU600);
}
.wp_wrap .sec10 .cont_box .form_box{}
.wp_wrap .sec10 .cont_box .form_box .form_in{}
.wp_wrap .sec10 .cont_box .form_box .form_in .top_area{
  position: relative;
  max-width: 900px;
  margin: 0 auto;
  padding: 45px 130px 50px;
  background: #000000;
  border-radius: 40px;
  margin-bottom: 75px;
}
.wp_wrap .sec10 .cont_box .form_box .form_in .top_area .tit{
  font-size: 50px;
  font-family: var(--font-kopubDU600);
  color: #fff;
  text-align: center;
  margin-bottom: 40px;
}
.wp_wrap .sec10 .cont_box .form_box .form_in .top_area .ip_wrap{
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 40px;
}
.wp_wrap .sec10 .cont_box .form_box .form_in .top_area .ip_wrap .line{
  display: flex;
  align-items: center;
  gap: 20px;
}
.wp_wrap .sec10 .cont_box .form_box .form_in .top_area .ip_wrap .line .ip_box{
  width: 100%;
  display: flex;
  align-items: center;
}
.wp_wrap .sec10 .cont_box .form_box .form_in .top_area .ip_wrap .line2 .ip_box{
  width: 50%;
}
.wp_wrap .sec10 .cont_box .form_box .form_in .top_area .ip_wrap .line .ip_box .ques{
  font-size: 30px;
  font-family: var(--font-kopubDU600);
  color: #fff;
  min-width: 205px;
}
.wp_wrap .sec10 .cont_box .form_box .form_in .top_area .ip_wrap .line2 .ip_box .ques{
  min-width: 90px;
}
.wp_wrap .sec10 .cont_box .form_box .form_in .top_area .ip_wrap .line .ip_box .answ{
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.wp_wrap .sec10 .cont_box .form_box .form_in .top_area .ip_wrap .line .ip_box .answ input[type='text']{
  width: 100%;
  border: 3px solid #fff;
  outline: none;
  border-radius: 10px;
  font-size: 20px;
  font-family: var(--font-kopubDU600);
  color: #707070;
  padding: 10px 15px;
  transition: 0.3s;
}

.wp_wrap .sec10 .cont_box .form_box .form_in .top_area .ip_wrap .line .ip_box .answ input[type='text']:focus{
  border: 3px solid #707070;
}

.wp_wrap .sec10 .cont_box .form_box .form_in .top_area .ip_wrap .line .ip_box .answ .rdo_box{
  display: flex;
  align-items: center;
  gap: 20px;
}
.wp_wrap .sec10 .cont_box .form_box .form_in .top_area .ip_wrap .line .ip_box .answ .rdo_box .rdo_itm{}
.wp_wrap .sec10 .cont_box .form_box .form_in .top_area .ip_wrap .line .ip_box .answ .rdo_box .rdo_itm input[type='radio']{
  display: none;
}
.wp_wrap .sec10 .cont_box .form_box .form_in .top_area .ip_wrap .line .ip_box .answ .rdo_box .rdo_itm input[type='radio'] + label{
  display: flex;
  align-items: center;
  font-size: 25px;
  font-family: var(--font-kopubDU600);
  color: #fff;
}
.wp_wrap .sec10 .cont_box .form_box .form_in .top_area .ip_wrap .line .ip_box .answ .rdo_box .rdo_itm input[type='radio'] + label .rdo_cst{
  display: inline-block;
  width: 25px;
  height: 25px;
  background: url('../img/main/sec10/rdo_bf.png') no-repeat center center / cover;
  margin-right: 10px;
}
.wp_wrap .sec10 .cont_box .form_box .form_in .top_area .ip_wrap .line .ip_box .answ .rdo_box .rdo_itm input[type='radio']:checked + label .rdo_cst{
  background: url('../img/main/sec10/rdo_at.png') no-repeat center center / cover;
}
.wp_wrap .sec10 .cont_box .form_box .form_in .top_area .ip_wrap .line .ip_box .answ>p{
  color: red;
  font-size: 13px;
}


.wp_wrap .sec10 .cont_box .form_box .form_in .top_area .ip_wrap .line .adrs_box{
    align-items: flex-start;
    flex-direction: column;
    gap: 5px;
}
.wp_wrap .sec10 .cont_box .form_box .form_in .top_area .ip_wrap .line .adrs_box .answ{
    gap: 10px;
}
.wp_wrap .sec10 .cont_box .form_box .form_in .top_area .ip_wrap .line .adrs_box .answ .adrs_top{
    display: flex;
    align-items: stretch;
    gap: 10px;
}

.wp_wrap .sec10 .cont_box .form_box .form_in .top_area .ip_wrap .line .adrs_box .answ .adrs_top input{}
.wp_wrap .sec10 .cont_box .form_box .form_in .top_area .ip_wrap .line .adrs_box .answ .adrs_top button{
    width: 200px;
    border-radius: 10px;
    font-size: 20px;
    font-family: var(--font-kopubDU600);
    color: #fff;
    background: #3f3f3f;
}














.wp_wrap .sec10 .cont_box .form_box .form_in .top_area .agr_wrap{
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.wp_wrap .sec10 .cont_box .form_box .form_in .top_area .agr_wrap .line{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.wp_wrap .sec10 .cont_box .form_box .form_in .top_area .agr_wrap .line input[type='checkbox']{
  display: none;
}
.wp_wrap .sec10 .cont_box .form_box .form_in .top_area .agr_wrap .line input[type='checkbox'] + label{
  display: flex;
  align-items: flex-start;
  font-size: 20px;
  font-family: var(--font-kopubDU500);
  color: #fff;
  margin-right: 5px;
}
.wp_wrap .sec10 .cont_box .form_box .form_in .top_area .agr_wrap .line input[type='checkbox'] + label .chk_cst{
  display: inline-block;
  width: 24px;
  min-width: 24px;
  height: 24px;
  margin-right: 10px;
  margin-top: 2px;
  background: url('../img/main/sec10/chk_bf.png') no-repeat center center / cover;
}
.wp_wrap .sec10 .cont_box .form_box .form_in .top_area .agr_wrap .line input[type='checkbox']:checked + label .chk_cst{
  background: url('../img/main/sec10/chk_at.png') no-repeat center center / cover;
}
.wp_wrap .sec10 .cont_box .form_box .form_in .top_area .agr_wrap .line .md_opBtn{
  color: #B4FFF7;
  background: transparent;
  font-size: 20px;
  font-family: var(--font-kopubDU500);
}

.wp_wrap .sec10 .cont_box .form_box .form_in .top_area .img_acc{
  position: absolute;
  bottom: -90px;
  right: -90px;
  max-width: 300px;
}

.wp_wrap .sec10 .cont_box .form_box .form_in .bot_area{}
.wp_wrap .sec10 .cont_box .form_box .form_in .bot_area .txt{
  font-size: 30px;
  font-family: var(--font-kopubDU600);
  color: #000000;
  margin-bottom: 40px;
  text-align: center;
  line-height: 1.3;
}
.wp_wrap .sec10 .cont_box .form_box .form_in .bot_area .sbm_btn{
  margin: 0 auto;
  width: 370px;
  height: 80px;
  border-radius: 10px;
  background: #000000;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
  font-family: var(--font-kopubDU600);
  color: #fff;
  transition: 0.3s ease-in-out;
}
.wp_wrap .sec10 .cont_box .form_box .form_in .bot_area .sbm_btn:hover{
  background: #fff;
  color: #000;
}
/* #endregion // sec10 */
/**********************************************************************************************************************/